@fluentui/react-tags 9.9.3 → 9.9.4

package/CHANGELOG.md

@@ -1,12 +1,29 @@
 # Change Log - @fluentui/react-tags
 
-This log was last generated on Tue, 04 Aug 2026 10:10:13 GMT and should not be manually modified.
+<!-- This log was last generated on Tue, 11 Aug 2026 17:16:02 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
+## [9.9.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.9.4)
+
+Tue, 11 Aug 2026 17:16:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.9.3..@fluentui/react-tags_v9.9.4)
+
+### Patches
+
+- Ship ESM-first (type:module): valid ESM under lib/, CommonJS under lib-commonjs/*.cjs, and drop the `node` export condition - bare-Node `import` resolves ESM, `require` resolves CJS; node-targeted bundlers tree-shake. ([PR #36327](https://github.com/microsoft/fluentui/pull/36327) by martinhochel@microsoft.com)
+- Bump @fluentui/keyboard-keys to v9.0.9 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-aria to v9.17.14 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-avatar to v9.11.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.4.5 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.3 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-tabster to v9.26.17 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.2.2 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.26.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
 ## [9.9.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-tags_v9.9.3)
 
-Tue, 04 Aug 2026 10:10:13 GMT 
+Tue, 04 Aug 2026 10:12:26 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-tags_v9.9.2..@fluentui/react-tags_v9.9.3)
 
 ### Patches

package/dist/index.d.cts

@@ -0,0 +1,558 @@
+import type { AvatarShape } from '@fluentui/react-avatar';
+import type { AvatarSize } from '@fluentui/react-avatar';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { DistributiveOmit } from '@fluentui/react-utilities';
+import type { EventData } from '@fluentui/react-utilities';
+import type { EventHandler } from '@fluentui/react-utilities';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+/**
+ * InteractionTag component - a visual representation of an attribute with primary and secondary actions.
+ * Can have `InteractionTagPrimary` and `InteractionTagSecondary` components as its children.
+ */
+export declare const InteractionTag: ForwardRefComponent<InteractionTagProps>;
+
+/**
+ * InteractionTag Base Props - omits design-only props
+ */
+export declare type InteractionTagBaseProps<Value = TagValue> = Omit<InteractionTagProps<Value>, 'appearance' | 'size' | 'shape'>;
+
+/**
+ * InteractionTag Base State - omits design-only state
+ */
+export declare type InteractionTagBaseState<Value = TagValue> = Omit<InteractionTagState<Value>, 'appearance' | 'size' | 'shape'>;
+
+export declare const interactionTagClassNames: SlotClassNames<InteractionTagSlots>;
+
+export declare const InteractionTagContextProvider: React_2.Provider<InteractionTagContextValue<string> | undefined>;
+
+/**
+ * Context shared between InteractionTag and its children components
+ */
+export declare type InteractionTagContextValue<Value = string> = Required<Pick<InteractionTagState, 'appearance' | 'disabled' | 'selected' | 'selectedValues' | 'shape' | 'size'> & {
+    handleTagDismiss: TagDismissHandler<Value>;
+    interactionTagPrimaryId: string;
+    value?: Value;
+}> & {
+    handleTagSelect?: TagSelectHandler<Value>;
+};
+
+declare type InteractionTagContextValues = {
+    interactionTag: InteractionTagContextValue;
+};
+
+/**
+ * InteractionTagPrimary component - used as the first child of the `InteractionTag` component.
+ * Provides visual attributes such as media, icon, primary and secondary text, as well as the ability to attach a primary action.
+ */
+export declare const InteractionTagPrimary: ForwardRefComponent<InteractionTagPrimaryProps>;
+
+/**
+ * InteractionTagPrimary Base Props - same as InteractionTagPrimaryProps (no design-only own props)
+ */
+export declare type InteractionTagPrimaryBaseProps = InteractionTagPrimaryProps;
+
+/**
+ * InteractionTagPrimary Base State - omits design-only state derived from context
+ */
+export declare type InteractionTagPrimaryBaseState = Omit<InteractionTagPrimaryState, 'appearance' | 'size' | 'shape' | 'avatarShape' | 'avatarSize'>;
+
+export declare const interactionTagPrimaryClassNames: SlotClassNames<InteractionTagPrimarySlots>;
+
+export declare type InteractionTagPrimaryContextValues = TagAvatarContextValues;
+
+/**
+ * InteractionTagPrimary Props
+ */
+export declare type InteractionTagPrimaryProps = ComponentProps<Partial<InteractionTagPrimarySlots>> & {
+    /**
+     * Whether the `InteractionTag` component has a `Secondary` component that provides an secondary action.
+     * If `true`, the `InteractionTagPrimary` component will adjust its styles to accommodate the `Secondary` component.
+     *
+     * @default false
+     */
+    hasSecondaryAction?: boolean;
+};
+
+export declare type InteractionTagPrimarySlots = {
+    root: NonNullable<Slot<'button'>>;
+    /**
+     * Slot for a visual element, usually an avatar
+     */
+    media?: Slot<'span'>;
+    /**
+     * Slot for an icon
+     */
+    icon?: Slot<'span'>;
+    /**
+     * Main text for the InteractionTagPrimary button. Children of the root slot are automatically rendered here
+     */
+    primaryText: Slot<'span'>;
+    /**
+     * Secondary text that describes or complements the main text
+     */
+    secondaryText?: Slot<'span'>;
+};
+
+/**
+ * State used in rendering InteractionTagPrimary
+ */
+export declare type InteractionTagPrimaryState = ComponentState<InteractionTagPrimarySlots> & Required<Pick<InteractionTagContextValue, 'appearance' | 'disabled' | 'selected' | 'shape' | 'size'> & Pick<InteractionTagPrimaryProps, 'hasSecondaryAction'>> & UseTagAvatarContextValuesOptions;
+
+/**
+ * InteractionTag Props
+ */
+export declare type InteractionTagProps<Value = TagValue> = ComponentProps<Partial<InteractionTagSlots>> & {
+    /**
+     * An InteractionTag can have filled, outlined or brand experience.
+     *
+     * @default 'filled'
+     */
+    appearance?: TagAppearance;
+    /**
+     * An InteractionTag can show that it cannot be interacted with.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * An InteractionTag can be selected.
+     * Note: This prop only changes the appearance of the tag at the moment. A future PR will add the integration with TagGroup.
+     *
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * An InteractionTag can have rounded or circular shape.
+     *
+     * @default 'round'
+     */
+    shape?: TagShape;
+    /**
+     * An InteractionTag has three sizes.
+     *
+     * @default 'medium'
+     */
+    size?: TagSize;
+    /**
+     * Unique value identifying the tag within a TagGroup
+     */
+    value?: Value;
+};
+
+/**
+ * InteractionTagSecondary component - used as the second child of the `InteractionTag` component and provides the secondary action, which is dismiss by default.
+ */
+export declare const InteractionTagSecondary: ForwardRefComponent<InteractionTagSecondaryProps>;
+
+/**
+ * InteractionTagSecondary Base Props - same as InteractionTagSecondaryProps (no design-only own props)
+ */
+export declare type InteractionTagSecondaryBaseProps = InteractionTagSecondaryProps;
+
+/**
+ * InteractionTagSecondary Base State - omits design-only state derived from context
+ */
+export declare type InteractionTagSecondaryBaseState = Omit<InteractionTagSecondaryState, 'appearance' | 'size' | 'shape'>;
+
+export declare const interactionTagSecondaryClassNames: SlotClassNames<InteractionTagSecondarySlots>;
+
+/**
+ * InteractionTagSecondary Props
+ */
+export declare type InteractionTagSecondaryProps = ComponentProps<InteractionTagSecondarySlots>;
+
+export declare type InteractionTagSecondarySlots = {
+    root: NonNullable<Slot<'button'>>;
+};
+
+/**
+ * State used in rendering InteractionTagSecondary
+ */
+export declare type InteractionTagSecondaryState = ComponentState<InteractionTagSecondarySlots> & Required<Pick<InteractionTagContextValue, 'appearance' | 'disabled' | 'selected' | 'shape' | 'size'>>;
+
+export declare type InteractionTagSlots = {
+    root: NonNullable<Slot<'div'>>;
+};
+
+/**
+ * State used in rendering InteractionTag
+ */
+export declare type InteractionTagState<Value = TagValue> = ComponentState<InteractionTagSlots> & Required<Pick<InteractionTagProps, 'appearance' | 'disabled' | 'selected' | 'shape' | 'size' | 'value'>> & {
+    /**
+     * Event handler from TagGroup context that allows TagGroup to dismiss the tag
+     */
+    handleTagDismiss: TagDismissHandler<Value>;
+    /**
+     * Event handler from TagGroup context that allows TagGroup to select the tag
+     */
+    handleTagSelect?: TagSelectHandler<Value>;
+    /**
+     * Selected values from TagGroup context
+     */
+    selectedValues: Value[];
+    /**
+     * id to assign to InteractionTagPrimary
+     */
+    interactionTagPrimaryId: string;
+};
+
+/**
+ * Render the final JSX of InteractionTag
+ */
+export declare const renderInteractionTag_unstable: (state: InteractionTagBaseState, contextValues: InteractionTagContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of InteractionTagPrimary
+ */
+export declare const renderInteractionTagPrimary_unstable: (state: InteractionTagPrimaryBaseState, contextValues: InteractionTagPrimaryContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of InteractionTagSecondary
+ */
+export declare const renderInteractionTagSecondary_unstable: (state: InteractionTagSecondaryBaseState) => JSXElement;
+
+/**
+ * Render the final JSX of Tag
+ */
+export declare const renderTag_unstable: (state: TagBaseState, contextValues: TagContextValues) => JSXElement;
+
+/**
+ * Render the final JSX of TagGroup
+ */
+export declare const renderTagGroup_unstable: (state: TagGroupBaseState, contextValue: TagGroupContextValues) => JSXElement;
+
+/**
+ * Tag component -  a visual representation of an attribute.
+ * Provides visual attributes such as media, icon, primary and secondary text, as well as the ability to attach an action (by default it is dismiss)
+ */
+export declare const Tag: ForwardRefComponent<TagProps>;
+
+export declare type TagAppearance = 'filled' | 'outline' | 'brand';
+
+declare type TagAvatarContextValues = {
+    avatar: {
+        size?: AvatarSize;
+        shape?: AvatarShape;
+    };
+};
+
+/**
+ * Tag Base Props - omits design-only props
+ */
+export declare type TagBaseProps = DistributiveOmit<TagProps, 'appearance' | 'size' | 'shape'>;
+
+/**
+ * Tag Base State - omits design-only state
+ */
+export declare type TagBaseState = DistributiveOmit<TagState, 'appearance' | 'size' | 'shape' | 'avatarShape' | 'avatarSize'>;
+
+export declare const tagClassNames: SlotClassNames<TagSlots>;
+
+export declare type TagContextValues = TagAvatarContextValues;
+
+export declare type TagDismissData<Value = TagValue> = {
+    value: Value;
+};
+
+export declare type TagDismissEvent = React_2.MouseEvent | React_2.KeyboardEvent;
+
+export declare type TagDismissHandler<Value = TagValue> = (e: TagDismissEvent, data: TagDismissData<Value>) => void;
+
+/**
+ * TagGroup component - a container for multiple tags.
+ * Provides context to size or dismiss children tags.
+ */
+export declare const TagGroup: ForwardRefComponent<TagGroupProps>;
+
+/**
+ * TagGroup Base Props - omits design-only props
+ */
+export declare type TagGroupBaseProps<Value = TagValue> = Omit<TagGroupProps<Value>, 'appearance' | 'size'>;
+
+/**
+ * TagGroup Base State - omits design-only state
+ */
+export declare type TagGroupBaseState<Value = TagValue> = Omit<TagGroupState<Value>, 'appearance' | 'size'>;
+
+export declare const tagGroupClassNames: SlotClassNames<TagGroupSlots>;
+
+export declare const TagGroupContextProvider: React_2.Provider<TagGroupContextValue | undefined>;
+
+/**
+ * Context shared between TagGroup and its children components
+ */
+export declare type TagGroupContextValue = Required<Pick<TagGroupState, 'handleTagDismiss' | 'size'>> & Partial<Pick<TagGroupState, 'disabled' | 'appearance' | 'dismissible' | 'handleTagSelect' | 'role' | 'selectedValues'>>;
+
+export declare type TagGroupContextValues = {
+    tagGroup: TagGroupContextValue;
+};
+
+/**
+ * TagGroup Props
+ */
+export declare type TagGroupProps<Value = TagValue> = ComponentProps<TagGroupSlots> & {
+    /**
+     * Callback for when a tag is dismissed
+     */
+    onDismiss?: TagDismissHandler<Value>;
+    /**
+     * Sets selected values for an uncontrolled component.
+     */
+    defaultSelectedValues?: Value[];
+    /**
+     * A TagGroup can show that it cannot be interacted with.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    size?: TagSize;
+    appearance?: TagAppearance;
+    dismissible?: boolean;
+    /**
+     * Callback for when a tag is selected
+     */
+    onTagSelect?: EventHandler<TagSelectData<Value>>;
+    /**
+     * Values of the selected tags
+     */
+    selectedValues?: Value[];
+};
+
+export declare type TagGroupSlots = {
+    root: Slot<'div'>;
+};
+
+/**
+ * State used in rendering TagGroup
+ */
+export declare type TagGroupState<Value = TagValue> = ComponentState<TagGroupSlots> & Required<Pick<TagGroupProps, 'appearance' | 'dismissible' | 'disabled' | 'size' | 'selectedValues'>> & {
+    handleTagDismiss: TagDismissHandler<Value>;
+    handleTagSelect?: TagSelectHandler<Value>;
+    role?: React_2.AriaRole;
+};
+
+/**
+ * Tag Props
+ */
+export declare type TagProps<Value = string> = ComponentProps<Partial<TagSlots>> & {
+    /**
+     * A Tag can have filled, outlined or brand experience.
+     *
+     * @default 'filled'
+     */
+    appearance?: TagAppearance;
+    /**
+     * A Tag can show that it cannot be interacted with.
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * A Tag can be dismissible
+     *
+     * @default false
+     */
+    dismissible?: boolean;
+    /**
+     * An InteractionTag can be selected.
+     * Note: This prop only changes the appearance of the tag at the moment. A future PR will add the integration with TagGroup.
+     *
+     * @default false
+     */
+    selected?: boolean;
+    /**
+     * A Tag can have rounded or circular shape.
+     *
+     * @default 'round'
+     */
+    shape?: TagShape;
+    /**
+     * A Tag has three sizes.
+     *
+     * @default 'medium'
+     */
+    size?: TagSize;
+    /**
+     * Unique value identifying the tag within a TagGroup
+     */
+    value?: Value;
+};
+
+declare type TagSelectData<Value = TagValue> = EventData<'click', React_2.MouseEvent<HTMLButtonElement>> & {
+    value: Value;
+    selectedValues?: Value[];
+};
+
+declare type TagSelectHandler<Value = TagValue> = EventHandler<TagSelectData<Value>>;
+
+export declare type TagShape = 'rounded' | 'circular';
+
+export declare type TagSize = 'extra-small' | 'small' | 'medium';
+
+export declare type TagSlots = {
+    root: NonNullable<Slot<'button', 'span'>>;
+    /**
+     * Slot for a visual element, usually an avatar
+     */
+    media?: Slot<'span'>;
+    /**
+     * Slot for an icon
+     */
+    icon?: Slot<'span'>;
+    /**
+     * Main text for the Tag. Children of the root slot are automatically rendered here
+     */
+    primaryText: Slot<'span'>;
+    /**
+     * Secondary text that describes or complements the main text
+     */
+    secondaryText?: Slot<'span'>;
+    /**
+     * Slot for the dismiss icon
+     */
+    dismissIcon?: Slot<'span'>;
+};
+
+/**
+ * State used in rendering Tag
+ */
+export declare type TagState = ComponentState<TagSlots> & Required<Pick<TagProps, 'appearance' | 'disabled' | 'dismissible' | 'selected' | 'shape' | 'size'>> & UseTagAvatarContextValuesOptions;
+
+export declare type TagValue = string;
+
+/**
+ * Create the state required to render InteractionTag.
+ *
+ * The returned state can be modified with hooks such as useInteractionTagStyles_unstable,
+ * before being passed to renderInteractionTag_unstable.
+ *
+ * @param props - props from this instance of InteractionTag
+ * @param ref - reference to root HTMLDivElement of InteractionTag
+ */
+export declare const useInteractionTag_unstable: (props: InteractionTagProps, ref: React_2.Ref<HTMLDivElement>) => InteractionTagState;
+
+/**
+ * Create the base state required to render InteractionTag, without design-only props.
+ *
+ * @param props - props from this instance of InteractionTag (without appearance, size, shape)
+ * @param ref - reference to root HTMLDivElement of InteractionTag
+ */
+export declare const useInteractionTagBase_unstable: (props: InteractionTagBaseProps, ref: React_2.Ref<HTMLDivElement>) => InteractionTagBaseState;
+
+export declare const useInteractionTagContext_unstable: () => InteractionTagContextValue;
+
+export declare function useInteractionTagContextValues_unstable(state: InteractionTagState): InteractionTagContextValues;
+
+/**
+ * Create the state required to render InteractionTagPrimary.
+ *
+ * The returned state can be modified with hooks such as useInteractionTagPrimaryStyles_unstable,
+ * before being passed to renderInteractionTagPrimary_unstable.
+ *
+ * @param props - props from this instance of InteractionTagPrimary
+ * @param ref - reference to root HTMLButtonElement of InteractionTagPrimary
+ */
+export declare const useInteractionTagPrimary_unstable: (props: InteractionTagPrimaryProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagPrimaryState;
+
+/**
+ * Create the base state required to render InteractionTagPrimary, without design-only props.
+ *
+ * @param props - props from this instance of InteractionTagPrimary
+ * @param ref - reference to root HTMLButtonElement of InteractionTagPrimary
+ */
+export declare const useInteractionTagPrimaryBase_unstable: (props: InteractionTagPrimaryBaseProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagPrimaryBaseState;
+
+export declare const useInteractionTagPrimaryStyles_unstable: (state: InteractionTagPrimaryState) => InteractionTagPrimaryState;
+
+/**
+ * Create the state required to render InteractionTagSecondary.
+ *
+ * The returned state can be modified with hooks such as useInteractionTagSecondaryStyles_unstable,
+ * before being passed to renderInteractionTagSecondary_unstable.
+ *
+ * @param props - props from this instance of InteractionTagSecondary
+ * @param ref - reference to root HTMLButtonElement of InteractionTagSecondary
+ */
+export declare const useInteractionTagSecondary_unstable: (props: InteractionTagSecondaryProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagSecondaryState;
+
+/**
+ * Create the base state required to render InteractionTagSecondary, without design-only props.
+ *
+ * @param props - props from this instance of InteractionTagSecondary
+ * @param ref - reference to root HTMLButtonElement of InteractionTagSecondary
+ */
+export declare const useInteractionTagSecondaryBase_unstable: (props: InteractionTagSecondaryBaseProps, ref: React_2.Ref<HTMLButtonElement>) => InteractionTagSecondaryBaseState;
+
+export declare const useInteractionTagSecondaryStyles_unstable: (state: InteractionTagSecondaryState) => InteractionTagSecondaryState;
+
+/**
+ * Apply styling to the InteractionTag slots based on the state
+ */
+export declare const useInteractionTagStyles_unstable: (state: InteractionTagState) => InteractionTagState;
+
+/**
+ * Create the state required to render Tag.
+ *
+ * The returned state can be modified with hooks such as useTagStyles_unstable,
+ * before being passed to renderTag_unstable.
+ *
+ * @param props - props from this instance of Tag
+ * @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag
+ */
+export declare const useTag_unstable: (props: TagProps, ref: React_2.Ref<HTMLSpanElement | HTMLButtonElement>) => TagState;
+
+export declare function useTagAvatarContextValues_unstable(state: UseTagAvatarContextValuesOptions): TagAvatarContextValues;
+
+declare type UseTagAvatarContextValuesOptions = {
+    avatarSize: AvatarSize;
+    avatarShape: AvatarShape;
+};
+
+/**
+ * Create the base state required to render Tag, without design-only props.
+ *
+ * @param props - props from this instance of Tag (without appearance, size, shape)
+ * @param ref - reference to root HTMLSpanElement or HTMLButtonElement of Tag
+ */
+export declare const useTagBase_unstable: (props: TagBaseProps, ref: React_2.Ref<HTMLSpanElement | HTMLButtonElement>) => TagBaseState;
+
+/**
+ * Create the state required to render TagGroup.
+ *
+ * The returned state can be modified with hooks such as useTagGroupStyles_unstable,
+ * before being passed to renderTagGroup_unstable.
+ *
+ * @param props - props from this instance of TagGroup
+ * @param ref - reference to root HTMLDivElement of TagGroup
+ */
+export declare const useTagGroup_unstable: (props: TagGroupProps, ref: React_2.Ref<HTMLDivElement>) => TagGroupState;
+
+/**
+ * Create the base state required to render TagGroup, without design-only props.
+ *
+ * @param props - props from this instance of TagGroup (without appearance, size)
+ * @param ref - reference to root HTMLDivElement of TagGroup
+ */
+export declare const useTagGroupBase_unstable: (props: TagGroupBaseProps, ref: React_2.Ref<HTMLDivElement>) => TagGroupBaseState;
+
+export declare const useTagGroupContext_unstable: () => TagGroupContextValue;
+
+export declare function useTagGroupContextValues_unstable(state: TagGroupState): TagGroupContextValues;
+
+/**
+ * Apply styling to the TagGroup slots based on the state
+ */
+export declare const useTagGroupStyles_unstable: (state: TagGroupState) => TagGroupState;
+
+/**
+ * Apply styling to the Tag slots based on the state
+ */
+export declare const useTagStyles_unstable: (state: TagState) => TagState;
+
+export { }

package/lib/InteractionTag.js

@@ -1 +1 @@
-export { InteractionTag, interactionTagClassNames, renderInteractionTag_unstable, useInteractionTagContextValues_unstable, useInteractionTagStyles_unstable, useInteractionTagBase_unstable, useInteractionTag_unstable } from './components/InteractionTag/index';
+export { InteractionTag, interactionTagClassNames, renderInteractionTag_unstable, useInteractionTagContextValues_unstable, useInteractionTagStyles_unstable, useInteractionTagBase_unstable, useInteractionTag_unstable } from "./components/InteractionTag/index.js";

package/lib/InteractionTag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/InteractionTag.ts"],"sourcesContent":["export type {\n  InteractionTagBaseProps,\n  InteractionTagBaseState,\n  InteractionTagContextValues,\n  InteractionTagProps,\n  InteractionTagSlots,\n  InteractionTagState,\n} from './components/InteractionTag/index';\nexport {\n  InteractionTag,\n  interactionTagClassNames,\n  renderInteractionTag_unstable,\n  useInteractionTagContextValues_unstable,\n  useInteractionTagStyles_unstable,\n  useInteractionTagBase_unstable,\n  useInteractionTag_unstable,\n} from './components/InteractionTag/index';\n"],"names":["InteractionTag","interactionTagClassNames","renderInteractionTag_unstable","useInteractionTagContextValues_unstable","useInteractionTagStyles_unstable","useInteractionTagBase_unstable","useInteractionTag_unstable"],"mappings":"AAQA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,uCAAuC,EACvCC,gCAAgC,EAChCC,8BAA8B,EAC9BC,0BAA0B,QACrB,oCAAoC"}
+{"version":3,"sources":["../src/InteractionTag.ts"],"sourcesContent":["export type {\n  InteractionTagBaseProps,\n  InteractionTagBaseState,\n  InteractionTagContextValues,\n  InteractionTagProps,\n  InteractionTagSlots,\n  InteractionTagState,\n} from './components/InteractionTag/index';\nexport {\n  InteractionTag,\n  interactionTagClassNames,\n  renderInteractionTag_unstable,\n  useInteractionTagContextValues_unstable,\n  useInteractionTagStyles_unstable,\n  useInteractionTagBase_unstable,\n  useInteractionTag_unstable,\n} from './components/InteractionTag/index';\n"],"names":["InteractionTag","interactionTagClassNames","renderInteractionTag_unstable","useInteractionTagContextValues_unstable","useInteractionTagStyles_unstable","useInteractionTagBase_unstable","useInteractionTag_unstable"],"mappings":"AAQA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,uCAAuC,EACvCC,gCAAgC,EAChCC,8BAA8B,EAC9BC,0BAA0B,QACrB,uCAAoC"}

package/lib/InteractionTagPrimary.js

@@ -1 +1 @@
-export { InteractionTagPrimary, interactionTagPrimaryClassNames, renderInteractionTagPrimary_unstable, useInteractionTagPrimaryStyles_unstable, useInteractionTagPrimaryBase_unstable, useInteractionTagPrimary_unstable } from './components/InteractionTagPrimary/index';
+export { InteractionTagPrimary, interactionTagPrimaryClassNames, renderInteractionTagPrimary_unstable, useInteractionTagPrimaryStyles_unstable, useInteractionTagPrimaryBase_unstable, useInteractionTagPrimary_unstable } from "./components/InteractionTagPrimary/index.js";

package/lib/InteractionTagPrimary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/InteractionTagPrimary.ts"],"sourcesContent":["export type {\n  InteractionTagPrimaryBaseProps,\n  InteractionTagPrimaryBaseState,\n  InteractionTagPrimaryContextValues,\n  InteractionTagPrimaryProps,\n  InteractionTagPrimarySlots,\n  InteractionTagPrimaryState,\n} from './components/InteractionTagPrimary/index';\nexport {\n  InteractionTagPrimary,\n  interactionTagPrimaryClassNames,\n  renderInteractionTagPrimary_unstable,\n  useInteractionTagPrimaryStyles_unstable,\n  useInteractionTagPrimaryBase_unstable,\n  useInteractionTagPrimary_unstable,\n} from './components/InteractionTagPrimary/index';\n"],"names":["InteractionTagPrimary","interactionTagPrimaryClassNames","renderInteractionTagPrimary_unstable","useInteractionTagPrimaryStyles_unstable","useInteractionTagPrimaryBase_unstable","useInteractionTagPrimary_unstable"],"mappings":"AAQA,SACEA,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,uCAAuC,EACvCC,qCAAqC,EACrCC,iCAAiC,QAC5B,2CAA2C"}
+{"version":3,"sources":["../src/InteractionTagPrimary.ts"],"sourcesContent":["export type {\n  InteractionTagPrimaryBaseProps,\n  InteractionTagPrimaryBaseState,\n  InteractionTagPrimaryContextValues,\n  InteractionTagPrimaryProps,\n  InteractionTagPrimarySlots,\n  InteractionTagPrimaryState,\n} from './components/InteractionTagPrimary/index';\nexport {\n  InteractionTagPrimary,\n  interactionTagPrimaryClassNames,\n  renderInteractionTagPrimary_unstable,\n  useInteractionTagPrimaryStyles_unstable,\n  useInteractionTagPrimaryBase_unstable,\n  useInteractionTagPrimary_unstable,\n} from './components/InteractionTagPrimary/index';\n"],"names":["InteractionTagPrimary","interactionTagPrimaryClassNames","renderInteractionTagPrimary_unstable","useInteractionTagPrimaryStyles_unstable","useInteractionTagPrimaryBase_unstable","useInteractionTagPrimary_unstable"],"mappings":"AAQA,SACEA,qBAAqB,EACrBC,+BAA+B,EAC/BC,oCAAoC,EACpCC,uCAAuC,EACvCC,qCAAqC,EACrCC,iCAAiC,QAC5B,8CAA2C"}

package/lib/InteractionTagSecondary.js

@@ -1 +1 @@
-export { InteractionTagSecondary, interactionTagSecondaryClassNames, renderInteractionTagSecondary_unstable, useInteractionTagSecondaryStyles_unstable, useInteractionTagSecondaryBase_unstable, useInteractionTagSecondary_unstable } from './components/InteractionTagSecondary/index';
+export { InteractionTagSecondary, interactionTagSecondaryClassNames, renderInteractionTagSecondary_unstable, useInteractionTagSecondaryStyles_unstable, useInteractionTagSecondaryBase_unstable, useInteractionTagSecondary_unstable } from "./components/InteractionTagSecondary/index.js";

package/lib/InteractionTagSecondary.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/InteractionTagSecondary.ts"],"sourcesContent":["export type {\n  InteractionTagSecondaryBaseProps,\n  InteractionTagSecondaryBaseState,\n  InteractionTagSecondaryProps,\n  InteractionTagSecondarySlots,\n  InteractionTagSecondaryState,\n} from './components/InteractionTagSecondary/index';\nexport {\n  InteractionTagSecondary,\n  interactionTagSecondaryClassNames,\n  renderInteractionTagSecondary_unstable,\n  useInteractionTagSecondaryStyles_unstable,\n  useInteractionTagSecondaryBase_unstable,\n  useInteractionTagSecondary_unstable,\n} from './components/InteractionTagSecondary/index';\n"],"names":["InteractionTagSecondary","interactionTagSecondaryClassNames","renderInteractionTagSecondary_unstable","useInteractionTagSecondaryStyles_unstable","useInteractionTagSecondaryBase_unstable","useInteractionTagSecondary_unstable"],"mappings":"AAOA,SACEA,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,uCAAuC,EACvCC,mCAAmC,QAC9B,6CAA6C"}
+{"version":3,"sources":["../src/InteractionTagSecondary.ts"],"sourcesContent":["export type {\n  InteractionTagSecondaryBaseProps,\n  InteractionTagSecondaryBaseState,\n  InteractionTagSecondaryProps,\n  InteractionTagSecondarySlots,\n  InteractionTagSecondaryState,\n} from './components/InteractionTagSecondary/index';\nexport {\n  InteractionTagSecondary,\n  interactionTagSecondaryClassNames,\n  renderInteractionTagSecondary_unstable,\n  useInteractionTagSecondaryStyles_unstable,\n  useInteractionTagSecondaryBase_unstable,\n  useInteractionTagSecondary_unstable,\n} from './components/InteractionTagSecondary/index';\n"],"names":["InteractionTagSecondary","interactionTagSecondaryClassNames","renderInteractionTagSecondary_unstable","useInteractionTagSecondaryStyles_unstable","useInteractionTagSecondaryBase_unstable","useInteractionTagSecondary_unstable"],"mappings":"AAOA,SACEA,uBAAuB,EACvBC,iCAAiC,EACjCC,sCAAsC,EACtCC,yCAAyC,EACzCC,uCAAuC,EACvCC,mCAAmC,QAC9B,gDAA6C"}

package/lib/Tag.js

@@ -1 +1 @@
-export { Tag, renderTag_unstable, tagClassNames, useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName, useTagStyles_unstable, useTagBase_unstable, useTag_unstable } from './components/Tag/index';
+export { Tag, renderTag_unstable, tagClassNames, useIconStyles, useMediaStyles, usePrimaryTextStyles, useSecondaryTextBaseClassName, useTagStyles_unstable, useTagBase_unstable, useTag_unstable } from "./components/Tag/index.js";

package/lib/Tag.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Tag.ts"],"sourcesContent":["export type {\n  TagBaseProps,\n  TagBaseState,\n  TagContextValues,\n  TagProps,\n  TagSlots,\n  TagState,\n} from './components/Tag/index';\nexport {\n  Tag,\n  renderTag_unstable,\n  tagClassNames,\n  useIconStyles,\n  useMediaStyles,\n  usePrimaryTextStyles,\n  useSecondaryTextBaseClassName,\n  useTagStyles_unstable,\n  useTagBase_unstable,\n  useTag_unstable,\n} from './components/Tag/index';\n"],"names":["Tag","renderTag_unstable","tagClassNames","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","useTagStyles_unstable","useTagBase_unstable","useTag_unstable"],"mappings":"AAQA,SACEA,GAAG,EACHC,kBAAkB,EAClBC,aAAa,EACbC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,6BAA6B,EAC7BC,qBAAqB,EACrBC,mBAAmB,EACnBC,eAAe,QACV,yBAAyB"}
+{"version":3,"sources":["../src/Tag.ts"],"sourcesContent":["export type {\n  TagBaseProps,\n  TagBaseState,\n  TagContextValues,\n  TagProps,\n  TagSlots,\n  TagState,\n} from './components/Tag/index';\nexport {\n  Tag,\n  renderTag_unstable,\n  tagClassNames,\n  useIconStyles,\n  useMediaStyles,\n  usePrimaryTextStyles,\n  useSecondaryTextBaseClassName,\n  useTagStyles_unstable,\n  useTagBase_unstable,\n  useTag_unstable,\n} from './components/Tag/index';\n"],"names":["Tag","renderTag_unstable","tagClassNames","useIconStyles","useMediaStyles","usePrimaryTextStyles","useSecondaryTextBaseClassName","useTagStyles_unstable","useTagBase_unstable","useTag_unstable"],"mappings":"AAQA,SACEA,GAAG,EACHC,kBAAkB,EAClBC,aAAa,EACbC,aAAa,EACbC,cAAc,EACdC,oBAAoB,EACpBC,6BAA6B,EAC7BC,qBAAqB,EACrBC,mBAAmB,EACnBC,eAAe,QACV,4BAAyB"}

package/lib/TagGroup.js

@@ -1 +1 @@
-export { TagGroup, renderTagGroup_unstable, tagGroupClassNames, useTagGroupContextValues_unstable, useTagGroupStyles_unstable, useTagGroupBase_unstable, useTagGroup_unstable } from './components/TagGroup/index';
+export { TagGroup, renderTagGroup_unstable, tagGroupClassNames, useTagGroupContextValues_unstable, useTagGroupStyles_unstable, useTagGroupBase_unstable, useTagGroup_unstable } from "./components/TagGroup/index.js";

package/lib/TagGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/TagGroup.ts"],"sourcesContent":["export type {\n  TagGroupBaseProps,\n  TagGroupBaseState,\n  TagGroupContextValues,\n  TagGroupProps,\n  TagGroupSlots,\n  TagGroupState,\n} from './components/TagGroup/index';\nexport {\n  TagGroup,\n  renderTagGroup_unstable,\n  tagGroupClassNames,\n  useTagGroupContextValues_unstable,\n  useTagGroupStyles_unstable,\n  useTagGroupBase_unstable,\n  useTagGroup_unstable,\n} from './components/TagGroup/index';\n"],"names":["TagGroup","renderTagGroup_unstable","tagGroupClassNames","useTagGroupContextValues_unstable","useTagGroupStyles_unstable","useTagGroupBase_unstable","useTagGroup_unstable"],"mappings":"AAQA,SACEA,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,iCAAiC,EACjCC,0BAA0B,EAC1BC,wBAAwB,EACxBC,oBAAoB,QACf,8BAA8B"}
+{"version":3,"sources":["../src/TagGroup.ts"],"sourcesContent":["export type {\n  TagGroupBaseProps,\n  TagGroupBaseState,\n  TagGroupContextValues,\n  TagGroupProps,\n  TagGroupSlots,\n  TagGroupState,\n} from './components/TagGroup/index';\nexport {\n  TagGroup,\n  renderTagGroup_unstable,\n  tagGroupClassNames,\n  useTagGroupContextValues_unstable,\n  useTagGroupStyles_unstable,\n  useTagGroupBase_unstable,\n  useTagGroup_unstable,\n} from './components/TagGroup/index';\n"],"names":["TagGroup","renderTagGroup_unstable","tagGroupClassNames","useTagGroupContextValues_unstable","useTagGroupStyles_unstable","useTagGroupBase_unstable","useTagGroup_unstable"],"mappings":"AAQA,SACEA,QAAQ,EACRC,uBAAuB,EACvBC,kBAAkB,EAClBC,iCAAiC,EACjCC,0BAA0B,EAC1BC,wBAAwB,EACxBC,oBAAoB,QACf,iCAA8B"}

package/lib/components/InteractionTag/InteractionTag.js

@@ -1,10 +1,10 @@
 'use client';
-import * as React from 'react';
-import { useInteractionTag_unstable } from './useInteractionTag';
-import { renderInteractionTag_unstable } from './renderInteractionTag';
-import { useInteractionTagStyles_unstable } from './useInteractionTagStyles.styles';
-import { useInteractionTagContextValues_unstable } from './useInteractionTagContextValues';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { useInteractionTag_unstable } from "./useInteractionTag.js";
+import { renderInteractionTag_unstable } from "./renderInteractionTag.js";
+import { useInteractionTagStyles_unstable } from "./useInteractionTagStyles.styles.js";
+import { useInteractionTagContextValues_unstable } from "./useInteractionTagContextValues.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
 /**
  * InteractionTag component - a visual representation of an attribute with primary and secondary actions.
  * Can have `InteractionTagPrimary` and `InteractionTagSecondary` components as its children.