@cimpress-ui/react 0.2.1 → 0.3.0

package/dist/commonjs/components/tag/tag-group.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UNSTABLE_TagGroup = void 0;
+exports.TagGroup = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const react_aria_components_1 = require("react-aria-components");
 const forward_ref_js_1 = require("../../forward-ref.js");
 const with_style_props_js_1 = require("../../with-style-props.js");
 const form_field_js_1 = require("../internal/form-field/form-field.js");
-function UNSTABLE_TagGroup({ label, description, error, children, isRequired, items, renderEmptyState, size = 'medium', UNSAFE_className, UNSAFE_style, ...props }, ref) {
+function TagGroup({ label, description, error, children, isRequired, items, renderEmptyState, size = 'medium', UNSAFE_className, UNSAFE_style, ...props }, ref) {
     if (props.selectionMode != null && props.selectionMode !== 'none' && props.onRemove != null) {
         console.error('`onRemove` is not supported when `selectionMode` is set to anything other than `"none"`');
     }
@@ -22,6 +22,6 @@ function UNSTABLE_TagGroup({ label, description, error, children, isRequired, it
  *
  * See [tag group usage guidelines](https://ui.cimpress.io/components/tag-group/).
  */
-const _UNSTABLE_TagGroup = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(UNSTABLE_TagGroup), 'TagGroup');
-exports.UNSTABLE_TagGroup = _UNSTABLE_TagGroup;
+const _TagGroup = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(TagGroup), 'TagGroup');
+exports.TagGroup = _TagGroup;
 //# sourceMappingURL=tag-group.js.map

package/dist/commonjs/components/tag/tag-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag-group.js","sourceRoot":"","sources":["../../../../src/components/tag/tag-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AAExB,iEAK+B;AAC/B,yDAAkD;AAClD,mEAA2D;AAC3D,wEAAgH;AAoBhH,SAAS,iBAAiB,CACxB,EACE,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,IAAI,GAAG,QAAQ,EACf,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACkB,EAC5B,GAAiC;IAEjC,IAAI,KAAK,CAAC,aAAa,IAAI,IAAI,IAAI,KAAK,CAAC,aAAa,KAAK,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,IAAI,EAAE,CAAC;QAC5F,OAAO,CAAC,KAAK,CAAC,yFAAyF,CAAC,CAAC;IAC3G,CAAC;IAED,OAAO,CACL,wBAAC,gCAAW,OACN,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,eAAe,EAAE,gBAAgB,CAAC,EAClD,KAAK,EAAE,YAAY,eACR,IAAI,aAEf,uBAAC,8BAAc,IAAC,UAAU,EAAE,UAAU,YAAG,KAAK,GAAkB,EAChE,uBAAC,+BAAU,IAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,YACxF,QAAQ,GACE,EACZ,KAAK,IAAI,uBAAC,kCAAkB,cAAE,KAAK,GAAsB,EAC1D,uBAAC,oCAAoB,cAAE,WAAW,GAAwB,IAC9C,CACf,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,kBAAkB,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,+CAAiB","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef } from 'react';\nimport {\n  TagGroup as RACTagGroup,\n  TagList as RACTagList,\n  type TagGroupProps as RACTagGroupProps,\n  type TagListProps as RACTagListProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldErrorText, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport type { CollectionItem, CommonProps, FieldProps, Key } from '../types.js';\n\nexport interface UNSTABLE_TagGroupProps<T extends CollectionItem = CollectionItem>\n  extends CommonProps,\n    // `TagGroup` doesn't support `validate` or `error` because it's not a form field\n    Omit<FieldProps<Key[]>, 'validate' | 'error'>,\n    Pick<\n      RACTagGroupProps,\n      'selectionMode' | 'defaultSelectedKeys' | 'selectedKeys' | 'disabledKeys' | 'onSelectionChange' | 'onRemove'\n    >,\n    Pick<RACTagListProps<T>, 'children' | 'items' | 'renderEmptyState'> {\n  /** Whether the tag group is required. */\n  isRequired?: boolean;\n  /** The error message to display. */\n  error?: string;\n  /** The size of the tags. */\n  size?: 'small' | 'medium' | 'large';\n}\n\nfunction UNSTABLE_TagGroup<T extends CollectionItem>(\n  {\n    label,\n    description,\n    error,\n    children,\n    isRequired,\n    items,\n    renderEmptyState,\n    size = 'medium',\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: UNSTABLE_TagGroupProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  if (props.selectionMode != null && props.selectionMode !== 'none' && props.onRemove != null) {\n    console.error('`onRemove` is not supported when `selectionMode` is set to anything other than `\"none\"`');\n  }\n\n  return (\n    <RACTagGroup\n      {...props}\n      ref={ref}\n      className={clsx('cim-tag-group', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-size={size}\n    >\n      <FormFieldLabel isRequired={isRequired}>{label}</FormFieldLabel>\n      <RACTagList className=\"cim-tag-group-list\" items={items} renderEmptyState={renderEmptyState}>\n        {children}\n      </RACTagList>\n      {error && <FormFieldErrorText>{error}</FormFieldErrorText>}\n      <FormFieldDescription>{description}</FormFieldDescription>\n    </RACTagGroup>\n  );\n}\n\n/**\n * Displays a group of tags. Allows for selecting or removing tags.\n *\n * See [tag group usage guidelines](https://ui.cimpress.io/components/tag-group/).\n */\nconst _UNSTABLE_TagGroup = withStyleProps(forwardRef(UNSTABLE_TagGroup), 'TagGroup');\n\nexport { _UNSTABLE_TagGroup as UNSTABLE_TagGroup };\n"]}
+{"version":3,"file":"tag-group.js","sourceRoot":"","sources":["../../../../src/components/tag/tag-group.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AAExB,iEAK+B;AAC/B,yDAAkD;AAClD,mEAA2D;AAC3D,wEAAgH;AAsBhH,SAAS,QAAQ,CACf,EACE,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAQ,EACR,UAAU,EACV,KAAK,EACL,gBAAgB,EAChB,IAAI,GAAG,QAAQ,EACf,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACS,EACnB,GAAiC;IAEjC,IAAI,KAAK,CAAC,aAAa,IAAI,IAAI,IAAI,KAAK,CAAC,aAAa,KAAK,MAAM,IAAI,KAAK,CAAC,QAAQ,IAAI,IAAI,EAAE,CAAC;QAC5F,OAAO,CAAC,KAAK,CAAC,yFAAyF,CAAC,CAAC;IAC3G,CAAC;IAED,OAAO,CACL,wBAAC,gCAAW,OACN,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,eAAe,EAAE,gBAAgB,CAAC,EAClD,KAAK,EAAE,YAAY,eACR,IAAI,aAEf,uBAAC,8BAAc,IAAC,UAAU,EAAE,UAAU,YAAG,KAAK,GAAkB,EAChE,uBAAC,+BAAU,IAAC,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,YACxF,QAAQ,GACE,EACZ,KAAK,IAAI,uBAAC,kCAAkB,cAAE,KAAK,GAAsB,EAC1D,uBAAC,oCAAoB,cAAE,WAAW,GAAwB,IAC9C,CACf,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,SAAS,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAE7C,6BAAQ","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport {\n  TagGroup as RACTagGroup,\n  TagList as RACTagList,\n  type TagGroupProps as RACTagGroupProps,\n  type TagListProps as RACTagListProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldErrorText, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport type { CollectionItem, CommonProps, FieldProps, Key } from '../types.js';\n\nexport interface TagGroupProps<T extends CollectionItem = CollectionItem>\n  extends CommonProps,\n    // `TagGroup` doesn't support `validate` or `error` because it's not a form field\n    Omit<FieldProps<Key[]>, 'validate' | 'error'>,\n    Pick<\n      RACTagGroupProps,\n      'selectionMode' | 'defaultSelectedKeys' | 'selectedKeys' | 'disabledKeys' | 'onSelectionChange' | 'onRemove'\n    >,\n    Pick<RACTagListProps<T>, 'children' | 'items'> {\n  /** Whether the tag group is required. */\n  isRequired?: boolean;\n  /** The error message to display. */\n  error?: string;\n  /** The size of the tags. */\n  size?: 'medium' | 'large';\n  /** Provides content to display when there are no tags in the group. */\n  renderEmptyState?: () => ReactNode;\n}\n\nfunction TagGroup<T extends CollectionItem>(\n  {\n    label,\n    description,\n    error,\n    children,\n    isRequired,\n    items,\n    renderEmptyState,\n    size = 'medium',\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: TagGroupProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  if (props.selectionMode != null && props.selectionMode !== 'none' && props.onRemove != null) {\n    console.error('`onRemove` is not supported when `selectionMode` is set to anything other than `\"none\"`');\n  }\n\n  return (\n    <RACTagGroup\n      {...props}\n      ref={ref}\n      className={clsx('cim-tag-group', UNSAFE_className)}\n      style={UNSAFE_style}\n      data-size={size}\n    >\n      <FormFieldLabel isRequired={isRequired}>{label}</FormFieldLabel>\n      <RACTagList className=\"cim-tag-group-list\" items={items} renderEmptyState={renderEmptyState}>\n        {children}\n      </RACTagList>\n      {error && <FormFieldErrorText>{error}</FormFieldErrorText>}\n      <FormFieldDescription>{description}</FormFieldDescription>\n    </RACTagGroup>\n  );\n}\n\n/**\n * Displays a group of tags. Allows for selecting or removing tags.\n *\n * See [tag group usage guidelines](https://ui.cimpress.io/components/tag-group/).\n */\nconst _TagGroup = withStyleProps(forwardRef(TagGroup), 'TagGroup');\n\nexport { _TagGroup as TagGroup };\n"]}

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

@@ -2,16 +2,17 @@ import type { ReactNode } from 'react';
 import { type TagProps as RACTagProps } from 'react-aria-components';
 import type { StringLikeChildren } from '../types.js';
 import type { CommonProps } from '../types.js';
-export interface UNSTABLE_TagProps extends Omit<CommonProps, 'id'>, Pick<RACTagProps, 'id' | 'isDisabled'> {
+export interface TagProps extends Omit<CommonProps, 'id'>, Pick<RACTagProps, 'id' | 'isDisabled'> {
+    /** The content to display as the label. */
     children: StringLikeChildren;
-    /**
-     * The icon to display at the start of the tag.
-     *
-     * Should not be used when size is set to `small` as icons won't be displayed at this size.
-     */
+    /** The icon to display at the start of the tag. */
     iconStart?: ReactNode;
 }
-/** Displays a tag within a tag group. */
-declare const _UNSTABLE_Tag: (props: UNSTABLE_TagProps & import("react").RefAttributes<HTMLElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
-export { _UNSTABLE_Tag as UNSTABLE_Tag };
+/**
+ * Displays a single tag within a tag group.
+ *
+ * See [tag group usage guidelines](https://ui.cimpress.io/components/tag-group/).
+ */
+declare const _Tag: (props: TagProps & import("react").RefAttributes<HTMLElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _Tag as Tag };
 //# sourceMappingURL=tag.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/tag.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAiB,KAAK,QAAQ,IAAI,WAAW,EAAuB,MAAM,uBAAuB,CAAC;AAIzG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,YAAY,CAAC;IACxG,QAAQ,EAAE,kBAAkB,CAAC;IAC7B;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAgCD,yCAAyC;AACzC,QAAA,MAAM,aAAa,gKAAkD,CAAC;AAEtE,OAAO,EAAE,aAAa,IAAI,YAAY,EAAE,CAAC"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/tag.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAiB,KAAK,QAAQ,IAAI,WAAW,EAAuB,MAAM,uBAAuB,CAAC;AAIzG,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,QAAS,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,IAAI,GAAG,YAAY,CAAC;IAC/F,2CAA2C;IAC3C,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,mDAAmD;IACnD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAgCD;;;;GAIG;AACH,QAAA,MAAM,IAAI,uJAAyC,CAAC;AAEpD,OAAO,EAAE,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/commonjs/components/tag/tag.js

@@ -1,20 +1,25 @@
+'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_Tag = void 0;
+exports.Tag = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const react_aria_components_1 = require("react-aria-components");
 const forward_ref_js_1 = require("../../forward-ref.js");
 const index_js_1 = require("../../icons/index.js");
 const with_style_props_js_1 = require("../../with-style-props.js");
-function UNSTABLE_Tag({ children, iconStart, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+function Tag({ children, iconStart, UNSAFE_className, UNSAFE_style, ...props }, ref) {
     const textValue = typeof children === 'string' ? children : typeof children === 'number' ? String(children) : children.join('');
-    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.Tag, { ...props, ref: ref, className: (0, clsx_1.default)('cim-tag', UNSAFE_className), style: UNSAFE_style, textValue: textValue, children: ({ allowsRemoving }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [iconStart && (0, jsx_runtime_1.jsx)("div", { className: "cim-tag-icon", children: iconStart }), (0, jsx_runtime_1.jsx)("span", { className: "cim-tag-text", children: children }), allowsRemoving && ((0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "remove", children: (0, jsx_runtime_1.jsx)(index_js_1.UNSTABLE_IconClose, {}) }))] })) }));
+    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.Tag, { ...props, ref: ref, className: (0, clsx_1.default)('cim-tag', UNSAFE_className), style: UNSAFE_style, textValue: textValue, children: ({ allowsRemoving }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [iconStart && (0, jsx_runtime_1.jsx)("div", { className: "cim-tag-icon", children: iconStart }), (0, jsx_runtime_1.jsx)("span", { className: "cim-tag-text", children: children }), allowsRemoving && ((0, jsx_runtime_1.jsx)(react_aria_components_1.Button, { slot: "remove", children: (0, jsx_runtime_1.jsx)(index_js_1.IconCloseBold, {}) }))] })) }));
 }
-/** Displays a tag within a tag group. */
-const _UNSTABLE_Tag = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(UNSTABLE_Tag), 'Tag');
-exports.UNSTABLE_Tag = _UNSTABLE_Tag;
+/**
+ * Displays a single tag within a tag group.
+ *
+ * See [tag group usage guidelines](https://ui.cimpress.io/components/tag-group/).
+ */
+const _Tag = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(Tag), 'Tag');
+exports.Tag = _Tag;
 //# sourceMappingURL=tag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../../src/components/tag/tag.tsx"],"names":[],"mappings":";;;;;;;AAAA,gDAAwB;AAExB,iEAAyG;AACzG,yDAAkD;AAClD,mDAA0D;AAC1D,mEAA2D;AAc3D,SAAS,YAAY,CACnB,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAqB,EACpF,GAA8B;IAE9B,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,2BAAM,OACD,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,SAAS,EAAE,gBAAgB,CAAC,EAC5C,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,SAAS,YAEnB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,6DACG,SAAS,IAAI,gCAAK,SAAS,EAAC,cAAc,YAAE,SAAS,GAAO,EAC7D,iCAAM,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAQ,EAC/C,cAAc,IAAI,CACjB,uBAAC,8BAAS,IAAC,IAAI,EAAC,QAAQ,YACtB,uBAAC,6BAAkB,KAAG,GACZ,CACb,IACA,CACJ,GACM,CACV,CAAC;AACJ,CAAC;AAED,yCAAyC;AACzC,MAAM,aAAa,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,YAAY,CAAC,EAAE,KAAK,CAAC,CAAC;AAE5C,qCAAY","sourcesContent":["import clsx from 'clsx';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { Tag as RACTag, type TagProps as RACTagProps, Button as RACButton } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { UNSTABLE_IconClose } from '../../icons/index.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { StringLikeChildren } from '../types.js';\nimport type { CommonProps } from '../types.js';\n\nexport interface UNSTABLE_TagProps extends Omit<CommonProps, 'id'>, Pick<RACTagProps, 'id' | 'isDisabled'> {\n  children: StringLikeChildren;\n  /**\n   * The icon to display at the start of the tag.\n   *\n   * Should not be used when size is set to `small` as icons won't be displayed at this size.\n   */\n  iconStart?: ReactNode;\n}\n\nfunction UNSTABLE_Tag(\n  { children, iconStart, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_TagProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const textValue =\n    typeof children === 'string' ? children : typeof children === 'number' ? String(children) : children.join('');\n\n  return (\n    <RACTag\n      {...props}\n      ref={ref}\n      className={clsx('cim-tag', UNSAFE_className)}\n      style={UNSAFE_style}\n      textValue={textValue}\n    >\n      {({ allowsRemoving }) => (\n        <>\n          {iconStart && <div className=\"cim-tag-icon\">{iconStart}</div>}\n          <span className=\"cim-tag-text\">{children}</span>\n          {allowsRemoving && (\n            <RACButton slot=\"remove\">\n              <UNSTABLE_IconClose />\n            </RACButton>\n          )}\n        </>\n      )}\n    </RACTag>\n  );\n}\n\n/** Displays a tag within a tag group. */\nconst _UNSTABLE_Tag = withStyleProps(forwardRef(UNSTABLE_Tag), 'Tag');\n\nexport { _UNSTABLE_Tag as UNSTABLE_Tag };\n"]}
+{"version":3,"file":"tag.js","sourceRoot":"","sources":["../../../../src/components/tag/tag.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AAExB,iEAAyG;AACzG,yDAAkD;AAClD,mDAAqD;AACrD,mEAA2D;AAW3D,SAAS,GAAG,CACV,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAY,EAC3E,GAA8B;IAE9B,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,2BAAM,OACD,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,SAAS,EAAE,gBAAgB,CAAC,EAC5C,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,SAAS,YAEnB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CACvB,6DACG,SAAS,IAAI,gCAAK,SAAS,EAAC,cAAc,YAAE,SAAS,GAAO,EAC7D,iCAAM,SAAS,EAAC,cAAc,YAAE,QAAQ,GAAQ,EAC/C,cAAc,IAAI,CACjB,uBAAC,8BAAS,IAAC,IAAI,EAAC,QAAQ,YACtB,uBAAC,wBAAa,KAAG,GACP,CACb,IACA,CACJ,GACM,CACV,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,IAAI,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAEnC,mBAAG","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { Tag as RACTag, type TagProps as RACTagProps, Button as RACButton } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { IconCloseBold } from '../../icons/index.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { StringLikeChildren } from '../types.js';\nimport type { CommonProps } from '../types.js';\n\nexport interface TagProps extends Omit<CommonProps, 'id'>, Pick<RACTagProps, 'id' | 'isDisabled'> {\n  /** The content to display as the label. */\n  children: StringLikeChildren;\n  /** The icon to display at the start of the tag. */\n  iconStart?: ReactNode;\n}\n\nfunction Tag(\n  { children, iconStart, UNSAFE_className, UNSAFE_style, ...props }: TagProps,\n  ref: ForwardedRef<HTMLElement>,\n) {\n  const textValue =\n    typeof children === 'string' ? children : typeof children === 'number' ? String(children) : children.join('');\n\n  return (\n    <RACTag\n      {...props}\n      ref={ref}\n      className={clsx('cim-tag', UNSAFE_className)}\n      style={UNSAFE_style}\n      textValue={textValue}\n    >\n      {({ allowsRemoving }) => (\n        <>\n          {iconStart && <div className=\"cim-tag-icon\">{iconStart}</div>}\n          <span className=\"cim-tag-text\">{children}</span>\n          {allowsRemoving && (\n            <RACButton slot=\"remove\">\n              <IconCloseBold />\n            </RACButton>\n          )}\n        </>\n      )}\n    </RACTag>\n  );\n}\n\n/**\n * Displays a single tag within a tag group.\n *\n * See [tag group usage guidelines](https://ui.cimpress.io/components/tag-group/).\n */\nconst _Tag = withStyleProps(forwardRef(Tag), 'Tag');\n\nexport { _Tag as Tag };\n"]}

package/dist/commonjs/components/text-inputs/text-area.d.ts

@@ -2,7 +2,11 @@ import { type TextAreaProps as RACTextAreaProps, type TextFieldProps as RACTextF
 import type { CommonProps, FieldWithPlaceholderProps } from '../types.js';
 export interface TextAreaProps extends CommonProps, FieldWithPlaceholderProps<string>, Pick<RACTextFieldProps, 'value' | 'defaultValue' | 'onChange' | 'isDisabled' | 'isRequired' | 'isInvalid' | 'isReadOnly' | 'name' | 'type' | 'autoFocus' | 'autoComplete' | 'inputMode' | 'minLength' | 'maxLength' | 'onFocus' | 'onBlur'>, Pick<RACTextAreaProps, 'autoCapitalize' | 'autoCorrect' | 'rows' | 'spellCheck' | 'wrap'> {
 }
-/** Allows users to enter multiple lines of text with a keyboard. */
+/**
+ * Allows users to enter multiple lines of text with a keyboard.
+ *
+ * See [text area usage guidelines](https://ui.cimpress.io/components/text-area/).
+ */
 declare const _TextArea: (props: TextAreaProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
 export { _TextArea as TextArea };
 //# sourceMappingURL=text-area.d.ts.map

package/dist/commonjs/components/text-inputs/text-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../../src/components/text-inputs/text-area.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,cAAc,IAAI,iBAAiB,EAEzC,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,WAAW,EACjB,yBAAyB,CAAC,MAAM,CAAC,EACjC,IAAI,CACF,iBAAiB,EACf,OAAO,GACP,cAAc,GACd,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,MAAM,GACN,MAAM,GACN,WAAW,GACX,cAAc,GACd,WAAW,GACX,WAAW,GACX,WAAW,GACX,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC;CAAG;AAuDhG,oEAAoE;AACpE,QAAA,MAAM,SAAS,+JAAmD,CAAC;AAEnE,OAAO,EAAE,SAAS,IAAI,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"text-area.d.ts","sourceRoot":"","sources":["../../../../src/components/text-inputs/text-area.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,KAAK,aAAa,IAAI,gBAAgB,EACtC,KAAK,cAAc,IAAI,iBAAiB,EAEzC,MAAM,uBAAuB,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAG1E,MAAM,WAAW,aACf,SAAQ,WAAW,EACjB,yBAAyB,CAAC,MAAM,CAAC,EACjC,IAAI,CACF,iBAAiB,EACf,OAAO,GACP,cAAc,GACd,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,WAAW,GACX,YAAY,GACZ,MAAM,GACN,MAAM,GACN,WAAW,GACX,cAAc,GACd,WAAW,GACX,WAAW,GACX,WAAW,GACX,SAAS,GACT,QAAQ,CACX,EACD,IAAI,CAAC,gBAAgB,EAAE,gBAAgB,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,MAAM,CAAC;CAAG;AAsDhG;;;;GAIG;AACH,QAAA,MAAM,SAAS,+JAAmD,CAAC;AAEnE,OAAO,EAAE,SAAS,IAAI,QAAQ,EAAE,CAAC"}

package/dist/commonjs/components/text-inputs/text-area.js

@@ -22,8 +22,11 @@ function TextArea({ label, description, error: errorMessage, placeholder, autoCa
     }, [label, ariaLabel, ariaLabelledBy]);
     return ((0, jsx_runtime_1.jsx)(react_aria_components_1.TextField, { ...props, ref: ref, className: (0, clsx_1.default)('cim-text-area', UNSAFE_className), style: UNSAFE_style, children: ({ isDisabled, isInvalid, isRequired }) => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(form_field_js_1.FormFieldLabel, { isRequired: isRequired, isDisabled: isDisabled, children: label }), (0, jsx_runtime_1.jsx)(react_aria_components_1.Group, { className: "cim-text-area-input-group", isDisabled: isDisabled, isInvalid: isInvalid, children: (0, jsx_runtime_1.jsx)(react_aria_components_1.TextArea, { className: (0, clsx_1.default)('cim-text-area-input', (0, utils_js_1.textStyle)({ variant: 'medium' })), placeholder: placeholder, autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, rows: rows, spellCheck: spellCheck, wrap: wrap }) }), (0, jsx_runtime_1.jsx)(form_field_js_1.FormFieldError, { children: errorMessage }), (0, jsx_runtime_1.jsx)(form_field_js_1.FormFieldDescription, { children: description })] })) }));
 }
-// TODO: add link to usage guidelines
-/** Allows users to enter multiple lines of text with a keyboard. */
+/**
+ * Allows users to enter multiple lines of text with a keyboard.
+ *
+ * See [text area usage guidelines](https://ui.cimpress.io/components/text-area/).
+ */
 const _TextArea = (0, with_style_props_js_1.withStyleProps)((0, forward_ref_js_1.forwardRef)(TextArea), 'TextArea');
 exports.TextArea = _TextArea;
 //# sourceMappingURL=text-area.js.map

package/dist/commonjs/components/text-inputs/text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../../src/components/text-inputs/text-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AACxB,iCAAqD;AACrD,iEAM+B;AAC/B,yDAAkD;AAClD,mEAA2D;AAC3D,wEAA4G;AAE5G,qDAAmD;AA0BnD,SAAS,QAAQ,CACf,EACE,KAAK,EACL,WAAW,EACX,KAAK,EAAE,YAAY,EACnB,WAAW,EACX,cAAc,EACd,WAAW,EACX,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACM,EAChB,GAAiC;IAEjC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE7E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO,CAAC,IAAI,CAAC,iFAAiF,CAAC,CAAC;QAClG,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,uBAAC,iCAAY,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,eAAe,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,YAEvG,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAC1C,6DACE,uBAAC,8BAAc,IAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,YAC3D,KAAK,GACS,EACjB,uBAAC,6BAAQ,IAAC,SAAS,EAAC,2BAA2B,EAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,YAC1F,uBAAC,gCAAW,IACV,SAAS,EAAE,IAAA,cAAI,EAAC,qBAAqB,EAAE,IAAA,oBAAS,EAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EACxE,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,GACV,GACO,EACX,uBAAC,8BAAc,cAAE,YAAY,GAAkB,EAC/C,uBAAC,oCAAoB,cAAE,WAAW,GAAwB,IACzD,CACJ,GACY,CAChB,CAAC;AACJ,CAAC;AAED,qCAAqC;AACrC,oEAAoE;AACpE,MAAM,SAAS,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAE7C,6BAAQ","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useEffect, type ForwardedRef } from 'react';\nimport {\n  TextArea as RACTextArea,\n  TextField as RACTextField,\n  type TextAreaProps as RACTextAreaProps,\n  type TextFieldProps as RACTextFieldProps,\n  Group as RACGroup,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldError, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport type { CommonProps, FieldWithPlaceholderProps } from '../types.js';\nimport { textStyle } from '../typography/utils.js';\n\nexport interface TextAreaProps\n  extends CommonProps,\n    FieldWithPlaceholderProps<string>,\n    Pick<\n      RACTextFieldProps,\n      | 'value'\n      | 'defaultValue'\n      | 'onChange'\n      | 'isDisabled'\n      | 'isRequired'\n      | 'isInvalid'\n      | 'isReadOnly'\n      | 'name'\n      | 'type'\n      | 'autoFocus'\n      | 'autoComplete'\n      | 'inputMode'\n      | 'minLength'\n      | 'maxLength'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    Pick<RACTextAreaProps, 'autoCapitalize' | 'autoCorrect' | 'rows' | 'spellCheck' | 'wrap'> {}\n\nfunction TextArea(\n  {\n    label,\n    description,\n    error: errorMessage,\n    placeholder,\n    autoCapitalize,\n    autoCorrect,\n    rows,\n    spellCheck,\n    wrap,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: TextAreaProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;\n\n  useEffect(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn('TextArea requires one of label / aria-label / aria-labelledby for accessibility');\n    }\n  }, [label, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACTextField {...props} ref={ref} className={clsx('cim-text-area', UNSAFE_className)} style={UNSAFE_style}>\n      {/* RAC doesn't pass `isDisabled` or `isInvalid` to `Group` through context as it does with `NumberField`, so we need to pass them manually */}\n      {({ isDisabled, isInvalid, isRequired }) => (\n        <>\n          <FormFieldLabel isRequired={isRequired} isDisabled={isDisabled}>\n            {label}\n          </FormFieldLabel>\n          <RACGroup className=\"cim-text-area-input-group\" isDisabled={isDisabled} isInvalid={isInvalid}>\n            <RACTextArea\n              className={clsx('cim-text-area-input', textStyle({ variant: 'medium' }))}\n              placeholder={placeholder}\n              autoCapitalize={autoCapitalize}\n              autoCorrect={autoCorrect}\n              rows={rows}\n              spellCheck={spellCheck}\n              wrap={wrap}\n            />\n          </RACGroup>\n          <FormFieldError>{errorMessage}</FormFieldError>\n          <FormFieldDescription>{description}</FormFieldDescription>\n        </>\n      )}\n    </RACTextField>\n  );\n}\n\n// TODO: add link to usage guidelines\n/** Allows users to enter multiple lines of text with a keyboard. */\nconst _TextArea = withStyleProps(forwardRef(TextArea), 'TextArea');\n\nexport { _TextArea as TextArea };\n"]}
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../../src/components/text-inputs/text-area.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AACxB,iCAAqD;AACrD,iEAM+B;AAC/B,yDAAkD;AAClD,mEAA2D;AAC3D,wEAA4G;AAE5G,qDAAmD;AA0BnD,SAAS,QAAQ,CACf,EACE,KAAK,EACL,WAAW,EACX,KAAK,EAAE,YAAY,EACnB,WAAW,EACX,cAAc,EACd,WAAW,EACX,IAAI,EACJ,UAAU,EACV,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACM,EAChB,GAAiC;IAEjC,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAE7E,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO,CAAC,IAAI,CAAC,iFAAiF,CAAC,CAAC;QAClG,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,uBAAC,iCAAY,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAA,cAAI,EAAC,eAAe,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,YAEvG,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,EAAE,EAAE,CAAC,CAC1C,6DACE,uBAAC,8BAAc,IAAC,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,YAC3D,KAAK,GACS,EACjB,uBAAC,6BAAQ,IAAC,SAAS,EAAC,2BAA2B,EAAC,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,YAC1F,uBAAC,gCAAW,IACV,SAAS,EAAE,IAAA,cAAI,EAAC,qBAAqB,EAAE,IAAA,oBAAS,EAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,CAAC,EACxE,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,GACV,GACO,EACX,uBAAC,8BAAc,cAAE,YAAY,GAAkB,EAC/C,uBAAC,oCAAoB,cAAE,WAAW,GAAwB,IACzD,CACJ,GACY,CAChB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,SAAS,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAE7C,6BAAQ","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useEffect, type ForwardedRef } from 'react';\nimport {\n  TextArea as RACTextArea,\n  TextField as RACTextField,\n  type TextAreaProps as RACTextAreaProps,\n  type TextFieldProps as RACTextFieldProps,\n  Group as RACGroup,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldError, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport type { CommonProps, FieldWithPlaceholderProps } from '../types.js';\nimport { textStyle } from '../typography/utils.js';\n\nexport interface TextAreaProps\n  extends CommonProps,\n    FieldWithPlaceholderProps<string>,\n    Pick<\n      RACTextFieldProps,\n      | 'value'\n      | 'defaultValue'\n      | 'onChange'\n      | 'isDisabled'\n      | 'isRequired'\n      | 'isInvalid'\n      | 'isReadOnly'\n      | 'name'\n      | 'type'\n      | 'autoFocus'\n      | 'autoComplete'\n      | 'inputMode'\n      | 'minLength'\n      | 'maxLength'\n      | 'onFocus'\n      | 'onBlur'\n    >,\n    Pick<RACTextAreaProps, 'autoCapitalize' | 'autoCorrect' | 'rows' | 'spellCheck' | 'wrap'> {}\n\nfunction TextArea(\n  {\n    label,\n    description,\n    error: errorMessage,\n    placeholder,\n    autoCapitalize,\n    autoCorrect,\n    rows,\n    spellCheck,\n    wrap,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: TextAreaProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledBy } = props;\n\n  useEffect(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn('TextArea requires one of label / aria-label / aria-labelledby for accessibility');\n    }\n  }, [label, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACTextField {...props} ref={ref} className={clsx('cim-text-area', UNSAFE_className)} style={UNSAFE_style}>\n      {/* RAC doesn't pass `isDisabled` or `isInvalid` to `Group` through context as it does with `NumberField`, so we need to pass them manually */}\n      {({ isDisabled, isInvalid, isRequired }) => (\n        <>\n          <FormFieldLabel isRequired={isRequired} isDisabled={isDisabled}>\n            {label}\n          </FormFieldLabel>\n          <RACGroup className=\"cim-text-area-input-group\" isDisabled={isDisabled} isInvalid={isInvalid}>\n            <RACTextArea\n              className={clsx('cim-text-area-input', textStyle({ variant: 'medium' }))}\n              placeholder={placeholder}\n              autoCapitalize={autoCapitalize}\n              autoCorrect={autoCorrect}\n              rows={rows}\n              spellCheck={spellCheck}\n              wrap={wrap}\n            />\n          </RACGroup>\n          <FormFieldError>{errorMessage}</FormFieldError>\n          <FormFieldDescription>{description}</FormFieldDescription>\n        </>\n      )}\n    </RACTextField>\n  );\n}\n\n/**\n * Allows users to enter multiple lines of text with a keyboard.\n *\n * See [text area usage guidelines](https://ui.cimpress.io/components/text-area/).\n */\nconst _TextArea = withStyleProps(forwardRef(TextArea), 'TextArea');\n\nexport { _TextArea as TextArea };\n"]}

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

@@ -1,9 +1,17 @@
 import type { ReactNode } from 'react';
 import { type TooltipProps as RACTooltipProps } from 'react-aria-components';
 import type { CommonProps } from '../types.js';
-export interface UNSTABLE_TooltipProps extends Omit<CommonProps, 'id'>, Pick<RACTooltipProps, 'placement' | 'isOpen' | 'triggerRef'> {
+export interface TooltipProps extends Omit<CommonProps, 'id'>, Pick<RACTooltipProps, 'placement' | 'isOpen' | 'onOpenChange' | 'triggerRef'> {
+    /** The element that this tooltip describes. Must be focusable and hoverable. */
     children: ReactNode;
+    /** The contents of the tooltip. */
     label: string;
 }
-export declare function UNSTABLE_Tooltip({ children, label, isOpen, UNSAFE_className, UNSAFE_style, ...props }: UNSTABLE_TooltipProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Provides additional information about an element that is hovered or focused.
+ *
+ * See [tooltip usage guidelines](https://ui.cimpress.io/components/tooltip/).
+ */
+declare const _Tooltip: (props: TooltipProps & import("react").RefAttributes<HTMLDivElement>) => import("react").JSX.Element | null;
+export { _Tooltip as Tooltip };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/commonjs/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,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAGL,KAAK,YAAY,IAAI,eAAe,EAErC,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG/C,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,EAC7B,IAAI,CAAC,eAAe,EAAE,WAAW,GAAG,QAAQ,GAAG,YAAY,CAAC;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,qBAAqB,2CAsBvB"}
+{"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"}

package/dist/commonjs/components/tooltip/tooltip.js

@@ -4,12 +4,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UNSTABLE_Tooltip = UNSTABLE_Tooltip;
+exports.Tooltip = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const react_aria_components_1 = require("react-aria-components");
+const forward_ref_js_1 = require("../../forward-ref.js");
 const text_js_1 = require("../typography/text.js");
-function UNSTABLE_Tooltip({ children, label, isOpen, UNSAFE_className, UNSAFE_style, ...props }) {
-    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.TooltipTrigger, { isOpen: isOpen, delay: 300, children: [children, (0, jsx_runtime_1.jsxs)(react_aria_components_1.Tooltip, { ...props, className: (0, clsx_1.default)('cim-tooltip', UNSAFE_className), arrowBoundaryOffset: 8, style: UNSAFE_style, "data-cim-style-root": true, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.OverlayArrow, { className: "cim-tooltip-arrow", children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 10", width: "16", height: "10", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 0h16L8.78 9.024a1 1 0 0 1-1.56 0L0 0Z" }) }) }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "p", variant: "small", children: label })] })] }));
+function Tooltip({ children, label, isOpen, onOpenChange, UNSAFE_className, UNSAFE_style, ...props }, ref) {
+    return ((0, jsx_runtime_1.jsxs)(react_aria_components_1.TooltipTrigger, { isOpen: isOpen, onOpenChange: onOpenChange, delay: 300, closeDelay: 300, children: [children, (0, jsx_runtime_1.jsxs)(react_aria_components_1.Tooltip, { ...props, ref: ref, className: (0, clsx_1.default)('cim-tooltip', UNSAFE_className), style: UNSAFE_style, containerPadding: 16, offset: 5, arrowBoundaryOffset: 4, "data-cim-style-root": true, children: [(0, jsx_runtime_1.jsx)(react_aria_components_1.OverlayArrow, { className: "cim-tooltip-arrow", children: (0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "10", viewBox: "0 0 16 10", children: (0, jsx_runtime_1.jsx)("path", { d: "M0 0H16L8.78087 9.02391C8.38054 9.52432 7.61946 9.52432 7.21913 9.02391L0 0Z" }) }) }), (0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "p", variant: "small", children: label })] })] }));
 }
+/**
+ * Provides additional information about an element that is hovered or focused.
+ *
+ * See [tooltip usage guidelines](https://ui.cimpress.io/components/tooltip/).
+ */
+const _Tooltip = (0, forward_ref_js_1.forwardRef)(Tooltip, 'Tooltip');
+exports.Tooltip = _Tooltip;
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;AAoBb,4CA6BC;;AA/CD,gDAAwB;AAExB,iEAK+B;AAE/B,mDAA6C;AAS7C,SAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,KAAK,EACL,MAAM,EACN,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACc;IACtB,OAAO,CACL,wBAAC,sCAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,aAC1C,QAAQ,EACT,wBAAC,+BAAU,OACL,KAAK,EACT,SAAS,EAAE,IAAA,cAAI,EAAC,aAAa,EAAE,gBAAgB,CAAC,EAChD,mBAAmB,EAAE,CAAC,EACtB,KAAK,EAAE,YAAY,0CAGnB,uBAAC,oCAAe,IAAC,SAAS,EAAC,mBAAmB,YAC5C,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,YAChF,iCAAM,CAAC,EAAC,0CAA0C,GAAG,GACjD,GACU,EAClB,uBAAC,cAAI,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,YACzB,KAAK,GACD,IACI,IACK,CACrB,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { 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 type { CommonProps } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface UNSTABLE_TooltipProps\n  extends Omit<CommonProps, 'id'>,\n    Pick<RACTooltipProps, 'placement' | 'isOpen' | 'triggerRef'> {\n  children: ReactNode;\n  label: string;\n}\n\nexport function UNSTABLE_Tooltip({\n  children,\n  label,\n  isOpen,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...props\n}: UNSTABLE_TooltipProps) {\n  return (\n    <RACTooltipTrigger isOpen={isOpen} delay={300}>\n      {children}\n      <RACTooltip\n        {...props}\n        className={clsx('cim-tooltip', UNSAFE_className)}\n        arrowBoundaryOffset={8}\n        style={UNSAFE_style}\n        data-cim-style-root\n      >\n        <RACOverlayArrow className=\"cim-tooltip-arrow\">\n          <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 10\" width=\"16\" height=\"10\">\n            <path d=\"M0 0h16L8.78 9.024a1 1 0 0 1-1.56 0L0 0Z\" />\n          </svg>\n        </RACOverlayArrow>\n        <Text as=\"p\" variant=\"small\">\n          {label}\n        </Text>\n      </RACTooltip>\n    </RACTooltipTrigger>\n  );\n}\n"]}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AAExB,iEAK+B;AAC/B,yDAAkD;AAElD,mDAA6C;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,wBAAC,sCAAiB,IAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,aACvF,QAAQ,EACT,wBAAC,+BAAU,OACL,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,aAAa,EAAE,gBAAgB,CAAC,EAChD,KAAK,EAAE,YAAY,EACnB,gBAAgB,EAAE,EAAE,EACpB,MAAM,EAAE,CAAC,EACT,mBAAmB,EAAE,CAAC,0CAGtB,uBAAC,oCAAe,IAAC,SAAS,EAAC,mBAAmB,YAC5C,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,YAChF,iCAAM,CAAC,EAAC,8EAA8E,GAAG,GACrF,GACU,EAClB,uBAAC,cAAI,IAAC,EAAE,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,YACzB,KAAK,GACD,IACI,IACK,CACrB,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,QAAQ,GAAG,IAAA,2BAAU,EAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAE3B,2BAAO","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"]}

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

@@ -5,7 +5,7 @@ import type { ForegroundTone } from '../utils/style/types.js';
 /** Represents an identifier for a collection item. */
 export type Key = string | number;
 /** Represents a selection of items in a collection. */
-export type UNSTABLE_Selection = 'all' | Set<Key>;
+export type Selection = 'all' | Set<Key>;
 /** Represents a direction (vertical or horizontal). */
 export type Direction = 'vertical' | 'horizontal';
 /**
@@ -26,7 +26,7 @@ export interface CommonProps {
     /**
      * Use this attribute to "claim" the component tree for exclusive Cimpress UI usage.
      */
-    'data-cim-style-root'?: boolean | 'no-reset';
+    'data-cim-style-root'?: boolean;
     /**
      * Sets the CSS className for the element. Only use as a **last resort**. Use style props instead.
      *
@@ -143,7 +143,7 @@ export interface CollectionProps<T extends CollectionItem> {
     items?: Iterable<T>;
 }
 /** Props available on icons. */
-export interface IconProps extends CommonProps, Pick<LabellableProps, 'aria-label' | 'aria-labelledby'> {
+export interface IconProps extends CommonProps, Pick<AriaLabelingProps, 'aria-label' | 'aria-labelledby'> {
     /**
      * Whether the icon is hidden from assistive technologies.
      * @default true

package/dist/commonjs/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/commonjs/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 UNSTABLE_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 | 'no-reset';\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<LabellableProps, '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  /** 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/commonjs/components/typography/types.d.ts

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react';
 import type { ForegroundTone } from '../../utils/style/types.js';
-import type { CommonProps, LabellableProps } from '../types.js';
+import type { AriaLabelingProps, CommonProps } from '../types.js';
 /**
  * Props available on all typography components.
  */
-export interface BaseTypographyProps extends CommonProps, Omit<LabellableProps, 'label'> {
+export interface BaseTypographyProps extends CommonProps, AriaLabelingProps {
     /** Text to display. Allows nesting other typography components. */
     children: ReactNode;
 }

package/dist/commonjs/components/typography/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IACtF,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,eAAe,GACf,QAAQ,GACR,iBAAiB,GACjB,OAAO,GACP,gBAAgB,CAAC;IACrB,sEAAsE;IACtE,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACnD,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,GAAG,WAAW,CAAC;IACxD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,WAAW,EAAE,iBAAiB;IACzE,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,6CAA6C;IAC7C,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,eAAe,GACf,QAAQ,GACR,iBAAiB,GACjB,OAAO,GACP,gBAAgB,CAAC;IACrB,sEAAsE;IACtE,SAAS,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAChC,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IACnD,uDAAuD;IACvD,cAAc,CAAC,EAAE,MAAM,GAAG,eAAe,GAAG,WAAW,CAAC;IACxD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB"}

package/dist/commonjs/components/typography/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/typography/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\nimport type { ForegroundTone } from '../../utils/style/types.js';\nimport type { CommonProps, LabellableProps } from '../types.js';\n\n/**\n * Props available on all typography components.\n */\nexport interface BaseTypographyProps extends CommonProps, Omit<LabellableProps, 'label'> {\n  /** Text to display. Allows nesting other typography components. */\n  children: ReactNode;\n}\n\nexport interface TextStyleOptions {\n  /** Determines the visual variant of text. */\n  variant?:\n    | 'title-1'\n    | 'title-2'\n    | 'title-3'\n    | 'title-4'\n    | 'title-5'\n    | 'title-6'\n    | 'body'\n    | 'body-semibold'\n    | 'medium'\n    | 'medium-semibold'\n    | 'small'\n    | 'small-semibold';\n  /** Whether the font should be styled with a normal or italic face. */\n  fontStyle?: 'normal' | 'italic';\n  /** Horizontal alignment of text. */\n  alignment?: 'start' | 'center' | 'end' | 'justify';\n  /** The kind of decorative line applied to the text. */\n  textDecoration?: 'none' | 'strikethrough' | 'underline';\n  /** Determines the color tone of the text. */\n  tone?: ForegroundTone;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/typography/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\nimport type { ForegroundTone } from '../../utils/style/types.js';\nimport type { AriaLabelingProps, CommonProps } from '../types.js';\n\n/**\n * Props available on all typography components.\n */\nexport interface BaseTypographyProps extends CommonProps, AriaLabelingProps {\n  /** Text to display. Allows nesting other typography components. */\n  children: ReactNode;\n}\n\nexport interface TextStyleOptions {\n  /** Determines the visual variant of text. */\n  variant?:\n    | 'title-1'\n    | 'title-2'\n    | 'title-3'\n    | 'title-4'\n    | 'title-5'\n    | 'title-6'\n    | 'body'\n    | 'body-semibold'\n    | 'medium'\n    | 'medium-semibold'\n    | 'small'\n    | 'small-semibold';\n  /** Whether the font should be styled with a normal or italic face. */\n  fontStyle?: 'normal' | 'italic';\n  /** Horizontal alignment of text. */\n  alignment?: 'start' | 'center' | 'end' | 'justify';\n  /** The kind of decorative line applied to the text. */\n  textDecoration?: 'none' | 'strikethrough' | 'underline';\n  /** Determines the color tone of the text. */\n  tone?: ForegroundTone;\n}\n"]}

package/dist/commonjs/icons/{minus-small.d.ts → action-redo.d.ts}

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

package/dist/commonjs/icons/action-redo.d.ts.map

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

package/dist/commonjs/icons/action-redo.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
+const displayName = 'IconActionRedo';
+/** Renders an SVG icon. */
+const SvgActionRedo = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M23.293 7.293a1 1 0 0 0 0 1.414L25.586 11H10a7 7 0 1 0 0 14h6a1 1 0 1 0 0-2h-6a5 5 0 0 1 0-10h15.586l-2.293 2.293a1 1 0 0 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0" }) }));
+};
+SvgActionRedo.displayName = displayName;
+exports.default = SvgActionRedo;
+//# sourceMappingURL=action-redo.js.map

package/dist/commonjs/icons/action-redo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-redo.js","sourceRoot":"","sources":["../../../src/icons/action-redo.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,gBAAgB,CAAC;AACrC,2BAA2B;AAC3B,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,iCACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sLAAsL,GACxL,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;AACxC,kBAAe,aAAa,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconActionRedo';\n/** Renders an SVG icon. */\nconst SvgActionRedo = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M23.293 7.293a1 1 0 0 0 0 1.414L25.586 11H10a7 7 0 1 0 0 14h6a1 1 0 1 0 0-2h-6a5 5 0 0 1 0-10h15.586l-2.293 2.293a1 1 0 0 0 1.414 1.414l4-4a1 1 0 0 0 0-1.414l-4-4a1 1 0 0 0-1.414 0\"\n      />\n    </svg>\n  );\n};\nSvgActionRedo.displayName = displayName;\nexport default SvgActionRedo;\n"]}

package/dist/commonjs/icons/action-undo.d.ts

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

package/dist/commonjs/icons/action-undo.d.ts.map

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

package/dist/commonjs/icons/action-undo.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const clsx_1 = __importDefault(require("clsx"));
+const tone_js_1 = require("../utils/style/tone.js");
+const displayName = 'IconActionUndo';
+/** Renders an SVG icon. */
+const SvgActionUndo = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+    const props = {
+        ...rest,
+        'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
+        className: (0, clsx_1.default)('cim-icon', tone && (0, tone_js_1.fgTone)(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M8.707 7.293a1 1 0 0 1 0 1.414L6.414 11H22a7 7 0 1 1 0 14h-6a1 1 0 1 1 0-2h6a5 5 0 0 0 0-10H6.414l2.293 2.293a1 1 0 1 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0" }) }));
+};
+SvgActionUndo.displayName = displayName;
+exports.default = SvgActionUndo;
+//# sourceMappingURL=action-undo.js.map

package/dist/commonjs/icons/action-undo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-undo.js","sourceRoot":"","sources":["../../../src/icons/action-undo.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,gBAAgB,CAAC;AACrC,2BAA2B;AAC3B,MAAM,aAAa,GAAG,CAAC,EACrB,IAAI,EACJ,aAAa,EAAE,UAAU,EACzB,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,IAAI,EACG,EAAE,EAAE;IACd,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,iCACE,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,kLAAkL,GACpL,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,WAAW,GAAG,WAAW,CAAC;AACxC,kBAAe,aAAa,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconActionUndo';\n/** Renders an SVG icon. */\nconst SvgActionUndo = ({\n  size,\n  'aria-hidden': ariaHidden,\n  tone,\n  UNSAFE_className,\n  UNSAFE_style,\n  ...rest\n}: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path\n        fill=\"currentColor\"\n        fillRule=\"evenodd\"\n        d=\"M8.707 7.293a1 1 0 0 1 0 1.414L6.414 11H22a7 7 0 1 1 0 14h-6a1 1 0 1 1 0-2h6a5 5 0 0 0 0-10H6.414l2.293 2.293a1 1 0 1 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0\"\n      />\n    </svg>\n  );\n};\nSvgActionUndo.displayName = displayName;\nexport default SvgActionUndo;\n"]}

package/dist/commonjs/icons/{checkmark.d.ts → add-bold.d.ts}

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

package/dist/commonjs/icons/add-bold.d.ts.map

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

package/dist/commonjs/icons/{alert-triangle.js → add-bold.js}

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
 const clsx_1 = __importDefault(require("clsx"));
 const tone_js_1 = require("../utils/style/tone.js");
-const displayName = 'IconAlertTriangle';
+const displayName = 'IconAddBold';
 /** Renders an SVG icon. */
-const SvgAlertTriangle = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgAddBold = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }) => {
     const props = {
         ...rest,
         'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),
@@ -17,8 +17,8 @@ const SvgAlertTriangle = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_classN
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };
-    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M16.91 4.6a1.018 1.018 0 0 0-1.82 0L5.147 24.489a1.018 1.018 0 0 0 .91 1.474H25.94c.757 0 1.25-.797.91-1.474L16.912 4.6Zm-3.642-.911c1.125-2.252 4.338-2.252 5.464 0l9.941 19.89C29.69 25.608 28.212 28 25.941 28H6.058c-2.27 0-3.747-2.39-2.732-4.422L13.268 3.69Z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { d: "M17 23a1 1 0 1 1-2 0 1 1 0 0 1 2 0" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M16 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1", clipRule: "evenodd" })] }));
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M5 16a2 2 0 0 1 2-2h18a2 2 0 1 1 0 4H7a2 2 0 0 1-2-2" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M16 5a2 2 0 0 1 2 2v18a2 2 0 1 1-4 0V7a2 2 0 0 1 2-2" })] }));
 };
-SvgAlertTriangle.displayName = displayName;
-exports.default = SvgAlertTriangle;
-//# sourceMappingURL=alert-triangle.js.map
+SvgAddBold.displayName = displayName;
+exports.default = SvgAddBold;
+//# sourceMappingURL=add-bold.js.map

package/dist/commonjs/icons/add-bold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-bold.js","sourceRoot":"","sources":["../../../src/icons/add-bold.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,aAAa,CAAC;AAClC,2BAA2B;AAC3B,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IACnH,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAA,cAAI,EAAC,UAAU,EAAE,IAAI,IAAI,IAAA,gBAAM,EAAC,IAAI,CAAC,EAAE,gBAAgB,CAAC;QACnE,KAAK,EAAE,YAAY;QACnB,KAAK,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;QACzC,MAAM,EAAE,IAAI,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,KAAK;KAC3C,CAAC;IACF,OAAO,CACL,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,iCAAM,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,sDAAsD,GAAG,EACxG,iCAAM,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,sDAAsD,GAAG,IACpG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,UAAU,CAAC,WAAW,GAAG,WAAW,CAAC;AACrC,kBAAe,UAAU,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAddBold';\n/** Renders an SVG icon. */\nconst SvgAddBold = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),\n    style: UNSAFE_style,\n    width: size != null ? size + 'px' : '1em',\n    height: size != null ? size + 'px' : '1em',\n  };\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\" data-icon=\"true\" fill=\"currentColor\" {...props}>\n      <path fill=\"currentColor\" fillRule=\"evenodd\" d=\"M5 16a2 2 0 0 1 2-2h18a2 2 0 1 1 0 4H7a2 2 0 0 1-2-2\" />\n      <path fill=\"currentColor\" fillRule=\"evenodd\" d=\"M16 5a2 2 0 0 1 2 2v18a2 2 0 1 1-4 0V7a2 2 0 0 1 2-2\" />\n    </svg>\n  );\n};\nSvgAddBold.displayName = displayName;\nexport default SvgAddBold;\n"]}

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

@@ -17,7 +17,7 @@ const SvgAddCircleFill = ({ size, 'aria-hidden': ariaHidden, tone, UNSAFE_classN
         width: size != null ? size + 'px' : '1em',
         height: size != null ? size + 'px' : '1em',
     };
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", d: "M30 16c0-7.732-6.268-14-14-14S2 8.268 2 16s6.268 14 14 14 14-6.268 14-14m-12.5-6a1.5 1.5 0 0 0-3 0v4.5H10a1.5 1.5 0 0 0 0 3h4.5V22a1.5 1.5 0 0 0 3 0v-4.5H22a1.5 1.5 0 0 0 0-3h-4.5z", clipRule: "evenodd" }) }));
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", fillRule: "evenodd", d: "M30 16c0-7.732-6.268-14-14-14S2 8.268 2 16s6.268 14 14 14 14-6.268 14-14m-12.5-6a1.5 1.5 0 0 0-3 0v4.5H10a1.5 1.5 0 0 0 0 3h4.5V22a1.5 1.5 0 0 0 3 0v-4.5H22a1.5 1.5 0 0 0 0-3h-4.5z" }) }));
 };
 SvgAddCircleFill.displayName = displayName;
 exports.default = SvgAddCircleFill;