Initial commit

This commit is contained in:
2025-03-07 19:22:02 +01:00
commit 4a98255d83
55743 changed files with 5280367 additions and 0 deletions
@@ -0,0 +1,23 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "Divider", {
enumerable: true,
get: function() {
return Divider;
}
});
const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
const _renderDivider = require("./renderDivider");
const _useDivider = require("./useDivider");
const _useDividerStylesstyles = require("./useDividerStyles.styles");
const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
const Divider = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
const state = (0, _useDivider.useDivider_unstable)(props, ref);
(0, _useDividerStylesstyles.useDividerStyles_unstable)(state);
(0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDividerStyles_unstable')(state);
return (0, _renderDivider.renderDivider_unstable)(state);
});
Divider.displayName = 'Divider';
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"sourcesContent":["import * 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":["Divider","React","forwardRef","props","ref","state","useDivider_unstable","useDividerStyles_unstable","useCustomStyleHook_unstable","renderDivider_unstable","displayName"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWaA;;;eAAAA;;;;iEAXU;+BACgB;4BACH;wCACM;qCAGE;AAKrC,MAAMA,UAAAA,WAAAA,GAA6CC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACjF,MAAMC,QAAQC,IAAAA,+BAAAA,EAAoBH,OAAOC;IAEzCG,IAAAA,iDAAAA,EAA0BF;IAE1BG,IAAAA,gDAAAA,EAA4B,6BAA6BH;IAEzD,OAAOI,IAAAA,qCAAAA,EAAuBJ;AAChC;AAEAL,QAAQU,WAAW,GAAG"}
@@ -0,0 +1,4 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Divider/Divider.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type DividerSlots = {\n /**\n * Root of the component that renders as a `<div>` tag.\n */\n root: NonNullable<Slot<'div'>>;\n\n /**\n * Wrapper for content when presented.\n */\n wrapper: NonNullable<Slot<'div'>>;\n};\n\nexport type DividerProps = ComponentProps<Partial<DividerSlots>> & {\n /**\n * Determines the alignment of the content within the divider.\n *\n * @default 'center'\n */\n alignContent?: 'start' | 'center' | 'end';\n\n /**\n * A divider can have one of the preset appearances.\n * When not specified, the divider has its default appearance.\n *\n * @default 'default'\n */\n appearance?: 'brand' | 'default' | 'strong' | 'subtle';\n\n /**\n * Adds padding to the beginning and end of the divider.\n *\n * @default false\n */\n inset?: boolean;\n\n /**\n * A divider can be horizontal (default) or vertical.\n *\n * @default false\n */\n vertical?: boolean;\n};\n\nexport type DividerState = ComponentState<DividerSlots> &\n Required<Pick<DividerProps, 'alignContent' | 'appearance' | 'inset' | 'vertical'>>;\n"],"names":[],"rangeMappings":"","mappings":""}
@@ -0,0 +1,31 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
Divider: function() {
return _Divider.Divider;
},
dividerClassNames: function() {
return _useDividerStylesstyles.dividerClassNames;
},
renderDivider_unstable: function() {
return _renderDivider.renderDivider_unstable;
},
useDividerStyles_unstable: function() {
return _useDividerStylesstyles.useDividerStyles_unstable;
},
useDivider_unstable: function() {
return _useDivider.useDivider_unstable;
}
});
const _Divider = require("./Divider");
const _renderDivider = require("./renderDivider");
const _useDivider = require("./useDivider");
const _useDividerStylesstyles = require("./useDividerStyles.styles");
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Divider/index.ts"],"sourcesContent":["export { Divider } from './Divider';\nexport type { DividerProps, DividerSlots, DividerState } from './Divider.types';\nexport { renderDivider_unstable } from './renderDivider';\nexport { useDivider_unstable } from './useDivider';\nexport { dividerClassNames, useDividerStyles_unstable } from './useDividerStyles.styles';\n"],"names":["Divider","dividerClassNames","renderDivider_unstable","useDividerStyles_unstable","useDivider_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAASA,OAAO;eAAPA,gBAAO;;IAIPC,iBAAiB;eAAjBA,yCAAiB;;IAFjBC,sBAAsB;eAAtBA,qCAAsB;;IAEHC,yBAAyB;eAAzBA,iDAAyB;;IAD5CC,mBAAmB;eAAnBA,+BAAmB;;;yBAHJ;+BAEe;4BACH;wCACyB"}
@@ -0,0 +1,20 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "renderDivider_unstable", {
enumerable: true,
get: function() {
return renderDivider_unstable;
}
});
const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
const _reactutilities = require("@fluentui/react-utilities");
const renderDivider_unstable = (state)=>{
(0, _reactutilities.assertSlots)(state);
return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {
children: state.root.children !== undefined && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.wrapper, {
children: state.root.children
})
});
};
@@ -0,0 +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 { DividerSlots, DividerState } 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: DividerState) => {\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":["renderDivider_unstable","state","assertSlots","_jsx","root","children","undefined","wrapper"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;4BARb;gCAE4B;AAMrB,MAAMA,yBAAyB,CAACC;IACrCC,IAAAA,2BAAAA,EAA0BD;IAC1B,OAAA,WAAA,GACEE,IAAAA,eAAA,EAACF,MAAMG,IAAI,EAAA;kBAAEH,MAAMG,IAAI,CAACC,QAAQ,KAAKC,aAAAA,WAAAA,GAAaH,IAAAA,eAAA,EAACF,MAAMM,OAAO,EAAA;sBAAEN,MAAMG,IAAI,CAACC,QAAQ;;;AAEzF"}
@@ -0,0 +1,48 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "useDivider_unstable", {
enumerable: true,
get: function() {
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, vertical = false, wrapper } = props;
const dividerId = (0, _reactutilities.useId)('divider-');
return {
// Props passed at the top-level
alignContent,
appearance,
inset,
vertical,
// Slots definition
components: {
root: 'div',
wrapper: 'div'
},
root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
role: 'separator',
'aria-orientation': vertical ? 'vertical' : 'horizontal',
'aria-labelledby': props.children ? dividerId : undefined,
...props,
// FIXME:
// `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`
// but since it would be a breaking change to fix it, we are casting ref to it's proper type
ref: ref
}), {
elementType: 'div'
}),
wrapper: _reactutilities.slot.always(wrapper, {
defaultProps: {
id: dividerId,
children: props.children
},
elementType: 'div'
})
};
};
@@ -0,0 +1 @@
{"version":3,"sources":["../src/components/Divider/useDivider.ts"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, useId, slot } from '@fluentui/react-utilities';\nimport type { DividerProps, DividerState } from './Divider.types';\n\n/**\n * Returns the props and state required to render the component\n * @param props - User-provided props to the Divider component.\n * @param ref - User-provided ref to be passed to the Divider component.\n */\nexport const useDivider_unstable = (props: DividerProps, ref: React.Ref<HTMLElement>): DividerState => {\n const { alignContent = 'center', appearance = 'default', inset = false, vertical = false, wrapper } = props;\n const dividerId = useId('divider-');\n\n return {\n // Props passed at the top-level\n alignContent,\n appearance,\n inset,\n vertical,\n\n // Slots definition\n components: {\n root: 'div',\n wrapper: 'div',\n },\n\n root: slot.always(\n getIntrinsicElementProps('div', {\n role: 'separator',\n 'aria-orientation': vertical ? 'vertical' : 'horizontal',\n 'aria-labelledby': props.children ? dividerId : undefined,\n ...props,\n // FIXME:\n // `ref` is wrongly assigned to be `HTMLElement` instead of `HTMLDivElement`\n // but since it would be a breaking change to fix it, we are casting ref to it's proper type\n ref: ref as React.Ref<HTMLDivElement>,\n } as const),\n { elementType: 'div' },\n ),\n wrapper: slot.always(wrapper, {\n defaultProps: {\n id: dividerId,\n children: props.children,\n },\n elementType: 'div',\n }),\n };\n};\n"],"names":["useDivider_unstable","props","ref","alignContent","appearance","inset","vertical","wrapper","dividerId","useId","components","root","slot","always","getIntrinsicElementProps","role","children","undefined","elementType","defaultProps","id"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;gCAC+B;AAQ/C,MAAMA,sBAAsB,CAACC,OAAqBC;IACvD,MAAM,EAAEC,eAAe,QAAQ,EAAEC,aAAa,SAAS,EAAEC,QAAQ,KAAK,EAAEC,WAAW,KAAK,EAAEC,OAAO,EAAE,GAAGN;IACtG,MAAMO,YAAYC,IAAAA,qBAAAA,EAAM;IAExB,OAAO;QACL,gCAAgC;QAChCN;QACAC;QACAC;QACAC;QAEA,mBAAmB;QACnBI,YAAY;YACVC,MAAM;YACNJ,SAAS;QACX;QAEAI,MAAMC,oBAAAA,CAAKC,MAAM,CACfC,IAAAA,wCAAAA,EAAyB,OAAO;YAC9BC,MAAM;YACN,oBAAoBT,WAAW,aAAa;YAC5C,mBAAmBL,MAAMe,QAAQ,GAAGR,YAAYS;YAChD,GAAGhB,KAAK;YACR,SAAS;YACT,4EAA4E;YAC5E,4FAA4F;YAC5FC,KAAKA;QACP,IACA;YAAEgB,aAAa;QAAM;QAEvBX,SAASK,oBAAAA,CAAKC,MAAM,CAACN,SAAS;YAC5BY,cAAc;gBACZC,IAAIZ;gBACJQ,UAAUf,MAAMe,QAAQ;YAC1B;YACAE,aAAa;QACf;IACF;AACF"}
@@ -0,0 +1,389 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
function _export(target, all) {
for(var name in all)Object.defineProperty(target, name, {
enumerable: true,
get: all[name]
});
}
_export(exports, {
dividerClassNames: function() {
return dividerClassNames;
},
useDividerStyles_unstable: function() {
return useDividerStyles_unstable;
}
});
const _react = require("@griffel/react");
const dividerClassNames = {
root: 'fui-Divider',
wrapper: 'fui-Divider__wrapper'
};
const contentSpacing = '12px';
const insetSpacing = '12px';
const maxStartEndLength = '8px';
const minStartEndLength = '8px;';
const useBaseStyles = /*#__PURE__*/ (0, _react.__styles)({
base: {
Bt984gj: "f122n59",
B7ck84d: "f1ewtqcl",
mc9l5x: "f22iagw",
Beiy3e4: "f1063pyq",
Bh6795r: "fqerorx",
qhf8xq: "f10pi13n",
Bahqtrf: "fk6fouc",
Be2twd7: "fy9rknc",
Bhrd7zp: "figsok6",
Bg96gwp: "fwrc4pm",
fsow6f: "f17mccla",
Bcvre1j: "fyl8oag",
Br0sdwz: "f16vkdww",
Bn78ew0: "fhsnbul",
li1rpt: "f1gw3sf2",
ap17g6: "f1ly5f7u",
B771hl4: "f1s3tz6t"
},
childless: {
susq4k: "f1kyqvp9",
Bicfajf: [
"fzynn9s",
"f1z0ukd1"
],
jwcpgy: [
"fekrn8e",
"ftdg338"
],
B4rk6o: "fesgyo"
},
start: {
Bsft5z2: "f13zj6fq"
},
center: {
Ftih45: "f1wl9k8s",
Bsft5z2: "f13zj6fq"
},
end: {
Ftih45: "f1wl9k8s"
},
brand: {
sj55zd: "f16muhyy",
Bq4z7u6: "fcbuu2a",
Bk5zm6e: [
"f1wdw2dr",
"f1ttio3w"
],
Bqjgrrk: "f1582fpk",
Bm6vgfq: [
"f1ttio3w",
"f1wdw2dr"
],
B0n5ga8: "f1ahrvm8",
s924m2: [
"f1cd3wbc",
"f17hbk9y"
],
B1q35kw: "fvrapl0",
Gp14am: [
"f17hbk9y",
"f1cd3wbc"
]
},
"default": {
sj55zd: "fkfq4zb",
Bq4z7u6: "f1vccso1",
Bk5zm6e: [
"f1geml7w",
"fjml6kk"
],
Bqjgrrk: "f1r7kh1m",
Bm6vgfq: [
"fjml6kk",
"f1geml7w"
],
B0n5ga8: "f16j7guv",
s924m2: [
"fx01ahm",
"fj1a37q"
],
B1q35kw: "fl8d8yv",
Gp14am: [
"fj1a37q",
"fx01ahm"
]
},
subtle: {
sj55zd: "f11d4kpn",
Bq4z7u6: "f5g06un",
Bk5zm6e: [
"f13sxdku",
"f1n015lb"
],
Bqjgrrk: "f1x6bl8t",
Bm6vgfq: [
"f1n015lb",
"f13sxdku"
],
B0n5ga8: "fvod1wy",
s924m2: [
"fwslg65",
"flk0e17"
],
B1q35kw: "f103fvts",
Gp14am: [
"flk0e17",
"fwslg65"
]
},
strong: {
sj55zd: "f19n0e5",
Bq4z7u6: "f10tv6oz",
Bk5zm6e: [
"f16xp3sf",
"f1seuxxq"
],
Bqjgrrk: "fwrmqbx",
Bm6vgfq: [
"f1seuxxq",
"f16xp3sf"
],
B0n5ga8: "ft83z1f",
s924m2: [
"f1g4150c",
"f192dr6e"
],
B1q35kw: "f1qnawh6",
Gp14am: [
"f192dr6e",
"f1g4150c"
]
}
}, {
d: [
".f122n59{align-items:center;}",
".f1ewtqcl{box-sizing:border-box;}",
".f22iagw{display:flex;}",
".f1063pyq{flex-direction:row;}",
".fqerorx{flex-grow:1;}",
".f10pi13n{position:relative;}",
".fk6fouc{font-family:var(--fontFamilyBase);}",
".fy9rknc{font-size:var(--fontSizeBase200);}",
".figsok6{font-weight:var(--fontWeightRegular);}",
".fwrc4pm{line-height:var(--lineHeightBase200);}",
".f17mccla{text-align:center;}",
".fyl8oag::before{box-sizing:border-box;}",
".f16vkdww::before{display:flex;}",
".fhsnbul::before{flex-grow:1;}",
".f1gw3sf2::after{box-sizing:border-box;}",
".f1ly5f7u::after{display:flex;}",
".f1s3tz6t::after{flex-grow:1;}",
".f1kyqvp9::before{margin-bottom:0;}",
".fzynn9s::before{margin-right:0;}",
".f1z0ukd1::before{margin-left:0;}",
".fekrn8e::after{margin-left:0;}",
".ftdg338::after{margin-right:0;}",
".fesgyo::after{margin-top:0;}",
".f13zj6fq::after{content:\"\";}",
".f1wl9k8s::before{content:\"\";}",
".f16muhyy{color:var(--colorBrandForeground1);}",
".fcbuu2a::before{border-top-color:var(--colorBrandStroke1);}",
".f1wdw2dr::before{border-right-color:var(--colorBrandStroke1);}",
".f1ttio3w::before{border-left-color:var(--colorBrandStroke1);}",
".f1582fpk::before{border-bottom-color:var(--colorBrandStroke1);}",
".f1ahrvm8::after{border-top-color:var(--colorBrandStroke1);}",
".f1cd3wbc::after{border-right-color:var(--colorBrandStroke1);}",
".f17hbk9y::after{border-left-color:var(--colorBrandStroke1);}",
".fvrapl0::after{border-bottom-color:var(--colorBrandStroke1);}",
".fkfq4zb{color:var(--colorNeutralForeground2);}",
".f1vccso1::before{border-top-color:var(--colorNeutralStroke2);}",
".f1geml7w::before{border-right-color:var(--colorNeutralStroke2);}",
".fjml6kk::before{border-left-color:var(--colorNeutralStroke2);}",
".f1r7kh1m::before{border-bottom-color:var(--colorNeutralStroke2);}",
".f16j7guv::after{border-top-color:var(--colorNeutralStroke2);}",
".fx01ahm::after{border-right-color:var(--colorNeutralStroke2);}",
".fj1a37q::after{border-left-color:var(--colorNeutralStroke2);}",
".fl8d8yv::after{border-bottom-color:var(--colorNeutralStroke2);}",
".f11d4kpn{color:var(--colorNeutralForeground3);}",
".f5g06un::before{border-top-color:var(--colorNeutralStroke3);}",
".f13sxdku::before{border-right-color:var(--colorNeutralStroke3);}",
".f1n015lb::before{border-left-color:var(--colorNeutralStroke3);}",
".f1x6bl8t::before{border-bottom-color:var(--colorNeutralStroke3);}",
".fvod1wy::after{border-top-color:var(--colorNeutralStroke3);}",
".fwslg65::after{border-right-color:var(--colorNeutralStroke3);}",
".flk0e17::after{border-left-color:var(--colorNeutralStroke3);}",
".f103fvts::after{border-bottom-color:var(--colorNeutralStroke3);}",
".f19n0e5{color:var(--colorNeutralForeground1);}",
".f10tv6oz::before{border-top-color:var(--colorNeutralStroke1);}",
".f16xp3sf::before{border-right-color:var(--colorNeutralStroke1);}",
".f1seuxxq::before{border-left-color:var(--colorNeutralStroke1);}",
".fwrmqbx::before{border-bottom-color:var(--colorNeutralStroke1);}",
".ft83z1f::after{border-top-color:var(--colorNeutralStroke1);}",
".f1g4150c::after{border-right-color:var(--colorNeutralStroke1);}",
".f192dr6e::after{border-left-color:var(--colorNeutralStroke1);}",
".f1qnawh6::after{border-bottom-color:var(--colorNeutralStroke1);}"
]
});
const useHorizontalStyles = /*#__PURE__*/ (0, _react.__styles)({
base: {
a9b677: "fly5x3f",
Bdkvgpv: "f163fonl",
B0qfbqy: "f51yk4v",
pbipgd: "f13rof3u",
Bm2nyyq: "f8rth92",
xrcqlc: "f6czdpx",
i5u598: "f1iyka9k"
},
inset: {
uwmqm3: [
"fjlbh76",
"f11qrl6u"
],
z189sj: [
"f11qrl6u",
"fjlbh76"
]
},
start: {
Ftih45: "f1wl9k8s",
Bicfajf: [
"f1ojjlep",
"fk1kexq"
],
Bxwl2t9: "f1he2m4d",
jwcpgy: [
"f12w1bnb",
"f1558wlj"
]
},
center: {
Bicfajf: [
"f1ojjlep",
"fk1kexq"
],
jwcpgy: [
"f12w1bnb",
"f1558wlj"
]
},
end: {
Bicfajf: [
"f1ojjlep",
"fk1kexq"
],
Bsft5z2: "f13zj6fq",
jwcpgy: [
"f12w1bnb",
"f1558wlj"
],
Iy66sp: "f1ayce8x"
}
}, {
d: [
".fly5x3f{width:100%;}",
".f163fonl::before{border-top-style:solid;}",
".f51yk4v::before{border-top-width:var(--strokeWidthThin);}",
".f13rof3u::before{min-width:8px;}",
".f8rth92::after{border-top-style:solid;}",
".f6czdpx::after{border-top-width:var(--strokeWidthThin);}",
".f1iyka9k::after{min-width:8px;}",
".fjlbh76{padding-left:12px;}",
".f11qrl6u{padding-right:12px;}",
".f1wl9k8s::before{content:\"\";}",
".f1ojjlep::before{margin-right:12px;}",
".fk1kexq::before{margin-left:12px;}",
".f1he2m4d::before{max-width:8px;}",
".f12w1bnb::after{margin-left:12px;}",
".f1558wlj::after{margin-right:12px;}",
".f13zj6fq::after{content:\"\";}",
".f1ayce8x::after{max-width:8px;}"
]
});
const useVerticalStyles = /*#__PURE__*/ (0, _react.__styles)({
base: {
Beiy3e4: "f1vx9l62",
sshi5w: "f16gbxbe",
m598lv: [
"f1yq6w5o",
"f1jpmc5p"
],
B4f6apu: [
"f9sc749",
"f1x8pvcy"
],
zkzzav: "fhkwbjy",
Barhvk9: [
"flthirb",
"ftkbnf5"
],
Ihftqj: [
"f13hvwk3",
"f1en4csx"
],
Bde111x: "f19onpk6"
},
inset: {
B6of3ja: "f1xdg43u",
jrapky: "f1jlhsmd"
},
withChildren: {
sshi5w: "f1tjaq3g"
},
start: {
Ftih45: "f1wl9k8s",
susq4k: "fg2pwug",
Bbdr6tz: "fkjtzyi",
B4rk6o: "f8vk40g"
},
center: {
susq4k: "fg2pwug",
B4rk6o: "f8vk40g"
},
end: {
susq4k: "fg2pwug",
Bsft5z2: "f13zj6fq",
B4rk6o: "f8vk40g",
gn64ia: "fqg5mu5"
}
}, {
d: [
".f1vx9l62{flex-direction:column;}",
".f16gbxbe{min-height:20px;}",
".f1yq6w5o::before{border-right-style:solid;}",
".f1jpmc5p::before{border-left-style:solid;}",
".f9sc749::before{border-right-width:var(--strokeWidthThin);}",
".f1x8pvcy::before{border-left-width:var(--strokeWidthThin);}",
".fhkwbjy::before{min-height:8px;}",
".flthirb::after{border-right-style:solid;}",
".ftkbnf5::after{border-left-style:solid;}",
".f13hvwk3::after{border-right-width:var(--strokeWidthThin);}",
".f1en4csx::after{border-left-width:var(--strokeWidthThin);}",
".f19onpk6::after{min-height:8px;}",
".f1xdg43u{margin-top:12px;}",
".f1jlhsmd{margin-bottom:12px;}",
".f1tjaq3g{min-height:84px;}",
".f1wl9k8s::before{content:\"\";}",
".fg2pwug::before{margin-bottom:12px;}",
".fkjtzyi::before{max-height:8px;}",
".f8vk40g::after{margin-top:12px;}",
".f13zj6fq::after{content:\"\";}",
".fqg5mu5::after{max-height:8px;}"
]
});
const useDividerStyles_unstable = (state)=>{
'use no memo';
const baseStyles = useBaseStyles();
const horizontalStyles = useHorizontalStyles();
const verticalStyles = useVerticalStyles();
const { alignContent, appearance, inset, vertical } = state;
state.root.className = (0, _react.mergeClasses)(dividerClassNames.root, // Base styles
baseStyles.base, baseStyles[alignContent], appearance && baseStyles[appearance], // Horizontal styles
!vertical && horizontalStyles.base, !vertical && inset && horizontalStyles.inset, !vertical && horizontalStyles[alignContent], // Vertical styles
vertical && verticalStyles.base, vertical && inset && verticalStyles.inset, vertical && verticalStyles[alignContent], vertical && state.root.children !== undefined && verticalStyles.withChildren, // Childless styles
state.root.children === undefined && baseStyles.childless, // User provided class name
state.root.className);
if (state.wrapper) {
state.wrapper.className = (0, _react.mergeClasses)(dividerClassNames.wrapper, state.wrapper.className);
}
return state;
};
File diff suppressed because one or more lines are too long