@cimpress-ui/react 0.0.0 → 0.0.1

package/dist/commonjs/icons/error-circle-fill.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const displayName = 'IconErrorCircleFill';
+/** Renders an SVG icon. */
+const SvgErrorCircleFill = ({ 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        style: UNSAFE_style,
+    };
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "1em", height: "1em", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M16 30C8.268 30 2 23.732 2 16S8.268 2 16 2s14 6.268 14 14-6.268 14-14 14M11.06 8.94a1.5 1.5 0 0 0-2.12 2.12L13.878 16l-4.94 4.94a1.5 1.5 0 0 0 2.122 2.12L16 18.122l4.94 4.94a1.5 1.5 0 0 0 2.12-2.122L18.122 16l4.94-4.94a1.5 1.5 0 0 0-2.122-2.12L16 13.878z", clipRule: "evenodd" }) }));
+};
+SvgErrorCircleFill.displayName = displayName;
+exports.default = SvgErrorCircleFill;
+//# sourceMappingURL=error-circle-fill.js.map

package/dist/commonjs/icons/error-circle-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-circle-fill.js","sourceRoot":"","sources":["../../../src/icons/error-circle-fill.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,2BAA2B;AAC3B,MAAM,kBAAkB,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IAC/G,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,IAAA,cAAI,EAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,YAAY;KACpB,CAAC;IACF,OAAO,CACL,gCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,eACF,MAAM,EAChB,IAAI,EAAC,cAAc,KACf,KAAK,YAET,iCACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,gQAAgQ,EAClQ,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC7C,kBAAe,kBAAkB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconErrorCircleFill';\n/** Renders an SVG icon. */\nconst SvgErrorCircleFill = ({ 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    style: UNSAFE_style,\n  };\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 32 32\"\n      width=\"1em\"\n      height=\"1em\"\n      data-icon=\"true\"\n      fill=\"currentColor\"\n      {...props}\n    >\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 14M11.06 8.94a1.5 1.5 0 0 0-2.12 2.12L13.878 16l-4.94 4.94a1.5 1.5 0 0 0 2.122 2.12L16 18.122l4.94 4.94a1.5 1.5 0 0 0 2.12-2.122L18.122 16l4.94-4.94a1.5 1.5 0 0 0-2.122-2.12L16 13.878z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgErrorCircleFill.displayName = displayName;\nexport default SvgErrorCircleFill;\n"]}

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

@@ -1,5 +1,10 @@
 export { default as IconAdd } from './add.js';
 export { default as IconAlertTriangle } from './alert-triangle.js';
+export { default as IconCheckmarkCircleFill } from './checkmark-circle-fill.js';
 export { default as IconCheckmarkSmall } from './checkmark-small.js';
+export { default as IconCheckmark } from './checkmark.js';
+export { default as IconChevronDownFill } from './chevron-down-fill.js';
+export { default as IconErrorCircleFill } from './error-circle-fill.js';
 export { default as IconMinusSmall } from './minus-small.js';
+export type { IconProps } from '../components/types.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,uBAAuB,EAAE,MAAM,4BAA4B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAE7D,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/commonjs/icons/index.js

@@ -3,13 +3,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconMinusSmall = exports.IconCheckmarkSmall = exports.IconAlertTriangle = exports.IconAdd = void 0;
+exports.IconMinusSmall = exports.IconErrorCircleFill = exports.IconChevronDownFill = exports.IconCheckmark = exports.IconCheckmarkSmall = exports.IconCheckmarkCircleFill = exports.IconAlertTriangle = exports.IconAdd = void 0;
 var add_js_1 = require("./add.js");
 Object.defineProperty(exports, "IconAdd", { enumerable: true, get: function () { return __importDefault(add_js_1).default; } });
 var alert_triangle_js_1 = require("./alert-triangle.js");
 Object.defineProperty(exports, "IconAlertTriangle", { enumerable: true, get: function () { return __importDefault(alert_triangle_js_1).default; } });
+var checkmark_circle_fill_js_1 = require("./checkmark-circle-fill.js");
+Object.defineProperty(exports, "IconCheckmarkCircleFill", { enumerable: true, get: function () { return __importDefault(checkmark_circle_fill_js_1).default; } });
 var checkmark_small_js_1 = require("./checkmark-small.js");
 Object.defineProperty(exports, "IconCheckmarkSmall", { enumerable: true, get: function () { return __importDefault(checkmark_small_js_1).default; } });
+var checkmark_js_1 = require("./checkmark.js");
+Object.defineProperty(exports, "IconCheckmark", { enumerable: true, get: function () { return __importDefault(checkmark_js_1).default; } });
+var chevron_down_fill_js_1 = require("./chevron-down-fill.js");
+Object.defineProperty(exports, "IconChevronDownFill", { enumerable: true, get: function () { return __importDefault(chevron_down_fill_js_1).default; } });
+var error_circle_fill_js_1 = require("./error-circle-fill.js");
+Object.defineProperty(exports, "IconErrorCircleFill", { enumerable: true, get: function () { return __importDefault(error_circle_fill_js_1).default; } });
 var minus_small_js_1 = require("./minus-small.js");
 Object.defineProperty(exports, "IconMinusSmall", { enumerable: true, get: function () { return __importDefault(minus_small_js_1).default; } });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAA8C;AAArC,kHAAA,OAAO,OAAW;AAC3B,yDAAmE;AAA1D,uIAAA,OAAO,OAAqB;AACrC,2DAAqE;AAA5D,yIAAA,OAAO,OAAsB;AACtC,mDAA6D;AAApD,iIAAA,OAAO,OAAkB","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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icons/index.ts"],"names":[],"mappings":";;;;;;AAAA,mCAA8C;AAArC,kHAAA,OAAO,OAAW;AAC3B,yDAAmE;AAA1D,uIAAA,OAAO,OAAqB;AACrC,uEAAgF;AAAvE,oJAAA,OAAO,OAA2B;AAC3C,2DAAqE;AAA5D,yIAAA,OAAO,OAAsB;AACtC,+CAA0D;AAAjD,8HAAA,OAAO,OAAiB;AACjC,+DAAwE;AAA/D,4IAAA,OAAO,OAAuB;AACvC,+DAAwE;AAA/D,4IAAA,OAAO,OAAuB;AACvC,mDAA6D;AAApD,iIAAA,OAAO,OAAkB","sourcesContent":["export { default as IconAdd } from './add.js';\nexport { default as IconAlertTriangle } from './alert-triangle.js';\nexport { default as IconCheckmarkCircleFill } from './checkmark-circle-fill.js';\nexport { default as IconCheckmarkSmall } from './checkmark-small.js';\nexport { default as IconCheckmark } from './checkmark.js';\nexport { default as IconChevronDownFill } from './chevron-down-fill.js';\nexport { default as IconErrorCircleFill } from './error-circle-fill.js';\nexport { default as IconMinusSmall } from './minus-small.js';\n\nexport type { IconProps } from '../components/types.js';\n"]}

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

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

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

@@ -1 +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"}
+{"version":3,"file":"minus-small.d.ts","sourceRoot":"","sources":["../../../src/icons/minus-small.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,aAAa;6EAA4E,SAAS;;CAoBvG,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,7 +1,21 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-const SvgMinusSmall = (props) => ((0, jsx_runtime_1.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: (0, jsx_runtime_1.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';
+const clsx_1 = __importDefault(require("clsx"));
+const displayName = 'IconMinusSmall';
+/** Renders an SVG icon. */
+const SvgMinusSmall = ({ 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: (0, clsx_1.default)('cim-icon', UNSAFE_className),
+        style: UNSAFE_style,
+    };
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", width: "1em", height: "1em", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M3 8a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2H4a1 1 0 0 1-1-1", clipRule: "evenodd" }) }));
+};
+SvgMinusSmall.displayName = displayName;
 exports.default = SvgMinusSmall;
 //# sourceMappingURL=minus-small.js.map

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

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

package/dist/commonjs/index.d.ts

@@ -2,22 +2,24 @@ export * from './components/button/button.js';
 export * from './components/button/link-button.js';
 export * from './components/button/icon-button.js';
 export * from './components/button/icon-link-button.js';
-export * from './components/typography/text.js';
-export * from './components/typography/link.js';
-export type { PressEvent, ValidationResult } from './components/types.js';
-export type { StyleProps } from './with-style-props.js';
-export * from './providers/ssr/ssr-provider.js';
-export * from './components/text-inputs/text-field.js';
-export * from './components/select/select.js';
 export * from './components/checkbox/checkbox.js';
 export * from './components/checkbox/checkbox-group.js';
-export * from './components/spinner/spinner.js';
+export * from './components/combo-box/combo-box.js';
+export * from './components/form/form.js';
 export * from './components/menu/menu.js';
 export * from './components/radio/radio.js';
 export * from './components/radio/radio-group.js';
+export * from './components/select/select.js';
+export * from './components/spinner/spinner.js';
+export * from './components/text-inputs/text-field.js';
+export * from './components/text-inputs/text-area.js';
 export * from './components/spacing/box/box.js';
 export * from './components/spacing/stack/stack.js';
-export * from './components/text-inputs/text-area.js';
-export * from './components/combo-box/combo-box.js';
-export * from './components/form/form.js';
+export * from './components/typography/text.js';
+export * from './components/typography/link.js';
+export type { CollectionItem, Direction, FieldError, Key, PressEvent, RouterConfig, Href, RouterOptions, ValidationResult, } from './components/types.js';
+export type { Spacing, Responsive } from './components/spacing/types.js';
+export type { StyleProps } from './with-style-props.js';
+export * from './providers/ssr/ssr-provider.js';
+export * from './providers/router/router-provider.js';
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/commonjs/index.js

@@ -18,21 +18,22 @@ __exportStar(require("./components/button/button.js"), exports);
 __exportStar(require("./components/button/link-button.js"), exports);
 __exportStar(require("./components/button/icon-button.js"), exports);
 __exportStar(require("./components/button/icon-link-button.js"), exports);
-__exportStar(require("./components/typography/text.js"), exports);
-__exportStar(require("./components/typography/link.js"), exports);
-__exportStar(require("./providers/ssr/ssr-provider.js"), exports);
-// Unfinished exports below
-__exportStar(require("./components/text-inputs/text-field.js"), exports);
-__exportStar(require("./components/select/select.js"), exports);
 __exportStar(require("./components/checkbox/checkbox.js"), exports);
 __exportStar(require("./components/checkbox/checkbox-group.js"), exports);
-__exportStar(require("./components/spinner/spinner.js"), exports);
+__exportStar(require("./components/combo-box/combo-box.js"), exports);
+__exportStar(require("./components/form/form.js"), exports);
 __exportStar(require("./components/menu/menu.js"), exports);
 __exportStar(require("./components/radio/radio.js"), exports);
 __exportStar(require("./components/radio/radio-group.js"), exports);
+__exportStar(require("./components/select/select.js"), exports);
+__exportStar(require("./components/spinner/spinner.js"), exports);
+__exportStar(require("./components/text-inputs/text-field.js"), exports);
+__exportStar(require("./components/text-inputs/text-area.js"), exports);
 __exportStar(require("./components/spacing/box/box.js"), exports);
 __exportStar(require("./components/spacing/stack/stack.js"), exports);
-__exportStar(require("./components/text-inputs/text-area.js"), exports);
-__exportStar(require("./components/combo-box/combo-box.js"), exports);
-__exportStar(require("./components/form/form.js"), exports);
+__exportStar(require("./components/typography/text.js"), exports);
+__exportStar(require("./components/typography/link.js"), exports);
+__exportStar(require("./providers/ssr/ssr-provider.js"), exports);
+__exportStar(require("./providers/router/router-provider.js"), exports);
+// Unfinished exports below
 //# sourceMappingURL=index.js.map

package/dist/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gEAA8C;AAC9C,qEAAmD;AACnD,qEAAmD;AACnD,0EAAwD;AAExD,kEAAgD;AAChD,kEAAgD;AAKhD,kEAAgD;AAEhD,2BAA2B;AAE3B,yEAAuD;AACvD,gEAA8C;AAC9C,oEAAkD;AAClD,0EAAwD;AACxD,kEAAgD;AAChD,4DAA0C;AAC1C,8DAA4C;AAC5C,oEAAkD;AAClD,kEAAgD;AAChD,sEAAoD;AACpD,wEAAsD;AACtD,sEAAoD;AACpD,4DAA0C","sourcesContent":["export * from './components/button/button.js';\nexport * from './components/button/link-button.js';\nexport * from './components/button/icon-button.js';\nexport * from './components/button/icon-link-button.js';\n\nexport * from './components/typography/text.js';\nexport * from './components/typography/link.js';\n\nexport type { PressEvent, ValidationResult } from './components/types.js';\nexport type { StyleProps } from './with-style-props.js';\n\nexport * from './providers/ssr/ssr-provider.js';\n\n// Unfinished exports below\n\nexport * from './components/text-inputs/text-field.js';\nexport * from './components/select/select.js';\nexport * from './components/checkbox/checkbox.js';\nexport * from './components/checkbox/checkbox-group.js';\nexport * from './components/spinner/spinner.js';\nexport * from './components/menu/menu.js';\nexport * from './components/radio/radio.js';\nexport * from './components/radio/radio-group.js';\nexport * from './components/spacing/box/box.js';\nexport * from './components/spacing/stack/stack.js';\nexport * from './components/text-inputs/text-area.js';\nexport * from './components/combo-box/combo-box.js';\nexport * from './components/form/form.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gEAA8C;AAC9C,qEAAmD;AACnD,qEAAmD;AACnD,0EAAwD;AACxD,oEAAkD;AAClD,0EAAwD;AACxD,sEAAoD;AACpD,4DAA0C;AAC1C,4DAA0C;AAC1C,8DAA4C;AAC5C,oEAAkD;AAClD,gEAA8C;AAC9C,kEAAgD;AAChD,yEAAuD;AACvD,wEAAsD;AAEtD,kEAAgD;AAChD,sEAAoD;AAEpD,kEAAgD;AAChD,kEAAgD;AAgBhD,kEAAgD;AAChD,wEAAsD;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  Key,\n  PressEvent,\n  RouterConfig,\n  Href,\n  RouterOptions,\n  ValidationResult,\n} from './components/types.js';\nexport type { Spacing, Responsive } from './components/spacing/types.js';\nexport type { StyleProps } from './with-style-props.js';\n\nexport * from './providers/ssr/ssr-provider.js';\nexport * from './providers/router/router-provider.js';\n\n// Unfinished exports below\n"]}

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

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

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RouterProvider = RouterProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_aria_components_1 = require("react-aria-components");
+/**
+ * Allows Cimpress UI components to perform navigation using a client-side router.
+ *
+ * See [client-side routing guide](https://ui.cimpress.io/dev-guides/client-side-routing/).
+ */
+function RouterProvider({ children, navigate, useHref }) {
+    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.RouterProvider, { navigate: navigate, useHref: useHref, children: children }));
+}
+RouterProvider.displayName = 'RouterProvider';
+//# sourceMappingURL=router-provider.js.map

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

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

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

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

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

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

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

@@ -10,9 +10,11 @@ const hasNativeSSRSupport = Number(react_1.version.split('.')[0]) >= 18;
 const BaseSSRProvider = hasNativeSSRSupport ? react_1.Fragment : react_aria_components_1.SSRProvider;
 /**
  * Allows Cimpress UI components to be pre-rendered on the server or at build time.
+ *
+ * See [server-side rendering guide](https://ui.cimpress.io/dev-guides/ssr/).
  */
 function SSRProvider({ locale, children }) {
-    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.I18nProvider, { locale: locale, children: (0, jsx_runtime_1.jsx)(BaseSSRProvider, { children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(BaseSSRProvider, { children: (0, jsx_runtime_1.jsx)(react_aria_components_1.I18nProvider, { locale: locale, children: children }) }));
 }
 SSRProvider.displayName = 'SSRProvider';
 //# sourceMappingURL=ssr-provider.js.map

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"with-style-props.d.ts","sourceRoot":"","sources":["../../src/with-style-props.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAA0B,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACtG,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGtD,MAAM,MAAM,MAAM,GAAG,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,QAAQ,EAAE,CAAC,EAClD,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,SAAS,EAC5D,WAAW,CAAC,EAAE,MAAM,2DA6DrB"}
+{"version":3,"file":"with-style-props.d.ts","sourceRoot":"","sources":["../../src/with-style-props.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,aAAa,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAA0B,KAAK,UAAU,EAAE,KAAK,OAAO,EAAE,MAAM,+BAA+B,CAAC;AACtG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,MAAM,WAAW,UAAU;IACzB,mEAAmE;IACnE,MAAM,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IAEtC,gHAAgH;IAChH,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IACvC,gHAAgH;IAChH,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IAEvC,kHAAkH;IAClH,SAAS,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IACzC,oHAAoH;IACpH,WAAW,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IAC3C,qHAAqH;IACrH,YAAY,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;IAC5C,mHAAmH;IACnH,UAAU,CAAC,EAAE,UAAU,CAAC,OAAO,GAAG,MAAM,CAAC,CAAC;CAC3C;AAED,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,EACrD,gBAAgB,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,OAAO,GAAG,IAAI,EACrE,WAAW,CAAC,EAAE,MAAM,oEA6DrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"with-style-props.js","sourceRoot":"","sources":["../../src/with-style-props.tsx"],"names":[],"mappings":";;;;;AAoBA,wCA+DC;;AAnFD,gDAAwB;AAExB,4DAAsG;AAEtG,qDAA8C;AAgB9C,SAAgB,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,IAAA,iCAAsB,EACtC,QAAQ,EACR,OAAO,EACP,mBAAmB,IAAI,iBAAiB,IAAI,gBAAgB,CAC7D,CAAC;QAEF,MAAM,WAAW,GAAG,IAAA,iCAAsB,EACxC,QAAQ,EACR,OAAO,EACP,qBAAqB,IAAI,iBAAiB,IAAI,gBAAgB,CAC/D,CAAC;QAEF,MAAM,YAAY,GAAG,IAAA,iCAAsB,EACzC,QAAQ,EACR,OAAO,EACP,sBAAsB,IAAI,iBAAiB,IAAI,gBAAgB,CAChE,CAAC;QAEF,MAAM,UAAU,GAAG,IAAA,iCAAsB,EACvC,QAAQ,EACR,OAAO,EACP,oBAAoB,IAAI,iBAAiB,IAAI,gBAAgB,CAC9D,CAAC;QAEF,OAAO,CACL,uBAAC,gBAAgB,OACV,KAAW,EAChB,GAAG,EAAE,GAAG,EACR,gBAAgB,EAAE,IAAA,cAAI,EAAC,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,IAAA,2BAAU,EAAC,uBAAuB,EAAE,WAAW,IAAI,kBAAkB,mBAAmB,GAAG,CAAC,CAAC;AACtG,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { ForwardedRef, ReactNode, RefAttributes } from 'react';\nimport { getResponsiveVariables, type Responsive, type Spacing } from './components/spacing/types.js';\nimport type { DOMProps } from './components/types.js';\nimport { forwardRef } from './forward-ref.js';\n\nexport type Margin = Responsive<Spacing | 'auto'>;\n\nexport interface StyleProps {\n  margin?: Margin;\n\n  marginX?: Margin;\n  marginY?: Margin;\n\n  marginTop?: Margin;\n  marginRight?: Margin;\n  marginBottom?: Margin;\n  marginLeft?: Margin;\n}\n\nexport function withStyleProps<T extends DOMProps, R>(\n  WrappedComponent: (props: T & RefAttributes<R>) => ReactNode,\n  displayName?: string,\n) {\n  const ComponentWithStyleProps = (\n    {\n      margin: responsiveMargin,\n      marginX: responsiveMarginX,\n      marginY: responsiveMarginY,\n      marginTop: responsiveMarginTop,\n      marginRight: responsiveMarginRight,\n      marginBottom: responsiveMarginBottom,\n      marginLeft: responsiveMarginLeft,\n      UNSAFE_className,\n      UNSAFE_style,\n      ...props\n    }: T & StyleProps,\n    ref: ForwardedRef<R>,\n  ) => {\n    const marginTop = getResponsiveVariables(\n      'box-mt',\n      'space',\n      responsiveMarginTop ?? responsiveMarginY ?? responsiveMargin,\n    );\n\n    const marginRight = getResponsiveVariables(\n      'box-mr',\n      'space',\n      responsiveMarginRight ?? responsiveMarginX ?? responsiveMargin,\n    );\n\n    const marginBottom = getResponsiveVariables(\n      'box-mb',\n      'space',\n      responsiveMarginBottom ?? responsiveMarginY ?? responsiveMargin,\n    );\n\n    const marginLeft = getResponsiveVariables(\n      'box-ml',\n      'space',\n      responsiveMarginLeft ?? responsiveMarginX ?? responsiveMargin,\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as T)}\n        ref={ref}\n        UNSAFE_className={clsx(UNSAFE_className, { 'cim-box': marginTop || marginRight || marginBottom || marginLeft })}\n        UNSAFE_style={{\n          ...UNSAFE_style,\n          ...marginTop,\n          ...marginRight,\n          ...marginBottom,\n          ...marginLeft,\n        }}\n      />\n    );\n  };\n\n  // @ts-expect-error missing type definition for displayName\n  const existingDisplayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n  return forwardRef(ComponentWithStyleProps, displayName || `WithStyleProps(${existingDisplayName})`);\n}\n"]}
+{"version":3,"file":"with-style-props.js","sourceRoot":"","sources":["../../src/with-style-props.tsx"],"names":[],"mappings":";;;;;AAyBA,wCA+DC;;AAxFD,gDAAwB;AAExB,4DAAsG;AAEtG,qDAA8C;AAqB9C,SAAgB,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,IAAA,iCAAsB,EACtC,QAAQ,EACR,OAAO,EACP,mBAAmB,IAAI,iBAAiB,IAAI,gBAAgB,CAC7D,CAAC;QAEF,MAAM,WAAW,GAAG,IAAA,iCAAsB,EACxC,QAAQ,EACR,OAAO,EACP,qBAAqB,IAAI,iBAAiB,IAAI,gBAAgB,CAC/D,CAAC;QAEF,MAAM,YAAY,GAAG,IAAA,iCAAsB,EACzC,QAAQ,EACR,OAAO,EACP,sBAAsB,IAAI,iBAAiB,IAAI,gBAAgB,CAChE,CAAC;QAEF,MAAM,UAAU,GAAG,IAAA,iCAAsB,EACvC,QAAQ,EACR,OAAO,EACP,oBAAoB,IAAI,iBAAiB,IAAI,gBAAgB,CAC9D,CAAC;QAEF,OAAO,CACL,uBAAC,gBAAgB,OACV,KAAW,EAChB,GAAG,EAAE,GAAG,EACR,gBAAgB,EAAE,IAAA,cAAI,EAAC,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,IAAA,2BAAU,EAAC,uBAAuB,EAAE,WAAW,IAAI,kBAAkB,mBAAmB,GAAG,CAAC,CAAC;AACtG,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { ForwardedRef, RefAttributes, JSX } from 'react';\nimport { getResponsiveVariables, type Responsive, type Spacing } from './components/spacing/types.js';\nimport type { CommonProps } from './components/types.js';\nimport { forwardRef } from './forward-ref.js';\n\nexport interface StyleProps {\n  /** The amount of margin applied to all edges of this component. */\n  margin?: Responsive<Spacing | 'auto'>;\n\n  /** The amount of margin applied to the left and right edges of this component. Takes priority over `margin`. */\n  marginX?: Responsive<Spacing | 'auto'>;\n  /** The amount of margin applied to the top and bottom edges of this component. Takes priority over `margin`. */\n  marginY?: Responsive<Spacing | 'auto'>;\n\n  /** The amount of margin applied to the top edge of this component. Takes priority over `marginY` and `margin`. */\n  marginTop?: Responsive<Spacing | 'auto'>;\n  /** The amount of margin applied to the right edge of this component. Takes priority over `marginX` and `margin`. */\n  marginRight?: Responsive<Spacing | 'auto'>;\n  /** The amount of margin applied to the bottom edge of this component. Takes priority over `marginY` and `margin`. */\n  marginBottom?: Responsive<Spacing | 'auto'>;\n  /** The amount of margin applied to the left edge of this component. Takes priority over `marginX` and `margin`. */\n  marginLeft?: Responsive<Spacing | 'auto'>;\n}\n\nexport function withStyleProps<T extends CommonProps, R>(\n  WrappedComponent: (props: T & RefAttributes<R>) => JSX.Element | null,\n  displayName?: string,\n) {\n  const ComponentWithStyleProps = (\n    {\n      margin: responsiveMargin,\n      marginX: responsiveMarginX,\n      marginY: responsiveMarginY,\n      marginTop: responsiveMarginTop,\n      marginRight: responsiveMarginRight,\n      marginBottom: responsiveMarginBottom,\n      marginLeft: responsiveMarginLeft,\n      UNSAFE_className,\n      UNSAFE_style,\n      ...props\n    }: T & StyleProps,\n    ref: ForwardedRef<R>,\n  ) => {\n    const marginTop = getResponsiveVariables(\n      'box-mt',\n      'space',\n      responsiveMarginTop ?? responsiveMarginY ?? responsiveMargin,\n    );\n\n    const marginRight = getResponsiveVariables(\n      'box-mr',\n      'space',\n      responsiveMarginRight ?? responsiveMarginX ?? responsiveMargin,\n    );\n\n    const marginBottom = getResponsiveVariables(\n      'box-mb',\n      'space',\n      responsiveMarginBottom ?? responsiveMarginY ?? responsiveMargin,\n    );\n\n    const marginLeft = getResponsiveVariables(\n      'box-ml',\n      'space',\n      responsiveMarginLeft ?? responsiveMarginX ?? responsiveMargin,\n    );\n\n    return (\n      <WrappedComponent\n        {...(props as T)}\n        ref={ref}\n        UNSAFE_className={clsx(UNSAFE_className, { 'cim-box': marginTop || marginRight || marginBottom || marginLeft })}\n        UNSAFE_style={{\n          ...UNSAFE_style,\n          ...marginTop,\n          ...marginRight,\n          ...marginBottom,\n          ...marginLeft,\n        }}\n      />\n    );\n  };\n\n  // @ts-expect-error missing type definition for displayName\n  const existingDisplayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\n\n  return forwardRef(ComponentWithStyleProps, displayName || `WithStyleProps(${existingDisplayName})`);\n}\n"]}

package/dist/esm/components/button/button.d.ts

@@ -1,6 +1,11 @@
 import type { ActionButtonProps, BaseButtonProps, TextButtonProps } from './types.js';
 export interface ButtonProps extends BaseButtonProps, TextButtonProps, ActionButtonProps {
 }
-declare const _Button: (props: ButtonProps & import("react").RefAttributes<HTMLButtonElement> & import("../../with-style-props.js").StyleProps) => import("react").ReactNode;
+/**
+ * Displays a labelled button that allows users to perform an action.
+ *
+ * See [button usage guidelines](https://ui.cimpress.io/components/button/usage-guidelines/).
+ */
+declare const _Button: (props: ButtonProps & import("react").RefAttributes<HTMLButtonElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
 export { _Button as Button };
 //# sourceMappingURL=button.d.ts.map

package/dist/esm/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEtF,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe,EAAE,iBAAiB;CAAG;AA6C3F,QAAA,MAAM,OAAO,uJAA+C,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEtF,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe,EAAE,iBAAiB;CAAG;AAmD3F;;;;GAIG;AACH,QAAA,MAAM,OAAO,gKAA+C,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

package/dist/esm/components/button/button.js

@@ -1,12 +1,25 @@
+'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
+import { useEffect } from 'react';
 import { Button as RACButton } from 'react-aria-components';
 import { forwardRef } from '../../forward-ref.js';
 import { withStyleProps } from '../../with-style-props.js';
-import { Spinner } from '../spinner/spinner.js';
-function Button({ children, variant = 'secondary', tone = 'base', size = 'medium', iconStart, iconEnd, isLoading = false, isDisabled = false, fullWidth = false, UNSAFE_className, UNSAFE_style, ...props }, ref) {
-    return (_jsx(RACButton, { ...props, ref: ref, className: clsx('cim-button', UNSAFE_className), style: UNSAFE_style, "data-variant": variant, "data-tone": tone, "data-size": size, "data-full-width": fullWidth ? true : undefined, isDisabled: isDisabled, isPending: isLoading, children: ({ isPending }) => (_jsxs(_Fragment, { children: [iconStart, _jsx("span", { children: children }), iconEnd, isPending && _jsx(Spinner, { "aria-label": "in progress" })] })) }));
+import { InternalSpinner } from '../internal/spinner/spinner.js';
+import { SPINNER_SIZES } from './constants.js';
+function Button({ children, variant = 'secondary', tone = 'base', size = 'medium', iconStart, iconEnd, isLoading = false, loadingLabel, isDisabled = false, fullWidth = false, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    useEffect(() => {
+        if (isLoading && !loadingLabel) {
+            console.warn('Button requires loadingLabel when isLoading is true for accessibility');
+        }
+    }, [isLoading, loadingLabel]);
+    return (_jsx(RACButton, { ...props, ref: ref, className: clsx('cim-button', UNSAFE_className), style: UNSAFE_style, "data-variant": variant, "data-tone": tone, "data-size": size, "data-full-width": fullWidth ? true : undefined, isDisabled: isDisabled, isPending: isLoading, children: ({ isPending }) => (_jsxs(_Fragment, { children: [iconStart, _jsx("span", { children: children }), iconEnd, isPending && _jsx(InternalSpinner, { size: SPINNER_SIZES[size], "aria-label": loadingLabel })] })) }));
 }
+/**
+ * Displays a labelled button that allows users to perform an action.
+ *
+ * See [button usage guidelines](https://ui.cimpress.io/components/button/usage-guidelines/).
+ */
 const _Button = withStyleProps(forwardRef(Button), 'Button');
 export { _Button as Button };
 //# sourceMappingURL=button.js.map

package/dist/esm/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKhD,SAAS,MAAM,CACb,EACE,QAAQ,EACR,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACI,EACd,GAAoC;IAEpC,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAC/C,KAAK,EAAE,YAAY,kBACL,OAAO,eACV,IAAI,eACJ,IAAI,qBACE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7C,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClB,8BACG,SAAS,EACV,yBAAO,QAAQ,GAAQ,EACtB,OAAO,EAEP,SAAS,IAAI,KAAC,OAAO,kBAAY,aAAa,GAAG,IACjD,CACJ,GACS,CACb,CAAC;AACJ,CAAC;AAED,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport { Button as RACButton } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { Spinner } from '../spinner/spinner.js';\nimport type { ActionButtonProps, BaseButtonProps, TextButtonProps } from './types.js';\n\nexport interface ButtonProps extends BaseButtonProps, TextButtonProps, ActionButtonProps {}\n\nfunction Button(\n  {\n    children,\n    variant = 'secondary',\n    tone = 'base',\n    size = 'medium',\n    iconStart,\n    iconEnd,\n    isLoading = false,\n    isDisabled = false,\n    fullWidth = false,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: ButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  return (\n    <RACButton\n      {...props}\n      ref={ref}\n      className={clsx('cim-button', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-variant={variant}\n      data-tone={tone}\n      data-size={size}\n      data-full-width={fullWidth ? true : undefined}\n      isDisabled={isDisabled}\n      isPending={isLoading}\n    >\n      {({ isPending }) => (\n        <>\n          {iconStart}\n          <span>{children}</span>\n          {iconEnd}\n          {/* TODO: i18n */}\n          {isPending && <Spinner aria-label=\"in progress\" />}\n        </>\n      )}\n    </RACButton>\n  );\n}\n\nconst _Button = withStyleProps(forwardRef(Button), 'Button');\n\nexport { _Button as Button };\n"]}
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAK/C,SAAS,MAAM,CACb,EACE,QAAQ,EACR,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACI,EACd,GAAoC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC;YAC/B,OAAO,CAAC,IAAI,CAAC,uEAAuE,CAAC,CAAC;QACxF,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAC/C,KAAK,EAAE,YAAY,kBACL,OAAO,eACV,IAAI,eACJ,IAAI,qBACE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7C,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClB,8BACG,SAAS,EACV,yBAAO,QAAQ,GAAQ,EACtB,OAAO,EACP,SAAS,IAAI,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,gBAAc,YAAY,GAAI,IACrF,CACJ,GACS,CACb,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,OAAO,GAAG,cAAc,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useEffect, type ForwardedRef } from 'react';\nimport { Button as RACButton } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { InternalSpinner } from '../internal/spinner/spinner.js';\nimport { SPINNER_SIZES } from './constants.js';\nimport type { ActionButtonProps, BaseButtonProps, TextButtonProps } from './types.js';\n\nexport interface ButtonProps extends BaseButtonProps, TextButtonProps, ActionButtonProps {}\n\nfunction Button(\n  {\n    children,\n    variant = 'secondary',\n    tone = 'base',\n    size = 'medium',\n    iconStart,\n    iconEnd,\n    isLoading = false,\n    loadingLabel,\n    isDisabled = false,\n    fullWidth = false,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: ButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  useEffect(() => {\n    if (isLoading && !loadingLabel) {\n      console.warn('Button requires loadingLabel when isLoading is true for accessibility');\n    }\n  }, [isLoading, loadingLabel]);\n\n  return (\n    <RACButton\n      {...props}\n      ref={ref}\n      className={clsx('cim-button', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-variant={variant}\n      data-tone={tone}\n      data-size={size}\n      data-full-width={fullWidth ? true : undefined}\n      isDisabled={isDisabled}\n      isPending={isLoading}\n    >\n      {({ isPending }) => (\n        <>\n          {iconStart}\n          <span>{children}</span>\n          {iconEnd}\n          {isPending && <InternalSpinner size={SPINNER_SIZES[size]} aria-label={loadingLabel} />}\n        </>\n      )}\n    </RACButton>\n  );\n}\n\n/**\n * Displays a labelled button that allows users to perform an action.\n *\n * See [button usage guidelines](https://ui.cimpress.io/components/button/usage-guidelines/).\n */\nconst _Button = withStyleProps(forwardRef(Button), 'Button');\n\nexport { _Button as Button };\n"]}

package/dist/esm/components/button/constants.d.ts

@@ -0,0 +1,3 @@
+import type { BaseButtonProps } from './types.js';
+export declare const SPINNER_SIZES: Record<NonNullable<BaseButtonProps['size']>, string>;
+//# sourceMappingURL=constants.d.ts.map

package/dist/esm/components/button/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/components/button/constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,WAAW,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAI9E,CAAC"}

package/dist/esm/components/button/constants.js

@@ -0,0 +1,6 @@
+export const SPINNER_SIZES = {
+    small: '24px',
+    medium: '24px',
+    large: '32px',
+};
+//# sourceMappingURL=constants.js.map

package/dist/esm/components/button/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../src/components/button/constants.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAyD;IACjF,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;CACd,CAAC","sourcesContent":["import type { BaseButtonProps } from './types.js';\n\nexport const SPINNER_SIZES: Record<NonNullable<BaseButtonProps['size']>, string> = {\n  small: '24px',\n  medium: '24px',\n  large: '32px',\n};\n"]}

package/dist/esm/components/button/icon-button.d.ts

@@ -1,6 +1,11 @@
 import type { ActionButtonProps, BaseButtonProps, SingleIconButtonProps } from './types.js';
 export interface IconButtonProps extends BaseButtonProps, SingleIconButtonProps, ActionButtonProps {
 }
-declare const _IconButton: (props: IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & import("../../with-style-props.js").StyleProps) => import("react").ReactNode;
+/**
+ * Displays an icon-only button that allows users to perform an action.
+ *
+ * See [button usage guidelines](https://ui.cimpress.io/components/button/usage-guidelines/).
+ */
+declare const _IconButton: (props: IconButtonProps & import("react").RefAttributes<HTMLButtonElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
 export { _IconButton as IconButton };
 //# sourceMappingURL=icon-button.d.ts.map

package/dist/esm/components/button/icon-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/icon-button.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE5F,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,qBAAqB,EAAE,iBAAiB;CAAG;AAyCrG,QAAA,MAAM,WAAW,2JAAuD,CAAC;AAEzE,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC"}
+{"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/icon-button.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE5F,MAAM,WAAW,eAAgB,SAAQ,eAAe,EAAE,qBAAqB,EAAE,iBAAiB;CAAG;AA+CrG;;;;GAIG;AACH,QAAA,MAAM,WAAW,oKAAuD,CAAC;AAEzE,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC"}

package/dist/esm/components/button/icon-button.js

@@ -1,12 +1,25 @@
+'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
+import { useEffect } from 'react';
 import { Button as RACButton } from 'react-aria-components';
 import { forwardRef } from '../../forward-ref.js';
 import { withStyleProps } from '../../with-style-props.js';
-import { Spinner } from '../spinner/spinner.js';
-function IconButton({ icon, variant = 'secondary', tone = 'base', size = 'medium', isLoading = false, isDisabled = false, fullWidth = false, UNSAFE_className, UNSAFE_style, ...props }, ref) {
-    return (_jsx(RACButton, { ...props, ref: ref, className: clsx('cim-icon-button', UNSAFE_className), style: UNSAFE_style, "data-variant": variant, "data-tone": tone, "data-size": size, "data-full-width": fullWidth ? true : undefined, isDisabled: isDisabled, isPending: isLoading, children: ({ isPending }) => (_jsxs(_Fragment, { children: [icon, isPending && _jsx(Spinner, { "aria-label": "in progress" })] })) }));
+import { InternalSpinner } from '../internal/spinner/spinner.js';
+import { SPINNER_SIZES } from './constants.js';
+function IconButton({ icon, variant = 'secondary', tone = 'base', size = 'medium', isLoading = false, loadingLabel, isDisabled = false, fullWidth = false, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    useEffect(() => {
+        if (isLoading && !loadingLabel) {
+            console.warn('IconButton requires loadingLabel when isLoading is true for accessibility');
+        }
+    }, [isLoading, loadingLabel]);
+    return (_jsx(RACButton, { ...props, ref: ref, className: clsx('cim-icon-button', UNSAFE_className), style: UNSAFE_style, "data-variant": variant, "data-tone": tone, "data-size": size, "data-full-width": fullWidth ? true : undefined, isDisabled: isDisabled, isPending: isLoading, children: ({ isPending }) => (_jsxs(_Fragment, { children: [icon, isPending && _jsx(InternalSpinner, { size: SPINNER_SIZES[size], "aria-label": loadingLabel })] })) }));
 }
+/**
+ * Displays an icon-only button that allows users to perform an action.
+ *
+ * See [button usage guidelines](https://ui.cimpress.io/components/button/usage-guidelines/).
+ */
 const _IconButton = withStyleProps(forwardRef(IconButton), 'IconButton');
 export { _IconButton as IconButton };
 //# sourceMappingURL=icon-button.js.map

package/dist/esm/components/button/icon-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/button/icon-button.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKhD,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACQ,EAClB,GAAoC;IAEpC,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,EACpD,KAAK,EAAE,YAAY,kBACL,OAAO,eACV,IAAI,eACJ,IAAI,qBACE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7C,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClB,8BACG,IAAI,EAEJ,SAAS,IAAI,KAAC,OAAO,kBAAY,aAAa,GAAG,IACjD,CACJ,GACS,CACb,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,CAAC;AAEzE,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport { Button as RACButton } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { Spinner } from '../spinner/spinner.js';\nimport type { ActionButtonProps, BaseButtonProps, SingleIconButtonProps } from './types.js';\n\nexport interface IconButtonProps extends BaseButtonProps, SingleIconButtonProps, ActionButtonProps {}\n\nfunction IconButton(\n  {\n    icon,\n    variant = 'secondary',\n    tone = 'base',\n    size = 'medium',\n    isLoading = false,\n    isDisabled = false,\n    fullWidth = false,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: IconButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  return (\n    <RACButton\n      {...props}\n      ref={ref}\n      className={clsx('cim-icon-button', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-variant={variant}\n      data-tone={tone}\n      data-size={size}\n      data-full-width={fullWidth ? true : undefined}\n      isDisabled={isDisabled}\n      isPending={isLoading}\n    >\n      {({ isPending }) => (\n        <>\n          {icon}\n          {/* TODO: i18n */}\n          {isPending && <Spinner aria-label=\"in progress\" />}\n        </>\n      )}\n    </RACButton>\n  );\n}\n\nconst _IconButton = withStyleProps(forwardRef(IconButton), 'IconButton');\n\nexport { _IconButton as IconButton };\n"]}
+{"version":3,"file":"icon-button.js","sourceRoot":"","sources":["../../../../src/components/button/icon-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAK/C,SAAS,UAAU,CACjB,EACE,IAAI,EACJ,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACQ,EAClB,GAAoC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,IAAI,CAAC,YAAY,EAAE,CAAC;YAC/B,OAAO,CAAC,IAAI,CAAC,2EAA2E,CAAC,CAAC;QAC5F,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,KAAC,SAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,EACpD,KAAK,EAAE,YAAY,kBACL,OAAO,eACV,IAAI,eACJ,IAAI,qBACE,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC7C,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,YAEnB,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAClB,8BACG,IAAI,EACJ,SAAS,IAAI,KAAC,eAAe,IAAC,IAAI,EAAE,aAAa,CAAC,IAAI,CAAC,gBAAc,YAAY,GAAI,IACrF,CACJ,GACS,CACb,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,YAAY,CAAC,CAAC;AAEzE,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useEffect, type ForwardedRef } from 'react';\nimport { Button as RACButton } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { InternalSpinner } from '../internal/spinner/spinner.js';\nimport { SPINNER_SIZES } from './constants.js';\nimport type { ActionButtonProps, BaseButtonProps, SingleIconButtonProps } from './types.js';\n\nexport interface IconButtonProps extends BaseButtonProps, SingleIconButtonProps, ActionButtonProps {}\n\nfunction IconButton(\n  {\n    icon,\n    variant = 'secondary',\n    tone = 'base',\n    size = 'medium',\n    isLoading = false,\n    loadingLabel,\n    isDisabled = false,\n    fullWidth = false,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: IconButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  useEffect(() => {\n    if (isLoading && !loadingLabel) {\n      console.warn('IconButton requires loadingLabel when isLoading is true for accessibility');\n    }\n  }, [isLoading, loadingLabel]);\n\n  return (\n    <RACButton\n      {...props}\n      ref={ref}\n      className={clsx('cim-icon-button', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-variant={variant}\n      data-tone={tone}\n      data-size={size}\n      data-full-width={fullWidth ? true : undefined}\n      isDisabled={isDisabled}\n      isPending={isLoading}\n    >\n      {({ isPending }) => (\n        <>\n          {icon}\n          {isPending && <InternalSpinner size={SPINNER_SIZES[size]} aria-label={loadingLabel} />}\n        </>\n      )}\n    </RACButton>\n  );\n}\n\n/**\n * Displays an icon-only button that allows users to perform an action.\n *\n * See [button usage guidelines](https://ui.cimpress.io/components/button/usage-guidelines/).\n */\nconst _IconButton = withStyleProps(forwardRef(IconButton), 'IconButton');\n\nexport { _IconButton as IconButton };\n"]}