@cimpress-ui/react 0.0.0 → 0.1.0

package/dist/esm/icons/minus-small.js

@@ -1,5 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-const SvgMinusSmall = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "1em", height: "1em", className: "cim-icon", "data-icon": "true", fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1", clipRule: "evenodd" }) }));
-SvgMinusSmall.displayName = 'IconMinusSmall';
+import clsx from 'clsx';
+const displayName = 'IconMinusSmall';
+/** Renders an SVG icon. */
+const SvgMinusSmall = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', UNSAFE_className),
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", "data-icon": "true", fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1", clipRule: "evenodd" }) }));
+};
+SvgMinusSmall.displayName = displayName;
 export default SvgMinusSmall;
 //# sourceMappingURL=minus-small.js.map

package/dist/esm/icons/minus-small.js.map

@@ -1 +1 @@
-{"version":3,"file":"minus-small.js","sourceRoot":"","sources":["../../../src/icons/minus-small.tsx"],"names":[],"mappings":";AACA,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,UAAU,eACV,MAAM,EAChB,IAAI,EAAC,cAAc,KACf,KAAK,YAET,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oDAAoD,EAAC,QAAQ,EAAC,SAAS,GAAG,GACjG,CACP,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC7C,eAAe,aAAa,CAAC","sourcesContent":["import type { SVGProps } from 'react';\nconst SvgMinusSmall = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 16 16\"\n    width=\"1em\"\n    height=\"1em\"\n    className=\"cim-icon\"\n    data-icon=\"true\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path fillRule=\"evenodd\" d=\"M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1\" clipRule=\"evenodd\" />\n  </svg>\n);\nSvgMinusSmall.displayName = 'IconMinusSmall';\nexport default SvgMinusSmall;\n"]}
+{"version":3,"file":"minus-small.js","sourceRoot":"","sources":["../../../src/icons/minus-small.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,WAAW,GAAG,gBAAgB,CAAC;AACrC,2BAA2B;AAC3B,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IAChH,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,gBAAgB,CAAC;QAC7C,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,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oDAAoD,EAAC,QAAQ,EAAC,SAAS,GAAG,GACjG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;AACxC,eAAe,aAAa,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconMinusSmall';\n/** Renders an SVG icon. */\nconst SvgMinusSmall = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\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\" viewBox=\"0 0 16 16\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path fillRule=\"evenodd\" d=\"M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1\" clipRule=\"evenodd\" />\n    </svg>\n  );\n};\nSvgMinusSmall.displayName = displayName;\nexport default SvgMinusSmall;\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, 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;AAExD,2BAA2B;AAC3B,QAAA,MAAM,oBAAoB;mFAMvB,SAAS;;CAiBX,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+const displayName = 'IconWarningCircleFill';
+/** Renders an SVG icon. */
+const SvgWarningCircleFill = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', UNSAFE_className),
+        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,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAC5C,2BAA2B;AAC3B,MAAM,oBAAoB,GAAG,CAAC,EAC5B,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,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,gBAAgB,CAAC;QAC7C,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';\nconst displayName = 'IconWarningCircleFill';\n/** Renders an SVG icon. */\nconst SvgWarningCircleFill = ({\n  size,\n  'aria-hidden': ariaHidden,\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', UNSAFE_className),\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

@@ -2,22 +2,24 @@ 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/typography/text.js';
-export * from './components/typography/link.js';
-export type { PressEvent, ValidationResult } from './components/types.js';
-export type { StyleProps } from './with-style-props.js';
-export * from './providers/ssr/ssr-provider.js';
-export * from './components/text-inputs/text-field.js';
-export * from './components/select/select.js';
 export * from './components/checkbox/checkbox.js';
 export * from './components/checkbox/checkbox-group.js';
-export * from './components/spinner/spinner.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/text-inputs/text-area.js';
-export * from './components/combo-box/combo-box.js';
-export * from './components/form/form.js';
+export * from './components/typography/text.js';
+export * from './components/typography/link.js';
+export type { CollectionItem, Direction, FieldError, HoverEvent, Key, 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';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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;AAExD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAEhD,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC1E,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,cAAc,iCAAiC,CAAC;AAIhD,cAAc,wCAAwC,CAAC;AACvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC"}
+{"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,EACV,cAAc,EACd,SAAS,EACT,UAAU,EACV,UAAU,EACV,GAAG,EACH,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"}

package/dist/esm/index.js

@@ -2,21 +2,22 @@ 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/typography/text.js';
-export * from './components/typography/link.js';
-export * from './providers/ssr/ssr-provider.js';
-// Unfinished exports below
-export * from './components/text-inputs/text-field.js';
-export * from './components/select/select.js';
 export * from './components/checkbox/checkbox.js';
 export * from './components/checkbox/checkbox-group.js';
-export * from './components/spinner/spinner.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/text-inputs/text-area.js';
-export * from './components/combo-box/combo-box.js';
-export * from './components/form/form.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
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +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;AAExD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAKhD,cAAc,iCAAiC,CAAC;AAEhD,2BAA2B;AAE3B,cAAc,wCAAwC,CAAC;AACvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,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';\n\nexport * from './components/typography/text.js';\nexport * from './components/typography/link.js';\n\nexport type { PressEvent, ValidationResult } from './components/types.js';\nexport type { StyleProps } from './with-style-props.js';\n\nexport * from './providers/ssr/ssr-provider.js';\n\n// Unfinished exports below\n\nexport * from './components/text-inputs/text-field.js';\nexport * from './components/select/select.js';\nexport * from './components/checkbox/checkbox.js';\nexport * from './components/checkbox/checkbox-group.js';\nexport * from './components/spinner/spinner.js';\nexport * from './components/menu/menu.js';\nexport * from './components/radio/radio.js';\nexport * from './components/radio/radio-group.js';\nexport * from './components/spacing/box/box.js';\nexport * from './components/spacing/stack/stack.js';\nexport * from './components/text-inputs/text-area.js';\nexport * from './components/combo-box/combo-box.js';\nexport * from './components/form/form.js';\n"]}
+{"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;AAiBhD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AAEtD,2BAA2B","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 {\n  CollectionItem,\n  Direction,\n  FieldError,\n  HoverEvent,\n  Key,\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\n"]}

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

@@ -1,10 +1,14 @@
-import { type PropsWithChildren } from 'react';
-export type SSRProviderProps = PropsWithChildren<{
+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 {

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

@@ -1 +1 @@
-{"version":3,"file":"ssr-provider.d.ts","sourceRoot":"","sources":["../../../../src/providers/ssr/ssr-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;IAC/C,sHAAsH;IACtH,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC,CAAC;AAMH;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,gBAAgB,2CAMjE;yBANe,WAAW"}
+{"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

@@ -7,9 +7,11 @@ 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(RACI18nProvider, { locale: locale, children: _jsx(BaseSSRProvider, { children: 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

@@ -1 +1 @@
-{"version":3,"file":"ssr-provider.js","sourceRoot":"","sources":["../../../../src/providers/ssr/ssr-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAA0B,OAAO,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,YAAY,IAAI,eAAe,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAOvG,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;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAoB;IAChE,OAAO,CACL,KAAC,eAAe,IAAC,MAAM,EAAE,MAAM,YAC7B,KAAC,eAAe,cAAE,QAAQ,GAAmB,GAC7B,CACnB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["'use client';\n\nimport { Fragment, type PropsWithChildren, version } from 'react';\nimport { I18nProvider as RACI18nProvider, SSRProvider as RACSSRProvider } from 'react-aria-components';\n\nexport type SSRProviderProps = PropsWithChildren<{\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 */\nexport function SSRProvider({ locale, children }: SSRProviderProps) {\n  return (\n    <RACI18nProvider locale={locale}>\n      <BaseSSRProvider>{children}</BaseSSRProvider>\n    </RACI18nProvider>\n  );\n}\n\nSSRProvider.displayName = 'SSRProvider';\n"]}
+{"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/with-style-props.d.ts

@@ -1,15 +1,21 @@
-import type { ReactNode, RefAttributes } from 'react';
+import type { RefAttributes, JSX } from 'react';
 import { type Responsive, type Spacing } from './components/spacing/types.js';
-import type { DOMProps } from './components/types.js';
-export type Margin = Responsive<Spacing | 'auto'>;
+import type { CommonProps } from './components/types.js';
 export interface StyleProps {
-    margin?: Margin;
-    marginX?: Margin;
-    marginY?: Margin;
-    marginTop?: Margin;
-    marginRight?: Margin;
-    marginBottom?: Margin;
-    marginLeft?: Margin;
+    /** 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 DOMProps, R>(WrappedComponent: (props: T & RefAttributes<R>) => ReactNode, displayName?: string): (props: T & StyleProps & RefAttributes<R>) => ReactNode;
+export declare function withStyleProps<T extends CommonProps, 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

@@ -1 +1 @@
-{"version":3,"file":"with-style-props.d.ts","sourceRoot":"","sources":["../../src/with-style-props.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAA0B,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACtG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,QAAQ,EAAE,CAAC,EAClD,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,SAAS,EAC5D,WAAW,CAAC,EAAE,MAAM,2DA6DrB"}
+{"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,WAAW,EAAE,CAAC,EACrD,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.map

@@ -1 +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;AAgB9C,MAAM,UAAU,cAAc,CAC5B,gBAA4D,EAC5D,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, ReactNode, RefAttributes } from 'react';\nimport { getResponsiveVariables, type Responsive, type Spacing } from './components/spacing/types.js';\nimport type { DOMProps } from './components/types.js';\nimport { forwardRef } from './forward-ref.js';\n\nexport type Margin = Responsive<Spacing | 'auto'>;\n\nexport interface StyleProps {\n  margin?: Margin;\n\n  marginX?: Margin;\n  marginY?: Margin;\n\n  marginTop?: Margin;\n  marginRight?: Margin;\n  marginBottom?: Margin;\n  marginLeft?: Margin;\n}\n\nexport function withStyleProps<T extends DOMProps, R>(\n  WrappedComponent: (props: T & RefAttributes<R>) => ReactNode,\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"]}
+{"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 CommonProps, 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

@@ -1,2 +1,2 @@
 /*! modern-normalize v3.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
-:where([data-experimental-cim-style-root]){-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-experimental-cim-style-root]){box-sizing:border-box}:where([data-experimental-cim-style-root]):before{box-sizing:border-box}:where([data-experimental-cim-style-root]):after{box-sizing:border-box}:where([data-experimental-cim-style-root]) *{box-sizing:border-box}:where([data-experimental-cim-style-root]) :before{box-sizing:border-box}:where([data-experimental-cim-style-root]) :after{box-sizing:border-box}:where([data-experimental-cim-style-root]):is(body){margin:0}:where([data-experimental-cim-style-root]) body{margin:0}:where([data-experimental-cim-style-root]) b{font-weight:bolder}:where([data-experimental-cim-style-root]) strong{font-weight:bolder}:where([data-experimental-cim-style-root]) code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-experimental-cim-style-root]) kbd{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-experimental-cim-style-root]) samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-experimental-cim-style-root]) pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-experimental-cim-style-root]) small{font-size:80%}:where([data-experimental-cim-style-root]) sub{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-experimental-cim-style-root]) sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-experimental-cim-style-root]) sub{bottom:-.25em}:where([data-experimental-cim-style-root]) sup{top:-.5em}:where([data-experimental-cim-style-root]) table{border-color:currentColor}:where([data-experimental-cim-style-root]) button{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) input{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) optgroup{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) select{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) button{-webkit-appearance:button}:where([data-experimental-cim-style-root]) [type=button]{-webkit-appearance:button}:where([data-experimental-cim-style-root]) [type=reset]{-webkit-appearance:button}:where([data-experimental-cim-style-root]) [type=submit]{-webkit-appearance:button}:where([data-experimental-cim-style-root]) legend{padding:0}:where([data-experimental-cim-style-root]) progress{vertical-align:baseline}:where([data-experimental-cim-style-root]) ::-webkit-inner-spin-button{height:auto}:where([data-experimental-cim-style-root]) ::-webkit-outer-spin-button{height:auto}:where([data-experimental-cim-style-root]) [type=search]{-webkit-appearance:textfield;outline-offset:-2px}:where([data-experimental-cim-style-root]) ::-webkit-search-decoration{-webkit-appearance:none}:where([data-experimental-cim-style-root]) ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}:where([data-experimental-cim-style-root]) summary{display:list-item}[data-experimental-cim-style-root]{--cim-persimmon-base:#f0563a;--cim-persimmon-darker:#d63625;--cim-persimmon-darkest:#bc2111;--cim-cobalt-base:#3a414c;--cim-cobalt-darker:#212730;--cim-cobalt-darkest:#0d1116;--cim-ocean-base:#0088a9;--cim-ocean-darker:#00738e;--cim-ocean-darkest:#005c75;--cim-teal-base:#006f8a;--cim-teal-darker:#005b70;--cim-teal-darkest:#004456;--cim-sky-base:#d4ebf2;--cim-sky-darker:#b0d9e6;--cim-sky-darkest:#92c8da;--cim-granite-base:#4f5d75;--cim-granite-darker:#354259;--cim-granite-darkest:#212c3f;--cim-coal:#333943;--cim-shale:#697582;--cim-slate:#8090a2;--cim-alloy:#c4cdd6;--cim-platinum:#e1e6eb;--cim-silver:#eff3f5;--cim-horizon:#edf3f8;--cim-white:#fff;--cim-success-base:#35ad96;--cim-success-darker:#22917e;--cim-success-darkest:#127769;--cim-info-base:#41b5dc;--cim-info-darker:#2b9dc1;--cim-info-darkest:#188aa8;--cim-warning-base:#ffa23f;--cim-warning-darker:#e58628;--cim-warning-darkest:#cc7712;--cim-danger-base:#d24a35;--cim-danger-darker:#b73721;--cim-danger-darkest:#9e2810;--cim-disabled-base:#dfe0e2;--cim-disabled-darker:#c4cdd6;--cim-disabled-darkest:rgba(58,65,76,.5);--cim-fg-title:var(--cim-cobalt-darkest);--cim-fg-base:var(--cim-cobalt-base);--cim-fg-subtle:var(--cim-shale);--cim-fg-muted:#979ea6;--cim-fg-inverse:var(--cim-white);--cim-fg-action:var(--cim-ocean-base);--cim-fg-action-hover:var(--cim-ocean-darker);--cim-fg-action-active:var(--cim-ocean-darkest);--cim-fg-info:var(--cim-info-darker);--cim-fg-success:var(--cim-success-darker);--cim-fg-warning:var(--cim-warning-darkest);--cim-fg-critical:var(--cim-danger-base);--cim-fg-critical-hover:var(--cim-danger-darker);--cim-fg-critical-active:var(--cim-danger-darkest);--cim-bg-base:var(--cim-white);--cim-bg-subtle:var(--cim-silver);--cim-bg-action-subtle-hover:#e8f4f7;--cim-bg-action-subtle-active:var(--cim-sky-base);--cim-bg-action:var(--cim-ocean-base);--cim-bg-action-hover:var(--cim-ocean-darker);--cim-bg-action-active:var(--cim-ocean-darkest);--cim-bg-muted:var(--cim-platinum);--cim-bg-info:var(--cim-info-base);--cim-bg-success:var(--cim-success-base);--cim-bg-warning:var(--cim-warning-base);--cim-bg-critical-subtle-hover:#fcf1ef;--cim-bg-critical-subtle-active:#f8e2de;--cim-bg-critical:var(--cim-danger-base);--cim-bg-critical-hover:var(--cim-danger-darker);--cim-bg-critical-active:var(--cim-danger-darkest);--cim-border-base:var(--cim-alloy);--cim-border-subtle:var(--cim-platinum);--cim-border-hover:var(--cim-slate);--cim-border-action:var(--cim-ocean-base);--cim-border-action-hover:var(--cim-ocean-darker);--cim-border-info:var(--cim-info-base);--cim-border-success:var(--cim-success-base);--cim-border-warning:var(--cim-warning-base);--cim-border-critical:var(--cim-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;font:normal 400 16px/20px var(--cim-font-family);color:var(--cim-fg-base)}.cim-text{font-family:var(--cim-font-family);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-extra-small,.cim-text-variant-extra-small-semibold{font-size:11px;font-weight:400;line-height:16px}.cim-text-variant-body-semibold,.cim-text-variant-medium-semibold,.cim-text-variant-small-semibold,.cim-text-variant-extra-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-text-tone-title{color:var(--cim-fg-title)}.cim-text-tone-base{color:var(--cim-fg-base)}.cim-text-tone-subtle{color:var(--cim-fg-subtle)}.cim-text-tone-muted{color:var(--cim-fg-muted)}.cim-text-tone-inverse{color:var(--cim-fg-inverse)}.cim-text-tone-action{color:var(--cim-fg-action)}.cim-text-tone-info{color:var(--cim-fg-info)}.cim-text-tone-success{color:var(--cim-fg-success)}.cim-text-tone-warning{color:var(--cim-fg-warning)}.cim-text-tone-critical{color:var(--cim-fg-critical)}.cim-link{font-family:var(--cim-font-family);outline:none;margin:0;text-decoration:none;color:var(--cim-fg-action)!important}.cim-link:hover{text-decoration:underline;color:var(--cim-fg-action-hover)!important}.cim-link:active{color:var(--cim-fg-action-active)!important}.cim-link[data-focus-visible]{outline:2px solid var(--cim-border-focus)}.cim-link-icon{vertical-align:middle}.cim-link>*+*{margin-left:8px}.cim-button,.cim-icon-button{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--cim-font-family);text-align:center;text-overflow:ellipsis;white-space:nowrap;-ms-appearance:none;appearance:none;outline-offset:3px;border-style:solid;border-width:1px;outline:transparent;justify-content:center;align-items:center;gap:8px;max-width:100%;margin:0;padding:0;font-weight:600;text-decoration:none;transition:all .2s ease-out,outline,outline-color .2s ease-out;display:inline-flex;overflow:hidden}:is(.cim-button,.cim-icon-button) .cim-icon{flex-shrink:0}: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:18px;height:18px}:is(.cim-button,.cim-icon-button)[data-size=medium]{--cim-button-padding-inline:16px;border-radius:4px;height:40px;font-size:16px;line-height:24px}:is(.cim-button,.cim-icon-button)[data-size=medium] .cim-icon{width:18px;height:18px}: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:24px;height:24px}:is(.cim-button,.cim-icon-button)[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted);border-color:var(--cim-border-base)}:is(.cim-button,.cim-icon-button)[data-disabled]:not([data-variant=secondary]){border:none}:is(.cim-button,.cim-icon-button)[data-pending]{cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted);border-color:var(--cim-border-base)}:is(.cim-button,.cim-icon-button)[data-pending]:not([data-variant=secondary]){border:none}: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:var(--cim-bg-base);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%)}:is(.cim-button,.cim-icon-button)[data-pending][data-size=small]>.cim-spinner:last-child svg{width:20px!important;height:20px!important}:is(.cim-button,.cim-icon-button)[data-pending][data-size=medium]>.cim-spinner:last-child svg{width:24px!important;height:24px!important}:is(.cim-button,.cim-icon-button)[data-pending][data-size=large]>.cim-spinner:last-child svg{width:32px!important;height:32px!important}.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:24px;--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;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-readonly]{cursor:default}.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-fg-muted);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:all .2s ease-out,outline,outline-color .2s ease-out;display:flex}.cim-checkbox-toggle>svg{color:var(--cim-checkbox-icon-color)}.cim-select{--cim-select-border-color:var(--cim-border-base);color:var(--cim-cobalt-base)}.cim-select [data-icon]{top:50%;right:var(--cim-space-16);color:var(--cim-fg-action);position:absolute;transform:translateY(-50%)}.cim-select[data-open] [data-icon]{transform:translateY(-50%)rotate(180deg)}.cim-select[data-invalid] .cim-select-button{--cim-select-border-color:var(--cim-border-critical)}.cim-select-button{padding-right:var(--cim-space-32);padding-left:var(--cim-space-16);background:var(--cim-bg-base);border:1px solid var(--cim-select-border-color);border-radius:4px;outline:none;align-items:center;width:100%;height:40px;transition:all .2s ease-out;display:flex;position:relative}.cim-select-button[data-hovered]:where(:not([data-disabled])){--cim-select-border-color:var(--cim-border-hover)}.cim-select-button[data-focused]{--cim-select-border-color:var(--cim-border-action);box-shadow:inset 0 0 0 1px var(--cim-select-border-color);outline:none}.cim-select-button[data-pressed]{--cim-select-border-color:var(--cim-border-action);box-shadow:inset 0 0 0 1px var(--cim-select-border-color);outline:none}.cim-select-button[data-disabled]{background:var(--cim-bg-disabled)}.cim-select-popover{min-width:var(--trigger-width);min-height:unset;max-height:inherit;border:1px solid var(--cim-alloy);background:#fff;border-radius:4px;overflow-y:auto;box-shadow:0 6px 12px rgba(0,0,0,.18)}.cim-select-popover[data-focus-visible]{outline:none}.cim-select-listbox{width:unset;min-height:unset;max-height:inherit;border:none;outline:none;display:block}.cim-select-listbox .cim-select-header{padding:var(--cim-space-8)var(--cim-space-16);text-transform:uppercase}.cim-select-item{cursor:pointer;padding:var(--cim-space-12)var(--cim-space-16);color:var(--cim-teal-base);outline:none}.cim-select-item[data-focused]{color:var(--cim-teal-darker);background:#f8fafc}.cim-select-item[data-pressed]{color:var(--cim-teal-darker);background:#f8fafc}.cim-select-item[data-selected]{background:var(--cim-horizon)}.cim-select-item[data-disabled]{cursor:not-allowed;color:var(--cim-slate)}.cim-text-field,.cim-text-area{color:var(--cim-fg-base)}.cim-text-field-input,.cim-text-area-input{--cim-text-field-border-color:var(--cim-border-base);background:var(--cim-bg-base);border:1px solid var(--cim-text-field-border-color);border-radius:4px;outline:none;width:100%;transition:all .2s ease-out}:is(.cim-text-field-input,.cim-text-area-input)::-ms-input-placeholder{color:var(--cim-fg-muted)}:is(.cim-text-field-input,.cim-text-area-input)::placeholder{color:var(--cim-fg-muted)}:is(.cim-text-field-input,.cim-text-area-input)[data-hovered]{--cim-text-field-border-color:var(--cim-border-hover)}:is(.cim-text-field-input,.cim-text-area-input)[data-focused]{--cim-text-field-border-color:var(--cim-border-action);box-shadow:inset 0 0 0 1px var(--cim-text-field-border-color)}:is(.cim-text-field-input,.cim-text-area-input)[data-invalid]{--cim-text-field-border-color:var(--cim-border-critical)}:is(.cim-text-field-input,.cim-text-area-input)[data-disabled]{--cim-text-field-border-color:var(--cim-border-base);color:var(--cim-fg-subtle);background:var(--cim-bg-muted)}.cim-text-field-input{padding:0 var(--cim-space-8);height:40px}.cim-text-area-input{padding:10px var(--cim-space-8);max-width:100%}.cim-combo-box{--cim-combo-box-border-color:var(--cim-border-base);color:var(--cim-cobalt-base)}.cim-combo-box[data-open] .cim-combo-box-button [data-icon]{transform:rotate(180deg)}.cim-combo-box:has(:where(.cim-combo-box-input[data-hovered]:not([data-disabled]))){--cim-combo-box-border-color:var(--cim-border-hover)}.cim-combo-box[data-focused]{--cim-combo-box-border-color:var(--cim-border-action)}.cim-combo-box[data-focused] .cim-combo-box-input-wrapper{box-shadow:inset 0 0 0 1px var(--cim-combo-box-border-color);outline:none}.cim-combo-box[data-pressed]{--cim-combo-box-border-color:var(--cim-border-action)}.cim-combo-box[data-pressed] .cim-combo-box-input-wrapper{box-shadow:inset 0 0 0 1px var(--cim-combo-box-border-color);outline:none}.cim-combo-box[data-disabled]{background:var(--cim-bg-disabled)}.cim-combo-box[data-invalid]{--cim-combo-box-border-color:var(--cim-border-critical)}.cim-combo-box-input-wrapper{background:var(--cim-bg-base);border:1px solid var(--cim-combo-box-border-color);border-radius:4px;outline:none;align-items:center;width:100%;height:40px;transition:all .2s ease-out;display:flex;position:relative}.cim-combo-box-input{padding:0;padding-left:var(--cim-space-16);background:0 0;border:none;outline:none;flex:1;height:100%}.cim-combo-box-input::-ms-input-placeholder{color:var(--cim-fg-muted)}.cim-combo-box-input::placeholder{color:var(--cim-fg-muted)}.cim-combo-box-button{cursor:pointer;padding-inline:var(--cim-space-16);color:var(--cim-fg-action);background:0 0;border:none;flex-shrink:0;align-items:center;height:100%;display:flex}.cim-combo-box-popover{min-width:calc(var(--trigger-width) + 2px);min-height:unset;max-height:inherit;border:1px solid var(--cim-alloy);background:#fff;border-radius:4px;overflow-y:auto;box-shadow:0 6px 12px rgba(0,0,0,.18)}.cim-combo-box-popover[data-focus-visible]{outline:none}.cim-combo-box-listbox{width:unset;min-height:unset;max-height:inherit;border:none;outline:none;display:block}.cim-combo-box-listbox .cim-combo-box-header{padding:var(--cim-space-8)var(--cim-space-16);text-transform:uppercase}.cim-combo-box-item{cursor:pointer;padding:var(--cim-space-12)var(--cim-space-16);color:var(--cim-teal-base);outline:none}.cim-combo-box-item[data-focused]{color:var(--cim-teal-darker);background:#f8fafc}.cim-combo-box-item[data-pressed]{color:var(--cim-teal-darker);background:#f8fafc}.cim-combo-box-item[data-selected]{background:var(--cim-horizon)}.cim-combo-box-item[data-disabled]{cursor:not-allowed;color:var(--cim-slate)}.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-description{margin-top:var(--cim-space-4);display:block}.cim-spinner>svg{display:block}.cim-spinner-ring-bg{fill:none;stroke:var(--cim-alloy);stroke-linecap:butt;stroke-width:10px}.cim-spinner-ring-animated{fill:none;stroke:var(--cim-info-base);stroke-linecap:butt;stroke-width:10px}.cim-menu-button{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--cim-font-family);color:var(--cim-fg-action);border:1px solid var(--cim-border-base);outline-offset:3px;background:#fff;border-radius:4px;outline:transparent;justify-content:center;align-items:center;gap:8px;height:40px;padding-left:16px;padding-right:16px;font-size:16px;line-height:24px;transition:all .2s ease-out,outline,outline-color .2s ease-out;display:inline-flex;position:relative}.cim-menu-button[data-focus-visible]{outline:2px solid var(--cim-border-focus)}.cim-menu-button[data-hovered]{color:var(--cim-fg-action-hover);background:var(--cim-bg-action-subtle-hover)}.cim-menu-button[data-pressed]{color:var(--cim-fg-action-active);background:var(--cim-bg-action-subtle-active)}.cim-menu-button[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted);border-color:var(--cim-border-base)}.cim-menu-button>.cim-icon{flex-shrink:0;width:18px;height:18px}.cim-menu-popover{min-width:var(--trigger-width);min-height:unset;max-height:inherit;padding:var(--cim-space-8)0;background:var(--cim-bg-base);border-radius:4px;outline:none;overflow-y:auto;box-shadow:0 1px 3px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.05),0 6px 16px rgba(0,0,0,.04)}.cim-menu{width:unset;min-height:unset;border:none;outline:none}.cim-menu-section-header,.cim-menu-item{padding:var(--cim-space-8)var(--cim-space-16)}.cim-menu-item{cursor:pointer;color:var(--cim-fg-base);outline:none;text-decoration:none;display:block}.cim-menu-item [slot=label]{line-height:24px}.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]{cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-base)}.cim-menu-separator{border:1px solid var(--cim-border-base);height:1px}.cim-radio{--cim-radio-line-height:24px;--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;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]{cursor:default}.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:all .2s ease-out,outline,outline-color .2s ease-out;display:flex}.cim-radio-toggle-inner{background:var(--cim-radio-toggle-inner-color);border-radius:50%;width:6px;height:6px}.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-stack{--cim-stack-fd-inline-false:column;--cim-stack-fd-inline-true:row;--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;flex-direction:var(--cim-stack-fd-xs);gap:var(--cim-stack-gap-xs);flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;display:flex}@media (min-width:640px){.cim-stack{flex-direction:var(--cim-stack-fd-sm,var(--cim-stack-fd-xs));gap:var(--cim-stack-gap-sm,var(--cim-stack-gap-xs))}}@media (min-width:768px){.cim-stack{flex-direction:var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs)));gap:var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-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))));gap:var(--cim-stack-gap-lg,var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-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)))));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)))))}}
+: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;font:normal 400 16px/20px var(--cim-font-family);color:var(--cim-fg-base)}.cim-text{font-family:var(--cim-font-family);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-text-tone-title{color:var(--cim-fg-title)}.cim-text-tone-base{color:var(--cim-fg-base)}.cim-text-tone-subtle{color:var(--cim-fg-subtle)}.cim-text-tone-muted{color:var(--cim-fg-muted)}.cim-text-tone-inverse{color:var(--cim-fg-inverse)}.cim-text-tone-action{color:var(--cim-fg-action)}.cim-text-tone-info{color:var(--cim-fg-info)}.cim-text-tone-success{color:var(--cim-fg-success)}.cim-text-tone-warning{color:var(--cim-fg-warning)}.cim-text-tone-critical{color:var(--cim-fg-critical)}.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-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:calc(var(--trigger-width) + var(--trigger-width-corr));min-height:unset;max-height:inherit;background:var(--cim-bg-base);border-radius:4px;outline:none;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.05),0 6px 16px rgba(0,0,0,.04)}.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;-ms-appearance:none;appearance:none;outline-offset:3px;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);background:var(--cim-bg-muted);border-color:var(--cim-border-base)}:is(.cim-button,.cim-icon-button)[data-disabled]:not([data-variant=secondary]){border:none}:is(.cim-button,.cim-icon-button)[data-pending]{cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted);border-color:var(--cim-border-base)}:is(.cim-button,.cim-icon-button)[data-pending]:not([data-variant=secondary]){border:none}: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:var(--cim-bg-base);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-wrapper{--cim-combo-box-border-color:var(--cim-border-base);--cim-combo-box-icon-color:var(--cim-fg-subtle);--cim-combo-box-placeholder-color:var(--cim-fg-subtle);width:100%;height:40px;color:var(--cim-fg-base);background:var(--cim-bg-base);border:1px solid var(--cim-combo-box-border-color);border-radius:4px;outline:none;align-items:stretch;padding:0;transition-property:background-color,border-color,box-shadow,color;transition-duration:.2s;transition-timing-function:ease-out;display:flex}[data-readonly]>.cim-combo-box-input-wrapper{cursor:default;background:var(--cim-bg-subtle)}.cim-combo-box-input-wrapper[data-focus-visible]{--cim-combo-box-border-color:var(--cim-border-action);--cim-combo-box-icon-color:var(--cim-fg-base);box-shadow:inset 0 0 0 1px var(--cim-combo-box-border-color)}.cim-combo-box-input-wrapper[data-hovered]{--cim-combo-box-border-color:var(--cim-border-hover)}.cim-combo-box-input-wrapper[data-focus-within]{--cim-combo-box-border-color:var(--cim-border-action);--cim-combo-box-icon-color:var(--cim-fg-base);box-shadow:inset 0 0 0 1px var(--cim-combo-box-border-color)}.cim-combo-box-input-wrapper[data-invalid]{--cim-combo-box-border-color:var(--cim-border-critical)}.cim-combo-box-input-wrapper[data-disabled]{--cim-combo-box-border-color:var(--cim-border-base);--cim-combo-box-icon-color:var(--cim-fg-muted);--cim-combo-box-placeholder-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted)}.cim-combo-box-input-wrapper[data-disabled] .cim-combo-box-input{cursor:not-allowed}.cim-combo-box-input-wrapper[data-disabled] .cim-combo-box-button{cursor:not-allowed}.cim-combo-box-input{min-width:0;height:100%;padding:0;padding-left:var(--cim-space-8);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-button{cursor:pointer;height:100%;padding:0 var(--cim-space-8);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-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: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[data-focus-visible]{--cim-select-border-color:var(--cim-border-action);--cim-select-icon-color:var(--cim-fg-base)}.cim-select[data-focus-visible] .cim-select-button{box-shadow:inset 0 0 0 1px var(--cim-select-border-color)}.cim-select[data-invalid]{--cim-select-border-color:var(--cim-border-critical)}.cim-select[data-disabled]{--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}.cim-select[data-disabled] .cim-select-button{color:var(--cim-fg-muted);background:var(--cim-bg-muted)}.cim-select-button{gap:var(--cim-space-8);width:100%;height:40px;padding:0 var(--cim-space-8);color:var(--cim-fg-base);background:var(--cim-bg-base);border:1px solid var(--cim-select-border-color);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}.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]:not(.cim-select[data-invalid] .cim-select-button[data-hovered]){--cim-select-border-color:var(--cim-border-hover)}.cim-select-button[data-pressed]{--cim-select-icon-color:var(--cim-fg-base);box-shadow:inset 0 0 0 2px var(--cim-select-border-color)}.cim-select-button[data-pressed]:not(.cim-select[data-invalid] .cim-select-button[data-pressed]){--cim-select-border-color:var(--cim-border-action)}.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,.cim-text-area-input{--cim-text-field-border-color:var(--cim-border-base);--cim-text-field-placeholder-color:var(--cim-fg-subtle);background:var(--cim-bg-base);border:1px solid var(--cim-text-field-border-color);border-radius:4px;outline:none;width:100%;transition-property:background-color,border-color,box-shadow,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)}[data-readonly]>:is(.cim-text-field-input,.cim-text-area-input){background:var(--cim-bg-subtle)}:is(.cim-text-field-input,.cim-text-area-input)[data-hovered]{--cim-text-field-border-color:var(--cim-border-hover)}:is(.cim-text-field-input,.cim-text-area-input)[data-focused]{--cim-text-field-border-color:var(--cim-border-action);box-shadow:inset 0 0 0 2px var(--cim-text-field-border-color)}:is(.cim-text-field-input,.cim-text-area-input)[data-invalid]{--cim-text-field-border-color:var(--cim-border-critical)}:is(.cim-text-field-input,.cim-text-area-input)[data-disabled]{--cim-text-field-border-color:var(--cim-border-base);--cim-text-field-placeholder-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted)}.cim-text-field-input{height:40px;padding:0 var(--cim-space-12)}.cim-text-area-input{max-width:100%;padding:10px var(--cim-space-12)}.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);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)))))}}