@cimpress-ui/react 0.1.0 → 0.3.0

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;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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,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,2CAA2C,CAAC;AAC1D,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,wCAAwC,CAAC;AACvD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,wCAAwC,CAAC;AACvD,cAAc,yCAAyC,CAAC;AACxD,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,0CAA0C,CAAC;AACzD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,yCAAyC,CAAC;AAGxD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAE9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AAEpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAoBhD,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AAEtD,2BAA2B;AAC3B,cAAc,uCAAuC,CAAC;AACtD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iDAAiD,CAAC;AAChE,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/badge/badge.js';\nexport * 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/number-field/number-field.js';\nexport * from './components/pagination/pagination.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';\nexport * from './components/breadcrumbs/breadcrumbs.js';\nexport * from './components/tooltip/tooltip.js';\nexport * from './components/popover/popover.js';\nexport * from './components/table/table-container.js';\nexport * from './components/table/table.js';\nexport * from './components/table/table-header.js';\nexport * from './components/table/table-header-row.js';\nexport * from './components/table/table-header-cell.js';\nexport * from './components/table/table-body.js';\nexport * from './components/table/table-body-row.js';\nexport * from './components/table/table-body-cell.js';\nexport * from './components/table/table-row-selector.js';\nexport * from './components/table/table-all-rows-selector.js';\nexport * from './components/table/table-empty-state.js';\nexport type { RowSelectionMode as TableRowSelectionMode } from './components/table/contexts/table-state.js';\nexport type { ColumnContentAlignment as TableColumnContentAlignment } from './components/table/contexts/column-collection.js';\nexport * from './components/tag/tag.js';\nexport * from './components/tag/tag-group.js';\n\nexport * from './components/spacing/box/box.js';\nexport * from './components/spacing/stack/stack.js';\n\nexport * from './components/typography/text.js';\nexport * from './components/typography/link.js';\n\nexport type { ForegroundTone } from './utils/style/types.js';\n\nexport type {\n  CollectionItem,\n  Direction,\n  FieldError,\n  HoverEvent,\n  Key,\n  Selection,\n  PressEvent,\n  RouterConfig,\n  Href,\n  RouterOptions,\n  ValidationResult,\n} from './components/types.js';\nexport type { Spacing, Responsive } from './components/spacing/types.js';\nexport type { StyleProps } from './with-style-props.js';\n\nexport * from './providers/ssr/ssr-provider.js';\nexport * from './providers/router/router-provider.js';\n\n// Unfinished exports below\nexport * from './components/disclosure/disclosure.js';\nexport * from './components/disclosure/disclosure-group.js';\nexport * from './components/card/card.js';\nexport * from './components/visually-hidden/visually-hidden.js';\nexport * from './components/modal/modal.js';\nexport * from './components/nav-tabs/nav-tabs.js';\n"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,3 @@
+/** Represents the color tone of a foreground element. */
+export type ForegroundTone = 'title' | 'base' | 'subtle' | 'muted' | 'inverse' | 'action' | 'info' | 'success' | 'warning' | 'critical';
+//# sourceMappingURL=types.d.ts.map

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

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

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

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

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

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

package/dist/esm/utils/use-server-effect-event.d.ts

@@ -0,0 +1,3 @@
+/** A version of `useEffectEvent` that runs synchronously during SSR. */
+export declare function useServerEffectEvent<T extends Function>(fn?: T): T;
+//# sourceMappingURL=use-server-effect-event.d.ts.map

package/dist/esm/utils/use-server-effect-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-server-effect-event.d.ts","sourceRoot":"","sources":["../../../src/utils/use-server-effect-event.ts"],"names":[],"mappings":"AAGA,wEAAwE;AAExE,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,CAAC,CAYlE"}

package/dist/esm/utils/use-server-effect-event.js

@@ -0,0 +1,16 @@
+import { useCallback, useRef } from 'react';
+import { useServerLayoutEffect } from './use-server-layout-effect.js';
+/** A version of `useEffectEvent` that runs synchronously during SSR. */
+// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type
+export function useServerEffectEvent(fn) {
+    const ref = useRef(null);
+    useServerLayoutEffect(() => {
+        ref.current = fn;
+    }, [fn]);
+    // @ts-expect-error `args` rest parameter doesn't play well with the `Function` type
+    return useCallback((...args) => {
+        const f = ref.current;
+        return f?.(...args);
+    }, []);
+}
+//# sourceMappingURL=use-server-effect-event.js.map

package/dist/esm/utils/use-server-effect-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-server-effect-event.js","sourceRoot":"","sources":["../../../src/utils/use-server-effect-event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE,wEAAwE;AACxE,sEAAsE;AACtE,MAAM,UAAU,oBAAoB,CAAqB,EAAM;IAC7D,MAAM,GAAG,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAE/C,qBAAqB,CAAC,GAAG,EAAE;QACzB,GAAG,CAAC,OAAO,GAAG,EAAE,CAAC;IACnB,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAET,oFAAoF;IACpF,OAAO,WAAW,CAAI,CAAC,GAAG,IAAI,EAAE,EAAE;QAChC,MAAM,CAAC,GAAG,GAAG,CAAC,OAAQ,CAAC;QACvB,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC","sourcesContent":["import { useCallback, useRef } from 'react';\nimport { useServerLayoutEffect } from './use-server-layout-effect.js';\n\n/** A version of `useEffectEvent` that runs synchronously during SSR. */\n// eslint-disable-next-line @typescript-eslint/no-unsafe-function-type\nexport function useServerEffectEvent<T extends Function>(fn?: T): T {\n  const ref = useRef<T | null | undefined>(null);\n\n  useServerLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n\n  // @ts-expect-error `args` rest parameter doesn't play well with the `Function` type\n  return useCallback<T>((...args) => {\n    const f = ref.current!;\n    return f?.(...args);\n  }, []);\n}\n"]}

package/dist/esm/utils/use-server-layout-effect.d.ts

@@ -0,0 +1,4 @@
+import { useLayoutEffect } from '@react-aria/utils';
+/** A version of `useLayoutEffect` that runs synchronously during SSR. */
+export declare const useServerLayoutEffect: typeof useLayoutEffect;
+//# sourceMappingURL=use-server-layout-effect.d.ts.map

package/dist/esm/utils/use-server-layout-effect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-server-layout-effect.d.ts","sourceRoot":"","sources":["../../../src/utils/use-server-layout-effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,yEAAyE;AACzE,eAAO,MAAM,qBAAqB,EAAE,OAAO,eAC+B,CAAC"}

package/dist/esm/utils/use-server-layout-effect.js

@@ -0,0 +1,4 @@
+import { useLayoutEffect } from '@react-aria/utils';
+/** A version of `useLayoutEffect` that runs synchronously during SSR. */
+export const useServerLayoutEffect = typeof document !== 'undefined' ? useLayoutEffect : (effect) => effect();
+//# sourceMappingURL=use-server-layout-effect.js.map

package/dist/esm/utils/use-server-layout-effect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-server-layout-effect.js","sourceRoot":"","sources":["../../../src/utils/use-server-layout-effect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,yEAAyE;AACzE,MAAM,CAAC,MAAM,qBAAqB,GAChC,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,EAAE,CAAC","sourcesContent":["import { useLayoutEffect } from '@react-aria/utils';\n\n/** A version of `useLayoutEffect` that runs synchronously during SSR. */\nexport const useServerLayoutEffect: typeof useLayoutEffect =\n  typeof document !== 'undefined' ? useLayoutEffect : (effect) => effect();\n"]}

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

@@ -17,5 +17,5 @@ export interface StyleProps {
     /** 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 CommonProps, R>(WrappedComponent: (props: T & RefAttributes<R>) => JSX.Element | null, displayName?: string): (props: T & StyleProps & RefAttributes<R>) => JSX.Element | null;
+export declare function withStyleProps<T extends Omit<CommonProps, 'id'>, R>(WrappedComponent: (props: T & RefAttributes<R>) => JSX.Element | null, displayName?: string): (props: T & StyleProps & RefAttributes<R>) => JSX.Element | null;
 //# sourceMappingURL=with-style-props.d.ts.map

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

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

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

package/dist-styles/core.css

@@ -0,0 +1 @@
+[data-cim-style-root]{--ciminternal-brand-persimmon:#f0563a;--ciminternal-brand-cobalt:#3a414c;--ciminternal-neutral-00:#fff;--ciminternal-neutral-04:#f4f5f5;--ciminternal-neutral-08:#eaebec;--ciminternal-neutral-16:#dfe0e1;--ciminternal-neutral-24:#d1d3d4;--ciminternal-neutral-32:#c2c4c7;--ciminternal-neutral-40:#b4b6b9;--ciminternal-neutral-48:#a4a6aa;--ciminternal-neutral-56:#94979b;--ciminternal-neutral-64:#83868b;--ciminternal-neutral-70:#75797e;--ciminternal-neutral-76:#6b6f75;--ciminternal-neutral-80:#5f6469;--ciminternal-neutral-88:#4c5055;--ciminternal-neutral-92:#292d32;--ciminternal-neutral-96:#15191d;--ciminternal-neutral-98:#0b0f13;--ciminternal-neutral-100:#000;--ciminternal-ocean-04:#eaf8fb;--ciminternal-ocean-08:#d7f2f7;--ciminternal-ocean-16:#b4e7fd;--ciminternal-ocean-24:#91dcfa;--ciminternal-ocean-32:#63d0f9;--ciminternal-ocean-40:#01c3f6;--ciminternal-ocean-48:#00b3e3;--ciminternal-ocean-56:#00a1cc;--ciminternal-ocean-64:#0091b8;--ciminternal-ocean-70:#0281a1;--ciminternal-ocean-76:#007798;--ciminternal-ocean-80:#006b88;--ciminternal-ocean-88:#00556e;--ciminternal-ocean-92:#003242;--ciminternal-ocean-96:#001c26;--ciminternal-ocean-98:#001017;--ciminternal-red-04:#fff2f0;--ciminternal-red-08:#ffe4df;--ciminternal-red-16:#ffd7cf;--ciminternal-red-24:#ffc4b9;--ciminternal-red-32:#ffb0a3;--ciminternal-red-40:#ff9989;--ciminternal-red-48:#ff7f6d;--ciminternal-red-56:#ff5e4a;--ciminternal-red-64:#f53a27;--ciminternal-red-70:#e61200;--ciminternal-red-76:#d10f00;--ciminternal-red-80:#bc1104;--ciminternal-red-88:#980800;--ciminternal-red-92:#5a0300;--ciminternal-red-96:#360100;--ciminternal-red-98:#1d0000;--ciminternal-orange-04:#fef2e6;--ciminternal-orange-08:#fee7d0;--ciminternal-orange-16:#ffd9b8;--ciminternal-orange-24:#ffc79b;--ciminternal-orange-32:#f8b586;--ciminternal-orange-40:#ff9d63;--ciminternal-orange-48:#ff8042;--ciminternal-orange-56:#fb6222;--ciminternal-orange-64:#e95100;--ciminternal-orange-70:#d34900;--ciminternal-orange-76:#c14000;--ciminternal-orange-80:#ad3700;--ciminternal-orange-88:#8e2900;--ciminternal-orange-92:#531300;--ciminternal-orange-96:#370900;--ciminternal-orange-98:#1c0200;--ciminternal-blue-04:#ebf3fe;--ciminternal-blue-08:#d7e7fe;--ciminternal-blue-16:#cde1ff;--ciminternal-blue-24:#b9d3f9;--ciminternal-blue-32:#a0c6ff;--ciminternal-blue-40:#88b6fa;--ciminternal-blue-48:#6aa7ff;--ciminternal-blue-56:#4e96fd;--ciminternal-blue-64:#2781fb;--ciminternal-blue-70:#0172f1;--ciminternal-blue-76:#0f68dd;--ciminternal-blue-80:#055dc7;--ciminternal-blue-88:#004ba4;--ciminternal-blue-92:#022a5f;--ciminternal-blue-96:#00163a;--ciminternal-blue-98:#000b24;--ciminternal-green-04:#e9fced;--ciminternal-green-08:#cbf4d4;--ciminternal-green-16:#8df1ab;--ciminternal-green-24:#79e89b;--ciminternal-green-32:#60da89;--ciminternal-green-40:#44cd77;--ciminternal-green-48:#18bd63;--ciminternal-green-56:#00ab57;--ciminternal-green-64:#009a4e;--ciminternal-green-70:#008a45;--ciminternal-green-76:#007e3f;--ciminternal-green-80:#007238;--ciminternal-green-88:#005c2c;--ciminternal-green-92:#003718;--ciminternal-green-96:#001f0b;--ciminternal-green-98:#001104;--ciminternal-pink-04:#fdedf2;--ciminternal-pink-08:#fbdfe8;--ciminternal-pink-16:#ffd4e3;--ciminternal-pink-24:#ffbdd5;--ciminternal-pink-32:#ffaacb;--ciminternal-pink-40:#ff93bf;--ciminternal-pink-48:#ff68ac;--ciminternal-pink-56:#ff4fa4;--ciminternal-pink-64:#f21b92;--ciminternal-pink-70:#dd1384;--ciminternal-pink-76:#c81777;--ciminternal-pink-80:#b5136c;--ciminternal-pink-88:#8e1154;--ciminternal-pink-92:#54052f;--ciminternal-pink-96:#33001a;--ciminternal-pink-98:#1b000b;--ciminternal-purple-04:#ede8fc;--ciminternal-purple-08:#e6dffb;--ciminternal-purple-16:#e0d6ff;--ciminternal-purple-24:#d7c9ff;--ciminternal-purple-32:#cbb6ff;--ciminternal-purple-40:#c1a8ff;--ciminternal-purple-48:#b18dff;--ciminternal-purple-56:#aa7dff;--ciminternal-purple-64:#9e63ff;--ciminternal-purple-70:#954aff;--ciminternal-purple-76:#8d27ff;--ciminternal-purple-80:#8118ec;--ciminternal-purple-88:#6502be;--ciminternal-purple-92:#390b6e;--ciminternal-purple-96:#200045;--ciminternal-purple-98:#14002f;--ciminternal-brown-04:#fceee9;--ciminternal-brown-08:#f7e2d9;--ciminternal-brown-16:#f5d5c7;--ciminternal-brown-24:#f2c8b5;--ciminternal-brown-32:#eeb79e;--ciminternal-brown-40:#e9a484;--ciminternal-brown-48:#df8658;--ciminternal-brown-56:#cd753f;--ciminternal-brown-64:#b86634;--ciminternal-brown-70:#a65c2c;--ciminternal-brown-76:#a15122;--ciminternal-brown-80:#8f4a22;--ciminternal-brown-88:#7b3a14;--ciminternal-brown-92:#4b1f08;--ciminternal-brown-96:#2d0d00;--ciminternal-brown-98:#1e0600;--ciminternal-emerald-04:#dafbf2;--ciminternal-emerald-08:#bdfae9;--ciminternal-emerald-16:#7cf9dd;--ciminternal-emerald-24:#00fad0;--ciminternal-emerald-32:#05dbb6;--ciminternal-emerald-40:#00caa9;--ciminternal-emerald-48:#00ba9b;--ciminternal-emerald-56:#00a98c;--ciminternal-emerald-64:#00977e;--ciminternal-emerald-70:#178771;--ciminternal-emerald-76:#007c68;--ciminternal-emerald-80:#086f5b;--ciminternal-emerald-88:#005b4a;--ciminternal-emerald-92:#00352b;--ciminternal-emerald-96:#00221a;--ciminternal-emerald-98:#00110c;--ciminternal-indigo-04:#eeeffc;--ciminternal-indigo-08:#dde0f8;--ciminternal-indigo-16:#d6daff;--ciminternal-indigo-24:#c9cfff;--ciminternal-indigo-32:#bac0ff;--ciminternal-indigo-40:#a9afff;--ciminternal-indigo-48:#979cff;--ciminternal-indigo-56:#888aff;--ciminternal-indigo-64:#7774fa;--ciminternal-indigo-70:#6b5fff;--ciminternal-indigo-76:#624bff;--ciminternal-indigo-80:#5a2dff;--ciminternal-indigo-88:#480ddb;--ciminternal-indigo-92:#291082;--ciminternal-indigo-96:#15004f;--ciminternal-indigo-98:#08002d;--ciminternal-lime-04:#e6f9c2;--ciminternal-lime-08:#d4f595;--ciminternal-lime-16:#baf200;--ciminternal-lime-24:#aee400;--ciminternal-lime-32:#a2d400;--ciminternal-lime-40:#96c400;--ciminternal-lime-48:#89b300;--ciminternal-lime-56:#7ba200;--ciminternal-lime-64:#6e9200;--ciminternal-lime-70:#638300;--ciminternal-lime-76:#5b7800;--ciminternal-lime-80:#506c00;--ciminternal-lime-88:#415800;--ciminternal-lime-92:#233103;--ciminternal-lime-96:#172102;--ciminternal-lime-98:#0a1100;--cim-fg-title:var(--ciminternal-neutral-96);--cim-fg-base:var(--ciminternal-neutral-92);--cim-fg-subtle:var(--ciminternal-neutral-76);--cim-fg-muted:var(--ciminternal-neutral-56);--cim-fg-inverse:var(--ciminternal-neutral-00);--cim-fg-action:var(--ciminternal-ocean-70);--cim-fg-action-hover:var(--ciminternal-ocean-76);--cim-fg-action-active:var(--ciminternal-ocean-80);--cim-fg-info:var(--ciminternal-blue-70);--cim-fg-success:var(--ciminternal-green-70);--cim-fg-warning:var(--ciminternal-orange-70);--cim-fg-critical:var(--ciminternal-red-70);--cim-fg-critical-hover:var(--ciminternal-red-76);--cim-fg-critical-active:var(--ciminternal-red-80);--cim-fg-lime:var(--ciminternal-lime-70);--cim-fg-indigo:var(--ciminternal-indigo-70);--cim-fg-emerald:var(--ciminternal-emerald-70);--cim-fg-brown:var(--ciminternal-brown-70);--cim-fg-pink:var(--ciminternal-pink-70);--cim-fg-purple:var(--ciminternal-purple-70);--cim-bg-base:var(--ciminternal-neutral-00);--cim-bg-subtle:var(--ciminternal-neutral-04);--cim-bg-muted:var(--ciminternal-neutral-08);--cim-bg-action:var(--ciminternal-ocean-70);--cim-bg-action-hover:var(--ciminternal-ocean-76);--cim-bg-action-active:var(--ciminternal-ocean-80);--cim-bg-action-subtle:var(--ciminternal-ocean-04);--cim-bg-action-subtle-hover:var(--ciminternal-ocean-04);--cim-bg-action-subtle-active:var(--ciminternal-ocean-08);--cim-bg-info:var(--ciminternal-blue-70);--cim-bg-info-subtle:var(--ciminternal-blue-04);--cim-bg-success:var(--ciminternal-green-70);--cim-bg-success-subtle:var(--ciminternal-green-04);--cim-bg-warning:var(--ciminternal-orange-70);--cim-bg-warning-subtle:var(--ciminternal-orange-04);--cim-bg-critical-subtle:var(--ciminternal-red-04);--cim-bg-critical-subtle-hover:var(--ciminternal-red-04);--cim-bg-critical-subtle-active:var(--ciminternal-red-08);--cim-bg-critical:var(--ciminternal-red-70);--cim-bg-critical-hover:var(--ciminternal-red-76);--cim-bg-critical-active:var(--ciminternal-red-80);--cim-bg-lime:var(--ciminternal-lime-70);--cim-bg-lime-subtle:var(--ciminternal-lime-04);--cim-bg-indigo:var(--ciminternal-indigo-70);--cim-bg-indigo-subtle:var(--ciminternal-indigo-04);--cim-bg-emerald:var(--ciminternal-emerald-70);--cim-bg-emerald-subtle:var(--ciminternal-emerald-04);--cim-bg-brown:var(--ciminternal-brown-70);--cim-bg-brown-subtle:var(--ciminternal-brown-04);--cim-bg-pink:var(--ciminternal-pink-70);--cim-bg-pink-subtle:var(--ciminternal-pink-04);--cim-bg-purple:var(--ciminternal-purple-70);--cim-bg-purple-subtle:var(--ciminternal-purple-04);--cim-border-base:var(--ciminternal-neutral-24);--cim-border-subtle:var(--ciminternal-neutral-16);--cim-border-hover:var(--ciminternal-neutral-40);--cim-border-action:var(--ciminternal-ocean-64);--cim-border-action-hover:var(--ciminternal-ocean-70);--cim-border-info:var(--ciminternal-blue-64);--cim-border-success:var(--ciminternal-green-64);--cim-border-warning:var(--ciminternal-orange-64);--cim-border-critical:var(--ciminternal-red-64);--cim-border-focus:var(--ciminternal-blue-70);--cim-font-family:"Open Sans Variable","Open Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--cim-space-0:0;--cim-space-2:2px;--cim-space-4:4px;--cim-space-8:8px;--cim-space-12:12px;--cim-space-16:16px;--cim-space-24:24px;--cim-space-32:32px;--cim-space-40:40px;--cim-space-48:48px;--cim-space-64:64px;--cim-space-96:96px;--cim-shadow-xs:0px 1px 1px 0px rgba(0,0,0,.08),0px 1px 3px 0px rgba(0,0,0,.04);--cim-shadow-s:0px 1px 2px 0px rgba(0,0,0,.08),0px 2px 4px 0px rgba(0,0,0,.06),0px 4px 8px 0px rgba(0,0,0,.04);--cim-shadow-m:0px 1px 3px 0px rgba(0,0,0,.08),0px 3px 8px 0px rgba(0,0,0,.06),0px 4px 12px 0px rgba(0,0,0,.05),0px 6px 16px 0px rgba(0,0,0,.04);--cim-shadow-l:0px 1px 4px 0px rgba(0,0,0,.08),0px 4px 8px 0px rgba(0,0,0,.07),0px 4px 12px 0px rgba(0,0,0,.06),0px 8px 32px 0px rgba(0,0,0,.05),0px 12px 36px 0px rgba(0,0,0,.04);--cim-shadow-xl:0px 2px 8px 0px rgba(0,0,0,.12),0px 8px 16px 0px rgba(0,0,0,.11),0px 16px 24px 0px rgba(0,0,0,.1),0px 16px 32px 0px rgba(0,0,0,.09),0px 24px 48px 0px rgba(0,0,0,.08);font:normal 400 16px/20px var(--cim-font-family);color:var(--cim-fg-base)}.cim-fg-title{--cim-fg-color:var(--cim-fg-title)}.cim-fg-base{--cim-fg-color:var(--cim-fg-base)}.cim-fg-subtle{--cim-fg-color:var(--cim-fg-subtle)}.cim-fg-muted{--cim-fg-color:var(--cim-fg-muted)}.cim-fg-inverse{--cim-fg-color:var(--cim-fg-inverse)}.cim-fg-action{--cim-fg-color:var(--cim-fg-action)}.cim-fg-info{--cim-fg-color:var(--cim-fg-info)}.cim-fg-success{--cim-fg-color:var(--cim-fg-success)}.cim-fg-warning{--cim-fg-color:var(--cim-fg-warning)}.cim-fg-critical{--cim-fg-color:var(--cim-fg-critical)}.cim-text{font-family:var(--cim-font-family);font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;color:var(--cim-fg-color,inherit);text-align:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;margin:0}.cim-text-variant-title-1{font-size:32px;font-weight:600;line-height:40px}.cim-text-variant-title-2{font-size:28px;font-weight:600;line-height:36px}.cim-text-variant-title-3{font-size:24px;font-weight:600;line-height:32px}.cim-text-variant-title-4{font-size:20px;font-weight:600;line-height:28px}.cim-text-variant-title-5{font-size:18px;font-weight:600;line-height:24px}.cim-text-variant-title-6{font-size:16px;font-weight:600;line-height:24px}.cim-text-variant-body,.cim-text-variant-body-semibold{font-size:16px;font-weight:400;line-height:20px}.cim-text-variant-medium,.cim-text-variant-medium-semibold{font-size:14px;font-weight:400;line-height:20px}.cim-text-variant-small,.cim-text-variant-small-semibold{font-size:12px;font-weight:400;line-height:16px}.cim-text-variant-body-semibold,.cim-text-variant-medium-semibold,.cim-text-variant-small-semibold{font-weight:600}.cim-text-fs-normal{font-style:normal}.cim-text-fs-italic{font-style:italic}.cim-text-alignment-start{text-align:start}.cim-text-alignment-center{text-align:center}.cim-text-alignment-end{text-align:end}.cim-text-alignment-justify{text-align:justify}.cim-text-decoration-none{text-decoration:none}.cim-text-decoration-strikethrough{text-decoration:line-through}.cim-text-decoration-underline{text-decoration:underline}.cim-link{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--cim-font-family);-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto;text-underline-position:from-font;white-space:nowrap;outline-offset:3px;border-radius:4px;outline:transparent;margin:0;text-decoration:underline;text-decoration-thickness:1.5px;transition:color .2s ease-out,outline-color .2s ease-out;color:var(--cim-fg-action)!important}.cim-link[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)!important}.cim-link[data-current]{cursor:default;color:var(--cim-fg-base)!important}.cim-link[data-focus-visible]{outline:2px solid var(--cim-border-focus)}.cim-link[data-hovered]{text-decoration:none;color:var(--cim-fg-action-hover)!important}.cim-link[data-pressed]{text-decoration:none;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;user-select:text;white-space:wrap}.cim-collapsible-list{min-width:var(--trigger-width);min-height:unset;max-height:inherit;background:var(--cim-bg-base);box-shadow:var(--cim-shadow-m);border-radius:4px;outline:none;overflow:hidden}.cim-collapsible-list[data-placement=top]{--cim-collapsible-list-origin:translateY(8px)}.cim-collapsible-list[data-placement=bottom]{--cim-collapsible-list-origin:translateY(-8px)}.cim-collapsible-list[data-placement=right]{--cim-collapsible-list-origin:translateX(-8px)}.cim-collapsible-list[data-placement=left]{--cim-collapsible-list-origin:translateX(8px)}.cim-collapsible-list[data-entering]{animation:.2s cim-collapsible-list--animation}.cim-collapsible-list[data-exiting]{animation:.2s ease-in reverse cim-collapsible-list--animation}@media (prefers-reduced-motion:reduce){.cim-collapsible-list[data-entering]{animation:.2s cim-collapsible-list--animation-reduced}.cim-collapsible-list[data-exiting]{animation:.2s ease-in reverse cim-collapsible-list--animation-reduced}}@keyframes cim-collapsible-list--animation{0%{transform:var(--cim-collapsible-list-origin);opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes cim-collapsible-list--animation-reduced{0%{opacity:0}to{opacity:1}}.cim-focusable-container{outline-offset:-2px;outline:transparent;transition:outline-color .2s ease-out}.cim-focusable-container[data-direction=horizontal]{overflow-x:auto}.cim-focusable-container[data-direction=vertical]{overflow-y:auto}.cim-focusable-container[data-focus-visible]{outline:2px solid var(--cim-border-focus)}.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;margin-top:var(--cim-space-4);line-height:var(--cim-form-field-error-line-height);display:block}.cim-form-field-error .cim-form-field-error-list{gap:var(--cim-space-4);flex-flow:column;margin:0;padding:0;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-badge{cursor:default;gap:var(--cim-space-4);width:fit-content;max-width:100%;height:var(--cim-badge-height);padding:0 var(--cim-badge-padding-inline);font-family:var(--cim-font-family);color:var(--cim-badge-color);vertical-align:middle;background:var(--cim-badge-background-color);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-style:normal;font-weight:400;display:inline-flex;overflow:hidden}.cim-badge[data-size=small]{--cim-badge-padding-inline:8px;--cim-badge-height:16px;font-size:11px;line-height:16px}.cim-badge[data-size=small] .cim-badge-icon{display:none}.cim-badge[data-size=medium]{--cim-badge-padding-inline:12px;--cim-badge-height:24px;--cim-badge-icon-size:16px;font-size:12px;line-height:16px}.cim-badge[data-size=large]{--cim-badge-padding-inline:16px;--cim-badge-height:32px;--cim-badge-icon-size:24px;gap:var(--cim-space-8);font-size:14px;line-height:20px}.cim-badge-icon{width:var(--cim-badge-icon-size);height:var(--cim-badge-icon-size);font-size:var(--cim-badge-icon-size);flex-shrink:0;align-items:center;display:flex}.cim-badge-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cim-breadcrumbs{gap:var(--cim-space-4);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.cim-breadcrumb-item{align-items:flex-end;display:flex}.cim-breadcrumb-item:last-child [data-icon]{display:none}.cim-breadcrumb-item>[data-icon]{margin-left:var(--cim-space-4);color:var(--cim-fg-subtle)}.cim-breadcrumb-item .cim-link{text-decoration:none}.cim-button,.cim-icon-button{cursor:pointer;-webkit-user-select:none;user-select:none;width:fit-content;min-width:var(--cim-button-size);max-width:100%;height:var(--cim-button-size);font-family:var(--cim-font-family);text-align:center;vertical-align:middle;appearance:none;outline-offset:3px;background:0 0;border-style:solid;border-width:1px;outline:transparent;flex-shrink:0;justify-content:center;align-items:center;gap:8px;margin:0;padding:0;font-weight:600;text-decoration:none;transition-property:background-color,border-color,color,outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:inline-flex;overflow:hidden}:is(.cim-button,.cim-icon-button) .cim-icon{width:var(--cim-button-icon-size);height:var(--cim-button-icon-size);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;--cim-button-size:32px;--cim-button-icon-size:24px;border-radius:4px;font-size:14px;line-height:20px}:is(.cim-button,.cim-icon-button)[data-size=medium]{--cim-button-padding-inline:16px;--cim-button-size:40px;--cim-button-icon-size:24px;border-radius:4px;font-size:16px;line-height:20px}:is(.cim-button,.cim-icon-button)[data-size=large]{--cim-button-padding-inline:24px;--cim-button-size:48px;--cim-button-icon-size:32px;border-radius:8px;gap:12px;font-size:18px;line-height:24px}:is(.cim-button,.cim-icon-button)[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}:is(.cim-button,.cim-icon-button)[data-disabled]:not([data-variant=secondary]){border:none}:is(.cim-button,.cim-icon-button)[data-disabled]:not([data-variant=tertiary]){border-color:var(--cim-border-base);background:var(--cim-bg-muted)}:is(.cim-button,.cim-icon-button)[data-pending]{cursor:not-allowed;color:var(--cim-fg-muted)}:is(.cim-button,.cim-icon-button)[data-pending]:not([data-variant=secondary]){border:none}:is(.cim-button,.cim-icon-button)[data-pending]:not([data-variant=tertiary]){border-color:var(--cim-border-base);background:var(--cim-bg-muted)}: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]{border-color:var(--cim-border-action);color:var(--cim-fg-action);background:var(--cim-bg-base)}: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]{border-color:var(--cim-border-critical);color:var(--cim-fg-critical);background:var(--cim-bg-base)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-hovered]{color:var(--cim-fg-critical-hover);background:var(--cim-bg-critical-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-pressed]{color:var(--cim-fg-critical-active);background:var(--cim-bg-critical-subtle-active)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending]){background:0 0;border:none}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=base]{color:var(--cim-fg-action)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=base][data-hovered]{color:var(--cim-fg-action-hover);background:var(--cim-bg-action-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=base][data-pressed]{color:var(--cim-fg-action-active);background:var(--cim-bg-action-subtle-active)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=critical]{color:var(--cim-fg-critical)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-hovered]{color:var(--cim-fg-critical-hover);background:var(--cim-bg-critical-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-pressed]{color:var(--cim-fg-critical-active);background:var(--cim-bg-critical-subtle-active)}:is(.cim-button,.cim-icon-button)[data-pending]{position:relative}:is(.cim-button,.cim-icon-button)[data-pending]>*{opacity:0}:is(.cim-button,.cim-icon-button)[data-pending]>.cim-spinner:last-child{opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cim-button{padding-inline:var(--cim-button-padding-inline)}.cim-icon-button{width:var(--cim-button-size);padding-inline:0}.cim-button-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.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;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{border:1px solid var(--cim-checkbox-toggle-stroke-color);background:var(--cim-checkbox-toggle-background);outline-offset:3px;border-radius:2px;outline:transparent;justify-content:center;align-items:center;width:16px;height:16px;transition-property:background-color,border-color,color,outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.cim-checkbox-toggle>svg{color:var(--cim-checkbox-icon-color);transition:color .2s ease-out}.cim-checkbox-group .cim-form-field-label{margin-bottom:var(--cim-space-12)}.cim-checkbox-group .cim-stack{width:fit-content}.cim-checkbox-group .cim-stack+*{margin-top:var(--cim-space-12)}.cim-checkbox-group .cim-stack+*+*{margin-top:var(--cim-space-8)}.cim-combo-box[data-open] .cim-combo-box-button>[data-icon]:last-child{transform:rotate(180deg)}.cim-combo-box-input-group{--cim-combo-box-border-color:var(--cim-border-base);--cim-combo-box-placeholder-color:var(--cim-fg-subtle);--cim-combo-box-icon-color:var(--cim-fg-subtle);background:var(--cim-bg-base);border-radius:4px;align-items:center;width:100%;height:40px;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex;position:relative}.cim-combo-box-input-group:after{pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--cim-combo-box-outline-spread,1px)var(--cim-combo-box-border-color);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;inset:0}.cim-combo-box-input-group[data-hovered]{--cim-combo-box-border-color:var(--cim-border-hover)}.cim-combo-box-input-group[data-focus-within]{--cim-combo-box-border-color:var(--cim-border-action);--cim-combo-box-outline-spread:2px;--cim-combo-box-icon-color:var(--cim-fg-base)}.cim-combo-box-input-group[data-invalid]{--cim-combo-box-border-color:var(--cim-border-critical)}.cim-combo-box-input-group[data-disabled]{--cim-combo-box-border-color:var(--cim-border-base);--cim-combo-box-placeholder-color:var(--cim-fg-muted);--cim-combo-box-icon-color:var(--cim-fg-muted);background:var(--cim-bg-muted)}[data-readonly]>.cim-combo-box-input-group{background:var(--cim-bg-subtle)}.cim-combo-box-input{min-width:0;height:100%;padding:0;padding-left:calc(var(--cim-space-12) + 1px);color:var(--cim-fg-base);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;outline:none;flex:1;overflow:hidden}.cim-combo-box-input::placeholder{color:var(--cim-combo-box-placeholder-color)}.cim-combo-box-input[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}.cim-combo-box-button{cursor:pointer;height:100%;padding:0 calc(var(--cim-space-12) + 1px);color:var(--cim-combo-box-icon-color);background:0 0;border:none;flex-shrink:0;align-items:center;display:flex}.cim-combo-box-button [data-icon]{width:24px;height:24px;transition:color .2s ease-out,transform .2s ease-out}.cim-combo-box-button[data-disabled]{cursor:not-allowed}.cim-combo-box-listbox{max-height:inherit;padding:var(--cim-space-8)0;border:none;outline:none;overflow-y:auto}.cim-combo-box-section-header,.cim-combo-box-item{padding:var(--cim-space-8)var(--cim-space-16)}.cim-combo-box-item{--cim-combo-box-item-icon-color:var(--cim-fg-base);cursor:pointer;gap:var(--cim-space-8);color:var(--cim-fg-base);background:var(--cim-bg-base);outline:none;flex-flow:row;justify-content:flex-start;align-items:center;transition:background-color .2s ease-out,color .2s ease-out;display:flex}.cim-combo-box-item>svg{width:24px;height:24px;color:var(--cim-combo-box-item-icon-color);opacity:0;flex-shrink:0;transition:color .2s ease-out,opacity .2s ease-out}.cim-combo-box-item[data-hovered]{background:var(--cim-bg-action-subtle-hover)}.cim-combo-box-item[data-focused]{background:var(--cim-bg-action-subtle-hover)}.cim-combo-box-item[data-pressed]{background:var(--cim-bg-action-subtle-active)}.cim-combo-box-item[data-disabled]{--cim-combo-box-item-icon-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-base)}.cim-combo-box-item[data-selected]>svg{opacity:1}.cim-menu{max-height:inherit;padding:var(--cim-space-8)0;border:none;outline:none;overflow-y:auto}.cim-menu-section-header,.cim-menu-item{padding:var(--cim-space-8)var(--cim-space-16)}.cim-menu-item{--cim-menu-item-icon-color:var(--cim-fg-base);cursor:pointer;gap:var(--cim-space-8);color:var(--cim-fg-base);background:var(--cim-bg-base);outline:none;flex-flow:row;justify-content:flex-start;align-items:center;text-decoration:none;transition:background-color .2s ease-out,color .2s ease-out;display:flex}.cim-menu-item>svg{width:24px;height:24px;color:var(--cim-menu-item-icon-color);flex-shrink:0;transition:color .2s ease-out}.cim-menu-item[data-hovered]{background:var(--cim-bg-action-subtle-hover)}.cim-menu-item[data-focused]{background:var(--cim-bg-action-subtle-hover)}.cim-menu-item[data-pressed]{background:var(--cim-bg-action-subtle-active)}.cim-menu-item[data-disabled]{--cim-menu-item-icon-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-base)}.cim-menu-item-text{gap:var(--cim-space-4);flex-flow:column;justify-content:center;align-items:flex-start;display:flex}.cim-menu-divider{border-bottom:1px solid var(--cim-border-base);height:1px}.cim-number-field-input-group{--cim-number-field-border-color:var(--cim-border-base);--cim-number-field-placeholder-color:var(--cim-fg-subtle);background:var(--cim-bg-base);border-radius:4px;align-items:center;width:100%;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex;position:relative;overflow:hidden}.cim-number-field-input-group:after{pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--cim-number-field-outline-spread,1px)var(--cim-number-field-border-color);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;inset:0}.cim-number-field-input-group[data-hovered]{--cim-number-field-border-color:var(--cim-border-hover)}.cim-number-field-input-group[data-focus-within]{--cim-number-field-border-color:var(--cim-border-action);--cim-number-field-outline-spread:2px}.cim-number-field-input-group[data-invalid]{--cim-number-field-border-color:var(--cim-border-critical)}.cim-number-field-input-group[data-disabled]{--cim-number-field-border-color:var(--cim-border-base);--cim-number-field-placeholder-color:var(--cim-fg-muted);background:var(--cim-bg-muted)}.cim-number-field-input-group:has(>[aria-readonly=true]){background:var(--cim-bg-subtle)}.cim-number-field-input{--cim-number-field-input-padding-start:calc(var(--cim-space-12) + 1px);--cim-number-field-input-padding-end:var(--cim-space-8);min-width:calc(3ch + var(--cim-number-field-input-padding-start) + var(--cim-number-field-input-padding-end));height:40px;padding:0 var(--cim-number-field-input-padding-end)0 var(--cim-number-field-input-padding-start);border-radius:inherit;font-variant-numeric:tabular-nums;color:var(--cim-fg-base);text-overflow:ellipsis;white-space:nowrap;background-color:transparent;border:none;border-top-right-radius:0;border-bottom-right-radius:0;outline:none;flex:1;transition-property:color;transition-duration:.2s;transition-timing-function:ease-out;overflow:hidden}.cim-number-field-input::placeholder{color:var(--cim-number-field-placeholder-color)}.cim-number-field-input[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}.cim-number-field-spinner{flex-shrink:0;align-items:center;height:40px;padding-right:1px;display:flex}.cim-number-field-spinner>.cim-icon-button{height:100%}.cim-number-field-spinner-separator{background:var(--cim-border-base);border-radius:1px;width:1px;height:calc(100% - 16px)}.cim-pagination-list{gap:var(--cim-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cim-pagination .cim-button{padding-inline:0}.cim-popover{--cim-popover-arrow-half-height:5px;--cim-popover-arrow-transform:translateY(-1px);min-width:120px;max-width:calc(100% - var(--cim-space-32));background:var(--cim-bg-base);box-shadow:var(--cim-shadow-m);border-radius:4px;transition:opacity .2s ease-in}.cim-popover[data-entering]{opacity:0}.cim-popover[data-exiting]{opacity:0}.cim-popover[data-placement=top]{--cim-popover-origin:translateY(2px);margin-bottom:var(--cim-popover-arrow-half-height)}.cim-popover[data-placement=top] .cim-popover-arrow svg{transform:var(--cim-popover-arrow-transform)}.cim-popover[data-placement=bottom]{--cim-popover-origin:translateY(-2px);margin-top:var(--cim-popover-arrow-half-height)}.cim-popover[data-placement=bottom] .cim-popover-arrow svg{transform:rotate(180deg)var(--cim-popover-arrow-transform)}.cim-popover[data-placement=right]{--cim-popover-origin:translateX(-2px);margin-left:var(--cim-popover-arrow-half-height)}.cim-popover[data-placement=right] .cim-popover-arrow svg{transform:translateX(3px)rotate(90deg)var(--cim-popover-arrow-transform)}.cim-popover[data-placement=left]{--cim-popover-origin:translateX(2px);margin-right:var(--cim-popover-arrow-half-height)}.cim-popover[data-placement=left] .cim-popover-arrow svg{transform:translateX(-3px)rotate(-90deg)var(--cim-popover-arrow-transform)}@media (prefers-reduced-motion:no-preference){.cim-popover{transition:transform .2s ease-in,opacity .2s ease-in}.cim-popover[data-entering]{transform:var(--cim-popover-origin);opacity:0}.cim-popover[data-exiting]{transform:var(--cim-popover-origin);opacity:0}}.cim-popover-arrow svg{fill:var(--cim-bg-base);stroke:var(--cim-border-base);stroke-width:1px;display:block}.cim-popover-dialog{height:100%;max-height:inherit;border:1px solid var(--cim-border-base);border-radius:inherit;outline:none;flex-direction:column;display:flex;overflow:hidden}.cim-popover-title{padding:var(--cim-space-12);padding-bottom:0}.cim-popover-content{padding:var(--cim-space-12);border-radius:0 0 4px 4px;flex:1}.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;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{border:1px solid var(--cim-radio-toggle-stroke-color);background:var(--cim-radio-toggle-background);outline-offset:3px;border-radius:50%;outline:transparent;justify-content:center;align-items:center;width:16px;height:16px;transition-property:background-color,border-color,color,outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.cim-radio-toggle-inner{background:var(--cim-radio-toggle-inner-color);border-radius:50%;width:6px;height:6px;transition:background-color .2s ease-out}.cim-radio-group .cim-form-field-label{margin-bottom:var(--cim-space-12)}.cim-radio-group .cim-stack{width:fit-content}.cim-radio-group .cim-stack+*{margin-top:var(--cim-space-12)}.cim-radio-group .cim-stack+*+*{margin-top:var(--cim-space-8)}.cim-select{--cim-select-border-color:var(--cim-border-base);--cim-select-icon-color:var(--cim-fg-subtle);--cim-select-placeholder-color:var(--cim-fg-subtle)}.cim-select[data-open] .cim-select-button>[data-icon]:last-child{transform:rotate(180deg)}.cim-select-button{gap:var(--cim-space-8);width:100%;height:40px;padding:0 calc(var(--cim-space-12) + 1px);color:var(--cim-fg-base);background:var(--cim-bg-base);border:none;border-radius:4px;outline:none;align-items:center;transition-property:background-color,border-color,box-shadow,color;transition-duration:.2s;transition-timing-function:ease-out;display:flex;position:relative}.cim-select-button:after{pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--cim-select-outline-spread,1px)var(--cim-select-border-color);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;inset:0}.cim-select-button .react-aria-SelectValue{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.cim-select-button .react-aria-SelectValue[data-placeholder]{color:var(--cim-select-placeholder-color)}.cim-select-button>[data-icon]:last-child{width:24px;height:24px;color:var(--cim-select-icon-color);flex-shrink:0;transition:color .2s ease-out,transform .2s ease-out}.cim-select-button[data-hovered]{--cim-select-border-color:var(--cim-border-hover)}[data-focus-visible] .cim-select-button{--cim-select-border-color:var(--cim-border-action);--cim-select-icon-color:var(--cim-fg-base);--cim-select-outline-spread:2px}.cim-select-button[data-pressed]{--cim-select-icon-color:var(--cim-fg-base);--cim-select-outline-spread:2px}.cim-select-button[data-pressed]:not(.cim-select[data-invalid] .cim-select-button[data-pressed]){--cim-select-border-color:var(--cim-border-action)}[data-invalid] .cim-select-button{--cim-select-border-color:var(--cim-border-critical)}[data-disabled] .cim-select-button{--cim-select-border-color:var(--cim-border-base);--cim-select-icon-color:var(--cim-fg-muted);--cim-select-placeholder-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted)}.cim-select-listbox{max-height:inherit;padding:var(--cim-space-8)0;border:none;outline:none;overflow-y:auto}.cim-select-section-header,.cim-select-item{padding:var(--cim-space-8)var(--cim-space-16)}.cim-select-item{--cim-select-item-icon-color:var(--cim-fg-base);cursor:pointer;gap:var(--cim-space-8);color:var(--cim-fg-base);background:var(--cim-bg-base);outline:none;flex-flow:row;justify-content:flex-start;align-items:center;transition:background-color .2s ease-out,color .2s ease-out;display:flex}.cim-select-item>svg{width:24px;height:24px;color:var(--cim-select-item-icon-color);opacity:0;flex-shrink:0;transition:color .2s ease-out,opacity .2s ease-out}.cim-select-item[data-hovered]{background:var(--cim-bg-action-subtle-hover)}.cim-select-item[data-focused]{background:var(--cim-bg-action-subtle-hover)}.cim-select-item[data-pressed]{background:var(--cim-bg-action-subtle-active)}.cim-select-item[data-disabled]{--cim-select-item-icon-color:var(--cim-fg-muted);cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-base)}.cim-select-item[data-selected]>svg{opacity:1}.cim-table-container{border-radius:4px;position:relative}.cim-table-container table{table-layout:fixed;border-spacing:0;border-collapse:separate;background-color:var(--cim-bg-base);border:none;border-radius:4px;min-width:100%;margin:0;overflow:hidden}.cim-table-container table>:is(thead,tbody):first-child>tr:first-child>:is(th,td){border-top-width:1px}.cim-table-container table>:is(thead,tbody):first-child>tr:first-child>:is(th,td):first-child{border-top-left-radius:4px}.cim-table-container table>:is(thead,tbody):first-child>tr:first-child>:is(th,td):last-child{border-top-right-radius:4px}.cim-table-container table>:is(thead,tbody):last-child>tr:last-child>:is(th,td):first-child{border-bottom-left-radius:4px}.cim-table-container table>:is(thead,tbody):last-child>tr:last-child>:is(th,td):last-child{border-bottom-right-radius:4px}.cim-table-container table th{border-color:var(--cim-border-base);vertical-align:middle;height:40px;box-shadow:none;border-style:solid;border-width:0 0 1px;outline:none}.cim-table-container table th[data-focused]{box-shadow:inset 0 0 0 2px var(--cim-border-focus)}.cim-table-container table th:first-child{border-inline-start-width:1px}.cim-table-container table th:last-child{border-inline-end-width:1px}.cim-table-container table td{border-color:var(--cim-border-base);vertical-align:middle;height:40px;box-shadow:none;border-style:solid;border-width:0 0 1px;outline:none}.cim-table-container table td[data-focused]{box-shadow:inset 0 0 0 2px var(--cim-border-focus)}.cim-table-container table td:first-child{border-inline-start-width:1px}.cim-table-container table td:last-child{border-inline-end-width:1px}.cim-table-container table thead{font:600 12px/16px var(--cim-font-family);color:var(--cim-fg-base);text-transform:uppercase;background-color:var(--cim-bg-subtle)}.cim-table-container table thead tr th{padding:0}.cim-table-container table tbody{font:400 14px/20px var(--cim-font-family);color:var(--cim-fg-base);position:relative}.cim-table-container table tbody tr :is(th,td){padding:var(--cim-space-4)var(--cim-space-12)}.cim-table-container table tbody tr :is(th,td)[data-alignment=start]{text-align:start}.cim-table-container table tbody tr :is(th,td)[data-alignment=center]{text-align:center}.cim-table-container table tbody tr :is(th,td)[data-alignment=end]{text-align:end}.cim-table-container table tbody td.cim-table-empty-state{padding:var(--cim-space-48)var(--cim-space-12)}.cim-table-header-cell-container{gap:var(--cim-space-8);width:100%;height:100%;padding:var(--cim-space-12);font:inherit;color:inherit;text-transform:inherit;white-space:nowrap;background:0 0;border:0;outline:0;flex-flow:row;align-items:center;display:flex}[data-alignment=start]>.cim-table-header-cell-container{justify-content:flex-start}[data-alignment=center]>.cim-table-header-cell-container{justify-content:center}[data-alignment=end]>.cim-table-header-cell-container{justify-content:flex-end}.cim-table-header-cell-container .cim-icon{flex-shrink:0;width:16px;height:16px}.cim-table-sort-button{--cim-table-sort-icon-color:var(--cim-fg-base);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:inherit;transition:background-color .2s ease-out}.cim-table-sort-button[data-hovered]{--cim-table-sort-icon-color:var(--cim-fg-action-hover)}.cim-table-sort-button[data-pressed]{--cim-table-sort-icon-color:var(--cim-fg-action-active)}.cim-table-sort-button[data-focused]{box-shadow:inset 0 0 0 2px var(--cim-border-focus)}.cim-table-sort-button .cim-table-sort-icon{color:var(--cim-table-sort-icon-color)}.cim-table-empty-state-content{gap:var(--cim-space-8);flex-direction:column;align-items:center;display:flex}.cim-table-empty-state-action{margin-top:var(--cim-space-8)}.cim-tag{--cim-tag-height:24px;--cim-tag-border-width:1px;--cim-tag-spacing-x:8px;--cim-tag-icon-size:16px;cursor:default;width:fit-content;height:var(--cim-tag-height);padding-right:var(--cim-tag-spacing-x);padding-left:var(--cim-tag-spacing-x);border:var(--cim-tag-border-width)solid var(--cim-border-base);font-family:var(--cim-font-family);color:var(--cim-fg-base);border-radius:9999px;outline:transparent;gap:4px;font-size:12px;line-height:16px;transition-property:background-color,border-color,color,outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:inline-flex}.cim-tag:has([slot=remove]){padding-right:0}.cim-tag[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted);background-color:var(--cim-bg-muted)}.cim-tag[data-selected]{border-color:var(--cim-border-action);color:var(--cim-fg-inverse);background-color:var(--cim-bg-action)}.cim-tag[data-focus-visible]{outline:2px solid var(--cim-border-focus);outline-offset:3px}.cim-tag[data-selection-mode]:not([data-disabled]){cursor:pointer}.cim-tag .cim-tag-icon{font-size:var(--cim-tag-icon-size);align-items:center;display:flex}.cim-tag .cim-tag-text{align-items:center;height:100%;display:inline-flex}.cim-tag [slot=remove]{all:unset;cursor:pointer;width:calc(var(--cim-tag-height) - 2*var(--cim-tag-border-width));border-radius:100%;justify-content:center;align-items:center;min-width:0;height:100%;transition-property:background-color,color;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.cim-tag [slot=remove][data-hovered]{background-color:var(--cim-bg-subtle)}.cim-tag [slot=remove][data-pressed]{color:var(--cim-fg-subtle);background-color:var(--cim-bg-muted)}.cim-tag [slot=remove][data-disabled]{cursor:not-allowed}.cim-tag-group[data-size=large] .cim-tag{--cim-tag-height:32px;--cim-tag-spacing-x:12px;--cim-tag-icon-size:24px;font-size:14px;line-height:20px}.cim-tag-group .cim-form-field-label{margin-bottom:var(--cim-space-12)}.cim-tag-group .cim-form-field-error{margin-top:var(--cim-space-12)}.cim-tag-group .cim-form-field-description{margin-top:var(--cim-space-12)}.cim-form-field-error+:is(.cim-tag-group .cim-form-field-description){margin-top:var(--cim-space-8)}.cim-tag-group-list{gap:var(--cim-space-8);outline:transparent;flex-wrap:wrap;transition-property:outline-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex}.cim-tag-group-list[data-focus-visible]{outline:2px solid var(--cim-border-focus);outline-offset:3px}.cim-text-field,.cim-text-area{color:var(--cim-fg-base)}.cim-text-field-input-group,.cim-text-area-input-group{--cim-text-field-border-color:var(--cim-border-base);--cim-text-field-placeholder-color:var(--cim-fg-subtle);background:var(--cim-bg-base);border-radius:4px;align-items:center;width:100%;transition-property:background-color;transition-duration:.2s;transition-timing-function:ease-out;display:flex;position:relative}:is(.cim-text-field-input-group,.cim-text-area-input-group):after{pointer-events:none;content:"";border-radius:inherit;box-shadow:inset 0 0 0 var(--cim-text-field-outline-spread,1px)var(--cim-text-field-border-color);transition-property:box-shadow;transition-duration:.2s;transition-timing-function:ease-out;position:absolute;inset:0}:is(.cim-text-field-input-group,.cim-text-area-input-group)[data-hovered]{--cim-text-field-border-color:var(--cim-border-hover)}:is(.cim-text-field-input-group,.cim-text-area-input-group)[data-focus-within]{--cim-text-field-border-color:var(--cim-border-action);--cim-text-field-outline-spread:2px}:is(.cim-text-field-input-group,.cim-text-area-input-group)[data-invalid]{--cim-text-field-border-color:var(--cim-border-critical)}:is(.cim-text-field-input-group,.cim-text-area-input-group)[data-disabled]{--cim-text-field-border-color:var(--cim-border-base);--cim-text-field-placeholder-color:var(--cim-fg-muted);background:var(--cim-bg-muted)}[data-readonly]>:is(.cim-text-field-input-group,.cim-text-area-input-group){background:var(--cim-bg-subtle)}.cim-text-field-input,.cim-text-area-input{--cim-text-field-input-inline-padding:calc(var(--cim-space-12) + 1px);min-width:calc(3ch + 2*var(--cim-text-field-input-inline-padding));border-radius:inherit;color:var(--cim-fg-base);background-color:transparent;border:none;outline:none;flex:1;transition-property:color;transition-duration:.2s;transition-timing-function:ease-out}:is(.cim-text-field-input,.cim-text-area-input)::placeholder{color:var(--cim-text-field-placeholder-color)}:is(.cim-text-field-input,.cim-text-area-input)[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}.cim-text-field-input{height:40px;padding:0 var(--cim-text-field-input-inline-padding);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cim-text-area-input{resize:vertical;padding:11px var(--cim-text-field-input-inline-padding)}.cim-tooltip{--cim-tooltip-arrow-half-height:5px;min-width:48px;max-width:240px;color:var(--cim-fg-inverse);background-color:var(--cim-fg-base);box-shadow:var(--cim-shadow-l);border-radius:4px;padding:12px;transition:opacity .2s ease-in}.cim-tooltip[data-entering]{opacity:0}.cim-tooltip[data-exiting]{opacity:0}.cim-tooltip .cim-tooltip-arrow svg{fill:var(--cim-fg-base);display:block}.cim-tooltip[data-placement=top]{--cim-tooltip-origin:translateY(2px);margin-bottom:var(--cim-tooltip-arrow-half-height)}.cim-tooltip[data-placement=bottom]{--cim-tooltip-origin:translateY(-2px);margin-top:var(--cim-tooltip-arrow-half-height)}.cim-tooltip[data-placement=bottom] .cim-tooltip-arrow svg{transform:rotate(180deg)}.cim-tooltip[data-placement=right]{--cim-tooltip-origin:translateX(-2px);margin-left:var(--cim-tooltip-arrow-half-height)}.cim-tooltip[data-placement=right] .cim-tooltip-arrow svg{transform:translate(3px)rotate(90deg)}.cim-tooltip[data-placement=left]{--cim-tooltip-origin:translateX(2px);margin-right:var(--cim-tooltip-arrow-half-height)}.cim-tooltip[data-placement=left] .cim-tooltip-arrow svg{transform:translate(-3px)rotate(-90deg)}.cim-tooltip>.cim-text{-webkit-line-clamp:5;line-clamp:5;text-align:center;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (prefers-reduced-motion:no-preference){.cim-tooltip{transition:transform .2s ease-in,opacity .2s ease-in}.cim-tooltip[data-entering]{transform:var(--cim-tooltip-origin);opacity:0}.cim-tooltip[data-exiting]{transform:var(--cim-tooltip-origin);opacity:0}}.cim-icon{color:var(--cim-fg-color,inherit)}.cim-stack{--cim-stack-direction-vertical:column;--cim-stack-direction-horizontal:row;--cim-stack-align-start:flex-start;--cim-stack-align-end:flex-end;--cim-stack-align-center:center;--cim-stack-align-stretch:stretch;--cim-stack-justify-start:flex-start;--cim-stack-justify-end:flex-end;--cim-stack-justify-center:center;--cim-stack-justify-space-around:space-around;--cim-stack-justify-space-between:space-between;--cim-stack-justify-space-evenly:space-evenly;--cim-stack-wrap-true:wrap;--cim-stack-wrap-false:nowrap;--cim-stack-gap-xs:initial;--cim-stack-gap-sm:initial;--cim-stack-gap-md:initial;--cim-stack-gap-lg:initial;--cim-stack-gap-xl:initial;--cim-stack-fd-xs:initial;--cim-stack-fd-sm:initial;--cim-stack-fd-md:initial;--cim-stack-fd-lg:initial;--cim-stack-fd-xl:initial;--cim-stack-ai-xs:initial;--cim-stack-ai-sm:initial;--cim-stack-ai-md:initial;--cim-stack-ai-lg:initial;--cim-stack-ai-xl:initial;--cim-stack-jc-xs:initial;--cim-stack-jc-sm:initial;--cim-stack-jc-md:initial;--cim-stack-jc-lg:initial;--cim-stack-jc-xl:initial;--cim-stack-fw-xs:initial;--cim-stack-fw-sm:initial;--cim-stack-fw-md:initial;--cim-stack-fw-lg:initial;--cim-stack-fw-xl:initial;flex-direction:var(--cim-stack-fd-xs);flex-wrap:var(--cim-stack-fw-xs);gap:var(--cim-stack-gap-xs);align-items:var(--cim-stack-ai-xs);justify-content:var(--cim-stack-jc-xs);max-width:100%;display:flex}@media (min-width:640px){.cim-stack{flex-direction:var(--cim-stack-fd-sm,var(--cim-stack-fd-xs));flex-wrap:var(--cim-stack-fw-sm,var(--cim-stack-fw-xs));gap:var(--cim-stack-gap-sm,var(--cim-stack-gap-xs));align-items:var(--cim-stack-ai-sm,var(--cim-stack-ai-xs));justify-content:var(--cim-stack-jc-sm,var(--cim-stack-jc-xs))}}@media (min-width:768px){.cim-stack{flex-direction:var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs)));flex-wrap:var(--cim-stack-fw-md,var(--cim-stack-fw-sm,var(--cim-stack-fw-xs)));gap:var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-xs)));align-items:var(--cim-stack-ai-md,var(--cim-stack-ai-sm,var(--cim-stack-ai-xs)));justify-content:var(--cim-stack-jc-md,var(--cim-stack-jc-sm,var(--cim-stack-jc-xs)))}}@media (min-width:1024px){.cim-stack{flex-direction:var(--cim-stack-fd-lg,var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs))));flex-wrap:var(--cim-stack-fw-lg,var(--cim-stack-fw-md,var(--cim-stack-fw-sm,var(--cim-stack-fw-xs))));gap:var(--cim-stack-gap-lg,var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-xs))));align-items:var(--cim-stack-ai-lg,var(--cim-stack-ai-md,var(--cim-stack-ai-sm,var(--cim-stack-ai-xs))));justify-content:var(--cim-stack-jc-lg,var(--cim-stack-jc-md,var(--cim-stack-jc-sm,var(--cim-stack-jc-xs))))}}@media (min-width:1280px){.cim-stack{flex-direction:var(--cim-stack-fd-xl,var(--cim-stack-fd-lg,var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs)))));flex-wrap:var(--cim-stack-fw-xl,var(--cim-stack-fw-lg,var(--cim-stack-fw-md,var(--cim-stack-fw-sm,var(--cim-stack-fw-xs)))));gap:var(--cim-stack-gap-xl,var(--cim-stack-gap-lg,var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-xs)))));align-items:var(--cim-stack-ai-xl,var(--cim-stack-ai-lg,var(--cim-stack-ai-md,var(--cim-stack-ai-sm,var(--cim-stack-ai-xs)))));justify-content:var(--cim-stack-jc-xl,var(--cim-stack-jc-lg,var(--cim-stack-jc-md,var(--cim-stack-jc-sm,var(--cim-stack-jc-xs)))))}}.cim-box{--cim-space-auto:auto;--cim-box-mt-xs:initial;--cim-box-mt-sm:initial;--cim-box-mt-md:initial;--cim-box-mt-lg:initial;--cim-box-mt-xl:initial;--cim-box-mr-xs:initial;--cim-box-mr-sm:initial;--cim-box-mr-md:initial;--cim-box-mr-lg:initial;--cim-box-mr-xl:initial;--cim-box-mb-xs:initial;--cim-box-mb-sm:initial;--cim-box-mb-md:initial;--cim-box-mb-lg:initial;--cim-box-mb-xl:initial;--cim-box-ml-xs:initial;--cim-box-ml-sm:initial;--cim-box-ml-md:initial;--cim-box-ml-lg:initial;--cim-box-ml-xl:initial;margin-top:var(--cim-box-mt-xs);margin-right:var(--cim-box-mr-xs);margin-bottom:var(--cim-box-mb-xs);margin-left:var(--cim-box-ml-xs)}@media (min-width:640px){.cim-box{margin-top:var(--cim-box-mt-sm,var(--cim-box-mt-xs));margin-right:var(--cim-box-mr-sm,var(--cim-box-mr-xs));margin-bottom:var(--cim-box-mb-sm,var(--cim-box-mb-xs));margin-left:var(--cim-box-ml-sm,var(--cim-box-ml-xs))}}@media (min-width:768px){.cim-box{margin-top:var(--cim-box-mt-md,var(--cim-box-mt-sm,var(--cim-box-mt-xs)));margin-right:var(--cim-box-mr-md,var(--cim-box-mr-sm,var(--cim-box-mr-xs)));margin-bottom:var(--cim-box-mb-md,var(--cim-box-mb-sm,var(--cim-box-mb-xs)));margin-left:var(--cim-box-ml-md,var(--cim-box-ml-sm,var(--cim-box-ml-xs)))}}@media (min-width:1024px){.cim-box{margin-top:var(--cim-box-mt-lg,var(--cim-box-mt-md,var(--cim-box-mt-sm,var(--cim-box-mt-xs))));margin-right:var(--cim-box-mr-lg,var(--cim-box-mr-md,var(--cim-box-mr-sm,var(--cim-box-mr-xs))));margin-bottom:var(--cim-box-mb-lg,var(--cim-box-mb-md,var(--cim-box-mb-sm,var(--cim-box-mb-xs))));margin-left:var(--cim-box-ml-lg,var(--cim-box-ml-md,var(--cim-box-ml-sm,var(--cim-box-ml-xs))))}}@media (min-width:1280px){.cim-box{margin-top:var(--cim-box-mt-xl,var(--cim-box-mt-lg,var(--cim-box-mt-md,var(--cim-box-mt-sm,var(--cim-box-mt-xs)))));margin-right:var(--cim-box-mr-xl,var(--cim-box-mr-lg,var(--cim-box-mr-md,var(--cim-box-mr-sm,var(--cim-box-mr-xs)))));margin-bottom:var(--cim-box-mb-xl,var(--cim-box-mb-lg,var(--cim-box-mb-md,var(--cim-box-mb-sm,var(--cim-box-mb-xs)))));margin-left:var(--cim-box-ml-xl,var(--cim-box-ml-lg,var(--cim-box-ml-md,var(--cim-box-ml-sm,var(--cim-box-ml-xs)))))}}.cim-disclosure{border:1px solid var(--cim-border-subtle);background:var(--cim-bg-subtle);border-radius:4px}@supports (height:calc-size(max-content, size)){.cim-disclosure .cim-disclosure-panel{height:0}.cim-disclosure[data-expanded] .cim-disclosure-panel{height:calc-size(max-content,size)}}.cim-disclosure-heading-wrapper{gap:var(--cim-space-16);align-items:center;display:flex}.cim-disclosure-heading{width:100%;margin:0;display:flex}.cim-disclosure-actions{padding-right:var(--cim-space-16)}.cim-disclosure-button{all:unset;width:100%;padding:var(--cim-space-16);outline-offset:3px;border-radius:4px;outline:transparent;align-items:center;display:flex}.cim-disclosure-button[data-focus-visible]{outline:2px solid var(--cim-border-focus)}.cim-disclosure-icon{margin-right:var(--cim-space-16);color:var(--cim-fg-action);flex-shrink:0}.cim-disclosure-panel{background:var(--cim-bg-base);transition:height .2s ease-in-out allow-discrete,content-visibility .2s ease-in-out allow-discrete;overflow:clip}.cim-disclosure-panel-content{padding:var(--cim-space-16);border-top:1px solid var(--cim-border-subtle)}.cim-disclosure-group{gap:var(--cim-space-16);flex-direction:column;display:flex}.cim-card{--cim-card-padding:var(--cim-space-16);padding:var(--cim-card-padding);border:1px solid var(--cim-border-base);background:var(--cim-bg-base);box-shadow:var(--cim-shadow-xs);border-radius:8px;overflow:hidden}.cim-card-section{margin-inline:calc(var(--cim-card-padding)*-1);padding:inherit}.cim-card-section:first-child{margin-top:calc(var(--cim-card-padding)*-1)}.cim-card-section:last-child{margin-bottom:calc(var(--cim-card-padding)*-1)}.cim-card-section.cim-card-section-with-border{border-top:1px solid var(--cim-border-subtle);border-bottom:1px solid var(--cim-border-subtle)}.cim-card-section.cim-card-section-with-border+.cim-card-section-with-border{border-top:none}.cim-card-section.cim-card-section-with-border:first-child{border-top:none}.cim-card-section.cim-card-section-with-border:last-child{border-bottom:none}.cim-card-section-bleed{padding:0}.cim-card-header{margin:calc(var(--cim-card-padding)*-1);padding:inherit}.cim-visually-hidden:not(.cim-visually-hidden-focusable){white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cim-visually-hidden-focusable:not(:has(:focus-visible,[data-focus-visible])){white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cim-modal-overlay{z-index:100;width:100vw;height:var(--visual-viewport-height);background:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.cim-modal-overlay[data-entering]{animation:.2s linear cim-modal-fade-animation}.cim-modal-overlay[data-exiting]{animation:.1s linear reverse cim-modal-fade-animation}.cim-modal{--cim-modal-width:400px;width:min(var(--cim-modal-width),calc(100% - var(--cim-space-32)))}.cim-modal[data-size=small]{--cim-modal-width:400px}.cim-modal[data-size=medium]{--cim-modal-width:600px}.cim-modal[data-size=large]{--cim-modal-width:800px}.cim-modal[data-entering]{animation:.2s ease-out cim-modal-slide-animation}.cim-modal[data-exiting]{animation:.1s ease-out reverse forwards cim-modal-slide-animation}@media (prefers-reduced-motion:reduce){.cim-modal[data-entering]{animation:none}.cim-modal[data-exiting]{animation:none}}.cim-modal-header{gap:var(--cim-space-16);padding:var(--cim-space-24);flex:0 auto;justify-content:space-between;display:flex}.cim-modal-close-button{margin-top:-8px;margin-right:-8px;color:var(--cim-fg-subtle)!important}.cim-modal-dialog{height:100%;max-height:calc(100vh - var(--cim-space-32));background:var(--cim-bg-base);box-shadow:var(--cim-shadow-l);border-radius:8px;outline:none;flex-direction:column;display:flex}@media (min-height:1024px){.cim-modal-dialog{max-height:90vh}}.cim-modal-content{padding:var(--cim-space-24);border-radius:0 0 8px 8px;flex:auto}.cim-modal-header+.cim-modal-content{padding-top:0}@keyframes cim-modal-fade-animation{0%{opacity:0}to{opacity:1}}@keyframes cim-modal-slide-animation{0%{translate:0 -32px}to{translate:0}}.cim-nav-tabs{flex-wrap:wrap;width:fit-content;display:flex}.cim-nav-tabs[data-orientation=horizontal]{flex-direction:row}.cim-nav-tabs[data-orientation=horizontal] .cim-nav-tab-item{box-shadow:inset 0 -2px var(--cim-nav-tab-item-border-color)}.cim-nav-tabs[data-orientation=vertical]{flex-direction:column}.cim-nav-tabs[data-orientation=vertical] .cim-nav-tab-item{box-shadow:inset -2px 0 var(--cim-nav-tab-item-border-color)}.cim-nav-tab-item{--cim-nav-tab-item-border-color:transparent;--cim-nav-tab-item-padding:var(--cim-space-12);cursor:pointer;-webkit-user-select:none;user-select:none;padding:var(--cim-nav-tab-item-padding);font-family:var(--cim-font-family);color:var(--cim-fg-action);outline:none;margin:0;transition:color .2s ease-out;position:relative}.cim-nav-tab-item:after{pointer-events:none;content:"";-webkit-user-select:none;user-select:none;inset:var(--cim-nav-tab-item-padding);outline-offset:3px;border-radius:4px;outline:transparent;transition:outline-color .2s ease-out;position:absolute}.cim-nav-tab-item[data-hovered]{color:var(--cim-fg-action-hover)}.cim-nav-tab-item[data-pressed]{color:var(--cim-fg-action-active)}.cim-nav-tab-item[data-current]{--cim-nav-tab-item-border-color:var(--cim-fg-base);cursor:default;color:var(--cim-fg-base)}.cim-nav-tab-item[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted)}.cim-nav-tab-item[data-disabled][data-current]{--cim-nav-tab-item-border-color:var(--cim-fg-muted)}.cim-nav-tab-item[data-focus-visible]:after{outline:2px solid var(--cim-border-focus)}

package/dist-styles/normalize.css

@@ -0,0 +1,2 @@
+/*! modern-normalize v3.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+:where([data-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-cim-style-root]){box-sizing:border-box}:where([data-cim-style-root]):before{box-sizing:border-box}:where([data-cim-style-root]):after{box-sizing:border-box}:where([data-cim-style-root]) *{box-sizing:border-box}:where([data-cim-style-root]) :before{box-sizing:border-box}:where([data-cim-style-root]) :after{box-sizing:border-box}:where([data-cim-style-root]):is(body){margin:0}:where([data-cim-style-root]) body{margin:0}:where([data-cim-style-root]) b{font-weight:bolder}:where([data-cim-style-root]) strong{font-weight:bolder}:where([data-cim-style-root]) code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-cim-style-root]) kbd{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-cim-style-root]) samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-cim-style-root]) pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-cim-style-root]) small{font-size:80%}:where([data-cim-style-root]) sub{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-cim-style-root]) sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-cim-style-root]) sub{bottom:-.25em}:where([data-cim-style-root]) sup{top:-.5em}:where([data-cim-style-root]) table{border-color:currentColor}:where([data-cim-style-root]) button{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]) input{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]) optgroup{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]) select{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]) textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-cim-style-root]) button{-webkit-appearance:button}:where([data-cim-style-root]) [type=button]{-webkit-appearance:button}:where([data-cim-style-root]) [type=reset]{-webkit-appearance:button}:where([data-cim-style-root]) [type=submit]{-webkit-appearance:button}:where([data-cim-style-root]) legend{padding:0}:where([data-cim-style-root]) progress{vertical-align:baseline}:where([data-cim-style-root]) ::-webkit-inner-spin-button{height:auto}:where([data-cim-style-root]) ::-webkit-outer-spin-button{height:auto}:where([data-cim-style-root]) [type=search]{-webkit-appearance:textfield;outline-offset:-2px}:where([data-cim-style-root]) ::-webkit-search-decoration{-webkit-appearance:none}:where([data-cim-style-root]) ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}:where([data-cim-style-root]) summary{display:list-item}