@cimpress-ui/react 0.3.0 → 1.0.0

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

@@ -0,0 +1,14 @@
+import { type SwitchProps as RACSwitchProps } from 'react-aria-components';
+import type { AriaLabelingProps, CommonProps, StringLikeChildren } from '../types.js';
+export interface UNSTABLE_ToggleProps extends CommonProps, AriaLabelingProps, Pick<RACSwitchProps, 'onChange' | 'isSelected' | 'isDisabled' | 'isReadOnly' | 'defaultSelected' | 'autoFocus' | 'name' | 'value'> {
+    /** The label rendered next to the toggle. */
+    children?: StringLikeChildren;
+}
+/**
+ * Allows users to turn a setting on or off.
+ *
+ * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).
+ */
+declare const _UNSTABLE_Toggle: (props: UNSTABLE_ToggleProps & import("react").RefAttributes<HTMLLabelElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _UNSTABLE_Toggle as UNSTABLE_Toggle };
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,KAAK,WAAW,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAKhG,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtF,MAAM,WAAW,oBACf,SAAQ,WAAW,EACjB,iBAAiB,EACjB,IAAI,CACF,cAAc,EACd,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,YAAY,GAAG,iBAAiB,GAAG,WAAW,GAAG,MAAM,GAAG,OAAO,CAC7G;IACH,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,kBAAkB,CAAC;CAC/B;AAgCD;;;;GAIG;AACH,QAAA,MAAM,gBAAgB,wKAAwD,CAAC;AAE/E,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAC"}

package/dist/esm/components/toggle/toggle.js

@@ -0,0 +1,26 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Switch as RACSwitch } from 'react-aria-components';
+import { forwardRef } from '../../forward-ref.js';
+import { IconCheckBold, IconCloseBold } from '../../icons/index.js';
+import { useProductionWarning } from '../../utils/use-production-warning.js';
+import { withStyleProps } from '../../with-style-props.js';
+import { Text } from '../typography/text.js';
+function UNSTABLE_Toggle({ children, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;
+    useProductionWarning(() => {
+        if (!children && !ariaLabel && !ariaLabelledBy) {
+            console.warn('Toggle requires one of children / aria-label / aria-labelledby for accessibility');
+        }
+    }, [children, ariaLabel, ariaLabelledBy]);
+    return (_jsxs(RACSwitch, { ...props, ref: ref, className: clsx('cim-toggle', UNSAFE_className), style: UNSAFE_style, children: [_jsx("div", { className: "cim-toggle-track-wrapper", "aria-hidden": true, children: _jsxs("div", { className: "cim-toggle-track", children: [_jsx(IconCheckBold, {}), _jsx(IconCloseBold, {}), _jsx("div", { className: "cim-toggle-track-head" })] }) }), children && (_jsx(Text, { as: "span", variant: "medium", children: children }))] }));
+}
+/**
+ * Allows users to turn a setting on or off.
+ *
+ * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).
+ */
+const _UNSTABLE_Toggle = withStyleProps(forwardRef(UNSTABLE_Toggle), 'Toggle');
+export { _UNSTABLE_Toggle as UNSTABLE_Toggle };
+//# sourceMappingURL=toggle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sourceRoot":"","sources":["../../../../src/components/toggle/toggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,IAAI,SAAS,EAAsC,MAAM,uBAAuB,CAAC;AAChG,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAa7C,SAAS,eAAe,CACtB,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAwB,EAC5E,GAAmC;IAEnC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE7E,oBAAoB,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,QAAQ,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;YAC/C,OAAO,CAAC,IAAI,CAAC,kFAAkF,CAAC,CAAC;QACnG,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAE1C,OAAO,CACL,MAAC,SAAS,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,aAClG,cAAK,SAAS,EAAC,0BAA0B,iCACvC,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,KAAG,EACjB,cAAK,SAAS,EAAC,uBAAuB,GAAG,IACrC,GACF,EACL,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,YAC7B,QAAQ,GACJ,CACR,IACS,CACb,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,gBAAgB,GAAG,cAAc,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE,QAAQ,CAAC,CAAC;AAE/E,OAAO,EAAE,gBAAgB,IAAI,eAAe,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport { Switch as RACSwitch, type SwitchProps as RACSwitchProps } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { IconCheckBold, IconCloseBold } from '../../icons/index.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { AriaLabelingProps, CommonProps, StringLikeChildren } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface UNSTABLE_ToggleProps\n  extends CommonProps,\n    AriaLabelingProps,\n    Pick<\n      RACSwitchProps,\n      'onChange' | 'isSelected' | 'isDisabled' | 'isReadOnly' | 'defaultSelected' | 'autoFocus' | 'name' | 'value'\n    > {\n  /** The label rendered next to the toggle. */\n  children?: StringLikeChildren;\n}\n\nfunction UNSTABLE_Toggle(\n  { children, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_ToggleProps,\n  ref: ForwardedRef<HTMLLabelElement>,\n) {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;\n\n  useProductionWarning(() => {\n    if (!children && !ariaLabel && !ariaLabelledBy) {\n      console.warn('Toggle requires one of children / aria-label / aria-labelledby for accessibility');\n    }\n  }, [children, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACSwitch {...props} ref={ref} className={clsx('cim-toggle', UNSAFE_className)} style={UNSAFE_style}>\n      <div className=\"cim-toggle-track-wrapper\" aria-hidden>\n        <div className=\"cim-toggle-track\">\n          <IconCheckBold />\n          <IconCloseBold />\n          <div className=\"cim-toggle-track-head\" />\n        </div>\n      </div>\n      {children && (\n        <Text as=\"span\" variant=\"medium\">\n          {children}\n        </Text>\n      )}\n    </RACSwitch>\n  );\n}\n\n/**\n * Allows users to turn a setting on or off.\n *\n * See [toggle usage guidelines](https://ui.cimpress.io/components/toggle/).\n */\nconst _UNSTABLE_Toggle = withStyleProps(forwardRef(UNSTABLE_Toggle), 'Toggle');\n\nexport { _UNSTABLE_Toggle as UNSTABLE_Toggle };\n"]}

package/dist/esm/components/toggle-button/toggle-button-group.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import { type ToggleButtonGroupProps as RACToggleButtonGroupProps } from 'react-aria-components';
+import type { CommonProps, LabellableProps } from '../types.js';
+export interface UNSTABLE_ToggleButtonGroupProps extends Omit<CommonProps, 'id'>, Omit<LabellableProps, 'label'>, Pick<RACToggleButtonGroupProps, 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'selectionMode' | 'isDisabled' | 'orientation'> {
+    /** Toggle buttons belonging to the group. Each button must have an `id` prop defined. */
+    children: ReactNode;
+}
+/**
+ * Allows users to toggle multiple options, with single or multiple selection.
+ *
+ * See [toggle button usage guidelines](https://ui.cimpress.io/components/toggle-button/).
+ */
+declare const _UNSTABLE_ToggleButtonGroup: (props: UNSTABLE_ToggleButtonGroupProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _UNSTABLE_ToggleButtonGroup as UNSTABLE_ToggleButtonGroup };
+//# sourceMappingURL=toggle-button-group.d.ts.map

package/dist/esm/components/toggle-button/toggle-button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle-button/toggle-button-group.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAEL,KAAK,sBAAsB,IAAI,yBAAyB,EACzD,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAC7B,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC,EAC9B,IAAI,CACF,yBAAyB,EACzB,cAAc,GAAG,qBAAqB,GAAG,mBAAmB,GAAG,eAAe,GAAG,YAAY,GAAG,aAAa,CAC9G;IACH,yFAAyF;IACzF,QAAQ,EAAE,SAAS,CAAC;CACrB;AA0BD;;;;GAIG;AACH,QAAA,MAAM,2BAA2B,iLAA8E,CAAC;AAEhH,OAAO,EAAE,2BAA2B,IAAI,0BAA0B,EAAE,CAAC"}

package/dist/esm/components/toggle-button/toggle-button-group.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { ToggleButtonGroup as RACToggleButtonGroup, } from 'react-aria-components';
+import { forwardRef } from '../../forward-ref.js';
+import { useProductionWarning } from '../../utils/use-production-warning.js';
+import { withStyleProps } from '../../with-style-props.js';
+function UNSTABLE_ToggleButtonGroup({ children, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;
+    useProductionWarning(() => {
+        if (!ariaLabel && !ariaLabelledBy) {
+            console.warn('ToggleButtonGroup requires one of aria-label / aria-labelledby for accessibility');
+        }
+    }, [ariaLabel, ariaLabelledBy]);
+    return (_jsx(RACToggleButtonGroup, { ...props, ref: ref, className: clsx('cim-toggle-button-group', UNSAFE_className), style: UNSAFE_style, children: children }));
+}
+/**
+ * Allows users to toggle multiple options, with single or multiple selection.
+ *
+ * See [toggle button usage guidelines](https://ui.cimpress.io/components/toggle-button/).
+ */
+const _UNSTABLE_ToggleButtonGroup = withStyleProps(forwardRef(UNSTABLE_ToggleButtonGroup), 'ToggleButtonGroup');
+export { _UNSTABLE_ToggleButtonGroup as UNSTABLE_ToggleButtonGroup };
+//# sourceMappingURL=toggle-button-group.js.map

package/dist/esm/components/toggle-button/toggle-button-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button-group.js","sourceRoot":"","sources":["../../../../src/components/toggle-button/toggle-button-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,OAAO,EACL,iBAAiB,IAAI,oBAAoB,GAE1C,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,uCAAuC,CAAC;AAC7E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAc3D,SAAS,0BAA0B,CACjC,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAmC,EACvF,GAAiC;IAEjC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE7E,oBAAoB,CAAC,GAAG,EAAE;QACxB,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,kFAAkF,CAAC,CAAC;QACnG,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEhC,OAAO,CACL,KAAC,oBAAoB,OACf,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,yBAAyB,EAAE,gBAAgB,CAAC,EAC5D,KAAK,EAAE,YAAY,YAElB,QAAQ,GACY,CACxB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,2BAA2B,GAAG,cAAc,CAAC,UAAU,CAAC,0BAA0B,CAAC,EAAE,mBAAmB,CAAC,CAAC;AAEhH,OAAO,EAAE,2BAA2B,IAAI,0BAA0B,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ReactNode } from 'react';\nimport type { ForwardedRef } from 'react';\nimport {\n  ToggleButtonGroup as RACToggleButtonGroup,\n  type ToggleButtonGroupProps as RACToggleButtonGroupProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { CommonProps, LabellableProps } from '../types.js';\n\nexport interface UNSTABLE_ToggleButtonGroupProps\n  extends Omit<CommonProps, 'id'>,\n    Omit<LabellableProps, 'label'>,\n    Pick<\n      RACToggleButtonGroupProps,\n      'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'selectionMode' | 'isDisabled' | 'orientation'\n    > {\n  /** Toggle buttons belonging to the group. Each button must have an `id` prop defined. */\n  children: ReactNode;\n}\n\nfunction UNSTABLE_ToggleButtonGroup(\n  { children, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_ToggleButtonGroupProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;\n\n  useProductionWarning(() => {\n    if (!ariaLabel && !ariaLabelledBy) {\n      console.warn('ToggleButtonGroup requires one of aria-label / aria-labelledby for accessibility');\n    }\n  }, [ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACToggleButtonGroup\n      {...props}\n      ref={ref}\n      className={clsx('cim-toggle-button-group', UNSAFE_className)}\n      style={UNSAFE_style}\n    >\n      {children}\n    </RACToggleButtonGroup>\n  );\n}\n\n/**\n * Allows users to toggle multiple options, with single or multiple selection.\n *\n * See [toggle button usage guidelines](https://ui.cimpress.io/components/toggle-button/).\n */\nconst _UNSTABLE_ToggleButtonGroup = withStyleProps(forwardRef(UNSTABLE_ToggleButtonGroup), 'ToggleButtonGroup');\n\nexport { _UNSTABLE_ToggleButtonGroup as UNSTABLE_ToggleButtonGroup };\n"]}

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

@@ -0,0 +1,16 @@
+import { type ToggleButtonProps as RACToggleButtonProps } from 'react-aria-components';
+import type { BaseButtonProps, TextButtonProps } from '../button/types.js';
+import type { CommonProps, Key } from '../types.js';
+export interface UNSTABLE_ToggleButtonProps extends Omit<CommonProps, 'id'>, TextButtonProps, Pick<BaseButtonProps, 'size' | 'fullWidth'>, Pick<RACToggleButtonProps, 'defaultSelected' | 'isSelected' | 'type' | 'onPress' | 'onHoverStart' | 'onHoverEnd' | 'onChange' | 'isDisabled'> {
+    /** An identifier for this button when used in a `ToggleButtonGroup`. Has to be unique across all buttons in the group. */
+    id?: Key;
+}
+/**
+ * Displays a labelled button that allows users to toggle between two states.
+ * Can be used standalone, or as part of `ToggleButtonGroup`.
+ *
+ * See [toggle button usage guidelines](https://ui.cimpress.io/components/toggle-button/).
+ */
+declare const _UNSTABLE_ToggleButton: (props: UNSTABLE_ToggleButtonProps & import("react").RefAttributes<HTMLButtonElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _UNSTABLE_ToggleButton as UNSTABLE_ToggleButton };
+//# sourceMappingURL=toggle-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmC,KAAK,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGxH,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,WAAW,0BACf,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAC7B,eAAe,EACf,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,WAAW,CAAC,EAC3C,IAAI,CACF,oBAAoB,EACpB,iBAAiB,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,CAClH;IACH,0HAA0H;IAC1H,EAAE,CAAC,EAAE,GAAG,CAAC;CACV;AAmCD;;;;;GAKG;AACH,QAAA,MAAM,sBAAsB,+KAAoE,CAAC;AAEjG,OAAO,EAAE,sBAAsB,IAAI,qBAAqB,EAAE,CAAC"}

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { ToggleButton as RACToggleButton } from 'react-aria-components';
+import { forwardRef } from '../../forward-ref.js';
+import { withStyleProps } from '../../with-style-props.js';
+function UNSTABLE_ToggleButton({ children, size = 'medium', iconStart, iconEnd, isDisabled, fullWidth, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    return (_jsxs(RACToggleButton, { ...props, ref: ref, className: clsx('cim-button', 'cim-toggle-button', UNSAFE_className), style: UNSAFE_style, "data-variant": "secondary", "data-tone": "base", "data-size": size, "data-full-width": fullWidth || undefined, isDisabled: isDisabled, children: [iconStart, _jsx("span", { className: "cim-button-text", children: children }), iconEnd] }));
+}
+/**
+ * Displays a labelled button that allows users to toggle between two states.
+ * Can be used standalone, or as part of `ToggleButtonGroup`.
+ *
+ * See [toggle button usage guidelines](https://ui.cimpress.io/components/toggle-button/).
+ */
+const _UNSTABLE_ToggleButton = withStyleProps(forwardRef(UNSTABLE_ToggleButton), 'ToggleButton');
+export { _UNSTABLE_ToggleButton as UNSTABLE_ToggleButton };
+//# sourceMappingURL=toggle-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../../src/components/toggle-button/toggle-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,IAAI,eAAe,EAAkD,MAAM,uBAAuB,CAAC;AACxH,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAgB3D,SAAS,qBAAqB,CAC5B,EACE,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACmB,EAC7B,GAAoC;IAEpC,OAAO,CACL,MAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,CAAC,EACpE,KAAK,EAAE,YAAY,kBACN,WAAW,eACd,MAAM,eACL,IAAI,qBACE,SAAS,IAAI,SAAS,EACvC,UAAU,EAAE,UAAU,aAErB,SAAS,EACV,eAAM,SAAS,EAAC,iBAAiB,YAAE,QAAQ,GAAQ,EAClD,OAAO,IACQ,CACnB,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,sBAAsB,GAAG,cAAc,CAAC,UAAU,CAAC,qBAAqB,CAAC,EAAE,cAAc,CAAC,CAAC;AAEjG,OAAO,EAAE,sBAAsB,IAAI,qBAAqB,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport { ToggleButton as RACToggleButton, type ToggleButtonProps as RACToggleButtonProps } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { BaseButtonProps, TextButtonProps } from '../button/types.js';\nimport type { CommonProps, Key } from '../types.js';\n\nexport interface UNSTABLE_ToggleButtonProps\n  extends Omit<CommonProps, 'id'>,\n    TextButtonProps,\n    Pick<BaseButtonProps, 'size' | 'fullWidth'>,\n    Pick<\n      RACToggleButtonProps,\n      'defaultSelected' | 'isSelected' | 'type' | 'onPress' | 'onHoverStart' | 'onHoverEnd' | 'onChange' | 'isDisabled'\n    > {\n  /** An identifier for this button when used in a `ToggleButtonGroup`. Has to be unique across all buttons in the group. */\n  id?: Key;\n}\n\nfunction UNSTABLE_ToggleButton(\n  {\n    children,\n    size = 'medium',\n    iconStart,\n    iconEnd,\n    isDisabled,\n    fullWidth,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: UNSTABLE_ToggleButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  return (\n    <RACToggleButton\n      {...props}\n      ref={ref}\n      className={clsx('cim-button', 'cim-toggle-button', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-variant=\"secondary\"\n      data-tone=\"base\"\n      data-size={size}\n      data-full-width={fullWidth || undefined}\n      isDisabled={isDisabled}\n    >\n      {iconStart}\n      <span className=\"cim-button-text\">{children}</span>\n      {iconEnd}\n    </RACToggleButton>\n  );\n}\n\n/**\n * Displays a labelled button that allows users to toggle between two states.\n * Can be used standalone, or as part of `ToggleButtonGroup`.\n *\n * See [toggle button usage guidelines](https://ui.cimpress.io/components/toggle-button/).\n */\nconst _UNSTABLE_ToggleButton = withStyleProps(forwardRef(UNSTABLE_ToggleButton), 'ToggleButton');\n\nexport { _UNSTABLE_ToggleButton as UNSTABLE_ToggleButton };\n"]}

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

@@ -0,0 +1,14 @@
+import { type ToggleButtonProps as RACToggleButtonProps } from 'react-aria-components';
+import type { BaseButtonProps, SingleIconButtonProps } from '../button/types.js';
+import type { CommonProps } from '../types.js';
+export interface UNSTABLE_ToggleIconButtonProps extends CommonProps, SingleIconButtonProps, Pick<BaseButtonProps, 'size' | 'fullWidth'>, Pick<RACToggleButtonProps, 'defaultSelected' | 'isSelected' | 'type' | 'onPress' | 'onHoverStart' | 'onHoverEnd' | 'onChange' | 'isDisabled'> {
+}
+/**
+ * Displays an icon-only button that allows users to toggle between two states.
+ * Can be used standalone, or as part of `ToggleButtonGroup`.
+ *
+ * See [toggle button usage guidelines](https://ui.cimpress.io/components/toggle-button/).
+ */
+declare const _UNSTABLE_ToggleIconButton: (props: UNSTABLE_ToggleIconButtonProps & import("react").RefAttributes<HTMLButtonElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _UNSTABLE_ToggleIconButton as UNSTABLE_ToggleIconButton };
+//# sourceMappingURL=toggle-icon-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-icon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/toggle-button/toggle-icon-button.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmC,KAAK,iBAAiB,IAAI,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAGxH,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,8BACf,SAAQ,WAAW,EACjB,qBAAqB,EACrB,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,WAAW,CAAC,EAC3C,IAAI,CACF,oBAAoB,EACpB,iBAAiB,GAAG,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,YAAY,CAClH;CAAG;AA+BR;;;;;GAKG;AACH,QAAA,MAAM,0BAA0B,mLAA4E,CAAC;AAE7G,OAAO,EAAE,0BAA0B,IAAI,yBAAyB,EAAE,CAAC"}

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

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { ToggleButton as RACToggleButton } from 'react-aria-components';
+import { forwardRef } from '../../forward-ref.js';
+import { withStyleProps } from '../../with-style-props.js';
+function UNSTABLE_ToggleIconButton({ icon, size = 'medium', isDisabled, fullWidth, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    return (_jsx(RACToggleButton, { ...props, ref: ref, className: clsx('cim-icon-button', 'cim-toggle-button', UNSAFE_className), style: UNSAFE_style, "data-variant": "secondary", "data-tone": "base", "data-size": size, "data-full-width": fullWidth || undefined, isDisabled: isDisabled, children: icon }));
+}
+/**
+ * Displays an icon-only button that allows users to toggle between two states.
+ * Can be used standalone, or as part of `ToggleButtonGroup`.
+ *
+ * See [toggle button usage guidelines](https://ui.cimpress.io/components/toggle-button/).
+ */
+const _UNSTABLE_ToggleIconButton = withStyleProps(forwardRef(UNSTABLE_ToggleIconButton), 'ToggleIconButton');
+export { _UNSTABLE_ToggleIconButton as UNSTABLE_ToggleIconButton };
+//# sourceMappingURL=toggle-icon-button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-icon-button.js","sourceRoot":"","sources":["../../../../src/components/toggle-button/toggle-icon-button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,YAAY,IAAI,eAAe,EAAkD,MAAM,uBAAuB,CAAC;AACxH,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAa3D,SAAS,yBAAyB,CAChC,EACE,IAAI,EACJ,IAAI,GAAG,QAAQ,EACf,UAAU,EACV,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACuB,EACjC,GAAoC;IAEpC,OAAO,CACL,KAAC,eAAe,OACV,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE,mBAAmB,EAAE,gBAAgB,CAAC,EACzE,KAAK,EAAE,YAAY,kBACN,WAAW,eACd,MAAM,eACL,IAAI,qBACE,SAAS,IAAI,SAAS,EACvC,UAAU,EAAE,UAAU,YAErB,IAAI,GACW,CACnB,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,0BAA0B,GAAG,cAAc,CAAC,UAAU,CAAC,yBAAyB,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAE7G,OAAO,EAAE,0BAA0B,IAAI,yBAAyB,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport { ToggleButton as RACToggleButton, type ToggleButtonProps as RACToggleButtonProps } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { BaseButtonProps, SingleIconButtonProps } from '../button/types.js';\nimport type { CommonProps } from '../types.js';\n\nexport interface UNSTABLE_ToggleIconButtonProps\n  extends CommonProps,\n    SingleIconButtonProps,\n    Pick<BaseButtonProps, 'size' | 'fullWidth'>,\n    Pick<\n      RACToggleButtonProps,\n      'defaultSelected' | 'isSelected' | 'type' | 'onPress' | 'onHoverStart' | 'onHoverEnd' | 'onChange' | 'isDisabled'\n    > {}\n\nfunction UNSTABLE_ToggleIconButton(\n  {\n    icon,\n    size = 'medium',\n    isDisabled,\n    fullWidth,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: UNSTABLE_ToggleIconButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>,\n) {\n  return (\n    <RACToggleButton\n      {...props}\n      ref={ref}\n      className={clsx('cim-icon-button', 'cim-toggle-button', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-variant=\"secondary\"\n      data-tone=\"base\"\n      data-size={size}\n      data-full-width={fullWidth || undefined}\n      isDisabled={isDisabled}\n    >\n      {icon}\n    </RACToggleButton>\n  );\n}\n\n/**\n * Displays an icon-only button that allows users to toggle between two states.\n * Can be used standalone, or as part of `ToggleButtonGroup`.\n *\n * See [toggle button usage guidelines](https://ui.cimpress.io/components/toggle-button/).\n */\nconst _UNSTABLE_ToggleIconButton = withStyleProps(forwardRef(UNSTABLE_ToggleIconButton), 'ToggleIconButton');\n\nexport { _UNSTABLE_ToggleIconButton as UNSTABLE_ToggleIconButton };\n"]}

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

@@ -1,11 +1,13 @@
-import type { ReactNode } from 'react';
+import type { ReactNode, RefObject } from 'react';
 import { type TooltipProps as RACTooltipProps } from 'react-aria-components';
 import type { CommonProps } from '../types.js';
-export interface TooltipProps extends Omit<CommonProps, 'id'>, Pick<RACTooltipProps, 'placement' | 'isOpen' | 'onOpenChange' | 'triggerRef'> {
+export interface TooltipProps extends Omit<CommonProps, 'id'>, Pick<RACTooltipProps, 'placement' | 'isOpen' | 'onOpenChange'> {
     /** The element that this tooltip describes. Must be focusable and hoverable. */
     children: ReactNode;
     /** The contents of the tooltip. */
     label: string;
+    /** The ref for the element which the tooltip positions itself with respect to. */
+    triggerRef?: RefObject<Element | null>;
 }
 /**
  * Provides additional information about an element that is hovered or focused.

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAGL,KAAK,YAAY,IAAI,eAAe,EAErC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAC7B,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,QAAQ,GAAG,cAAc,GAAG,YAAY,CAAC;IAC/E,gFAAgF;IAChF,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAgCD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,6GAAiC,CAAC;AAEhD,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChE,OAAO,EAGL,KAAK,YAAY,IAAI,eAAe,EAErC,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAC7B,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,QAAQ,GAAG,cAAc,CAAC;IAChE,gFAAgF;IAChF,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,kFAAkF;IAClF,UAAU,CAAC,EAAE,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;CACxC;AAgCD;;;;GAIG;AACH,QAAA,MAAM,QAAQ,6GAAiC,CAAC;AAEhD,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,YAAY,IAAI,eAAe,EAE/B,cAAc,IAAI,iBAAiB,GACpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAW7C,SAAS,OAAO,CACd,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAgB,EACjG,GAAiC;IAEjC,OAAO,CACL,MAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,aACvF,QAAQ,EACT,MAAC,UAAU,OACL,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAChD,KAAK,EAAE,YAAY,EACnB,gBAAgB,EAAE,EAAE,EACpB,MAAM,EAAE,CAAC,EACT,mBAAmB,EAAE,CAAC,0CAGtB,KAAC,eAAe,IAAC,SAAS,EAAC,mBAAmB,YAC5C,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,YAChF,eAAM,CAAC,EAAC,8EAA8E,GAAG,GACrF,GACU,EAClB,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,YACzB,KAAK,GACD,IACI,IACK,CACrB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEhD,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport {\n  Tooltip as RACTooltip,\n  OverlayArrow as RACOverlayArrow,\n  type TooltipProps as RACTooltipProps,\n  TooltipTrigger as RACTooltipTrigger,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport type { CommonProps } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface TooltipProps\n  extends Omit<CommonProps, 'id'>,\n    Pick<RACTooltipProps, 'placement' | 'isOpen' | 'onOpenChange' | 'triggerRef'> {\n  /** The element that this tooltip describes. Must be focusable and hoverable. */\n  children: ReactNode;\n  /** The contents of the tooltip. */\n  label: string;\n}\n\nfunction Tooltip(\n  { children, label, isOpen, onOpenChange, UNSAFE_className, UNSAFE_style, ...props }: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <RACTooltipTrigger isOpen={isOpen} onOpenChange={onOpenChange} delay={300} closeDelay={300}>\n      {children}\n      <RACTooltip\n        {...props}\n        ref={ref}\n        className={clsx('cim-tooltip', UNSAFE_className)}\n        style={UNSAFE_style}\n        containerPadding={16}\n        offset={5} // 1px border + 4px actual offset\n        arrowBoundaryOffset={4} // offset by border radius so that the arrow is never positioned over the rounded corner\n        data-cim-style-root\n      >\n        <RACOverlayArrow className=\"cim-tooltip-arrow\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"10\" viewBox=\"0 0 16 10\">\n            <path d=\"M0 0H16L8.78087 9.02391C8.38054 9.52432 7.61946 9.52432 7.21913 9.02391L0 0Z\" />\n          </svg>\n        </RACOverlayArrow>\n        <Text as=\"p\" variant=\"small\">\n          {label}\n        </Text>\n      </RACTooltip>\n    </RACTooltipTrigger>\n  );\n}\n\n/**\n * Provides additional information about an element that is hovered or focused.\n *\n * See [tooltip usage guidelines](https://ui.cimpress.io/components/tooltip/).\n */\nconst _Tooltip = forwardRef(Tooltip, 'Tooltip');\n\nexport { _Tooltip as Tooltip };\n"]}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,YAAY,IAAI,eAAe,EAE/B,cAAc,IAAI,iBAAiB,GACpC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAa7C,SAAS,OAAO,CACd,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAgB,EACjG,GAAiC;IAEjC,OAAO,CACL,MAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,aACvF,QAAQ,EACT,MAAC,UAAU,OACL,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAChD,KAAK,EAAE,YAAY,EACnB,gBAAgB,EAAE,EAAE,EACpB,MAAM,EAAE,CAAC,EACT,mBAAmB,EAAE,CAAC,0CAGtB,KAAC,eAAe,IAAC,SAAS,EAAC,mBAAmB,YAC5C,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,YAChF,eAAM,CAAC,EAAC,8EAA8E,GAAG,GACrF,GACU,EAClB,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,YACzB,KAAK,GACD,IACI,IACK,CACrB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,QAAQ,GAAG,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAEhD,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef, ReactNode, RefObject } from 'react';\nimport {\n  Tooltip as RACTooltip,\n  OverlayArrow as RACOverlayArrow,\n  type TooltipProps as RACTooltipProps,\n  TooltipTrigger as RACTooltipTrigger,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport type { CommonProps } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface TooltipProps\n  extends Omit<CommonProps, 'id'>,\n    Pick<RACTooltipProps, 'placement' | 'isOpen' | 'onOpenChange'> {\n  /** The element that this tooltip describes. Must be focusable and hoverable. */\n  children: ReactNode;\n  /** The contents of the tooltip. */\n  label: string;\n  /** The ref for the element which the tooltip positions itself with respect to. */\n  triggerRef?: RefObject<Element | null>;\n}\n\nfunction Tooltip(\n  { children, label, isOpen, onOpenChange, UNSAFE_className, UNSAFE_style, ...props }: TooltipProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <RACTooltipTrigger isOpen={isOpen} onOpenChange={onOpenChange} delay={300} closeDelay={300}>\n      {children}\n      <RACTooltip\n        {...props}\n        ref={ref}\n        className={clsx('cim-tooltip', UNSAFE_className)}\n        style={UNSAFE_style}\n        containerPadding={16}\n        offset={5} // 1px border + 4px actual offset\n        arrowBoundaryOffset={4} // offset by border radius so that the arrow is never positioned over the rounded corner\n        data-cim-style-root\n      >\n        <RACOverlayArrow className=\"cim-tooltip-arrow\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"10\" viewBox=\"0 0 16 10\">\n            <path d=\"M0 0H16L8.78087 9.02391C8.38054 9.52432 7.61946 9.52432 7.21913 9.02391L0 0Z\" />\n          </svg>\n        </RACOverlayArrow>\n        <Text as=\"p\" variant=\"small\">\n          {label}\n        </Text>\n      </RACTooltip>\n    </RACTooltipTrigger>\n  );\n}\n\n/**\n * Provides additional information about an element that is hovered or focused.\n *\n * See [tooltip usage guidelines](https://ui.cimpress.io/components/tooltip/).\n */\nconst _Tooltip = forwardRef(Tooltip, 'Tooltip');\n\nexport { _Tooltip as Tooltip };\n"]}

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

@@ -81,6 +81,10 @@ export type ValidationResult = RACValidationResult;
 export type FieldError = string | string[] | undefined | ((validation: ValidationResult) => string | string[] | undefined);
 /** Props available on form field components. */
 export interface FieldProps<T> extends LabellableProps {
+    /**
+     * The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
+     */
+    name?: string;
     /** A description for the field. Provides a hint such as specific requirements for what to choose. */
     description?: string;
     /** An error message for the field. */

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { focusSafely } from '@react-aria/focus';\nimport type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport type {\n  ButtonProps as RACButtonProps,\n  LinkProps as RACLinkProps,\n  PressEvent as RACPressEvent,\n  ValidationResult as RACValidationResult,\n} from 'react-aria-components';\nimport type { ForegroundTone } from '../utils/style/types.js';\n\n/** Represents an identifier for a collection item. */\nexport type Key = string | number;\n\n/** Represents a selection of items in a collection. */\nexport type Selection = 'all' | Set<Key>;\n\n/** Represents a direction (vertical or horizontal). */\nexport type Direction = 'vertical' | 'horizontal';\n\n/**\n * Use this type when you want to restrict `children` to a string,\n * but also want to allow expressions that resolve to strings.\n */\nexport type StringLikeChildren = string | number | (string | number)[];\n\n// `FocusableElement` is not exported from any React Aria package\n/** Any focusable element, including both HTML and SVG elements. */\nexport type FocusableElement = Parameters<typeof focusSafely>[0];\n\n/**\n * A set of common props that are allowed on every component\n */\nexport interface CommonProps {\n  /**\n   * The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).\n   */\n  id?: string;\n  /**\n   * Use this attribute to \"claim\" the component tree for exclusive Cimpress UI usage.\n   */\n  'data-cim-style-root'?: boolean;\n  /**\n   * Sets the CSS className for the element. Only use as a **last resort**. Use style props instead.\n   *\n   * See [styling guide](https://ui.cimpress.io/dev-guides/styling/).\n   */\n  UNSAFE_className?: string;\n  /**\n   * Sets the CSS style for the element. Only use as a **last resort**. Use style props instead.\n   *\n   * See [styling guide](https://ui.cimpress.io/dev-guides/styling/).\n   */\n  UNSAFE_style?: CSSProperties;\n}\n\n/**\n * An event fired when a component is pressed.\n *\n * By default, press events stop propagation to parent elements.\n * In cases where a handler decides not to handle a specific event,\n * it can call `continuePropagation()` to allow a parent to handle it.\n */\nexport type PressEvent = RACPressEvent;\n\n// HoverEvent is not exported from react-aria-components\n/** An event fired when a component is hovered. */\nexport type HoverEvent = Parameters<NonNullable<RACButtonProps['onHoverStart']>>[0];\n\n/**\n * Props for components that require a label, which can be hidden if necessary.\n */\nexport interface LabellableProps extends AriaLabelingProps {\n  /** The content to display as the label. */\n  label?: string;\n}\n\n// Copied from AriaLabelingProps from @react-types/shared\nexport interface AriaLabelingProps {\n  /**\n   * Defines a string value that labels the current element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  'aria-details'?: string;\n}\n\n/** Provides details about the validation state of a form field. */\nexport type ValidationResult = RACValidationResult;\n\n/** Represents the error message(s) for a form field. */\nexport type FieldError =\n  | string\n  | string[]\n  | undefined\n  | ((validation: ValidationResult) => string | string[] | undefined);\n\n/** Props available on form field components. */\nexport interface FieldProps<T> extends LabellableProps {\n  /** A description for the field. Provides a hint such as specific requirements for what to choose. */\n  description?: string;\n  /** An error message for the field. */\n  error?: FieldError;\n  /**\n   * A function that returns an error message (or `true`) if a given value is invalid.\n   * Validation errors are displayed to the user when the form is submitted.\n   * For real-time validation, use the `error` prop instead.\n   */\n  validate?: (value: T) => string | string[] | true | undefined;\n}\n\n/** Props available on form field components with text inputs. */\nexport interface FieldWithPlaceholderProps<T> extends FieldProps<T> {\n  /** The placeholder text displayed in the input field. */\n  placeholder?: string;\n}\n\n/** Changes specified optional properties within the provided type to be required. */\nexport type WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };\n\n/**\n * This interface allows configuring navigation props with router options and type-safe URLs via TypeScript module augmentation.\n * By default, this is an empty interface. Extend with `href` and `routerOptions` properties to configure your router.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface RouterConfig {}\n\n/**\n * Represents a URL for navigation components.\n * This type can be configured by augmenting `RouterConfig` with an `href` property.\n */\nexport type Href = RouterConfig extends { href: infer H } ? H : string;\n\n/**\n * Represents router options for navigation components.\n * This type can be configured by augmenting `RouterConfig` with a `routerOptions` property.\n */\nexport type RouterOptions = RouterConfig extends { routerOptions: infer O } ? O : never;\n\n/**\n * Props available on components that perform navigation.\n */\nexport interface NavigationProps\n  extends Pick<RACLinkProps, 'hrefLang' | 'target' | 'rel' | 'download' | 'ping' | 'referrerPolicy'> {\n  /** A URL to link to. */\n  href?: Href;\n  /** Options for the configured client side router. */\n  routerOptions?: RouterOptions;\n}\n\n/** Represents a minimal data shape of a dynamic item in collection components. */\nexport interface CollectionItem {\n  /** Unique identifier for the item or group. */\n  id: Key;\n}\n\n/** Props available on components that render collections. */\nexport interface CollectionProps<T extends CollectionItem> {\n  /** The contents of the collection. */\n  children?: ReactNode | ((item: T) => ReactNode);\n  /** The items to display in the collection. */\n  items?: Iterable<T>;\n}\n\n/** Props available on icons. */\nexport interface IconProps extends CommonProps, Pick<AriaLabelingProps, 'aria-label' | 'aria-labelledby'> {\n  /**\n   * Whether the icon is hidden from assistive technologies.\n   * @default true\n   */\n  'aria-hidden'?: boolean;\n  /** The size of the icon in pixels. */\n  size?: 16 | 24 | 32;\n  /** The tone of the icon. */\n  tone?: ForegroundTone;\n}\n\n/** Props available on native HTML elements. */\nexport interface NativeElementProps<T extends HTMLElement> extends HTMLAttributes<T> {\n  [dataProp: `data-${string}`]: string | number | boolean | undefined;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { focusSafely } from '@react-aria/focus';\nimport type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\nimport type {\n  ButtonProps as RACButtonProps,\n  LinkProps as RACLinkProps,\n  PressEvent as RACPressEvent,\n  ValidationResult as RACValidationResult,\n} from 'react-aria-components';\nimport type { ForegroundTone } from '../utils/style/types.js';\n\n/** Represents an identifier for a collection item. */\nexport type Key = string | number;\n\n/** Represents a selection of items in a collection. */\nexport type Selection = 'all' | Set<Key>;\n\n/** Represents a direction (vertical or horizontal). */\nexport type Direction = 'vertical' | 'horizontal';\n\n/**\n * Use this type when you want to restrict `children` to a string,\n * but also want to allow expressions that resolve to strings.\n */\nexport type StringLikeChildren = string | number | (string | number)[];\n\n// `FocusableElement` is not exported from any React Aria package\n/** Any focusable element, including both HTML and SVG elements. */\nexport type FocusableElement = Parameters<typeof focusSafely>[0];\n\n/**\n * A set of common props that are allowed on every component\n */\nexport interface CommonProps {\n  /**\n   * The element's unique identifier. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id).\n   */\n  id?: string;\n  /**\n   * Use this attribute to \"claim\" the component tree for exclusive Cimpress UI usage.\n   */\n  'data-cim-style-root'?: boolean;\n  /**\n   * Sets the CSS className for the element. Only use as a **last resort**. Use style props instead.\n   *\n   * See [styling guide](https://ui.cimpress.io/dev-guides/styling/).\n   */\n  UNSAFE_className?: string;\n  /**\n   * Sets the CSS style for the element. Only use as a **last resort**. Use style props instead.\n   *\n   * See [styling guide](https://ui.cimpress.io/dev-guides/styling/).\n   */\n  UNSAFE_style?: CSSProperties;\n}\n\n/**\n * An event fired when a component is pressed.\n *\n * By default, press events stop propagation to parent elements.\n * In cases where a handler decides not to handle a specific event,\n * it can call `continuePropagation()` to allow a parent to handle it.\n */\nexport type PressEvent = RACPressEvent;\n\n// HoverEvent is not exported from react-aria-components\n/** An event fired when a component is hovered. */\nexport type HoverEvent = Parameters<NonNullable<RACButtonProps['onHoverStart']>>[0];\n\n/**\n * Props for components that require a label, which can be hidden if necessary.\n */\nexport interface LabellableProps extends AriaLabelingProps {\n  /** The content to display as the label. */\n  label?: string;\n}\n\n// Copied from AriaLabelingProps from @react-types/shared\nexport interface AriaLabelingProps {\n  /**\n   * Defines a string value that labels the current element.\n   */\n  'aria-label'?: string;\n\n  /**\n   * Identifies the element (or elements) that labels the current element.\n   */\n  'aria-labelledby'?: string;\n\n  /**\n   * Identifies the element (or elements) that describes the object.\n   */\n  'aria-describedby'?: string;\n\n  /**\n   * Identifies the element (or elements) that provide a detailed, extended description for the object.\n   */\n  'aria-details'?: string;\n}\n\n/** Provides details about the validation state of a form field. */\nexport type ValidationResult = RACValidationResult;\n\n/** Represents the error message(s) for a form field. */\nexport type FieldError =\n  | string\n  | string[]\n  | undefined\n  | ((validation: ValidationResult) => string | string[] | undefined);\n\n/** Props available on form field components. */\nexport interface FieldProps<T> extends LabellableProps {\n  /**\n   * The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).\n   */\n  name?: string;\n  /** A description for the field. Provides a hint such as specific requirements for what to choose. */\n  description?: string;\n  /** An error message for the field. */\n  error?: FieldError;\n  /**\n   * A function that returns an error message (or `true`) if a given value is invalid.\n   * Validation errors are displayed to the user when the form is submitted.\n   * For real-time validation, use the `error` prop instead.\n   */\n  validate?: (value: T) => string | string[] | true | undefined;\n}\n\n/** Props available on form field components with text inputs. */\nexport interface FieldWithPlaceholderProps<T> extends FieldProps<T> {\n  /** The placeholder text displayed in the input field. */\n  placeholder?: string;\n}\n\n/** Changes specified optional properties within the provided type to be required. */\nexport type WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };\n\n/**\n * This interface allows configuring navigation props with router options and type-safe URLs via TypeScript module augmentation.\n * By default, this is an empty interface. Extend with `href` and `routerOptions` properties to configure your router.\n */\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface RouterConfig {}\n\n/**\n * Represents a URL for navigation components.\n * This type can be configured by augmenting `RouterConfig` with an `href` property.\n */\nexport type Href = RouterConfig extends { href: infer H } ? H : string;\n\n/**\n * Represents router options for navigation components.\n * This type can be configured by augmenting `RouterConfig` with a `routerOptions` property.\n */\nexport type RouterOptions = RouterConfig extends { routerOptions: infer O } ? O : never;\n\n/**\n * Props available on components that perform navigation.\n */\nexport interface NavigationProps\n  extends Pick<RACLinkProps, 'hrefLang' | 'target' | 'rel' | 'download' | 'ping' | 'referrerPolicy'> {\n  /** A URL to link to. */\n  href?: Href;\n  /** Options for the configured client side router. */\n  routerOptions?: RouterOptions;\n}\n\n/** Represents a minimal data shape of a dynamic item in collection components. */\nexport interface CollectionItem {\n  /** Unique identifier for the item or group. */\n  id: Key;\n}\n\n/** Props available on components that render collections. */\nexport interface CollectionProps<T extends CollectionItem> {\n  /** The contents of the collection. */\n  children?: ReactNode | ((item: T) => ReactNode);\n  /** The items to display in the collection. */\n  items?: Iterable<T>;\n}\n\n/** Props available on icons. */\nexport interface IconProps extends CommonProps, Pick<AriaLabelingProps, 'aria-label' | 'aria-labelledby'> {\n  /**\n   * Whether the icon is hidden from assistive technologies.\n   * @default true\n   */\n  'aria-hidden'?: boolean;\n  /** The size of the icon in pixels. */\n  size?: 16 | 24 | 32;\n  /** The tone of the icon. */\n  tone?: ForegroundTone;\n}\n\n/** Props available on native HTML elements. */\nexport interface NativeElementProps<T extends HTMLElement> extends HTMLAttributes<T> {\n  [dataProp: `data-${string}`]: string | number | boolean | undefined;\n}\n"]}

package/dist/esm/components/typography/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoC,KAAK,UAAU,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGxE,KAAK,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC;AAE7D,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW,CAAE,SAAQ,mBAAmB,EAAE,gBAAgB;IAC7F,qCAAqC;IACrC,EAAE,EAAE,CAAC,CAAC;CACP;AA6BD;;;;GAIG;AACH,QAAA,MAAM,KAAK,GAhCG,CAAC,SAAS,WAAW,0HAOpB,IACX,OAAG,OAwB+C,CAAC;AAEvD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/text.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAoC,KAAK,UAAU,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAGxE,KAAK,WAAW,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,iBAAiB,EAAE,GAAG,CAAC,CAAC;AAE7D,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW,CAAE,SAAQ,mBAAmB,EAAE,gBAAgB;IAC7F,qCAAqC;IACrC,EAAE,EAAE,CAAC,CAAC;CACP;AA6BD;;;;GAIG;AACH,QAAA,MAAM,KAAK,GAhCG,CAAC,SAAS,WAAW,4IAgCmB,CAAC;AAEvD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC"}

package/dist/esm/date.d.ts

@@ -0,0 +1,2 @@
+export * from '@internationalized/date';
+//# sourceMappingURL=date.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"date.d.ts","sourceRoot":"","sources":["../../src/date.ts"],"names":[],"mappings":"AAUA,cAAc,yBAAyB,CAAC"}

package/dist/esm/date.js

@@ -0,0 +1,11 @@
+/*
+This file is an entrypoint for `@cimpress-ui/react/date`.
+
+We re-export the `@internationalized/date` package because:
+- `react-aria-components` specifies it as a dependency, and can bump its version at any time
+- we don't want this package as a peer dependency, because then we would have to release a new major version of `@cimpress-ui/react`
+  after every version bump of `react-aria-components`
+- we don't want consumers to install this package themselves, as it would quickly lead to version mismatches
+*/
+export * from '@internationalized/date';
+//# sourceMappingURL=date.js.map

package/dist/esm/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../src/date.ts"],"names":[],"mappings":"AAAA;;;;;;;;EAQE;AAEF,cAAc,yBAAyB,CAAC","sourcesContent":["/*\nThis file is an entrypoint for `@cimpress-ui/react/date`.\n\nWe re-export the `@internationalized/date` package because:\n- `react-aria-components` specifies it as a dependency, and can bump its version at any time\n- we don't want this package as a peer dependency, because then we would have to release a new major version of `@cimpress-ui/react`\n  after every version bump of `react-aria-components`\n- we don't want consumers to install this package themselves, as it would quickly lead to version mismatches\n*/\n\nexport * from '@internationalized/date';\n"]}

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

@@ -0,0 +1,3 @@
+export * from './localization-provider.js';
+export * from './messages/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC"}

package/dist/esm/i18n/index.js

@@ -0,0 +1,3 @@
+export * from './localization-provider.js';
+export * from './messages/index.js';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/i18n/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC","sourcesContent":["export * from './localization-provider.js';\nexport * from './messages/index.js';\n"]}

package/dist/esm/i18n/localization-provider.d.ts

@@ -0,0 +1,59 @@
+import { type ReactNode } from 'react';
+import { type LocalizedStringFormatter } from 'react-aria';
+import { useLocale as useRACLocale } from 'react-aria-components';
+import { type LocalizedMessages, type LocalizedString } from './messages/index.js';
+/** Defines the shape of an object containing localized strings. */
+export type Messages = Record<string, Record<string, LocalizedString>>;
+/** A utility type that makes every property optional within an object containing localized strings. */
+export type PartialMessages<T extends Messages> = {
+    [P in keyof T]?: Partial<T[P]>;
+};
+/** Contains information about the current locale. */
+export type LocaleInfo = ReturnType<typeof useRACLocale>;
+/**
+ * Returns the current locale and layout direction.
+ *
+ * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).
+ */
+export declare function useLocaleInfo(): LocaleInfo;
+/**
+ * Creates type-safe tools for localizing custom components.
+ *
+ * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).
+ */
+export declare function UNSTABLE_createLocalizationTools<T extends Messages = LocalizedMessages>(): {
+    /**
+     * Provides localization data to Cimpress UI components.
+     *
+     * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).
+     */
+    LocalizationProvider: {
+        ({ children, locale: newLocale, messages: newMessages, }: {
+            /** The component tree that will be localized (usually the entire application). */
+            children: ReactNode;
+            /** The locale to apply to the children. Should be a [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code. */
+            locale?: string;
+            /** The localized messages for use by the components within this component tree. */
+            messages?: PartialMessages<T>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * Returns a localized message formatter for a specific component.
+     *
+     * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).
+     */
+    useLocalizedMessages: <R extends keyof T>(key: R) => LocalizedStringFormatter<keyof T[R], string>;
+};
+export declare const LocalizationProvider: {
+    ({ children, locale: newLocale, messages: newMessages, }: {
+        /** The component tree that will be localized (usually the entire application). */
+        children: ReactNode;
+        /** The locale to apply to the children. Should be a [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code. */
+        locale?: string;
+        /** The localized messages for use by the components within this component tree. */
+        messages?: PartialMessages<LocalizedMessages> | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+}, useLocalizedMessages: <R extends keyof LocalizedMessages>(key: R) => LocalizedStringFormatter<keyof LocalizedMessages[R], string>;
+//# sourceMappingURL=localization-provider.d.ts.map

package/dist/esm/i18n/localization-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"localization-provider.d.ts","sourceRoot":"","sources":["../../../src/i18n/localization-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,EAAE,KAAK,wBAAwB,EAA+B,MAAM,YAAY,CAAC;AACxF,OAAO,EAAmC,SAAS,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAQ,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEzF,mEAAmE;AACnE,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;AACvE,uGAAuG;AACvG,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,QAAQ,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAIrF,qDAAqD;AACrD,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AAEzD;;;;GAIG;AACH,wBAAgB,aAAa,IAAI,UAAU,CAE1C;AAED;;;;GAIG;AACH,wBAAgB,gCAAgC,CAAC,CAAC,SAAS,QAAQ,GAAG,iBAAiB;IAoDnF;;;;OAIG;;kEAnDF;YACD,kFAAkF;YAClF,QAAQ,EAAE,SAAS,CAAC;YACpB,sHAAsH;YACtH,MAAM,CAAC,EAAE,MAAM,CAAC;YAChB,mFAAmF;YACnF,QAAQ,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,CAAC;SAC/B;;;IA8CC;;;;OAIG;2BAnCyB,CAAC,SAAS,MAAM,CAAC,OAExC,CAAC,KACL,wBAAwB,CAEzB,MAAM,CAAC,CAAC,CAAC,CAAC,EACV,MAAM,CACP;EA+BF;AAED,eAAO,MAAQ,oBAAoB;;QA7D/B,kFAAkF;kBACxE,SAAS;QACnB,sHAAsH;iBAC7G,MAAM;QACf,mFAAmF;;;;GAyDlD,oBAAoB,GAxCzB,CAAC,yGAwC+D,CAAC"}

package/dist/esm/i18n/localization-provider.js

@@ -0,0 +1,76 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from 'react';
+import { useLocalizedStringFormatter } from 'react-aria';
+import { I18nProvider as RACI18nProvider, useLocale as useRACLocale } from 'react-aria-components';
+import { enUS } from './messages/index.js';
+const LocalizedMessagesContext = createContext(enUS);
+/**
+ * Returns the current locale and layout direction.
+ *
+ * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).
+ */
+export function useLocaleInfo() {
+    return useRACLocale();
+}
+/**
+ * Creates type-safe tools for localizing custom components.
+ *
+ * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).
+ */
+export function UNSTABLE_createLocalizationTools() {
+    function LocalizationProvider({ children, locale: newLocale, messages: newMessages, }) {
+        const messages = useContext(LocalizedMessagesContext);
+        const { locale } = useLocaleInfo();
+        const patchedMessages = useMemo(() => patchMessages(messages, newMessages), [messages, newMessages]);
+        return (_jsx(LocalizedMessagesContext.Provider, { value: patchedMessages, children: _jsx(RACI18nProvider, { locale: newLocale ?? locale, children: children }) }));
+    }
+    LocalizationProvider.displayName = 'LocalizationProvider';
+    function useLocalizedMessages(
+    /** The key under which the messages are grouped, usually the component name. */
+    key) {
+        const { locale } = useLocaleInfo();
+        const messages = useContext(LocalizedMessagesContext);
+        return useLocalizedStringFormatter({
+            // `useLocalizedStringFormatter` expects its argument to contain messages for a single component, grouped by locale
+            [locale]: messages[key],
+        }, key);
+    }
+    return {
+        /**
+         * Provides localization data to Cimpress UI components.
+         *
+         * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).
+         */
+        LocalizationProvider,
+        /**
+         * Returns a localized message formatter for a specific component.
+         *
+         * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).
+         */
+        useLocalizedMessages,
+    };
+}
+export const { LocalizationProvider, useLocalizedMessages } = UNSTABLE_createLocalizationTools();
+/** Patch object `a` with properties from object `b` while ignoring undefined values. */
+function patchMessages(a, b) {
+    if (!b || Object.values(b).every((value) => value === undefined)) {
+        return a;
+    }
+    const result = { ...a };
+    for (const [componentKey, componentMessages] of Object.entries(b)) {
+        if (!componentMessages || Object.values(componentMessages).every((value) => value === undefined)) {
+            continue;
+        }
+        const castComponentKey = componentKey;
+        result[castComponentKey] = { ...result[castComponentKey] };
+        for (const [messageKey, message] of Object.entries(componentMessages)) {
+            if (message) {
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                result[castComponentKey][messageKey] = message;
+            }
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=localization-provider.js.map

package/dist/esm/i18n/localization-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"localization-provider.js","sourceRoot":"","sources":["../../../src/i18n/localization-provider.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { createContext, useContext, useMemo, type ReactNode } from 'react';\nimport { type LocalizedStringFormatter, useLocalizedStringFormatter } from 'react-aria';\nimport { I18nProvider as RACI18nProvider, useLocale as useRACLocale } from 'react-aria-components';\nimport { enUS, type LocalizedMessages, type LocalizedString } from './messages/index.js';\n\n/** Defines the shape of an object containing localized strings. */\nexport type Messages = Record<string, Record<string, LocalizedString>>;\n/** A utility type that makes every property optional within an object containing localized strings. */\nexport type PartialMessages<T extends Messages> = { [P in keyof T]?: Partial<T[P]> };\n\nconst LocalizedMessagesContext = createContext<Messages>(enUS);\n\n/** Contains information about the current locale. */\nexport type LocaleInfo = ReturnType<typeof useRACLocale>;\n\n/**\n * Returns the current locale and layout direction.\n *\n * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).\n */\nexport function useLocaleInfo(): LocaleInfo {\n  return useRACLocale();\n}\n\n/**\n * Creates type-safe tools for localizing custom components.\n *\n * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).\n */\nexport function UNSTABLE_createLocalizationTools<T extends Messages = LocalizedMessages>() {\n  function LocalizationProvider({\n    children,\n    locale: newLocale,\n    messages: newMessages,\n  }: {\n    /** The component tree that will be localized (usually the entire application). */\n    children: ReactNode;\n    /** The locale to apply to the children. Should be a [BCP47](https://www.ietf.org/rfc/bcp/bcp47.txt) language code. */\n    locale?: string;\n    /** The localized messages for use by the components within this component tree. */\n    messages?: PartialMessages<T>;\n  }) {\n    const messages = useContext(LocalizedMessagesContext) as T;\n    const { locale } = useLocaleInfo();\n\n    const patchedMessages: T = useMemo(() => patchMessages(messages, newMessages), [messages, newMessages]);\n\n    return (\n      <LocalizedMessagesContext.Provider value={patchedMessages}>\n        <RACI18nProvider locale={newLocale ?? locale}>{children}</RACI18nProvider>\n      </LocalizedMessagesContext.Provider>\n    );\n  }\n\n  LocalizationProvider.displayName = 'LocalizationProvider';\n\n  function useLocalizedMessages<R extends keyof T>(\n    /** The key under which the messages are grouped, usually the component name. */\n    key: R,\n  ): LocalizedStringFormatter<\n    // @ts-expect-error `keyof` infers `string | number | symbol` even though this interface only has string keys\n    keyof T[R],\n    string\n  > {\n    const { locale } = useLocaleInfo();\n    const messages = useContext(LocalizedMessagesContext) as T;\n\n    return useLocalizedStringFormatter<\n      // @ts-expect-error `keyof` infers `string | number | symbol` even though this interface only has string keys\n      keyof T[R],\n      string\n    >(\n      {\n        // `useLocalizedStringFormatter` expects its argument to contain messages for a single component, grouped by locale\n        [locale]: messages[key],\n      },\n      key as string,\n    );\n  }\n\n  return {\n    /**\n     * Provides localization data to Cimpress UI components.\n     *\n     * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).\n     */\n    LocalizationProvider,\n    /**\n     * Returns a localized message formatter for a specific component.\n     *\n     * See [localization guide](https://ui.cimpress.io/dev-guides/localization/).\n     */\n    useLocalizedMessages,\n  };\n}\n\nexport const { LocalizationProvider, useLocalizedMessages } = UNSTABLE_createLocalizationTools();\n\n/** Patch object `a` with properties from object `b` while ignoring undefined values. */\nfunction patchMessages<T extends Messages>(a: T, b?: PartialMessages<T>): T {\n  if (!b || Object.values(b).every((value) => value === undefined)) {\n    return a;\n  }\n\n  const result: T = { ...a };\n\n  for (const [componentKey, componentMessages] of Object.entries(b)) {\n    if (!componentMessages || Object.values(componentMessages).every((value) => value === undefined)) {\n      continue;\n    }\n\n    const castComponentKey = componentKey as keyof T;\n\n    result[castComponentKey] = { ...result[castComponentKey] };\n\n    for (const [messageKey, message] of Object.entries(componentMessages)) {\n      if (message) {\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        (result[castComponentKey] as any)[messageKey] = message;\n      }\n    }\n  }\n\n  return result;\n}\n"]}

package/dist/esm/i18n/messages/en-US.d.ts

@@ -0,0 +1,4 @@
+import type { LocalizedMessages } from './types.js';
+/** Strings used by Cimpress UI components, localized in the `en-US` locale. */
+export declare const enUS: LocalizedMessages;
+//# sourceMappingURL=en-US.d.ts.map

package/dist/esm/i18n/messages/en-US.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-US.d.ts","sourceRoot":"","sources":["../../../../src/i18n/messages/en-US.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAEpD,+EAA+E;AAC/E,eAAO,MAAM,IAAI,EAAE,iBAuClB,CAAC"}

package/dist/esm/i18n/messages/en-US.js

@@ -0,0 +1,41 @@
+// @ts-nocheck
+/** Strings used by Cimpress UI components, localized in the `en-US` locale. */
+export const enUS = {
+    common: { dismiss: `Dismiss` },
+    label: { required: `(required)` },
+    datePicker: {
+        clearValue: `Clear`,
+        openCalendar: `Open calendar`,
+        previousMonth: `Previous month`,
+        nextMonth: `Next month`,
+        switchToYearView: `Year view`,
+        previousYear: `Previous year`,
+        nextYear: `Next year`,
+        switchToMultiYearView: `Multi-year view`,
+        previousMultiYearSection: (args, formatter) => `Previous ${formatter.number(args.yearCount)} years`,
+        nextMultiYearSection: (args, formatter) => `Next ${formatter.number(args.yearCount)} years`,
+    },
+    numberField: { decrement: `Decrement`, increment: `Increment` },
+    pagination: {
+        goToPage: (args, formatter) => `Page ${formatter.number(args.pageNumber)}`,
+        previousPage: `Previous page`,
+        nextPage: `Next page`,
+        selectedPageAnnouncement: (args, formatter) => `Selected page: ${formatter.number(args.pageNumber)}`,
+    },
+    tagField: {
+        itemsSelected: (args, formatter) => `${formatter.plural(args.selectedItemCount, { one: () => `${formatter.number(args.selectedItemCount)} item selected`, other: () => `${formatter.number(args.selectedItemCount)} items selected` })}`,
+    },
+    filePicker: {
+        chooseFile: `Choose file`,
+        noFilesSelected: (args, formatter) => `${formatter.select({ true: `No files selected`, other: `No file selected` }, args.allowsMultiple)}`,
+        multipleFilesSelected: (args, formatter) => `${formatter.number(args.fileCount)} files`,
+    },
+    table: { toggleColumnSortOrder: `Toggle sort order of column:` },
+    simpleAuthTool: {
+        logIn: `Log in`,
+        logOut: `Log out`,
+        profileDetails: (args) => `Profile details for ${args.userFullName}`,
+        unknownUser: `Unknown User`,
+    },
+};
+//# sourceMappingURL=en-US.js.map