@fluentui/react-divider 9.5.1 → 9.6.0

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/react-divider
 
-This log was last generated on Wed, 17 Dec 2025 18:06:04 GMT and should not be manually modified.
+This log was last generated on Thu, 22 Jan 2026 17:01:36 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.6.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.6.0)
+
+Thu, 22 Jan 2026 17:01:36 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.5.1..@fluentui/react-divider_v9.6.0)
+
+### Minor changes
+
+- feat: add base hooks ([PR #35634](https://github.com/microsoft/fluentui/pull/35634) by dmytrokirpa@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.3.5 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
+- Bump @fluentui/react-theme to v9.2.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
+- Bump @fluentui/react-utilities to v9.26.1 ([PR #35574](https://github.com/microsoft/fluentui/pull/35574) by beachball)
+
+### Patches
+
+- chore: remove experimental style hooks ([PR #35620](https://github.com/microsoft/fluentui/pull/35620) by dmytrokirpa@microsoft.com)
+- refactor: refactor divider base hook ([PR #35679](https://github.com/microsoft/fluentui/pull/35679) by dmytrokirpa@microsoft.com)
+
 ## [9.5.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.5.1)
 
-Wed, 17 Dec 2025 18:06:04 GMT 
+Wed, 17 Dec 2025 18:10:11 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.5.0..@fluentui/react-divider_v9.5.1)
 
 ### Patches

package/lib/Divider.js

@@ -1 +1 @@
-export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable } from './components/Divider/index';
+export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable, useDividerBase_unstable } from './components/Divider/index';

package/lib/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Divider.ts"],"sourcesContent":["export type { DividerProps, DividerSlots, DividerState } from './components/Divider/index';\nexport {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './components/Divider/index';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":"AACA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,6BAA6B"}
+{"version":3,"sources":["../src/Divider.ts"],"sourcesContent":["export type {\n  DividerBaseProps,\n  DividerProps,\n  DividerSlots,\n  DividerBaseState,\n  DividerState,\n} from './components/Divider/index';\nexport {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n  useDividerBase_unstable,\n} from './components/Divider/index';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable","useDividerBase_unstable"],"mappings":"AAOA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,EACnBC,uBAAuB,QAClB,6BAA6B"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/Divider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DividerSlots = {\n  /**\n   * Root of the component that renders as a `<div>` tag.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Wrapper for content when presented.\n   */\n  wrapper: NonNullable<Slot<'div'>>;\n};\n\nexport type DividerProps = ComponentProps<Partial<DividerSlots>> & {\n  /**\n   * Determines the alignment of the content within the divider.\n   *\n   * @default 'center'\n   */\n  alignContent?: 'start' | 'center' | 'end';\n\n  /**\n   * A divider can have one of the preset appearances.\n   * When not specified, the divider has its default appearance.\n   *\n   * @default 'default'\n   */\n  appearance?: 'brand' | 'default' | 'strong' | 'subtle';\n\n  /**\n   * Adds padding to the beginning and end of the divider.\n   *\n   * @default false\n   */\n  inset?: boolean;\n\n  /**\n   * A divider can be horizontal (default) or vertical.\n   *\n   * @default false\n   */\n  vertical?: boolean;\n};\n\nexport type DividerState = ComponentState<DividerSlots> &\n  Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;\n"],"names":[],"mappings":"AA6CA,WACqF"}
+{"version":3,"sources":["../src/components/Divider/Divider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DividerSlots = {\n  /**\n   * Root of the component that renders as a `<div>` tag.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Wrapper for content when presented.\n   */\n  wrapper: NonNullable<Slot<'div'>>;\n};\n\nexport type DividerProps = ComponentProps<Partial<DividerSlots>> & {\n  /**\n   * Determines the alignment of the content within the divider.\n   *\n   * @default 'center'\n   */\n  alignContent?: 'start' | 'center' | 'end';\n\n  /**\n   * A divider can have one of the preset appearances.\n   * When not specified, the divider has its default appearance.\n   *\n   * @default 'default'\n   */\n  appearance?: 'brand' | 'default' | 'strong' | 'subtle';\n\n  /**\n   * Adds padding to the beginning and end of the divider.\n   *\n   * @default false\n   */\n  inset?: boolean;\n\n  /**\n   * A divider can be horizontal (default) or vertical.\n   *\n   * @default false\n   */\n  vertical?: boolean;\n};\n\nexport type DividerBaseProps = Omit<DividerProps, 'alignContent' | 'appearance' | 'inset'>;\n\nexport type DividerState = ComponentState<DividerSlots> &\n  Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;\n\nexport type DividerBaseState = Omit<DividerState, 'alignContent' | 'appearance' | 'inset'>;\n"],"names":[],"mappings":"AAkDA,WAA2F"}

package/lib/components/Divider/index.js

@@ -1,4 +1,4 @@
 export { Divider } from './Divider';
 export { renderDivider_unstable } from './renderDivider';
-export { useDivider_unstable } from './useDivider';
+export { useDivider_unstable, useDividerBase_unstable } from './useDivider';
 export { dividerClassNames, useDividerStyles_unstable } from './useDividerStyles.styles';

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/index.ts"],"sourcesContent":["export { Divider } from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider.types';\nexport { renderDivider_unstable } from './renderDivider';\nexport { useDivider_unstable } from './useDivider';\nexport { dividerClassNames, useDividerStyles_unstable } from './useDividerStyles.styles';\n"],"names":["Divider","renderDivider_unstable","useDivider_unstable","dividerClassNames","useDividerStyles_unstable"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,4BAA4B"}
+{"version":3,"sources":["../src/components/Divider/index.ts"],"sourcesContent":["export { Divider } from './Divider';\nexport type { DividerBaseProps, DividerProps, DividerSlots, DividerBaseState, DividerState } from './Divider.types';\nexport { renderDivider_unstable } from './renderDivider';\nexport { useDivider_unstable, useDividerBase_unstable } from './useDivider';\nexport { dividerClassNames, useDividerStyles_unstable } from './useDividerStyles.styles';\n"],"names":["Divider","renderDivider_unstable","useDivider_unstable","useDividerBase_unstable","dividerClassNames","useDividerStyles_unstable"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AAEpC,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,eAAe;AAC5E,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,4BAA4B"}

package/lib/components/Divider/useDivider.js

@@ -1,33 +1,42 @@
+'use client';
 import * as React from 'react';
-import { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';
+import { useId, slot } from '@fluentui/react-utilities';
 /**
  * Returns the props and state required to render the component
  * @param props - User-provided props to the Divider component.
  * @param ref - User-provided ref to be passed to the Divider component.
  */ export const useDivider_unstable = (props, ref)=>{
-    const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;
-    const dividerId = useId('divider-');
+    const { alignContent = 'center', appearance = 'default', inset = false, ...rest } = props;
+    const state = useDividerBase_unstable(rest, ref);
     return {
-        // Props passed at the top-level
         alignContent,
         appearance,
         inset,
+        ...state
+    };
+};
+/**
+ * Base hook that provides behavior and structure of the Divider component.
+ * It doesn't include design-related features.
+ *
+ * @param props - User-provided props to the Divider component.
+ * @param ref - User-provided ref to be passed to the Divider component.
+ */ export const useDividerBase_unstable = (props, ref)=>{
+    const { vertical = false, wrapper, ...rest } = props;
+    const dividerId = useId('divider-');
+    return {
         vertical,
-        // Slots definition
         components: {
             root: 'div',
             wrapper: 'div'
         },
-        root: slot.always(getIntrinsicElementProps('div', {
+        root: slot.always({
             role: 'separator',
             'aria-orientation': vertical ? 'vertical' : 'horizontal',
             'aria-labelledby': props.children ? dividerId : undefined,
-            ...props,
-            // FIXME:
-            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
-            // but since it would be a breaking change to fix it, we are casting ref to it's proper type
-            ref: ref
-        }), {
+            ref: ref,
+            ...rest
+        }, {
             elementType: 'div'
         }),
         wrapper: slot.always(wrapper, {

package/lib/components/Divider/useDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n  const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n  const dividerId = useId('divider-');\n\n  return {\n    // Props passed at the top-level\n    alignContent,\n    appearance,\n    inset,\n    vertical,\n\n    // Slots definition\n    components: {\n      root: 'div',\n      wrapper: 'div',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        role: 'separator',\n        'aria-orientation': vertical ? 'vertical' : 'horizontal',\n        'aria-labelledby': props.children ? dividerId : undefined,\n        ...props,\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n      } as const),\n      { elementType: 'div' },\n    ),\n    wrapper: slot.always(wrapper, {\n      defaultProps: {\n        id: dividerId,\n        children: props.children,\n      },\n      elementType: 'div',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useId","slot","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","always","role","children","undefined","elementType","defaultProps","id"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,EAAEC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAGlF;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAqBC;IACvD,MAAM,EAAEC,eAAe,QAAQ,EAAEC,aAAa,SAAS,EAAEC,QAAQ,KAAK,EAAEC,WAAW,KAAK,EAAEC,OAAO,EAAE,GAAGN;IACtG,MAAMO,YAAYV,MAAM;IAExB,OAAO;QACL,gCAAgC;QAChCK;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBG,YAAY;YACVC,MAAM;YACNH,SAAS;QACX;QAEAG,MAAMX,KAAKY,MAAM,CACfd,yBAAyB,OAAO;YAC9Be,MAAM;YACN,oBAAoBN,WAAW,aAAa;YAC5C,mBAAmBL,MAAMY,QAAQ,GAAGL,YAAYM;YAChD,GAAGb,KAAK;YACR,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FC,KAAKA;QACP,IACA;YAAEa,aAAa;QAAM;QAEvBR,SAASR,KAAKY,MAAM,CAACJ,SAAS;YAC5BS,cAAc;gBACZC,IAAIT;gBACJK,UAAUZ,MAAMY,QAAQ;YAC1B;YACAE,aAAa;QACf;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/Divider/useDivider.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId, slot } from '@fluentui/react-utilities';\nimport type { DividerBaseProps, DividerBaseState, DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n  const { alignContent = 'center', appearance = 'default', inset = false, ...rest } = props;\n\n  const state = useDividerBase_unstable(rest, ref);\n\n  return {\n    alignContent,\n    appearance,\n    inset,\n    ...state,\n  };\n};\n\n/**\n * Base hook that provides behavior and structure of the Divider component.\n * It doesn't include design-related features.\n *\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDividerBase_unstable = (props: DividerBaseProps, ref?: React.Ref<HTMLElement>): DividerBaseState => {\n  const { vertical = false, wrapper, ...rest } = props;\n  const dividerId = useId('divider-');\n\n  return {\n    vertical,\n    components: {\n      root: 'div',\n      wrapper: 'div',\n    },\n    root: slot.always(\n      {\n        role: 'separator',\n        'aria-orientation': vertical ? 'vertical' : 'horizontal',\n        'aria-labelledby': props.children ? dividerId : undefined,\n        ref: ref as React.Ref<HTMLDivElement>,\n        ...rest,\n      },\n      { elementType: 'div' },\n    ),\n    wrapper: slot.always(wrapper, {\n      defaultProps: {\n        id: dividerId,\n        children: props.children,\n      },\n      elementType: 'div',\n    }),\n  };\n};\n"],"names":["React","useId","slot","useDivider_unstable","props","ref","alignContent","appearance","inset","rest","state","useDividerBase_unstable","vertical","wrapper","dividerId","components","root","always","role","children","undefined","elementType","defaultProps","id"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,EAAEC,IAAI,QAAQ,4BAA4B;AAGxD;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CAACC,OAAqBC;IACvD,MAAM,EAAEC,eAAe,QAAQ,EAAEC,aAAa,SAAS,EAAEC,QAAQ,KAAK,EAAE,GAAGC,MAAM,GAAGL;IAEpF,MAAMM,QAAQC,wBAAwBF,MAAMJ;IAE5C,OAAO;QACLC;QACAC;QACAC;QACA,GAAGE,KAAK;IACV;AACF,EAAE;AAEF;;;;;;CAMC,GACD,OAAO,MAAMC,0BAA0B,CAACP,OAAyBC;IAC/D,MAAM,EAAEO,WAAW,KAAK,EAAEC,OAAO,EAAE,GAAGJ,MAAM,GAAGL;IAC/C,MAAMU,YAAYb,MAAM;IAExB,OAAO;QACLW;QACAG,YAAY;YACVC,MAAM;YACNH,SAAS;QACX;QACAG,MAAMd,KAAKe,MAAM,CACf;YACEC,MAAM;YACN,oBAAoBN,WAAW,aAAa;YAC5C,mBAAmBR,MAAMe,QAAQ,GAAGL,YAAYM;YAChDf,KAAKA;YACL,GAAGI,IAAI;QACT,GACA;YAAEY,aAAa;QAAM;QAEvBR,SAASX,KAAKe,MAAM,CAACJ,SAAS;YAC5BS,cAAc;gBACZC,IAAIT;gBACJK,UAAUf,MAAMe,QAAQ;YAC1B;YACAE,aAAa;QACf;IACF;AACF,EAAE"}

package/lib/index.js

@@ -1 +1,4 @@
 export { Divider, dividerClassNames, renderDivider_unstable, useDividerStyles_unstable, useDivider_unstable } from './Divider';
+ // Experimental APIs - will be uncommented in the experimental release branch
+ // export { useDividerBase_unstable } from './Divider';
+ // export type { DividerBaseProps, DividerBaseState } from './Divider';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,YAAY"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n\n// Experimental APIs - will be uncommented in the experimental release branch\n// export { useDividerBase_unstable } from './Divider';\n// export type { DividerBaseProps, DividerBaseState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":"AAAA,SACEA,OAAO,EACPC,iBAAiB,EACjBC,sBAAsB,EACtBC,yBAAyB,EACzBC,mBAAmB,QACd,YAAY;CAGnB,6EAA6E;CAC7E,uDAAuD;CACvD,uEAAuE"}

package/lib-commonjs/Divider.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderDivider_unstable: function() {
         return _index.renderDivider_unstable;
     },
+    useDividerBase_unstable: function() {
+        return _index.useDividerBase_unstable;
+    },
     useDividerStyles_unstable: function() {
         return _index.useDividerStyles_unstable;
     },

package/lib-commonjs/Divider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Divider.ts"],"sourcesContent":["export type { DividerProps, DividerSlots, DividerState } from './components/Divider/index';\nexport {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './components/Divider/index';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":";;;;;;;;;;;;eAEEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eACtBC,gCAAyB;;;eACzBC,0BAAmB;;;uBACd,6BAA6B"}
+{"version":3,"sources":["../src/Divider.ts"],"sourcesContent":["export type {\n  DividerBaseProps,\n  DividerProps,\n  DividerSlots,\n  DividerBaseState,\n  DividerState,\n} from './components/Divider/index';\nexport {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n  useDividerBase_unstable,\n} from './components/Divider/index';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable","useDividerBase_unstable"],"mappings":";;;;;;;;;;;;eAQEA,cAAO;;;eACPC,wBAAiB;;;eACjBC,6BAAsB;;;eAGtBG,8BAAuB;;;eAFvBF,gCAAyB;;;eACzBC,0BAAmB;;;uBAEd,6BAA6B"}

package/lib-commonjs/components/Divider/Divider.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/Divider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DividerSlots = {\n  /**\n   * Root of the component that renders as a `<div>` tag.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Wrapper for content when presented.\n   */\n  wrapper: NonNullable<Slot<'div'>>;\n};\n\nexport type DividerProps = ComponentProps<Partial<DividerSlots>> & {\n  /**\n   * Determines the alignment of the content within the divider.\n   *\n   * @default 'center'\n   */\n  alignContent?: 'start' | 'center' | 'end';\n\n  /**\n   * A divider can have one of the preset appearances.\n   * When not specified, the divider has its default appearance.\n   *\n   * @default 'default'\n   */\n  appearance?: 'brand' | 'default' | 'strong' | 'subtle';\n\n  /**\n   * Adds padding to the beginning and end of the divider.\n   *\n   * @default false\n   */\n  inset?: boolean;\n\n  /**\n   * A divider can be horizontal (default) or vertical.\n   *\n   * @default false\n   */\n  vertical?: boolean;\n};\n\nexport type DividerState = ComponentState<DividerSlots> &\n  Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;\n"],"names":[],"mappings":""}
+{"version":3,"sources":["../src/components/Divider/Divider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DividerSlots = {\n  /**\n   * Root of the component that renders as a `<div>` tag.\n   */\n  root: NonNullable<Slot<'div'>>;\n\n  /**\n   * Wrapper for content when presented.\n   */\n  wrapper: NonNullable<Slot<'div'>>;\n};\n\nexport type DividerProps = ComponentProps<Partial<DividerSlots>> & {\n  /**\n   * Determines the alignment of the content within the divider.\n   *\n   * @default 'center'\n   */\n  alignContent?: 'start' | 'center' | 'end';\n\n  /**\n   * A divider can have one of the preset appearances.\n   * When not specified, the divider has its default appearance.\n   *\n   * @default 'default'\n   */\n  appearance?: 'brand' | 'default' | 'strong' | 'subtle';\n\n  /**\n   * Adds padding to the beginning and end of the divider.\n   *\n   * @default false\n   */\n  inset?: boolean;\n\n  /**\n   * A divider can be horizontal (default) or vertical.\n   *\n   * @default false\n   */\n  vertical?: boolean;\n};\n\nexport type DividerBaseProps = Omit<DividerProps, 'alignContent' | 'appearance' | 'inset'>;\n\nexport type DividerState = ComponentState<DividerSlots> &\n  Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;\n\nexport type DividerBaseState = Omit<DividerState, 'alignContent' | 'appearance' | 'inset'>;\n"],"names":[],"mappings":""}

package/lib-commonjs/components/Divider/index.js

@@ -18,6 +18,9 @@ _export(exports, {
     renderDivider_unstable: function() {
         return _renderDivider.renderDivider_unstable;
     },
+    useDividerBase_unstable: function() {
+        return _useDivider.useDividerBase_unstable;
+    },
     useDividerStyles_unstable: function() {
         return _useDividerStylesstyles.useDividerStyles_unstable;
     },

package/lib-commonjs/components/Divider/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/index.ts"],"sourcesContent":["export { Divider } from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider.types';\nexport { renderDivider_unstable } from './renderDivider';\nexport { useDivider_unstable } from './useDivider';\nexport { dividerClassNames, useDividerStyles_unstable } from './useDividerStyles.styles';\n"],"names":["Divider","renderDivider_unstable","useDivider_unstable","dividerClassNames","useDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAIPG,yCAAiB;;;eAFjBF,qCAAsB;;;eAEHG,iDAAyB;;;eAD5CF,+BAAmB;;;yBAHJ,YAAY;+BAEG,kBAAkB;4BACrB,eAAe;wCACU,4BAA4B"}
+{"version":3,"sources":["../src/components/Divider/index.ts"],"sourcesContent":["export { Divider } from './Divider';\nexport type { DividerBaseProps, DividerProps, DividerSlots, DividerBaseState, DividerState } from './Divider.types';\nexport { renderDivider_unstable } from './renderDivider';\nexport { useDivider_unstable, useDividerBase_unstable } from './useDivider';\nexport { dividerClassNames, useDividerStyles_unstable } from './useDividerStyles.styles';\n"],"names":["Divider","renderDivider_unstable","useDivider_unstable","useDividerBase_unstable","dividerClassNames","useDividerStyles_unstable"],"mappings":";;;;;;;;;;;;eAASA,gBAAO;;;eAIPI,yCAAiB;;;eAFjBH,qCAAsB;;;eACDE,mCAAuB;;;eACzBE,iDAAyB;;;eAD5CH,+BAAmB;;;yBAHJ,YAAY;+BAEG,kBAAkB;4BACI,eAAe;wCACf,4BAA4B"}

package/lib-commonjs/components/Divider/useDivider.js

@@ -1,10 +1,19 @@
+'use client';
 "use strict";
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "useDivider_unstable", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    useDividerBase_unstable: function() {
+        return useDividerBase_unstable;
+    },
+    useDivider_unstable: function() {
         return useDivider_unstable;
     }
 });
@@ -12,29 +21,31 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _reactutilities = require("@fluentui/react-utilities");
 const useDivider_unstable = (props, ref)=>{
-    const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;
-    const dividerId = (0, _reactutilities.useId)('divider-');
+    const { alignContent = 'center', appearance = 'default', inset = false, ...rest } = props;
+    const state = useDividerBase_unstable(rest, ref);
     return {
-        // Props passed at the top-level
         alignContent,
         appearance,
         inset,
+        ...state
+    };
+};
+const useDividerBase_unstable = (props, ref)=>{
+    const { vertical = false, wrapper, ...rest } = props;
+    const dividerId = (0, _reactutilities.useId)('divider-');
+    return {
         vertical,
-        // Slots definition
         components: {
             root: 'div',
             wrapper: 'div'
         },
-        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+        root: _reactutilities.slot.always({
             role: 'separator',
             'aria-orientation': vertical ? 'vertical' : 'horizontal',
             'aria-labelledby': props.children ? dividerId : undefined,
-            ...props,
-            // FIXME:
-            // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
-            // but since it would be a breaking change to fix it, we are casting ref to it's proper type
-            ref: ref
-        }), {
+            ref: ref,
+            ...rest
+        }, {
             elementType: 'div'
         }),
         wrapper: _reactutilities.slot.always(wrapper, {

package/lib-commonjs/components/Divider/useDivider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n  const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n  const dividerId = useId('divider-');\n\n  return {\n    // Props passed at the top-level\n    alignContent,\n    appearance,\n    inset,\n    vertical,\n\n    // Slots definition\n    components: {\n      root: 'div',\n      wrapper: 'div',\n    },\n\n    root: slot.always(\n      getIntrinsicElementProps('div', {\n        role: 'separator',\n        'aria-orientation': vertical ? 'vertical' : 'horizontal',\n        'aria-labelledby': props.children ? dividerId : undefined,\n        ...props,\n        // FIXME:\n        // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n        // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n        ref: ref as React.Ref<HTMLDivElement>,\n      } as const),\n      { elementType: 'div' },\n    ),\n    wrapper: slot.always(wrapper, {\n      defaultProps: {\n        id: dividerId,\n        children: props.children,\n      },\n      elementType: 'div',\n    }),\n  };\n};\n"],"names":["React","getIntrinsicElementProps","useId","slot","useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","components","root","always","role","children","undefined","elementType","defaultProps","id"],"mappings":";;;;+BASaI;;;;;;;iEATU,QAAQ;gCACuB,4BAA4B;AAQ3E,4BAA4B,CAACC,OAAqBC;IACvD,MAAM,EAAEC,eAAe,QAAQ,EAAEC,aAAa,SAAS,EAAEC,QAAQ,KAAK,EAAEC,WAAW,KAAK,EAAEC,OAAO,EAAE,GAAGN;IACtG,MAAMO,gBAAYV,qBAAAA,EAAM;IAExB,OAAO;QACL,gCAAgC;QAChCK;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBG,YAAY;YACVC,MAAM;YACNH,SAAS;QACX;QAEAG,MAAMX,oBAAAA,CAAKY,MAAM,CACfd,4CAAAA,EAAyB,OAAO;YAC9Be,MAAM;YACN,oBAAoBN,WAAW,aAAa;YAC5C,mBAAmBL,MAAMY,QAAQ,GAAGL,YAAYM;YAChD,GAAGb,KAAK;YACR,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FC,KAAKA;QACP,IACA;YAAEa,aAAa;QAAM;QAEvBR,SAASR,oBAAAA,CAAKY,MAAM,CAACJ,SAAS;YAC5BS,cAAc;gBACZC,IAAIT;gBACJK,UAAUZ,MAAMY,QAAQ;YAC1B;YACAE,aAAa;QACf;IACF;AACF,EAAE"}
+{"version":3,"sources":["../src/components/Divider/useDivider.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useId, slot } from '@fluentui/react-utilities';\nimport type { DividerBaseProps, DividerBaseState, DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n  const { alignContent = 'center', appearance = 'default', inset = false, ...rest } = props;\n\n  const state = useDividerBase_unstable(rest, ref);\n\n  return {\n    alignContent,\n    appearance,\n    inset,\n    ...state,\n  };\n};\n\n/**\n * Base hook that provides behavior and structure of the Divider component.\n * It doesn't include design-related features.\n *\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDividerBase_unstable = (props: DividerBaseProps, ref?: React.Ref<HTMLElement>): DividerBaseState => {\n  const { vertical = false, wrapper, ...rest } = props;\n  const dividerId = useId('divider-');\n\n  return {\n    vertical,\n    components: {\n      root: 'div',\n      wrapper: 'div',\n    },\n    root: slot.always(\n      {\n        role: 'separator',\n        'aria-orientation': vertical ? 'vertical' : 'horizontal',\n        'aria-labelledby': props.children ? dividerId : undefined,\n        ref: ref as React.Ref<HTMLDivElement>,\n        ...rest,\n      },\n      { elementType: 'div' },\n    ),\n    wrapper: slot.always(wrapper, {\n      defaultProps: {\n        id: dividerId,\n        children: props.children,\n      },\n      elementType: 'div',\n    }),\n  };\n};\n"],"names":["React","useId","slot","useDivider_unstable","props","ref","alignContent","appearance","inset","rest","state","useDividerBase_unstable","vertical","wrapper","dividerId","components","root","always","role","children","undefined","elementType","defaultProps","id"],"mappings":"AAAA;;;;;;;;;;;;2BA+BaW;eAAAA;;uBApBAR;;;;;iEATU,QAAQ;gCACH,4BAA4B;AAQjD,MAAMA,sBAAsB,CAACC,OAAqBC;IACvD,MAAM,EAAEC,eAAe,QAAQ,EAAEC,aAAa,SAAS,EAAEC,QAAQ,KAAK,EAAE,GAAGC,MAAM,GAAGL;IAEpF,MAAMM,QAAQC,wBAAwBF,MAAMJ;IAE5C,OAAO;QACLC;QACAC;QACAC;QACA,GAAGE,KAAK;IACV;AACF,EAAE;AASK,gCAAgC,CAACN,OAAyBC;IAC/D,MAAM,EAAEO,WAAW,KAAK,EAAEC,OAAO,EAAE,GAAGJ,MAAM,GAAGL;IAC/C,MAAMU,gBAAYb,qBAAAA,EAAM;IAExB,OAAO;QACLW;QACAG,YAAY;YACVC,MAAM;YACNH,SAAS;QACX;QACAG,MAAMd,oBAAAA,CAAKe,MAAM,CACf;YACEC,MAAM;YACN,oBAAoBN,WAAW,aAAa;YAC5C,mBAAmBR,MAAMe,QAAQ,GAAGL,YAAYM;YAChDf,KAAKA;YACL,GAAGI,IAAI;QACT,GACA;YAAEY,aAAa;QAAM;QAEvBR,SAASX,oBAAAA,CAAKe,MAAM,CAACJ,SAAS;YAC5BS,cAAc;gBACZC,IAAIT;gBACJK,UAAUf,MAAMe,QAAQ;YAC1B;YACAE,aAAa;QACf;IACF;AACF,EAAE"}

package/lib-commonjs/index.js

@@ -26,3 +26,6 @@ _export(exports, {
     }
 });
 const _Divider = require("./Divider");
+ // Experimental APIs - will be uncommented in the experimental release branch
+ // export { useDividerBase_unstable } from './Divider';
+ // export type { DividerBaseProps, DividerBaseState } from './Divider';

package/lib-commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":";;;;;;;;;;;;eACEA,gBAAO;;;eACPC,0BAAiB;;;eACjBC,+BAAsB;;;eACtBC,kCAAyB;;;eACzBC,4BAAmB;;;yBACd,YAAY"}
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  Divider,\n  dividerClassNames,\n  renderDivider_unstable,\n  useDividerStyles_unstable,\n  useDivider_unstable,\n} from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider';\n\n// Experimental APIs - will be uncommented in the experimental release branch\n// export { useDividerBase_unstable } from './Divider';\n// export type { DividerBaseProps, DividerBaseState } from './Divider';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"mappings":";;;;;;;;;;;;eACEA,gBAAO;;;eACPC,0BAAiB;;;eACjBC,+BAAsB;;;eACtBC,kCAAyB;;;eACzBC,4BAAmB;;;yBACd,YAAY;CAGnB,6EAA6E;CAC7E,uDAAuD;CACvD,uEAAuE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-divider",
-  "version": "9.5.1",
+  "version": "9.6.0",
   "description": "Fluent UI component to visually separate content.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -11,17 +11,11 @@
     "url": "https://github.com/microsoft/fluentui"
   },
   "license": "MIT",
-  "devDependencies": {
-    "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "*",
-    "@fluentui/scripts-api-extractor": "*"
-  },
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.3.4",
-    "@fluentui/react-shared-contexts": "^9.26.0",
-    "@fluentui/react-theme": "^9.2.0",
-    "@fluentui/react-utilities": "^9.26.0",
+    "@fluentui/react-jsx-runtime": "^9.3.5",
+    "@fluentui/react-shared-contexts": "^9.26.1",
+    "@fluentui/react-theme": "^9.2.1",
+    "@fluentui/react-utilities": "^9.26.1",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },

package/lib/components/Divider/useDividerStyles.styles.headless.js

@@ -1,31 +0,0 @@
-'use client';
-export const dividerClassNames = {
-    root: 'fui-Divider',
-    wrapper: 'fui-Divider__wrapper'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useDividerStyles_unstable = (state)=>{
-    'use no memo';
-    const { alignContent, appearance, inset, vertical } = state;
-    state.root.className = [
-        dividerClassNames.root,
-        // Alignment
-        `${dividerClassNames}--align-${alignContent}`,
-        // Appearance
-        `${dividerClassNames}--${appearance}`,
-        // Orientation
-        vertical ? `${dividerClassNames}--vertical` : `${dividerClassNames}--horizontal`,
-        // Inset
-        inset && `${dividerClassNames}--inset`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.wrapper) {
-        state.wrapper.className = [
-            dividerClassNames.wrapper,
-            state.wrapper.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/Divider/useDividerStyles.styles.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Divider/useDividerStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  'use no memo';\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  state.root.className = [\n    dividerClassNames.root,\n\n    // Alignment\n    `${dividerClassNames}--align-${alignContent}`,\n\n    // Appearance\n    `${dividerClassNames}--${appearance}`,\n\n    // Orientation\n    vertical ? `${dividerClassNames}--vertical` : `${dividerClassNames}--horizontal`,\n\n    // Inset\n    inset && `${dividerClassNames}--inset`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.wrapper) {\n    state.wrapper.className = [dividerClassNames.wrapper, state.wrapper.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["dividerClassNames","root","wrapper","useDividerStyles_unstable","state","alignContent","appearance","inset","vertical","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,OAAO,MAAMA,oBAAkD;IAC7DC,MAAM;IACNC,SAAS;AACX,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC;IACxC;IAEA,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGJ;IAEtDA,MAAMH,IAAI,CAACQ,SAAS,GAAG;QACrBT,kBAAkBC,IAAI;QAEtB,YAAY;QACZ,GAAGD,kBAAkB,QAAQ,EAAEK,cAAc;QAE7C,aAAa;QACb,GAAGL,kBAAkB,EAAE,EAAEM,YAAY;QAErC,cAAc;QACdE,WAAW,GAAGR,kBAAkB,UAAU,CAAC,GAAG,GAAGA,kBAAkB,YAAY,CAAC;QAEhF,QAAQ;QACRO,SAAS,GAAGP,kBAAkB,OAAO,CAAC;QAEtC,2BAA2B;QAC3BI,MAAMH,IAAI,CAACQ,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIR,MAAMF,OAAO,EAAE;QACjBE,MAAMF,OAAO,CAACO,SAAS,GAAG;YAACT,kBAAkBE,OAAO;YAAEE,MAAMF,OAAO,CAACO,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IACtG;IAEA,OAAOR;AACT,EAAE"}

package/lib/components/Divider/useDividerStyles.styles.raw.headless.js

@@ -1,31 +0,0 @@
-'use client';
-export const dividerClassNames = {
-    root: 'fui-Divider',
-    wrapper: 'fui-Divider__wrapper'
-};
-/**
- * Attaches only semantic slot class names and state modifiers
- */ export const useDividerStyles_unstable = (state)=>{
-    'use no memo';
-    const { alignContent, appearance, inset, vertical } = state;
-    state.root.className = [
-        dividerClassNames.root,
-        // Alignment
-        `${dividerClassNames}--align-${alignContent}`,
-        // Appearance
-        `${dividerClassNames}--${appearance}`,
-        // Orientation
-        vertical ? `${dividerClassNames}--vertical` : `${dividerClassNames}--horizontal`,
-        // Inset
-        inset && `${dividerClassNames}--inset`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.wrapper) {
-        state.wrapper.className = [
-            dividerClassNames.wrapper,
-            state.wrapper.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib/components/Divider/useDividerStyles.styles.raw.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Divider/useDividerStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  'use no memo';\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  state.root.className = [\n    dividerClassNames.root,\n\n    // Alignment\n    `${dividerClassNames}--align-${alignContent}`,\n\n    // Appearance\n    `${dividerClassNames}--${appearance}`,\n\n    // Orientation\n    vertical ? `${dividerClassNames}--vertical` : `${dividerClassNames}--horizontal`,\n\n    // Inset\n    inset && `${dividerClassNames}--inset`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.wrapper) {\n    state.wrapper.className = [dividerClassNames.wrapper, state.wrapper.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["dividerClassNames","root","wrapper","useDividerStyles_unstable","state","alignContent","appearance","inset","vertical","className","filter","Boolean","join"],"mappings":"AAAA;AAKA,OAAO,MAAMA,oBAAkD;IAC7DC,MAAM;IACNC,SAAS;AACX,EAAE;AAEF;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC;IACxC;IAEA,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGJ;IAEtDA,MAAMH,IAAI,CAACQ,SAAS,GAAG;QACrBT,kBAAkBC,IAAI;QAEtB,YAAY;QACZ,GAAGD,kBAAkB,QAAQ,EAAEK,cAAc;QAE7C,aAAa;QACb,GAAGL,kBAAkB,EAAE,EAAEM,YAAY;QAErC,cAAc;QACdE,WAAW,GAAGR,kBAAkB,UAAU,CAAC,GAAG,GAAGA,kBAAkB,YAAY,CAAC;QAEhF,QAAQ;QACRO,SAAS,GAAGP,kBAAkB,OAAO,CAAC;QAEtC,2BAA2B;QAC3BI,MAAMH,IAAI,CAACQ,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIR,MAAMF,OAAO,EAAE;QACjBE,MAAMF,OAAO,CAACO,SAAS,GAAG;YAACT,kBAAkBE,OAAO;YAAEE,MAAMF,OAAO,CAACO,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IACtG;IAEA,OAAOR;AACT,EAAE"}

package/lib-commonjs/components/Divider/useDividerStyles.styles.headless.js

@@ -1,47 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    dividerClassNames: function() {
-        return dividerClassNames;
-    },
-    useDividerStyles_unstable: function() {
-        return useDividerStyles_unstable;
-    }
-});
-const dividerClassNames = {
-    root: 'fui-Divider',
-    wrapper: 'fui-Divider__wrapper'
-};
-const useDividerStyles_unstable = (state)=>{
-    'use no memo';
-    const { alignContent, appearance, inset, vertical } = state;
-    state.root.className = [
-        dividerClassNames.root,
-        // Alignment
-        `${dividerClassNames}--align-${alignContent}`,
-        // Appearance
-        `${dividerClassNames}--${appearance}`,
-        // Orientation
-        vertical ? `${dividerClassNames}--vertical` : `${dividerClassNames}--horizontal`,
-        // Inset
-        inset && `${dividerClassNames}--inset`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.wrapper) {
-        state.wrapper.className = [
-            dividerClassNames.wrapper,
-            state.wrapper.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib-commonjs/components/Divider/useDividerStyles.styles.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Divider/useDividerStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  'use no memo';\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  state.root.className = [\n    dividerClassNames.root,\n\n    // Alignment\n    `${dividerClassNames}--align-${alignContent}`,\n\n    // Appearance\n    `${dividerClassNames}--${appearance}`,\n\n    // Orientation\n    vertical ? `${dividerClassNames}--vertical` : `${dividerClassNames}--horizontal`,\n\n    // Inset\n    inset && `${dividerClassNames}--inset`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.wrapper) {\n    state.wrapper.className = [dividerClassNames.wrapper, state.wrapper.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["dividerClassNames","root","wrapper","useDividerStyles_unstable","state","alignContent","appearance","inset","vertical","className","filter","Boolean","join"],"mappings":"AAAA;;;;;;;;;;;;IAKaA,iBAAAA;;;6BAQAG;;;;AARN,0BAAwD;IAC7DF,MAAM;IACNC,SAAS;AACX,EAAE;AAKK,MAAMC,4BAA4B,CAACC;IACxC;IAEA,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGJ;IAEtDA,MAAMH,IAAI,CAACQ,SAAS,GAAG;QACrBT,kBAAkBC,IAAI;QAEtB,YAAY;QACZ,GAAGD,kBAAkB,QAAQ,EAAEK,cAAc;QAE7C,aAAa;QACb,GAAGL,kBAAkB,EAAE,EAAEM,YAAY;QAErC,cAAc;QACdE,WAAW,GAAGR,kBAAkB,UAAU,CAAC,GAAG,GAAGA,kBAAkB,YAAY,CAAC;QAEhF,QAAQ;QACRO,SAAS,GAAGP,kBAAkB,OAAO,CAAC;QAEtC,2BAA2B;QAC3BI,MAAMH,IAAI,CAACQ,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIR,MAAMF,OAAO,EAAE;QACjBE,MAAMF,OAAO,CAACO,SAAS,GAAG;YAACT,kBAAkBE,OAAO;YAAEE,MAAMF,OAAO,CAACO,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IACtG;IAEA,OAAOR;AACT,EAAE"}

package/lib-commonjs/components/Divider/useDividerStyles.styles.raw.headless.js

@@ -1,47 +0,0 @@
-'use client';
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    dividerClassNames: function() {
-        return dividerClassNames;
-    },
-    useDividerStyles_unstable: function() {
-        return useDividerStyles_unstable;
-    }
-});
-const dividerClassNames = {
-    root: 'fui-Divider',
-    wrapper: 'fui-Divider__wrapper'
-};
-const useDividerStyles_unstable = (state)=>{
-    'use no memo';
-    const { alignContent, appearance, inset, vertical } = state;
-    state.root.className = [
-        dividerClassNames.root,
-        // Alignment
-        `${dividerClassNames}--align-${alignContent}`,
-        // Appearance
-        `${dividerClassNames}--${appearance}`,
-        // Orientation
-        vertical ? `${dividerClassNames}--vertical` : `${dividerClassNames}--horizontal`,
-        // Inset
-        inset && `${dividerClassNames}--inset`,
-        // User provided class name
-        state.root.className
-    ].filter(Boolean).join(' ');
-    if (state.wrapper) {
-        state.wrapper.className = [
-            dividerClassNames.wrapper,
-            state.wrapper.className
-        ].filter(Boolean).join(' ');
-    }
-    return state;
-};

package/lib-commonjs/components/Divider/useDividerStyles.styles.raw.headless.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/Divider/useDividerStyles.styles.headless.ts"],"sourcesContent":["'use client';\n\nimport { DividerSlots, DividerState } from './Divider.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\n/**\n * Attaches only semantic slot class names and state modifiers\n */\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  'use no memo';\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  state.root.className = [\n    dividerClassNames.root,\n\n    // Alignment\n    `${dividerClassNames}--align-${alignContent}`,\n\n    // Appearance\n    `${dividerClassNames}--${appearance}`,\n\n    // Orientation\n    vertical ? `${dividerClassNames}--vertical` : `${dividerClassNames}--horizontal`,\n\n    // Inset\n    inset && `${dividerClassNames}--inset`,\n\n    // User provided class name\n    state.root.className,\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  if (state.wrapper) {\n    state.wrapper.className = [dividerClassNames.wrapper, state.wrapper.className].filter(Boolean).join(' ');\n  }\n\n  return state;\n};\n"],"names":["dividerClassNames","root","wrapper","useDividerStyles_unstable","state","alignContent","appearance","inset","vertical","className","filter","Boolean","join"],"mappings":"AAAA;;;;;;;;;;;;IAKaA,iBAAAA;;;6BAQAG;;;;AARN,0BAAwD;IAC7DF,MAAM;IACNC,SAAS;AACX,EAAE;AAKK,MAAMC,4BAA4B,CAACC;IACxC;IAEA,MAAM,EAAEC,YAAY,EAAEC,UAAU,EAAEC,KAAK,EAAEC,QAAQ,EAAE,GAAGJ;IAEtDA,MAAMH,IAAI,CAACQ,SAAS,GAAG;QACrBT,kBAAkBC,IAAI;QAEtB,YAAY;QACZ,GAAGD,kBAAkB,QAAQ,EAAEK,cAAc;QAE7C,aAAa;QACb,GAAGL,kBAAkB,EAAE,EAAEM,YAAY;QAErC,cAAc;QACdE,WAAW,GAAGR,kBAAkB,UAAU,CAAC,GAAG,GAAGA,kBAAkB,YAAY,CAAC;QAEhF,QAAQ;QACRO,SAAS,GAAGP,kBAAkB,OAAO,CAAC;QAEtC,2BAA2B;QAC3BI,MAAMH,IAAI,CAACQ,SAAS;KACrB,CACEC,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,IAAIR,MAAMF,OAAO,EAAE;QACjBE,MAAMF,OAAO,CAACO,SAAS,GAAG;YAACT,kBAAkBE,OAAO;YAAEE,MAAMF,OAAO,CAACO,SAAS;SAAC,CAACC,MAAM,CAACC,SAASC,IAAI,CAAC;IACtG;IAEA,OAAOR;AACT,EAAE"}