@fluentui/react-divider 9.74.7-experimental.cli-api.20261006-ccaa611d58.0 → 9.75.0-experimental.css-modules.20261031-810ab07afb.0

package/CHANGELOG.md

@@ -1,21 +1,41 @@
 # Change Log - @fluentui/react-divider
 
-<!-- This log was last generated on Tue, 06 Oct 2026 11:40:21 GMT and should not be manually modified. -->
+<!-- This log was last generated on Sat, 31 Oct 2026 11:08:43 GMT and should not be manually modified. -->
 
 <!-- Start content -->
 
-## [9.74.7-experimental.cli-api.20261006-ccaa611d58.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.74.7-experimental.cli-api.20261006-ccaa611d58.0)
+## [9.75.0-experimental.css-modules.20261031-810ab07afb.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.75.0-experimental.css-modules.20261031-810ab07afb.0)
 
-Tue, 06 Oct 2026 11:40:21 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.7.4..@fluentui/react-divider_v9.74.7-experimental.cli-api.20261006-ccaa611d58.0)
+Sat, 31 Oct 2026 11:08:43 GMT
 
 ### Changes
 
-- Release 9.74.7-experimental.cli-api.20261006-ccaa611d58 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by 257645319+office-ogx-auth-helper[bot]@users.noreply.github.com)
-- Bump @fluentui/react-jsx-runtime to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-shared-contexts to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-theme to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
-- Bump @fluentui/react-utilities to v9.74.7-experimental.cli-api.20261006-ccaa611d58.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Release 9.75.0-experimental.css-modules.20261031-810ab07afb ([commit](https://github.com/microsoft/fluentui/commit/undefined) by 257645319+office-ogx-auth-helper[bot]@users.noreply.github.com)
+- Bump @fluentui/react-jsx-runtime to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-theme to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.75.0-experimental.css-modules.20261031-810ab07afb.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
+## [9.7.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.7.6)
+
+Mon, 19 Oct 2026 16:49:01 GMT
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.4.7 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.27.0 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+
+## [9.7.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.7.5)
+
+Tue, 22 Sep 2026 11:25:39 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.7.4..@fluentui/react-divider_v9.7.5)
+
+### Patches
+
+- fix: remove unused react-dom and @types/react-dom peer dependencies, mark @types/react as optional ([PR #36559](https://github.com/microsoft/fluentui/pull/36559) by martinhochel@microsoft.com)
+- Bump @fluentui/react-jsx-runtime to v9.4.6 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.26.4 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
+- Bump @fluentui/react-utilities to v9.26.7 ([commit](https://github.com/microsoft/fluentui/commit/undefined) by beachball)
 
 ## [9.7.4](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.7.4)
 

package/README.md

@@ -37,3 +37,14 @@ See [SPEC.md](./SPEC.md).
 ### Migration Guide
 
 If you're upgrading to Fluent UI v9 see [MIGRATION.md](./MIGRATION.md) for guidance on updating to the latest Divider implementation.
+
+## Opt-in CSS Modules styles
+
+The `use*Styles.styles.css` modules beside the existing Griffel hooks provide opt-in,
+layered CSS alternatives with the same exports. Configure the bundler to replace
+`.styles` with `.styles.css.ts` for source imports and `.styles.js` with
+`.styles.css.js` for built imports. Load CSS Modules as default class-name maps and
+retain the package CSS assets. Default component imports still use Griffel.
+Composed components require their own style alternatives; this does not remove
+all reachable Griffel dependencies. Browser, forced-colors, RTL, and visual-regression
+parity must be validated before switching defaults.

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider: ForwardRefComponent<DividerProps> = React.forwardRef((props, ref) => {\n  const state = useDivider_unstable(props, ref);\n\n  useDividerStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"],"names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","Divider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,qBAAkB;AACzD,SAASC,mBAAmB,QAAQ,kBAAe;AACnD,SAASC,yBAAyB,QAAQ,+BAA4B;AAGtE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,wBAA6CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQP,oBAAoBK,OAAOC;IAEzCL,0BAA0BM;IAE1BL,4BAA4B,6BAA6BK;IAEzD,OAAOR,uBAAuBQ;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider: ForwardRefComponent<DividerProps> = React.forwardRef((props, ref) => {\n  const state = useDivider_unstable(props, ref);\n\n  useDividerStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"],"names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","Divider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,sBAAsB,QAAQ,qBAAkB;AACzD,SAASC,mBAAmB,QAAQ,kBAAe;AACnD,SAASC,yBAAyB,QAAQ,+BAA4B;AAGtE,SAASC,2BAA2B,QAAQ,kCAAkC;AAE9E;;CAEC,GACD,OAAO,MAAMC,wBAA6CL,MAAMM,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQP,oBAAoBK,OAAOC;IAEzCL,0BAA0BM;IAE1BL,4BAA4B,6BAA6BK;IAEzD,OAAOR,uBAAuBQ;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}

package/lib/components/Divider/Divider.module.css

@@ -0,0 +1,250 @@
+@layer fluentui {
+  .root {
+    align-items: center;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: row;
+    flex-grow: 1;
+    position: relative;
+    font-family: var(--fontFamilyBase);
+    font-size: var(--fontSizeBase200);
+    font-weight: var(--fontWeightRegular);
+    line-height: var(--lineHeightBase200);
+    text-align: center;
+    &::before {
+      box-sizing: border-box;
+      display: flex;
+      flex-grow: 1;
+    }
+
+    &::after {
+      box-sizing: border-box;
+      display: flex;
+      flex-grow: 1;
+    }
+  }
+
+  .root:where(.start) {
+    &::after {
+      content: '';
+    }
+  }
+
+  .root:where(.center) {
+    &::before {
+      content: '';
+    }
+
+    &::after {
+      content: '';
+    }
+  }
+
+  .root:where(.end) {
+    &::before {
+      content: '';
+    }
+  }
+
+  .root:where(.brand) {
+    color: var(--colorBrandForeground1);
+    &::before {
+      border-top-color: var(--colorBrandStroke1);
+      border-right-color: var(--colorBrandStroke1);
+      border-bottom-color: var(--colorBrandStroke1);
+      border-left-color: var(--colorBrandStroke1);
+    }
+
+    &::after {
+      border-top-color: var(--colorBrandStroke1);
+      border-right-color: var(--colorBrandStroke1);
+      border-bottom-color: var(--colorBrandStroke1);
+      border-left-color: var(--colorBrandStroke1);
+    }
+  }
+
+  .root:where(.default) {
+    color: var(--colorNeutralForeground2);
+    &::before {
+      border-top-color: var(--colorNeutralStroke2);
+      border-right-color: var(--colorNeutralStroke2);
+      border-bottom-color: var(--colorNeutralStroke2);
+      border-left-color: var(--colorNeutralStroke2);
+    }
+
+    &::after {
+      border-top-color: var(--colorNeutralStroke2);
+      border-right-color: var(--colorNeutralStroke2);
+      border-bottom-color: var(--colorNeutralStroke2);
+      border-left-color: var(--colorNeutralStroke2);
+    }
+  }
+
+  .root:where(.subtle) {
+    color: var(--colorNeutralForeground3);
+    &::before {
+      border-top-color: var(--colorNeutralStroke3);
+      border-right-color: var(--colorNeutralStroke3);
+      border-bottom-color: var(--colorNeutralStroke3);
+      border-left-color: var(--colorNeutralStroke3);
+    }
+
+    &::after {
+      border-top-color: var(--colorNeutralStroke3);
+      border-right-color: var(--colorNeutralStroke3);
+      border-bottom-color: var(--colorNeutralStroke3);
+      border-left-color: var(--colorNeutralStroke3);
+    }
+  }
+
+  .root:where(.strong) {
+    color: var(--colorNeutralForeground1);
+    &::before {
+      border-top-color: var(--colorNeutralStroke1);
+      border-right-color: var(--colorNeutralStroke1);
+      border-bottom-color: var(--colorNeutralStroke1);
+      border-left-color: var(--colorNeutralStroke1);
+    }
+
+    &::after {
+      border-top-color: var(--colorNeutralStroke1);
+      border-right-color: var(--colorNeutralStroke1);
+      border-bottom-color: var(--colorNeutralStroke1);
+      border-left-color: var(--colorNeutralStroke1);
+    }
+  }
+
+  .root:where(.horizontal) {
+    width: 100%;
+    &::before {
+      border-top-style: solid;
+      border-top-width: var(--strokeWidthThin);
+      min-width: var(--spacingHorizontalS);
+    }
+
+    &::after {
+      border-top-style: solid;
+      border-top-width: var(--strokeWidthThin);
+      min-width: var(--spacingHorizontalS);
+    }
+  }
+
+  .root:where(.horizontal.inset) {
+    padding-inline-start: var(--spacingHorizontalM);
+    padding-inline-end: var(--spacingHorizontalM);
+  }
+
+  .root:where(.horizontal.start) {
+    text-align: left;
+    &:dir(rtl) {
+      text-align: right;
+    }
+    &::before {
+      content: '';
+      margin-inline-end: var(--spacingHorizontalM);
+      max-width: var(--spacingHorizontalS);
+    }
+
+    &::after {
+      margin-inline-start: var(--spacingHorizontalM);
+    }
+  }
+
+  .root:where(.horizontal.center) {
+    text-align: center;
+    &::before {
+      margin-inline-end: var(--spacingHorizontalM);
+    }
+
+    &::after {
+      margin-inline-start: var(--spacingHorizontalM);
+    }
+  }
+
+  .root:where(.horizontal.end) {
+    text-align: right;
+    &:dir(rtl) {
+      text-align: left;
+    }
+    &::before {
+      margin-inline-end: var(--spacingHorizontalM);
+    }
+
+    &::after {
+      content: '';
+      margin-inline-start: var(--spacingHorizontalM);
+      max-width: var(--spacingHorizontalS);
+    }
+  }
+
+  .root:where(.vertical) {
+    flex-direction: column;
+    min-height: var(--spacingHorizontalXL);
+    &::before {
+      border-inline-end-style: solid;
+      border-inline-end-width: var(--strokeWidthThin);
+      min-height: var(--spacingHorizontalS);
+    }
+
+    &::after {
+      border-inline-end-style: solid;
+      border-inline-end-width: var(--strokeWidthThin);
+      min-height: var(--spacingHorizontalS);
+    }
+  }
+
+  .root:where(.vertical.inset) {
+    margin-top: var(--spacingHorizontalM);
+    margin-bottom: var(--spacingHorizontalM);
+  }
+
+  .root:where(.vertical.start) {
+    &::before {
+      content: '';
+      margin-bottom: var(--spacingHorizontalM);
+      max-height: var(--spacingHorizontalS);
+    }
+
+    &::after {
+      margin-top: var(--spacingHorizontalM);
+    }
+  }
+
+  .root:where(.vertical.center) {
+    &::before {
+      margin-bottom: var(--spacingHorizontalM);
+    }
+
+    &::after {
+      margin-top: var(--spacingHorizontalM);
+    }
+  }
+
+  .root:where(.vertical.end) {
+    &::before {
+      margin-bottom: var(--spacingHorizontalM);
+    }
+
+    &::after {
+      content: '';
+      margin-top: var(--spacingHorizontalM);
+      max-height: var(--spacingHorizontalS);
+    }
+  }
+
+  .root:where(.vertical.withChildren) {
+    min-height: calc(var(--spacingVerticalXXXL) * 2 + var(--spacingVerticalXL));
+  }
+
+  .root:where(:not(.withChildren)) {
+    &::before {
+      margin-bottom: 0;
+      margin-inline-end: 0;
+    }
+
+    &::after {
+      margin-inline-start: 0;
+      margin-top: 0;
+    }
+  }
+}

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 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"}
+{"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.map

@@ -1 +1 @@
-{"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,eAAY;AAEpC,SAASC,sBAAsB,QAAQ,qBAAkB;AACzD,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,kBAAe;AAC5E,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,+BAA4B"}
+{"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,eAAY;AAEpC,SAASC,sBAAsB,QAAQ,qBAAkB;AACzD,SAASC,mBAAmB,EAAEC,uBAAuB,QAAQ,kBAAe;AAC5E,SAASC,iBAAiB,EAAEC,yBAAyB,QAAQ,+BAA4B"}

package/lib/components/Divider/renderDivider.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { DividerSlots, DividerBaseState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerBaseState): JSXElement => {\n  assertSlots<DividerSlots>(state);\n  return (\n    <state.root>{state.root.children !== undefined && <state.wrapper>{state.root.children}</state.wrapper>}</state.root>\n  );\n};\n"],"names":["assertSlots","renderDivider_unstable","state","root","children","undefined","wrapper"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAIxD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC;IACrCF,YAA0BE;IAC1B,qBACE,KAACA,MAAMC,IAAI;kBAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,2BAAa,KAACH,MAAMI,OAAO;sBAAEJ,MAAMC,IAAI,CAACC,QAAQ;;;AAEzF,EAAE"}
+{"version":3,"sources":["../../../src/components/Divider/renderDivider.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type { DividerSlots, DividerBaseState } from './Divider.types';\n\n/**\n * Renders a Divider component by passing the slot props (defined in `state`) to the appropriate slots.\n */\nexport const renderDivider_unstable = (state: DividerBaseState): JSXElement => {\n  assertSlots<DividerSlots>(state);\n  return (\n    <state.root>{state.root.children !== undefined && <state.wrapper>{state.root.children}</state.wrapper>}</state.root>\n  );\n};\n"],"names":["assertSlots","renderDivider_unstable","state","root","children","undefined","wrapper"],"mappings":";AAAA,0BAA0B,GAC1B,iDAAiD,GAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAIxD;;CAEC,GACD,OAAO,MAAMC,yBAAyB,CAACC;IACrCF,YAA0BE;IAC1B,qBACE,KAACA,MAAMC,IAAI;kBAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,2BAAa,KAACH,MAAMI,OAAO;sBAAEJ,MAAMC,IAAI,CAACC,QAAQ;;;AAEzF,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/useDivider.ts"],"sourcesContent":["'use client';\n\nimport type * 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":["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;AAGA,SAASA,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"}
+{"version":3,"sources":["../../../src/components/Divider/useDivider.ts"],"sourcesContent":["'use client';\n\nimport type * 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":["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;AAGA,SAASA,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/components/Divider/useDividerStyles.styles.css.js

@@ -0,0 +1,13 @@
+import { clsx } from "clsx";
+import styles from "./Divider.module.css";
+export const dividerClassNames = {
+    root: 'fui-Divider',
+    wrapper: 'fui-Divider__wrapper'
+};
+export const useDividerStyles_unstable = (state)=>{
+    state.root.className = clsx(dividerClassNames.root, styles.root, styles[state.alignContent], state.appearance && styles[state.appearance], styles[state.vertical ? 'vertical' : 'horizontal'], state.inset && styles.inset, state.root.children !== undefined && styles.withChildren, state.root.className);
+    if (state.wrapper) {
+        state.wrapper.className = clsx(dividerClassNames.wrapper, state.wrapper.className);
+    }
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Divider/useDividerStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DividerSlots, DividerState } from './Divider.types';\nimport styles from './Divider.module.css';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  state.root.className = clsx(\n    dividerClassNames.root,\n    styles.root,\n    styles[state.alignContent],\n    state.appearance && styles[state.appearance],\n    styles[state.vertical ? 'vertical' : 'horizontal'],\n    state.inset && styles.inset,\n    state.root.children !== undefined && styles.withChildren,\n    state.root.className,\n  );\n  if (state.wrapper) {\n    state.wrapper.className = clsx(dividerClassNames.wrapper, state.wrapper.className);\n  }\n\n  return state;\n};\n"],"names":["clsx","styles","dividerClassNames","root","wrapper","useDividerStyles_unstable","state","className","alignContent","appearance","vertical","inset","children","undefined","withChildren"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,uBAAuB;AAE1C,OAAO,MAAMC,oBAAkD;IAC7DC,MAAM;IACNC,SAAS;AACX,EAAE;AAEF,OAAO,MAAMC,4BAA4B,CAACC;IACxCA,MAAMH,IAAI,CAACI,SAAS,GAAGP,KACrBE,kBAAkBC,IAAI,EACtBF,OAAOE,IAAI,EACXF,MAAM,CAACK,MAAME,YAAY,CAAC,EAC1BF,MAAMG,UAAU,IAAIR,MAAM,CAACK,MAAMG,UAAU,CAAC,EAC5CR,MAAM,CAACK,MAAMI,QAAQ,GAAG,aAAa,aAAa,EAClDJ,MAAMK,KAAK,IAAIV,OAAOU,KAAK,EAC3BL,MAAMH,IAAI,CAACS,QAAQ,KAAKC,aAAaZ,OAAOa,YAAY,EACxDR,MAAMH,IAAI,CAACI,SAAS;IAEtB,IAAID,MAAMF,OAAO,EAAE;QACjBE,MAAMF,OAAO,CAACG,SAAS,GAAGP,KAAKE,kBAAkBE,OAAO,EAAEE,MAAMF,OAAO,CAACG,SAAS;IACnF;IAEA,OAAOD;AACT,EAAE"}

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

@@ -0,0 +1,13 @@
+import { clsx } from "clsx";
+import styles from "./Divider.module.css";
+export const dividerClassNames = {
+    root: 'fui-Divider',
+    wrapper: 'fui-Divider__wrapper'
+};
+export const useDividerStyles_unstable = (state)=>{
+    state.root.className = clsx(dividerClassNames.root, styles.root, styles[state.alignContent], state.appearance && styles[state.appearance], styles[state.vertical ? 'vertical' : 'horizontal'], state.inset && styles.inset, state.root.children !== undefined && styles.withChildren, state.root.className);
+    if (state.wrapper) {
+        state.wrapper.className = clsx(dividerClassNames.wrapper, state.wrapper.className);
+    }
+    return state;
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Divider/useDividerStyles.styles.css.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\nimport type { DividerSlots, DividerState } from './Divider.types';\nimport styles from './Divider.module.css';\n\nexport const dividerClassNames: SlotClassNames<DividerSlots> = {\n  root: 'fui-Divider',\n  wrapper: 'fui-Divider__wrapper',\n};\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  state.root.className = clsx(\n    dividerClassNames.root,\n    styles.root,\n    styles[state.alignContent],\n    state.appearance && styles[state.appearance],\n    styles[state.vertical ? 'vertical' : 'horizontal'],\n    state.inset && styles.inset,\n    state.root.children !== undefined && styles.withChildren,\n    state.root.className,\n  );\n  if (state.wrapper) {\n    state.wrapper.className = clsx(dividerClassNames.wrapper, state.wrapper.className);\n  }\n\n  return state;\n};\n"],"names":["clsx","styles","dividerClassNames","root","wrapper","useDividerStyles_unstable","state","className","alignContent","appearance","vertical","inset","children","undefined","withChildren"],"mappings":"AAAA,SAASA,IAAI,QAAQ,OAAO;AAG5B,OAAOC,YAAY,uBAAuB;AAE1C,OAAO,MAAMC,oBAAkD;IAC7DC,MAAM;IACNC,SAAS;AACX,EAAE;AAEF,OAAO,MAAMC,4BAA4B,CAACC;IACxCA,MAAMH,IAAI,CAACI,SAAS,GAAGP,KACrBE,kBAAkBC,IAAI,EACtBF,OAAOE,IAAI,EACXF,MAAM,CAACK,MAAME,YAAY,CAAC,EAC1BF,MAAMG,UAAU,IAAIR,MAAM,CAACK,MAAMG,UAAU,CAAC,EAC5CR,MAAM,CAACK,MAAMI,QAAQ,GAAG,aAAa,aAAa,EAClDJ,MAAMK,KAAK,IAAIV,OAAOU,KAAK,EAC3BL,MAAMH,IAAI,CAACS,QAAQ,KAAKC,aAAaZ,OAAOa,YAAY,EACxDR,MAAMH,IAAI,CAACI,SAAS;IAEtB,IAAID,MAAMF,OAAO,EAAE;QACjBE,MAAMF,OAAO,CAACG,SAAS,GAAGP,KAAKE,kBAAkBE,OAAO,EAAEE,MAAMF,OAAO,CAACG,SAAS;IACnF;IAEA,OAAOD;AACT,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/useDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { 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\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n  // Base styles\n  base: {\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1,\n    position: 'relative',\n\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase200,\n    textAlign: 'center',\n\n    '::before': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n\n    '::after': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n  },\n\n  // Childless styles\n  childless: {\n    '::before': {\n      marginBottom: 0,\n      marginRight: 0,\n    },\n\n    '::after': {\n      marginLeft: 0,\n      marginTop: 0,\n    },\n  },\n\n  // Alignment variations\n  start: {\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  center: {\n    '::before': {\n      content: '\"\"',\n    },\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  end: {\n    '::before': {\n      content: '\"\"',\n    },\n  },\n\n  // Appearance variations\n  brand: {\n    color: tokens.colorBrandForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n  },\n  default: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n  },\n  subtle: {\n    color: tokens.colorNeutralForeground3,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n  },\n  strong: {\n    color: tokens.colorNeutralForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n  },\n});\n\nconst useHorizontalStyles = makeStyles({\n  // Base styles\n  base: {\n    width: '100%',\n\n    '::before': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n\n    '::after': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    paddingLeft: insetSpacing,\n    paddingRight: insetSpacing,\n  },\n\n  // Alignment variations\n  start: {\n    textAlign: 'left',\n\n    '::before': {\n      content: '\"\"',\n      marginRight: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  center: {\n    textAlign: 'center',\n\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  end: {\n    textAlign: 'right',\n\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginLeft: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n  },\n});\n\nconst useVerticalStyles = makeStyles({\n  // Base styles\n  base: {\n    flexDirection: 'column',\n    minHeight: '20px',\n\n    '::before': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n\n    '::after': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    marginTop: insetSpacing,\n    marginBottom: insetSpacing,\n  },\n\n  // With children styles\n  withChildren: {\n    minHeight: '84px',\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginBottom: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginTop: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n  },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    dividerClassNames.root,\n\n    // Base styles\n    baseStyles.base,\n    baseStyles[alignContent],\n    appearance && baseStyles[appearance],\n\n    // Horizontal styles\n    !vertical && horizontalStyles.base,\n    !vertical && inset && horizontalStyles.inset,\n    !vertical && horizontalStyles[alignContent],\n\n    // Vertical styles\n    vertical && verticalStyles.base,\n    vertical && inset && verticalStyles.inset,\n    vertical && verticalStyles[alignContent],\n    vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n    // Childless styles\n    state.root.children === undefined && baseStyles.childless,\n\n    // User provided class name\n    state.root.className,\n  );\n\n  if (state.wrapper) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n  }\n\n  return state;\n};\n"],"names":["mergeClasses","shorthands","makeStyles","tokens","dividerClassNames","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","base","alignItems","boxSizing","display","flexDirection","flexGrow","position","fontFamily","fontFamilyBase","fontSize","fontSizeBase200","fontWeight","fontWeightRegular","lineHeight","lineHeightBase200","textAlign","childless","marginBottom","marginRight","marginLeft","marginTop","start","content","center","end","brand","color","colorBrandForeground1","borderColor","colorBrandStroke1","default","colorNeutralForeground2","colorNeutralStroke2","subtle","colorNeutralForeground3","colorNeutralStroke3","strong","colorNeutralForeground1","colorNeutralStroke1","useHorizontalStyles","width","borderTopStyle","borderTopWidth","strokeWidthThin","minWidth","inset","paddingLeft","paddingRight","maxWidth","useVerticalStyles","minHeight","borderRightStyle","borderRightWidth","withChildren","maxHeight","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","children","undefined"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/Divider/useDividerStyles.styles.ts"],"sourcesContent":["'use client';\n\nimport { mergeClasses, shorthands, makeStyles } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport type { 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\nconst contentSpacing = '12px';\nconst insetSpacing = '12px';\nconst maxStartEndLength = '8px';\nconst minStartEndLength = '8px;';\n\nconst useBaseStyles = makeStyles({\n  // Base styles\n  base: {\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1,\n    position: 'relative',\n\n    fontFamily: tokens.fontFamilyBase,\n    fontSize: tokens.fontSizeBase200,\n    fontWeight: tokens.fontWeightRegular,\n    lineHeight: tokens.lineHeightBase200,\n    textAlign: 'center',\n\n    '::before': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n\n    '::after': {\n      boxSizing: 'border-box',\n      display: 'flex',\n      flexGrow: 1,\n    },\n  },\n\n  // Childless styles\n  childless: {\n    '::before': {\n      marginBottom: 0,\n      marginRight: 0,\n    },\n\n    '::after': {\n      marginLeft: 0,\n      marginTop: 0,\n    },\n  },\n\n  // Alignment variations\n  start: {\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  center: {\n    '::before': {\n      content: '\"\"',\n    },\n    '::after': {\n      content: '\"\"',\n    },\n  },\n  end: {\n    '::before': {\n      content: '\"\"',\n    },\n  },\n\n  // Appearance variations\n  brand: {\n    color: tokens.colorBrandForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorBrandStroke1),\n    },\n  },\n  default: {\n    color: tokens.colorNeutralForeground2,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke2),\n    },\n  },\n  subtle: {\n    color: tokens.colorNeutralForeground3,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke3),\n    },\n  },\n  strong: {\n    color: tokens.colorNeutralForeground1,\n\n    '::before': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n\n    '::after': {\n      ...shorthands.borderColor(tokens.colorNeutralStroke1),\n    },\n  },\n});\n\nconst useHorizontalStyles = makeStyles({\n  // Base styles\n  base: {\n    width: '100%',\n\n    '::before': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n\n    '::after': {\n      borderTopStyle: 'solid',\n      borderTopWidth: tokens.strokeWidthThin,\n      minWidth: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    paddingLeft: insetSpacing,\n    paddingRight: insetSpacing,\n  },\n\n  // Alignment variations\n  start: {\n    textAlign: 'left',\n\n    '::before': {\n      content: '\"\"',\n      marginRight: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  center: {\n    textAlign: 'center',\n\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      marginLeft: contentSpacing,\n    },\n  },\n  end: {\n    textAlign: 'right',\n\n    '::before': {\n      marginRight: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginLeft: contentSpacing,\n      maxWidth: maxStartEndLength,\n    },\n  },\n});\n\nconst useVerticalStyles = makeStyles({\n  // Base styles\n  base: {\n    flexDirection: 'column',\n    minHeight: '20px',\n\n    '::before': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n\n    '::after': {\n      borderRightStyle: 'solid',\n      borderRightWidth: tokens.strokeWidthThin,\n      minHeight: minStartEndLength,\n    },\n  },\n\n  // Inset styles\n  inset: {\n    marginTop: insetSpacing,\n    marginBottom: insetSpacing,\n  },\n\n  // With children styles\n  withChildren: {\n    minHeight: '84px',\n  },\n\n  // Alignment variations\n  start: {\n    '::before': {\n      content: '\"\"',\n      marginBottom: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  center: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      marginTop: contentSpacing,\n    },\n  },\n  end: {\n    '::before': {\n      marginBottom: contentSpacing,\n    },\n    '::after': {\n      content: '\"\"',\n      marginTop: contentSpacing,\n      maxHeight: maxStartEndLength,\n    },\n  },\n});\n\nexport const useDividerStyles_unstable = (state: DividerState): DividerState => {\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\n  // eslint-disable-next-line react-hooks/immutability\n  state.root.className = mergeClasses(\n    dividerClassNames.root,\n\n    // Base styles\n    baseStyles.base,\n    baseStyles[alignContent],\n    appearance && baseStyles[appearance],\n\n    // Horizontal styles\n    !vertical && horizontalStyles.base,\n    !vertical && inset && horizontalStyles.inset,\n    !vertical && horizontalStyles[alignContent],\n\n    // Vertical styles\n    vertical && verticalStyles.base,\n    vertical && inset && verticalStyles.inset,\n    vertical && verticalStyles[alignContent],\n    vertical && state.root.children !== undefined && verticalStyles.withChildren,\n\n    // Childless styles\n    state.root.children === undefined && baseStyles.childless,\n\n    // User provided class name\n    state.root.className,\n  );\n\n  if (state.wrapper) {\n    // eslint-disable-next-line react-hooks/immutability\n    state.wrapper.className = mergeClasses(dividerClassNames.wrapper, state.wrapper.className);\n  }\n\n  return state;\n};\n"],"names":["mergeClasses","shorthands","makeStyles","tokens","dividerClassNames","root","wrapper","contentSpacing","insetSpacing","maxStartEndLength","minStartEndLength","useBaseStyles","base","alignItems","boxSizing","display","flexDirection","flexGrow","position","fontFamily","fontFamilyBase","fontSize","fontSizeBase200","fontWeight","fontWeightRegular","lineHeight","lineHeightBase200","textAlign","childless","marginBottom","marginRight","marginLeft","marginTop","start","content","center","end","brand","color","colorBrandForeground1","borderColor","colorBrandStroke1","default","colorNeutralForeground2","colorNeutralStroke2","subtle","colorNeutralForeground3","colorNeutralStroke3","strong","colorNeutralForeground1","colorNeutralStroke1","useHorizontalStyles","width","borderTopStyle","borderTopWidth","strokeWidthThin","minWidth","inset","paddingLeft","paddingRight","maxWidth","useVerticalStyles","minHeight","borderRightStyle","borderRightWidth","withChildren","maxHeight","useDividerStyles_unstable","state","baseStyles","horizontalStyles","verticalStyles","alignContent","appearance","vertical","className","children","undefined"],"mappings":"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"}

package/lib-commonjs/Divider.cjs

@@ -5,26 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 function _export(target, all) {
     for(var name in all)Object.defineProperty(target, name, {
         enumerable: true,
-        get: all[name]
+        get: Object.getOwnPropertyDescriptor(all, name).get
     });
 }
 _export(exports, {
-    Divider: function() {
+    get Divider () {
         return _index.Divider;
     },
-    dividerClassNames: function() {
+    get dividerClassNames () {
         return _index.dividerClassNames;
     },
-    renderDivider_unstable: function() {
+    get renderDivider_unstable () {
         return _index.renderDivider_unstable;
     },
-    useDividerBase_unstable: function() {
+    get useDividerBase_unstable () {
         return _index.useDividerBase_unstable;
     },
-    useDividerStyles_unstable: function() {
+    get useDividerStyles_unstable () {
         return _index.useDividerStyles_unstable;
     },
-    useDivider_unstable: function() {
+    get useDivider_unstable () {
         return _index.useDivider_unstable;
     }
 });

package/lib-commonjs/components/Divider/Divider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider: ForwardRefComponent<DividerProps> = React.forwardRef((props, ref) => {\n  const state = useDivider_unstable(props, ref);\n\n  useDividerStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"],"names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","Divider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;+BACQ,qBAAkB;4BACrB,kBAAe;wCACT,+BAA4B;qCAG1B,kCAAkC;AAKvE,MAAMK,UAAAA,WAAAA,GAA6CL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,YAAQP,+BAAAA,EAAoBK,OAAOC;QAEzCL,iDAAAA,EAA0BM;QAE1BL,gDAAAA,EAA4B,6BAA6BK;IAEzD,WAAOR,qCAAAA,EAAuBQ;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}
+{"version":3,"sources":["../../../src/components/Divider/Divider.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderDivider_unstable } from './renderDivider';\nimport { useDivider_unstable } from './useDivider';\nimport { useDividerStyles_unstable } from './useDividerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DividerProps } from './Divider.types';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n\n/**\n * A divider visually segments content into groups.\n */\nexport const Divider: ForwardRefComponent<DividerProps> = React.forwardRef((props, ref) => {\n  const state = useDivider_unstable(props, ref);\n\n  useDividerStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useDividerStyles_unstable')(state);\n\n  return renderDivider_unstable(state);\n});\n\nDivider.displayName = 'Divider';\n"],"names":["React","renderDivider_unstable","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","Divider","forwardRef","props","ref","state","displayName"],"mappings":"AAAA;;;;;;;;;;;;iEAEuB,QAAQ;+BACQ,qBAAkB;4BACrB,kBAAe;wCACT,+BAA4B;qCAG1B,kCAAkC;AAKvE,MAAMK,UAAAA,WAAAA,GAA6CL,OAAMM,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,YAAQP,+BAAAA,EAAoBK,OAAOC;QAEzCL,iDAAAA,EAA0BM;QAE1BL,gDAAAA,EAA4B,6BAA6BK;IAEzD,WAAOR,qCAAAA,EAAuBQ;AAChC,GAAG;AAEHJ,QAAQK,WAAW,GAAG"}