@fluentui/react-link 9.8.3 → 9.8.4

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @fluentui/react-link
 
-This log was last generated on Wed, 24 Jun 2026 11:03:34 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.8.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.8.4)
+
+Tue, 11 Aug 2026 17:16:02 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.8.3..@fluentui/react-link_v9.8.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)
+- fix: move inline styling and context resolution out of the base hook ([PR #36542](https://github.com/microsoft/fluentui/pull/36542) by vgenaev@gmail.com)
+- Bump @fluentui/keyboard-keys to v9.0.9 ([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.8.3](https://github.com/microsoft/fluentui/tree/@fluentui/react-link_v9.8.3)
 
-Wed, 24 Jun 2026 11:03:34 GMT 
+Wed, 24 Jun 2026 11:09:46 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-link_v9.8.2..@fluentui/react-link_v9.8.3)
 
 ### Patches

package/dist/index.d.cts

@@ -0,0 +1,104 @@
+import type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { DistributiveOmit } 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';
+
+/**
+ * A Link is a reference to data that a user can follow by clicking or tapping it.
+ */
+export declare const Link: ForwardRefComponent<LinkProps>;
+
+/**
+ * Link props without design-specific props (appearance, inline).
+ * Use this when building a base link that is unstyled or uses a custom design system.
+ */
+export declare type LinkBaseProps = DistributiveOmit<LinkProps, 'appearance' | 'inline'>;
+
+/**
+ * Link state without design-specific state (appearance, backgroundAppearance, inline).
+ */
+export declare type LinkBaseState = DistributiveOmit<LinkState, 'appearance' | 'backgroundAppearance' | 'inline'>;
+
+export declare const linkClassNames: SlotClassNames<LinkSlots>;
+
+export declare const linkContextDefaultValue: LinkContextValue;
+
+export declare const LinkContextProvider: React_2.Provider<LinkContextValue | undefined>;
+
+export declare type LinkContextValue = {
+    inline?: boolean;
+};
+
+export declare type LinkProps = ComponentProps<LinkSlots> & {
+    /**
+     * A link can appear either with its default style or subtle.
+     * If not specified, the link appears with its default styling.
+     * @default 'default'
+     */
+    appearance?: 'default' | 'subtle';
+    /**
+     * Whether the link is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * When set, allows the link to be focusable even when it has been disabled. This is used in scenarios where it is
+     * important to keep a consistent tab order for screen reader and keyboard users.
+     * @default false
+     */
+    disabledFocusable?: boolean;
+    /**
+     * If true, changes styling when the link is being used alongside other text content.
+     * @default false
+     */
+    inline?: boolean;
+};
+
+export declare type LinkSlots = {
+    /**
+     * Root of the component that renders as either an <a> or a <button> tag.
+     */
+    root: Slot<'a', 'button' | 'span'>;
+};
+
+export declare type LinkState = ComponentState<LinkSlots> & Required<Pick<LinkProps, 'appearance' | 'disabled' | 'disabledFocusable' | 'inline'>> & {
+    backgroundAppearance?: BackgroundAppearanceContextValue;
+};
+
+/**
+ * Renders a Link component by passing the state defined props to the appropriate slots.
+ */
+export declare const renderLink_unstable: (state: LinkBaseState) => JSXElement;
+
+/**
+ * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.
+ * @param props - User provided props to the Link component.
+ * @param ref - User provided ref to be passed to the Link component.
+ */
+export declare const useLink_unstable: (props: LinkProps, ref: React_2.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>) => LinkState;
+
+/**
+ * Base hook for Link component, which manages state related to ARIA, keyboard handling,
+ * disabled behavior, and slot structure. This hook excludes design-specific props (appearance, inline).
+ *
+ * @param props - User provided props to the Link component.
+ * @param ref - User provided ref to be passed to the Link component.
+ */
+export declare const useLinkBase_unstable: (props: LinkBaseProps, ref: React_2.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>) => LinkBaseState;
+
+export declare const useLinkContext: () => LinkContextValue;
+
+/**
+ * The useLinkState_unstable hook processes the Link state.
+ * @param state - Link state to mutate.
+ */
+export declare const useLinkState_unstable: (state: LinkBaseState) => LinkBaseState;
+
+export declare const useLinkStyles_unstable: (state: LinkState) => LinkState;
+
+export { }

package/dist/index.d.ts

@@ -14,15 +14,15 @@ import type { SlotClassNames } from '@fluentui/react-utilities';
 export declare const Link: ForwardRefComponent<LinkProps>;
 
 /**
- * Link props without design-specific props (appearance).
+ * Link props without design-specific props (appearance, inline).
  * Use this when building a base link that is unstyled or uses a custom design system.
  */
-export declare type LinkBaseProps = DistributiveOmit<LinkProps, 'appearance'>;
+export declare type LinkBaseProps = DistributiveOmit<LinkProps, 'appearance' | 'inline'>;
 
 /**
- * Link state without design-specific state (appearance, backgroundAppearance).
+ * Link state without design-specific state (appearance, backgroundAppearance, inline).
  */
-export declare type LinkBaseState = DistributiveOmit<LinkState, 'appearance' | 'backgroundAppearance'>;
+export declare type LinkBaseState = DistributiveOmit<LinkState, 'appearance' | 'backgroundAppearance' | 'inline'>;
 
 export declare const linkClassNames: SlotClassNames<LinkSlots>;
 
@@ -84,7 +84,7 @@ export declare const useLink_unstable: (props: LinkProps, ref: React_2.Ref<HTMLA
 
 /**
  * Base hook for Link component, which manages state related to ARIA, keyboard handling,
- * disabled behavior, and slot structure. This hook excludes design-specific props (appearance).
+ * disabled behavior, and slot structure. This hook excludes design-specific props (appearance, inline).
  *
  * @param props - User provided props to the Link component.
  * @param ref - User provided ref to be passed to the Link component.

package/lib/Link.js

@@ -1,2 +1,2 @@
-export { Link, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable, useLinkBase_unstable } from './components/Link/index';
-export { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './contexts';
+export { Link, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable, useLinkBase_unstable } from "./components/Link/index.js";
+export { LinkContextProvider, linkContextDefaultValue, useLinkContext } from "./contexts/index.js";

package/lib/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Link.ts"],"sourcesContent":["export type { LinkProps, LinkSlots, LinkState, LinkBaseProps, LinkBaseState } from './components/Link/index';\nexport {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n  useLinkBase_unstable,\n} from './components/Link/index';\nexport type { LinkContextValue } from './contexts';\nexport { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './contexts';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable","useLinkBase_unstable","LinkContextProvider","linkContextDefaultValue","useLinkContext"],"mappings":"AACA,SACEA,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,qBAAqB,EACrBC,sBAAsB,EACtBC,gBAAgB,EAChBC,oBAAoB,QACf,0BAA0B;AAEjC,SAASC,mBAAmB,EAAEC,uBAAuB,EAAEC,cAAc,QAAQ,aAAa"}
+{"version":3,"sources":["../src/Link.ts"],"sourcesContent":["export type { LinkProps, LinkSlots, LinkState, LinkBaseProps, LinkBaseState } from './components/Link/index';\nexport {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n  useLinkBase_unstable,\n} from './components/Link/index';\nexport type { LinkContextValue } from './contexts';\nexport { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './contexts';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable","useLinkBase_unstable","LinkContextProvider","linkContextDefaultValue","useLinkContext"],"mappings":"AACA,SACEA,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,qBAAqB,EACrBC,sBAAsB,EACtBC,gBAAgB,EAChBC,oBAAoB,QACf,6BAA0B;AAEjC,SAASC,mBAAmB,EAAEC,uBAAuB,EAAEC,cAAc,QAAQ,sBAAa"}

package/lib/components/Link/Link.js

@@ -1,9 +1,9 @@
 'use client';
-import * as React from 'react';
-import { useLink_unstable } from './useLink';
-import { useLinkStyles_unstable } from './useLinkStyles.styles';
-import { renderLink_unstable } from './renderLink';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
+import * as React from "react";
+import { useLink_unstable } from "./useLink.js";
+import { useLinkStyles_unstable } from "./useLinkStyles.styles.js";
+import { renderLink_unstable } from "./renderLink.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
 /**
  * A Link is a reference to data that a user can follow by clicking or tapping it.
  */ export const Link = /*#__PURE__*/ React.forwardRef((props, ref)=>{

package/lib/components/Link/Link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\nimport { renderLink_unstable } from './renderLink';\nimport type { LinkProps } from './Link.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link: ForwardRefComponent<LinkProps> = React.forwardRef((props, ref) => {\n  const state = useLink_unstable(props, ref);\n\n  useLinkStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useLinkStyles_unstable')(state);\n\n  return renderLink_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<LinkProps>;\n\nLink.displayName = 'Link';\n"],"names":["React","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","useCustomStyleHook_unstable","Link","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,YAAY;AAC7C,SAASC,sBAAsB,QAAQ,yBAAyB;AAChE,SAASC,mBAAmB,QAAQ,eAAe;AAGnD,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,qBAAuCL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQR,iBAAiBM,OAAOC;IAEtCN,uBAAuBO;IAEvBL,4BAA4B,0BAA0BK;IAEtD,OAAON,oBAAoBM;AAC3B,qFAAqF;AACvF,GAAqC;AAErCJ,KAAKK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\nimport { renderLink_unstable } from './renderLink';\nimport type { LinkProps } from './Link.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link: ForwardRefComponent<LinkProps> = React.forwardRef((props, ref) => {\n  const state = useLink_unstable(props, ref);\n\n  useLinkStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useLinkStyles_unstable')(state);\n\n  return renderLink_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<LinkProps>;\n\nLink.displayName = 'Link';\n"],"names":["React","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","useCustomStyleHook_unstable","Link","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,eAAY;AAC7C,SAASC,sBAAsB,QAAQ,4BAAyB;AAChE,SAASC,mBAAmB,QAAQ,kBAAe;AAGnD,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,qBAAuCL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,QAAQR,iBAAiBM,OAAOC;IAEtCN,uBAAuBO;IAEvBL,4BAA4B,0BAA0BK;IAEtD,OAAON,oBAAoBM;AAC3B,qFAAqF;AACvF,GAAqC;AAErCJ,KAAKK,WAAW,GAAG"}

package/lib/components/Link/Link.types.js

@@ -1,3 +1,3 @@
 /**
- * Link state without design-specific state (appearance, backgroundAppearance).
+ * Link state without design-specific state (appearance, backgroundAppearance, inline).
  */ export { };

package/lib/components/Link/Link.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Link/Link.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, DistributiveOmit, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\n\nexport type LinkSlots = {\n  /**\n   * Root of the component that renders as either an <a> or a <button> tag.\n   */\n  root: Slot<'a', 'button' | 'span'>;\n};\n\nexport type LinkProps = ComponentProps<LinkSlots> & {\n  /**\n   * A link can appear either with its default style or subtle.\n   * If not specified, the link appears with its default styling.\n   * @default 'default'\n   */\n  appearance?: 'default' | 'subtle';\n\n  /**\n   * Whether the link is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * When set, allows the link to be focusable even when it has been disabled. This is used in scenarios where it is\n   * important to keep a consistent tab order for screen reader and keyboard users.\n   * @default false\n   */\n  disabledFocusable?: boolean;\n\n  /**\n   * If true, changes styling when the link is being used alongside other text content.\n   * @default false\n   */\n  inline?: boolean;\n};\n\n/**\n * Link props without design-specific props (appearance).\n * Use this when building a base link that is unstyled or uses a custom design system.\n */\nexport type LinkBaseProps = DistributiveOmit<LinkProps, 'appearance'>;\n\nexport type LinkState = ComponentState<LinkSlots> &\n  Required<Pick<LinkProps, 'appearance' | 'disabled' | 'disabledFocusable' | 'inline'>> & {\n    backgroundAppearance?: BackgroundAppearanceContextValue;\n  };\n\n/**\n * Link state without design-specific state (appearance, backgroundAppearance).\n */\nexport type LinkBaseState = DistributiveOmit<LinkState, 'appearance' | 'backgroundAppearance'>;\n"],"names":[],"mappings":"AAiDA;;CAEC,GACD,WAA+F"}
+{"version":3,"sources":["../src/components/Link/Link.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, DistributiveOmit, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\n\nexport type LinkSlots = {\n  /**\n   * Root of the component that renders as either an <a> or a <button> tag.\n   */\n  root: Slot<'a', 'button' | 'span'>;\n};\n\nexport type LinkProps = ComponentProps<LinkSlots> & {\n  /**\n   * A link can appear either with its default style or subtle.\n   * If not specified, the link appears with its default styling.\n   * @default 'default'\n   */\n  appearance?: 'default' | 'subtle';\n\n  /**\n   * Whether the link is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * When set, allows the link to be focusable even when it has been disabled. This is used in scenarios where it is\n   * important to keep a consistent tab order for screen reader and keyboard users.\n   * @default false\n   */\n  disabledFocusable?: boolean;\n\n  /**\n   * If true, changes styling when the link is being used alongside other text content.\n   * @default false\n   */\n  inline?: boolean;\n};\n\n/**\n * Link props without design-specific props (appearance, inline).\n * Use this when building a base link that is unstyled or uses a custom design system.\n */\nexport type LinkBaseProps = DistributiveOmit<LinkProps, 'appearance' | 'inline'>;\n\nexport type LinkState = ComponentState<LinkSlots> &\n  Required<Pick<LinkProps, 'appearance' | 'disabled' | 'disabledFocusable' | 'inline'>> & {\n    backgroundAppearance?: BackgroundAppearanceContextValue;\n  };\n\n/**\n * Link state without design-specific state (appearance, backgroundAppearance, inline).\n */\nexport type LinkBaseState = DistributiveOmit<LinkState, 'appearance' | 'backgroundAppearance' | 'inline'>;\n"],"names":[],"mappings":"AAiDA;;CAEC,GACD,WAA0G"}

package/lib/components/Link/index.js

@@ -1,5 +1,5 @@
-export { Link } from './Link';
-export { renderLink_unstable } from './renderLink';
-export { useLink_unstable, useLinkBase_unstable } from './useLink';
-export { useLinkState_unstable } from './useLinkState';
-export { linkClassNames, useLinkStyles_unstable } from './useLinkStyles.styles';
+export { Link } from "./Link.js";
+export { renderLink_unstable } from "./renderLink.js";
+export { useLink_unstable, useLinkBase_unstable } from "./useLink.js";
+export { useLinkState_unstable } from "./useLinkState.js";
+export { linkClassNames, useLinkStyles_unstable } from "./useLinkStyles.styles.js";

package/lib/components/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Link/index.ts"],"sourcesContent":["export { Link } from './Link';\nexport type { LinkBaseProps, LinkBaseState, LinkProps, LinkSlots, LinkState } from './Link.types';\nexport { renderLink_unstable } from './renderLink';\nexport { useLink_unstable, useLinkBase_unstable } from './useLink';\nexport { useLinkState_unstable } from './useLinkState';\nexport { linkClassNames, useLinkStyles_unstable } from './useLinkStyles.styles';\n"],"names":["Link","renderLink_unstable","useLink_unstable","useLinkBase_unstable","useLinkState_unstable","linkClassNames","useLinkStyles_unstable"],"mappings":"AAAA,SAASA,IAAI,QAAQ,SAAS;AAE9B,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,gBAAgB,EAAEC,oBAAoB,QAAQ,YAAY;AACnE,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,cAAc,EAAEC,sBAAsB,QAAQ,yBAAyB"}
+{"version":3,"sources":["../src/components/Link/index.ts"],"sourcesContent":["export { Link } from './Link';\nexport type { LinkBaseProps, LinkBaseState, LinkProps, LinkSlots, LinkState } from './Link.types';\nexport { renderLink_unstable } from './renderLink';\nexport { useLink_unstable, useLinkBase_unstable } from './useLink';\nexport { useLinkState_unstable } from './useLinkState';\nexport { linkClassNames, useLinkStyles_unstable } from './useLinkStyles.styles';\n"],"names":["Link","renderLink_unstable","useLink_unstable","useLinkBase_unstable","useLinkState_unstable","linkClassNames","useLinkStyles_unstable"],"mappings":"AAAA,SAASA,IAAI,QAAQ,YAAS;AAE9B,SAASC,mBAAmB,QAAQ,kBAAe;AACnD,SAASC,gBAAgB,EAAEC,oBAAoB,QAAQ,eAAY;AACnE,SAASC,qBAAqB,QAAQ,oBAAiB;AACvD,SAASC,cAAc,EAAEC,sBAAsB,QAAQ,4BAAyB"}

package/lib/components/Link/renderLink.js

@@ -1,5 +1,5 @@
   import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-utilities';
+import { assertSlots } from "@fluentui/react-utilities";
 /**
  * Renders a Link component by passing the state defined props to the appropriate slots.
  */ export const renderLink_unstable = (state)=>{

package/lib/components/Link/useLink.js

@@ -1,31 +1,32 @@
 'use client';
-import { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';
-import { useBackgroundAppearance } from '@fluentui/react-shared-contexts';
-import { useLinkState_unstable } from './useLinkState';
-import { useLinkContext } from '../../contexts/linkContext';
+import { getIntrinsicElementProps, slot } from "@fluentui/react-utilities";
+import { useBackgroundAppearance } from "@fluentui/react-shared-contexts";
+import { useLinkState_unstable } from "./useLinkState.js";
+import { useLinkContext } from "../../contexts/linkContext.js";
 /**
  * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.
  * @param props - User provided props to the Link component.
  * @param ref - User provided ref to be passed to the Link component.
  */ export const useLink_unstable = (props, ref)=>{
     const backgroundAppearance = useBackgroundAppearance();
-    const { appearance = 'default', ...baseProps } = props;
+    const { inline: inlineContext } = useLinkContext();
+    const { appearance = 'default', inline: inlineProp, ...baseProps } = props;
     const state = useLinkBase_unstable(baseProps, ref);
     return {
         appearance,
         backgroundAppearance,
+        inline: inlineProp !== null && inlineProp !== void 0 ? inlineProp : !!inlineContext,
         ...state
     };
 };
 /**
  * Base hook for Link component, which manages state related to ARIA, keyboard handling,
- * disabled behavior, and slot structure. This hook excludes design-specific props (appearance).
+ * disabled behavior, and slot structure. This hook excludes design-specific props (appearance, inline).
  *
  * @param props - User provided props to the Link component.
  * @param ref - User provided ref to be passed to the Link component.
  */ export const useLinkBase_unstable = (props, ref)=>{
-    const { inline: inlineContext } = useLinkContext();
-    const { disabled = false, disabledFocusable = false, inline = false } = props;
+    const { disabled = false, disabledFocusable = false } = props;
     const elementType = props.as || (props.href ? 'a' : 'button');
     // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types
     const propsWithAssignedAs = {
@@ -38,7 +39,6 @@ import { useLinkContext } from '../../contexts/linkContext';
         // Props passed at the top-level
         disabled,
         disabledFocusable,
-        inline: inline !== null && inline !== void 0 ? inline : !!inlineContext,
         // Slots definition
         components: {
             root: elementType

package/lib/components/Link/useLink.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Link/useLink.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkBaseProps, LinkBaseState, LinkProps, LinkState } from './Link.types';\nimport { useLinkContext } from '../../contexts/linkContext';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { appearance = 'default', ...baseProps } = props;\n\n  const state = useLinkBase_unstable(baseProps, ref);\n\n  return {\n    appearance,\n    backgroundAppearance,\n    ...state,\n  };\n};\n\n/**\n * Base hook for Link component, which manages state related to ARIA, keyboard handling,\n * disabled behavior, and slot structure. This hook excludes design-specific props (appearance).\n *\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLinkBase_unstable = (\n  props: LinkBaseProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkBaseState => {\n  const { inline: inlineContext } = useLinkContext();\n  const { disabled = false, disabledFocusable = false, inline = false } = props;\n\n  const elementType = props.as || (props.href ? 'a' : 'button');\n\n  // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types\n  const propsWithAssignedAs = {\n    role: elementType === 'span' ? 'button' : undefined,\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n  } as LinkBaseProps;\n\n  const state: LinkBaseState = {\n    // Props passed at the top-level\n    disabled,\n    disabledFocusable,\n    inline: inline ?? !!inlineContext,\n\n    // Slots definition\n    components: {\n      root: elementType,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps<LinkBaseProps>(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      } as const),\n      { elementType },\n    ),\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["getIntrinsicElementProps","slot","useBackgroundAppearance","useLinkState_unstable","useLinkContext","useLink_unstable","props","ref","backgroundAppearance","appearance","baseProps","state","useLinkBase_unstable","inline","inlineContext","disabled","disabledFocusable","elementType","as","href","propsWithAssignedAs","role","undefined","type","components","root","always"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,uBAAuB,QAAQ,kCAAkC;AAC1E,SAASC,qBAAqB,QAAQ,iBAAiB;AAEvD,SAASC,cAAc,QAAQ,6BAA6B;AAE5D;;;;CAIC,GACD,OAAO,MAAMC,mBAAmB,CAC9BC,OACAC;IAEA,MAAMC,uBAAuBN;IAC7B,MAAM,EAAEO,aAAa,SAAS,EAAE,GAAGC,WAAW,GAAGJ;IAEjD,MAAMK,QAAQC,qBAAqBF,WAAWH;IAE9C,OAAO;QACLE;QACAD;QACA,GAAGG,KAAK;IACV;AACF,EAAE;AAEF;;;;;;CAMC,GACD,OAAO,MAAMC,uBAAuB,CAClCN,OACAC;IAEA,MAAM,EAAEM,QAAQC,aAAa,EAAE,GAAGV;IAClC,MAAM,EAAEW,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEH,SAAS,KAAK,EAAE,GAAGP;IAExE,MAAMW,cAAcX,MAAMY,EAAE,IAAKZ,CAAAA,MAAMa,IAAI,GAAG,MAAM,QAAO;IAE3D,qGAAqG;IACrG,MAAMC,sBAAsB;QAC1BC,MAAMJ,gBAAgB,SAAS,WAAWK;QAC1CC,MAAMN,gBAAgB,WAAW,WAAWK;QAC5C,GAAGhB,KAAK;QACRY,IAAID;IACN;IAEA,MAAMN,QAAuB;QAC3B,gCAAgC;QAChCI;QACAC;QACAH,QAAQA,mBAAAA,oBAAAA,SAAU,CAAC,CAACC;QAEpB,mBAAmB;QACnBU,YAAY;YACVC,MAAMR;QACR;QAEAQ,MAAMxB,KAAKyB,MAAM,CACf1B,yBAAwCiB,aAAa;YACnDV;YACA,GAAGa,mBAAmB;QACxB,IACA;YAAEH;QAAY;IAElB;IAEAd,sBAAsBQ;IAEtB,OAAOA;AACT,EAAE"}
+{"version":3,"sources":["../src/components/Link/useLink.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkBaseProps, LinkBaseState, LinkProps, LinkState } from './Link.types';\nimport { useLinkContext } from '../../contexts/linkContext';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { inline: inlineContext } = useLinkContext();\n  const { appearance = 'default', inline: inlineProp, ...baseProps } = props;\n\n  const state = useLinkBase_unstable(baseProps, ref);\n\n  return {\n    appearance,\n    backgroundAppearance,\n    inline: inlineProp ?? !!inlineContext,\n    ...state,\n  };\n};\n\n/**\n * Base hook for Link component, which manages state related to ARIA, keyboard handling,\n * disabled behavior, and slot structure. This hook excludes design-specific props (appearance, inline).\n *\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLinkBase_unstable = (\n  props: LinkBaseProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkBaseState => {\n  const { disabled = false, disabledFocusable = false } = props;\n\n  const elementType = props.as || (props.href ? 'a' : 'button');\n\n  // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types\n  const propsWithAssignedAs = {\n    role: elementType === 'span' ? 'button' : undefined,\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n  } as LinkBaseProps;\n\n  const state: LinkBaseState = {\n    // Props passed at the top-level\n    disabled,\n    disabledFocusable,\n\n    // Slots definition\n    components: {\n      root: elementType,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps<LinkBaseProps>(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      } as const),\n      { elementType },\n    ),\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["getIntrinsicElementProps","slot","useBackgroundAppearance","useLinkState_unstable","useLinkContext","useLink_unstable","props","ref","backgroundAppearance","inline","inlineContext","appearance","inlineProp","baseProps","state","useLinkBase_unstable","disabled","disabledFocusable","elementType","as","href","propsWithAssignedAs","role","undefined","type","components","root","always"],"mappings":"AAAA;AAGA,SAASA,wBAAwB,EAAEC,IAAI,QAAQ,4BAA4B;AAC3E,SAASC,uBAAuB,QAAQ,kCAAkC;AAC1E,SAASC,qBAAqB,QAAQ,oBAAiB;AAEvD,SAASC,cAAc,QAAQ,gCAA6B;AAE5D;;;;CAIC,GACD,OAAO,MAAMC,mBAAmB,CAC9BC,OACAC;IAEA,MAAMC,uBAAuBN;IAC7B,MAAM,EAAEO,QAAQC,aAAa,EAAE,GAAGN;IAClC,MAAM,EAAEO,aAAa,SAAS,EAAEF,QAAQG,UAAU,EAAE,GAAGC,WAAW,GAAGP;IAErE,MAAMQ,QAAQC,qBAAqBF,WAAWN;IAE9C,OAAO;QACLI;QACAH;QACAC,QAAQG,uBAAAA,wBAAAA,aAAc,CAAC,CAACF;QACxB,GAAGI,KAAK;IACV;AACF,EAAE;AAEF;;;;;;CAMC,GACD,OAAO,MAAMC,uBAAuB,CAClCT,OACAC;IAEA,MAAM,EAAES,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAE,GAAGX;IAExD,MAAMY,cAAcZ,MAAMa,EAAE,IAAKb,CAAAA,MAAMc,IAAI,GAAG,MAAM,QAAO;IAE3D,qGAAqG;IACrG,MAAMC,sBAAsB;QAC1BC,MAAMJ,gBAAgB,SAAS,WAAWK;QAC1CC,MAAMN,gBAAgB,WAAW,WAAWK;QAC5C,GAAGjB,KAAK;QACRa,IAAID;IACN;IAEA,MAAMJ,QAAuB;QAC3B,gCAAgC;QAChCE;QACAC;QAEA,mBAAmB;QACnBQ,YAAY;YACVC,MAAMR;QACR;QAEAQ,MAAMzB,KAAK0B,MAAM,CACf3B,yBAAwCkB,aAAa;YACnDX;YACA,GAAGc,mBAAmB;QACxB,IACA;YAAEH;QAAY;IAElB;IAEAf,sBAAsBW;IAEtB,OAAOA;AACT,EAAE"}

package/lib/components/Link/useLinkState.js

@@ -1,4 +1,4 @@
-import { Enter, Space } from '@fluentui/keyboard-keys';
+import { Enter, Space } from "@fluentui/keyboard-keys";
 /**
  * The useLinkState_unstable hook processes the Link state.
  * @param state - Link state to mutate.

package/lib/components/Link/useLinkStyles.styles.js

@@ -1,8 +1,8 @@
 'use client';
 
-import { shorthands, __styles, mergeClasses } from '@griffel/react';
-import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
-import { tokens } from '@fluentui/react-theme';
+import { shorthands, __styles, mergeClasses } from "@griffel/react";
+import { createCustomFocusIndicatorStyle } from "@fluentui/react-tabster";
+import { tokens } from "@fluentui/react-theme";
 export const linkClassNames = {
   root: 'fui-Link'
 };

package/lib/components/Link/useLinkStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","linkClassNames","root","useStyles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","B486eqv","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","B7iucu3","Bahaeuw","Boo3t63","inverted","brand","d","p","i","h","a","m","useLinkStyles_unstable","state","styles","appearance","backgroundAppearance","className","as"],"sources":["useLinkStyles.styles.js"],"sourcesContent":["'use client';\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const linkClassNames = {\n    root: 'fui-Link'\n};\nconst useStyles = makeStyles({\n    focusIndicator: createCustomFocusIndicatorStyle({\n        textDecorationColor: tokens.colorStrokeFocus2,\n        textDecorationLine: 'underline',\n        textDecorationStyle: 'double',\n        outlineStyle: 'none'\n    }),\n    // Common styles.\n    root: {\n        ':focus-visible': {\n            outlineStyle: 'none'\n        },\n        backgroundColor: 'transparent',\n        boxSizing: 'border-box',\n        color: tokens.colorBrandForegroundLink,\n        cursor: 'pointer',\n        display: 'inline',\n        fontFamily: tokens.fontFamilyBase,\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightRegular,\n        margin: '0',\n        padding: '0',\n        overflow: 'inherit',\n        textAlign: 'left',\n        textDecorationLine: 'none',\n        textDecorationThickness: tokens.strokeWidthThin,\n        textOverflow: 'inherit',\n        userSelect: 'text',\n        ':hover': {\n            textDecorationLine: 'underline',\n            color: tokens.colorBrandForegroundLinkHover\n        },\n        ':active': {\n            textDecorationLine: 'underline',\n            color: tokens.colorBrandForegroundLinkPressed\n        }\n    },\n    // Overrides when the Link renders as a button.\n    button: {\n        ...shorthands.borderStyle('none')\n    },\n    // Overrides when an href is present so the Link renders as an anchor.\n    href: {\n        fontSize: 'inherit'\n    },\n    // Overrides when the Link appears subtle.\n    subtle: {\n        color: tokens.colorNeutralForeground2Link,\n        ':hover': {\n            textDecorationLine: 'underline',\n            color: tokens.colorNeutralForeground2LinkHover\n        },\n        ':active': {\n            textDecorationLine: 'underline',\n            color: tokens.colorNeutralForeground2LinkPressed\n        }\n    },\n    // Overrides when the Link is rendered inline within text.\n    inline: {\n        textDecorationLine: 'underline'\n    },\n    // Overrides when the Link is disabled.\n    disabled: {\n        textDecorationLine: 'none',\n        color: tokens.colorNeutralForegroundDisabled,\n        cursor: 'not-allowed',\n        ':hover': {\n            textDecorationLine: 'none',\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        ':active': {\n            textDecorationLine: 'none',\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        // There is no native disabled state for links, so we need to explicitly style the disabled state for high contrast mode.\n        '@media (forced-colors: active)': {\n            color: 'GrayText',\n            ':hover': {\n                color: 'GrayText'\n            },\n            ':active': {\n                color: 'GrayText'\n            }\n        }\n    },\n    inverted: {\n        color: tokens.colorBrandForegroundInverted,\n        ':hover': {\n            color: tokens.colorBrandForegroundInverted\n        },\n        ':active': {\n            color: tokens.colorBrandForegroundInverted\n        }\n    },\n    brand: {\n        color: tokens.colorNeutralForegroundInvertedLink,\n        ':hover': {\n            color: tokens.colorNeutralForegroundInvertedLinkHover\n        },\n        ':active': {\n            color: tokens.colorNeutralForegroundInvertedLinkPressed\n        }\n    }\n});\nexport const useLinkStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { appearance, disabled, inline, root, backgroundAppearance } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, backgroundAppearance === 'inverted' && styles.inverted, backgroundAppearance === 'brand' && styles.brand, inline && styles.inline, disabled && styles.disabled, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,cAAc,GAAG;EAC1BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAO,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAN,IAAA;IAAAO,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAA7B,OAAA;EAAA;EAAA8B,MAAA;IAAAlC,MAAA;IAAAwB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAQ,MAAA;IAAAf,MAAA;EAAA;EAAAgB,QAAA;IAAAhB,MAAA;IAAApB,MAAA;IAAAC,OAAA;IAAAuB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAU,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAxC,MAAA;IAAAyB,OAAA;IAAAE,MAAA;EAAA;EAAAc,KAAA;IAAAzC,MAAA;IAAAyB,OAAA;IAAAE,MAAA;EAAA;AAAA;EAAAe,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAuGjB,CAAC;AACF,OAAO,MAAMC,sBAAsB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,MAAM,GAAG3D,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE4D,UAAU;IAAEf,QAAQ;IAAED,MAAM;IAAE7C,IAAI;IAAE8D;EAAqB,CAAC,GAAGH,KAAK;EAC1E;EACAA,KAAK,CAAC3D,IAAI,CAAC+D,SAAS,GAAGnE,YAAY,CAACG,cAAc,CAACC,IAAI,EAAE4D,MAAM,CAAC5D,IAAI,EAAE4D,MAAM,CAAC1D,cAAc,EAAEF,IAAI,CAACgE,EAAE,KAAK,GAAG,IAAIhE,IAAI,CAAC2C,IAAI,IAAIiB,MAAM,CAACjB,IAAI,EAAE3C,IAAI,CAACgE,EAAE,KAAK,QAAQ,IAAIJ,MAAM,CAACtB,MAAM,EAAEuB,UAAU,KAAK,QAAQ,IAAID,MAAM,CAAChB,MAAM,EAAEkB,oBAAoB,KAAK,UAAU,IAAIF,MAAM,CAACV,QAAQ,EAAEY,oBAAoB,KAAK,OAAO,IAAIF,MAAM,CAACT,KAAK,EAAEN,MAAM,IAAIe,MAAM,CAACf,MAAM,EAAEC,QAAQ,IAAIc,MAAM,CAACd,QAAQ,EAAEa,KAAK,CAAC3D,IAAI,CAAC+D,SAAS,CAAC;EAChZ,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","linkClassNames","root","useStyles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","B486eqv","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","B7iucu3","Bahaeuw","Boo3t63","inverted","brand","d","p","i","h","a","m","useLinkStyles_unstable","state","styles","appearance","backgroundAppearance","className","as"],"sources":["useLinkStyles.styles.js"],"sourcesContent":["'use client';\nimport { shorthands, makeStyles, mergeClasses } from \"@griffel/react\";\nimport { createCustomFocusIndicatorStyle } from \"@fluentui/react-tabster\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const linkClassNames = {\n    root: 'fui-Link'\n};\nconst useStyles = makeStyles({\n    focusIndicator: createCustomFocusIndicatorStyle({\n        textDecorationColor: tokens.colorStrokeFocus2,\n        textDecorationLine: 'underline',\n        textDecorationStyle: 'double',\n        outlineStyle: 'none'\n    }),\n    // Common styles.\n    root: {\n        ':focus-visible': {\n            outlineStyle: 'none'\n        },\n        backgroundColor: 'transparent',\n        boxSizing: 'border-box',\n        color: tokens.colorBrandForegroundLink,\n        cursor: 'pointer',\n        display: 'inline',\n        fontFamily: tokens.fontFamilyBase,\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightRegular,\n        margin: '0',\n        padding: '0',\n        overflow: 'inherit',\n        textAlign: 'left',\n        textDecorationLine: 'none',\n        textDecorationThickness: tokens.strokeWidthThin,\n        textOverflow: 'inherit',\n        userSelect: 'text',\n        ':hover': {\n            textDecorationLine: 'underline',\n            color: tokens.colorBrandForegroundLinkHover\n        },\n        ':active': {\n            textDecorationLine: 'underline',\n            color: tokens.colorBrandForegroundLinkPressed\n        }\n    },\n    // Overrides when the Link renders as a button.\n    button: {\n        ...shorthands.borderStyle('none')\n    },\n    // Overrides when an href is present so the Link renders as an anchor.\n    href: {\n        fontSize: 'inherit'\n    },\n    // Overrides when the Link appears subtle.\n    subtle: {\n        color: tokens.colorNeutralForeground2Link,\n        ':hover': {\n            textDecorationLine: 'underline',\n            color: tokens.colorNeutralForeground2LinkHover\n        },\n        ':active': {\n            textDecorationLine: 'underline',\n            color: tokens.colorNeutralForeground2LinkPressed\n        }\n    },\n    // Overrides when the Link is rendered inline within text.\n    inline: {\n        textDecorationLine: 'underline'\n    },\n    // Overrides when the Link is disabled.\n    disabled: {\n        textDecorationLine: 'none',\n        color: tokens.colorNeutralForegroundDisabled,\n        cursor: 'not-allowed',\n        ':hover': {\n            textDecorationLine: 'none',\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        ':active': {\n            textDecorationLine: 'none',\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        // There is no native disabled state for links, so we need to explicitly style the disabled state for high contrast mode.\n        '@media (forced-colors: active)': {\n            color: 'GrayText',\n            ':hover': {\n                color: 'GrayText'\n            },\n            ':active': {\n                color: 'GrayText'\n            }\n        }\n    },\n    inverted: {\n        color: tokens.colorBrandForegroundInverted,\n        ':hover': {\n            color: tokens.colorBrandForegroundInverted\n        },\n        ':active': {\n            color: tokens.colorBrandForegroundInverted\n        }\n    },\n    brand: {\n        color: tokens.colorNeutralForegroundInvertedLink,\n        ':hover': {\n            color: tokens.colorNeutralForegroundInvertedLinkHover\n        },\n        ':active': {\n            color: tokens.colorNeutralForegroundInvertedLinkPressed\n        }\n    }\n});\nexport const useLinkStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { appearance, disabled, inline, root, backgroundAppearance } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, backgroundAppearance === 'inverted' && styles.inverted, backgroundAppearance === 'brand' && styles.brand, inline && styles.inline, disabled && styles.disabled, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,YAAY;;AACZ,SAASA,UAAU,EAAAC,QAAA,EAAcC,YAAY,QAAQ,gBAAgB;AACrE,SAASC,+BAA+B,QAAQ,yBAAyB;AACzE,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,cAAc,GAAG;EAC1BC,IAAI,EAAE;AACV,CAAC;AACD,MAAMC,SAAS,gBAAGN,QAAA;EAAAO,cAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAN,IAAA;IAAAO,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAA7B,OAAA;EAAA;EAAA8B,MAAA;IAAAlC,MAAA;IAAAwB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAQ,MAAA;IAAAf,MAAA;EAAA;EAAAgB,QAAA;IAAAhB,MAAA;IAAApB,MAAA;IAAAC,OAAA;IAAAuB,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAU,OAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;EAAAC,QAAA;IAAAxC,MAAA;IAAAyB,OAAA;IAAAE,MAAA;EAAA;EAAAc,KAAA;IAAAzC,MAAA;IAAAyB,OAAA;IAAAE,MAAA;EAAA;AAAA;EAAAe,CAAA;IAAAC,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;EAAAC,CAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;IAAAA,CAAA;EAAA;AAAA,CAuGjB,CAAC;AACF,OAAO,MAAMC,sBAAsB,GAAIC,KAAK,IAAG;EAC3C,MAAMC,MAAM,GAAG3D,SAAS,CAAC,CAAC;EAC1B,MAAM;IAAE4D,UAAU;IAAEf,QAAQ;IAAED,MAAM;IAAE7C,IAAI;IAAE8D;EAAqB,CAAC,GAAGH,KAAK;EAC1E;EACAA,KAAK,CAAC3D,IAAI,CAAC+D,SAAS,GAAGnE,YAAY,CAACG,cAAc,CAACC,IAAI,EAAE4D,MAAM,CAAC5D,IAAI,EAAE4D,MAAM,CAAC1D,cAAc,EAAEF,IAAI,CAACgE,EAAE,KAAK,GAAG,IAAIhE,IAAI,CAAC2C,IAAI,IAAIiB,MAAM,CAACjB,IAAI,EAAE3C,IAAI,CAACgE,EAAE,KAAK,QAAQ,IAAIJ,MAAM,CAACtB,MAAM,EAAEuB,UAAU,KAAK,QAAQ,IAAID,MAAM,CAAChB,MAAM,EAAEkB,oBAAoB,KAAK,UAAU,IAAIF,MAAM,CAACV,QAAQ,EAAEY,oBAAoB,KAAK,OAAO,IAAIF,MAAM,CAACT,KAAK,EAAEN,MAAM,IAAIe,MAAM,CAACf,MAAM,EAAEC,QAAQ,IAAIc,MAAM,CAACd,QAAQ,EAAEa,KAAK,CAAC3D,IAAI,CAAC+D,SAAS,CAAC;EAChZ,OAAOJ,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/Link/useLinkStyles.styles.raw.js

@@ -1,7 +1,7 @@
 'use client';
-import { shorthands, makeStyles, mergeClasses } from '@griffel/react';
-import { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';
-import { tokens } from '@fluentui/react-theme';
+import { shorthands, makeStyles, mergeClasses } from "@griffel/react";
+import { createCustomFocusIndicatorStyle } from "@fluentui/react-tabster";
+import { tokens } from "@fluentui/react-theme";
 export const linkClassNames = {
     root: 'fui-Link'
 };

package/lib/contexts/index.js

@@ -1 +1 @@
-export { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './linkContext';
+export { LinkContextProvider, linkContextDefaultValue, useLinkContext } from "./linkContext.js";

package/lib/contexts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { LinkContextValue } from './linkContext';\nexport { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './linkContext';\n"],"names":["LinkContextProvider","linkContextDefaultValue","useLinkContext"],"mappings":"AACA,SAASA,mBAAmB,EAAEC,uBAAuB,EAAEC,cAAc,QAAQ,gBAAgB"}
+{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { LinkContextValue } from './linkContext';\nexport { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './linkContext';\n"],"names":["LinkContextProvider","linkContextDefaultValue","useLinkContext"],"mappings":"AACA,SAASA,mBAAmB,EAAEC,uBAAuB,EAAEC,cAAc,QAAQ,mBAAgB"}

package/lib/contexts/linkContext.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 const LinkContext = React.createContext(undefined);
 export const linkContextDefaultValue = {
     inline: false

package/lib/index.js

@@ -1,2 +1,2 @@
-export { Link, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable, useLinkBase_unstable } from './Link';
-export { linkContextDefaultValue, LinkContextProvider, useLinkContext } from './contexts';
+export { Link, linkClassNames, renderLink_unstable, useLinkState_unstable, useLinkStyles_unstable, useLink_unstable, useLinkBase_unstable } from "./Link.js";
+export { linkContextDefaultValue, LinkContextProvider, useLinkContext } from "./contexts/index.js";

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n  useLinkBase_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState, LinkBaseProps, LinkBaseState } from './Link';\nexport { linkContextDefaultValue, LinkContextProvider, useLinkContext } from './contexts';\nexport type { LinkContextValue } from './contexts';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable","useLinkBase_unstable","linkContextDefaultValue","LinkContextProvider","useLinkContext"],"mappings":"AAAA,SACEA,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,qBAAqB,EACrBC,sBAAsB,EACtBC,gBAAgB,EAChBC,oBAAoB,QACf,SAAS;AAEhB,SAASC,uBAAuB,EAAEC,mBAAmB,EAAEC,cAAc,QAAQ,aAAa"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n  useLinkBase_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState, LinkBaseProps, LinkBaseState } from './Link';\nexport { linkContextDefaultValue, LinkContextProvider, useLinkContext } from './contexts';\nexport type { LinkContextValue } from './contexts';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable","useLinkBase_unstable","linkContextDefaultValue","LinkContextProvider","useLinkContext"],"mappings":"AAAA,SACEA,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,qBAAqB,EACrBC,sBAAsB,EACtBC,gBAAgB,EAChBC,oBAAoB,QACf,YAAS;AAEhB,SAASC,uBAAuB,EAAEC,mBAAmB,EAAEC,cAAc,QAAQ,sBAAa"}

package/lib-commonjs/{Link.js → Link.cjs}

@@ -13,13 +13,13 @@ _export(exports, {
         return _index.Link;
     },
     LinkContextProvider: function() {
-        return _contexts.LinkContextProvider;
+        return _index1.LinkContextProvider;
     },
     linkClassNames: function() {
         return _index.linkClassNames;
     },
     linkContextDefaultValue: function() {
-        return _contexts.linkContextDefaultValue;
+        return _index1.linkContextDefaultValue;
     },
     renderLink_unstable: function() {
         return _index.renderLink_unstable;
@@ -28,7 +28,7 @@ _export(exports, {
         return _index.useLinkBase_unstable;
     },
     useLinkContext: function() {
-        return _contexts.useLinkContext;
+        return _index1.useLinkContext;
     },
     useLinkState_unstable: function() {
         return _index.useLinkState_unstable;
@@ -40,5 +40,5 @@ _export(exports, {
         return _index.useLink_unstable;
     }
 });
-const _index = require("./components/Link/index");
-const _contexts = require("./contexts");
+const _index = require("./components/Link/index.cjs");
+const _index1 = require("./contexts/index.cjs");

package/lib-commonjs/{Link.js.map → Link.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/Link.ts"],"sourcesContent":["export type { LinkProps, LinkSlots, LinkState, LinkBaseProps, LinkBaseState } from './components/Link/index';\nexport {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n  useLinkBase_unstable,\n} from './components/Link/index';\nexport type { LinkContextValue } from './contexts';\nexport { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './contexts';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable","useLinkBase_unstable","LinkContextProvider","linkContextDefaultValue","useLinkContext"],"mappings":";;;;;;;;;;;IAEEA;0BAAI;;uBASsB;eAAnBO;;;eARPN,qBAAc;;;eAQcO,iCAAuB;;;eAPnDN,0BAAmB;;;eAInBI,2BAAoB;;;eAGiCG,wBAAc;;;eANnEN,4BAAqB;;0BACC;eAAtBC;;;eACAC,uBAAgB;;;uBAEX,0BAA0B;0BAE4C,aAAa"}
+{"version":3,"sources":["../src/Link.ts"],"sourcesContent":["export type { LinkProps, LinkSlots, LinkState, LinkBaseProps, LinkBaseState } from './components/Link/index';\nexport {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n  useLinkBase_unstable,\n} from './components/Link/index';\nexport type { LinkContextValue } from './contexts';\nexport { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './contexts';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable","useLinkBase_unstable","LinkContextProvider","linkContextDefaultValue","useLinkContext"],"mappings":";;;;;;;;;;;IAEEA;0BAAI;;uBASsB;eAAnBO;;;eARPN,qBAAc;;;eAQcO,+BAAuB;;;eAPnDN,0BAAmB;;;eAInBI,2BAAoB;;;eAGiCG,sBAAc;;;eANnEN,4BAAqB;;0BACC;eAAtBC;;;eACAC,uBAAgB;;;uBAEX,6BAA0B;wBAE4C,sBAAa"}

package/lib-commonjs/components/Link/{Link.js → Link.cjs}

@@ -11,9 +11,9 @@ Object.defineProperty(exports, "Link", {
 });
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _useLink = require("./useLink");
-const _useLinkStylesstyles = require("./useLinkStyles.styles");
-const _renderLink = require("./renderLink");
+const _useLink = require("./useLink.cjs");
+const _useLinkStylesstyles = require("./useLinkStyles.styles.cjs");
+const _renderLink = require("./renderLink.cjs");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
 const Link = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useLink.useLink_unstable)(props, ref);

package/lib-commonjs/components/Link/{Link.js.map → Link.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\nimport { renderLink_unstable } from './renderLink';\nimport type { LinkProps } from './Link.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link: ForwardRefComponent<LinkProps> = React.forwardRef((props, ref) => {\n  const state = useLink_unstable(props, ref);\n\n  useLinkStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useLinkStyles_unstable')(state);\n\n  return renderLink_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<LinkProps>;\n\nLink.displayName = 'Link';\n"],"names":["React","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","useCustomStyleHook_unstable","Link","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;yBACE,YAAY;qCACN,yBAAyB;4BAC5B,eAAe;qCAGP,kCAAkC;AAKvE,MAAMK,OAAAA,WAAAA,GAAuCL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,YAAQR,yBAAAA,EAAiBM,OAAOC;QAEtCN,2CAAAA,EAAuBO;QAEvBL,gDAAAA,EAA4B,0BAA0BK;IAEtD,WAAON,+BAAAA,EAAoBM;AAC3B,qFAAqF;AACvF,GAAqC;AAErCJ,KAAKK,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Link/Link.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useLink_unstable } from './useLink';\nimport { useLinkStyles_unstable } from './useLinkStyles.styles';\nimport { renderLink_unstable } from './renderLink';\nimport type { LinkProps } from './Link.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A Link is a reference to data that a user can follow by clicking or tapping it.\n */\nexport const Link: ForwardRefComponent<LinkProps> = React.forwardRef((props, ref) => {\n  const state = useLink_unstable(props, ref);\n\n  useLinkStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useLinkStyles_unstable')(state);\n\n  return renderLink_unstable(state);\n  // Work around some small mismatches in inferred types which don't matter in practice\n}) as ForwardRefComponent<LinkProps>;\n\nLink.displayName = 'Link';\n"],"names":["React","useLink_unstable","useLinkStyles_unstable","renderLink_unstable","useCustomStyleHook_unstable","Link","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;yBACE,eAAY;qCACN,4BAAyB;4BAC5B,kBAAe;qCAGP,kCAAkC;AAKvE,MAAMK,OAAAA,WAAAA,GAAuCL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IAC3E,MAAMC,YAAQR,yBAAAA,EAAiBM,OAAOC;QAEtCN,2CAAAA,EAAuBO;QAEvBL,gDAAAA,EAA4B,0BAA0BK;IAEtD,WAAON,+BAAAA,EAAoBM;AAC3B,qFAAqF;AACvF,GAAqC;AAErCJ,KAAKK,WAAW,GAAG"}

package/lib-commonjs/components/Link/{Link.types.js → Link.types.cjs}

@@ -1,5 +1,5 @@
 /**
- * Link state without design-specific state (appearance, backgroundAppearance).
+ * Link state without design-specific state (appearance, backgroundAppearance, inline).
  */ "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true

package/lib-commonjs/components/Link/{Link.types.js.map → Link.types.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Link/Link.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, DistributiveOmit, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\n\nexport type LinkSlots = {\n  /**\n   * Root of the component that renders as either an <a> or a <button> tag.\n   */\n  root: Slot<'a', 'button' | 'span'>;\n};\n\nexport type LinkProps = ComponentProps<LinkSlots> & {\n  /**\n   * A link can appear either with its default style or subtle.\n   * If not specified, the link appears with its default styling.\n   * @default 'default'\n   */\n  appearance?: 'default' | 'subtle';\n\n  /**\n   * Whether the link is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * When set, allows the link to be focusable even when it has been disabled. This is used in scenarios where it is\n   * important to keep a consistent tab order for screen reader and keyboard users.\n   * @default false\n   */\n  disabledFocusable?: boolean;\n\n  /**\n   * If true, changes styling when the link is being used alongside other text content.\n   * @default false\n   */\n  inline?: boolean;\n};\n\n/**\n * Link props without design-specific props (appearance).\n * Use this when building a base link that is unstyled or uses a custom design system.\n */\nexport type LinkBaseProps = DistributiveOmit<LinkProps, 'appearance'>;\n\nexport type LinkState = ComponentState<LinkSlots> &\n  Required<Pick<LinkProps, 'appearance' | 'disabled' | 'disabledFocusable' | 'inline'>> & {\n    backgroundAppearance?: BackgroundAppearanceContextValue;\n  };\n\n/**\n * Link state without design-specific state (appearance, backgroundAppearance).\n */\nexport type LinkBaseState = DistributiveOmit<LinkState, 'appearance' | 'backgroundAppearance'>;\n"],"names":[],"mappings":"AAiDA;;CAEC,GACD,WAA+F"}
+{"version":3,"sources":["../src/components/Link/Link.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, DistributiveOmit, Slot } from '@fluentui/react-utilities';\nimport type { BackgroundAppearanceContextValue } from '@fluentui/react-shared-contexts';\n\nexport type LinkSlots = {\n  /**\n   * Root of the component that renders as either an <a> or a <button> tag.\n   */\n  root: Slot<'a', 'button' | 'span'>;\n};\n\nexport type LinkProps = ComponentProps<LinkSlots> & {\n  /**\n   * A link can appear either with its default style or subtle.\n   * If not specified, the link appears with its default styling.\n   * @default 'default'\n   */\n  appearance?: 'default' | 'subtle';\n\n  /**\n   * Whether the link is disabled.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * When set, allows the link to be focusable even when it has been disabled. This is used in scenarios where it is\n   * important to keep a consistent tab order for screen reader and keyboard users.\n   * @default false\n   */\n  disabledFocusable?: boolean;\n\n  /**\n   * If true, changes styling when the link is being used alongside other text content.\n   * @default false\n   */\n  inline?: boolean;\n};\n\n/**\n * Link props without design-specific props (appearance, inline).\n * Use this when building a base link that is unstyled or uses a custom design system.\n */\nexport type LinkBaseProps = DistributiveOmit<LinkProps, 'appearance' | 'inline'>;\n\nexport type LinkState = ComponentState<LinkSlots> &\n  Required<Pick<LinkProps, 'appearance' | 'disabled' | 'disabledFocusable' | 'inline'>> & {\n    backgroundAppearance?: BackgroundAppearanceContextValue;\n  };\n\n/**\n * Link state without design-specific state (appearance, backgroundAppearance, inline).\n */\nexport type LinkBaseState = DistributiveOmit<LinkState, 'appearance' | 'backgroundAppearance' | 'inline'>;\n"],"names":[],"mappings":"AAiDA;;CAEC,GACD,WAA0G"}

package/lib-commonjs/components/Link/{index.js → index.cjs}

@@ -31,8 +31,8 @@ _export(exports, {
         return _useLink.useLink_unstable;
     }
 });
-const _Link = require("./Link");
-const _renderLink = require("./renderLink");
-const _useLink = require("./useLink");
-const _useLinkState = require("./useLinkState");
-const _useLinkStylesstyles = require("./useLinkStyles.styles");
+const _Link = require("./Link.cjs");
+const _renderLink = require("./renderLink.cjs");
+const _useLink = require("./useLink.cjs");
+const _useLinkState = require("./useLinkState.cjs");
+const _useLinkStylesstyles = require("./useLinkStyles.styles.cjs");

package/lib-commonjs/components/Link/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Link/index.ts"],"sourcesContent":["export { Link } from './Link';\nexport type { LinkBaseProps, LinkBaseState, LinkProps, LinkSlots, LinkState } from './Link.types';\nexport { renderLink_unstable } from './renderLink';\nexport { useLink_unstable, useLinkBase_unstable } from './useLink';\nexport { useLinkState_unstable } from './useLinkState';\nexport { linkClassNames, useLinkStyles_unstable } from './useLinkStyles.styles';\n"],"names":["Link","renderLink_unstable","useLink_unstable","useLinkBase_unstable","useLinkState_unstable","linkClassNames","useLinkStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;yBAAI;;IAKJK;kDAAc;;;eAHdJ,+BAAmB;;;eACDE,6BAAoB;;;eACtCC,mCAAqB;;;eACLE,2CAAsB;;;eAFtCJ,yBAAgB;;;sBAHJ,SAAS;4BAEM,eAAe;yBACI,YAAY;8BAC7B,iBAAiB;qCACA,yBAAyB"}
+{"version":3,"sources":["../src/components/Link/index.ts"],"sourcesContent":["export { Link } from './Link';\nexport type { LinkBaseProps, LinkBaseState, LinkProps, LinkSlots, LinkState } from './Link.types';\nexport { renderLink_unstable } from './renderLink';\nexport { useLink_unstable, useLinkBase_unstable } from './useLink';\nexport { useLinkState_unstable } from './useLinkState';\nexport { linkClassNames, useLinkStyles_unstable } from './useLinkStyles.styles';\n"],"names":["Link","renderLink_unstable","useLink_unstable","useLinkBase_unstable","useLinkState_unstable","linkClassNames","useLinkStyles_unstable"],"mappings":";;;;;;;;;;;IAASA;yBAAI;;IAKJK;kDAAc;;;eAHdJ,+BAAmB;;;eACDE,6BAAoB;;;eACtCC,mCAAqB;;;eACLE,2CAAsB;;;eAFtCJ,yBAAgB;;;sBAHJ,YAAS;4BAEM,kBAAe;yBACI,eAAY;8BAC7B,oBAAiB;qCACA,4BAAyB"}

package/lib-commonjs/components/Link/{useLink.js → useLink.cjs}

@@ -19,21 +19,22 @@ _export(exports, {
 });
 const _reactutilities = require("@fluentui/react-utilities");
 const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useLinkState = require("./useLinkState");
-const _linkContext = require("../../contexts/linkContext");
+const _useLinkState = require("./useLinkState.cjs");
+const _linkContext = require("../../contexts/linkContext.cjs");
 const useLink_unstable = (props, ref)=>{
     const backgroundAppearance = (0, _reactsharedcontexts.useBackgroundAppearance)();
-    const { appearance = 'default', ...baseProps } = props;
+    const { inline: inlineContext } = (0, _linkContext.useLinkContext)();
+    const { appearance = 'default', inline: inlineProp, ...baseProps } = props;
     const state = useLinkBase_unstable(baseProps, ref);
     return {
         appearance,
         backgroundAppearance,
+        inline: inlineProp !== null && inlineProp !== void 0 ? inlineProp : !!inlineContext,
         ...state
     };
 };
 const useLinkBase_unstable = (props, ref)=>{
-    const { inline: inlineContext } = (0, _linkContext.useLinkContext)();
-    const { disabled = false, disabledFocusable = false, inline = false } = props;
+    const { disabled = false, disabledFocusable = false } = props;
     const elementType = props.as || (props.href ? 'a' : 'button');
     // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types
     const propsWithAssignedAs = {
@@ -46,7 +47,6 @@ const useLinkBase_unstable = (props, ref)=>{
         // Props passed at the top-level
         disabled,
         disabledFocusable,
-        inline: inline !== null && inline !== void 0 ? inline : !!inlineContext,
         // Slots definition
         components: {
             root: elementType

package/lib-commonjs/components/Link/useLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Link/useLink.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkBaseProps, LinkBaseState, LinkProps, LinkState } from './Link.types';\nimport { useLinkContext } from '../../contexts/linkContext';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { inline: inlineContext } = useLinkContext();\n  const { appearance = 'default', inline: inlineProp, ...baseProps } = props;\n\n  const state = useLinkBase_unstable(baseProps, ref);\n\n  return {\n    appearance,\n    backgroundAppearance,\n    inline: inlineProp ?? !!inlineContext,\n    ...state,\n  };\n};\n\n/**\n * Base hook for Link component, which manages state related to ARIA, keyboard handling,\n * disabled behavior, and slot structure. This hook excludes design-specific props (appearance, inline).\n *\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLinkBase_unstable = (\n  props: LinkBaseProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkBaseState => {\n  const { disabled = false, disabledFocusable = false } = props;\n\n  const elementType = props.as || (props.href ? 'a' : 'button');\n\n  // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types\n  const propsWithAssignedAs = {\n    role: elementType === 'span' ? 'button' : undefined,\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n  } as LinkBaseProps;\n\n  const state: LinkBaseState = {\n    // Props passed at the top-level\n    disabled,\n    disabledFocusable,\n\n    // Slots definition\n    components: {\n      root: elementType,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps<LinkBaseProps>(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      } as const),\n      { elementType },\n    ),\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["getIntrinsicElementProps","slot","useBackgroundAppearance","useLinkState_unstable","useLinkContext","useLink_unstable","props","ref","backgroundAppearance","inline","inlineContext","appearance","inlineProp","baseProps","state","useLinkBase_unstable","disabled","disabledFocusable","elementType","as","href","propsWithAssignedAs","role","undefined","type","components","root","always"],"mappings":"AAAA;;;;;;;;;;;;wBAuCae;eAAAA;;oBAzBAV;;;;gCAXkC,4BAA4B;qCACnC,kCAAkC;8BACpC,oBAAiB;6BAExB,gCAA6B;AAOrD,MAAMA,mBAAmB,CAC9BC,OACAC;IAEA,MAAMC,2BAAuBN,4CAAAA;IAC7B,MAAM,EAAEO,QAAQC,aAAa,EAAE,OAAGN,2BAAAA;IAClC,MAAM,EAAEO,aAAa,SAAS,EAAEF,QAAQG,UAAU,EAAE,GAAGC,WAAW,GAAGP;IAErE,MAAMQ,QAAQC,qBAAqBF,WAAWN;IAE9C,OAAO;QACLI;QACAH;QACAC,QAAQG,eAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,CAAC,CAACF;QACxB,GAAGI,KAAK;IACV;AACF,EAAE;AASK,6BAA6B,CAClCR,OACAC;IAEA,MAAM,EAAES,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAE,GAAGX;IAExD,MAAMY,cAAcZ,MAAMa,EAAE,IAAKb,OAAMc,IAAI,GAAG,MAAM,QAAA,CAAO;IAE3D,qGAAqG;IACrG,MAAMC,sBAAsB;QAC1BC,MAAMJ,gBAAgB,SAAS,WAAWK;QAC1CC,MAAMN,gBAAgB,WAAW,WAAWK;QAC5C,GAAGjB,KAAK;QACRa,IAAID;IACN;IAEA,MAAMJ,QAAuB;QAC3B,gCAAgC;QAChCE;QACAC;QAEA,mBAAmB;QACnBQ,YAAY;YACVC,MAAMR;QACR;QAEAQ,MAAMzB,oBAAAA,CAAK0B,MAAM,KACf3B,wCAAAA,EAAwCkB,aAAa;YACnDX;YACA,GAAGc,mBAAmB;QACxB,IACA;YAAEH;QAAY;IAElB;QAEAf,mCAAAA,EAAsBW;IAEtB,OAAOA;AACT,EAAE"}

package/lib-commonjs/components/Link/useLinkStyles.styles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useLinkStyles.styles.js"],"sourcesContent":["'use client';\nimport { shorthands, makeStyles, mergeClasses } from \"@griffel/react\";\nimport { createCustomFocusIndicatorStyle } from \"@fluentui/react-tabster\";\nimport { tokens } from \"@fluentui/react-theme\";\nexport const linkClassNames = {\n    root: 'fui-Link'\n};\nconst useStyles = makeStyles({\n    focusIndicator: createCustomFocusIndicatorStyle({\n        textDecorationColor: tokens.colorStrokeFocus2,\n        textDecorationLine: 'underline',\n        textDecorationStyle: 'double',\n        outlineStyle: 'none'\n    }),\n    // Common styles.\n    root: {\n        ':focus-visible': {\n            outlineStyle: 'none'\n        },\n        backgroundColor: 'transparent',\n        boxSizing: 'border-box',\n        color: tokens.colorBrandForegroundLink,\n        cursor: 'pointer',\n        display: 'inline',\n        fontFamily: tokens.fontFamilyBase,\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightRegular,\n        margin: '0',\n        padding: '0',\n        overflow: 'inherit',\n        textAlign: 'left',\n        textDecorationLine: 'none',\n        textDecorationThickness: tokens.strokeWidthThin,\n        textOverflow: 'inherit',\n        userSelect: 'text',\n        ':hover': {\n            textDecorationLine: 'underline',\n            color: tokens.colorBrandForegroundLinkHover\n        },\n        ':active': {\n            textDecorationLine: 'underline',\n            color: tokens.colorBrandForegroundLinkPressed\n        }\n    },\n    // Overrides when the Link renders as a button.\n    button: {\n        ...shorthands.borderStyle('none')\n    },\n    // Overrides when an href is present so the Link renders as an anchor.\n    href: {\n        fontSize: 'inherit'\n    },\n    // Overrides when the Link appears subtle.\n    subtle: {\n        color: tokens.colorNeutralForeground2Link,\n        ':hover': {\n            textDecorationLine: 'underline',\n            color: tokens.colorNeutralForeground2LinkHover\n        },\n        ':active': {\n            textDecorationLine: 'underline',\n            color: tokens.colorNeutralForeground2LinkPressed\n        }\n    },\n    // Overrides when the Link is rendered inline within text.\n    inline: {\n        textDecorationLine: 'underline'\n    },\n    // Overrides when the Link is disabled.\n    disabled: {\n        textDecorationLine: 'none',\n        color: tokens.colorNeutralForegroundDisabled,\n        cursor: 'not-allowed',\n        ':hover': {\n            textDecorationLine: 'none',\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        ':active': {\n            textDecorationLine: 'none',\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        // There is no native disabled state for links, so we need to explicitly style the disabled state for high contrast mode.\n        '@media (forced-colors: active)': {\n            color: 'GrayText',\n            ':hover': {\n                color: 'GrayText'\n            },\n            ':active': {\n                color: 'GrayText'\n            }\n        }\n    },\n    inverted: {\n        color: tokens.colorBrandForegroundInverted,\n        ':hover': {\n            color: tokens.colorBrandForegroundInverted\n        },\n        ':active': {\n            color: tokens.colorBrandForegroundInverted\n        }\n    },\n    brand: {\n        color: tokens.colorNeutralForegroundInvertedLink,\n        ':hover': {\n            color: tokens.colorNeutralForegroundInvertedLinkHover\n        },\n        ':active': {\n            color: tokens.colorNeutralForegroundInvertedLinkPressed\n        }\n    }\n});\nexport const useLinkStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { appearance, disabled, inline, root, backgroundAppearance } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, backgroundAppearance === 'inverted' && styles.inverted, backgroundAppearance === 'brand' && styles.brand, inline && styles.inline, disabled && styles.disabled, state.root.className);\n    return state;\n};\n"],"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","linkClassNames","root","useStyles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","B486eqv","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","B7iucu3","Bahaeuw","Boo3t63","inverted","brand","d","p","i","h","a","m","useLinkStyles_unstable","state","styles","appearance","backgroundAppearance","className","as"],"mappings":"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"}

package/lib-commonjs/contexts/{index.js → index.cjs}

@@ -19,4 +19,4 @@ _export(exports, {
         return _linkContext.useLinkContext;
     }
 });
-const _linkContext = require("./linkContext");
+const _linkContext = require("./linkContext.cjs");

package/lib-commonjs/contexts/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { LinkContextValue } from './linkContext';\nexport { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './linkContext';\n"],"names":["LinkContextProvider","linkContextDefaultValue","useLinkContext"],"mappings":";;;;;;;;;;;;eACSA,gCAAmB;;;eAAEC,oCAAuB;;;eAAEC,2BAAc;;;6BAAQ,gBAAgB"}
+{"version":3,"sources":["../src/contexts/index.ts"],"sourcesContent":["export type { LinkContextValue } from './linkContext';\nexport { LinkContextProvider, linkContextDefaultValue, useLinkContext } from './linkContext';\n"],"names":["LinkContextProvider","linkContextDefaultValue","useLinkContext"],"mappings":";;;;;;;;;;;;eACSA,gCAAmB;;;eAAEC,oCAAuB;;;eAAEC,2BAAc;;;6BAAQ,mBAAgB"}

package/lib-commonjs/{index.js → index.cjs}

@@ -13,13 +13,13 @@ _export(exports, {
         return _Link.Link;
     },
     LinkContextProvider: function() {
-        return _contexts.LinkContextProvider;
+        return _index.LinkContextProvider;
     },
     linkClassNames: function() {
         return _Link.linkClassNames;
     },
     linkContextDefaultValue: function() {
-        return _contexts.linkContextDefaultValue;
+        return _index.linkContextDefaultValue;
     },
     renderLink_unstable: function() {
         return _Link.renderLink_unstable;
@@ -28,7 +28,7 @@ _export(exports, {
         return _Link.useLinkBase_unstable;
     },
     useLinkContext: function() {
-        return _contexts.useLinkContext;
+        return _index.useLinkContext;
     },
     useLinkState_unstable: function() {
         return _Link.useLinkState_unstable;
@@ -40,5 +40,5 @@ _export(exports, {
         return _Link.useLink_unstable;
     }
 });
-const _Link = require("./Link");
-const _contexts = require("./contexts");
+const _Link = require("./Link.cjs");
+const _index = require("./contexts/index.cjs");

package/lib-commonjs/{index.js.map → index.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n  useLinkBase_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState, LinkBaseProps, LinkBaseState } from './Link';\nexport { linkContextDefaultValue, LinkContextProvider, useLinkContext } from './contexts';\nexport type { LinkContextValue } from './contexts';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable","useLinkBase_unstable","linkContextDefaultValue","LinkContextProvider","useLinkContext"],"mappings":";;;;;;;;;;;IACEA;yBAAI;;uBAS+C;eAAnBQ;;;eARhCP,oBAAc;;;eAQPM,iCAAuB;;;eAP9BL,yBAAmB;;;eAInBI,0BAAoB;;;eAGiCG,wBAAc;;;eANnEN,2BAAqB;;0BACC;eAAtBC;;;eACAC,sBAAgB;;;sBAEX,SAAS;0BAE6D,aAAa"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Link,\n  linkClassNames,\n  renderLink_unstable,\n  useLinkState_unstable,\n  useLinkStyles_unstable,\n  useLink_unstable,\n  useLinkBase_unstable,\n} from './Link';\nexport type { LinkProps, LinkSlots, LinkState, LinkBaseProps, LinkBaseState } from './Link';\nexport { linkContextDefaultValue, LinkContextProvider, useLinkContext } from './contexts';\nexport type { LinkContextValue } from './contexts';\n"],"names":["Link","linkClassNames","renderLink_unstable","useLinkState_unstable","useLinkStyles_unstable","useLink_unstable","useLinkBase_unstable","linkContextDefaultValue","LinkContextProvider","useLinkContext"],"mappings":";;;;;;;;;;;IACEA;yBAAI;;uBAS+C;eAAnBQ;;;eARhCP,oBAAc;;;eAQPM,8BAAuB;;;eAP9BL,yBAAmB;;;eAInBI,0BAAoB;;;eAGiCG,qBAAc;;;eANnEN,2BAAqB;;0BACC;eAAtBC;;;eACAC,sBAAgB;;;sBAEX,YAAS;uBAE6D,sBAAa"}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@fluentui/react-link",
-  "version": "9.8.3",
+  "version": "9.8.4",
   "description": "Fluent UI React Link component",
-  "main": "lib-commonjs/index.js",
+  "main": "lib-commonjs/index.cjs",
   "module": "lib/index.js",
   "typings": "./dist/index.d.ts",
   "sideEffects": false,
@@ -12,12 +12,12 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/keyboard-keys": "^9.0.8",
-    "@fluentui/react-jsx-runtime": "^9.4.4",
-    "@fluentui/react-shared-contexts": "^9.26.2",
-    "@fluentui/react-tabster": "^9.26.16",
-    "@fluentui/react-theme": "^9.2.1",
-    "@fluentui/react-utilities": "^9.26.5",
+    "@fluentui/keyboard-keys": "^9.0.9",
+    "@fluentui/react-jsx-runtime": "^9.4.5",
+    "@fluentui/react-shared-contexts": "^9.26.3",
+    "@fluentui/react-tabster": "^9.26.17",
+    "@fluentui/react-theme": "^9.2.2",
+    "@fluentui/react-utilities": "^9.26.6",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },
@@ -35,17 +35,23 @@
   },
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
-      "node": "./lib-commonjs/index.js",
-      "import": "./lib/index.js",
-      "require": "./lib-commonjs/index.js"
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./lib/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./lib-commonjs/index.cjs"
+      }
     },
     "./package.json": "./package.json"
   },
   "files": [
     "*.md",
     "dist/*.d.ts",
+    "dist/*.d.cts",
     "lib",
     "lib-commonjs"
-  ]
+  ],
+  "type": "module"
 }

package/lib-commonjs/components/Link/useLink.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Link/useLink.ts"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useBackgroundAppearance } from '@fluentui/react-shared-contexts';\nimport { useLinkState_unstable } from './useLinkState';\nimport type { LinkBaseProps, LinkBaseState, LinkProps, LinkState } from './Link.types';\nimport { useLinkContext } from '../../contexts/linkContext';\n\n/**\n * Given user props, defines default props for the Link, calls useLinkState_unstable, and returns processed state.\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLink_unstable = (\n  props: LinkProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkState => {\n  const backgroundAppearance = useBackgroundAppearance();\n  const { appearance = 'default', ...baseProps } = props;\n\n  const state = useLinkBase_unstable(baseProps, ref);\n\n  return {\n    appearance,\n    backgroundAppearance,\n    ...state,\n  };\n};\n\n/**\n * Base hook for Link component, which manages state related to ARIA, keyboard handling,\n * disabled behavior, and slot structure. This hook excludes design-specific props (appearance).\n *\n * @param props - User provided props to the Link component.\n * @param ref - User provided ref to be passed to the Link component.\n */\nexport const useLinkBase_unstable = (\n  props: LinkBaseProps,\n  ref: React.Ref<HTMLAnchorElement | HTMLButtonElement | HTMLSpanElement>,\n): LinkBaseState => {\n  const { inline: inlineContext } = useLinkContext();\n  const { disabled = false, disabledFocusable = false, inline = false } = props;\n\n  const elementType = props.as || (props.href ? 'a' : 'button');\n\n  // Casting is required here as `as` prop would break the union between `a`, `button` and `span` types\n  const propsWithAssignedAs = {\n    role: elementType === 'span' ? 'button' : undefined,\n    type: elementType === 'button' ? 'button' : undefined,\n    ...props,\n    as: elementType,\n  } as LinkBaseProps;\n\n  const state: LinkBaseState = {\n    // Props passed at the top-level\n    disabled,\n    disabledFocusable,\n    inline: inline ?? !!inlineContext,\n\n    // Slots definition\n    components: {\n      root: elementType,\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps<LinkBaseProps>(elementType, {\n        ref,\n        ...propsWithAssignedAs,\n      } as const),\n      { elementType },\n    ),\n  };\n\n  useLinkState_unstable(state);\n\n  return state;\n};\n"],"names":["getIntrinsicElementProps","slot","useBackgroundAppearance","useLinkState_unstable","useLinkContext","useLink_unstable","props","ref","backgroundAppearance","appearance","baseProps","state","useLinkBase_unstable","inline","inlineContext","disabled","disabledFocusable","elementType","as","href","propsWithAssignedAs","role","undefined","type","components","root","always"],"mappings":"AAAA;;;;;;;;;;;;wBAqCaY;eAAAA;;oBAvBAP;;;;gCAXkC,4BAA4B;qCACnC,kCAAkC;8BACpC,iBAAiB;6BAExB,6BAA6B;AAOrD,MAAMA,mBAAmB,CAC9BC,OACAC;IAEA,MAAMC,2BAAuBN,4CAAAA;IAC7B,MAAM,EAAEO,aAAa,SAAS,EAAE,GAAGC,WAAW,GAAGJ;IAEjD,MAAMK,QAAQC,qBAAqBF,WAAWH;IAE9C,OAAO;QACLE;QACAD;QACA,GAAGG,KAAK;IACV;AACF,EAAE;AASK,6BAA6B,CAClCL,OACAC;IAEA,MAAM,EAAEM,QAAQC,aAAa,EAAE,OAAGV,2BAAAA;IAClC,MAAM,EAAEW,WAAW,KAAK,EAAEC,oBAAoB,KAAK,EAAEH,SAAS,KAAK,EAAE,GAAGP;IAExE,MAAMW,cAAcX,MAAMY,EAAE,IAAKZ,CAAAA,MAAMa,IAAI,GAAG,MAAM,QAAA,CAAO;IAE3D,qGAAqG;IACrG,MAAMC,sBAAsB;QAC1BC,MAAMJ,gBAAgB,SAAS,WAAWK;QAC1CC,MAAMN,gBAAgB,WAAW,WAAWK;QAC5C,GAAGhB,KAAK;QACRY,IAAID;IACN;IAEA,MAAMN,QAAuB;QAC3B,gCAAgC;QAChCI;QACAC;QACAH,QAAQA,WAAAA,QAAAA,WAAAA,KAAAA,IAAAA,SAAU,CAAC,CAACC;QAEpB,mBAAmB;QACnBU,YAAY;YACVC,MAAMR;QACR;QAEAQ,MAAMxB,oBAAAA,CAAKyB,MAAM,KACf1B,wCAAAA,EAAwCiB,aAAa;YACnDV;YACA,GAAGa,mBAAmB;QACxB,IACA;YAAEH;QAAY;IAElB;QAEAd,mCAAAA,EAAsBQ;IAEtB,OAAOA;AACT,EAAE"}

package/lib-commonjs/components/Link/useLinkStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useLinkStyles.styles.js"],"sourcesContent":["'use client';\nimport { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createCustomFocusIndicatorStyle } from '@fluentui/react-tabster';\nimport { tokens } from '@fluentui/react-theme';\nexport const linkClassNames = {\n    root: 'fui-Link'\n};\nconst useStyles = makeStyles({\n    focusIndicator: createCustomFocusIndicatorStyle({\n        textDecorationColor: tokens.colorStrokeFocus2,\n        textDecorationLine: 'underline',\n        textDecorationStyle: 'double',\n        outlineStyle: 'none'\n    }),\n    // Common styles.\n    root: {\n        ':focus-visible': {\n            outlineStyle: 'none'\n        },\n        backgroundColor: 'transparent',\n        boxSizing: 'border-box',\n        color: tokens.colorBrandForegroundLink,\n        cursor: 'pointer',\n        display: 'inline',\n        fontFamily: tokens.fontFamilyBase,\n        fontSize: tokens.fontSizeBase300,\n        fontWeight: tokens.fontWeightRegular,\n        margin: '0',\n        padding: '0',\n        overflow: 'inherit',\n        textAlign: 'left',\n        textDecorationLine: 'none',\n        textDecorationThickness: tokens.strokeWidthThin,\n        textOverflow: 'inherit',\n        userSelect: 'text',\n        ':hover': {\n            textDecorationLine: 'underline',\n            color: tokens.colorBrandForegroundLinkHover\n        },\n        ':active': {\n            textDecorationLine: 'underline',\n            color: tokens.colorBrandForegroundLinkPressed\n        }\n    },\n    // Overrides when the Link renders as a button.\n    button: {\n        ...shorthands.borderStyle('none')\n    },\n    // Overrides when an href is present so the Link renders as an anchor.\n    href: {\n        fontSize: 'inherit'\n    },\n    // Overrides when the Link appears subtle.\n    subtle: {\n        color: tokens.colorNeutralForeground2Link,\n        ':hover': {\n            textDecorationLine: 'underline',\n            color: tokens.colorNeutralForeground2LinkHover\n        },\n        ':active': {\n            textDecorationLine: 'underline',\n            color: tokens.colorNeutralForeground2LinkPressed\n        }\n    },\n    // Overrides when the Link is rendered inline within text.\n    inline: {\n        textDecorationLine: 'underline'\n    },\n    // Overrides when the Link is disabled.\n    disabled: {\n        textDecorationLine: 'none',\n        color: tokens.colorNeutralForegroundDisabled,\n        cursor: 'not-allowed',\n        ':hover': {\n            textDecorationLine: 'none',\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        ':active': {\n            textDecorationLine: 'none',\n            color: tokens.colorNeutralForegroundDisabled\n        },\n        // There is no native disabled state for links, so we need to explicitly style the disabled state for high contrast mode.\n        '@media (forced-colors: active)': {\n            color: 'GrayText',\n            ':hover': {\n                color: 'GrayText'\n            },\n            ':active': {\n                color: 'GrayText'\n            }\n        }\n    },\n    inverted: {\n        color: tokens.colorBrandForegroundInverted,\n        ':hover': {\n            color: tokens.colorBrandForegroundInverted\n        },\n        ':active': {\n            color: tokens.colorBrandForegroundInverted\n        }\n    },\n    brand: {\n        color: tokens.colorNeutralForegroundInvertedLink,\n        ':hover': {\n            color: tokens.colorNeutralForegroundInvertedLinkHover\n        },\n        ':active': {\n            color: tokens.colorNeutralForegroundInvertedLinkPressed\n        }\n    }\n});\nexport const useLinkStyles_unstable = (state)=>{\n    const styles = useStyles();\n    const { appearance, disabled, inline, root, backgroundAppearance } = state;\n    // eslint-disable-next-line react-hooks/immutability\n    state.root.className = mergeClasses(linkClassNames.root, styles.root, styles.focusIndicator, root.as === 'a' && root.href && styles.href, root.as === 'button' && styles.button, appearance === 'subtle' && styles.subtle, backgroundAppearance === 'inverted' && styles.inverted, backgroundAppearance === 'brand' && styles.brand, inline && styles.inline, disabled && styles.disabled, state.root.className);\n    return state;\n};\n"],"names":["shorthands","__styles","mergeClasses","createCustomFocusIndicatorStyle","tokens","linkClassNames","root","useStyles","focusIndicator","Bttzg6e","B3uz8dt","B6ihwck","g9k6zt","B486eqv","De3pzq","B7ck84d","sj55zd","Bceei9c","mc9l5x","Bahqtrf","Be2twd7","Bhrd7zp","jrapky","Frg6f3","t21cq0","B6of3ja","B74szlk","Byoj8tv","uwmqm3","z189sj","z8tnut","B0ocmuz","B68tc82","Bmxbyg5","Bpg54ce","fsow6f","w71qe1","Bkioxbp","ygn44y","famaaq","Bde5pd6","Bi91k9c","i089h6","lj723h","button","icvyot","vrafjx","oivjwe","wvpqe5","href","subtle","inline","disabled","B7iucu3","Bahaeuw","Boo3t63","inverted","brand","d","p","i","h","a","m","useLinkStyles_unstable","state","styles","appearance","backgroundAppearance","className","as"],"mappings":"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"}