@cimpress-ui/react 0.0.0-20250203144600

package/dist/esm/icons/unstable-info-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstable-info-circle.js","sourceRoot":"","sources":["../../../src/icons/unstable-info-circle.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,wBAAwB,CAAC;AAC7C,2BAA2B;AAC3B,MAAM,qBAAqB,GAAG,CAAC,EAC7B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,eAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8IAA8I,EAChJ,QAAQ,EAAC,SAAS,GAClB,EACF,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,uFAAuF,EACzF,QAAQ,EAAC,SAAS,GAClB,EACF,eAAM,IAAI,EAAC,cAAc,EAAC,CAAC,EAAC,0DAA0D,GAAG,IACrF,CACP,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,WAAW,CAAC;AAChD,eAAe,qBAAqB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconUnstableInfoCircle';\n/** Renders an SVG icon. */\nconst SvgUnstableInfoCircle = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12m0 2c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M16 23.25c.69 0 1.25-.56 1.25-1.25v-7a1.25 1.25 0 1 0-2.5 0v7c0 .69.56 1.25 1.25 1.25\"\n        clipRule=\"evenodd\"\n      />\n      <path fill=\"currentColor\" d=\"M17.25 10.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0\" />\n    </svg>\n  );\n};\nSvgUnstableInfoCircle.displayName = displayName;\nexport default SvgUnstableInfoCircle;\n"]}

package/dist/esm/icons/unstable-placeholder.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '../components/types.js';
+/** Renders an SVG icon. */
+declare const SvgUnstablePlaceholder: {
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SvgUnstablePlaceholder;
+//# sourceMappingURL=unstable-placeholder.d.ts.map

package/dist/esm/icons/unstable-placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstable-placeholder.d.ts","sourceRoot":"","sources":["../../../src/icons/unstable-placeholder.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,sBAAsB;yFAOzB,SAAS;;CAyBX,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/esm/icons/unstable-placeholder.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconUnstablePlaceholder';
+/** Renders an SVG icon. */
+const SvgUnstablePlaceholder = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 16 16", "data-icon": "true", ...props, children: [_jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M10.5 3h-5A2.5 2.5 0 0 0 3 5.5v5A2.5 2.5 0 0 0 5.5 13h5a2.5 2.5 0 0 0 2.5-2.5v-5A2.5 2.5 0 0 0 10.5 3m-5-1A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5v-5A3.5 3.5 0 0 0 10.5 2z", clipRule: "evenodd" }), _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M5.646 5.646a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708", clipRule: "evenodd" })] }));
+};
+SvgUnstablePlaceholder.displayName = displayName;
+export default SvgUnstablePlaceholder;
+//# sourceMappingURL=unstable-placeholder.js.map

package/dist/esm/icons/unstable-placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstable-placeholder.js","sourceRoot":"","sources":["../../../src/icons/unstable-placeholder.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,yBAAyB,CAAC;AAC9C,2BAA2B;AAC3B,MAAM,sBAAsB,GAAG,CAAC,EAC9B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,eAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,wMAAwM,EAC1M,QAAQ,EAAC,SAAS,GAClB,EACF,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+EAA+E,EACjF,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,sBAAsB,CAAC,WAAW,GAAG,WAAW,CAAC;AACjD,eAAe,sBAAsB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconUnstablePlaceholder';\n/** Renders an SVG icon. */\nconst SvgUnstablePlaceholder = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 16 16\" data-icon=\"true\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M10.5 3h-5A2.5 2.5 0 0 0 3 5.5v5A2.5 2.5 0 0 0 5.5 13h5a2.5 2.5 0 0 0 2.5-2.5v-5A2.5 2.5 0 0 0 10.5 3m-5-1A3.5 3.5 0 0 0 2 5.5v5A3.5 3.5 0 0 0 5.5 14h5a3.5 3.5 0 0 0 3.5-3.5v-5A3.5 3.5 0 0 0 10.5 2z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M5.646 5.646a.5.5 0 0 1 .708 0l4 4a.5.5 0 0 1-.708.708l-4-4a.5.5 0 0 1 0-.708\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgUnstablePlaceholder.displayName = displayName;\nexport default SvgUnstablePlaceholder;\n"]}

package/dist/esm/icons/warning-circle-fill.d.ts

@@ -0,0 +1,8 @@
+import type { IconProps } from '../components/types.js';
+/** Renders an SVG icon. */
+declare const SvgWarningCircleFill: {
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SvgWarningCircleFill;
+//# sourceMappingURL=warning-circle-fill.d.ts.map

package/dist/esm/icons/warning-circle-fill.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning-circle-fill.d.ts","sourceRoot":"","sources":["../../../src/icons/warning-circle-fill.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,oBAAoB;yFAOvB,SAAS;;CAkBX,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/esm/icons/warning-circle-fill.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconWarningCircleFill';
+/** Renders an SVG icon. */
+const SvgWarningCircleFill = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M16 30C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14m1.5-20a1.5 1.5 0 0 0-3 0v9a1.5 1.5 0 0 0 3 0zM16 25a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3", clipRule: "evenodd" }) }));
+};
+SvgWarningCircleFill.displayName = displayName;
+export default SvgWarningCircleFill;
+//# sourceMappingURL=warning-circle-fill.js.map

package/dist/esm/icons/warning-circle-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warning-circle-fill.js","sourceRoot":"","sources":["../../../src/icons/warning-circle-fill.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAC5C,2BAA2B;AAC3B,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kKAAkK,EACpK,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/C,eAAe,oBAAoB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconWarningCircleFill';\n/** Renders an SVG icon. */\nconst SvgWarningCircleFill = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16 30C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14m1.5-20a1.5 1.5 0 0 0-3 0v9a1.5 1.5 0 0 0 3 0zM16 25a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgWarningCircleFill.displayName = displayName;\nexport default SvgWarningCircleFill;\n"]}

package/dist/esm/index.d.ts

@@ -0,0 +1,45 @@
+export * from './components/button/button.js';
+export * from './components/button/link-button.js';
+export * from './components/button/icon-button.js';
+export * from './components/button/icon-link-button.js';
+export * from './components/checkbox/checkbox.js';
+export * from './components/checkbox/checkbox-group.js';
+export * from './components/combo-box/combo-box.js';
+export * from './components/form/form.js';
+export * from './components/menu/menu.js';
+export * from './components/radio/radio.js';
+export * from './components/radio/radio-group.js';
+export * from './components/select/select.js';
+export * from './components/spinner/spinner.js';
+export * from './components/text-inputs/text-field.js';
+export * from './components/text-inputs/text-area.js';
+export * from './components/spacing/box/box.js';
+export * from './components/spacing/stack/stack.js';
+export * from './components/typography/text.js';
+export * from './components/typography/link.js';
+export type { ForegroundTone } from './utils/style/types.js';
+export type { CollectionItem, Direction, FieldError, HoverEvent, Key, UNSTABLE_Selection, PressEvent, RouterConfig, Href, RouterOptions, ValidationResult, } from './components/types.js';
+export type { Spacing, Responsive } from './components/spacing/types.js';
+export type { StyleProps } from './with-style-props.js';
+export * from './providers/ssr/ssr-provider.js';
+export * from './providers/router/router-provider.js';
+export * from './components/tooltip/tooltip.js';
+export * from './components/breadcrumbs/breadcrumbs.js';
+export * from './components/disclosure/disclosure.js';
+export * from './components/disclosure/disclosure-group.js';
+export * from './components/card/card.js';
+export * from './components/visually-hidden/visually-hidden.js';
+export * from './components/modal/modal.js';
+export * from './components/nav-tabs/nav-tabs.js';
+export * from './components/pagination/pagination.js';
+export * from './components/table/table-container.js';
+export * from './components/table/table.js';
+export * from './components/table/table-header.js';
+export * from './components/table/table-header-cell.js';
+export * from './components/table/table-body.js';
+export * from './components/table/table-body-cell.js';
+export * from './components/table/table-row.js';
+export * from './components/number-field/number-field.js';
+export * from './components/tag/tag.js';
+export * from './components/tag/tag-group.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AAEpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAEhD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D,YAAY,EACV,cAAc,EACd,SAAS,EACT,UAAU,EACV,UAAU,EACV,GAAG,EACH,kBAAkB,EAClB,UAAU,EACV,YAAY,EACZ,IAAI,EACJ,aAAa,EACb,gBAAgB,GACjB,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACzE,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AAGtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iDAAiD,CAAC;AAChE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yCAAyC,CAAC;AACxD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,42 @@
+export * from './components/button/button.js';
+export * from './components/button/link-button.js';
+export * from './components/button/icon-button.js';
+export * from './components/button/icon-link-button.js';
+export * from './components/checkbox/checkbox.js';
+export * from './components/checkbox/checkbox-group.js';
+export * from './components/combo-box/combo-box.js';
+export * from './components/form/form.js';
+export * from './components/menu/menu.js';
+export * from './components/radio/radio.js';
+export * from './components/radio/radio-group.js';
+export * from './components/select/select.js';
+export * from './components/spinner/spinner.js';
+export * from './components/text-inputs/text-field.js';
+export * from './components/text-inputs/text-area.js';
+export * from './components/spacing/box/box.js';
+export * from './components/spacing/stack/stack.js';
+export * from './components/typography/text.js';
+export * from './components/typography/link.js';
+export * from './providers/ssr/ssr-provider.js';
+export * from './providers/router/router-provider.js';
+// Unfinished exports below
+export * from './components/tooltip/tooltip.js';
+export * from './components/breadcrumbs/breadcrumbs.js';
+export * from './components/disclosure/disclosure.js';
+export * from './components/disclosure/disclosure-group.js';
+export * from './components/card/card.js';
+export * from './components/visually-hidden/visually-hidden.js';
+export * from './components/modal/modal.js';
+export * from './components/nav-tabs/nav-tabs.js';
+export * from './components/pagination/pagination.js';
+export * from './components/table/table-container.js';
+export * from './components/table/table.js';
+export * from './components/table/table-header.js';
+export * from './components/table/table-header-cell.js';
+export * from './components/table/table-body.js';
+export * from './components/table/table-body-cell.js';
+export * from './components/table/table-row.js';
+export * from './components/number-field/number-field.js';
+export * from './components/tag/tag.js';
+export * from './components/tag/tag-group.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,yCAAyC,CAAC;AACxD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AAEpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAoBhD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AAEtD,2BAA2B;AAC3B,cAAc,iCAAiC,CAAC;AAChD,cAAc,yCAAyC,CAAC;AACxD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iDAAiD,CAAC;AAChE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,yCAAyC,CAAC;AACxD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,iCAAiC,CAAC;AAChD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC","sourcesContent":["export * from './components/button/button.js';\nexport * from './components/button/link-button.js';\nexport * from './components/button/icon-button.js';\nexport * from './components/button/icon-link-button.js';\nexport * from './components/checkbox/checkbox.js';\nexport * from './components/checkbox/checkbox-group.js';\nexport * from './components/combo-box/combo-box.js';\nexport * from './components/form/form.js';\nexport * from './components/menu/menu.js';\nexport * from './components/radio/radio.js';\nexport * from './components/radio/radio-group.js';\nexport * from './components/select/select.js';\nexport * from './components/spinner/spinner.js';\nexport * from './components/text-inputs/text-field.js';\nexport * from './components/text-inputs/text-area.js';\n\nexport * from './components/spacing/box/box.js';\nexport * from './components/spacing/stack/stack.js';\n\nexport * from './components/typography/text.js';\nexport * from './components/typography/link.js';\n\nexport type { ForegroundTone } from './utils/style/types.js';\n\nexport type {\n  CollectionItem,\n  Direction,\n  FieldError,\n  HoverEvent,\n  Key,\n  UNSTABLE_Selection,\n  PressEvent,\n  RouterConfig,\n  Href,\n  RouterOptions,\n  ValidationResult,\n} from './components/types.js';\nexport type { Spacing, Responsive } from './components/spacing/types.js';\nexport type { StyleProps } from './with-style-props.js';\n\nexport * from './providers/ssr/ssr-provider.js';\nexport * from './providers/router/router-provider.js';\n\n// Unfinished exports below\nexport * from './components/tooltip/tooltip.js';\nexport * from './components/breadcrumbs/breadcrumbs.js';\nexport * from './components/disclosure/disclosure.js';\nexport * from './components/disclosure/disclosure-group.js';\nexport * from './components/card/card.js';\nexport * from './components/visually-hidden/visually-hidden.js';\nexport * from './components/modal/modal.js';\nexport * from './components/nav-tabs/nav-tabs.js';\nexport * from './components/pagination/pagination.js';\nexport * from './components/table/table-container.js';\nexport * from './components/table/table.js';\nexport * from './components/table/table-header.js';\nexport * from './components/table/table-header-cell.js';\nexport * from './components/table/table-body.js';\nexport * from './components/table/table-body-cell.js';\nexport * from './components/table/table-row.js';\nexport * from './components/number-field/number-field.js';\nexport * from './components/tag/tag.js';\nexport * from './components/tag/tag-group.js';\n"]}

package/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

package/dist/esm/providers/router/router-provider.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import type { Href, RouterOptions } from '../../components/types.js';
+export interface RouterProviderProps {
+    /** The component tree that will use client-side router navigation (usually the entire application). */
+    children: ReactNode;
+    /** A function received from your router for performing client-side navigation programmatically. */
+    navigate: (path: Href, routerOptions?: RouterOptions) => void;
+    /** An optional prop that converts a router-specific `href` to a native HTML `href`. */
+    useHref?: (href: Href) => string;
+}
+/**
+ * Allows Cimpress UI components to perform navigation using a client-side router.
+ *
+ * See [client-side routing guide](https://ui.cimpress.io/dev-guides/client-side-routing/).
+ */
+export declare function RouterProvider({ children, navigate, useHref }: RouterProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace RouterProvider {
+    var displayName: string;
+}
+//# sourceMappingURL=router-provider.d.ts.map

package/dist/esm/providers/router/router-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/router/router-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAErE,MAAM,WAAW,mBAAmB;IAClC,uGAAuG;IACvG,QAAQ,EAAE,SAAS,CAAC;IACpB,mGAAmG;IACnG,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,aAAa,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9D,uFAAuF;IACvF,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CAClC;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CAMlF;yBANe,cAAc"}

package/dist/esm/providers/router/router-provider.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RouterProvider as RACRouterProvider } from 'react-aria-components';
+/**
+ * Allows Cimpress UI components to perform navigation using a client-side router.
+ *
+ * See [client-side routing guide](https://ui.cimpress.io/dev-guides/client-side-routing/).
+ */
+export function RouterProvider({ children, navigate, useHref }) {
+    return (_jsx(RACRouterProvider, { navigate: navigate, useHref: useHref, children: children }));
+}
+RouterProvider.displayName = 'RouterProvider';
+//# sourceMappingURL=router-provider.js.map

package/dist/esm/providers/router/router-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"router-provider.js","sourceRoot":"","sources":["../../../../src/providers/router/router-provider.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAY5E;;;;GAIG;AACH,MAAM,UAAU,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAuB;IACjF,OAAO,CACL,KAAC,iBAAiB,IAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,YACpD,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import type { ReactNode } from 'react';\nimport { RouterProvider as RACRouterProvider } from 'react-aria-components';\nimport type { Href, RouterOptions } from '../../components/types.js';\n\nexport interface RouterProviderProps {\n  /** The component tree that will use client-side router navigation (usually the entire application). */\n  children: ReactNode;\n  /** A function received from your router for performing client-side navigation programmatically. */\n  navigate: (path: Href, routerOptions?: RouterOptions) => void;\n  /** An optional prop that converts a router-specific `href` to a native HTML `href`. */\n  useHref?: (href: Href) => string;\n}\n\n/**\n * Allows Cimpress UI components to perform navigation using a client-side router.\n *\n * See [client-side routing guide](https://ui.cimpress.io/dev-guides/client-side-routing/).\n */\nexport function RouterProvider({ children, navigate, useHref }: RouterProviderProps) {\n  return (\n    <RACRouterProvider navigate={navigate} useHref={useHref}>\n      {children}\n    </RACRouterProvider>\n  );\n}\n\nRouterProvider.displayName = 'RouterProvider';\n"]}

package/dist/esm/providers/ssr/ssr-provider.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+export interface SSRProviderProps {
+    /** The component tree that will be pre-rendered (usually the entire application). */
+    children: ReactNode;
+    /** The locale to apply to the children. Should be a [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code. */
+    locale: string;
+}
+/**
+ * Allows Cimpress UI components to be pre-rendered on the server or at build time.
+ *
+ * See [server-side rendering guide](https://ui.cimpress.io/dev-guides/ssr/).
+ */
+export declare function SSRProvider({ locale, children }: SSRProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SSRProvider {
+    var displayName: string;
+}
+//# sourceMappingURL=ssr-provider.d.ts.map

package/dist/esm/providers/ssr/ssr-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/ssr/ssr-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAW,MAAM,OAAO,CAAC;AAG1D,MAAM,WAAW,gBAAgB;IAC/B,qFAAqF;IACrF,QAAQ,EAAE,SAAS,CAAC;IACpB,sHAAsH;IACtH,MAAM,EAAE,MAAM,CAAC;CAChB;AAMD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAMjE;yBANe,WAAW"}

package/dist/esm/providers/ssr/ssr-provider.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment, version } from 'react';
+import { I18nProvider as RACI18nProvider, SSRProvider as RACSSRProvider } from 'react-aria-components';
+// react-aria's `SSRProvider` is required for React < 18
+const hasNativeSSRSupport = Number(version.split('.')[0]) >= 18;
+const BaseSSRProvider = hasNativeSSRSupport ? Fragment : RACSSRProvider;
+/**
+ * Allows Cimpress UI components to be pre-rendered on the server or at build time.
+ *
+ * See [server-side rendering guide](https://ui.cimpress.io/dev-guides/ssr/).
+ */
+export function SSRProvider({ locale, children }) {
+    return (_jsx(BaseSSRProvider, { children: _jsx(RACI18nProvider, { locale: locale, children: children }) }));
+}
+SSRProvider.displayName = 'SSRProvider';
+//# sourceMappingURL=ssr-provider.js.map

package/dist/esm/providers/ssr/ssr-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-provider.js","sourceRoot":"","sources":["../../../../src/providers/ssr/ssr-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAkB,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AASvG,wDAAwD;AACxD,MAAM,mBAAmB,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAChE,MAAM,eAAe,GAAG,mBAAmB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC;AAExE;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAoB;IAChE,OAAO,CACL,KAAC,eAAe,cACd,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,YAAG,QAAQ,GAAmB,GAC7C,CACnB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["'use client';\n\nimport { Fragment, type ReactNode, version } from 'react';\nimport { I18nProvider as RACI18nProvider, SSRProvider as RACSSRProvider } from 'react-aria-components';\n\nexport interface SSRProviderProps {\n  /** The component tree that will be pre-rendered (usually the entire application). */\n  children: ReactNode;\n  /** The locale to apply to the children. Should be a [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code. */\n  locale: string;\n}\n\n// react-aria's `SSRProvider` is required for React < 18\nconst hasNativeSSRSupport = Number(version.split('.')[0]) >= 18;\nconst BaseSSRProvider = hasNativeSSRSupport ? Fragment : RACSSRProvider;\n\n/**\n * Allows Cimpress UI components to be pre-rendered on the server or at build time.\n *\n * See [server-side rendering guide](https://ui.cimpress.io/dev-guides/ssr/).\n */\nexport function SSRProvider({ locale, children }: SSRProviderProps) {\n  return (\n    <BaseSSRProvider>\n      <RACI18nProvider locale={locale}>{children}</RACI18nProvider>\n    </BaseSSRProvider>\n  );\n}\n\nSSRProvider.displayName = 'SSRProvider';\n"]}

package/dist/esm/utils/style/tone.d.ts

@@ -0,0 +1,3 @@
+import type { ForegroundTone } from './types.js';
+export declare function fgTone(tone: ForegroundTone): string;
+//# sourceMappingURL=tone.d.ts.map

package/dist/esm/utils/style/tone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone.d.ts","sourceRoot":"","sources":["../../../../src/utils/style/tone.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,wBAAgB,MAAM,CAAC,IAAI,EAAE,cAAc,UAE1C"}

package/dist/esm/utils/style/tone.js

@@ -0,0 +1,4 @@
+export function fgTone(tone) {
+    return `cim-fg-${tone}`;
+}
+//# sourceMappingURL=tone.js.map

package/dist/esm/utils/style/tone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tone.js","sourceRoot":"","sources":["../../../../src/utils/style/tone.ts"],"names":[],"mappings":"AAEA,MAAM,UAAU,MAAM,CAAC,IAAoB;IACzC,OAAO,UAAU,IAAI,EAAE,CAAC;AAC1B,CAAC","sourcesContent":["import type { ForegroundTone } from './types.js';\n\nexport function fgTone(tone: ForegroundTone) {\n  return `cim-fg-${tone}`;\n}\n"]}

package/dist/esm/utils/style/types.d.ts

@@ -0,0 +1,2 @@
+export type ForegroundTone = 'title' | 'base' | 'subtle' | 'muted' | 'inverse' | 'action' | 'info' | 'success' | 'warning' | 'critical';
+//# sourceMappingURL=types.d.ts.map

package/dist/esm/utils/style/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/utils/style/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GACtB,OAAO,GACP,MAAM,GACN,QAAQ,GACR,OAAO,GACP,SAAS,GACT,QAAQ,GACR,MAAM,GACN,SAAS,GACT,SAAS,GACT,UAAU,CAAC"}

package/dist/esm/utils/style/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/utils/style/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/utils/style/types.ts"],"names":[],"mappings":"","sourcesContent":["export type ForegroundTone =\n  | 'title'\n  | 'base'\n  | 'subtle'\n  | 'muted'\n  | 'inverse'\n  | 'action'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'critical';\n"]}

package/dist/esm/with-style-props.d.ts

@@ -0,0 +1,21 @@
+import type { RefAttributes, JSX } from 'react';
+import { type Responsive, type Spacing } from './components/spacing/types.js';
+import type { CommonProps } from './components/types.js';
+export interface StyleProps {
+    /** The amount of margin applied to all edges of this component. */
+    margin?: Responsive<Spacing | 'auto'>;
+    /** The amount of margin applied to the left and right edges of this component. Takes priority over `margin`. */
+    marginX?: Responsive<Spacing | 'auto'>;
+    /** The amount of margin applied to the top and bottom edges of this component. Takes priority over `margin`. */
+    marginY?: Responsive<Spacing | 'auto'>;
+    /** The amount of margin applied to the top edge of this component. Takes priority over `marginY` and `margin`. */
+    marginTop?: Responsive<Spacing | 'auto'>;
+    /** The amount of margin applied to the right edge of this component. Takes priority over `marginX` and `margin`. */
+    marginRight?: Responsive<Spacing | 'auto'>;
+    /** The amount of margin applied to the bottom edge of this component. Takes priority over `marginY` and `margin`. */
+    marginBottom?: Responsive<Spacing | 'auto'>;
+    /** The amount of margin applied to the left edge of this component. Takes priority over `marginX` and `margin`. */
+    marginLeft?: Responsive<Spacing | 'auto'>;
+}
+export declare function withStyleProps<T extends Omit<CommonProps, 'id'>, R>(WrappedComponent: (props: T & RefAttributes<R>) => JSX.Element | null, displayName?: string): (props: T & StyleProps & RefAttributes<R>) => JSX.Element | null;
+//# sourceMappingURL=with-style-props.d.ts.map

package/dist/esm/with-style-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-style-props.d.ts","sourceRoot":"","sources":["../../src/with-style-props.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAA0B,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACtG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IAEtC,gHAAgH;IAChH,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IACvC,gHAAgH;IAChH,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IAEvC,kHAAkH;IAClH,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IACzC,oHAAoH;IACpH,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IAC3C,qHAAqH;IACrH,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IAC5C,mHAAmH;IACnH,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAC3C;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,CAAC,EACjE,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,EACrE,WAAW,CAAC,EAAE,MAAM,iDAfmE,IAAK,OAAO,QA4EpG"}

package/dist/esm/with-style-props.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { getResponsiveVariables } from './components/spacing/types.js';
+import { forwardRef } from './forward-ref.js';
+export function withStyleProps(WrappedComponent, displayName) {
+    const ComponentWithStyleProps = ({ margin: responsiveMargin, marginX: responsiveMarginX, marginY: responsiveMarginY, marginTop: responsiveMarginTop, marginRight: responsiveMarginRight, marginBottom: responsiveMarginBottom, marginLeft: responsiveMarginLeft, UNSAFE_className, UNSAFE_style, ...props }, ref) => {
+        const marginTop = getResponsiveVariables('box-mt', 'space', responsiveMarginTop ?? responsiveMarginY ?? responsiveMargin);
+        const marginRight = getResponsiveVariables('box-mr', 'space', responsiveMarginRight ?? responsiveMarginX ?? responsiveMargin);
+        const marginBottom = getResponsiveVariables('box-mb', 'space', responsiveMarginBottom ?? responsiveMarginY ?? responsiveMargin);
+        const marginLeft = getResponsiveVariables('box-ml', 'space', responsiveMarginLeft ?? responsiveMarginX ?? responsiveMargin);
+        return (_jsx(WrappedComponent, { ...props, ref: ref, UNSAFE_className: clsx(UNSAFE_className, { 'cim-box': marginTop || marginRight || marginBottom || marginLeft }), UNSAFE_style: {
+                ...UNSAFE_style,
+                ...marginTop,
+                ...marginRight,
+                ...marginBottom,
+                ...marginLeft,
+            } }));
+    };
+    // @ts-expect-error missing type definition for displayName
+    const existingDisplayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+    return forwardRef(ComponentWithStyleProps, displayName || `WithStyleProps(${existingDisplayName})`);
+}
+//# sourceMappingURL=with-style-props.js.map

package/dist/esm/with-style-props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"with-style-props.js","sourceRoot":"","sources":["../../src/with-style-props.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,sBAAsB,EAAiC,MAAM,+BAA+B,CAAC;AAEtG,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAqB9C,MAAM,UAAU,cAAc,CAC5B,gBAAqE,EACrE,WAAoB;IAEpB,MAAM,uBAAuB,GAAG,CAC9B,EACE,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,iBAAiB,EAC1B,OAAO,EAAE,iBAAiB,EAC1B,SAAS,EAAE,mBAAmB,EAC9B,WAAW,EAAE,qBAAqB,EAClC,YAAY,EAAE,sBAAsB,EACpC,UAAU,EAAE,oBAAoB,EAChC,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACO,EACjB,GAAoB,EACpB,EAAE;QACF,MAAM,SAAS,GAAG,sBAAsB,CACtC,QAAQ,EACR,OAAO,EACP,mBAAmB,IAAI,iBAAiB,IAAI,gBAAgB,CAC7D,CAAC;QAEF,MAAM,WAAW,GAAG,sBAAsB,CACxC,QAAQ,EACR,OAAO,EACP,qBAAqB,IAAI,iBAAiB,IAAI,gBAAgB,CAC/D,CAAC;QAEF,MAAM,YAAY,GAAG,sBAAsB,CACzC,QAAQ,EACR,OAAO,EACP,sBAAsB,IAAI,iBAAiB,IAAI,gBAAgB,CAChE,CAAC;QAEF,MAAM,UAAU,GAAG,sBAAsB,CACvC,QAAQ,EACR,OAAO,EACP,oBAAoB,IAAI,iBAAiB,IAAI,gBAAgB,CAC9D,CAAC;QAEF,OAAO,CACL,KAAC,gBAAgB,OACV,KAAW,EAChB,GAAG,EAAE,GAAG,EACR,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EAAE,EAAE,SAAS,EAAE,SAAS,IAAI,WAAW,IAAI,YAAY,IAAI,UAAU,EAAE,CAAC,EAC/G,YAAY,EAAE;gBACZ,GAAG,YAAY;gBACf,GAAG,SAAS;gBACZ,GAAG,WAAW;gBACd,GAAG,YAAY;gBACf,GAAG,UAAU;aACd,GACD,CACH,CAAC;IACJ,CAAC,CAAC;IAEF,2DAA2D;IAC3D,MAAM,mBAAmB,GAAG,gBAAgB,CAAC,WAAW,IAAI,gBAAgB,CAAC,IAAI,IAAI,WAAW,CAAC;IAEjG,OAAO,UAAU,CAAC,uBAAuB,EAAE,WAAW,IAAI,kBAAkB,mBAAmB,GAAG,CAAC,CAAC;AACtG,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { ForwardedRef, RefAttributes, JSX } from 'react';\nimport { getResponsiveVariables, type Responsive, type Spacing } from './components/spacing/types.js';\nimport type { CommonProps } from './components/types.js';\nimport { forwardRef } from './forward-ref.js';\n\nexport interface StyleProps {\n  /** The amount of margin applied to all edges of this component. */\n  margin?: Responsive<Spacing | 'auto'>;\n\n  /** The amount of margin applied to the left and right edges of this component. Takes priority over `margin`. */\n  marginX?: Responsive<Spacing | 'auto'>;\n  /** The amount of margin applied to the top and bottom edges of this component. Takes priority over `margin`. */\n  marginY?: Responsive<Spacing | 'auto'>;\n\n  /** The amount of margin applied to the top edge of this component. Takes priority over `marginY` and `margin`. */\n  marginTop?: Responsive<Spacing | 'auto'>;\n  /** The amount of margin applied to the right edge of this component. Takes priority over `marginX` and `margin`. */\n  marginRight?: Responsive<Spacing | 'auto'>;\n  /** The amount of margin applied to the bottom edge of this component. Takes priority over `marginY` and `margin`. */\n  marginBottom?: Responsive<Spacing | 'auto'>;\n  /** The amount of margin applied to the left edge of this component. Takes priority over `marginX` and `margin`. */\n  marginLeft?: Responsive<Spacing | 'auto'>;\n}\n\nexport function withStyleProps<T extends Omit<CommonProps, 'id'>, R>(\n  WrappedComponent: (props: T & RefAttributes<R>) => JSX.Element | null,\n  displayName?: string,\n) {\n  const ComponentWithStyleProps = (\n    {\n      margin: responsiveMargin,\n      marginX: responsiveMarginX,\n      marginY: responsiveMarginY,\n      marginTop: responsiveMarginTop,\n      marginRight: responsiveMarginRight,\n      marginBottom: responsiveMarginBottom,\n      marginLeft: responsiveMarginLeft,\n      UNSAFE_className,\n      UNSAFE_style,\n      ...props\n    }: T & StyleProps,\n    ref: ForwardedRef<R>,\n  ) => {\n    const marginTop = getResponsiveVariables(\n      'box-mt',\n      'space',\n      responsiveMarginTop ?? responsiveMarginY ?? responsiveMargin,\n    );\n\n    const marginRight = getResponsiveVariables(\n      'box-mr',\n      'space',\n      responsiveMarginRight ?? responsiveMarginX ?? responsiveMargin,\n    );\n\n    const marginBottom = getResponsiveVariables(\n      'box-mb',\n      'space',\n      responsiveMarginBottom ?? responsiveMarginY ?? responsiveMargin,\n    );\n\n    const marginLeft = getResponsiveVariables(\n      'box-ml',\n      'space',\n      responsiveMarginLeft ?? responsiveMarginX ?? responsiveMargin,\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as T)}\n        ref={ref}\n        UNSAFE_className={clsx(UNSAFE_className, { 'cim-box': marginTop || marginRight || marginBottom || marginLeft })}\n        UNSAFE_style={{\n          ...UNSAFE_style,\n          ...marginTop,\n          ...marginRight,\n          ...marginBottom,\n          ...marginLeft,\n        }}\n      />\n    );\n  };\n\n  // @ts-expect-error missing type definition for displayName\n  const existingDisplayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n  return forwardRef(ComponentWithStyleProps, displayName || `WithStyleProps(${existingDisplayName})`);\n}\n"]}

package/dist-styles/styles.css

@@ -0,0 +1,2 @@
+/*! modern-normalize v3.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+:where([data-cim-style-root]:not([data-cim-style-root=no-reset])){-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])){box-sizing:border-box}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])):before{box-sizing:border-box}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])):after{box-sizing:border-box}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) *{box-sizing:border-box}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) :before{box-sizing:border-box}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) :after{box-sizing:border-box}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])):is(body){margin:0}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) body{margin:0}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) b{font-weight:bolder}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) strong{font-weight:bolder}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) kbd{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) small{font-size:80%}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) sub{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) sub{bottom:-.25em}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) sup{top:-.5em}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) table{border-color:currentColor}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) button{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) input{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) optgroup{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) select{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) button{-webkit-appearance:button}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) [type=button]{-webkit-appearance:button}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) [type=reset]{-webkit-appearance:button}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) [type=submit]{-webkit-appearance:button}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) legend{padding:0}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) progress{vertical-align:baseline}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) ::-webkit-inner-spin-button{height:auto}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) ::-webkit-outer-spin-button{height:auto}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) [type=search]{-webkit-appearance:textfield;outline-offset:-2px}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) ::-webkit-search-decoration{-webkit-appearance:none}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}:where([data-cim-style-root]:not([data-cim-style-root=no-reset])) summary{display:list-item}[data-cim-style-root]{--ciminternal-persimmon-base:#f0563a;--ciminternal-persimmon-darker:#d63625;--ciminternal-persimmon-darkest:#bc2111;--ciminternal-cobalt-base:#3a414c;--ciminternal-cobalt-darker:#212730;--ciminternal-cobalt-darkest:#0d1116;--ciminternal-ocean-base:#0088a9;--ciminternal-ocean-darker:#00738e;--ciminternal-ocean-darkest:#005c75;--ciminternal-teal-base:#006f8a;--ciminternal-teal-darker:#005b70;--ciminternal-teal-darkest:#004456;--ciminternal-sky-base:#d4ebf2;--ciminternal-sky-darker:#b0d9e6;--ciminternal-sky-darkest:#92c8da;--ciminternal-granite-base:#4f5d75;--ciminternal-granite-darker:#354259;--ciminternal-granite-darkest:#212c3f;--ciminternal-coal:#333943;--ciminternal-shale:#697582;--ciminternal-slate:#8090a2;--ciminternal-alloy:#c4cdd6;--ciminternal-platinum:#e1e6eb;--ciminternal-silver:#eff3f5;--ciminternal-horizon:#edf3f8;--ciminternal-white:#fff;--ciminternal-success-base:#35ad96;--ciminternal-success-darker:#22917e;--ciminternal-success-darkest:#127769;--ciminternal-info-base:#41b5dc;--ciminternal-info-darker:#2b9dc1;--ciminternal-info-darkest:#188aa8;--ciminternal-warning-base:#ffa23f;--ciminternal-warning-darker:#e58628;--ciminternal-warning-darkest:#cc7712;--ciminternal-danger-base:#d24a35;--ciminternal-danger-darker:#b73721;--ciminternal-danger-darkest:#9e2810;--ciminternal-disabled-base:#dfe0e2;--ciminternal-disabled-darker:#c4cdd6;--ciminternal-disabled-darkest:rgba(58,65,76,.5);--cim-fg-title:var(--ciminternal-cobalt-darkest);--cim-fg-base:var(--ciminternal-cobalt-base);--cim-fg-subtle:var(--ciminternal-shale);--cim-fg-muted:#979ea6;--cim-fg-inverse:var(--ciminternal-white);--cim-fg-action:var(--ciminternal-ocean-base);--cim-fg-action-hover:var(--ciminternal-ocean-darker);--cim-fg-action-active:var(--ciminternal-ocean-darkest);--cim-fg-info:var(--ciminternal-info-darker);--cim-fg-success:var(--ciminternal-success-darker);--cim-fg-warning:var(--ciminternal-warning-darkest);--cim-fg-critical:var(--ciminternal-danger-base);--cim-fg-critical-hover:var(--ciminternal-danger-darker);--cim-fg-critical-active:var(--ciminternal-danger-darkest);--cim-bg-base:var(--ciminternal-white);--cim-bg-subtle:var(--ciminternal-silver);--cim-bg-action-subtle-hover:#e8f4f7;--cim-bg-action-subtle-active:var(--ciminternal-sky-base);--cim-bg-action:var(--ciminternal-ocean-base);--cim-bg-action-hover:var(--ciminternal-ocean-darker);--cim-bg-action-active:var(--ciminternal-ocean-darkest);--cim-bg-muted:var(--ciminternal-platinum);--cim-bg-info:var(--ciminternal-info-base);--cim-bg-success:var(--ciminternal-success-base);--cim-bg-warning:var(--ciminternal-warning-base);--cim-bg-critical-subtle-hover:#fcf1ef;--cim-bg-critical-subtle-active:#f8e2de;--cim-bg-critical:var(--ciminternal-danger-base);--cim-bg-critical-hover:var(--ciminternal-danger-darker);--cim-bg-critical-active:var(--ciminternal-danger-darkest);--cim-border-base:var(--ciminternal-alloy);--cim-border-subtle:var(--ciminternal-platinum);--cim-border-hover:var(--ciminternal-slate);--cim-border-action:var(--ciminternal-ocean-base);--cim-border-action-hover:var(--ciminternal-ocean-darker);--cim-border-info:var(--ciminternal-info-base);--cim-border-success:var(--ciminternal-success-base);--cim-border-warning:var(--ciminternal-warning-base);--cim-border-critical:var(--ciminternal-danger-base);--cim-border-focus:#006aff;--cim-font-family:"Open Sans Variable","Open Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--cim-space-0:0;--cim-space-2:2px;--cim-space-4:4px;--cim-space-8:8px;--cim-space-12:12px;--cim-space-16:16px;--cim-space-24:24px;--cim-space-32:32px;--cim-space-40:40px;--cim-space-48:48px;--cim-space-64:64px;--cim-space-96:96px;--cim-shadow-xs:0px 1px 1px 0px rgba(0,0,0,.08),0px 1px 3px 0px rgba(0,0,0,.04);--cim-shadow-s:0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 4px 0px rgba(0,0,0,.06),0px 4px 8px 0px rgba(0,0,0,.04);--cim-shadow-m:0px 1px 3px 0px rgba(0,0,0,.08),0px 3px 8px 0px rgba(0,0,0,.06),0px 4px 12px 0px rgba(0,0,0,.05),0px 6px 16px 0px rgba(0,0,0,.04);--cim-shadow-l:0px 1px 4px 0px rgba(0,0,0,.08),0px 4px 8px 0px rgba(0,0,0,.07),0px 4px 12px 0px rgba(0,0,0,.06),0px 8px 32px 0px rgba(0,0,0,.05),0px 12px 36px 0px rgba(0,0,0,.04);--cim-shadow-xl:0px 2px 8px 0px rgba(0,0,0,.12),0px 8px 16px 0px rgba(0,0,0,.11),0px 16px 24px 0px rgba(0,0,0,.1),0px 16px 32px 0px rgba(0,0,0,.09),0px 24px 48px 0px rgba(0,0,0,.08);font:normal 400 16px/20px var(--cim-font-family);color:var(--cim-fg-base)}.cim-fg-title{--cim-fg-color:var(--cim-fg-title)}.cim-fg-base{--cim-fg-color:var(--cim-fg-base)}.cim-fg-subtle{--cim-fg-color:var(--cim-fg-subtle)}.cim-fg-muted{--cim-fg-color:var(--cim-fg-muted)}.cim-fg-inverse{--cim-fg-color:var(--cim-fg-inverse)}.cim-fg-action{--cim-fg-color:var(--cim-fg-action)}.cim-fg-info{--cim-fg-color:var(--cim-fg-info)}.cim-fg-success{--cim-fg-color:var(--cim-fg-success)}.cim-fg-warning{--cim-fg-color:var(--cim-fg-warning)}.cim-fg-critical{--cim-fg-color:var(--cim-fg-critical)}.cim-text{font-family:var(--cim-font-family);font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;color:var(--cim-fg-color,inherit);text-align:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;margin:0}.cim-text-variant-title-1{font-size:32px;font-weight:600;line-height:40px}.cim-text-variant-title-2{font-size:28px;font-weight:600;line-height:36px}.cim-text-variant-title-3{font-size:24px;font-weight:600;line-height:32px}.cim-text-variant-title-4{font-size:20px;font-weight:600;line-height:28px}.cim-text-variant-title-5{font-size:18px;font-weight:600;line-height:24px}.cim-text-variant-title-6{font-size:16px;font-weight:600;line-height:24px}.cim-text-variant-body,.cim-text-variant-body-semibold{font-size:16px;font-weight:400;line-height:20px}.cim-text-variant-medium,.cim-text-variant-medium-semibold{font-size:14px;font-weight:400;line-height:20px}.cim-text-variant-small,.cim-text-variant-small-semibold{font-size:12px;font-weight:400;line-height:16px}.cim-text-variant-body-semibold,.cim-text-variant-medium-semibold,.cim-text-variant-small-semibold{font-weight:600}.cim-text-fs-normal{font-style:normal}.cim-text-fs-italic{font-style:italic}.cim-text-alignment-start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.cim-text-alignment-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.cim-text-alignment-center{text-align:center}.cim-text-alignment-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.cim-text-alignment-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.cim-text-alignment-justify{text-align:justify}.cim-text-decoration-none{text-decoration:none}.cim-text-decoration-strikethrough{text-decoration:line-through}.cim-text-decoration-underline{text-decoration:underline}.cim-link{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--cim-font-family);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:from-font;white-space:nowrap;outline-offset:3px;border-radius:4px;outline:transparent;margin:0;text-decoration:underline;text-decoration-thickness:1.5px;transition:color .2s ease-out,outline-color .2s ease-out;color:var(--cim-fg-action)!important}.cim-link[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)!important}.cim-link[data-current]{cursor:default;color:var(--cim-fg-base)!important}.cim-link[data-focus-visible]{outline:2px solid var(--cim-border-focus)}.cim-link[data-hovered]{color:var(--cim-fg-action-hover)!important}.cim-link[data-pressed]{color:var(--cim-fg-action-active)!important}.cim-link-icon{aspect-ratio:1;vertical-align:middle;justify-content:center;align-items:center;width:.9em;transition:color .2s ease-out;display:inline-flex;position:relative;bottom:.05em}.cim-link>*+*{margin-left:.2em}.cim-link-text{-webkit-user-select:text;-ms-user-select:text;user-select:text;white-space:wrap}.cim-collapsible-list{min-width:var(--trigger-width);min-height:unset;max-height:inherit;background:var(--cim-bg-base);box-shadow:var(--cim-shadow-m);border-radius:4px;outline:none;overflow:hidden}.cim-collapsible-list[data-placement=top]{--cim-collapsible-list-origin:translateY(8px)}.cim-collapsible-list[data-placement=bottom]{--cim-collapsible-list-origin:translateY(-8px)}.cim-collapsible-list[data-placement=right]{--cim-collapsible-list-origin:translateX(-8px)}.cim-collapsible-list[data-placement=left]{--cim-collapsible-list-origin:translateX(8px)}.cim-collapsible-list[data-entering]{animation:.2s cim-collapsible-list--animation}.cim-collapsible-list[data-exiting]{animation:.2s ease-in reverse cim-collapsible-list--animation}@media (prefers-reduced-motion:reduce){.cim-collapsible-list[data-entering]{animation:.2s cim-collapsible-list--animation-reduced}.cim-collapsible-list[data-exiting]{animation:.2s ease-in reverse cim-collapsible-list--animation-reduced}}@keyframes cim-collapsible-list--animation{0%{transform:var(--cim-collapsible-list-origin);opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes cim-collapsible-list--animation-reduced{0%{opacity:0}to{opacity:1}}.cim-form-field-label{margin-bottom:var(--cim-space-4);display:block}.cim-form-field-label>.cim-text:last-child{margin-left:var(--cim-space-8)}.cim-form-field-error{--cim-form-field-error-line-height:16px;gap:var(--cim-space-4);margin-top:var(--cim-space-4);line-height:var(--cim-form-field-error-line-height);flex-flow:column;display:flex}.cim-form-field-error .cim-form-field-error-message{gap:var(--cim-space-4);justify-content:flex-start;align-items:flex-start;display:inline-flex}.cim-form-field-error .cim-form-field-error-icon-wrapper{height:var(--cim-form-field-error-line-height);align-items:center;display:flex}.cim-form-field-error .cim-form-field-error-icon-wrapper>svg{width:16px;height:16px}.cim-form-field-description{margin-top:var(--cim-space-4);display:block}.cim-spinner{gap:var(--cim-space-8);flex-flow:column;justify-content:center;align-items:center;display:flex}.cim-spinner circle{fill:none;stroke-linecap:butt;stroke-width:10px}.cim-spinner-ring-bg{stroke:var(--cim-bg-muted)}.cim-spinner-ring-fg{transform-origin:50%;stroke:var(--cim-fg-action);stroke-dasharray:220;stroke-linecap:round;animation:1.5s linear infinite both cim-spinner--animation}@media (prefers-reduced-motion:reduce){.cim-spinner-ring-fg{animation:1.5s linear infinite both cim-spinner--animation-reduced}}@keyframes cim-spinner--animation{0%{stroke-dashoffset:220px;transform:rotate(0)}50%{stroke-dashoffset:155px;transform:rotate(360deg)}to{stroke-dashoffset:220px;transform:rotate(720deg)}}@keyframes cim-spinner--animation-reduced{0%{stroke-dashoffset:155px;transform:rotate(0)}to{stroke-dashoffset:155px;transform:rotate(360deg)}}.cim-button,.cim-icon-button{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:fit-content;max-width:100%;font-family:var(--cim-font-family);text-align:center;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;-ms-appearance:none;appearance:none;outline-offset:3px;background:0 0;border-style:solid;border-width:1px;outline:transparent;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-weight:600;text-decoration:none;transition-property:background-color,border-color,color,outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:inline-flex;overflow:hidden}:is(.cim-button,.cim-icon-button) .cim-icon{flex-shrink:0;transition:color .2s ease-out}:is(.cim-button,.cim-icon-button)[data-full-width]{width:100%;display:flex}:is(.cim-button,.cim-icon-button)[data-size=small]{--cim-button-padding-inline:12px;border-radius:4px;height:32px;font-size:14px;line-height:20px}:is(.cim-button,.cim-icon-button)[data-size=small] .cim-icon{width:24px;height:24px}:is(.cim-button,.cim-icon-button)[data-size=medium]{--cim-button-padding-inline:16px;border-radius:4px;height:40px;font-size:16px;line-height:20px}:is(.cim-button,.cim-icon-button)[data-size=medium] .cim-icon{width:24px;height:24px}:is(.cim-button,.cim-icon-button)[data-size=large]{--cim-button-padding-inline:24px;border-radius:8px;gap:12px;height:48px;font-size:18px;line-height:24px}:is(.cim-button,.cim-icon-button)[data-size=large] .cim-icon{width:32px;height:32px}:is(.cim-button,.cim-icon-button)[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}:is(.cim-button,.cim-icon-button)[data-disabled]:not([data-variant=secondary]){border:none}:is(.cim-button,.cim-icon-button)[data-disabled]:not([data-variant=tertiary]){background:var(--cim-bg-muted);border-color:var(--cim-border-base)}:is(.cim-button,.cim-icon-button)[data-pending]{cursor:not-allowed;color:var(--cim-fg-muted)}:is(.cim-button,.cim-icon-button)[data-pending]:not([data-variant=secondary]){border:none}:is(.cim-button,.cim-icon-button)[data-pending]:not([data-variant=tertiary]){background:var(--cim-bg-muted);border-color:var(--cim-border-base)}:is(.cim-button,.cim-icon-button)[data-focus-visible]{outline:2px solid var(--cim-border-focus)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending]){color:var(--cim-fg-inverse);border:none}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=base]{background:var(--cim-bg-action)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=base][data-hovered]{background:var(--cim-bg-action-hover)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=base][data-pressed]{background:var(--cim-bg-action-active)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=critical]{background:var(--cim-bg-critical)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-hovered]{background:var(--cim-bg-critical-hover)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-pressed]{background:var(--cim-bg-critical-active)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=base]{color:var(--cim-fg-action);background:var(--cim-bg-base);border-color:var(--cim-border-action)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=base][data-hovered]{color:var(--cim-fg-action-hover);background:var(--cim-bg-action-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=base][data-pressed]{color:var(--cim-fg-action-active);background:var(--cim-bg-action-subtle-active)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=critical]{color:var(--cim-fg-critical);background:var(--cim-bg-base);border-color:var(--cim-border-critical)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-hovered]{color:var(--cim-fg-critical-hover);background:var(--cim-bg-critical-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-pressed]{color:var(--cim-fg-critical-active);background:var(--cim-bg-critical-subtle-active)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending]){background:0 0;border:none}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=base]{color:var(--cim-fg-action)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=base][data-hovered]{color:var(--cim-fg-action-hover);background:var(--cim-bg-action-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=base][data-pressed]{color:var(--cim-fg-action-active);background:var(--cim-bg-action-subtle-active)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=critical]{color:var(--cim-fg-critical)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-hovered]{color:var(--cim-fg-critical-hover);background:var(--cim-bg-critical-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-pressed]{color:var(--cim-fg-critical-active);background:var(--cim-bg-critical-subtle-active)}:is(.cim-button,.cim-icon-button)[data-pending]{position:relative}:is(.cim-button,.cim-icon-button)[data-pending]>*{opacity:0}:is(.cim-button,.cim-icon-button)[data-pending]>.cim-spinner:last-child{opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cim-button{padding-inline:var(--cim-button-padding-inline)}.cim-icon-button{aspect-ratio:1;padding-left:0;padding-right:0}.cim-checkbox{--cim-checkbox-line-height:20px;--cim-checkbox-color:var(--cim-fg-base);--cim-checkbox-icon-color:transparent;--cim-checkbox-toggle-background:var(--cim-bg-base);--cim-checkbox-toggle-stroke-color:var(--cim-fg-base);cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:var(--cim-checkbox-color);justify-content:flex-start;align-items:flex-start;gap:8px;margin:0;padding:0;transition:color .2s ease-out;display:inline-flex}.cim-checkbox[data-focus-visible] .cim-checkbox-toggle{outline:2px solid var(--cim-border-focus)}.cim-checkbox[data-hovered]{--cim-checkbox-toggle-background:var(--cim-bg-action-subtle-hover);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-checkbox[data-pressed]{--cim-checkbox-toggle-background:var(--cim-bg-action-subtle-active);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-active)}.cim-checkbox[data-selected]{--cim-checkbox-icon-color:var(--cim-fg-inverse);--cim-checkbox-toggle-background:var(--cim-bg-action);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action)}.cim-checkbox[data-selected][data-hovered]{--cim-checkbox-toggle-background:var(--cim-bg-action-hover);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-checkbox[data-selected][data-pressed]{--cim-checkbox-toggle-background:var(--cim-bg-action-active);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-active)}.cim-checkbox[data-indeterminate]{--cim-checkbox-icon-color:var(--cim-fg-inverse);--cim-checkbox-toggle-background:var(--cim-bg-action);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action)}.cim-checkbox[data-indeterminate][data-hovered]{--cim-checkbox-toggle-background:var(--cim-bg-action-hover);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-checkbox[data-indeterminate][data-pressed]{--cim-checkbox-toggle-background:var(--cim-bg-action-active);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-active)}.cim-checkbox[data-invalid]{--cim-checkbox-color:var(--cim-fg-critical);--cim-checkbox-toggle-background:var(--cim-bg-base);--cim-checkbox-toggle-stroke-color:var(--cim-fg-critical)}.cim-checkbox[data-invalid][data-hovered]{--cim-checkbox-toggle-background:var(--cim-bg-critical-subtle-hover);--cim-checkbox-toggle-stroke-color:var(--cim-fg-critical-hover)}.cim-checkbox[data-invalid][data-pressed]{--cim-checkbox-toggle-background:var(--cim-bg-critical-subtle-active);--cim-checkbox-toggle-stroke-color:var(--cim-fg-critical-active)}.cim-checkbox[data-invalid][data-selected]{--cim-checkbox-icon-color:var(--cim-fg-inverse);--cim-checkbox-toggle-background:var(--cim-bg-critical);--cim-checkbox-toggle-stroke-color:var(--cim-fg-critical)}.cim-checkbox[data-invalid][data-selected][data-hovered]{--cim-checkbox-toggle-background:var(--cim-bg-critical-hover);--cim-checkbox-toggle-stroke-color:var(--cim-fg-critical-hover)}.cim-checkbox[data-invalid][data-selected][data-pressed]{--cim-checkbox-toggle-background:var(--cim-bg-critical-active);--cim-checkbox-toggle-stroke-color:var(--cim-fg-critical-active)}.cim-checkbox[data-invalid][data-indeterminate]{--cim-checkbox-icon-color:var(--cim-fg-inverse);--cim-checkbox-toggle-background:var(--cim-bg-critical);--cim-checkbox-toggle-stroke-color:var(--cim-fg-critical)}.cim-checkbox[data-invalid][data-indeterminate][data-hovered]{--cim-checkbox-toggle-background:var(--cim-bg-critical-hover);--cim-checkbox-toggle-stroke-color:var(--cim-fg-critical-hover)}.cim-checkbox[data-invalid][data-indeterminate][data-pressed]{--cim-checkbox-toggle-background:var(--cim-bg-critical-active);--cim-checkbox-toggle-stroke-color:var(--cim-fg-critical-active)}.cim-checkbox[data-readonly]{--cim-checkbox-toggle-background:var(--cim-bg-subtle);--cim-checkbox-toggle-stroke-color:var(--cim-fg-base);cursor:default}.cim-checkbox[data-readonly][data-selected]{--cim-checkbox-toggle-background:var(--cim-fg-base)}.cim-checkbox[data-readonly][data-indeterminate]{--cim-checkbox-toggle-background:var(--cim-fg-base)}.cim-checkbox[data-disabled]{--cim-checkbox-color:var(--cim-fg-muted);--cim-checkbox-toggle-background:var(--cim-bg-muted);--cim-checkbox-toggle-stroke-color:var(--cim-border-base);cursor:not-allowed}.cim-checkbox[data-disabled][data-selected]{--cim-checkbox-icon-color:var(--cim-fg-muted)}.cim-checkbox[data-disabled][data-indeterminate]{--cim-checkbox-icon-color:var(--cim-fg-muted)}.cim-checkbox>.cim-text{line-height:var(--cim-checkbox-line-height)}.cim-checkbox-toggle-wrapper{height:var(--cim-checkbox-line-height);align-items:center;display:flex}.cim-checkbox-toggle{background:var(--cim-checkbox-toggle-background);border:1px solid var(--cim-checkbox-toggle-stroke-color);outline-offset:3px;border-radius:2px;outline:transparent;justify-content:center;align-items:center;width:16px;height:16px;transition-property:background-color,border-color,color,outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.cim-checkbox-toggle>svg{color:var(--cim-checkbox-icon-color);transition:color .2s ease-out}.cim-checkbox-group .cim-form-field-label{margin-bottom:var(--cim-space-12)}.cim-checkbox-group .cim-stack{width:fit-content}.cim-checkbox-group .cim-stack+*{margin-top:var(--cim-space-12)}.cim-checkbox-group .cim-stack+*+*{margin-top:var(--cim-space-8)}.cim-combo-box[data-open] .cim-combo-box-button>[data-icon]:last-child{transform:rotate(180deg)}.cim-combo-box-input-group{--cim-combo-box-border-color:var(--cim-border-base);--cim-combo-box-placeholder-color:var(--cim-fg-subtle);--cim-combo-box-icon-color:var(--cim-fg-subtle);background:var(--cim-bg-base);border-radius:4px;align-items:center;width:100%;height:40px;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex;position:relative}.cim-combo-box-input-group:after{pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--cim-combo-box-outline-spread,1px)var(--cim-combo-box-border-color);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.cim-combo-box-input-group[data-hovered]{--cim-combo-box-border-color:var(--cim-border-hover)}.cim-combo-box-input-group[data-focus-within]{--cim-combo-box-border-color:var(--cim-border-action);--cim-combo-box-outline-spread:2px;--cim-combo-box-icon-color:var(--cim-fg-base)}.cim-combo-box-input-group[data-invalid]{--cim-combo-box-border-color:var(--cim-border-critical)}.cim-combo-box-input-group[data-disabled]{--cim-combo-box-border-color:var(--cim-border-base);--cim-combo-box-placeholder-color:var(--cim-fg-muted);--cim-combo-box-icon-color:var(--cim-fg-muted);background:var(--cim-bg-muted)}[data-readonly]>.cim-combo-box-input-group{background:var(--cim-bg-subtle)}.cim-combo-box-input{min-width:0;height:100%;padding:0;padding-left:calc(var(--cim-space-12) + 1px);color:var(--cim-fg-base);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;overflow:hidden}.cim-combo-box-input::-ms-input-placeholder{color:var(--cim-combo-box-placeholder-color)}.cim-combo-box-input::placeholder{color:var(--cim-combo-box-placeholder-color)}.cim-combo-box-input[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}.cim-combo-box-button{cursor:pointer;height:100%;padding:0 calc(var(--cim-space-12) + 1px);color:var(--cim-combo-box-icon-color);background:0 0;border:none;flex-shrink:0;align-items:center;display:flex}.cim-combo-box-button [data-icon]{width:24px;height:24px;transition:color .2s ease-out,transform .2s ease-out}.cim-combo-box-button[data-disabled]{cursor:not-allowed}.cim-combo-box-listbox{max-height:inherit;padding:var(--cim-space-8)0;border:none;outline:none;overflow-y:auto}.cim-combo-box-section-header,.cim-combo-box-item{padding:var(--cim-space-8)var(--cim-space-16)}.cim-combo-box-item{--cim-combo-box-item-icon-color:var(--cim-fg-base);cursor:pointer;gap:var(--cim-space-8);color:var(--cim-fg-base);background:var(--cim-bg-base);outline:none;flex-flow:row;justify-content:flex-start;align-items:center;transition:background-color .2s ease-out,color .2s ease-out;display:flex}.cim-combo-box-item>svg{width:24px;height:24px;color:var(--cim-combo-box-item-icon-color);opacity:0;flex-shrink:0;transition:color .2s ease-out,opacity .2s ease-out}.cim-combo-box-item[data-hovered]{background:var(--cim-bg-action-subtle-hover)}.cim-combo-box-item[data-focused]{background:var(--cim-bg-action-subtle-hover)}.cim-combo-box-item[data-pressed]{background:var(--cim-bg-action-subtle-active)}.cim-combo-box-item[data-disabled]{--cim-combo-box-item-icon-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-base)}.cim-combo-box-item[data-selected]>svg{opacity:1}.cim-menu-trigger-icon{transition:color .2s ease-out,transform .2s ease-out!important}[aria-expanded=true]>.cim-menu-trigger-icon{transform:rotate(180deg)}.cim-menu{max-height:inherit;padding:var(--cim-space-8)0;border:none;outline:none;overflow-y:auto}.cim-menu-section-header,.cim-menu-item{padding:var(--cim-space-8)var(--cim-space-16)}.cim-menu-item{--cim-menu-item-icon-color:var(--cim-fg-base);cursor:pointer;gap:var(--cim-space-8);color:var(--cim-fg-base);background:var(--cim-bg-base);outline:none;flex-flow:row;justify-content:flex-start;align-items:center;text-decoration:none;transition:background-color .2s ease-out,color .2s ease-out;display:flex}.cim-menu-item>svg{width:24px;height:24px;color:var(--cim-menu-item-icon-color);flex-shrink:0;transition:color .2s ease-out}.cim-menu-item[data-hovered]{background:var(--cim-bg-action-subtle-hover)}.cim-menu-item[data-focused]{background:var(--cim-bg-action-subtle-hover)}.cim-menu-item[data-pressed]{background:var(--cim-bg-action-subtle-active)}.cim-menu-item[data-disabled]{--cim-menu-item-icon-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-base)}.cim-menu-item-text{gap:var(--cim-space-4);flex-flow:column;justify-content:center;align-items:flex-start;display:flex}.cim-menu-divider{border-bottom:1px solid var(--cim-border-base);height:1px}.cim-radio{--cim-radio-line-height:20px;--cim-radio-color:var(--cim-fg-base);--cim-radio-toggle-background:var(--cim-bg-base);--cim-radio-toggle-stroke-color:var(--cim-fg-base);--cim-radio-toggle-inner-color:transparent;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:var(--cim-radio-color);justify-content:flex-start;align-items:flex-start;gap:8px;margin:0;padding:0;transition:color .2s ease-out;display:inline-flex}.cim-radio[data-focus-visible] .cim-radio-toggle{outline:2px solid var(--cim-border-focus)}.cim-radio[data-hovered]{--cim-radio-toggle-background:var(--cim-bg-action-subtle-hover);--cim-radio-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-radio[data-pressed]{--cim-radio-toggle-background:var(--cim-bg-action-subtle-active);--cim-radio-toggle-stroke-color:var(--cim-fg-action-active)}.cim-radio[data-selected]{--cim-radio-toggle-background:var(--cim-bg-action);--cim-radio-toggle-stroke-color:var(--cim-fg-action);--cim-radio-toggle-inner-color:var(--cim-fg-inverse)}.cim-radio[data-selected][data-hovered]{--cim-radio-toggle-background:var(--cim-bg-action-hover);--cim-radio-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-radio[data-selected][data-pressed]{--cim-radio-toggle-background:var(--cim-bg-action-active);--cim-radio-toggle-stroke-color:var(--cim-fg-action-active)}.cim-radio[data-indeterminate]{--cim-radio-toggle-background:var(--cim-bg-action);--cim-radio-toggle-stroke-color:var(--cim-fg-action);--cim-radio-toggle-inner-color:var(--cim-fg-inverse)}.cim-radio[data-indeterminate][data-hovered]{--cim-radio-toggle-background:var(--cim-bg-action-hover);--cim-radio-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-radio[data-indeterminate][data-pressed]{--cim-radio-toggle-background:var(--cim-bg-action-active);--cim-radio-toggle-stroke-color:var(--cim-fg-action-active)}.cim-radio[data-readonly]{--cim-radio-toggle-background:var(--cim-bg-subtle);--cim-radio-toggle-stroke-color:var(--cim-fg-base);cursor:default}.cim-radio[data-readonly][data-selected]{--cim-radio-toggle-background:var(--cim-fg-base)}.cim-radio[data-readonly][data-indeterminate]{--cim-radio-toggle-background:var(--cim-fg-base)}.cim-radio[data-disabled]{--cim-radio-color:var(--cim-fg-muted);--cim-radio-toggle-background:var(--cim-bg-muted);--cim-radio-toggle-stroke-color:var(--cim-fg-muted);cursor:not-allowed}.cim-radio[data-disabled][data-selected]{--cim-radio-toggle-inner-color:var(--cim-fg-muted)}.cim-radio[data-disabled][data-indeterminate]{--cim-radio-toggle-inner-color:var(--cim-fg-muted)}.cim-radio>.cim-text{line-height:var(--cim-radio-line-height)}.cim-radio-toggle-wrapper{height:var(--cim-radio-line-height);align-items:center;display:flex}.cim-radio-toggle{background:var(--cim-radio-toggle-background);border:1px solid var(--cim-radio-toggle-stroke-color);outline-offset:3px;border-radius:50%;outline:transparent;justify-content:center;align-items:center;width:16px;height:16px;transition-property:background-color,border-color,color,outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.cim-radio-toggle-inner{background:var(--cim-radio-toggle-inner-color);border-radius:50%;width:6px;height:6px;transition:background-color .2s ease-out}.cim-radio-group .cim-form-field-label{margin-bottom:var(--cim-space-12)}.cim-radio-group .cim-stack{width:fit-content}.cim-radio-group .cim-stack+*{margin-top:var(--cim-space-12)}.cim-radio-group .cim-stack+*+*{margin-top:var(--cim-space-8)}.cim-select{--cim-select-border-color:var(--cim-border-base);--cim-select-icon-color:var(--cim-fg-subtle);--cim-select-placeholder-color:var(--cim-fg-subtle)}.cim-select[data-open] .cim-select-button>[data-icon]:last-child{transform:rotate(180deg)}.cim-select-button{gap:var(--cim-space-8);width:100%;height:40px;padding:0 calc(var(--cim-space-12) + 1px);color:var(--cim-fg-base);background:var(--cim-bg-base);border:none;border-radius:4px;outline:none;align-items:center;transition-property:background-color,border-color,box-shadow,color;transition-duration:.2s;transition-timing-function:ease-out;display:flex;position:relative}.cim-select-button:after{pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--cim-select-outline-spread,1px)var(--cim-select-border-color);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.cim-select-button .react-aria-SelectValue{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cim-select-button .react-aria-SelectValue[data-placeholder]{color:var(--cim-select-placeholder-color)}.cim-select-button>[data-icon]:last-child{width:24px;height:24px;color:var(--cim-select-icon-color);flex-shrink:0;transition:color .2s ease-out,transform .2s ease-out}.cim-select-button[data-hovered]{--cim-select-border-color:var(--cim-border-hover)}[data-focus-visible] .cim-select-button{--cim-select-border-color:var(--cim-border-action);--cim-select-icon-color:var(--cim-fg-base);--cim-select-outline-spread:2px}.cim-select-button[data-pressed]{--cim-select-icon-color:var(--cim-fg-base);--cim-select-outline-spread:2px}.cim-select-button[data-pressed]:not(.cim-select[data-invalid] .cim-select-button[data-pressed]){--cim-select-border-color:var(--cim-border-action)}[data-invalid] .cim-select-button{--cim-select-border-color:var(--cim-border-critical)}[data-disabled] .cim-select-button{--cim-select-border-color:var(--cim-border-base);--cim-select-icon-color:var(--cim-fg-muted);--cim-select-placeholder-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted)}.cim-select-listbox{max-height:inherit;padding:var(--cim-space-8)0;border:none;outline:none;overflow-y:auto}.cim-select-section-header,.cim-select-item{padding:var(--cim-space-8)var(--cim-space-16)}.cim-select-item{--cim-select-item-icon-color:var(--cim-fg-base);cursor:pointer;gap:var(--cim-space-8);color:var(--cim-fg-base);background:var(--cim-bg-base);outline:none;flex-flow:row;justify-content:flex-start;align-items:center;transition:background-color .2s ease-out,color .2s ease-out;display:flex}.cim-select-item>svg{width:24px;height:24px;color:var(--cim-select-item-icon-color);opacity:0;flex-shrink:0;transition:color .2s ease-out,opacity .2s ease-out}.cim-select-item[data-hovered]{background:var(--cim-bg-action-subtle-hover)}.cim-select-item[data-focused]{background:var(--cim-bg-action-subtle-hover)}.cim-select-item[data-pressed]{background:var(--cim-bg-action-subtle-active)}.cim-select-item[data-disabled]{--cim-select-item-icon-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-base)}.cim-select-item[data-selected]>svg{opacity:1}.cim-text-field,.cim-text-area{color:var(--cim-fg-base)}.cim-text-field-input-group,.cim-text-area-input-group{--cim-text-field-border-color:var(--cim-border-base);--cim-text-field-placeholder-color:var(--cim-fg-subtle);background:var(--cim-bg-base);border-radius:4px;align-items:center;width:100%;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex;position:relative}:is(.cim-text-field-input-group,.cim-text-area-input-group):after{pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--cim-text-field-outline-spread,1px)var(--cim-text-field-border-color);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;top:0;bottom:0;left:0;right:0}:is(.cim-text-field-input-group,.cim-text-area-input-group)[data-hovered]{--cim-text-field-border-color:var(--cim-border-hover)}:is(.cim-text-field-input-group,.cim-text-area-input-group)[data-focus-within]{--cim-text-field-border-color:var(--cim-border-action);--cim-text-field-outline-spread:2px}:is(.cim-text-field-input-group,.cim-text-area-input-group)[data-invalid]{--cim-text-field-border-color:var(--cim-border-critical)}:is(.cim-text-field-input-group,.cim-text-area-input-group)[data-disabled]{--cim-text-field-border-color:var(--cim-border-base);--cim-text-field-placeholder-color:var(--cim-fg-muted);background:var(--cim-bg-muted)}[data-readonly]>:is(.cim-text-field-input-group,.cim-text-area-input-group){background:var(--cim-bg-subtle)}.cim-text-field-input,.cim-text-area-input{color:var(--cim-fg-base);border-radius:inherit;background-color:transparent;border:none;outline:none;flex:1;transition-property:color;transition-duration:.2s;transition-timing-function:ease-out}:is(.cim-text-field-input,.cim-text-area-input)::-ms-input-placeholder{color:var(--cim-text-field-placeholder-color)}:is(.cim-text-field-input,.cim-text-area-input)::placeholder{color:var(--cim-text-field-placeholder-color)}:is(.cim-text-field-input,.cim-text-area-input)[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}.cim-text-field-input{height:40px;padding:0 calc(var(--cim-space-12) + 1px)}.cim-text-area-input{padding:11px calc(var(--cim-space-12) + 1px)}.cim-icon{color:var(--cim-fg-color,inherit)}.cim-stack{--cim-stack-direction-vertical:column;--cim-stack-direction-horizontal:row;--cim-stack-align-start:flex-start;--cim-stack-align-end:flex-end;--cim-stack-align-center:center;--cim-stack-align-stretch:stretch;--cim-stack-justify-start:flex-start;--cim-stack-justify-end:flex-end;--cim-stack-justify-center:center;--cim-stack-justify-space-around:space-around;--cim-stack-justify-space-between:space-between;--cim-stack-justify-space-evenly:space-evenly;--cim-stack-wrap-true:wrap;--cim-stack-wrap-false:nowrap;--cim-stack-gap-xs:initial;--cim-stack-gap-sm:initial;--cim-stack-gap-md:initial;--cim-stack-gap-lg:initial;--cim-stack-gap-xl:initial;--cim-stack-fd-xs:initial;--cim-stack-fd-sm:initial;--cim-stack-fd-md:initial;--cim-stack-fd-lg:initial;--cim-stack-fd-xl:initial;--cim-stack-ai-xs:initial;--cim-stack-ai-sm:initial;--cim-stack-ai-md:initial;--cim-stack-ai-lg:initial;--cim-stack-ai-xl:initial;--cim-stack-jc-xs:initial;--cim-stack-jc-sm:initial;--cim-stack-jc-md:initial;--cim-stack-jc-lg:initial;--cim-stack-jc-xl:initial;--cim-stack-fw-xs:initial;--cim-stack-fw-sm:initial;--cim-stack-fw-md:initial;--cim-stack-fw-lg:initial;--cim-stack-fw-xl:initial;flex-direction:var(--cim-stack-fd-xs);flex-wrap:var(--cim-stack-fw-xs);gap:var(--cim-stack-gap-xs);align-items:var(--cim-stack-ai-xs);justify-content:var(--cim-stack-jc-xs);max-width:100%;display:flex}@media (min-width:640px){.cim-stack{flex-direction:var(--cim-stack-fd-sm,var(--cim-stack-fd-xs));flex-wrap:var(--cim-stack-fw-sm,var(--cim-stack-fw-xs));gap:var(--cim-stack-gap-sm,var(--cim-stack-gap-xs));align-items:var(--cim-stack-ai-sm,var(--cim-stack-ai-xs));justify-content:var(--cim-stack-jc-sm,var(--cim-stack-jc-xs))}}@media (min-width:768px){.cim-stack{flex-direction:var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs)));flex-wrap:var(--cim-stack-fw-md,var(--cim-stack-fw-sm,var(--cim-stack-fw-xs)));gap:var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-xs)));align-items:var(--cim-stack-ai-md,var(--cim-stack-ai-sm,var(--cim-stack-ai-xs)));justify-content:var(--cim-stack-jc-md,var(--cim-stack-jc-sm,var(--cim-stack-jc-xs)))}}@media (min-width:1024px){.cim-stack{flex-direction:var(--cim-stack-fd-lg,var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs))));flex-wrap:var(--cim-stack-fw-lg,var(--cim-stack-fw-md,var(--cim-stack-fw-sm,var(--cim-stack-fw-xs))));gap:var(--cim-stack-gap-lg,var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-xs))));align-items:var(--cim-stack-ai-lg,var(--cim-stack-ai-md,var(--cim-stack-ai-sm,var(--cim-stack-ai-xs))));justify-content:var(--cim-stack-jc-lg,var(--cim-stack-jc-md,var(--cim-stack-jc-sm,var(--cim-stack-jc-xs))))}}@media (min-width:1280px){.cim-stack{flex-direction:var(--cim-stack-fd-xl,var(--cim-stack-fd-lg,var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs)))));flex-wrap:var(--cim-stack-fw-xl,var(--cim-stack-fw-lg,var(--cim-stack-fw-md,var(--cim-stack-fw-sm,var(--cim-stack-fw-xs)))));gap:var(--cim-stack-gap-xl,var(--cim-stack-gap-lg,var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-xs)))));align-items:var(--cim-stack-ai-xl,var(--cim-stack-ai-lg,var(--cim-stack-ai-md,var(--cim-stack-ai-sm,var(--cim-stack-ai-xs)))));justify-content:var(--cim-stack-jc-xl,var(--cim-stack-jc-lg,var(--cim-stack-jc-md,var(--cim-stack-jc-sm,var(--cim-stack-jc-xs)))))}}.cim-box{--cim-space-auto:auto;--cim-box-mt-xs:initial;--cim-box-mt-sm:initial;--cim-box-mt-md:initial;--cim-box-mt-lg:initial;--cim-box-mt-xl:initial;--cim-box-mr-xs:initial;--cim-box-mr-sm:initial;--cim-box-mr-md:initial;--cim-box-mr-lg:initial;--cim-box-mr-xl:initial;--cim-box-mb-xs:initial;--cim-box-mb-sm:initial;--cim-box-mb-md:initial;--cim-box-mb-lg:initial;--cim-box-mb-xl:initial;--cim-box-ml-xs:initial;--cim-box-ml-sm:initial;--cim-box-ml-md:initial;--cim-box-ml-lg:initial;--cim-box-ml-xl:initial;margin-top:var(--cim-box-mt-xs);margin-right:var(--cim-box-mr-xs);margin-bottom:var(--cim-box-mb-xs);margin-left:var(--cim-box-ml-xs)}@media (min-width:640px){.cim-box{margin-top:var(--cim-box-mt-sm,var(--cim-box-mt-xs));margin-right:var(--cim-box-mr-sm,var(--cim-box-mr-xs));margin-bottom:var(--cim-box-mb-sm,var(--cim-box-mb-xs));margin-left:var(--cim-box-ml-sm,var(--cim-box-ml-xs))}}@media (min-width:768px){.cim-box{margin-top:var(--cim-box-mt-md,var(--cim-box-mt-sm,var(--cim-box-mt-xs)));margin-right:var(--cim-box-mr-md,var(--cim-box-mr-sm,var(--cim-box-mr-xs)));margin-bottom:var(--cim-box-mb-md,var(--cim-box-mb-sm,var(--cim-box-mb-xs)));margin-left:var(--cim-box-ml-md,var(--cim-box-ml-sm,var(--cim-box-ml-xs)))}}@media (min-width:1024px){.cim-box{margin-top:var(--cim-box-mt-lg,var(--cim-box-mt-md,var(--cim-box-mt-sm,var(--cim-box-mt-xs))));margin-right:var(--cim-box-mr-lg,var(--cim-box-mr-md,var(--cim-box-mr-sm,var(--cim-box-mr-xs))));margin-bottom:var(--cim-box-mb-lg,var(--cim-box-mb-md,var(--cim-box-mb-sm,var(--cim-box-mb-xs))));margin-left:var(--cim-box-ml-lg,var(--cim-box-ml-md,var(--cim-box-ml-sm,var(--cim-box-ml-xs))))}}@media (min-width:1280px){.cim-box{margin-top:var(--cim-box-mt-xl,var(--cim-box-mt-lg,var(--cim-box-mt-md,var(--cim-box-mt-sm,var(--cim-box-mt-xs)))));margin-right:var(--cim-box-mr-xl,var(--cim-box-mr-lg,var(--cim-box-mr-md,var(--cim-box-mr-sm,var(--cim-box-mr-xs)))));margin-bottom:var(--cim-box-mb-xl,var(--cim-box-mb-lg,var(--cim-box-mb-md,var(--cim-box-mb-sm,var(--cim-box-mb-xs)))));margin-left:var(--cim-box-ml-xl,var(--cim-box-ml-lg,var(--cim-box-ml-md,var(--cim-box-ml-sm,var(--cim-box-ml-xs)))))}}.cim-tooltip{--arrow-size:10px;color:var(--cim-fg-inverse);background-color:var(--cim-fg-base);box-shadow:var(--cim-shadow-l);border-radius:4px;padding:12px}.cim-tooltip[data-entering]{animation:.2s cim-tooltip--animation}.cim-tooltip[data-exiting]{animation:.2s reverse cim-tooltip--animation}.cim-tooltip .cim-tooltip-arrow svg{fill:var(--cim-fg-base)}.cim-tooltip[data-placement=top]{--cim-tooltip-origin:translateY(2px);margin-bottom:var(--arrow-size)}.cim-tooltip[data-placement=bottom]{--cim-tooltip-origin:translateY(-2px);margin-top:var(--arrow-size)}.cim-tooltip[data-placement=bottom] .cim-tooltip-arrow svg{transform:rotate(180deg)}.cim-tooltip[data-placement=right]{--cim-tooltip-origin:translateX(-2px);margin-left:var(--arrow-size)}.cim-tooltip[data-placement=right] .cim-tooltip-arrow svg{transform:translate(4px)rotate(90deg)}.cim-tooltip[data-placement=left]{--cim-tooltip-origin:translateX(2px);margin-right:var(--arrow-size)}.cim-tooltip[data-placement=left] .cim-tooltip-arrow svg{transform:translate(-4px)rotate(-90deg)}.cim-tooltip .cim-tooltip-arrow svg{fill:var(--cim-fg-base);display:block}.cim-tooltip>.cim-text{max-width:300px}@media (prefers-reduced-motion:reduce){.cim-tooltip[data-entering]{animation:.2s cim-tooltip--animation-reduced}.cim-tooltip[data-exiting]{animation:.2s reverse cim-tooltip--animation-reduced}}@keyframes cim-tooltip--animation{0%{transform:var(--cim-tooltip-origin);opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes cim-tooltip--animation-reduced{0%{opacity:0}to{opacity:1}}.cim-breadcrumbs{gap:var(--cim-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cim-breadcrumb-item{align-items:center;display:flex}.cim-breadcrumb-item:last-child [data-icon]{display:none}.cim-breadcrumb-item>[data-icon]{margin-left:var(--cim-space-8);color:var(--cim-fg-subtle)}.cim-breadcrumb-item .cim-link{text-decoration:none}.cim-disclosure{background:var(--cim-bg-subtle);border:1px solid var(--cim-border-subtle);border-radius:4px}.cim-disclosure[data-expanded] .cim-disclosure-icon{transform:rotate(-180deg)}@supports (height:calc-size(max-content, size)){.cim-disclosure .cim-disclosure-panel{height:0}.cim-disclosure[data-expanded] .cim-disclosure-panel{height:calc-size(max-content,size)}}.cim-disclosure-heading-wrapper{gap:var(--cim-space-16);align-items:center;display:flex}.cim-disclosure-heading{width:100%;margin:0;display:flex}.cim-disclosure-content-end{padding-right:var(--cim-space-16)}.cim-disclosure-button{all:unset;width:100%;padding:var(--cim-space-16);outline-offset:3px;border-radius:4px;outline:transparent;align-items:center;display:flex}.cim-disclosure-button[data-focus-visible]{outline:2px solid var(--cim-border-focus)}.cim-disclosure-icon{margin-right:var(--cim-space-16);color:var(--cim-fg-action);transition:transform .2s ease-in-out}.cim-disclosure-panel{background:var(--cim-bg-base);transition:height .2s ease-in-out allow-discrete,content-visibility .2s ease-in-out allow-discrete;overflow:clip}.cim-disclosure-panel-content{padding:var(--cim-space-16);border-top:1px solid var(--cim-border-subtle)}.cim-disclosure-group{gap:var(--cim-space-16);flex-direction:column;display:flex}.cim-card{--cim-card-padding:var(--cim-space-16);padding:var(--cim-card-padding);background:var(--cim-bg-base);border:1px solid var(--cim-border-base);box-shadow:var(--cim-shadow-xs);border-radius:8px;overflow:hidden}.cim-card-section{margin-inline:calc(var(--cim-card-padding)*-1);padding:inherit}.cim-card-section:first-child{margin-top:calc(var(--cim-card-padding)*-1)}.cim-card-section:last-child{margin-bottom:calc(var(--cim-card-padding)*-1)}.cim-card-section.cim-card-section-with-border{border-top:1px solid var(--cim-border-subtle);border-bottom:1px solid var(--cim-border-subtle)}.cim-card-section.cim-card-section-with-border+.cim-card-section-with-border{border-top:none}.cim-card-section.cim-card-section-with-border:first-child{border-top:none}.cim-card-section.cim-card-section-with-border:last-child{border-bottom:none}.cim-card-section-bleed{padding:0}.cim-card-header{margin:calc(var(--cim-card-padding)*-1);padding:inherit}.cim-visually-hidden:not(.cim-visually-hidden-focusable){white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cim-visually-hidden-focusable:not(:has(:focus-visible,[data-focus-visible])){white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cim-modal-overlay{z-index:100;width:100vw;height:var(--visual-viewport-height);background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.cim-modal-overlay[data-entering]{animation:.2s linear cim-modal-fade-animation}.cim-modal-overlay[data-exiting]{animation:.1s linear reverse cim-modal-fade-animation}.cim-modal{--cim-modal-width:400px;width:min(var(--cim-modal-width),calc(100% - var(--cim-space-32)))}.cim-modal.cim-modal-small{--cim-modal-width:400px}.cim-modal.cim-modal-medium{--cim-modal-width:600px}.cim-modal.cim-modal-large{--cim-modal-width:800px}.cim-modal[data-entering]{animation:.2s ease-out cim-modal-slide-animation}.cim-modal[data-exiting]{animation:.1s ease-out reverse forwards cim-modal-slide-animation}@media (prefers-reduced-motion:reduce){.cim-modal[data-entering]{animation:none}.cim-modal[data-exiting]{animation:none}}.cim-modal-header{gap:var(--cim-space-16);padding:var(--cim-space-24);flex:0 auto;justify-content:space-between;display:flex}.cim-modal-close-button{margin-top:-8px;margin-right:-8px;color:var(--cim-fg-subtle)!important}.cim-modal-dialog{height:100%;max-height:calc(100vh - var(--cim-space-32));background:var(--cim-bg-base);box-shadow:var(--cim-shadow-l);border-radius:8px;outline:none;flex-direction:column;display:flex}@media (min-height:1024px){.cim-modal-dialog{max-height:90vh}}.cim-modal-content{padding:var(--cim-space-24);flex:auto;overflow-y:auto}.cim-modal-header+.cim-modal-content{padding-top:0}@keyframes cim-modal-fade-animation{0%{opacity:0}to{opacity:1}}@keyframes cim-modal-slide-animation{0%{translate:0 -32px}to{translate:0}}.cim-nav-tabs{flex-wrap:wrap;width:fit-content;display:flex}.cim-nav-tabs[data-orientation=horizontal]{flex-direction:row}.cim-nav-tabs[data-orientation=horizontal] .cim-nav-tab-item{box-shadow:inset 0 -2px var(--cim-nav-tab-item-border-color)}.cim-nav-tabs[data-orientation=vertical]{flex-direction:column}.cim-nav-tabs[data-orientation=vertical] .cim-nav-tab-item{box-shadow:inset -2px 0 var(--cim-nav-tab-item-border-color)}.cim-nav-tab-item{--cim-nav-tab-item-border-color:transparent;--cim-nav-tab-item-padding:var(--cim-space-12);cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:var(--cim-nav-tab-item-padding);font-family:var(--cim-font-family);color:var(--cim-fg-action);outline:none;margin:0;transition:color .2s ease-out;position:relative}.cim-nav-tab-item:after{pointer-events:none;content:"";-webkit-user-select:none;-ms-user-select:none;user-select:none;inset:var(--cim-nav-tab-item-padding);outline-offset:3px;border-radius:4px;outline:transparent;transition:outline-color .2s ease-out;position:absolute}.cim-nav-tab-item[data-hovered]{color:var(--cim-fg-action-hover)}.cim-nav-tab-item[data-pressed]{color:var(--cim-fg-action-active)}.cim-nav-tab-item[data-current]{--cim-nav-tab-item-border-color:var(--cim-fg-base);cursor:default;color:var(--cim-fg-base)}.cim-nav-tab-item[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}.cim-nav-tab-item[data-disabled][data-current]{--cim-nav-tab-item-border-color:var(--cim-fg-muted)}.cim-nav-tab-item[data-focus-visible]:after{outline:2px solid var(--cim-border-focus)}.cim-pagination-list{gap:var(--cim-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cim-pagination .cim-icon-button{width:40px}.cim-pagination .cim-button{min-width:40px;padding-inline:var(--cim-space-8)}.cim-pagination-list :is([aria-current=true],[aria-current=page]) .cim-button{color:var(--cim-fg-action-active)!important;background:var(--cim-bg-action-subtle-active)!important}.cim-table-container{position:relative;overflow:auto}.cim-table-container table{border-spacing:0;border-collapse:collapse;width:100%;color:var(--cim-fg-base);background-color:var(--cim-bg-base);border:1px solid var(--cim-border-base);margin-bottom:0}.cim-table-container table th{box-shadow:none;outline:none}.cim-table-container table th[data-focused]{box-shadow:inset 0 0 0 2px var(--cim-border-focus)}.cim-table-container table td{box-shadow:none;outline:none}.cim-table-container table td[data-focused]{box-shadow:inset 0 0 0 2px var(--cim-border-focus)}.cim-table-container table thead{text-transform:uppercase;background-color:var(--cim-bg-subtle)}.cim-table-container table thead tr th{padding:var(--cim-space-16)var(--cim-space-12);font:600 12px/16px var(--cim-font-family);text-align:left;vertical-align:top;border-color:var(--cim-border-base);border-style:solid;border-width:1px 0}.cim-table-container table thead tr td{padding:var(--cim-space-16)var(--cim-space-12);font:600 12px/16px var(--cim-font-family);text-align:left;vertical-align:top;border-color:var(--cim-border-base);border-style:solid;border-width:1px 0}.cim-table-container table tbody{position:relative}.cim-table-container table tbody tr td{padding:var(--cim-space-12);border-color:var(--cim-border-base);border-style:solid;border-width:1px 0 0}.cim-table-container table tbody tr th{padding:var(--cim-space-12);border-color:var(--cim-border-base);border-style:solid;border-width:1px 0 0}.cim-number-field{color:var(--cim-fg-base)}.cim-number-field-input-group{--cim-number-field-border-color:var(--cim-border-base);--cim-number-field-placeholder-color:var(--cim-fg-subtle);background:var(--cim-bg-base);border-radius:4px;align-items:center;width:100%;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex;position:relative}.cim-number-field-input-group:after{pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--cim-number-field-outline-spread,1px)var(--cim-number-field-border-color);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;top:0;bottom:0;left:0;right:0}.cim-number-field-input-group[data-hovered]{--cim-number-field-border-color:var(--cim-border-hover)}.cim-number-field-input-group[data-focus-within]{--cim-number-field-border-color:var(--cim-border-action);--cim-number-field-outline-spread:2px}.cim-number-field-input-group[data-invalid]{--cim-number-field-border-color:var(--cim-border-critical)}.cim-number-field-input-group[data-disabled]{--cim-number-field-border-color:var(--cim-border-base);--cim-number-field-placeholder-color:var(--cim-fg-muted);background:var(--cim-bg-muted)}.cim-number-field-input-group:has(>[aria-readonly=true]){background:var(--cim-bg-subtle)}.cim-number-field-input{height:40px;padding:0 calc(var(--cim-space-12) + 1px);color:var(--cim-fg-base);border-radius:inherit;background-color:transparent;border:none;border-top-right-radius:0;border-bottom-right-radius:0;outline:none;flex:1;transition-property:color;transition-duration:.2s;transition-timing-function:ease-out}.cim-number-field-input::-ms-input-placeholder{color:var(--cim-number-field-placeholder-color)}.cim-number-field-input::placeholder{color:var(--cim-number-field-placeholder-color)}.cim-number-field-input[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}.cim-number-field-spinner{align-items:center;height:40px;display:flex}.cim-number-field-spinner>.cim-icon-button{height:100%}.cim-number-field-spinner-separator{background:var(--cim-border-base);border-radius:1px;width:1px;height:calc(100% - 16px)}.cim-tag{cursor:default;width:fit-content;height:24px;color:var(--cim-fg-base);border:1px solid var(--cim-border-base);border-radius:9999px;outline:transparent;transition-property:background-color,border-color,color,outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:inline-flex}.cim-tag[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted);background-color:var(--cim-bg-muted)}.cim-tag[data-selected]{color:var(--cim-fg-inverse);background-color:var(--cim-bg-action);border-color:var(--cim-border-action)}.cim-tag[data-focus-visible]{outline:2px solid var(--cim-border-focus);outline-offset:3px}.cim-tag[data-selection-mode]:not([data-disabled]){cursor:pointer}.cim-tag .cim-tag-icon{align-items:center;margin-left:8px;display:flex}.cim-tag .cim-tag-icon+.cim-text{margin-left:4px}.cim-tag .cim-text{align-items:center;height:100%;margin-left:8px;margin-right:8px;display:inline-flex}.cim-tag [slot=remove]{all:unset;cursor:pointer;aspect-ratio:1;border-radius:100%;justify-content:center;align-items:center;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.cim-tag [slot=remove][data-hovered]{background-color:var(--cim-bg-subtle)}.cim-tag [slot=remove][data-pressed]{color:var(--cim-fg-subtle);background-color:var(--cim-bg-muted)}.cim-tag [slot=remove][data-disabled]{cursor:not-allowed}.cim-tag-group .cim-form-field-label{margin-bottom:var(--cim-space-12)}.cim-tag-group .cim-form-field-error{margin-top:var(--cim-space-12)}.cim-tag-group .cim-form-field-description{margin-top:var(--cim-space-12)}.cim-form-field-error+:is(.cim-tag-group .cim-form-field-description){margin-top:var(--cim-space-8)}.cim-tag-group-list{row-gap:var(--cim-space-12);column-gap:var(--cim-space-8);outline:transparent;flex-wrap:wrap;transition-property:outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.cim-tag-group-list[data-focus-visible]{outline:2px solid var(--cim-border-focus);outline-offset:3px}