@cimpress-ui/react 0.1.0 → 0.2.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"minus.js","sourceRoot":"","sources":["../../../src/icons/minus.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,WAAW,CAAC;AAChC,2BAA2B;AAC3B,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IACjH,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,sDAAsD,EAAC,QAAQ,EAAC,SAAS,GAAG,GACnG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AACnC,eAAe,QAAQ,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconMinus';\n/** Renders an SVG icon. */\nconst SvgMinus = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path fillRule=\"evenodd\" d=\"M5 16a2 2 0 0 1 2-2h18a2 2 0 1 1 0 4H7a2 2 0 0 1-2-2\" clipRule=\"evenodd\" />\n    </svg>\n  );\n};\nSvgMinus.displayName = displayName;\nexport default SvgMinus;\n"]}

package/dist/esm/icons/unstable-chevron-left-fill.d.ts

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

package/dist/esm/icons/unstable-chevron-left-fill.d.ts.map

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

package/dist/esm/icons/unstable-chevron-left-fill.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconUnstableChevronLeftFill';
+/** Renders an SVG icon. */
+const SvgUnstableChevronLeftFill = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M20.56 24.06a1.5 1.5 0 0 0 0-2.12L14.622 16l5.94-5.94a1.5 1.5 0 0 0-2.122-2.12l-7 7a1.5 1.5 0 0 0 0 2.12l7 7a1.5 1.5 0 0 0 2.122 0z", clipRule: "evenodd" }) }));
+};
+SvgUnstableChevronLeftFill.displayName = displayName;
+export default SvgUnstableChevronLeftFill;
+//# sourceMappingURL=unstable-chevron-left-fill.js.map

package/dist/esm/icons/unstable-chevron-left-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstable-chevron-left-fill.js","sourceRoot":"","sources":["../../../src/icons/unstable-chevron-left-fill.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,6BAA6B,CAAC;AAClD,2BAA2B;AAC3B,MAAM,0BAA0B,GAAG,CAAC,EAClC,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qIAAqI,EACvI,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,0BAA0B,CAAC,WAAW,GAAG,WAAW,CAAC;AACrD,eAAe,0BAA0B,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconUnstableChevronLeftFill';\n/** Renders an SVG icon. */\nconst SvgUnstableChevronLeftFill = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M20.56 24.06a1.5 1.5 0 0 0 0-2.12L14.622 16l5.94-5.94a1.5 1.5 0 0 0-2.122-2.12l-7 7a1.5 1.5 0 0 0 0 2.12l7 7a1.5 1.5 0 0 0 2.122 0z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgUnstableChevronLeftFill.displayName = displayName;\nexport default SvgUnstableChevronLeftFill;\n"]}

package/dist/esm/icons/unstable-chevron-right-fill.d.ts

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

package/dist/esm/icons/unstable-chevron-right-fill.d.ts.map

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

package/dist/esm/icons/unstable-chevron-right-fill.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconUnstableChevronRightFill';
+/** Renders an SVG icon. */
+const SvgUnstableChevronRightFill = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M11.44 24.06a1.5 1.5 0 0 1 0-2.12L17.378 16l-5.94-5.94a1.5 1.5 0 0 1 2.122-2.12l7 7a1.5 1.5 0 0 1 0 2.12l-7 7a1.5 1.5 0 0 1-2.122 0Z", clipRule: "evenodd" }) }));
+};
+SvgUnstableChevronRightFill.displayName = displayName;
+export default SvgUnstableChevronRightFill;
+//# sourceMappingURL=unstable-chevron-right-fill.js.map

package/dist/esm/icons/unstable-chevron-right-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unstable-chevron-right-fill.js","sourceRoot":"","sources":["../../../src/icons/unstable-chevron-right-fill.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,8BAA8B,CAAC;AACnD,2BAA2B;AAC3B,MAAM,2BAA2B,GAAG,CAAC,EACnC,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,cAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sIAAsI,EACxI,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,2BAA2B,CAAC,WAAW,GAAG,WAAW,CAAC;AACtD,eAAe,2BAA2B,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconUnstableChevronRightFill';\n/** Renders an SVG icon. */\nconst SvgUnstableChevronRightFill = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M11.44 24.06a1.5 1.5 0 0 1 0-2.12L17.378 16l-5.94-5.94a1.5 1.5 0 0 1 2.122-2.12l7 7a1.5 1.5 0 0 1 0 2.12l-7 7a1.5 1.5 0 0 1-2.122 0Z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgUnstableChevronRightFill.displayName = displayName;\nexport default SvgUnstableChevronRightFill;\n"]}

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconUnstableClose';
+/** Renders an SVG icon. */
+const SvgUnstableClose = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: [_jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.222 23.778a2 2 0 0 1 0-2.828L20.95 8.222a2 2 0 0 1 2.828 2.828L11.05 23.778a2 2 0 0 1-2.828 0", clipRule: "evenodd" }), _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.222 8.222a2 2 0 0 1 2.828 0L23.778 20.95a2 2 0 0 1-2.828 2.828L8.222 11.05a2 2 0 0 1 0-2.828", clipRule: "evenodd" })] }));
+};
+SvgUnstableClose.displayName = displayName;
+export default SvgUnstableClose;
+//# sourceMappingURL=unstable-close.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"unstable-close.js","sourceRoot":"","sources":["../../../src/icons/unstable-close.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,eAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kGAAkG,EACpG,QAAQ,EAAC,SAAS,GAClB,EACF,eACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,iGAAiG,EACnG,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,eAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconUnstableClose';\n/** Renders an SVG icon. */\nconst SvgUnstableClose = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M8.222 23.778a2 2 0 0 1 0-2.828L20.95 8.222a2 2 0 0 1 2.828 2.828L11.05 23.778a2 2 0 0 1-2.828 0\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M8.222 8.222a2 2 0 0 1 2.828 0L23.778 20.95a2 2 0 0 1-2.828 2.828L8.222 11.05a2 2 0 0 1 0-2.828\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgUnstableClose.displayName = displayName;\nexport default SvgUnstableClose;\n"]}

package/dist/esm/icons/unstable-info-circle.d.ts

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

package/dist/esm/icons/unstable-info-circle.d.ts.map

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

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconUnstableInfoCircle';
+/** Renders an SVG icon. */
+const SvgUnstableInfoCircle = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: [_jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M16 28c6.627 0 12-5.373 12-12S22.627 4 16 4 4 9.373 4 16s5.373 12 12 12m0 2c7.732 0 14-6.268 14-14S23.732 2 16 2 2 8.268 2 16s6.268 14 14 14", clipRule: "evenodd" }), _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M16 23.25c.69 0 1.25-.56 1.25-1.25v-7a1.25 1.25 0 1 0-2.5 0v7c0 .69.56 1.25 1.25 1.25", clipRule: "evenodd" }), _jsx("path", { fill: "currentColor", d: "M17.25 10.75a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0" })] }));
+};
+SvgUnstableInfoCircle.displayName = displayName;
+export default SvgUnstableInfoCircle;
+//# sourceMappingURL=unstable-info-circle.js.map

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

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

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import type { IconProps } from '../components/types.js';
 /** Renders an SVG icon. */
 declare const SvgWarningCircleFill: {
-    ({ size, "aria-hidden": ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, "aria-hidden": ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SvgWarningCircleFill;

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

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

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

@@ -1,12 +1,14 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
 const displayName = 'IconWarningCircleFill';
 /** Renders an SVG icon. */
-const SvgWarningCircleFill = ({ size, 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgWarningCircleFill = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
-        className: clsx('cim-icon', UNSAFE_className),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };

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

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

package/dist/esm/index.d.ts

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

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

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

package/dist/esm/index.js

@@ -13,6 +13,7 @@ export * from './components/select/select.js';
 export * from './components/spinner/spinner.js';
 export * from './components/text-inputs/text-field.js';
 export * from './components/text-inputs/text-area.js';
+export * from './components/breadcrumbs/breadcrumbs.js';
 export * from './components/spacing/box/box.js';
 export * from './components/spacing/stack/stack.js';
 export * from './components/typography/text.js';
@@ -20,4 +21,22 @@ export * from './components/typography/link.js';
 export * from './providers/ssr/ssr-provider.js';
 export * from './providers/router/router-provider.js';
 // Unfinished exports below
+export * from './components/tooltip/tooltip.js';
+export * from './components/disclosure/disclosure.js';
+export * from './components/disclosure/disclosure-group.js';
+export * from './components/card/card.js';
+export * from './components/visually-hidden/visually-hidden.js';
+export * from './components/modal/modal.js';
+export * from './components/nav-tabs/nav-tabs.js';
+export * from './components/pagination/pagination.js';
+export * from './components/table/table-container.js';
+export * from './components/table/table.js';
+export * from './components/table/table-header.js';
+export * from './components/table/table-header-cell.js';
+export * from './components/table/table-body.js';
+export * from './components/table/table-body-cell.js';
+export * from './components/table/table-row.js';
+export * from './components/number-field/number-field.js';
+export * from './components/tag/tag.js';
+export * from './components/tag/tag-group.js';
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -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"]}