@fluentui/react-divider 9.7.0 → 9.7.1

package/CHANGELOG.md

@@ -1,12 +1,22 @@
 # Change Log - @fluentui/react-divider
 
-This log was last generated on Thu, 26 Mar 2026 08:10:40 GMT and should not be manually modified.
+This log was last generated on Thu, 23 Apr 2026 11:59:21 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.7.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.7.1)
+
+Thu, 23 Apr 2026 11:59:21 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.7.0..@fluentui/react-divider_v9.7.1)
+
+### Patches
+
+- Bump @fluentui/react-jsx-runtime to v9.4.2 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
+- Bump @fluentui/react-utilities to v9.26.3 ([PR #35996](https://github.com/microsoft/fluentui/pull/35996) by beachball)
+
 ## [9.7.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-divider_v9.7.0)
 
-Thu, 26 Mar 2026 08:10:40 GMT 
+Thu, 26 Mar 2026 08:12:49 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-divider_v9.6.2..@fluentui/react-divider_v9.7.0)
 
 ### Minor changes

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import type { ComponentProps } from '@fluentui/react-utilities';
 import type { ComponentState } from '@fluentui/react-utilities';
 import type { ForwardRefComponent } from '@fluentui/react-utilities';
 import type { JSXElement } from '@fluentui/react-utilities';
-import * as React_2 from 'react';
+import type * as React_2 from 'react';
 import type { Slot } from '@fluentui/react-utilities';
 import type { SlotClassNames } from '@fluentui/react-utilities';
 

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 { 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;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"}

package/lib/components/Divider/useDivider.js

@@ -1,5 +1,4 @@
 'use client';
-import * as React from 'react';
 import { useId, slot } from '@fluentui/react-utilities';
 /**
  * Returns the props and state required to render the component

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

@@ -1 +1 @@
-{"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"}
+{"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.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 { 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  'use no memo';\n\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\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    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  'use no memo';\n\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\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    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/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 { 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":";;;;+BAUaC;;;;;;4BATb,gDAAiD;gCAErB,4BAA4B;AAOjD,+BAA+B,CAACC;QACrCF,2BAAAA,EAA0BE;IAC1B,OAAA,WAAA,OACE,eAAA,EAACA,MAAMC,IAAI,EAAA;kBAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,aAAAA,WAAAA,OAAa,eAAA,EAACH,MAAMI,OAAO,EAAA;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":";;;;+BAUaC;;;;;;4BATb,gDAAiD;gCAErB,4BAA4B;AAOjD,+BAA+B,CAACC;QACrCF,2BAAAA,EAA0BE;IAC1B,OAAA,WAAA,OACE,eAAA,EAACA,MAAMC,IAAI,EAAA;kBAAED,MAAMC,IAAI,CAACC,QAAQ,KAAKC,aAAAA,WAAAA,OAAa,eAAA,EAACH,MAAMI,OAAO,EAAA;sBAAEJ,MAAMC,IAAI,CAACC,QAAQ;;;AAEzF,EAAE"}

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

@@ -17,8 +17,6 @@ _export(exports, {
         return useDivider_unstable;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-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, ...rest } = props;

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

@@ -1 +1 @@
-{"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"}
+{"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;;;;;;;;;;;;2BA+BaU;eAAAA;;uBApBAR;;;;gCARe,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/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 { 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  'use no memo';\n\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\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    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  'use no memo';\n\n  const baseStyles = useBaseStyles();\n  const horizontalStyles = useHorizontalStyles();\n  const verticalStyles = useVerticalStyles();\n\n  const { alignContent, appearance, inset, vertical } = state;\n\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    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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-divider",
-  "version": "9.7.0",
+  "version": "9.7.1",
   "description": "Fluent UI component to visually separate content.",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,10 +12,10 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@fluentui/react-jsx-runtime": "^9.4.1",
+    "@fluentui/react-jsx-runtime": "^9.4.2",
     "@fluentui/react-shared-contexts": "^9.26.2",
     "@fluentui/react-theme": "^9.2.1",
-    "@fluentui/react-utilities": "^9.26.2",
+    "@fluentui/react-utilities": "^9.26.3",
     "@griffel/react": "^1.5.32",
     "@swc/helpers": "^0.5.1"
   },