@cimpress-ui/react 0.3.0 → 0.4.0

package/dist/commonjs/components/file-picker/file-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/file-picker/file-picker.tsx"],"names":[],"mappings":"AAKA,OAAO,EAGL,KAAK,gBAAgB,IAAI,mBAAmB,EAI7C,MAAM,uBAAuB,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAI3D,MAAM,WAAW,wBACf,SAAQ,WAAW,EACjB,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,EACtC,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,gBAAgB,GAAG,iBAAiB,GAAG,eAAe,CAAC;IACzG,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mDAAmD;IACnD,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,8CAA8C;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAmID,QAAA,MAAM,oBAAoB,0KAA+D,CAAC;AAE1F,OAAO,EAAE,oBAAoB,IAAI,mBAAmB,EAAE,CAAC"}

package/dist/commonjs/components/file-picker/file-picker.js

@@ -0,0 +1,68 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UNSTABLE_FilePicker = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const form_1 = require("@react-aria/form");
+const utils_1 = require("@react-aria/utils");
+const form_2 = require("@react-stately/form");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+const react_aria_components_1 = require("react-aria-components");
+const forward_ref_js_1 = require("../../forward-ref.js");
+const index_js_1 = require("../../i18n/index.js");
+const with_style_props_js_1 = require("../../with-style-props.js");
+const button_js_1 = require("../button/button.js");
+const form_field_js_1 = require("../internal/form-field/form-field.js");
+const text_js_1 = require("../typography/text.js");
+const visually_hidden_js_1 = require("../visually-hidden/visually-hidden.js");
+function UNSTABLE_FilePicker({ id, label, description, isDisabled, isRequired, isInvalid, onSelect, acceptedFileTypes, allowsMultiple, acceptDirectory, defaultCamera, error, name, validate, 'aria-labelledby': ariaLabelledBy, 'aria-describedby': ariaDescribedBy, 'aria-details': ariaDetails, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    const buttonId = (0, utils_1.useId)(id);
+    const labelId = (0, utils_1.useId)();
+    const fileTextId = (0, utils_1.useId)();
+    const [files, setFiles] = (0, react_1.useState)(null);
+    const fileInputRef = (0, react_1.useRef)(null);
+    const handleSelect = (files) => {
+        // Commit validation to clear any previous validation errors when new files are selected
+        validationState.commitValidation();
+        const filesArray = files?.length ? Array.from(files) : null;
+        setFiles(filesArray);
+        onSelect?.(filesArray);
+        if (fileInputRef.current) {
+            fileInputRef.current.files = files;
+        }
+    };
+    const labelMessages = (0, index_js_1.useLocalizedMessages)('label');
+    const messages = (0, index_js_1.useLocalizedMessages)('filePicker');
+    const labelText = files?.length != null
+        ? files.length === 1
+            ? files[0]?.name
+            : messages.format('multipleFilesSelected', { fileCount: files.length })
+        : messages.format('noFilesSelected', { allowsMultiple: allowsMultiple ?? false });
+    const validationBehavior = 'native';
+    const validationState = (0, form_2.useFormValidationState)({
+        value: files,
+        isInvalid,
+        isRequired,
+        name,
+        validate,
+        validationBehavior,
+    });
+    (0, form_1.useFormValidation)({ isInvalid, isRequired, validate, validationBehavior }, validationState, fileInputRef);
+    (0, utils_1.useFormReset)(fileInputRef, files, setFiles);
+    const descriptionId = (0, utils_1.useSlotId)([Boolean(description)]);
+    const errorMessageId = (0, utils_1.useSlotId)([
+        Boolean(error || validationState.displayValidation.validationErrors),
+        validationState.displayValidation.isInvalid,
+    ]);
+    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Provider, { values: [
+            [react_aria_components_1.LabelContext, label != null ? { id: labelId, htmlFor: buttonId } : {}],
+            [react_aria_components_1.TextContext, { slots: { description: { id: descriptionId }, errorMessage: { id: errorMessageId } } }],
+            [react_aria_components_1.FieldErrorContext, validationState.displayValidation],
+        ], children: [(0, jsx_runtime_1.jsxs)("div", { ...props, className: (0, clsx_1.default)('cim-file-field', UNSAFE_className), style: UNSAFE_style, ref: ref, children: [label && ((0, jsx_runtime_1.jsxs)(form_field_js_1.FormFieldLabel, { isRequired: isRequired, isDisabled: isDisabled, children: [label, isRequired && (0, jsx_runtime_1.jsx)(visually_hidden_js_1.UNSTABLE_VisuallyHidden, { children: labelMessages.format('required') })] })), (0, jsx_runtime_1.jsxs)("div", { className: "cim-file-field-button-container", children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.FileTrigger, { onSelect: handleSelect, acceptedFileTypes: acceptedFileTypes, allowsMultiple: allowsMultiple, acceptDirectory: acceptDirectory, defaultCamera: defaultCamera, children: (0, jsx_runtime_1.jsx)(button_js_1.Button, { id: buttonId, isDisabled: isDisabled, "aria-labelledby": [buttonId, label != null ? labelId : null, ariaLabelledBy].filter(Boolean).join(' '), "aria-describedby": [fileTextId, descriptionId, errorMessageId, ariaDescribedBy].join(' '), "aria-details": ariaDetails, children: messages.format('chooseFile') }) }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { id: fileTextId, as: "p", variant: "medium", tone: "base", children: labelText })] }), (0, jsx_runtime_1.jsx)(form_field_js_1.FormFieldError, { children: error }), (0, jsx_runtime_1.jsx)(form_field_js_1.FormFieldDescription, { children: description })] }), name && ((0, jsx_runtime_1.jsx)("input", { type: "file", className: "cim-file-field-hidden-input", name: name, multiple: allowsMultiple, required: isRequired, ref: fileInputRef }))] }));
+}
+const _UNSTABLE_FilePicker = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(UNSTABLE_FilePicker), 'FileField');
+exports.UNSTABLE_FilePicker = _UNSTABLE_FilePicker;
+//# sourceMappingURL=file-picker.js.map

package/dist/commonjs/components/file-picker/file-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-picker.js","sourceRoot":"","sources":["../../../../src/components/file-picker/file-picker.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useFormValidation } from '@react-aria/form';\nimport { useFormReset, useId, useSlotId } from '@react-aria/utils';\nimport { useFormValidationState } from '@react-stately/form';\nimport clsx from 'clsx';\nimport { type ForwardedRef, useRef, useState } from 'react';\nimport {\n  FieldErrorContext as RACFieldErrorContext,\n  FileTrigger as RACFileTrigger,\n  type FileTriggerProps as RACFileTriggerProps,\n  LabelContext as RACLabelContext,\n  Provider as RACProvider,\n  TextContext as RACTextContext,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/index.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { Button } from '../button/button.js';\nimport { FormFieldDescription, FormFieldError, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport type { CommonProps, FieldProps } from '../types.js';\nimport { Text } from '../typography/text.js';\nimport { UNSTABLE_VisuallyHidden } from '../visually-hidden/visually-hidden.js';\n\nexport interface UNSTABLE_FilePickerProps\n  extends CommonProps,\n    Omit<FieldProps<File[]>, 'aria-label'>,\n    Pick<RACFileTriggerProps, 'acceptedFileTypes' | 'allowsMultiple' | 'acceptDirectory' | 'defaultCamera'> {\n  /** Whether the field is disabled. */\n  isDisabled?: boolean;\n  /** Whether the field is required. */\n  isRequired?: boolean;\n  /** Whether the field is invalid. */\n  isInvalid?: boolean;\n  /** The allowed file types that can be selected. */\n  acceptedFileTypes?: string[];\n  /** Whether multiple files can be selected. */\n  allowsMultiple?: boolean;\n  /** Handler called when files are selected. */\n  onSelect?: (files: File[] | null) => void;\n}\n\nfunction UNSTABLE_FilePicker(\n  {\n    id,\n    label,\n    description,\n    isDisabled,\n    isRequired,\n    isInvalid,\n    onSelect,\n    acceptedFileTypes,\n    allowsMultiple,\n    acceptDirectory,\n    defaultCamera,\n    error,\n    name,\n    validate,\n    'aria-labelledby': ariaLabelledBy,\n    'aria-describedby': ariaDescribedBy,\n    'aria-details': ariaDetails,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: UNSTABLE_FilePickerProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const buttonId = useId(id);\n  const labelId = useId();\n  const fileTextId = useId();\n\n  const [files, setFiles] = useState<File[] | null>(null);\n  const fileInputRef = useRef<HTMLInputElement>(null);\n  const handleSelect = (files: FileList | null) => {\n    // Commit validation to clear any previous validation errors when new files are selected\n    validationState.commitValidation();\n\n    const filesArray = files?.length ? Array.from(files) : null;\n    setFiles(filesArray);\n    onSelect?.(filesArray);\n\n    if (fileInputRef.current) {\n      fileInputRef.current.files = files;\n    }\n  };\n\n  const labelMessages = useLocalizedMessages('label');\n  const messages = useLocalizedMessages('filePicker');\n  const labelText =\n    files?.length != null\n      ? files.length === 1\n        ? files[0]?.name\n        : messages.format('multipleFilesSelected', { fileCount: files.length })\n      : messages.format('noFilesSelected', { allowsMultiple: allowsMultiple ?? false });\n\n  const validationBehavior = 'native';\n  const validationState = useFormValidationState({\n    value: files,\n    isInvalid,\n    isRequired,\n    name,\n    validate,\n    validationBehavior,\n  });\n  useFormValidation({ isInvalid, isRequired, validate, validationBehavior }, validationState, fileInputRef);\n  useFormReset(fileInputRef, files, setFiles);\n\n  const descriptionId = useSlotId([Boolean(description)]);\n  const errorMessageId = useSlotId([\n    Boolean(error || validationState.displayValidation.validationErrors),\n    validationState.displayValidation.isInvalid,\n  ]);\n\n  return (\n    <RACProvider\n      values={[\n        [RACLabelContext, label != null ? { id: labelId, htmlFor: buttonId } : {}],\n        [RACTextContext, { slots: { description: { id: descriptionId }, errorMessage: { id: errorMessageId } } }],\n        [RACFieldErrorContext, validationState.displayValidation],\n      ]}\n    >\n      <div {...props} className={clsx('cim-file-field', UNSAFE_className)} style={UNSAFE_style} ref={ref}>\n        {label && (\n          <FormFieldLabel isRequired={isRequired} isDisabled={isDisabled}>\n            {label}\n            {/*\n             * Button elements don't support `aria-required`, so we need to add visually hidden text to indicate that the field is required.\n             * See: https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-required#examples:~:text=Note%3A%20If%20the%20field%27s%20label%20already%20contains%20the%20word%20%22required%22%2C%20it%20is%20recommended%20to%20leave%20out%20the%20aria%2Drequired%20attribute.%20This%20avoids%20that%20screen%20readers%20read%20out%20the%20term%20%22required%22%20twice.\n             */}\n            {isRequired && <UNSTABLE_VisuallyHidden>{labelMessages.format('required')}</UNSTABLE_VisuallyHidden>}\n          </FormFieldLabel>\n        )}\n        <div className=\"cim-file-field-button-container\">\n          <RACFileTrigger\n            onSelect={handleSelect}\n            acceptedFileTypes={acceptedFileTypes}\n            allowsMultiple={allowsMultiple}\n            acceptDirectory={acceptDirectory}\n            defaultCamera={defaultCamera}\n          >\n            <Button\n              id={buttonId}\n              isDisabled={isDisabled}\n              aria-labelledby={[buttonId, label != null ? labelId : null, ariaLabelledBy].filter(Boolean).join(' ')}\n              aria-describedby={[fileTextId, descriptionId, errorMessageId, ariaDescribedBy].join(' ')}\n              aria-details={ariaDetails}\n            >\n              {messages.format('chooseFile')}\n            </Button>\n          </RACFileTrigger>\n          <Text id={fileTextId} as=\"p\" variant=\"medium\" tone=\"base\">\n            {labelText}\n          </Text>\n        </div>\n        <FormFieldError>{error}</FormFieldError>\n        <FormFieldDescription>{description}</FormFieldDescription>\n      </div>\n      {name && (\n        <input\n          type=\"file\"\n          className=\"cim-file-field-hidden-input\"\n          name={name}\n          multiple={allowsMultiple}\n          required={isRequired}\n          ref={fileInputRef}\n        />\n      )}\n    </RACProvider>\n  );\n}\n\nconst _UNSTABLE_FilePicker = withStyleProps(forwardRef(UNSTABLE_FilePicker), 'FileField');\n\nexport { _UNSTABLE_FilePicker as UNSTABLE_FilePicker };\n"]}

package/dist/commonjs/components/header/cimpress-logo.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=cimpress-logo.d.ts.map

package/dist/commonjs/components/header/cimpress-logo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cimpress-logo.d.ts","sourceRoot":"","sources":["../../../../src/components/header/cimpress-logo.tsx"],"names":[],"mappings":""}

package/dist/commonjs/components/header/cimpress-logo.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CimpressLogo = CimpressLogo;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/** @internal */
+function CimpressLogo({ width, height }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 100 16", fill: "none", width: width, height: height, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.82445 7.32716C7.82445 7.32716 7.1549 7.99671 7.82445 8.66552L9.65352 10.4946C9.65352 10.4946 10.3231 11.1641 10.9919 10.4946L12.8188 8.6677C12.8188 8.6677 13.4883 7.99816 12.8188 7.32862L10.9904 5.50027C10.9904 5.50027 10.3209 4.83073 9.65133 5.50027L7.82445 7.32716Z", fill: "#F0563A" }), (0, jsx_runtime_1.jsx)("mask", { id: "mask0_246_126", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "0", y: "2", width: "8", height: "12", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 2.5517V13.4427H7.41408V2.5517H0H0Z", fill: "white" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask0_246_126)", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.1165 10.8122L4.29439 7.99012L7.10197 5.18254C7.10197 5.18254 7.77151 4.513 7.10197 3.84345L6.10746 2.84895C6.10746 2.84895 5.43792 2.18013 4.7691 2.84895L0.297476 7.32057C0.297476 7.32057 -0.372068 7.99012 0.297476 8.65966L1.29198 9.65416C1.29198 9.65416 1.29416 9.65562 1.29707 9.65925L4.78364 13.1451C4.78364 13.1451 5.45246 13.8146 6.122 13.1451L7.1165 12.1506C7.1165 12.1506 7.78605 11.4818 7.1165 10.8122Z", fill: "#3A414C" }) }), (0, jsx_runtime_1.jsx)("mask", { id: "mask1_246_126", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "10", y: "0", width: "11", height: "16", children: (0, jsx_runtime_1.jsx)("path", { d: "M20.6549 0H10.6956V15.99H20.6549V0V0Z", fill: "white" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask1_246_126)", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M20.3573 7.32819L19.365 6.33514L13.3267 0.296886C13.3267 0.296886 12.6572 -0.371931 11.9876 0.296886L10.9931 1.29212C10.9931 1.29212 10.3236 1.96093 10.9931 2.63048L16.3604 7.99773L10.9982 13.3592C10.9982 13.3592 10.3287 14.0287 10.9982 14.6983L11.9927 15.6928C11.9927 15.6928 12.6615 16.3616 13.3311 15.6928L20.3573 8.66655C20.3573 8.66655 21.0268 7.99774 20.3573 7.32819Z", fill: "#3A414C" }) }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M23.3056 8.02943V7.99162C23.3056 5.12225 25.4996 2.75958 28.5754 2.75958C30.1508 2.75958 31.2383 3.20958 32.1012 3.95982C32.2699 4.10958 32.3448 4.27823 32.3448 4.44689C32.3448 4.61628 32.2699 4.78494 32.1202 4.95359L31.3328 5.79761C31.1634 5.96627 30.9948 6.06005 30.8261 6.06005C30.6764 6.06005 30.507 5.98517 30.3194 5.83542C29.8324 5.44139 29.3068 5.21603 28.5565 5.21603C27.1316 5.21603 26.119 6.47297 26.119 7.95455V7.99162C26.119 9.5299 27.1127 10.7672 28.6692 10.7672C29.3824 10.7672 29.9261 10.5426 30.451 10.1486C30.6197 10.017 30.7883 9.9421 30.9577 9.9421C31.1264 9.9421 31.295 10.017 31.4637 10.1864L32.158 10.8799C32.3448 11.0675 32.4204 11.255 32.4204 11.4237C32.4204 11.5364 32.3826 11.6679 32.2699 11.7799C31.3699 12.6428 30.3013 13.2244 28.5383 13.2244C25.5185 13.2244 23.3056 10.8988 23.3056 8.02943Z", fill: "#3A414C" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M32.9921 3.6594C32.9921 3.1905 33.2356 2.94696 33.7045 2.94696H35.1301C35.599 2.94696 35.8425 3.1905 35.8425 3.6594V12.2864C35.8425 12.7553 35.599 12.9996 35.1301 12.9996H33.7045C33.2356 12.9996 32.9921 12.7553 32.9921 12.2864V3.6594Z", fill: "#3A414C" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M36.8636 3.65936C36.8636 3.19047 37.1079 2.94693 37.576 2.94693H39.0016C39.4705 2.94693 39.7141 3.19047 39.7141 3.65936V4.37253C40.3705 3.52851 41.2334 2.75937 42.6772 2.75937C43.9901 2.75937 44.9846 3.34095 45.5095 4.35363C46.3906 3.32205 47.4411 2.75937 48.81 2.75937C50.9291 2.75937 52.2049 4.03448 52.2049 6.45386V12.2864C52.2049 12.7553 51.9607 12.9995 51.4918 12.9995H50.0669C49.598 12.9995 49.3537 12.7553 49.3537 12.2864V7.39166C49.3537 6.04166 48.754 5.3474 47.6846 5.3474C46.616 5.3474 45.9595 6.04166 45.9595 7.39166V12.2864C45.9595 12.7553 45.716 12.9995 45.2471 12.9995H43.8215C43.3526 12.9995 43.109 12.7553 43.109 12.2864V7.39166C43.109 6.04166 42.5085 5.3474 41.4399 5.3474C40.3705 5.3474 39.7141 6.04166 39.7141 7.39166V12.2864C39.7141 12.7553 39.4705 12.9995 39.0016 12.9995H37.576C37.1079 12.9995 36.8636 12.7553 36.8636 12.2864V3.65936Z", fill: "#3A414C" }), (0, jsx_runtime_1.jsx)("mask", { id: "mask2_246_126", style: { maskType: 'alpha' }, maskUnits: "userSpaceOnUse", x: "53", y: "2", width: "11", height: "14", children: (0, jsx_runtime_1.jsx)("path", { d: "M53.2376 16H63.7962V2.75909H53.2376V16Z", fill: "white" }) }), (0, jsx_runtime_1.jsx)("g", { mask: "url(#mask2_246_126)", children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M60.9457 7.99186V7.95406C60.9457 6.28492 59.8203 5.17847 58.4892 5.17847C57.1574 5.17847 56.051 6.28492 56.051 7.95406V7.99186C56.051 9.661 57.1574 10.7675 58.4892 10.7675C59.8203 10.7675 60.9457 9.6799 60.9457 7.99186ZM53.2376 3.65909C53.2376 3.19092 53.4811 2.94665 53.95 2.94665H55.3756C55.8445 2.94665 56.088 3.19092 56.088 3.65909V4.39115C56.7823 3.45336 57.739 2.75909 59.2206 2.75909C61.5644 2.75909 63.7962 4.59761 63.7962 7.95406V7.99186C63.7962 11.349 61.6022 13.1868 59.2206 13.1868C57.7012 13.1868 56.7634 12.4926 56.088 11.6864V15.2871C56.088 15.756 55.8445 16.0002 55.3756 16.0002H53.95C53.4811 16.0002 53.2376 15.756 53.2376 15.2871V3.65909Z", fill: "#3A414C" }) }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M64.36 3.65937C64.36 3.19047 64.5854 2.94694 65.0725 2.94694H66.4792C66.9481 2.94694 67.2105 3.19047 67.2105 3.65937V4.40961C67.5107 3.65937 68.4296 2.98401 69.6866 2.79718C70.1547 2.72157 70.399 3.02181 70.399 3.49071V4.87851C70.399 5.59167 70.1366 5.68473 69.6299 5.76033C67.811 6.04167 67.2105 7.59812 67.2105 9.30434V12.3053C67.2105 12.7742 66.9481 13.0177 66.4792 13.0177H65.0725C64.5854 13.0177 64.36 12.7742 64.36 12.3053V3.65937Z", fill: "#3A414C" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M77.1967 7.18541C77.028 5.91029 76.2778 5.04737 75.0775 5.04737C73.8962 5.04737 73.1271 5.89139 72.9017 7.18541H77.1967ZM70.1072 8.02943V7.99162C70.1072 5.12225 72.1522 2.75958 75.0775 2.75958C78.4347 2.75958 79.9723 5.36652 79.9723 8.21699V8.27296C79.9723 8.72296 79.6909 8.96723 79.2409 8.96723H72.9395C73.2208 10.2612 74.1208 10.9366 75.396 10.9366C76.1462 10.9366 76.7278 10.749 77.3283 10.3361C77.5158 10.2045 77.6845 10.1297 77.8531 10.1297C78.0029 10.1297 78.1723 10.2045 78.322 10.3361L78.9225 10.8799C79.1282 11.0486 79.2409 11.2361 79.2409 11.4237C79.2409 11.5553 79.166 11.6868 79.0534 11.7988C78.1534 12.6995 76.9342 13.2244 75.3589 13.2244C72.339 13.2244 70.1072 11.1053 70.1072 8.02943Z", fill: "#3A414C" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M80.243 12.0802C80.0176 11.9304 79.9049 11.724 79.9049 11.5175C79.9049 11.3859 79.9616 11.2362 80.0554 11.0864L80.5054 10.3922C80.6552 10.1486 80.8435 10.0359 81.0681 10.0359C81.199 10.0359 81.3494 10.0919 81.4992 10.1864C82.3999 10.7113 83.2999 10.9926 84.0691 10.9926C84.8942 10.9926 85.2693 10.6924 85.2693 10.2424V10.2046C85.2693 9.66082 84.5001 9.43619 83.5623 9.15485C83.4497 9.11705 83.3188 9.07924 83.1872 9.04217C81.7805 8.62925 80.187 7.97279 80.187 6.02231V5.98524C80.187 3.94098 81.8372 2.79672 83.8626 2.79672C84.9131 2.79672 86.0377 3.09696 87.0133 3.60294C87.2757 3.73452 87.4073 3.92208 87.4073 4.14744C87.4073 4.2783 87.3506 4.42878 87.2757 4.57854L86.8635 5.30988C86.7131 5.57231 86.5255 5.7039 86.3009 5.7039C86.1882 5.7039 86.0377 5.66609 85.8879 5.59122C85.1188 5.2161 84.3875 4.99146 83.8066 4.99146C83.1123 4.99146 82.7561 5.29097 82.7561 5.685V5.7228C82.7561 6.28548 83.7128 6.54791 84.8004 6.92303C86.2071 7.39193 87.8384 8.06657 87.8384 9.90509V9.94216C87.8384 12.174 86.1693 13.1867 83.9934 13.1867C82.775 13.1867 81.4432 12.8304 80.243 12.0802Z", fill: "#3A414C" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M88.2829 12.0802C88.0575 11.9304 87.9456 11.724 87.9456 11.5175C87.9456 11.3859 88.0015 11.2362 88.0953 11.0864L88.5453 10.3922C88.6958 10.1486 88.8834 10.0359 89.108 10.0359C89.2396 10.0359 89.3893 10.0919 89.5398 10.1864C90.4398 10.7113 91.3398 10.9926 92.1089 10.9926C92.9341 10.9926 93.3092 10.6924 93.3092 10.2424V10.2046C93.3092 9.66082 92.54 9.43619 91.6022 9.15485C91.4896 9.11705 91.3587 9.07924 91.2279 9.04217C89.8212 8.62925 88.2269 7.97279 88.2269 6.02231V5.98524C88.2269 3.94098 89.8771 2.79672 91.9025 2.79672C92.953 2.79672 94.0776 3.09696 95.0532 3.60294C95.3156 3.73452 95.4472 3.92208 95.4472 4.14744C95.4472 4.2783 95.3905 4.42878 95.3156 4.57854L94.9034 5.30988C94.753 5.57231 94.5654 5.7039 94.3408 5.7039C94.2281 5.7039 94.0776 5.66609 93.9278 5.59122C93.1594 5.2161 92.4274 4.99146 91.8465 4.99146C91.1522 4.99146 90.796 5.29097 90.796 5.685V5.7228C90.796 6.28548 91.7527 6.54791 92.8403 6.92303C94.247 7.39193 95.8783 8.06657 95.8783 9.90509V9.94216C95.8783 12.174 94.2092 13.1867 92.0341 13.1867C90.8149 13.1867 89.4831 12.8304 88.2829 12.0802Z", fill: "#3A414C" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M96.4204 3.30818H95.8788V2.94687H97.3538V3.30818H96.8122V4.72796H96.4204V3.30818Z", fill: "#3A414C" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M97.6551 2.94687H98.0775L98.5457 3.70002L99.0138 2.94687H99.4362V4.72796H99.0466V3.56552L98.5457 4.32594H98.5355L98.039 3.57279V4.72796H97.6551V2.94687Z", fill: "#3A414C" })] }));
+}
+//# sourceMappingURL=cimpress-logo.js.map

package/dist/commonjs/components/header/cimpress-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cimpress-logo.js","sourceRoot":"","sources":["../../../../src/components/header/cimpress-logo.tsx"],"names":[],"mappings":"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","sourcesContent":["/** @internal */\nexport function CimpressLogo({ width, height }: { width?: number; height?: number }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 16\" fill=\"none\" width={width} height={height}>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M7.82445 7.32716C7.82445 7.32716 7.1549 7.99671 7.82445 8.66552L9.65352 10.4946C9.65352 10.4946 10.3231 11.1641 10.9919 10.4946L12.8188 8.6677C12.8188 8.6677 13.4883 7.99816 12.8188 7.32862L10.9904 5.50027C10.9904 5.50027 10.3209 4.83073 9.65133 5.50027L7.82445 7.32716Z\"\n        fill=\"#F0563A\"\n      />\n      <mask\n        id=\"mask0_246_126\"\n        style={{ maskType: 'alpha' }}\n        maskUnits=\"userSpaceOnUse\"\n        x=\"0\"\n        y=\"2\"\n        width=\"8\"\n        height=\"12\"\n      >\n        <path d=\"M0 2.5517V13.4427H7.41408V2.5517H0H0Z\" fill=\"white\" />\n      </mask>\n      <g mask=\"url(#mask0_246_126)\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M7.1165 10.8122L4.29439 7.99012L7.10197 5.18254C7.10197 5.18254 7.77151 4.513 7.10197 3.84345L6.10746 2.84895C6.10746 2.84895 5.43792 2.18013 4.7691 2.84895L0.297476 7.32057C0.297476 7.32057 -0.372068 7.99012 0.297476 8.65966L1.29198 9.65416C1.29198 9.65416 1.29416 9.65562 1.29707 9.65925L4.78364 13.1451C4.78364 13.1451 5.45246 13.8146 6.122 13.1451L7.1165 12.1506C7.1165 12.1506 7.78605 11.4818 7.1165 10.8122Z\"\n          fill=\"#3A414C\"\n        />\n      </g>\n      <mask\n        id=\"mask1_246_126\"\n        style={{ maskType: 'alpha' }}\n        maskUnits=\"userSpaceOnUse\"\n        x=\"10\"\n        y=\"0\"\n        width=\"11\"\n        height=\"16\"\n      >\n        <path d=\"M20.6549 0H10.6956V15.99H20.6549V0V0Z\" fill=\"white\" />\n      </mask>\n      <g mask=\"url(#mask1_246_126)\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M20.3573 7.32819L19.365 6.33514L13.3267 0.296886C13.3267 0.296886 12.6572 -0.371931 11.9876 0.296886L10.9931 1.29212C10.9931 1.29212 10.3236 1.96093 10.9931 2.63048L16.3604 7.99773L10.9982 13.3592C10.9982 13.3592 10.3287 14.0287 10.9982 14.6983L11.9927 15.6928C11.9927 15.6928 12.6615 16.3616 13.3311 15.6928L20.3573 8.66655C20.3573 8.66655 21.0268 7.99774 20.3573 7.32819Z\"\n          fill=\"#3A414C\"\n        />\n      </g>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M23.3056 8.02943V7.99162C23.3056 5.12225 25.4996 2.75958 28.5754 2.75958C30.1508 2.75958 31.2383 3.20958 32.1012 3.95982C32.2699 4.10958 32.3448 4.27823 32.3448 4.44689C32.3448 4.61628 32.2699 4.78494 32.1202 4.95359L31.3328 5.79761C31.1634 5.96627 30.9948 6.06005 30.8261 6.06005C30.6764 6.06005 30.507 5.98517 30.3194 5.83542C29.8324 5.44139 29.3068 5.21603 28.5565 5.21603C27.1316 5.21603 26.119 6.47297 26.119 7.95455V7.99162C26.119 9.5299 27.1127 10.7672 28.6692 10.7672C29.3824 10.7672 29.9261 10.5426 30.451 10.1486C30.6197 10.017 30.7883 9.9421 30.9577 9.9421C31.1264 9.9421 31.295 10.017 31.4637 10.1864L32.158 10.8799C32.3448 11.0675 32.4204 11.255 32.4204 11.4237C32.4204 11.5364 32.3826 11.6679 32.2699 11.7799C31.3699 12.6428 30.3013 13.2244 28.5383 13.2244C25.5185 13.2244 23.3056 10.8988 23.3056 8.02943Z\"\n        fill=\"#3A414C\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M32.9921 3.6594C32.9921 3.1905 33.2356 2.94696 33.7045 2.94696H35.1301C35.599 2.94696 35.8425 3.1905 35.8425 3.6594V12.2864C35.8425 12.7553 35.599 12.9996 35.1301 12.9996H33.7045C33.2356 12.9996 32.9921 12.7553 32.9921 12.2864V3.6594Z\"\n        fill=\"#3A414C\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M36.8636 3.65936C36.8636 3.19047 37.1079 2.94693 37.576 2.94693H39.0016C39.4705 2.94693 39.7141 3.19047 39.7141 3.65936V4.37253C40.3705 3.52851 41.2334 2.75937 42.6772 2.75937C43.9901 2.75937 44.9846 3.34095 45.5095 4.35363C46.3906 3.32205 47.4411 2.75937 48.81 2.75937C50.9291 2.75937 52.2049 4.03448 52.2049 6.45386V12.2864C52.2049 12.7553 51.9607 12.9995 51.4918 12.9995H50.0669C49.598 12.9995 49.3537 12.7553 49.3537 12.2864V7.39166C49.3537 6.04166 48.754 5.3474 47.6846 5.3474C46.616 5.3474 45.9595 6.04166 45.9595 7.39166V12.2864C45.9595 12.7553 45.716 12.9995 45.2471 12.9995H43.8215C43.3526 12.9995 43.109 12.7553 43.109 12.2864V7.39166C43.109 6.04166 42.5085 5.3474 41.4399 5.3474C40.3705 5.3474 39.7141 6.04166 39.7141 7.39166V12.2864C39.7141 12.7553 39.4705 12.9995 39.0016 12.9995H37.576C37.1079 12.9995 36.8636 12.7553 36.8636 12.2864V3.65936Z\"\n        fill=\"#3A414C\"\n      />\n      <mask\n        id=\"mask2_246_126\"\n        style={{ maskType: 'alpha' }}\n        maskUnits=\"userSpaceOnUse\"\n        x=\"53\"\n        y=\"2\"\n        width=\"11\"\n        height=\"14\"\n      >\n        <path d=\"M53.2376 16H63.7962V2.75909H53.2376V16Z\" fill=\"white\" />\n      </mask>\n      <g mask=\"url(#mask2_246_126)\">\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M60.9457 7.99186V7.95406C60.9457 6.28492 59.8203 5.17847 58.4892 5.17847C57.1574 5.17847 56.051 6.28492 56.051 7.95406V7.99186C56.051 9.661 57.1574 10.7675 58.4892 10.7675C59.8203 10.7675 60.9457 9.6799 60.9457 7.99186ZM53.2376 3.65909C53.2376 3.19092 53.4811 2.94665 53.95 2.94665H55.3756C55.8445 2.94665 56.088 3.19092 56.088 3.65909V4.39115C56.7823 3.45336 57.739 2.75909 59.2206 2.75909C61.5644 2.75909 63.7962 4.59761 63.7962 7.95406V7.99186C63.7962 11.349 61.6022 13.1868 59.2206 13.1868C57.7012 13.1868 56.7634 12.4926 56.088 11.6864V15.2871C56.088 15.756 55.8445 16.0002 55.3756 16.0002H53.95C53.4811 16.0002 53.2376 15.756 53.2376 15.2871V3.65909Z\"\n          fill=\"#3A414C\"\n        />\n      </g>\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M64.36 3.65937C64.36 3.19047 64.5854 2.94694 65.0725 2.94694H66.4792C66.9481 2.94694 67.2105 3.19047 67.2105 3.65937V4.40961C67.5107 3.65937 68.4296 2.98401 69.6866 2.79718C70.1547 2.72157 70.399 3.02181 70.399 3.49071V4.87851C70.399 5.59167 70.1366 5.68473 69.6299 5.76033C67.811 6.04167 67.2105 7.59812 67.2105 9.30434V12.3053C67.2105 12.7742 66.9481 13.0177 66.4792 13.0177H65.0725C64.5854 13.0177 64.36 12.7742 64.36 12.3053V3.65937Z\"\n        fill=\"#3A414C\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M77.1967 7.18541C77.028 5.91029 76.2778 5.04737 75.0775 5.04737C73.8962 5.04737 73.1271 5.89139 72.9017 7.18541H77.1967ZM70.1072 8.02943V7.99162C70.1072 5.12225 72.1522 2.75958 75.0775 2.75958C78.4347 2.75958 79.9723 5.36652 79.9723 8.21699V8.27296C79.9723 8.72296 79.6909 8.96723 79.2409 8.96723H72.9395C73.2208 10.2612 74.1208 10.9366 75.396 10.9366C76.1462 10.9366 76.7278 10.749 77.3283 10.3361C77.5158 10.2045 77.6845 10.1297 77.8531 10.1297C78.0029 10.1297 78.1723 10.2045 78.322 10.3361L78.9225 10.8799C79.1282 11.0486 79.2409 11.2361 79.2409 11.4237C79.2409 11.5553 79.166 11.6868 79.0534 11.7988C78.1534 12.6995 76.9342 13.2244 75.3589 13.2244C72.339 13.2244 70.1072 11.1053 70.1072 8.02943Z\"\n        fill=\"#3A414C\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M80.243 12.0802C80.0176 11.9304 79.9049 11.724 79.9049 11.5175C79.9049 11.3859 79.9616 11.2362 80.0554 11.0864L80.5054 10.3922C80.6552 10.1486 80.8435 10.0359 81.0681 10.0359C81.199 10.0359 81.3494 10.0919 81.4992 10.1864C82.3999 10.7113 83.2999 10.9926 84.0691 10.9926C84.8942 10.9926 85.2693 10.6924 85.2693 10.2424V10.2046C85.2693 9.66082 84.5001 9.43619 83.5623 9.15485C83.4497 9.11705 83.3188 9.07924 83.1872 9.04217C81.7805 8.62925 80.187 7.97279 80.187 6.02231V5.98524C80.187 3.94098 81.8372 2.79672 83.8626 2.79672C84.9131 2.79672 86.0377 3.09696 87.0133 3.60294C87.2757 3.73452 87.4073 3.92208 87.4073 4.14744C87.4073 4.2783 87.3506 4.42878 87.2757 4.57854L86.8635 5.30988C86.7131 5.57231 86.5255 5.7039 86.3009 5.7039C86.1882 5.7039 86.0377 5.66609 85.8879 5.59122C85.1188 5.2161 84.3875 4.99146 83.8066 4.99146C83.1123 4.99146 82.7561 5.29097 82.7561 5.685V5.7228C82.7561 6.28548 83.7128 6.54791 84.8004 6.92303C86.2071 7.39193 87.8384 8.06657 87.8384 9.90509V9.94216C87.8384 12.174 86.1693 13.1867 83.9934 13.1867C82.775 13.1867 81.4432 12.8304 80.243 12.0802Z\"\n        fill=\"#3A414C\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M88.2829 12.0802C88.0575 11.9304 87.9456 11.724 87.9456 11.5175C87.9456 11.3859 88.0015 11.2362 88.0953 11.0864L88.5453 10.3922C88.6958 10.1486 88.8834 10.0359 89.108 10.0359C89.2396 10.0359 89.3893 10.0919 89.5398 10.1864C90.4398 10.7113 91.3398 10.9926 92.1089 10.9926C92.9341 10.9926 93.3092 10.6924 93.3092 10.2424V10.2046C93.3092 9.66082 92.54 9.43619 91.6022 9.15485C91.4896 9.11705 91.3587 9.07924 91.2279 9.04217C89.8212 8.62925 88.2269 7.97279 88.2269 6.02231V5.98524C88.2269 3.94098 89.8771 2.79672 91.9025 2.79672C92.953 2.79672 94.0776 3.09696 95.0532 3.60294C95.3156 3.73452 95.4472 3.92208 95.4472 4.14744C95.4472 4.2783 95.3905 4.42878 95.3156 4.57854L94.9034 5.30988C94.753 5.57231 94.5654 5.7039 94.3408 5.7039C94.2281 5.7039 94.0776 5.66609 93.9278 5.59122C93.1594 5.2161 92.4274 4.99146 91.8465 4.99146C91.1522 4.99146 90.796 5.29097 90.796 5.685V5.7228C90.796 6.28548 91.7527 6.54791 92.8403 6.92303C94.247 7.39193 95.8783 8.06657 95.8783 9.90509V9.94216C95.8783 12.174 94.2092 13.1867 92.0341 13.1867C90.8149 13.1867 89.4831 12.8304 88.2829 12.0802Z\"\n        fill=\"#3A414C\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M96.4204 3.30818H95.8788V2.94687H97.3538V3.30818H96.8122V4.72796H96.4204V3.30818Z\"\n        fill=\"#3A414C\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M97.6551 2.94687H98.0775L98.5457 3.70002L99.0138 2.94687H99.4362V4.72796H99.0466V3.56552L98.5457 4.32594H98.5355L98.039 3.57279V4.72796H97.6551V2.94687Z\"\n        fill=\"#3A414C\"\n      />\n    </svg>\n  );\n}\n"]}

package/dist/commonjs/components/header/header.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type { CommonProps } from '../types.js';
+export interface UNSTABLE_HeaderProps extends CommonProps {
+    /** The title displayed in the header, usually the application name. Rendered as an `<h1>` element. */
+    title: string;
+    tools?: ReactNode;
+}
+declare const _UNSTABLE_Header: (props: UNSTABLE_HeaderProps & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element | null;
+export { _UNSTABLE_Header as UNSTABLE_Header };
+//# sourceMappingURL=header.d.ts.map

package/dist/commonjs/components/header/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../src/components/header/header.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,WAAW,oBAAqB,SAAQ,WAAW;IACvD,sGAAsG;IACtG,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAqBD,QAAA,MAAM,gBAAgB,qHAAwC,CAAC;AAE/D,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAC"}

package/dist/commonjs/components/header/header.js

@@ -0,0 +1,19 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UNSTABLE_Header = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const forward_ref_js_1 = require("../../forward-ref.js");
+const divider_js_1 = require("../divider/divider.js");
+const text_js_1 = require("../typography/text.js");
+const cimpress_logo_js_1 = require("./cimpress-logo.js");
+function UNSTABLE_Header({ title, tools, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsxs)("div", { ...props, ref: ref, className: (0, clsx_1.default)('cim-header', UNSAFE_className), style: UNSAFE_style, children: [(0, jsx_runtime_1.jsxs)("div", { className: "cim-header-title", children: [(0, jsx_runtime_1.jsx)(cimpress_logo_js_1.CimpressLogo, { height: 18 }), (0, jsx_runtime_1.jsx)(divider_js_1.Divider, { orientation: "vertical" }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "h1", variant: "title-5", tone: "base", children: title })] }), (0, jsx_runtime_1.jsx)("div", { className: "cim-header-tools", children: tools })] }));
+}
+const _UNSTABLE_Header = (0, forward_ref_js_1.forwardRef)(UNSTABLE_Header, 'Header');
+exports.UNSTABLE_Header = _UNSTABLE_Header;
+//# sourceMappingURL=header.js.map

package/dist/commonjs/components/header/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../src/components/header/header.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AAExB,yDAAkD;AAClD,sDAAgD;AAEhD,mDAA6C;AAC7C,yDAAkD;AAQlD,SAAS,eAAe,CACtB,EAAE,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAwB,EAChF,GAAiC;IAEjC,OAAO,CACL,oCAAS,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,aAC5F,iCAAK,SAAS,EAAC,kBAAkB,aAC/B,uBAAC,+BAAY,IAAC,MAAM,EAAE,EAAE,GAAI,EAC5B,uBAAC,oBAAO,IAAC,WAAW,EAAC,UAAU,GAAG,EAClC,uBAAC,cAAI,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,YACxC,KAAK,GACD,IACH,EAEN,gCAAK,SAAS,EAAC,kBAAkB,YAAE,KAAK,GAAO,IAC3C,CACP,CAAC;AACJ,CAAC;AAED,MAAM,gBAAgB,GAAG,IAAA,2BAAU,EAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;AAElC,2CAAe","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { forwardRef } from '../../forward-ref.js';\nimport { Divider } from '../divider/divider.js';\nimport type { CommonProps } from '../types.js';\nimport { Text } from '../typography/text.js';\nimport { CimpressLogo } from './cimpress-logo.js';\n\nexport interface UNSTABLE_HeaderProps extends CommonProps {\n  /** The title displayed in the header, usually the application name. Rendered as an `<h1>` element. */\n  title: string;\n  tools?: ReactNode;\n}\n\nfunction UNSTABLE_Header(\n  { title, tools, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_HeaderProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <div {...props} ref={ref} className={clsx('cim-header', UNSAFE_className)} style={UNSAFE_style}>\n      <div className=\"cim-header-title\">\n        <CimpressLogo height={18} />\n        <Divider orientation=\"vertical\" />\n        <Text as=\"h1\" variant=\"title-5\" tone=\"base\">\n          {title}\n        </Text>\n      </div>\n\n      <div className=\"cim-header-tools\">{tools}</div>\n    </div>\n  );\n}\n\nconst _UNSTABLE_Header = forwardRef(UNSTABLE_Header, 'Header');\n\nexport { _UNSTABLE_Header as UNSTABLE_Header };\n"]}

package/dist/commonjs/components/internal/form-field/form-field.js

@@ -21,7 +21,7 @@ function FormFieldLabel({ children, isRequired, isDisabled, }) {
     if (!children) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.Label, { className: (0, clsx_1.default)('cim-form-field-label', (0, utils_js_1.textStyle)({ variant: 'medium', tone: isDisabled ? 'muted' : 'base' })), children: [children, isRequired && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { tone: "critical", as: "span", "aria-hidden": true, children: "*" }))] }));
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, clsx_1.default)('cim-form-field-label', (0, utils_js_1.textStyle)({ variant: 'medium', tone: isDisabled ? 'muted' : 'base' })), children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Label, { children: children }), isRequired && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { tone: "critical", as: "span", "aria-hidden": true, children: "*" }))] }));
 }
 /**
  * Renders a description for a form field.

package/dist/commonjs/components/internal/form-field/form-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../../../src/components/internal/form-field/form-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'clsx';\nimport type { ReactNode } from 'react';\nimport {\n  FieldError as RACFieldError,\n  Label as RACLabel,\n  Text as RACText,\n  type ValidationResult as RACValidationResult,\n} from 'react-aria-components';\nimport { IconWarning } from '../../../icons/index.js';\nimport type { FieldError } from '../../types.js';\nimport { Text } from '../../typography/text.js';\nimport { textStyle } from '../../typography/utils.js';\n\n/**\n * Renders a label for a form field.\n * @internal\n */\nexport function FormFieldLabel({\n  children,\n  isRequired,\n  isDisabled,\n}: {\n  children: string | undefined;\n  isRequired: boolean | undefined;\n  isDisabled?: boolean | undefined;\n}) {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <RACLabel\n      className={clsx('cim-form-field-label', textStyle({ variant: 'medium', tone: isDisabled ? 'muted' : 'base' }))}\n    >\n      {children}\n      {isRequired && (\n        <Text tone=\"critical\" as=\"span\" aria-hidden>\n          *\n        </Text>\n      )}\n    </RACLabel>\n  );\n}\n\n/**\n * Renders a description for a form field.\n * @internal\n */\nexport function FormFieldDescription({ children }: { children: string | undefined }) {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <RACText\n      slot=\"description\"\n      className={clsx('cim-form-field-description', textStyle({ variant: 'small', tone: 'subtle' }))}\n    >\n      {children}\n    </RACText>\n  );\n}\n\n/**\n * Renders an error message for a form field.\n *\n * Must be rendered unconditionally, as it can be populated with browser validation errors\n * even if an explicit error message isn't provided.\n *\n * @internal\n */\nexport function FormFieldError({ children }: { children: FieldError }) {\n  return (\n    <RACFieldError className={clsx('cim-form-field-error', textStyle({ variant: 'small', tone: 'critical' }))}>\n      {(validation) => renderFieldError(children, validation)}\n    </RACFieldError>\n  );\n}\n\nfunction renderFieldError(fieldError: FieldError, validation: RACValidationResult): string | ReactNode | undefined {\n  const errors =\n    typeof fieldError === 'function' ? fieldError(validation) : (fieldError ?? validation.validationErrors);\n\n  if (!errors || !errors.length) {\n    return null;\n  }\n\n  return (\n    <ul className=\"cim-form-field-error-list\">\n      {typeof errors === 'object' ? (\n        errors.map((error) => <ErrorMessage key={error} message={error} />)\n      ) : (\n        <ErrorMessage message={errors} />\n      )}\n    </ul>\n  );\n}\n\nfunction ErrorMessage({ message }: { message: string }) {\n  return (\n    <li className=\"cim-form-field-error-message\">\n      <div className=\"cim-form-field-error-icon-wrapper\" aria-hidden>\n        <IconWarning />\n      </div>\n      {message}\n    </li>\n  );\n}\n\n/**\n * Renders an error message for `errorMessage` slot.\n * Used by `TagGroup` to show error messages, since `FieldError` is not supported as it is not a form field.\n *\n * @internal\n */\nexport function FormFieldErrorText({ children }: { children: string }) {\n  return (\n    <RACText\n      slot=\"errorMessage\"\n      className={clsx('cim-form-field-error', textStyle({ variant: 'small', tone: 'critical' }))}\n    >\n      <ErrorMessage message={children} />\n    </RACText>\n  );\n}\n"]}
+{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../../../../src/components/internal/form-field/form-field.tsx"],"names":[],"mappings":"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","sourcesContent":["import clsx from 'clsx';\nimport type { ReactNode } from 'react';\nimport {\n  FieldError as RACFieldError,\n  Label as RACLabel,\n  Text as RACText,\n  type ValidationResult as RACValidationResult,\n} from 'react-aria-components';\nimport { IconWarning } from '../../../icons/index.js';\nimport type { FieldError } from '../../types.js';\nimport { Text } from '../../typography/text.js';\nimport { textStyle } from '../../typography/utils.js';\n\n/**\n * Renders a label for a form field.\n * @internal\n */\nexport function FormFieldLabel({\n  children,\n  isRequired,\n  isDisabled,\n}: {\n  children: ReactNode | undefined;\n  isRequired: boolean | undefined;\n  isDisabled?: boolean | undefined;\n}) {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <div\n      className={clsx('cim-form-field-label', textStyle({ variant: 'medium', tone: isDisabled ? 'muted' : 'base' }))}\n    >\n      <RACLabel>{children}</RACLabel>\n      {isRequired && (\n        <Text tone=\"critical\" as=\"span\" aria-hidden>\n          *\n        </Text>\n      )}\n    </div>\n  );\n}\n\n/**\n * Renders a description for a form field.\n * @internal\n */\nexport function FormFieldDescription({ children }: { children: string | undefined }) {\n  if (!children) {\n    return null;\n  }\n\n  return (\n    <RACText\n      slot=\"description\"\n      className={clsx('cim-form-field-description', textStyle({ variant: 'small', tone: 'subtle' }))}\n    >\n      {children}\n    </RACText>\n  );\n}\n\n/**\n * Renders an error message for a form field.\n *\n * Must be rendered unconditionally, as it can be populated with browser validation errors\n * even if an explicit error message isn't provided.\n *\n * @internal\n */\nexport function FormFieldError({ children }: { children: FieldError }) {\n  return (\n    <RACFieldError className={clsx('cim-form-field-error', textStyle({ variant: 'small', tone: 'critical' }))}>\n      {(validation) => renderFieldError(children, validation)}\n    </RACFieldError>\n  );\n}\n\nfunction renderFieldError(fieldError: FieldError, validation: RACValidationResult): string | ReactNode | undefined {\n  const errors =\n    typeof fieldError === 'function' ? fieldError(validation) : (fieldError ?? validation.validationErrors);\n\n  if (!errors || !errors.length) {\n    return null;\n  }\n\n  return (\n    <ul className=\"cim-form-field-error-list\">\n      {typeof errors === 'object' ? (\n        errors.map((error) => <ErrorMessage key={error} message={error} />)\n      ) : (\n        <ErrorMessage message={errors} />\n      )}\n    </ul>\n  );\n}\n\nfunction ErrorMessage({ message }: { message: string }) {\n  return (\n    <li className=\"cim-form-field-error-message\">\n      <div className=\"cim-form-field-error-icon-wrapper\" aria-hidden>\n        <IconWarning />\n      </div>\n      {message}\n    </li>\n  );\n}\n\n/**\n * Renders an error message for `errorMessage` slot.\n * Used by `TagGroup` to show error messages, since `FieldError` is not supported as it is not a form field.\n *\n * @internal\n */\nexport function FormFieldErrorText({ children }: { children: string }) {\n  return (\n    <RACText\n      slot=\"errorMessage\"\n      className={clsx('cim-form-field-error', textStyle({ variant: 'small', tone: 'critical' }))}\n    >\n      <ErrorMessage message={children} />\n    </RACText>\n  );\n}\n"]}

package/dist/commonjs/components/internal/x-button/x-button.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=x-button.d.ts.map

package/dist/commonjs/components/internal/x-button/x-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-button.d.ts","sourceRoot":"","sources":["../../../../../src/components/internal/x-button/x-button.tsx"],"names":[],"mappings":""}

package/dist/commonjs/components/internal/x-button/x-button.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XButton = XButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const react_aria_components_1 = require("react-aria-components");
+const index_js_1 = require("../../../icons/index.js");
+/**
+ * @internal
+ */
+function XButton({ size = 'medium', variant = 'square', UNSAFE_className, UNSAFE_style, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { ...props, className: (0, clsx_1.default)('cim-x-button', UNSAFE_className), style: UNSAFE_style, "data-size": size, "data-variant": variant, children: (0, jsx_runtime_1.jsx)(index_js_1.IconCloseBold, {}) }));
+}
+//# sourceMappingURL=x-button.js.map

package/dist/commonjs/components/internal/x-button/x-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"x-button.js","sourceRoot":"","sources":["../../../../../src/components/internal/x-button/x-button.tsx"],"names":[],"mappings":";;;;;AAcA,0BAkBC;;AAhCD,gDAAwB;AACxB,iEAAgG;AAChG,sDAAwD;AASxD;;GAEG;AACH,SAAgB,OAAO,CAAC,EACtB,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,QAAQ,EAClB,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACK;IACb,OAAO,CACL,uBAAC,8BAAS,OACJ,KAAK,EACT,SAAS,EAAE,IAAA,cAAI,EAAC,cAAc,EAAE,gBAAgB,CAAC,EACjD,KAAK,EAAE,YAAY,eACR,IAAI,kBACD,OAAO,YAErB,uBAAC,wBAAa,KAAG,GACP,CACb,CAAC;AACJ,CAAC","sourcesContent":["import clsx from 'clsx';\nimport { type ButtonProps as RACButtonProps, Button as RACButton } from 'react-aria-components';\nimport { IconCloseBold } from '../../../icons/index.js';\nimport type { CommonProps } from '../../types.js';\n\ninterface XButtonProps extends CommonProps, Pick<RACButtonProps, 'onPress' | 'slot'> {\n  'aria-label': string;\n  size?: 'small' | 'medium';\n  variant?: 'circle' | 'square';\n}\n\n/**\n * @internal\n */\nexport function XButton({\n  size = 'medium',\n  variant = 'square',\n  UNSAFE_className,\n  UNSAFE_style,\n  ...props\n}: XButtonProps) {\n  return (\n    <RACButton\n      {...props}\n      className={clsx('cim-x-button', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-size={size}\n      data-variant={variant}\n    >\n      <IconCloseBold />\n    </RACButton>\n  );\n}\n"]}

package/dist/commonjs/components/menu/menu.d.ts

@@ -1,7 +1,9 @@
 import type { ReactNode } from 'react';
 import { type MenuItemProps as RACMenuItemProps, type MenuProps as RACMenuProps, type MenuTriggerProps as RACMenuTriggerProps } from 'react-aria-components';
 import type { CollectionItem, CollectionProps, Key, NavigationProps, StringLikeChildren } from '../types.js';
-export interface MenuRootProps extends Pick<RACMenuTriggerProps, 'children' | 'onOpenChange' | 'isOpen' | 'defaultOpen'> {
+export interface MenuRootProps extends Pick<RACMenuTriggerProps, 'onOpenChange' | 'isOpen' | 'defaultOpen'> {
+    /** The menu trigger with its associated menu. Provide the trigger as the first child, and the menu as the second child. */
+    children: ReactNode;
 }
 /**
  * Encapsulates a menu trigger and its associated menu. The trigger can be any Cimpress UI button, and the menu will be displayed when the trigger is activated.
@@ -47,9 +49,4 @@ export declare function MenuItem({ children, description, icon, ...props }: Menu
 export declare namespace MenuItem {
     var displayName: string;
 }
-/** Renders a horizontal divider between list items within `Menu`. */
-export declare function MenuDivider(): import("react/jsx-runtime").JSX.Element;
-export declare namespace MenuDivider {
-    var displayName: string;
-}
 //# sourceMappingURL=menu.d.ts.map

package/dist/commonjs/components/menu/menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAKL,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,SAAS,IAAI,YAAY,EAG9B,KAAK,gBAAgB,IAAI,mBAAmB,EAG7C,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG7G,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,GAAG,cAAc,GAAG,QAAQ,GAAG,aAAa,CAAC;CAAG;AAE9F;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;yBAFe,QAAQ;;;AAMxB,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,CAClE,SAAQ,eAAe,CAAC,CAAC,CAAC,EACxB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IACnC,wHAAwH;IACxH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/B;AAED,qFAAqF;AACrF,wBAAgB,IAAI,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,2CAcjE;yBAde,IAAI;;;AAkBpB,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACrG,6EAA6E;IAC7E,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,CAAC,SAAS,cAAc,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAa9G;yBAbe,WAAW;;;AAiB3B,MAAM,WAAW,aACf,SAAQ,eAAe,EACrB,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,GAAG,cAAc,GAAG,YAAY,CAAC;IACnF,0EAA0E;IAC1E,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,2CAA2C;IAC3C,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,gDAAgD;AAChD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CA4BhF;yBA5Be,QAAQ;;;AAgCxB,qEAAqE;AACrE,wBAAgB,WAAW,4CAE1B;yBAFe,WAAW"}
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/menu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAKL,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,SAAS,IAAI,YAAY,EAG9B,KAAK,gBAAgB,IAAI,mBAAmB,EAE7C,MAAM,uBAAuB,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAG7G,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,QAAQ,GAAG,aAAa,CAAC;IACzG,2HAA2H;IAC3H,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAE5C;yBAFe,QAAQ;;;AAMxB,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,CAClE,SAAQ,eAAe,CAAC,CAAC,CAAC,EACxB,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IACnC,wHAAwH;IACxH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/B;AAED,qFAAqF;AACrF,wBAAgB,IAAI,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,2CAcjE;yBAde,IAAI;;;AAkBpB,MAAM,WAAW,gBAAgB,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,CAAE,SAAQ,eAAe,CAAC,CAAC,CAAC;IACrG,6EAA6E;IAC7E,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,CAAC,SAAS,cAAc,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CAa9G;yBAbe,WAAW;;;AAiB3B,MAAM,WAAW,aACf,SAAQ,eAAe,EACrB,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,UAAU,GAAG,cAAc,GAAG,YAAY,CAAC;IACnF,0EAA0E;IAC1E,EAAE,CAAC,EAAE,GAAG,CAAC;IACT,2CAA2C;IAC3C,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,gDAAgD;AAChD,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,2CA4BhF;yBA5Be,QAAQ"}

package/dist/commonjs/components/menu/menu.js

@@ -8,10 +8,10 @@ exports.MenuRoot = MenuRoot;
 exports.Menu = Menu;
 exports.MenuSection = MenuSection;
 exports.MenuItem = MenuItem;
-exports.MenuDivider = MenuDivider;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const react_aria_components_1 = require("react-aria-components");
+const is_production_js_1 = require("../../utils/is-production.js");
 const collapsible_list_js_1 = require("../internal/collapsible-list/collapsible-list.js");
 const utils_js_1 = require("../typography/utils.js");
 /**
@@ -25,15 +25,15 @@ function MenuRoot(props) {
 MenuRoot.displayName = 'MenuRoot';
 /** Displays a collapsible list of options and actions that users can choose from. */
 function Menu(props) {
-    if (props.items != null && typeof props.children !== 'function') {
+    if (!(0, is_production_js_1.isProduction)() && props.items != null && typeof props.children !== 'function') {
         console.warn('`Menu` requires `children` to be a function when using `items` prop');
     }
-    return ((0, jsx_runtime_1.jsx)(collapsible_list_js_1.CollapsibleList, { placement: "bottom start", offset: 5, maxHeight: 315, children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Menu, { className: "cim-menu", ...props }) }));
+    return ((0, jsx_runtime_1.jsx)(collapsible_list_js_1.CollapsibleList, { placement: "bottom start", offset: 5, maxHeight: 315, children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Menu, { ...props, className: "cim-menu" }) }));
 }
 Menu.displayName = 'Menu';
 /** Groups list items within `Menu` into a section. */
 function MenuSection({ title, children, items, ...props }) {
-    if (items != null && typeof children !== 'function') {
+    if (!(0, is_production_js_1.isProduction)() && items != null && typeof children !== 'function') {
         console.warn('`MenuSection` requires `children` to be a function when using `items` prop');
     }
     return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.MenuSection, { ...props, className: "cim-menu-section", children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Header, { className: (0, clsx_1.default)('cim-menu-section-header', (0, utils_js_1.textStyle)({ variant: 'small-semibold', tone: 'subtle' })), children: title }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Collection, { items: items, children: children })] }));
@@ -45,9 +45,4 @@ function MenuItem({ children, description, icon, ...props }) {
     return ((0, jsx_runtime_1.jsx)(react_aria_components_1.MenuItem, { ...props, className: "cim-menu-item", textValue: textValue, children: ({ isDisabled }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [icon, (0, jsx_runtime_1.jsxs)("div", { className: "cim-menu-item-text", children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.Text, { slot: "label", className: (0, utils_js_1.textStyle)({ variant: 'body', tone: isDisabled ? 'muted' : 'base' }), children: children }), description && ((0, jsx_runtime_1.jsx)(react_aria_components_1.Text, { slot: "description", className: (0, utils_js_1.textStyle)({ variant: 'small', tone: isDisabled ? 'muted' : 'subtle' }), children: description }))] })] })) }));
 }
 MenuItem.displayName = 'MenuItem';
-/** Renders a horizontal divider between list items within `Menu`. */
-function MenuDivider() {
-    return (0, jsx_runtime_1.jsx)(react_aria_components_1.Separator, { className: "cim-menu-divider" });
-}
-MenuDivider.displayName = 'MenuDivider';
 //# sourceMappingURL=menu.js.map

package/dist/commonjs/components/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AA6Bb,4BAEC;AAYD,oBAcC;AAYD,kCAaC;AAkBD,4BA4BC;AAKD,kCAEC;;AArID,gDAAwB;AAExB,iEAY+B;AAC/B,0FAAmF;AAEnF,qDAAmD;AAKnD;;;;GAIG;AACH,SAAgB,QAAQ,CAAC,KAAoB;IAC3C,OAAO,uBAAC,mCAAc,OAAK,KAAK,GAAI,CAAC;AACvC,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AASlC,qFAAqF;AACrF,SAAgB,IAAI,CAA2B,KAAmB;IAChE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,IAAI,OAAO,KAAK,CAAC,QAAQ,KAAK,UAAU,EAAE,CAAC;QAChE,OAAO,CAAC,IAAI,CAAC,qEAAqE,CAAC,CAAC;IACtF,CAAC;IAED,OAAO,CACL,uBAAC,qCAAe,IACd,SAAS,EAAC,cAAc,EACxB,MAAM,EAAE,CAAC,EACT,SAAS,EAAE,GAAG,YAEd,uBAAC,4BAAO,IAAC,SAAS,EAAC,UAAU,KAAK,KAAK,GAAI,GAC3B,CACnB,CAAC;AACJ,CAAC;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAS1B,sDAAsD;AACtD,SAAgB,WAAW,CAA2B,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAuB;IAC7G,IAAI,KAAK,IAAI,IAAI,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACpD,OAAO,CAAC,IAAI,CAAC,4EAA4E,CAAC,CAAC;IAC7F,CAAC;IAED,OAAO,CACL,wBAAC,mCAAc,OAAK,KAAK,EAAE,SAAS,EAAC,kBAAkB,aACrD,uBAAC,8BAAS,IAAC,SAAS,EAAE,IAAA,cAAI,EAAC,yBAAyB,EAAE,IAAA,oBAAS,EAAC,EAAE,OAAO,EAAE,gBAAgB,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,YAC5G,KAAK,GACI,EACZ,uBAAC,kCAAa,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAiB,IACxC,CAClB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAexC,gDAAgD;AAChD,SAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,IAAI,EAAE,GAAG,KAAK,EAAiB;IAC/E,MAAM,SAAS,GACb,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAEhH,OAAO,CACL,uBAAC,gCAAW,OAAK,KAAK,EAAE,SAAS,EAAC,eAAe,EAAC,SAAS,EAAE,SAAS,YACnE,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CACnB,6DACG,IAAI,EAEL,iCAAK,SAAS,EAAC,oBAAoB,aACjC,uBAAC,4BAAO,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,IAAA,oBAAS,EAAC,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE,CAAC,YACjG,QAAQ,GACD,EAET,WAAW,IAAI,CACd,uBAAC,4BAAO,IACN,IAAI,EAAC,aAAa,EAClB,SAAS,EAAE,IAAA,oBAAS,EAAC,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,YAEhF,WAAW,GACJ,CACX,IACG,IACL,CACJ,GACW,CACf,CAAC;AACJ,CAAC;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,qEAAqE;AACrE,SAAgB,WAAW;IACzB,OAAO,uBAAC,iCAAY,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC;AACvD,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ReactNode } from 'react';\nimport {\n  Collection as RACCollection,\n  Header as RACHeader,\n  Menu as RACMenu,\n  MenuItem as RACMenuItem,\n  type MenuItemProps as RACMenuItemProps,\n  type MenuProps as RACMenuProps,\n  MenuSection as RACMenuSection,\n  MenuTrigger as RACMenuTrigger,\n  type MenuTriggerProps as RACMenuTriggerProps,\n  Separator as RACSeparator,\n  Text as RACText,\n} from 'react-aria-components';\nimport { CollapsibleList } from '../internal/collapsible-list/collapsible-list.js';\nimport type { CollectionItem, CollectionProps, Key, NavigationProps, StringLikeChildren } from '../types.js';\nimport { textStyle } from '../typography/utils.js';\n\nexport interface MenuRootProps\n  extends Pick<RACMenuTriggerProps, 'children' | 'onOpenChange' | 'isOpen' | 'defaultOpen'> {}\n\n/**\n * Encapsulates a menu trigger and its associated menu. The trigger can be any Cimpress UI button, and the menu will be displayed when the trigger is activated.\n *\n * See [menu usage guidelines](https://ui.cimpress.io/components/menu/).\n */\nexport function MenuRoot(props: MenuRootProps) {\n  return <RACMenuTrigger {...props} />;\n}\n\nMenuRoot.displayName = 'MenuRoot';\n\nexport interface MenuProps<T extends CollectionItem = CollectionItem>\n  extends CollectionProps<T>,\n    Pick<RACMenuProps<T>, 'onScroll'> {\n  /** Handler that is called when an item is selected. When using `onAction`, all items must have an `id` prop defined. */\n  onAction?: (key: Key) => void;\n}\n\n/** Displays a collapsible list of options and actions that users can choose from. */\nexport function Menu<T extends CollectionItem>(props: MenuProps<T>) {\n  if (props.items != null && typeof props.children !== 'function') {\n    console.warn('`Menu` requires `children` to be a function when using `items` prop');\n  }\n\n  return (\n    <CollapsibleList\n      placement=\"bottom start\"\n      offset={5} // 1px border + 4px actual offset\n      maxHeight={315}\n    >\n      <RACMenu className=\"cim-menu\" {...props} />\n    </CollapsibleList>\n  );\n}\n\nMenu.displayName = 'Menu';\n\nexport interface MenuSectionProps<T extends CollectionItem = CollectionItem> extends CollectionProps<T> {\n  /** The ID of the section. Has to be unique across all sections and items. */\n  id?: Key;\n  /** The content to display as the section title. */\n  title: string;\n}\n\n/** Groups list items within `Menu` into a section. */\nexport function MenuSection<T extends CollectionItem>({ title, children, items, ...props }: MenuSectionProps<T>) {\n  if (items != null && typeof children !== 'function') {\n    console.warn('`MenuSection` requires `children` to be a function when using `items` prop');\n  }\n\n  return (\n    <RACMenuSection {...props} className=\"cim-menu-section\">\n      <RACHeader className={clsx('cim-menu-section-header', textStyle({ variant: 'small-semibold', tone: 'subtle' }))}>\n        {title}\n      </RACHeader>\n      <RACCollection items={items}>{children}</RACCollection>\n    </RACMenuSection>\n  );\n}\n\nMenuSection.displayName = 'MenuSection';\n\nexport interface MenuItemProps\n  extends NavigationProps,\n    Pick<RACMenuItemProps, 'isDisabled' | 'onAction' | 'onHoverStart' | 'onHoverEnd'> {\n  /** The ID of the item. Has to be unique across all sections and items. */\n  id?: Key;\n  /** The content to display as the label. */\n  children: StringLikeChildren;\n  /** Additional description for the menu item. */\n  description?: string;\n  /** An icon representing the menu item. */\n  icon?: ReactNode;\n}\n\n/** Renders a single list item within `Menu`. */\nexport function MenuItem({ children, description, icon, ...props }: MenuItemProps) {\n  const textValue =\n    typeof children === 'string' ? children : typeof children === 'number' ? String(children) : children.join('');\n\n  return (\n    <RACMenuItem {...props} className=\"cim-menu-item\" textValue={textValue}>\n      {({ isDisabled }) => (\n        <>\n          {icon}\n\n          <div className=\"cim-menu-item-text\">\n            <RACText slot=\"label\" className={textStyle({ variant: 'body', tone: isDisabled ? 'muted' : 'base' })}>\n              {children}\n            </RACText>\n\n            {description && (\n              <RACText\n                slot=\"description\"\n                className={textStyle({ variant: 'small', tone: isDisabled ? 'muted' : 'subtle' })}\n              >\n                {description}\n              </RACText>\n            )}\n          </div>\n        </>\n      )}\n    </RACMenuItem>\n  );\n}\n\nMenuItem.displayName = 'MenuItem';\n\n/** Renders a horizontal divider between list items within `Menu`. */\nexport function MenuDivider() {\n  return <RACSeparator className=\"cim-menu-divider\" />;\n}\n\nMenuDivider.displayName = 'MenuDivider';\n"]}
+{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../src/components/menu/menu.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ReactNode } from 'react';\nimport {\n  Collection as RACCollection,\n  Header as RACHeader,\n  Menu as RACMenu,\n  MenuItem as RACMenuItem,\n  type MenuItemProps as RACMenuItemProps,\n  type MenuProps as RACMenuProps,\n  MenuSection as RACMenuSection,\n  MenuTrigger as RACMenuTrigger,\n  type MenuTriggerProps as RACMenuTriggerProps,\n  Text as RACText,\n} from 'react-aria-components';\nimport { isProduction } from '../../utils/is-production.js';\nimport { CollapsibleList } from '../internal/collapsible-list/collapsible-list.js';\nimport type { CollectionItem, CollectionProps, Key, NavigationProps, StringLikeChildren } from '../types.js';\nimport { textStyle } from '../typography/utils.js';\n\nexport interface MenuRootProps extends Pick<RACMenuTriggerProps, 'onOpenChange' | 'isOpen' | 'defaultOpen'> {\n  /** The menu trigger with its associated menu. Provide the trigger as the first child, and the menu as the second child. */\n  children: ReactNode;\n}\n\n/**\n * Encapsulates a menu trigger and its associated menu. The trigger can be any Cimpress UI button, and the menu will be displayed when the trigger is activated.\n *\n * See [menu usage guidelines](https://ui.cimpress.io/components/menu/).\n */\nexport function MenuRoot(props: MenuRootProps) {\n  return <RACMenuTrigger {...props} />;\n}\n\nMenuRoot.displayName = 'MenuRoot';\n\nexport interface MenuProps<T extends CollectionItem = CollectionItem>\n  extends CollectionProps<T>,\n    Pick<RACMenuProps<T>, 'onScroll'> {\n  /** Handler that is called when an item is selected. When using `onAction`, all items must have an `id` prop defined. */\n  onAction?: (key: Key) => void;\n}\n\n/** Displays a collapsible list of options and actions that users can choose from. */\nexport function Menu<T extends CollectionItem>(props: MenuProps<T>) {\n  if (!isProduction() && props.items != null && typeof props.children !== 'function') {\n    console.warn('`Menu` requires `children` to be a function when using `items` prop');\n  }\n\n  return (\n    <CollapsibleList\n      placement=\"bottom start\"\n      offset={5} // 1px border + 4px actual offset\n      maxHeight={315}\n    >\n      <RACMenu {...props} className=\"cim-menu\" />\n    </CollapsibleList>\n  );\n}\n\nMenu.displayName = 'Menu';\n\nexport interface MenuSectionProps<T extends CollectionItem = CollectionItem> extends CollectionProps<T> {\n  /** The ID of the section. Has to be unique across all sections and items. */\n  id?: Key;\n  /** The content to display as the section title. */\n  title: string;\n}\n\n/** Groups list items within `Menu` into a section. */\nexport function MenuSection<T extends CollectionItem>({ title, children, items, ...props }: MenuSectionProps<T>) {\n  if (!isProduction() && items != null && typeof children !== 'function') {\n    console.warn('`MenuSection` requires `children` to be a function when using `items` prop');\n  }\n\n  return (\n    <RACMenuSection {...props} className=\"cim-menu-section\">\n      <RACHeader className={clsx('cim-menu-section-header', textStyle({ variant: 'small-semibold', tone: 'subtle' }))}>\n        {title}\n      </RACHeader>\n      <RACCollection items={items}>{children}</RACCollection>\n    </RACMenuSection>\n  );\n}\n\nMenuSection.displayName = 'MenuSection';\n\nexport interface MenuItemProps\n  extends NavigationProps,\n    Pick<RACMenuItemProps, 'isDisabled' | 'onAction' | 'onHoverStart' | 'onHoverEnd'> {\n  /** The ID of the item. Has to be unique across all sections and items. */\n  id?: Key;\n  /** The content to display as the label. */\n  children: StringLikeChildren;\n  /** Additional description for the menu item. */\n  description?: string;\n  /** An icon representing the menu item. */\n  icon?: ReactNode;\n}\n\n/** Renders a single list item within `Menu`. */\nexport function MenuItem({ children, description, icon, ...props }: MenuItemProps) {\n  const textValue =\n    typeof children === 'string' ? children : typeof children === 'number' ? String(children) : children.join('');\n\n  return (\n    <RACMenuItem {...props} className=\"cim-menu-item\" textValue={textValue}>\n      {({ isDisabled }) => (\n        <>\n          {icon}\n\n          <div className=\"cim-menu-item-text\">\n            <RACText slot=\"label\" className={textStyle({ variant: 'body', tone: isDisabled ? 'muted' : 'base' })}>\n              {children}\n            </RACText>\n\n            {description && (\n              <RACText\n                slot=\"description\"\n                className={textStyle({ variant: 'small', tone: isDisabled ? 'muted' : 'subtle' })}\n              >\n                {description}\n              </RACText>\n            )}\n          </div>\n        </>\n      )}\n    </RACMenuItem>\n  );\n}\n\nMenuItem.displayName = 'MenuItem';\n"]}

package/dist/commonjs/components/modal-dialog/modal-dialog.d.ts

@@ -0,0 +1,63 @@
+import { type ReactNode } from 'react';
+import type { AriaLabelingProps, CommonProps } from '../types.js';
+export interface ModalDialogRenderProps {
+    /** Closes the modal dialog when called. */
+    close: () => void;
+}
+export interface ModalDialogProps extends CommonProps, AriaLabelingProps {
+    /** The contents of the modal dialog. A function may be provided to access a function to close the modal dialog. */
+    children: ReactNode | ((renderProps: ModalDialogRenderProps) => ReactNode);
+    /** The title of the modal dialog. */
+    title?: string;
+    /**
+     * The size of the modal dialog. This prop is ignored on small devices - modal dialogs on small devices will always take up all available width.
+     * @default 'medium'
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Whether to close the modal dialog when the user interacts outside of it or presses the Escape key.
+     * @default true
+     */
+    isDismissible?: boolean;
+    /**
+     * Whether the modal dialog is open (controlled).
+     * If using `DialogRoot`, this prop has no effect - provide `isOpen` to `DialogRoot` instead.
+     */
+    isOpen?: boolean;
+    /**
+     * Whether the modal dialog is open by default (uncontrolled).
+     * If using `DialogRoot`, this prop has no effect - provide `defaultOpen` to `DialogRoot` instead.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the modal dialog's open state changes.
+     * If using `DialogRoot`, this prop has no effect - provide `onOpenChange` to `DialogRoot` instead.
+     */
+    onOpenChange?: (isOpen: boolean) => void;
+}
+/**
+ * Displays an overlay element which blocks interaction with outside elements.
+ *
+ * See [modal dialog usage guidelines](https://ui.cimpress.io/components/modal-dialog/).
+ */
+declare const _ModalDialog: (props: ModalDialogProps & import("react").RefAttributes<HTMLElement>) => import("react").JSX.Element | null;
+export { _ModalDialog as ModalDialog };
+export interface ModalDialogBodyProps {
+    /** The content to render within the modal dialog. */
+    children: ReactNode;
+}
+/** Renders content within `ModalDialog`. */
+export declare function ModalDialogBody(props: ModalDialogBodyProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalDialogBody {
+    var displayName: string;
+}
+export interface ModalDialogActionsProps {
+    /** Actions that should be available in the modal dialog. */
+    children: ReactNode;
+}
+/** Renders actions within `ModalDialog`. */
+export declare function ModalDialogActions({ children, ...props }: ModalDialogActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ModalDialogActions {
+    var displayName: string;
+}
+//# sourceMappingURL=modal-dialog.d.ts.map

package/dist/commonjs/components/modal-dialog/modal-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/modal-dialog/modal-dialog.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAapE,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAGlE,MAAM,WAAW,sBAAsB;IACrC,2CAA2C;IAC3C,KAAK,EAAE,MAAM,IAAI,CAAC;CACnB;AAED,MAAM,WAAW,gBAAiB,SAAQ,WAAW,EAAE,iBAAiB;IACtE,mHAAmH;IACnH,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,sBAAsB,KAAK,SAAS,CAAC,CAAC;IAC3E,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AA6DD;;;;GAIG;AACH,QAAA,MAAM,YAAY,8GAAyC,CAAC;AAE5D,OAAO,EAAE,YAAY,IAAI,WAAW,EAAE,CAAC;AAEvC,MAAM,WAAW,oBAAoB;IACnC,qDAAqD;IACrD,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,4CAA4C;AAC5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAE1D;yBAFe,eAAe;;;AAM/B,MAAM,WAAW,uBAAuB;IACtC,4DAA4D;IAC5D,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,4CAA4C;AAC5C,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,uBAAuB,2CASjF;yBATe,kBAAkB"}

package/dist/commonjs/components/modal-dialog/modal-dialog.js

@@ -0,0 +1,50 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalDialog = void 0;
+exports.ModalDialogBody = ModalDialogBody;
+exports.ModalDialogActions = ModalDialogActions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const react_1 = require("react");
+const react_aria_components_1 = require("react-aria-components");
+const forward_ref_js_1 = require("../../forward-ref.js");
+const index_js_1 = require("../../i18n/index.js");
+const use_media_query_js_1 = require("../../utils/use-media-query.js");
+const use_production_warning_js_1 = require("../../utils/use-production-warning.js");
+const focusable_container_js_1 = require("../internal/focusable-container/focusable-container.js");
+const x_button_js_1 = require("../internal/x-button/x-button.js");
+const utils_js_1 = require("../typography/utils.js");
+function ModalDialog({ children, title, size = 'medium', UNSAFE_className, UNSAFE_style, isDismissible = true, isOpen, defaultOpen, onOpenChange, ...props }, ref) {
+    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;
+    (0, use_production_warning_js_1.useProductionWarning)(() => {
+        if (!title && !ariaLabel && !ariaLabelledBy) {
+            console.warn('ModalDialog requires one of title / aria-label / aria-labelledby for accessibility');
+        }
+    }, [title, ariaLabel, ariaLabelledBy]);
+    const messages = (0, index_js_1.useLocalizedMessages)('common');
+    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.ModalOverlay, { className: "cim-modal-overlay", isDismissable: isDismissible, isKeyboardDismissDisabled: !isDismissible, isOpen: isOpen, defaultOpen: defaultOpen, onOpenChange: onOpenChange, "data-cim-style-root": true, children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Modal, { className: (0, clsx_1.default)('cim-modal', UNSAFE_className), style: UNSAFE_style, "data-size": size, children: (0, jsx_runtime_1.jsx)(react_aria_components_1.Dialog, { ...props, ref: ref, className: "cim-modal-dialog", children: (renderProps) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "cim-modal-header", children: [title && ((0, jsx_runtime_1.jsx)(react_aria_components_1.Heading, { slot: "title", className: (0, clsx_1.default)('cim-modal-title', (0, utils_js_1.textStyle)({ variant: 'title-5', tone: 'base' })), children: title })), (0, jsx_runtime_1.jsx)(x_button_js_1.XButton, { "aria-label": messages.format('dismiss'), slot: "close" })] }), typeof children === 'function' ? children(renderProps) : children] })) }) }) }));
+}
+/**
+ * Displays an overlay element which blocks interaction with outside elements.
+ *
+ * See [modal dialog usage guidelines](https://ui.cimpress.io/components/modal-dialog/).
+ */
+const _ModalDialog = (0, forward_ref_js_1.forwardRef)(ModalDialog, 'ModalDialog');
+exports.ModalDialog = _ModalDialog;
+/** Renders content within `ModalDialog`. */
+function ModalDialogBody(props) {
+    return (0, jsx_runtime_1.jsx)(focusable_container_js_1.FocusableContainer, { ...props, className: "cim-modal-body", scrollDirection: "vertical" });
+}
+ModalDialogBody.displayName = 'ModalDialogBody';
+/** Renders actions within `ModalDialog`. */
+function ModalDialogActions({ children, ...props }) {
+    const matches = (0, use_media_query_js_1.useMediaQuery)('(min-width: 640px)');
+    const componentChildren = matches ? children : react_1.Children.toArray(children).reverse();
+    return ((0, jsx_runtime_1.jsx)("div", { ...props, className: "cim-modal-actions", children: componentChildren }));
+}
+ModalDialogActions.displayName = 'ModalDialogActions';
+//# sourceMappingURL=modal-dialog.js.map

package/dist/commonjs/components/modal-dialog/modal-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/modal-dialog/modal-dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { Children, type ForwardedRef, type ReactNode } from 'react';\nimport {\n  Dialog as RACDialog,\n  Heading as RACHeading,\n  Modal as RACModal,\n  ModalOverlay as RACModalOverlay,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/index.js';\nimport { useMediaQuery } from '../../utils/use-media-query.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { FocusableContainer } from '../internal/focusable-container/focusable-container.js';\nimport { XButton } from '../internal/x-button/x-button.js';\nimport type { AriaLabelingProps, CommonProps } from '../types.js';\nimport { textStyle } from '../typography/utils.js';\n\nexport interface ModalDialogRenderProps {\n  /** Closes the modal dialog when called. */\n  close: () => void;\n}\n\nexport interface ModalDialogProps extends CommonProps, AriaLabelingProps {\n  /** The contents of the modal dialog. A function may be provided to access a function to close the modal dialog. */\n  children: ReactNode | ((renderProps: ModalDialogRenderProps) => ReactNode);\n  /** The title of the modal dialog. */\n  title?: string;\n  /**\n   * The size of the modal dialog. This prop is ignored on small devices - modal dialogs on small devices will always take up all available width.\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * Whether to close the modal dialog when the user interacts outside of it or presses the Escape key.\n   * @default true\n   */\n  isDismissible?: boolean;\n  /**\n   * Whether the modal dialog is open (controlled).\n   * If using `DialogRoot`, this prop has no effect - provide `isOpen` to `DialogRoot` instead.\n   */\n  isOpen?: boolean;\n  /**\n   * Whether the modal dialog is open by default (uncontrolled).\n   * If using `DialogRoot`, this prop has no effect - provide `defaultOpen` to `DialogRoot` instead.\n   */\n  defaultOpen?: boolean;\n  /**\n   * Handler that is called when the modal dialog's open state changes.\n   * If using `DialogRoot`, this prop has no effect - provide `onOpenChange` to `DialogRoot` instead.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n}\n\nfunction ModalDialog(\n  {\n    children,\n    title,\n    size = 'medium',\n    UNSAFE_className,\n    UNSAFE_style,\n    isDismissible = true,\n    isOpen,\n    defaultOpen,\n    onOpenChange,\n    ...props\n  }: ModalDialogProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;\n\n  useProductionWarning(() => {\n    if (!title && !ariaLabel && !ariaLabelledBy) {\n      console.warn('ModalDialog requires one of title / aria-label / aria-labelledby for accessibility');\n    }\n  }, [title, ariaLabel, ariaLabelledBy]);\n\n  const messages = useLocalizedMessages('common');\n\n  return (\n    <RACModalOverlay\n      className=\"cim-modal-overlay\"\n      isDismissable={isDismissible}\n      isKeyboardDismissDisabled={!isDismissible}\n      isOpen={isOpen}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      data-cim-style-root\n    >\n      <RACModal className={clsx('cim-modal', UNSAFE_className)} style={UNSAFE_style} data-size={size}>\n        <RACDialog {...props} ref={ref} className=\"cim-modal-dialog\">\n          {(renderProps) => (\n            <>\n              <div className=\"cim-modal-header\">\n                {title && (\n                  <RACHeading\n                    slot=\"title\"\n                    className={clsx('cim-modal-title', textStyle({ variant: 'title-5', tone: 'base' }))}\n                  >\n                    {title}\n                  </RACHeading>\n                )}\n                <XButton aria-label={messages.format('dismiss')} slot=\"close\" />\n              </div>\n              {typeof children === 'function' ? children(renderProps) : children}\n            </>\n          )}\n        </RACDialog>\n      </RACModal>\n    </RACModalOverlay>\n  );\n}\n\n/**\n * Displays an overlay element which blocks interaction with outside elements.\n *\n * See [modal dialog usage guidelines](https://ui.cimpress.io/components/modal-dialog/).\n */\nconst _ModalDialog = forwardRef(ModalDialog, 'ModalDialog');\n\nexport { _ModalDialog as ModalDialog };\n\nexport interface ModalDialogBodyProps {\n  /** The content to render within the modal dialog. */\n  children: ReactNode;\n}\n\n/** Renders content within `ModalDialog`. */\nexport function ModalDialogBody(props: ModalDialogBodyProps) {\n  return <FocusableContainer {...props} className=\"cim-modal-body\" scrollDirection=\"vertical\" />;\n}\n\nModalDialogBody.displayName = 'ModalDialogBody';\n\nexport interface ModalDialogActionsProps {\n  /** Actions that should be available in the modal dialog. */\n  children: ReactNode;\n}\n\n/** Renders actions within `ModalDialog`. */\nexport function ModalDialogActions({ children, ...props }: ModalDialogActionsProps) {\n  const matches = useMediaQuery('(min-width: 640px)');\n  const componentChildren = matches ? children : Children.toArray(children).reverse();\n\n  return (\n    <div {...props} className=\"cim-modal-actions\">\n      {componentChildren}\n    </div>\n  );\n}\n\nModalDialogActions.displayName = 'ModalDialogActions';\n"]}

package/dist/commonjs/components/number-field/number-field.d.ts

@@ -1,6 +1,6 @@
 import { type NumberFieldProps as RACNumberFieldProps } from 'react-aria-components';
 import type { CommonProps, FieldWithPlaceholderProps } from '../types.js';
-export interface NumberFieldProps extends CommonProps, FieldWithPlaceholderProps<number>, Pick<RACNumberFieldProps, 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'name' | 'autoFocus' | 'minValue' | 'maxValue' | 'step' | 'formatOptions' | 'onFocus' | 'onBlur'> {
+export interface NumberFieldProps extends CommonProps, FieldWithPlaceholderProps<number>, Pick<RACNumberFieldProps, 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'autoFocus' | 'minValue' | 'maxValue' | 'step' | 'formatOptions' | 'onFocus' | 'onBlur'> {
     /** The current value (controlled). A `null` value means an empty field. */
     value?: number | null;
     /** The default value (uncontrolled). A `null` value means an empty field. */

package/dist/commonjs/components/number-field/number-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../src/components/number-field/number-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,gBAAgB,IAAI,mBAAmB,EAE7C,MAAM,uBAAuB,CAAC;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG1E,MAAM,WAAW,gBACf,SAAQ,WAAW,EACjB,yBAAyB,CAAC,MAAM,CAAC,EACjC,IAAI,CACF,mBAAmB,EACjB,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,MAAM,GACN,WAAW,GACX,UAAU,GACV,UAAU,GACV,MAAM,GACN,eAAe,GACf,SAAS,GACT,QAAQ,CACX;IACH,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AA4DD;;;;GAIG;AACH,QAAA,MAAM,YAAY,kKAAyD,CAAC;AAE5E,OAAO,EAAE,YAAY,IAAI,WAAW,EAAE,CAAC"}
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../src/components/number-field/number-field.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,gBAAgB,IAAI,mBAAmB,EAE7C,MAAM,uBAAuB,CAAC;AAQ/B,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG1E,MAAM,WAAW,gBACf,SAAQ,WAAW,EACjB,yBAAyB,CAAC,MAAM,CAAC,EACjC,IAAI,CACF,mBAAmB,EACjB,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,MAAM,GACN,eAAe,GACf,SAAS,GACT,QAAQ,CACX;IACH,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAwED;;;;GAIG;AACH,QAAA,MAAM,YAAY,kKAAyD,CAAC;AAE5E,OAAO,EAAE,YAAY,IAAI,WAAW,EAAE,CAAC"}