@cimpress-ui/react 0.0.0

package/dist/commonjs/icons/alert-triangle.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SvgAlertTriangle = (props) => ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "1em", height: "1em", className: "cim-icon", "data-icon": "true", fill: "currentColor", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M16.91 4.6a1.018 1.018 0 0 0-1.82 0L5.147 24.489a1.018 1.018 0 0 0 .91 1.474H25.94c.757 0 1.25-.797.91-1.474L16.912 4.6Zm-3.642-.911c1.125-2.252 4.338-2.252 5.464 0l9.941 19.89C29.69 25.608 28.212 28 25.941 28H6.058c-2.27 0-3.747-2.39-2.732-4.422L13.268 3.69Z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { d: "M17 23a1 1 0 1 1-2 0 1 1 0 0 1 2 0" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M16 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1", clipRule: "evenodd" })] }));
+SvgAlertTriangle.displayName = 'IconAlertTriangle';
+exports.default = SvgAlertTriangle;
+//# sourceMappingURL=alert-triangle.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const SvgCheckmarkSmall = (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: "M12.64 4.232a1 1 0 0 1 .128 1.408l-5 6a1 1 0 0 1-1.475.067l-3-3a1 1 0 0 1 1.414-1.414l2.226 2.226 4.299-5.16a1 1 0 0 1 1.408-.127", clipRule: "evenodd" }) }));
+SvgCheckmarkSmall.displayName = 'IconCheckmarkSmall';
+exports.default = SvgCheckmarkSmall;
+//# sourceMappingURL=checkmark-small.js.map

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

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

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

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

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

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

package/dist/commonjs/icons/index.js

@@ -0,0 +1,15 @@
+"use strict";
+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;
+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_small_js_1 = require("./checkmark-small.js");
+Object.defineProperty(exports, "IconCheckmarkSmall", { enumerable: true, get: function () { return __importDefault(checkmark_small_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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+"use strict";
+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';
+exports.default = SvgMinusSmall;
+//# sourceMappingURL=minus-small.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"minus-small.js","sourceRoot":"","sources":["../../../src/icons/minus-small.tsx"],"names":[],"mappings":";;;AACA,MAAM,aAAa,GAAG,CAAC,KAA8B,EAAE,EAAE,CAAC,CACxD,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"]}

package/dist/commonjs/index.d.ts

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

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

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

package/dist/commonjs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__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/menu/menu.js"), exports);
+__exportStar(require("./components/radio/radio.js"), exports);
+__exportStar(require("./components/radio/radio-group.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);
+//# sourceMappingURL=index.js.map

package/dist/commonjs/index.js.map

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

package/dist/commonjs/package.json

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

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

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

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

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

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

@@ -0,0 +1,18 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SSRProvider = SSRProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const react_aria_components_1 = require("react-aria-components");
+// react-aria's `SSRProvider` is required for React < 18
+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.
+ */
+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 }) }));
+}
+SSRProvider.displayName = 'SSRProvider';
+//# sourceMappingURL=ssr-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ssr-provider.js","sourceRoot":"","sources":["../../../../src/providers/ssr/ssr-provider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;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"]}

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

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

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

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

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

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withStyleProps = withStyleProps;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const types_js_1 = require("./components/spacing/types.js");
+const forward_ref_js_1 = require("./forward-ref.js");
+function withStyleProps(WrappedComponent, displayName) {
+    const ComponentWithStyleProps = ({ margin: responsiveMargin, marginX: responsiveMarginX, marginY: responsiveMarginY, marginTop: responsiveMarginTop, marginRight: responsiveMarginRight, marginBottom: responsiveMarginBottom, marginLeft: responsiveMarginLeft, UNSAFE_className, UNSAFE_style, ...props }, ref) => {
+        const marginTop = (0, types_js_1.getResponsiveVariables)('box-mt', 'space', responsiveMarginTop ?? responsiveMarginY ?? responsiveMargin);
+        const marginRight = (0, types_js_1.getResponsiveVariables)('box-mr', 'space', responsiveMarginRight ?? responsiveMarginX ?? responsiveMargin);
+        const marginBottom = (0, types_js_1.getResponsiveVariables)('box-mb', 'space', responsiveMarginBottom ?? responsiveMarginY ?? responsiveMargin);
+        const marginLeft = (0, types_js_1.getResponsiveVariables)('box-ml', 'space', responsiveMarginLeft ?? responsiveMarginX ?? responsiveMargin);
+        return ((0, jsx_runtime_1.jsx)(WrappedComponent, { ...props, ref: ref, UNSAFE_className: (0, clsx_1.default)(UNSAFE_className, { 'cim-box': marginTop || marginRight || marginBottom || marginLeft }), UNSAFE_style: {
+                ...UNSAFE_style,
+                ...marginTop,
+                ...marginRight,
+                ...marginBottom,
+                ...marginLeft,
+            } }));
+    };
+    // @ts-expect-error missing type definition for displayName
+    const existingDisplayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
+    return (0, forward_ref_js_1.forwardRef)(ComponentWithStyleProps, displayName || `WithStyleProps(${existingDisplayName})`);
+}
+//# sourceMappingURL=with-style-props.js.map

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

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

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

@@ -0,0 +1,6 @@
+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;
+export { _Button as Button };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+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" })] })) }));
+}
+const _Button = withStyleProps(forwardRef(Button), 'Button');
+export { _Button as Button };
+//# sourceMappingURL=button.js.map

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

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

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

@@ -0,0 +1,6 @@
+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;
+export { _IconButton as IconButton };
+//# sourceMappingURL=icon-button.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+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" })] })) }));
+}
+const _IconButton = withStyleProps(forwardRef(IconButton), 'IconButton');
+export { _IconButton as IconButton };
+//# sourceMappingURL=icon-button.js.map

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

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

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

@@ -0,0 +1,7 @@
+import type { NavigationProps } from '../types.js';
+import type { BaseButtonProps, SingleIconButtonProps } from './types.js';
+export interface IconLinkButtonProps extends Omit<BaseButtonProps, 'id'>, SingleIconButtonProps, NavigationProps {
+}
+declare const _IconLinkButton: (props: IconLinkButtonProps & import("react").RefAttributes<HTMLAnchorElement> & import("../../with-style-props.js").StyleProps) => import("react").ReactNode;
+export { _IconLinkButton as IconLinkButton };
+//# sourceMappingURL=icon-link-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-link-button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/icon-link-button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEzE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,EAAE,qBAAqB,EAAE,eAAe;CAAG;AAiCnH,QAAA,MAAM,eAAe,+JAA+D,CAAC;AAErF,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Link as RACLink } from 'react-aria-components';
+import { forwardRef } from '../../forward-ref.js';
+import { withStyleProps } from '../../with-style-props.js';
+function IconLinkButton({ icon, variant = 'secondary', tone = 'base', size = 'medium', isDisabled = false, fullWidth = false, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    return (_jsx(RACLink, { ...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, children: icon }));
+}
+const _IconLinkButton = withStyleProps(forwardRef(IconLinkButton), 'IconLinkButton');
+export { _IconLinkButton as IconLinkButton };
+//# sourceMappingURL=icon-link-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icon-link-button.js","sourceRoot":"","sources":["../../../../src/components/button/icon-link-button.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAM3D,SAAS,cAAc,CACrB,EACE,IAAI,EACJ,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACY,EACtB,GAAoC;IAEpC,OAAO,CACL,KAAC,OAAO,OACF,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,YAErB,IAAI,GACG,CACX,CAAC;AACJ,CAAC;AAED,MAAM,eAAe,GAAG,cAAc,CAAC,UAAU,CAAC,cAAc,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAErF,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport { Link as RACLink } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { NavigationProps } from '../types.js';\nimport type { BaseButtonProps, SingleIconButtonProps } from './types.js';\n\nexport interface IconLinkButtonProps extends Omit<BaseButtonProps, 'id'>, SingleIconButtonProps, NavigationProps {}\n\nfunction IconLinkButton(\n  {\n    icon,\n    variant = 'secondary',\n    tone = 'base',\n    size = 'medium',\n    isDisabled = false,\n    fullWidth = false,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: IconLinkButtonProps,\n  ref: ForwardedRef<HTMLAnchorElement>,\n) {\n  return (\n    <RACLink\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    >\n      {icon}\n    </RACLink>\n  );\n}\n\nconst _IconLinkButton = withStyleProps(forwardRef(IconLinkButton), 'IconLinkButton');\n\nexport { _IconLinkButton as IconLinkButton };\n"]}

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

@@ -0,0 +1,7 @@
+import type { NavigationProps } from '../types.js';
+import type { BaseButtonProps, TextButtonProps } from './types.js';
+export interface LinkButtonProps extends Omit<BaseButtonProps, 'id'>, TextButtonProps, NavigationProps {
+}
+declare const _LinkButton: (props: LinkButtonProps & import("react").RefAttributes<HTMLAnchorElement> & import("../../with-style-props.js").StyleProps) => import("react").ReactNode;
+export { _LinkButton as LinkButton };
+//# sourceMappingURL=link-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-button.d.ts","sourceRoot":"","sources":["../../../../src/components/button/link-button.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAEnE,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,EAAE,eAAe,EAAE,eAAe;CAAG;AAqCzG,QAAA,MAAM,WAAW,2JAAuD,CAAC;AAEzE,OAAO,EAAE,WAAW,IAAI,UAAU,EAAE,CAAC"}

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

@@ -0,0 +1,11 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Link as RACLink } from 'react-aria-components';
+import { forwardRef } from '../../forward-ref.js';
+import { withStyleProps } from '../../with-style-props.js';
+function LinkButton({ children, variant = 'secondary', tone = 'base', size = 'medium', iconStart, iconEnd, isDisabled = false, fullWidth = false, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    return (_jsxs(RACLink, { ...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, children: [iconStart, _jsx("span", { children: children }), iconEnd] }));
+}
+const _LinkButton = withStyleProps(forwardRef(LinkButton), 'LinkButton');
+export { _LinkButton as LinkButton };
+//# sourceMappingURL=link-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"link-button.js","sourceRoot":"","sources":["../../../../src/components/button/link-button.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAM3D,SAAS,UAAU,CACjB,EACE,QAAQ,EACR,OAAO,GAAG,WAAW,EACrB,IAAI,GAAG,MAAM,EACb,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,UAAU,GAAG,KAAK,EAClB,SAAS,GAAG,KAAK,EACjB,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACQ,EAClB,GAAoC;IAEpC,OAAO,CACL,MAAC,OAAO,OACF,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,aAErB,SAAS,EACV,yBAAO,QAAQ,GAAQ,EACtB,OAAO,IACA,CACX,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 { Link as RACLink } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { NavigationProps } from '../types.js';\nimport type { BaseButtonProps, TextButtonProps } from './types.js';\n\nexport interface LinkButtonProps extends Omit<BaseButtonProps, 'id'>, TextButtonProps, NavigationProps {}\n\nfunction LinkButton(\n  {\n    children,\n    variant = 'secondary',\n    tone = 'base',\n    size = 'medium',\n    iconStart,\n    iconEnd,\n    isDisabled = false,\n    fullWidth = false,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: LinkButtonProps,\n  ref: ForwardedRef<HTMLAnchorElement>,\n) {\n  return (\n    <RACLink\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    >\n      {iconStart}\n      <span>{children}</span>\n      {iconEnd}\n    </RACLink>\n  );\n}\n\nconst _LinkButton = withStyleProps(forwardRef(LinkButton), 'LinkButton');\n\nexport { _LinkButton as LinkButton };\n"]}

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

@@ -0,0 +1,62 @@
+import type { ReactNode } from 'react';
+import type { ButtonProps as RACButtonProps } from 'react-aria-components';
+import type { DOMProps } from '../types.js';
+/**
+ * Props available on all buttons.
+ */
+export interface BaseButtonProps extends DOMProps {
+    /**
+     * Determines the visual appearance of the button.
+     * @default 'secondary'
+     */
+    variant?: 'primary' | 'secondary' | 'tertiary';
+    /**
+     * Determines the color tone of the button.
+     * @default 'base'
+     */
+    tone?: 'base' | 'critical';
+    /**
+     * The size of the button.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Whether the button should take up the whole available width.
+     *
+     * @default false
+     */
+    fullWidth?: boolean;
+}
+/**
+ * Props available on buttons containing text.
+ */
+export interface TextButtonProps {
+    /** The text displayed on the button. */
+    children: string;
+    /** An icon displayed before the button text. */
+    iconStart?: ReactNode;
+    /** An icon displayed after the button text. */
+    iconEnd?: ReactNode;
+}
+/**
+ * Props available on buttons containing a single icon.
+ */
+export interface SingleIconButtonProps {
+    /** The icon displayed on the button. */
+    icon: ReactNode;
+    /** The label describing the function of this button for assistive technologies. */
+    'aria-label': string;
+}
+/**
+ * Props available on buttons that perform an action (non-navigational).
+ */
+export interface ActionButtonProps extends Pick<RACButtonProps, 'form' | 'name' | 'value' | 'onPress' | 'type' | 'isDisabled'> {
+    /**
+     * Whether the button is in a loading state.
+     * This disables the button and replaces its contents with a spinner.
+     *
+     * @default false
+     */
+    isLoading?: boolean;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/button/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,QAAQ;IAC/C;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,CAAC;IAC/C;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,wCAAwC;IACxC,QAAQ,EAAE,MAAM,CAAC;IACjB,gDAAgD;IAChD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,wCAAwC;IACxC,IAAI,EAAE,SAAS,CAAC;IAChB,mFAAmF;IACnF,YAAY,EAAE,MAAM,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,YAAY,CAAC;IAC3F;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/button/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\nimport type { ButtonProps as RACButtonProps } from 'react-aria-components';\nimport type { DOMProps } from '../types.js';\n\n/**\n * Props available on all buttons.\n */\nexport interface BaseButtonProps extends DOMProps {\n  /**\n   * Determines the visual appearance of the button.\n   * @default 'secondary'\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  /**\n   * Determines the color tone of the button.\n   * @default 'base'\n   */\n  tone?: 'base' | 'critical';\n  /**\n   * The size of the button.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Whether the button should take up the whole available width.\n   *\n   * @default false\n   */\n  fullWidth?: boolean;\n}\n\n/**\n * Props available on buttons containing text.\n */\nexport interface TextButtonProps {\n  /** The text displayed on the button. */\n  children: string;\n  /** An icon displayed before the button text. */\n  iconStart?: ReactNode;\n  /** An icon displayed after the button text. */\n  iconEnd?: ReactNode;\n}\n\n/**\n * Props available on buttons containing a single icon.\n */\nexport interface SingleIconButtonProps {\n  /** The icon displayed on the button. */\n  icon: ReactNode;\n  /** The label describing the function of this button for assistive technologies. */\n  'aria-label': string;\n}\n\n/**\n * Props available on buttons that perform an action (non-navigational).\n */\nexport interface ActionButtonProps\n  extends Pick<RACButtonProps, 'form' | 'name' | 'value' | 'onPress' | 'type' | 'isDisabled'> {\n  /**\n   * Whether the button is in a loading state.\n   * This disables the button and replaces its contents with a spinner.\n   *\n   * @default false\n   */\n  isLoading?: boolean;\n}\n"]}

package/dist/esm/components/checkbox/checkbox-group.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import { type CheckboxGroupProps as RACCheckboxGroupProps } from 'react-aria-components';
+import { type StackProps } from '../spacing/stack/stack.js';
+import type { DOMProps, FieldProps, WithRequired } from '../types.js';
+export interface CheckboxGroupProps extends DOMProps, WithRequired<FieldProps<string[]>, 'label'>, Pick<RACCheckboxGroupProps, 'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'value' | 'onChange' | 'defaultValue' | 'name'>, Pick<StackProps, 'inline'> {
+    /** Checkboxes belonging to the group. Each checkbox must have a `value` prop defined. */
+    children: ReactNode;
+}
+declare const _CheckboxGroup: (props: CheckboxGroupProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => ReactNode;
+export { _CheckboxGroup as CheckboxGroup };
+//# sourceMappingURL=checkbox-group.d.ts.map

package/dist/esm/components/checkbox/checkbox-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox-group.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,kBAAkB,IAAI,qBAAqB,EACjD,MAAM,uBAAuB,CAAC;AAI/B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,KAAK,EAAE,QAAQ,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEtE,MAAM,WAAW,kBACf,SAAQ,QAAQ,EACd,YAAY,CAAC,UAAU,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,CAAC,EAC3C,IAAI,CACF,qBAAqB,EACrB,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,UAAU,GAAG,cAAc,GAAG,MAAM,CAC1G,EACD,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC;IAC5B,yFAAyF;IACzF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAgCD,QAAA,MAAM,cAAc,2IAA6D,CAAC;AAElF,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC"}

package/dist/esm/components/checkbox/checkbox-group.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { CheckboxGroup as RACCheckboxGroup, } from 'react-aria-components';
+import { forwardRef } from '../../forward-ref.js';
+import { withStyleProps } from '../../with-style-props.js';
+import { FormFieldDescription, FormFieldError, FormFieldLabel } from '../form-field/form-field.js';
+import { Stack } from '../spacing/stack/stack.js';
+function CheckboxGroup({ label, description, error: errorMessage, inline = false, children, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    return (_jsxs(RACCheckboxGroup, { ...props, ref: ref, className: clsx('cim-checkbox-group', UNSAFE_className), style: UNSAFE_style, children: [_jsx(FormFieldLabel, { isRequired: props.isRequired, children: label }), _jsx(Stack, { gap: getGapFromInline(inline), inline: inline, children: children }), _jsx(FormFieldError, { children: errorMessage }), _jsx(FormFieldDescription, { children: description })] }));
+}
+const _CheckboxGroup = withStyleProps(forwardRef(CheckboxGroup), 'CheckboxGroup');
+export { _CheckboxGroup as CheckboxGroup };
+// Make sure that checkboxes are spaced by 16px when stacked inline, and 4px otherwise.
+function getGapFromInline(inline) {
+    if (typeof inline === 'object') {
+        const gap = { xs: inline.xs ? 16 : 4 };
+        Object.entries(inline).reduce((acc, curr) => {
+            gap[curr[0]] = curr[1] ? 16 : 4;
+            return acc;
+        }, gap);
+        return gap;
+    }
+    return inline ? 16 : 4;
+}
+//# sourceMappingURL=checkbox-group.js.map

package/dist/esm/components/checkbox/checkbox-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-group.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox-group.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EACL,aAAa,IAAI,gBAAgB,GAElC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACnG,OAAO,EAAE,KAAK,EAAmB,MAAM,2BAA2B,CAAC;AAgBnE,SAAS,aAAa,CACpB,EACE,KAAK,EACL,WAAW,EACX,KAAK,EAAE,YAAY,EACnB,MAAM,GAAG,KAAK,EACd,QAAQ,EACR,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACW,EACrB,GAAiC;IAEjC,OAAO,CACL,MAAC,gBAAgB,OACX,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,EACvD,KAAK,EAAE,YAAY,aAEnB,KAAC,cAAc,IAAC,UAAU,EAAE,KAAK,CAAC,UAAU,YAAG,KAAK,GAAkB,EACtE,KAAC,KAAK,IAAC,GAAG,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,MAAM,YACjD,QAAQ,GACH,EACR,KAAC,cAAc,cAAE,YAAY,GAAkB,EAC/C,KAAC,oBAAoB,cAAE,WAAW,GAAwB,IACzC,CACpB,CAAC;AACJ,CAAC;AAED,MAAM,cAAc,GAAG,cAAc,CAAC,UAAU,CAAC,aAAa,CAAC,EAAE,eAAe,CAAC,CAAC;AAElF,OAAO,EAAE,cAAc,IAAI,aAAa,EAAE,CAAC;AAE3C,uFAAuF;AACvF,SAAS,gBAAgB,CAAC,MAA2B;IACnD,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC/B,MAAM,GAAG,GAAwB,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAE3D,MAAM,CAAC,OAAO,CAAC,MAAM,CAA6B,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,EAAE;YACvE,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAChC,OAAO,GAAG,CAAC;QACb,CAAC,EAAE,GAAG,CAAC,CAAC;QAER,OAAO,GAAG,CAAC;IACb,CAAC;IAED,OAAO,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACzB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { ReactNode } from 'react';\nimport type { ForwardedRef } from 'react';\nimport {\n  CheckboxGroup as RACCheckboxGroup,\n  type CheckboxGroupProps as RACCheckboxGroupProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldError, FormFieldLabel } from '../form-field/form-field.js';\nimport { Stack, type StackProps } from '../spacing/stack/stack.js';\nimport type { Breakpoint, Responsive, Spacing } from '../spacing/types.js';\nimport type { DOMProps, FieldProps, WithRequired } from '../types.js';\n\nexport interface CheckboxGroupProps\n  extends DOMProps,\n    WithRequired<FieldProps<string[]>, 'label'>,\n    Pick<\n      RACCheckboxGroupProps,\n      'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'value' | 'onChange' | 'defaultValue' | 'name'\n    >,\n    Pick<StackProps, 'inline'> {\n  /** Checkboxes belonging to the group. Each checkbox must have a `value` prop defined. */\n  children: ReactNode;\n}\n\nfunction CheckboxGroup(\n  {\n    label,\n    description,\n    error: errorMessage,\n    inline = false,\n    children,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: CheckboxGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <RACCheckboxGroup\n      {...props}\n      ref={ref}\n      className={clsx('cim-checkbox-group', UNSAFE_className)}\n      style={UNSAFE_style}\n    >\n      <FormFieldLabel isRequired={props.isRequired}>{label}</FormFieldLabel>\n      <Stack gap={getGapFromInline(inline)} inline={inline}>\n        {children}\n      </Stack>\n      <FormFieldError>{errorMessage}</FormFieldError>\n      <FormFieldDescription>{description}</FormFieldDescription>\n    </RACCheckboxGroup>\n  );\n}\n\nconst _CheckboxGroup = withStyleProps(forwardRef(CheckboxGroup), 'CheckboxGroup');\n\nexport { _CheckboxGroup as CheckboxGroup };\n\n// Make sure that checkboxes are spaced by 16px when stacked inline, and 4px otherwise.\nfunction getGapFromInline(inline: Responsive<boolean>): Responsive<Spacing> {\n  if (typeof inline === 'object') {\n    const gap: Responsive<Spacing> = { xs: inline.xs ? 16 : 4 };\n\n    (Object.entries(inline) as [Breakpoint, boolean][]).reduce((acc, curr) => {\n      gap[curr[0]] = curr[1] ? 16 : 4;\n      return acc;\n    }, gap);\n\n    return gap;\n  }\n\n  return inline ? 16 : 4;\n}\n"]}

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

@@ -0,0 +1,9 @@
+import { type CheckboxProps as RACCheckboxProps } from 'react-aria-components';
+import type { DOMProps, LabellableProps } from '../types.js';
+export interface CheckboxProps extends DOMProps, Omit<LabellableProps, 'label'>, Pick<RACCheckboxProps, 'onChange' | 'isSelected' | 'isIndeterminate' | 'isDisabled' | 'isReadOnly' | 'isRequired' | 'isInvalid' | 'name' | 'value' | 'defaultSelected'> {
+    /** The label rendered next to the checkbox. */
+    children?: string;
+}
+declare const _Checkbox: (props: CheckboxProps & import("react").RefAttributes<HTMLLabelElement> & import("../../with-style-props.js").StyleProps) => import("react").ReactNode;
+export { _Checkbox as Checkbox };
+//# sourceMappingURL=checkbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA2B,KAAK,aAAa,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAIxG,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAG7D,MAAM,WAAW,aACf,SAAQ,QAAQ,EACd,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,EAC9B,IAAI,CACF,gBAAgB,EACd,UAAU,GACV,YAAY,GACZ,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,MAAM,GACN,OAAO,GACP,iBAAiB,CACpB;IACH,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAkCD,QAAA,MAAM,SAAS,wJAAmD,CAAC;AAEnE,OAAO,EAAE,SAAS,IAAI,QAAQ,EAAE,CAAC"}