refactor(react-headless-components-preview): consolidate Tag stories under Tags/, simplify render re-exports

Moves the headless Tag, InteractionTag, and TagGroup story folders into a
single `stories/src/Tags/` parent, mirroring how the v9 canonical package
groups them under `Components/Tags/<Component>` in the Storybook nav. The
new layout keeps the SSR-test convention of per-component `index.stories.tsx`
metas (which the SSR validator deliberately skips) while updating each meta's
title to `Components/Tags/<Component>`.

Also simplifies the five `render*.ts` files in the library to single-line
re-export specifiers (`export { X_unstable as X } from '@fluentui/react-tags';`)
instead of the previous import-then-const-re-export pattern. The api-extractor
output collapses accordingly (one less indirection in the .d.ts).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

Author: mainframev

change/@fluentui-react-headless-components-preview-3cc555dc-e346-4c29-bcd0-c8dfbf38544d.json

@@ -1,6 +1,6 @@
 {
   "type": "minor",
-  "comment": "Add headless Tag, InteractionTag, InteractionTagPrimary, InteractionTagSecondary, TagGroup. Available as ./tag, ./interaction-tag, ./interaction-tag-primary, ./interaction-tag-secondary, ./tag-group subpath exports. Delegates to @fluentui/react-tags base hooks; no icons, styles, Tabster, or floating-ui.",
+  "comment": "feat: add headless Tags components",
   "packageName": "@fluentui/react-headless-components-preview",
   "email": "vgenaev@gmail.com",
   "dependentChangeType": "patch"

packages/react-components/react-headless-components-preview/library/etc/interaction-tag-primary.api.md

@@ -6,11 +6,11 @@
 
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import type { InteractionTagPrimaryBaseProps } from '@fluentui/react-tags';
-import { InteractionTagPrimaryBaseState } from '@fluentui/react-tags';
-import { InteractionTagPrimaryContextValues as InteractionTagPrimaryContextValues_2 } from '@fluentui/react-tags';
+import type { InteractionTagPrimaryBaseState } from '@fluentui/react-tags';
+import type { InteractionTagPrimaryContextValues as InteractionTagPrimaryContextValues_2 } from '@fluentui/react-tags';
 import type { InteractionTagPrimarySlots as InteractionTagPrimarySlots_2 } from '@fluentui/react-tags';
-import { JSXElement } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
+import { renderInteractionTagPrimary_unstable as renderInteractionTagPrimary } from '@fluentui/react-tags';
 
 // @public
 export const InteractionTagPrimary: ForwardRefComponent<InteractionTagPrimaryProps>;
@@ -33,8 +33,7 @@ export type InteractionTagPrimaryState = InteractionTagPrimaryBaseState & {
     };
 };
 
-// @public
-export const renderInteractionTagPrimary: (state: InteractionTagPrimaryBaseState, contextValues: InteractionTagPrimaryContextValues_2) => JSXElement;
+export { renderInteractionTagPrimary }
 
 // @public
 export const useInteractionTagPrimary: (props: InteractionTagPrimaryProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagPrimaryState;

packages/react-components/react-headless-components-preview/library/etc/interaction-tag-secondary.api.md

@@ -6,10 +6,10 @@
 
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import type { InteractionTagSecondaryBaseProps } from '@fluentui/react-tags';
-import { InteractionTagSecondaryBaseState } from '@fluentui/react-tags';
+import type { InteractionTagSecondaryBaseState } from '@fluentui/react-tags';
 import type { InteractionTagSecondarySlots as InteractionTagSecondarySlots_2 } from '@fluentui/react-tags';
-import { JSXElement } from '@fluentui/react-utilities';
 import type * as React_2 from 'react';
+import { renderInteractionTagSecondary_unstable as renderInteractionTagSecondary } from '@fluentui/react-tags';
 
 // @public
 export const InteractionTagSecondary: ForwardRefComponent<InteractionTagSecondaryProps>;
@@ -28,8 +28,7 @@ export type InteractionTagSecondaryState = InteractionTagSecondaryBaseState & {
     };
 };
 
-// @public
-export const renderInteractionTagSecondary: (state: InteractionTagSecondaryBaseState) => JSXElement;
+export { renderInteractionTagSecondary }
 
 // @public
 export const useInteractionTagSecondary: (props: InteractionTagSecondaryProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagSecondaryState;

packages/react-components/react-headless-components-preview/library/etc/interaction-tag.api.md

@@ -6,11 +6,11 @@
 
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import type { InteractionTagBaseProps } from '@fluentui/react-tags';
-import { InteractionTagBaseState } from '@fluentui/react-tags';
-import { InteractionTagContextValue } from '@fluentui/react-tags';
+import type { InteractionTagBaseState } from '@fluentui/react-tags';
+import type { InteractionTagContextValue } from '@fluentui/react-tags';
 import type { InteractionTagSlots as InteractionTagSlots_2 } from '@fluentui/react-tags';
-import { JSXElement } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
+import { renderInteractionTag_unstable as renderInteractionTag } from '@fluentui/react-tags';
 
 // @public
 export const InteractionTag: ForwardRefComponent<InteractionTagProps>;
@@ -34,10 +34,7 @@ export type InteractionTagState = InteractionTagBaseState & {
     };
 };
 
-// @public
-export const renderInteractionTag: (state: InteractionTagBaseState, contextValues: {
-    interactionTag: InteractionTagContextValue;
-}) => JSXElement;
+export { renderInteractionTag }
 
 // @public
 export const useInteractionTag: (props: InteractionTagProps, ref: React_2.Ref<HTMLDivElement>) => InteractionTagState;

packages/react-components/react-headless-components-preview/library/etc/tag-group.api.md

@@ -5,16 +5,14 @@
 ```ts
 
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import { JSXElement } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
+import { renderTagGroup_unstable as renderTagGroup } from '@fluentui/react-tags';
 import type { TagGroupBaseProps } from '@fluentui/react-tags';
-import { TagGroupBaseState } from '@fluentui/react-tags';
+import type { TagGroupBaseState } from '@fluentui/react-tags';
 import type { TagGroupContextValue } from '@fluentui/react-tags';
-import { TagGroupContextValues as TagGroupContextValues_2 } from '@fluentui/react-tags';
 import type { TagGroupSlots as TagGroupSlots_2 } from '@fluentui/react-tags';
 
-// @public
-export const renderTagGroup: (state: TagGroupBaseState, contextValue: TagGroupContextValues_2) => JSXElement;
+export { renderTagGroup }
 
 // @public
 export const TagGroup: ForwardRefComponent<TagGroupProps>;
@@ -41,7 +39,7 @@ export type TagGroupState = TagGroupBaseState & {
 // @public
 export const useTagGroup: (props: TagGroupProps, ref: React_2.Ref<HTMLDivElement>) => TagGroupState;
 
-// @public
+// @public (undocumented)
 export const useTagGroupContextValues: (state: TagGroupState) => TagGroupContextValues;
 
 // (No @packageDocumentation comment for this package)

packages/react-components/react-headless-components-preview/library/etc/tag.api.md

@@ -5,15 +5,14 @@
 ```ts
 
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
-import { JSXElement } from '@fluentui/react-utilities';
 import * as React_2 from 'react';
+import { renderTag_unstable as renderTag } from '@fluentui/react-tags';
 import type { TagBaseProps } from '@fluentui/react-tags';
-import { TagBaseState } from '@fluentui/react-tags';
-import { TagContextValues as TagContextValues_2 } from '@fluentui/react-tags';
+import type { TagBaseState } from '@fluentui/react-tags';
+import type { TagContextValues as TagContextValues_2 } from '@fluentui/react-tags';
 import type { TagSlots as TagSlots_2 } from '@fluentui/react-tags';
 
-// @public
-export const renderTag: (state: TagBaseState, contextValues: TagContextValues_2) => JSXElement;
+export { renderTag }
 
 // @public
 export const Tag: ForwardRefComponent<TagProps>;

packages/react-components/react-headless-components-preview/library/src/components/InteractionTag/renderInteractionTag.ts

@@ -1,6 +1 @@
-import { renderInteractionTag_unstable } from '@fluentui/react-tags';
-
-/**
- * Renders the final JSX of the InteractionTag component, given the state and context values.
- */
-export const renderInteractionTag = renderInteractionTag_unstable;
+export { renderInteractionTag_unstable as renderInteractionTag } from '@fluentui/react-tags';

packages/react-components/react-headless-components-preview/library/src/components/InteractionTagPrimary/renderInteractionTagPrimary.ts

@@ -1,6 +1 @@
-import { renderInteractionTagPrimary_unstable } from '@fluentui/react-tags';
-
-/**
- * Renders the final JSX of the InteractionTagPrimary component.
- */
-export const renderInteractionTagPrimary = renderInteractionTagPrimary_unstable;
+export { renderInteractionTagPrimary_unstable as renderInteractionTagPrimary } from '@fluentui/react-tags';

packages/react-components/react-headless-components-preview/library/src/components/InteractionTagSecondary/renderInteractionTagSecondary.ts

@@ -1,6 +1 @@
-import { renderInteractionTagSecondary_unstable } from '@fluentui/react-tags';
-
-/**
- * Renders the final JSX of the InteractionTagSecondary component.
- */
-export const renderInteractionTagSecondary = renderInteractionTagSecondary_unstable;
+export { renderInteractionTagSecondary_unstable as renderInteractionTagSecondary } from '@fluentui/react-tags';

packages/react-components/react-headless-components-preview/library/src/components/Tag/renderTag.ts

@@ -1,6 +1 @@
-import { renderTag_unstable } from '@fluentui/react-tags';
-
-/**
- * Renders the final JSX of the Tag component, given the state and context values.
- */
-export const renderTag = renderTag_unstable;
+export { renderTag_unstable as renderTag } from '@fluentui/react-tags';