@cimpress-ui/react 0.0.0

package/dist/esm/icons/alert-triangle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-triangle.js","sourceRoot":"","sources":["../../../src/icons/alert-triangle.tsx"],"names":[],"mappings":";AACA,MAAM,gBAAgB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC3D,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,UAAU,eACV,MAAM,EAChB,IAAI,EAAC,cAAc,KACf,KAAK,aAET,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qQAAqQ,EACvQ,QAAQ,EAAC,SAAS,GAClB,EACF,eAAM,CAAC,EAAC,oCAAoC,GAAG,EAC/C,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uDAAuD,EAAC,QAAQ,EAAC,SAAS,GAAG,IACpG,CACP,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AACnD,eAAe,gBAAgB,CAAC","sourcesContent":["import type { SVGProps } from 'react';\nconst SvgAlertTriangle = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 32 32\"\n    width=\"1em\"\n    height=\"1em\"\n    className=\"cim-icon\"\n    data-icon=\"true\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M16.91 4.6a1.018 1.018 0 0 0-1.82 0L5.147 24.489a1.018 1.018 0 0 0 .91 1.474H25.94c.757 0 1.25-.797.91-1.474L16.912 4.6Zm-3.642-.911c1.125-2.252 4.338-2.252 5.464 0l9.941 19.89C29.69 25.608 28.212 28 25.941 28H6.058c-2.27 0-3.747-2.39-2.732-4.422L13.268 3.69Z\"\n      clipRule=\"evenodd\"\n    />\n    <path d=\"M17 23a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n    <path fillRule=\"evenodd\" d=\"M16 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1\" clipRule=\"evenodd\" />\n  </svg>\n);\nSvgAlertTriangle.displayName = 'IconAlertTriangle';\nexport default SvgAlertTriangle;\n"]}

package/dist/esm/icons/checkmark-small.d.ts

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+declare const SvgCheckmarkSmall: {
+    (props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SvgCheckmarkSmall;
+//# sourceMappingURL=checkmark-small.d.ts.map

package/dist/esm/icons/checkmark-small.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkmark-small.d.ts","sourceRoot":"","sources":["../../../src/icons/checkmark-small.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,QAAA,MAAM,iBAAiB;YAAW,QAAQ,CAAC,aAAa,CAAC;;CAiBxD,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgCheckmarkSmall = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "1em", height: "1em", className: "cim-icon", "data-icon": "true", fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M12.64 4.232a1 1 0 0 1 .128 1.408l-5 6a1 1 0 0 1-1.475.067l-3-3a1 1 0 0 1 1.414-1.414l2.226 2.226 4.299-5.16a1 1 0 0 1 1.408-.127", clipRule: "evenodd" }) }));
+SvgCheckmarkSmall.displayName = 'IconCheckmarkSmall';
+export default SvgCheckmarkSmall;
+//# sourceMappingURL=checkmark-small.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkmark-small.js","sourceRoot":"","sources":["../../../src/icons/checkmark-small.tsx"],"names":[],"mappings":";AACA,MAAM,iBAAiB,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CAC5D,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,UAAU,eACV,MAAM,EAChB,IAAI,EAAC,cAAc,KACf,KAAK,YAET,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mIAAmI,EACrI,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACF,iBAAiB,CAAC,WAAW,GAAG,oBAAoB,CAAC;AACrD,eAAe,iBAAiB,CAAC","sourcesContent":["import type { SVGProps } from 'react';\nconst SvgCheckmarkSmall = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 16 16\"\n    width=\"1em\"\n    height=\"1em\"\n    className=\"cim-icon\"\n    data-icon=\"true\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M12.64 4.232a1 1 0 0 1 .128 1.408l-5 6a1 1 0 0 1-1.475.067l-3-3a1 1 0 0 1 1.414-1.414l2.226 2.226 4.299-5.16a1 1 0 0 1 1.408-.127\"\n      clipRule=\"evenodd\"\n    />\n  </svg>\n);\nSvgCheckmarkSmall.displayName = 'IconCheckmarkSmall';\nexport default SvgCheckmarkSmall;\n"]}

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

@@ -0,0 +1,5 @@
+export { default as IconAdd } from './add.js';
+export { default as IconAlertTriangle } from './alert-triangle.js';
+export { default as IconCheckmarkSmall } from './checkmark-small.js';
+export { default as IconMinusSmall } from './minus-small.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/esm/icons/index.js

@@ -0,0 +1,5 @@
+export { default as IconAdd } from './add.js';
+export { default as IconAlertTriangle } from './alert-triangle.js';
+export { default as IconCheckmarkSmall } from './checkmark-small.js';
+export { default as IconMinusSmall } from './minus-small.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,UAAU,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { default as IconAdd } from './add.js';\nexport { default as IconAlertTriangle } from './alert-triangle.js';\nexport { default as IconCheckmarkSmall } from './checkmark-small.js';\nexport { default as IconMinusSmall } from './minus-small.js';\n"]}

package/dist/esm/icons/minus-small.d.ts

@@ -0,0 +1,7 @@
+import type { SVGProps } from 'react';
+declare const SvgMinusSmall: {
+    (props: SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default SvgMinusSmall;
+//# sourceMappingURL=minus-small.d.ts.map

package/dist/esm/icons/minus-small.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"minus-small.d.ts","sourceRoot":"","sources":["../../../src/icons/minus-small.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,QAAA,MAAM,aAAa;YAAW,QAAQ,CAAC,aAAa,CAAC;;CAapD,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const SvgMinusSmall = (props) => (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "1em", height: "1em", className: "cim-icon", "data-icon": "true", fill: "currentColor", ...props, children: _jsx("path", { fillRule: "evenodd", d: "M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1", clipRule: "evenodd" }) }));
+SvgMinusSmall.displayName = 'IconMinusSmall';
+export default SvgMinusSmall;
+//# sourceMappingURL=minus-small.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"minus-small.js","sourceRoot":"","sources":["../../../src/icons/minus-small.tsx"],"names":[],"mappings":";AACA,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,EACZ,SAAS,EAAC,UAAU,eACV,MAAM,EAChB,IAAI,EAAC,cAAc,KACf,KAAK,YAET,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,oDAAoD,EAAC,QAAQ,EAAC,SAAS,GAAG,GACjG,CACP,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAC7C,eAAe,aAAa,CAAC","sourcesContent":["import type { SVGProps } from 'react';\nconst SvgMinusSmall = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    viewBox=\"0 0 16 16\"\n    width=\"1em\"\n    height=\"1em\"\n    className=\"cim-icon\"\n    data-icon=\"true\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path fillRule=\"evenodd\" d=\"M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1\" clipRule=\"evenodd\" />\n  </svg>\n);\nSvgMinusSmall.displayName = 'IconMinusSmall';\nexport default SvgMinusSmall;\n"]}

package/dist/esm/index.d.ts

@@ -0,0 +1,23 @@
+export * from './components/button/button.js';
+export * from './components/button/link-button.js';
+export * from './components/button/icon-button.js';
+export * from './components/button/icon-link-button.js';
+export * from './components/typography/text.js';
+export * from './components/typography/link.js';
+export type { PressEvent, ValidationResult } from './components/types.js';
+export type { StyleProps } from './with-style-props.js';
+export * from './providers/ssr/ssr-provider.js';
+export * from './components/text-inputs/text-field.js';
+export * from './components/select/select.js';
+export * from './components/checkbox/checkbox.js';
+export * from './components/checkbox/checkbox-group.js';
+export * from './components/spinner/spinner.js';
+export * from './components/menu/menu.js';
+export * from './components/radio/radio.js';
+export * from './components/radio/radio-group.js';
+export * from './components/spacing/box/box.js';
+export * from './components/spacing/stack/stack.js';
+export * from './components/text-inputs/text-area.js';
+export * from './components/combo-box/combo-box.js';
+export * from './components/form/form.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,yCAAyC,CAAC;AAExD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAEhD,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC1E,YAAY,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAExD,cAAc,iCAAiC,CAAC;AAIhD,cAAc,wCAAwC,CAAC;AACvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC"}

package/dist/esm/index.js

@@ -0,0 +1,22 @@
+export * from './components/button/button.js';
+export * from './components/button/link-button.js';
+export * from './components/button/icon-button.js';
+export * from './components/button/icon-link-button.js';
+export * from './components/typography/text.js';
+export * from './components/typography/link.js';
+export * from './providers/ssr/ssr-provider.js';
+// Unfinished exports below
+export * from './components/text-inputs/text-field.js';
+export * from './components/select/select.js';
+export * from './components/checkbox/checkbox.js';
+export * from './components/checkbox/checkbox-group.js';
+export * from './components/spinner/spinner.js';
+export * from './components/menu/menu.js';
+export * from './components/radio/radio.js';
+export * from './components/radio/radio-group.js';
+export * from './components/spacing/box/box.js';
+export * from './components/spacing/stack/stack.js';
+export * from './components/text-inputs/text-area.js';
+export * from './components/combo-box/combo-box.js';
+export * from './components/form/form.js';
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,oCAAoC,CAAC;AACnD,cAAc,yCAAyC,CAAC;AAExD,cAAc,iCAAiC,CAAC;AAChD,cAAc,iCAAiC,CAAC;AAKhD,cAAc,iCAAiC,CAAC;AAEhD,2BAA2B;AAE3B,cAAc,wCAAwC,CAAC;AACvD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,yCAAyC,CAAC;AACxD,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,qCAAqC,CAAC;AACpD,cAAc,uCAAuC,CAAC;AACtD,cAAc,qCAAqC,CAAC;AACpD,cAAc,2BAA2B,CAAC","sourcesContent":["export * from './components/button/button.js';\nexport * from './components/button/link-button.js';\nexport * from './components/button/icon-button.js';\nexport * from './components/button/icon-link-button.js';\n\nexport * from './components/typography/text.js';\nexport * from './components/typography/link.js';\n\nexport type { PressEvent, ValidationResult } from './components/types.js';\nexport type { StyleProps } from './with-style-props.js';\n\nexport * from './providers/ssr/ssr-provider.js';\n\n// Unfinished exports below\n\nexport * from './components/text-inputs/text-field.js';\nexport * from './components/select/select.js';\nexport * from './components/checkbox/checkbox.js';\nexport * from './components/checkbox/checkbox-group.js';\nexport * from './components/spinner/spinner.js';\nexport * from './components/menu/menu.js';\nexport * from './components/radio/radio.js';\nexport * from './components/radio/radio-group.js';\nexport * from './components/spacing/box/box.js';\nexport * from './components/spacing/stack/stack.js';\nexport * from './components/text-inputs/text-area.js';\nexport * from './components/combo-box/combo-box.js';\nexport * from './components/form/form.js';\n"]}

package/dist/esm/package.json

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

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

@@ -0,0 +1,13 @@
+import { type PropsWithChildren } from 'react';
+export type SSRProviderProps = PropsWithChildren<{
+    /** The locale to apply to the children. Should be a [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code. */
+    locale: string;
+}>;
+/**
+ * Allows Cimpress UI components to be pre-rendered on the server or at build time.
+ */
+export declare function SSRProvider({ locale, children }: SSRProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SSRProvider {
+    var displayName: string;
+}
+//# sourceMappingURL=ssr-provider.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,15 @@
+import type { ReactNode, RefAttributes } from 'react';
+import { type Responsive, type Spacing } from './components/spacing/types.js';
+import type { DOMProps } from './components/types.js';
+export type Margin = Responsive<Spacing | 'auto'>;
+export interface StyleProps {
+    margin?: Margin;
+    marginX?: Margin;
+    marginY?: Margin;
+    marginTop?: Margin;
+    marginRight?: Margin;
+    marginBottom?: Margin;
+    marginLeft?: Margin;
+}
+export declare function withStyleProps<T extends DOMProps, R>(WrappedComponent: (props: T & RefAttributes<R>) => ReactNode, displayName?: string): (props: T & StyleProps & RefAttributes<R>) => ReactNode;
+//# sourceMappingURL=with-style-props.d.ts.map

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

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

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

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

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

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

package/dist-styles/styles.css

@@ -0,0 +1,2 @@
+/*! modern-normalize v3.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */
+:where([data-experimental-cim-style-root]){-webkit-text-size-adjust:100%;tab-size:4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.15}:where([data-experimental-cim-style-root]){box-sizing:border-box}:where([data-experimental-cim-style-root]):before{box-sizing:border-box}:where([data-experimental-cim-style-root]):after{box-sizing:border-box}:where([data-experimental-cim-style-root]) *{box-sizing:border-box}:where([data-experimental-cim-style-root]) :before{box-sizing:border-box}:where([data-experimental-cim-style-root]) :after{box-sizing:border-box}:where([data-experimental-cim-style-root]):is(body){margin:0}:where([data-experimental-cim-style-root]) body{margin:0}:where([data-experimental-cim-style-root]) b{font-weight:bolder}:where([data-experimental-cim-style-root]) strong{font-weight:bolder}:where([data-experimental-cim-style-root]) code{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-experimental-cim-style-root]) kbd{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-experimental-cim-style-root]) samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-experimental-cim-style-root]) pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}:where([data-experimental-cim-style-root]) small{font-size:80%}:where([data-experimental-cim-style-root]) sub{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-experimental-cim-style-root]) sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}:where([data-experimental-cim-style-root]) sub{bottom:-.25em}:where([data-experimental-cim-style-root]) sup{top:-.5em}:where([data-experimental-cim-style-root]) table{border-color:currentColor}:where([data-experimental-cim-style-root]) button{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) input{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) optgroup{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) select{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}:where([data-experimental-cim-style-root]) button{-webkit-appearance:button}:where([data-experimental-cim-style-root]) [type=button]{-webkit-appearance:button}:where([data-experimental-cim-style-root]) [type=reset]{-webkit-appearance:button}:where([data-experimental-cim-style-root]) [type=submit]{-webkit-appearance:button}:where([data-experimental-cim-style-root]) legend{padding:0}:where([data-experimental-cim-style-root]) progress{vertical-align:baseline}:where([data-experimental-cim-style-root]) ::-webkit-inner-spin-button{height:auto}:where([data-experimental-cim-style-root]) ::-webkit-outer-spin-button{height:auto}:where([data-experimental-cim-style-root]) [type=search]{-webkit-appearance:textfield;outline-offset:-2px}:where([data-experimental-cim-style-root]) ::-webkit-search-decoration{-webkit-appearance:none}:where([data-experimental-cim-style-root]) ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}:where([data-experimental-cim-style-root]) summary{display:list-item}[data-experimental-cim-style-root]{--cim-persimmon-base:#f0563a;--cim-persimmon-darker:#d63625;--cim-persimmon-darkest:#bc2111;--cim-cobalt-base:#3a414c;--cim-cobalt-darker:#212730;--cim-cobalt-darkest:#0d1116;--cim-ocean-base:#0088a9;--cim-ocean-darker:#00738e;--cim-ocean-darkest:#005c75;--cim-teal-base:#006f8a;--cim-teal-darker:#005b70;--cim-teal-darkest:#004456;--cim-sky-base:#d4ebf2;--cim-sky-darker:#b0d9e6;--cim-sky-darkest:#92c8da;--cim-granite-base:#4f5d75;--cim-granite-darker:#354259;--cim-granite-darkest:#212c3f;--cim-coal:#333943;--cim-shale:#697582;--cim-slate:#8090a2;--cim-alloy:#c4cdd6;--cim-platinum:#e1e6eb;--cim-silver:#eff3f5;--cim-horizon:#edf3f8;--cim-white:#fff;--cim-success-base:#35ad96;--cim-success-darker:#22917e;--cim-success-darkest:#127769;--cim-info-base:#41b5dc;--cim-info-darker:#2b9dc1;--cim-info-darkest:#188aa8;--cim-warning-base:#ffa23f;--cim-warning-darker:#e58628;--cim-warning-darkest:#cc7712;--cim-danger-base:#d24a35;--cim-danger-darker:#b73721;--cim-danger-darkest:#9e2810;--cim-disabled-base:#dfe0e2;--cim-disabled-darker:#c4cdd6;--cim-disabled-darkest:rgba(58,65,76,.5);--cim-fg-title:var(--cim-cobalt-darkest);--cim-fg-base:var(--cim-cobalt-base);--cim-fg-subtle:var(--cim-shale);--cim-fg-muted:#979ea6;--cim-fg-inverse:var(--cim-white);--cim-fg-action:var(--cim-ocean-base);--cim-fg-action-hover:var(--cim-ocean-darker);--cim-fg-action-active:var(--cim-ocean-darkest);--cim-fg-info:var(--cim-info-darker);--cim-fg-success:var(--cim-success-darker);--cim-fg-warning:var(--cim-warning-darkest);--cim-fg-critical:var(--cim-danger-base);--cim-fg-critical-hover:var(--cim-danger-darker);--cim-fg-critical-active:var(--cim-danger-darkest);--cim-bg-base:var(--cim-white);--cim-bg-subtle:var(--cim-silver);--cim-bg-action-subtle-hover:#e8f4f7;--cim-bg-action-subtle-active:var(--cim-sky-base);--cim-bg-action:var(--cim-ocean-base);--cim-bg-action-hover:var(--cim-ocean-darker);--cim-bg-action-active:var(--cim-ocean-darkest);--cim-bg-muted:var(--cim-platinum);--cim-bg-info:var(--cim-info-base);--cim-bg-success:var(--cim-success-base);--cim-bg-warning:var(--cim-warning-base);--cim-bg-critical-subtle-hover:#fcf1ef;--cim-bg-critical-subtle-active:#f8e2de;--cim-bg-critical:var(--cim-danger-base);--cim-bg-critical-hover:var(--cim-danger-darker);--cim-bg-critical-active:var(--cim-danger-darkest);--cim-border-base:var(--cim-alloy);--cim-border-subtle:var(--cim-platinum);--cim-border-hover:var(--cim-slate);--cim-border-action:var(--cim-ocean-base);--cim-border-action-hover:var(--cim-ocean-darker);--cim-border-info:var(--cim-info-base);--cim-border-success:var(--cim-success-base);--cim-border-warning:var(--cim-warning-base);--cim-border-critical:var(--cim-danger-base);--cim-border-focus:#006aff;--cim-font-family:"Open Sans Variable","Open Sans",ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--cim-space-0:0;--cim-space-2:2px;--cim-space-4:4px;--cim-space-8:8px;--cim-space-12:12px;--cim-space-16:16px;--cim-space-24:24px;--cim-space-32:32px;--cim-space-40:40px;--cim-space-48:48px;--cim-space-64:64px;--cim-space-96:96px;font:normal 400 16px/20px var(--cim-font-family);color:var(--cim-fg-base)}.cim-text{font-family:var(--cim-font-family);margin:0}.cim-text-variant-title-1{font-size:32px;font-weight:600;line-height:40px}.cim-text-variant-title-2{font-size:28px;font-weight:600;line-height:36px}.cim-text-variant-title-3{font-size:24px;font-weight:600;line-height:32px}.cim-text-variant-title-4{font-size:20px;font-weight:600;line-height:28px}.cim-text-variant-title-5{font-size:18px;font-weight:600;line-height:24px}.cim-text-variant-title-6{font-size:16px;font-weight:600;line-height:24px}.cim-text-variant-body,.cim-text-variant-body-semibold{font-size:16px;font-weight:400;line-height:20px}.cim-text-variant-medium,.cim-text-variant-medium-semibold{font-size:14px;font-weight:400;line-height:20px}.cim-text-variant-small,.cim-text-variant-small-semibold{font-size:12px;font-weight:400;line-height:16px}.cim-text-variant-extra-small,.cim-text-variant-extra-small-semibold{font-size:11px;font-weight:400;line-height:16px}.cim-text-variant-body-semibold,.cim-text-variant-medium-semibold,.cim-text-variant-small-semibold,.cim-text-variant-extra-small-semibold{font-weight:600}.cim-text-fs-normal{font-style:normal}.cim-text-fs-italic{font-style:italic}.cim-text-alignment-start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:left}.cim-text-alignment-start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.cim-text-alignment-center{text-align:center}.cim-text-alignment-end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){text-align:right}.cim-text-alignment-end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:left}.cim-text-alignment-justify{text-align:justify}.cim-text-decoration-none{text-decoration:none}.cim-text-decoration-strikethrough{text-decoration:line-through}.cim-text-decoration-underline{text-decoration:underline}.cim-text-tone-title{color:var(--cim-fg-title)}.cim-text-tone-base{color:var(--cim-fg-base)}.cim-text-tone-subtle{color:var(--cim-fg-subtle)}.cim-text-tone-muted{color:var(--cim-fg-muted)}.cim-text-tone-inverse{color:var(--cim-fg-inverse)}.cim-text-tone-action{color:var(--cim-fg-action)}.cim-text-tone-info{color:var(--cim-fg-info)}.cim-text-tone-success{color:var(--cim-fg-success)}.cim-text-tone-warning{color:var(--cim-fg-warning)}.cim-text-tone-critical{color:var(--cim-fg-critical)}.cim-link{font-family:var(--cim-font-family);outline:none;margin:0;text-decoration:none;color:var(--cim-fg-action)!important}.cim-link:hover{text-decoration:underline;color:var(--cim-fg-action-hover)!important}.cim-link:active{color:var(--cim-fg-action-active)!important}.cim-link[data-focus-visible]{outline:2px solid var(--cim-border-focus)}.cim-link-icon{vertical-align:middle}.cim-link>*+*{margin-left:8px}.cim-button,.cim-icon-button{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--cim-font-family);text-align:center;text-overflow:ellipsis;white-space:nowrap;-ms-appearance:none;appearance:none;outline-offset:3px;border-style:solid;border-width:1px;outline:transparent;justify-content:center;align-items:center;gap:8px;max-width:100%;margin:0;padding:0;font-weight:600;text-decoration:none;transition:all .2s ease-out,outline,outline-color .2s ease-out;display:inline-flex;overflow:hidden}:is(.cim-button,.cim-icon-button) .cim-icon{flex-shrink:0}:is(.cim-button,.cim-icon-button)[data-full-width]{width:100%;display:flex}:is(.cim-button,.cim-icon-button)[data-size=small]{--cim-button-padding-inline:12px;border-radius:4px;height:32px;font-size:14px;line-height:20px}:is(.cim-button,.cim-icon-button)[data-size=small] .cim-icon{width:18px;height:18px}:is(.cim-button,.cim-icon-button)[data-size=medium]{--cim-button-padding-inline:16px;border-radius:4px;height:40px;font-size:16px;line-height:24px}:is(.cim-button,.cim-icon-button)[data-size=medium] .cim-icon{width:18px;height:18px}:is(.cim-button,.cim-icon-button)[data-size=large]{--cim-button-padding-inline:24px;border-radius:8px;gap:12px;height:48px;font-size:18px;line-height:24px}:is(.cim-button,.cim-icon-button)[data-size=large] .cim-icon{width:24px;height:24px}:is(.cim-button,.cim-icon-button)[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted);border-color:var(--cim-border-base)}:is(.cim-button,.cim-icon-button)[data-disabled]:not([data-variant=secondary]){border:none}:is(.cim-button,.cim-icon-button)[data-pending]{cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted);border-color:var(--cim-border-base)}:is(.cim-button,.cim-icon-button)[data-pending]:not([data-variant=secondary]){border:none}:is(.cim-button,.cim-icon-button)[data-focus-visible]{outline:2px solid var(--cim-border-focus)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending]){color:var(--cim-fg-inverse);border:none}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=base]{background:var(--cim-bg-action)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=base][data-hovered]{background:var(--cim-bg-action-hover)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=base][data-pressed]{background:var(--cim-bg-action-active)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=critical]{background:var(--cim-bg-critical)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-hovered]{background:var(--cim-bg-critical-hover)}:is(.cim-button,.cim-icon-button)[data-variant=primary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-pressed]{background:var(--cim-bg-critical-active)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=base]{color:var(--cim-fg-action);background:var(--cim-bg-base);border-color:var(--cim-border-action)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=base][data-hovered]{color:var(--cim-fg-action-hover);background:var(--cim-bg-action-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=base][data-pressed]{color:var(--cim-fg-action-active);background:var(--cim-bg-action-subtle-active)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=critical]{color:var(--cim-fg-critical);background:var(--cim-bg-base);border-color:var(--cim-border-critical)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-hovered]{color:var(--cim-fg-critical-hover);background:var(--cim-bg-critical-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=secondary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-pressed]{color:var(--cim-fg-critical-active);background:var(--cim-bg-critical-subtle-active)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending]){background:var(--cim-bg-base);border:none}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=base]{color:var(--cim-fg-action)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=base][data-hovered]{color:var(--cim-fg-action-hover);background:var(--cim-bg-action-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=base][data-pressed]{color:var(--cim-fg-action-active);background:var(--cim-bg-action-subtle-active)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=critical]{color:var(--cim-fg-critical)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-hovered]{color:var(--cim-fg-critical-hover);background:var(--cim-bg-critical-subtle-hover)}:is(.cim-button,.cim-icon-button)[data-variant=tertiary]:not([data-disabled]):not([data-pending])[data-tone=critical][data-pressed]{color:var(--cim-fg-critical-active);background:var(--cim-bg-critical-subtle-active)}:is(.cim-button,.cim-icon-button)[data-pending]{position:relative}:is(.cim-button,.cim-icon-button)[data-pending]>*{opacity:0}:is(.cim-button,.cim-icon-button)[data-pending]>.cim-spinner:last-child{opacity:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.cim-button,.cim-icon-button)[data-pending][data-size=small]>.cim-spinner:last-child svg{width:20px!important;height:20px!important}:is(.cim-button,.cim-icon-button)[data-pending][data-size=medium]>.cim-spinner:last-child svg{width:24px!important;height:24px!important}:is(.cim-button,.cim-icon-button)[data-pending][data-size=large]>.cim-spinner:last-child svg{width:32px!important;height:32px!important}.cim-button{padding-inline:var(--cim-button-padding-inline)}.cim-icon-button{aspect-ratio:1;padding-left:0;padding-right:0}.cim-checkbox{--cim-checkbox-line-height:24px;--cim-checkbox-color:var(--cim-fg-base);--cim-checkbox-icon-color:transparent;--cim-checkbox-toggle-background:var(--cim-bg-base);--cim-checkbox-toggle-stroke-color:var(--cim-fg-base);cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:var(--cim-checkbox-color);justify-content:flex-start;align-items:flex-start;gap:8px;margin:0;padding:0;display:inline-flex}.cim-checkbox[data-focus-visible] .cim-checkbox-toggle{outline:2px solid var(--cim-border-focus)}.cim-checkbox[data-hovered]{--cim-checkbox-toggle-background:var(--cim-bg-action-subtle-hover);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-checkbox[data-pressed]{--cim-checkbox-toggle-background:var(--cim-bg-action-subtle-active);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-active)}.cim-checkbox[data-selected]{--cim-checkbox-icon-color:var(--cim-fg-inverse);--cim-checkbox-toggle-background:var(--cim-bg-action);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action)}.cim-checkbox[data-selected][data-hovered]{--cim-checkbox-toggle-background:var(--cim-bg-action-hover);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-checkbox[data-selected][data-pressed]{--cim-checkbox-toggle-background:var(--cim-bg-action-active);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-active)}.cim-checkbox[data-indeterminate]{--cim-checkbox-icon-color:var(--cim-fg-inverse);--cim-checkbox-toggle-background:var(--cim-bg-action);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action)}.cim-checkbox[data-indeterminate][data-hovered]{--cim-checkbox-toggle-background:var(--cim-bg-action-hover);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-checkbox[data-indeterminate][data-pressed]{--cim-checkbox-toggle-background:var(--cim-bg-action-active);--cim-checkbox-toggle-stroke-color:var(--cim-fg-action-active)}.cim-checkbox[data-readonly]{cursor:default}.cim-checkbox[data-disabled]{--cim-checkbox-color:var(--cim-fg-muted);--cim-checkbox-toggle-background:var(--cim-bg-muted);--cim-checkbox-toggle-stroke-color:var(--cim-fg-muted);cursor:not-allowed}.cim-checkbox[data-disabled][data-selected]{--cim-checkbox-icon-color:var(--cim-fg-muted)}.cim-checkbox[data-disabled][data-indeterminate]{--cim-checkbox-icon-color:var(--cim-fg-muted)}.cim-checkbox>.cim-text{line-height:var(--cim-checkbox-line-height)}.cim-checkbox-toggle-wrapper{height:var(--cim-checkbox-line-height);align-items:center;display:flex}.cim-checkbox-toggle{background:var(--cim-checkbox-toggle-background);border:1px solid var(--cim-checkbox-toggle-stroke-color);outline-offset:3px;border-radius:2px;outline:transparent;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s ease-out,outline,outline-color .2s ease-out;display:flex}.cim-checkbox-toggle>svg{color:var(--cim-checkbox-icon-color)}.cim-select{--cim-select-border-color:var(--cim-border-base);color:var(--cim-cobalt-base)}.cim-select [data-icon]{top:50%;right:var(--cim-space-16);color:var(--cim-fg-action);position:absolute;transform:translateY(-50%)}.cim-select[data-open] [data-icon]{transform:translateY(-50%)rotate(180deg)}.cim-select[data-invalid] .cim-select-button{--cim-select-border-color:var(--cim-border-critical)}.cim-select-button{padding-right:var(--cim-space-32);padding-left:var(--cim-space-16);background:var(--cim-bg-base);border:1px solid var(--cim-select-border-color);border-radius:4px;outline:none;align-items:center;width:100%;height:40px;transition:all .2s ease-out;display:flex;position:relative}.cim-select-button[data-hovered]:where(:not([data-disabled])){--cim-select-border-color:var(--cim-border-hover)}.cim-select-button[data-focused]{--cim-select-border-color:var(--cim-border-action);box-shadow:inset 0 0 0 1px var(--cim-select-border-color);outline:none}.cim-select-button[data-pressed]{--cim-select-border-color:var(--cim-border-action);box-shadow:inset 0 0 0 1px var(--cim-select-border-color);outline:none}.cim-select-button[data-disabled]{background:var(--cim-bg-disabled)}.cim-select-popover{min-width:var(--trigger-width);min-height:unset;max-height:inherit;border:1px solid var(--cim-alloy);background:#fff;border-radius:4px;overflow-y:auto;box-shadow:0 6px 12px rgba(0,0,0,.18)}.cim-select-popover[data-focus-visible]{outline:none}.cim-select-listbox{width:unset;min-height:unset;max-height:inherit;border:none;outline:none;display:block}.cim-select-listbox .cim-select-header{padding:var(--cim-space-8)var(--cim-space-16);text-transform:uppercase}.cim-select-item{cursor:pointer;padding:var(--cim-space-12)var(--cim-space-16);color:var(--cim-teal-base);outline:none}.cim-select-item[data-focused]{color:var(--cim-teal-darker);background:#f8fafc}.cim-select-item[data-pressed]{color:var(--cim-teal-darker);background:#f8fafc}.cim-select-item[data-selected]{background:var(--cim-horizon)}.cim-select-item[data-disabled]{cursor:not-allowed;color:var(--cim-slate)}.cim-text-field,.cim-text-area{color:var(--cim-fg-base)}.cim-text-field-input,.cim-text-area-input{--cim-text-field-border-color:var(--cim-border-base);background:var(--cim-bg-base);border:1px solid var(--cim-text-field-border-color);border-radius:4px;outline:none;width:100%;transition:all .2s ease-out}:is(.cim-text-field-input,.cim-text-area-input)::-ms-input-placeholder{color:var(--cim-fg-muted)}:is(.cim-text-field-input,.cim-text-area-input)::placeholder{color:var(--cim-fg-muted)}:is(.cim-text-field-input,.cim-text-area-input)[data-hovered]{--cim-text-field-border-color:var(--cim-border-hover)}:is(.cim-text-field-input,.cim-text-area-input)[data-focused]{--cim-text-field-border-color:var(--cim-border-action);box-shadow:inset 0 0 0 1px var(--cim-text-field-border-color)}:is(.cim-text-field-input,.cim-text-area-input)[data-invalid]{--cim-text-field-border-color:var(--cim-border-critical)}:is(.cim-text-field-input,.cim-text-area-input)[data-disabled]{--cim-text-field-border-color:var(--cim-border-base);color:var(--cim-fg-subtle);background:var(--cim-bg-muted)}.cim-text-field-input{padding:0 var(--cim-space-8);height:40px}.cim-text-area-input{padding:10px var(--cim-space-8);max-width:100%}.cim-combo-box{--cim-combo-box-border-color:var(--cim-border-base);color:var(--cim-cobalt-base)}.cim-combo-box[data-open] .cim-combo-box-button [data-icon]{transform:rotate(180deg)}.cim-combo-box:has(:where(.cim-combo-box-input[data-hovered]:not([data-disabled]))){--cim-combo-box-border-color:var(--cim-border-hover)}.cim-combo-box[data-focused]{--cim-combo-box-border-color:var(--cim-border-action)}.cim-combo-box[data-focused] .cim-combo-box-input-wrapper{box-shadow:inset 0 0 0 1px var(--cim-combo-box-border-color);outline:none}.cim-combo-box[data-pressed]{--cim-combo-box-border-color:var(--cim-border-action)}.cim-combo-box[data-pressed] .cim-combo-box-input-wrapper{box-shadow:inset 0 0 0 1px var(--cim-combo-box-border-color);outline:none}.cim-combo-box[data-disabled]{background:var(--cim-bg-disabled)}.cim-combo-box[data-invalid]{--cim-combo-box-border-color:var(--cim-border-critical)}.cim-combo-box-input-wrapper{background:var(--cim-bg-base);border:1px solid var(--cim-combo-box-border-color);border-radius:4px;outline:none;align-items:center;width:100%;height:40px;transition:all .2s ease-out;display:flex;position:relative}.cim-combo-box-input{padding:0;padding-left:var(--cim-space-16);background:0 0;border:none;outline:none;flex:1;height:100%}.cim-combo-box-input::-ms-input-placeholder{color:var(--cim-fg-muted)}.cim-combo-box-input::placeholder{color:var(--cim-fg-muted)}.cim-combo-box-button{cursor:pointer;padding-inline:var(--cim-space-16);color:var(--cim-fg-action);background:0 0;border:none;flex-shrink:0;align-items:center;height:100%;display:flex}.cim-combo-box-popover{min-width:calc(var(--trigger-width) + 2px);min-height:unset;max-height:inherit;border:1px solid var(--cim-alloy);background:#fff;border-radius:4px;overflow-y:auto;box-shadow:0 6px 12px rgba(0,0,0,.18)}.cim-combo-box-popover[data-focus-visible]{outline:none}.cim-combo-box-listbox{width:unset;min-height:unset;max-height:inherit;border:none;outline:none;display:block}.cim-combo-box-listbox .cim-combo-box-header{padding:var(--cim-space-8)var(--cim-space-16);text-transform:uppercase}.cim-combo-box-item{cursor:pointer;padding:var(--cim-space-12)var(--cim-space-16);color:var(--cim-teal-base);outline:none}.cim-combo-box-item[data-focused]{color:var(--cim-teal-darker);background:#f8fafc}.cim-combo-box-item[data-pressed]{color:var(--cim-teal-darker);background:#f8fafc}.cim-combo-box-item[data-selected]{background:var(--cim-horizon)}.cim-combo-box-item[data-disabled]{cursor:not-allowed;color:var(--cim-slate)}.cim-form-field-label{margin-bottom:var(--cim-space-4);display:block}.cim-form-field-label>.cim-text:last-child{margin-left:var(--cim-space-8)}.cim-form-field-error{--cim-form-field-error-line-height:16px;gap:var(--cim-space-4);margin-top:var(--cim-space-4);line-height:var(--cim-form-field-error-line-height);flex-flow:column;display:flex}.cim-form-field-error .cim-form-field-error-message{gap:var(--cim-space-4);justify-content:flex-start;align-items:flex-start;display:inline-flex}.cim-form-field-error .cim-form-field-error-icon-wrapper{height:var(--cim-form-field-error-line-height);align-items:center;display:flex}.cim-form-field-description{margin-top:var(--cim-space-4);display:block}.cim-spinner>svg{display:block}.cim-spinner-ring-bg{fill:none;stroke:var(--cim-alloy);stroke-linecap:butt;stroke-width:10px}.cim-spinner-ring-animated{fill:none;stroke:var(--cim-info-base);stroke-linecap:butt;stroke-width:10px}.cim-menu-button{cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:var(--cim-font-family);color:var(--cim-fg-action);border:1px solid var(--cim-border-base);outline-offset:3px;background:#fff;border-radius:4px;outline:transparent;justify-content:center;align-items:center;gap:8px;height:40px;padding-left:16px;padding-right:16px;font-size:16px;line-height:24px;transition:all .2s ease-out,outline,outline-color .2s ease-out;display:inline-flex;position:relative}.cim-menu-button[data-focus-visible]{outline:2px solid var(--cim-border-focus)}.cim-menu-button[data-hovered]{color:var(--cim-fg-action-hover);background:var(--cim-bg-action-subtle-hover)}.cim-menu-button[data-pressed]{color:var(--cim-fg-action-active);background:var(--cim-bg-action-subtle-active)}.cim-menu-button[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-muted);border-color:var(--cim-border-base)}.cim-menu-button>.cim-icon{flex-shrink:0;width:18px;height:18px}.cim-menu-popover{min-width:var(--trigger-width);min-height:unset;max-height:inherit;padding:var(--cim-space-8)0;background:var(--cim-bg-base);border-radius:4px;outline:none;overflow-y:auto;box-shadow:0 1px 3px rgba(0,0,0,.08),0 3px 8px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.05),0 6px 16px rgba(0,0,0,.04)}.cim-menu{width:unset;min-height:unset;border:none;outline:none}.cim-menu-section-header,.cim-menu-item{padding:var(--cim-space-8)var(--cim-space-16)}.cim-menu-item{cursor:pointer;color:var(--cim-fg-base);outline:none;text-decoration:none;display:block}.cim-menu-item [slot=label]{line-height:24px}.cim-menu-item[data-hovered]{background:var(--cim-bg-action-subtle-hover)}.cim-menu-item[data-focused]{background:var(--cim-bg-action-subtle-hover)}.cim-menu-item[data-pressed]{background:var(--cim-bg-action-subtle-active)}.cim-menu-item[data-disabled]{cursor:not-allowed;color:var(--cim-fg-muted);background:var(--cim-bg-base)}.cim-menu-separator{border:1px solid var(--cim-border-base);height:1px}.cim-radio{--cim-radio-line-height:24px;--cim-radio-color:var(--cim-fg-base);--cim-radio-toggle-background:var(--cim-bg-base);--cim-radio-toggle-stroke-color:var(--cim-fg-base);--cim-radio-toggle-inner-color:transparent;cursor:pointer;-webkit-user-select:none;-ms-user-select:none;user-select:none;color:var(--cim-radio-color);justify-content:flex-start;align-items:flex-start;gap:8px;margin:0;padding:0;display:inline-flex}.cim-radio[data-focus-visible] .cim-radio-toggle{outline:2px solid var(--cim-border-focus)}.cim-radio[data-hovered]{--cim-radio-toggle-background:var(--cim-bg-action-subtle-hover);--cim-radio-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-radio[data-pressed]{--cim-radio-toggle-background:var(--cim-bg-action-subtle-active);--cim-radio-toggle-stroke-color:var(--cim-fg-action-active)}.cim-radio[data-selected]{--cim-radio-toggle-background:var(--cim-bg-action);--cim-radio-toggle-stroke-color:var(--cim-fg-action);--cim-radio-toggle-inner-color:var(--cim-fg-inverse)}.cim-radio[data-selected][data-hovered]{--cim-radio-toggle-background:var(--cim-bg-action-hover);--cim-radio-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-radio[data-selected][data-pressed]{--cim-radio-toggle-background:var(--cim-bg-action-active);--cim-radio-toggle-stroke-color:var(--cim-fg-action-active)}.cim-radio[data-indeterminate]{--cim-radio-toggle-background:var(--cim-bg-action);--cim-radio-toggle-stroke-color:var(--cim-fg-action);--cim-radio-toggle-inner-color:var(--cim-fg-inverse)}.cim-radio[data-indeterminate][data-hovered]{--cim-radio-toggle-background:var(--cim-bg-action-hover);--cim-radio-toggle-stroke-color:var(--cim-fg-action-hover)}.cim-radio[data-indeterminate][data-pressed]{--cim-radio-toggle-background:var(--cim-bg-action-active);--cim-radio-toggle-stroke-color:var(--cim-fg-action-active)}.cim-radio[data-readonly]{cursor:default}.cim-radio[data-disabled]{--cim-radio-color:var(--cim-fg-muted);--cim-radio-toggle-background:var(--cim-bg-muted);--cim-radio-toggle-stroke-color:var(--cim-fg-muted);cursor:not-allowed}.cim-radio[data-disabled][data-selected]{--cim-radio-toggle-inner-color:var(--cim-fg-muted)}.cim-radio[data-disabled][data-indeterminate]{--cim-radio-toggle-inner-color:var(--cim-fg-muted)}.cim-radio>.cim-text{line-height:var(--cim-radio-line-height)}.cim-radio-toggle-wrapper{height:var(--cim-radio-line-height);align-items:center;display:flex}.cim-radio-toggle{background:var(--cim-radio-toggle-background);border:1px solid var(--cim-radio-toggle-stroke-color);outline-offset:3px;border-radius:50%;outline:transparent;justify-content:center;align-items:center;width:16px;height:16px;transition:all .2s ease-out,outline,outline-color .2s ease-out;display:flex}.cim-radio-toggle-inner{background:var(--cim-radio-toggle-inner-color);border-radius:50%;width:6px;height:6px}.cim-box{--cim-space-auto:auto;--cim-box-mt-xs:initial;--cim-box-mt-sm:initial;--cim-box-mt-md:initial;--cim-box-mt-lg:initial;--cim-box-mt-xl:initial;--cim-box-mr-xs:initial;--cim-box-mr-sm:initial;--cim-box-mr-md:initial;--cim-box-mr-lg:initial;--cim-box-mr-xl:initial;--cim-box-mb-xs:initial;--cim-box-mb-sm:initial;--cim-box-mb-md:initial;--cim-box-mb-lg:initial;--cim-box-mb-xl:initial;--cim-box-ml-xs:initial;--cim-box-ml-sm:initial;--cim-box-ml-md:initial;--cim-box-ml-lg:initial;--cim-box-ml-xl:initial;margin-top:var(--cim-box-mt-xs);margin-right:var(--cim-box-mr-xs);margin-bottom:var(--cim-box-mb-xs);margin-left:var(--cim-box-ml-xs)}@media (min-width:640px){.cim-box{margin-top:var(--cim-box-mt-sm,var(--cim-box-mt-xs));margin-right:var(--cim-box-mr-sm,var(--cim-box-mr-xs));margin-bottom:var(--cim-box-mb-sm,var(--cim-box-mb-xs));margin-left:var(--cim-box-ml-sm,var(--cim-box-ml-xs))}}@media (min-width:768px){.cim-box{margin-top:var(--cim-box-mt-md,var(--cim-box-mt-sm,var(--cim-box-mt-xs)));margin-right:var(--cim-box-mr-md,var(--cim-box-mr-sm,var(--cim-box-mr-xs)));margin-bottom:var(--cim-box-mb-md,var(--cim-box-mb-sm,var(--cim-box-mb-xs)));margin-left:var(--cim-box-ml-md,var(--cim-box-ml-sm,var(--cim-box-ml-xs)))}}@media (min-width:1024px){.cim-box{margin-top:var(--cim-box-mt-lg,var(--cim-box-mt-md,var(--cim-box-mt-sm,var(--cim-box-mt-xs))));margin-right:var(--cim-box-mr-lg,var(--cim-box-mr-md,var(--cim-box-mr-sm,var(--cim-box-mr-xs))));margin-bottom:var(--cim-box-mb-lg,var(--cim-box-mb-md,var(--cim-box-mb-sm,var(--cim-box-mb-xs))));margin-left:var(--cim-box-ml-lg,var(--cim-box-ml-md,var(--cim-box-ml-sm,var(--cim-box-ml-xs))))}}@media (min-width:1280px){.cim-box{margin-top:var(--cim-box-mt-xl,var(--cim-box-mt-lg,var(--cim-box-mt-md,var(--cim-box-mt-sm,var(--cim-box-mt-xs)))));margin-right:var(--cim-box-mr-xl,var(--cim-box-mr-lg,var(--cim-box-mr-md,var(--cim-box-mr-sm,var(--cim-box-mr-xs)))));margin-bottom:var(--cim-box-mb-xl,var(--cim-box-mb-lg,var(--cim-box-mb-md,var(--cim-box-mb-sm,var(--cim-box-mb-xs)))));margin-left:var(--cim-box-ml-xl,var(--cim-box-ml-lg,var(--cim-box-ml-md,var(--cim-box-ml-sm,var(--cim-box-ml-xs)))))}}.cim-stack{--cim-stack-fd-inline-false:column;--cim-stack-fd-inline-true:row;--cim-stack-gap-xs:initial;--cim-stack-gap-sm:initial;--cim-stack-gap-md:initial;--cim-stack-gap-lg:initial;--cim-stack-gap-xl:initial;--cim-stack-fd-xs:initial;--cim-stack-fd-sm:initial;--cim-stack-fd-md:initial;--cim-stack-fd-lg:initial;--cim-stack-fd-xl:initial;flex-direction:var(--cim-stack-fd-xs);gap:var(--cim-stack-gap-xs);flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;display:flex}@media (min-width:640px){.cim-stack{flex-direction:var(--cim-stack-fd-sm,var(--cim-stack-fd-xs));gap:var(--cim-stack-gap-sm,var(--cim-stack-gap-xs))}}@media (min-width:768px){.cim-stack{flex-direction:var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs)));gap:var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-xs)))}}@media (min-width:1024px){.cim-stack{flex-direction:var(--cim-stack-fd-lg,var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs))));gap:var(--cim-stack-gap-lg,var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-xs))))}}@media (min-width:1280px){.cim-stack{flex-direction:var(--cim-stack-fd-xl,var(--cim-stack-fd-lg,var(--cim-stack-fd-md,var(--cim-stack-fd-sm,var(--cim-stack-fd-xs)))));gap:var(--cim-stack-gap-xl,var(--cim-stack-gap-lg,var(--cim-stack-gap-md,var(--cim-stack-gap-sm,var(--cim-stack-gap-xs)))))}}

package/package.json

@@ -0,0 +1,104 @@
+{
+  "name": "@cimpress-ui/react",
+  "version": "0.0.0",
+  "description": "Library of React components for building Cimpress UI interfaces.",
+  "author": "Cimpress",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/Cimpress-Technology/internal-open-source/component-library/cimpress-ui.git",
+    "directory": "packages/ui"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "type": "module",
+  "main": "./dist/commonjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/commonjs/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    "./styles.css": "./dist-styles/styles.css",
+    ".": {
+      "import": {
+        "@cimpress/ui/source": "./src/index.ts",
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "types": "./dist/commonjs/index.d.ts",
+        "default": "./dist/commonjs/index.js"
+      }
+    },
+    "./icons": {
+      "import": {
+        "@cimpress/ui/source": "./src/icons/index.ts",
+        "types": "./dist/esm/icons/index.d.ts",
+        "default": "./dist/esm/icons/index.js"
+      },
+      "require": {
+        "types": "./dist/commonjs/icons/index.d.ts",
+        "default": "./dist/commonjs/icons/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist",
+    "dist-styles"
+  ],
+  "dependencies": {
+    "clsx": "^2.1.1",
+    "react-aria-components": "1.4.1"
+  },
+  "peerDependencies": {
+    "react": "^16.8 || ^17 || ^18",
+    "react-dom": "^16.8 || ^17 || ^18"
+  },
+  "devDependencies": {
+    "@svgr/cli": "^8.1.0",
+    "@testing-library/jest-dom": "^6.6.2",
+    "@testing-library/react": "^16.0.1",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.3.2",
+    "chokidar-cli": "^3.0.0",
+    "jsdom": "^25.0.1",
+    "lightningcss-cli": "^1.27.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "tshy": "^3.0.2",
+    "vitest": "^2.1.3"
+  },
+  "tshy": {
+    "project": "./tsconfig.build.json",
+    "exports": {
+      "./package.json": "./package.json",
+      "./styles.css": "./dist-styles/styles.css",
+      ".": "./src/index.ts",
+      "./icons": "./src/icons/index.ts"
+    },
+    "sourceDialects": [
+      "@cimpress/ui/source"
+    ],
+    "exclude": [
+      "src/**/*.test.ts",
+      "src/**/*.test.tsx"
+    ]
+  },
+  "scripts": {
+    "setup": "pnpm run generate:icons",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "dev": "pnpm run /^dev:/",
+    "dev:js": "tshy --watch",
+    "dev:css": "chokidar \"src/**/*.css\" --command \"pnpm run build:css\" --initial --silent",
+    "dev:icons": "chokidar \"icons/*.svg\" --command \"pnpm run generate:icons\" --initial --silent",
+    "build": "pnpm run /^build:/",
+    "build:js": "tshy",
+    "build:css": "lightningcss --bundle --minify --targets \">= 0.25%\" src/styles/index.css --output-file dist-styles/styles.css",
+    "clean:output": "rimraf --glob dist dist-styles tsconfig*.tsbuildinfo .tshy .tshy-build src/icons",
+    "types:check": "tsc --noEmit",
+    "generate:icons": "rimraf ./src/icons && svgr --config-file .svgrrc.json --template ./svgr-icon-template.cjs --index-template ./svgr-index-template.cjs -- ./icons && prettier --write \"./src/icons/**/*.{ts,tsx}\""
+  }
+}