@cimpress-ui/react 0.0.1 → 0.2.1

package/dist/esm/components/typography/link.d.ts

@@ -1,14 +1,18 @@
 import type { ReactNode } from 'react';
 import { type LinkProps as RACLinkProps } from 'react-aria-components';
 import type { NavigationProps, WithRequired } from '../types.js';
-import type { BaseTypographyProps } from './types.js';
-export interface LinkProps extends Omit<BaseTypographyProps, 'id'>, WithRequired<NavigationProps, 'href'>, Pick<RACLinkProps, 'isDisabled'> {
+import type { BaseTypographyProps, TextStyleOptions } from './types.js';
+export interface LinkProps extends Omit<BaseTypographyProps, 'id'>, WithRequired<NavigationProps, 'href'>, Pick<TextStyleOptions, 'variant' | 'fontStyle' | 'alignment'>, Pick<RACLinkProps, 'isDisabled' | 'onHoverStart' | 'onHoverEnd'> {
     /** An icon displayed before the link text. */
     iconStart?: ReactNode;
     /** An icon displayed after the link text. */
     iconEnd?: ReactNode;
 }
-/** Displays a textual link that allows users to navigate to another page or resource. */
+/**
+ * Displays a textual link that allows users to navigate to another page or resource.
+ *
+ * See [link usage guidelines](https://ui.cimpress.io/components/link/).
+ */
 declare const _Link: (props: LinkProps & import("react").RefAttributes<HTMLAnchorElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
 export { _Link as Link };
 //# sourceMappingURL=link.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAmB,KAAK,SAAS,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGxF,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAKtD,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,EACrC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,EACrC,IAAI,CAAC,YAAY,EAAE,YAAY,CAAC;IAClC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AA0BD,yFAAyF;AACzF,QAAA,MAAM,KAAK,8JAA2C,CAAC;AAEvD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/link.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAmB,KAAK,SAAS,IAAI,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGxF,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAMxE,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,EACrC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,EACrC,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,WAAW,GAAG,WAAW,CAAC,EAC7D,IAAI,CAAC,YAAY,EAAE,YAAY,GAAG,cAAc,GAAG,YAAY,CAAC;IAClE,8CAA8C;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AA8BD;;;;GAIG;AACH,QAAA,MAAM,KAAK,8JAA2C,CAAC;AAEvD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC"}

package/dist/esm/components/typography/link.js

@@ -4,13 +4,17 @@ import clsx from 'clsx';
 import { Link as RACLink } from 'react-aria-components';
 import { forwardRef } from '../../forward-ref.js';
 import { withStyleProps } from '../../with-style-props.js';
+import { textStyle } from './utils.js';
 // Used to prevent word wrap between icons and text
 const WORD_JOINER = '\u2060';
-function Link({ children, iconStart, iconEnd, UNSAFE_className, UNSAFE_style, ...props }, ref) {
-    return (_jsxs(RACLink, { ...props, ref: ref, className: clsx('cim-link', UNSAFE_className), style: UNSAFE_style, children: [iconStart && (_jsxs(_Fragment, { children: [_jsx("span", { className: "cim-link-icon", children: iconStart }), WORD_JOINER] })), _jsx("span", { className: "cim-link-text", children: children }), iconEnd && (_jsxs(_Fragment, { children: [WORD_JOINER, _jsx("span", { className: "cim-link-icon", children: iconEnd })] }))] }));
+function Link({ children, iconStart, iconEnd, UNSAFE_className, UNSAFE_style, variant, fontStyle, alignment, ...props }, ref) {
+    return (_jsxs(RACLink, { ...props, ref: ref, className: clsx('cim-link', textStyle({ variant, fontStyle, alignment }), UNSAFE_className), style: UNSAFE_style, children: [iconStart && (_jsxs(_Fragment, { children: [_jsx("span", { className: "cim-link-icon", children: iconStart }), WORD_JOINER] })), _jsx("span", { className: "cim-link-text", children: children }), iconEnd && (_jsxs(_Fragment, { children: [WORD_JOINER, _jsx("span", { className: "cim-link-icon", children: iconEnd })] }))] }));
 }
-// TODO: add link to usage guidelines or a dev guide
-/** Displays a textual link that allows users to navigate to another page or resource. */
+/**
+ * Displays a textual link that allows users to navigate to another page or resource.
+ *
+ * See [link usage guidelines](https://ui.cimpress.io/components/link/).
+ */
 const _Link = withStyleProps(forwardRef(Link), 'Link');
 export { _Link as Link };
 //# sourceMappingURL=link.js.map

package/dist/esm/components/typography/link.js.map

@@ -1 +1 @@
-{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/typography/link.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,IAAI,IAAI,OAAO,EAAkC,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAI3D,mDAAmD;AACnD,MAAM,WAAW,GAAG,QAAQ,CAAC;AAY7B,SAAS,IAAI,CACX,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,KAAK,EAAa,EACrF,GAAoC;IAEpC,OAAO,CACL,MAAC,OAAO,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC,EAAE,KAAK,EAAE,YAAY,aAC7F,SAAS,IAAI,CACZ,8BACE,eAAM,SAAS,EAAC,eAAe,YAAE,SAAS,GAAQ,EACjD,WAAW,IACX,CACJ,EACD,eAAM,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAQ,EAChD,OAAO,IAAI,CACV,8BACG,WAAW,EACZ,eAAM,SAAS,EAAC,eAAe,YAAE,OAAO,GAAQ,IAC/C,CACJ,IACO,CACX,CAAC;AACJ,CAAC;AAED,oDAAoD;AACpD,yFAAyF;AACzF,MAAM,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;AAEvD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { Link as RACLink, type LinkProps as RACLinkProps } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { NavigationProps, WithRequired } from '../types.js';\nimport type { BaseTypographyProps } from './types.js';\n\n// Used to prevent word wrap between icons and text\nconst WORD_JOINER = '\\u2060';\n\nexport interface LinkProps\n  extends Omit<BaseTypographyProps, 'id'>,\n    WithRequired<NavigationProps, 'href'>,\n    Pick<RACLinkProps, 'isDisabled'> {\n  /** An icon displayed before the link text. */\n  iconStart?: ReactNode;\n  /** An icon displayed after the link text. */\n  iconEnd?: ReactNode;\n}\n\nfunction Link(\n  { children, iconStart, iconEnd, UNSAFE_className, UNSAFE_style, ...props }: LinkProps,\n  ref: ForwardedRef<HTMLAnchorElement>,\n) {\n  return (\n    <RACLink {...props} ref={ref} className={clsx('cim-link', UNSAFE_className)} style={UNSAFE_style}>\n      {iconStart && (\n        <>\n          <span className=\"cim-link-icon\">{iconStart}</span>\n          {WORD_JOINER}\n        </>\n      )}\n      <span className=\"cim-link-text\">{children}</span>\n      {iconEnd && (\n        <>\n          {WORD_JOINER}\n          <span className=\"cim-link-icon\">{iconEnd}</span>\n        </>\n      )}\n    </RACLink>\n  );\n}\n\n// TODO: add link to usage guidelines or a dev guide\n/** Displays a textual link that allows users to navigate to another page or resource. */\nconst _Link = withStyleProps(forwardRef(Link), 'Link');\n\nexport { _Link as Link };\n"]}
+{"version":3,"file":"link.js","sourceRoot":"","sources":["../../../../src/components/typography/link.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,IAAI,IAAI,OAAO,EAAkC,MAAM,uBAAuB,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,mDAAmD;AACnD,MAAM,WAAW,GAAG,QAAQ,CAAC;AAa7B,SAAS,IAAI,CACX,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa,EACpH,GAAoC;IAEpC,OAAO,CACL,MAAC,OAAO,OACF,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,EAAE,gBAAgB,CAAC,EAC3F,KAAK,EAAE,YAAY,aAElB,SAAS,IAAI,CACZ,8BACE,eAAM,SAAS,EAAC,eAAe,YAAE,SAAS,GAAQ,EACjD,WAAW,IACX,CACJ,EACD,eAAM,SAAS,EAAC,eAAe,YAAE,QAAQ,GAAQ,EAChD,OAAO,IAAI,CACV,8BACG,WAAW,EACZ,eAAM,SAAS,EAAC,eAAe,YAAE,OAAO,GAAQ,IAC/C,CACJ,IACO,CACX,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;AAEvD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ForwardedRef, ReactNode } from 'react';\nimport { Link as RACLink, type LinkProps as RACLinkProps } from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { NavigationProps, WithRequired } from '../types.js';\nimport type { BaseTypographyProps, TextStyleOptions } from './types.js';\nimport { textStyle } from './utils.js';\n\n// Used to prevent word wrap between icons and text\nconst WORD_JOINER = '\\u2060';\n\nexport interface LinkProps\n  extends Omit<BaseTypographyProps, 'id'>,\n    WithRequired<NavigationProps, 'href'>,\n    Pick<TextStyleOptions, 'variant' | 'fontStyle' | 'alignment'>,\n    Pick<RACLinkProps, 'isDisabled' | 'onHoverStart' | 'onHoverEnd'> {\n  /** An icon displayed before the link text. */\n  iconStart?: ReactNode;\n  /** An icon displayed after the link text. */\n  iconEnd?: ReactNode;\n}\n\nfunction Link(\n  { children, iconStart, iconEnd, UNSAFE_className, UNSAFE_style, variant, fontStyle, alignment, ...props }: LinkProps,\n  ref: ForwardedRef<HTMLAnchorElement>,\n) {\n  return (\n    <RACLink\n      {...props}\n      ref={ref}\n      className={clsx('cim-link', textStyle({ variant, fontStyle, alignment }), UNSAFE_className)}\n      style={UNSAFE_style}\n    >\n      {iconStart && (\n        <>\n          <span className=\"cim-link-icon\">{iconStart}</span>\n          {WORD_JOINER}\n        </>\n      )}\n      <span className=\"cim-link-text\">{children}</span>\n      {iconEnd && (\n        <>\n          {WORD_JOINER}\n          <span className=\"cim-link-icon\">{iconEnd}</span>\n        </>\n      )}\n    </RACLink>\n  );\n}\n\n/**\n * Displays a textual link that allows users to navigate to another page or resource.\n *\n * See [link usage guidelines](https://ui.cimpress.io/components/link/).\n */\nconst _Link = withStyleProps(forwardRef(Link), 'Link');\n\nexport { _Link as Link };\n"]}

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

@@ -5,7 +5,11 @@ export interface TextProps<T extends TextElement> extends BaseTypographyProps, T
     /** The HTML element to render as. */
     as: T;
 }
-/** Renders the provided text contents in a specified style. */
+/**
+ * Renders the provided text contents in a specified style.
+ *
+ * See [typography guide](https://ui.cimpress.io/foundations/typography/).
+ */
 declare const _Text: <T extends TextElement>(props: TextProps<T> & import("react").RefAttributes<ElementRef<T>> & import("../../with-style-props.js").StyleProps) => JSX.Element | null;
 export { _Text as Text };
 //# sourceMappingURL=text.d.ts.map

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;AA8BD,+DAA+D;AAC/D,QAAA,MAAM,KAAK,GA7BG,CAAC,SAAS,WAAW,4IA6BmB,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,0HAOpB,IACX,OAAG,OAwB+C,CAAC;AAEvD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC"}

package/dist/esm/components/typography/text.js

@@ -12,8 +12,11 @@ function Text({ children, as, variant, fontStyle, alignment, textDecoration, ton
         style: UNSAFE_style,
     }, children);
 }
-// TODO: add link to usage guidelines or a dev guide
-/** Renders the provided text contents in a specified style. */
+/**
+ * Renders the provided text contents in a specified style.
+ *
+ * See [typography guide](https://ui.cimpress.io/foundations/typography/).
+ */
 const _Text = withStyleProps(forwardRef(Text), 'Text');
 export { _Text as Text };
 //# sourceMappingURL=text.js.map

package/dist/esm/components/typography/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/text.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAgD,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AASvC,SAAS,IAAI,CACX,EACE,QAAQ,EACR,EAAE,EACF,OAAO,EACP,SAAS,EACT,SAAS,EACT,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACK,EACf,GAAgC;IAEhC,OAAO,aAAa,CAClB,EAAE,EACF;QACE,GAAG,KAAK;QACR,GAAG;QACH,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,gBAAgB,CAAC;QACrG,KAAK,EAAE,YAAY;KACpB,EACD,QAAQ,CACT,CAAC;AACJ,CAAC;AAED,oDAAoD;AACpD,+DAA+D;AAC/D,MAAM,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;AAEvD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { createElement, type ForwardedRef, type ElementRef, type JSX } from 'react';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { BaseTypographyProps, TextStyleOptions } from './types.js';\nimport { textStyle } from './utils.js';\n\ntype TextElement = Exclude<keyof JSX.IntrinsicElements, 'a'>;\n\nexport interface TextProps<T extends TextElement> extends BaseTypographyProps, TextStyleOptions {\n  /** The HTML element to render as. */\n  as: T;\n}\n\nfunction Text<T extends TextElement>(\n  {\n    children,\n    as,\n    variant,\n    fontStyle,\n    alignment,\n    textDecoration,\n    tone,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: TextProps<T>,\n  ref: ForwardedRef<ElementRef<T>>,\n) {\n  return createElement(\n    as,\n    {\n      ...props,\n      ref,\n      className: clsx(textStyle({ variant, fontStyle, alignment, textDecoration, tone }), UNSAFE_className),\n      style: UNSAFE_style,\n    },\n    children,\n  );\n}\n\n// TODO: add link to usage guidelines or a dev guide\n/** Renders the provided text contents in a specified style. */\nconst _Text = withStyleProps(forwardRef(Text), 'Text');\n\nexport { _Text as Text };\n"]}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/typography/text.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,aAAa,EAAgD,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAE3D,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AASvC,SAAS,IAAI,CACX,EACE,QAAQ,EACR,EAAE,EACF,OAAO,EACP,SAAS,EACT,SAAS,EACT,cAAc,EACd,IAAI,EACJ,gBAAgB,EAChB,YAAY,EACZ,GAAG,KAAK,EACK,EACf,GAAgC;IAEhC,OAAO,aAAa,CAClB,EAAE,EACF;QACE,GAAG,KAAK;QACR,GAAG;QACH,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,EAAE,gBAAgB,CAAC;QACrG,KAAK,EAAE,YAAY;KACpB,EACD,QAAQ,CACT,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,KAAK,GAAG,cAAc,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC,CAAC;AAEvD,OAAO,EAAE,KAAK,IAAI,IAAI,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { createElement, type ForwardedRef, type ElementRef, type JSX } from 'react';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { BaseTypographyProps, TextStyleOptions } from './types.js';\nimport { textStyle } from './utils.js';\n\ntype TextElement = Exclude<keyof JSX.IntrinsicElements, 'a'>;\n\nexport interface TextProps<T extends TextElement> extends BaseTypographyProps, TextStyleOptions {\n  /** The HTML element to render as. */\n  as: T;\n}\n\nfunction Text<T extends TextElement>(\n  {\n    children,\n    as,\n    variant,\n    fontStyle,\n    alignment,\n    textDecoration,\n    tone,\n    UNSAFE_className,\n    UNSAFE_style,\n    ...props\n  }: TextProps<T>,\n  ref: ForwardedRef<ElementRef<T>>,\n) {\n  return createElement(\n    as,\n    {\n      ...props,\n      ref,\n      className: clsx(textStyle({ variant, fontStyle, alignment, textDecoration, tone }), UNSAFE_className),\n      style: UNSAFE_style,\n    },\n    children,\n  );\n}\n\n/**\n * Renders the provided text contents in a specified style.\n *\n * See [typography guide](https://ui.cimpress.io/foundations/typography/).\n */\nconst _Text = withStyleProps(forwardRef(Text), 'Text');\n\nexport { _Text as Text };\n"]}

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import type { ForegroundTone } from '../../utils/style/types.js';
 import type { CommonProps, LabellableProps } from '../types.js';
 /**
  * Props available on all typography components.
@@ -9,7 +10,7 @@ export interface BaseTypographyProps extends CommonProps, Omit<LabellableProps,
 }
 export interface TextStyleOptions {
     /** Determines the visual variant of text. */
-    variant?: 'title-1' | 'title-2' | 'title-3' | 'title-4' | 'title-5' | 'title-6' | 'body' | 'body-semibold' | 'medium' | 'medium-semibold' | 'small' | 'small-semibold' | 'extra-small' | 'extra-small-semibold';
+    variant?: 'title-1' | 'title-2' | 'title-3' | 'title-4' | 'title-5' | 'title-6' | 'body' | 'body-semibold' | 'medium' | 'medium-semibold' | 'small' | 'small-semibold';
     /** Whether the font should be styled with a normal or italic face. */
     fontStyle?: 'normal' | 'italic';
     /** Horizontal alignment of text. */
@@ -17,6 +18,6 @@ export interface TextStyleOptions {
     /** The kind of decorative line applied to the text. */
     textDecoration?: 'none' | 'strikethrough' | 'underline';
     /** Determines the color tone of the text. */
-    tone?: 'title' | 'base' | 'subtle' | 'muted' | 'inverse' | 'action' | 'info' | 'success' | 'warning' | 'critical';
+    tone?: ForegroundTone;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/esm/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,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,GAChB,aAAa,GACb,sBAAsB,CAAC;IAC3B,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,OAAO,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;CACnH"}
+{"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"}

package/dist/esm/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 { 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    | 'extra-small'\n    | 'extra-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?: 'title' | 'base' | 'subtle' | 'muted' | 'inverse' | 'action' | 'info' | 'success' | 'warning' | 'critical';\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 { 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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,0EAA0E;AAC1E,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,gBAAgB,UAQlG"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEnD,0EAA0E;AAC1E,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,gBAAgB,UAWlG"}

package/dist/esm/components/typography/utils.js

@@ -1,4 +1,5 @@
 import clsx from 'clsx';
+import { fgTone } from '../../utils/style/tone.js';
 /** Returns a string of classNames that apply the specified text style. */
 export function textStyle({ variant, fontStyle, alignment, textDecoration, tone }) {
     return clsx('cim-text', {
@@ -6,7 +7,6 @@ export function textStyle({ variant, fontStyle, alignment, textDecoration, tone
         [`cim-text-fs-${fontStyle}`]: fontStyle,
         [`cim-text-alignment-${alignment}`]: alignment,
         [`cim-text-decoration-${textDecoration}`]: textDecoration,
-        [`cim-text-tone-${tone}`]: tone,
-    });
+    }, tone && fgTone(tone));
 }
 //# sourceMappingURL=utils.js.map

package/dist/esm/components/typography/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/typography/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,0EAA0E;AAC1E,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAoB;IACjG,OAAO,IAAI,CAAC,UAAU,EAAE;QACtB,CAAC,oBAAoB,OAAO,EAAE,CAAC,EAAE,OAAO;QACxC,CAAC,eAAe,SAAS,EAAE,CAAC,EAAE,SAAS;QACvC,CAAC,sBAAsB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC9C,CAAC,uBAAuB,cAAc,EAAE,CAAC,EAAE,cAAc;QACzD,CAAC,iBAAiB,IAAI,EAAE,CAAC,EAAE,IAAI;KAChC,CAAC,CAAC;AACL,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { TextStyleOptions } from './types.js';\n\n/** Returns a string of classNames that apply the specified text style. */\nexport function textStyle({ variant, fontStyle, alignment, textDecoration, tone }: TextStyleOptions) {\n  return clsx('cim-text', {\n    [`cim-text-variant-${variant}`]: variant,\n    [`cim-text-fs-${fontStyle}`]: fontStyle,\n    [`cim-text-alignment-${alignment}`]: alignment,\n    [`cim-text-decoration-${textDecoration}`]: textDecoration,\n    [`cim-text-tone-${tone}`]: tone,\n  });\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/typography/utils.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGnD,0EAA0E;AAC1E,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,cAAc,EAAE,IAAI,EAAoB;IACjG,OAAO,IAAI,CACT,UAAU,EACV;QACE,CAAC,oBAAoB,OAAO,EAAE,CAAC,EAAE,OAAO;QACxC,CAAC,eAAe,SAAS,EAAE,CAAC,EAAE,SAAS;QACvC,CAAC,sBAAsB,SAAS,EAAE,CAAC,EAAE,SAAS;QAC9C,CAAC,uBAAuB,cAAc,EAAE,CAAC,EAAE,cAAc;KAC1D,EACD,IAAI,IAAI,MAAM,CAAC,IAAI,CAAC,CACrB,CAAC;AACJ,CAAC","sourcesContent":["import clsx from 'clsx';\nimport { fgTone } from '../../utils/style/tone.js';\nimport type { TextStyleOptions } from './types.js';\n\n/** Returns a string of classNames that apply the specified text style. */\nexport function textStyle({ variant, fontStyle, alignment, textDecoration, tone }: TextStyleOptions) {\n  return clsx(\n    'cim-text',\n    {\n      [`cim-text-variant-${variant}`]: variant,\n      [`cim-text-fs-${fontStyle}`]: fontStyle,\n      [`cim-text-alignment-${alignment}`]: alignment,\n      [`cim-text-decoration-${textDecoration}`]: textDecoration,\n    },\n    tone && fgTone(tone),\n  );\n}\n"]}

package/dist/esm/components/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import type { CommonProps } from '../types.js';
+export interface UNSTABLE_VisuallyHiddenProps extends CommonProps {
+    /** The content that should be hidden visually. */
+    children: ReactNode;
+    /**
+     * Whether to show the content when it's focused. This can be used to implement a [skip link](https://webaim.org/techniques/skipnav/).
+     * @default false
+     */
+    showWhenFocused?: boolean;
+}
+/**
+ * Renders a container that hides its children visually, while keeping content accessible to screen readers.
+ */
+declare const _VisuallyHidden: (props: UNSTABLE_VisuallyHiddenProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
+export { _VisuallyHidden as UNSTABLE_VisuallyHidden };
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/esm/components/visually-hidden/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../../../src/components/visually-hidden/visually-hidden.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,MAAM,WAAW,4BAA6B,SAAQ,WAAW;IAC/D,kDAAkD;IAClD,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAkBD;;GAEG;AACH,QAAA,MAAM,eAAe,8KAAwE,CAAC;AAE9F,OAAO,EAAE,eAAe,IAAI,uBAAuB,EAAE,CAAC"}

package/dist/esm/components/visually-hidden/visually-hidden.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { forwardRef } from '../../forward-ref.js';
+import { withStyleProps } from '../../with-style-props.js';
+function UNSTABLE_VisuallyHidden({ children, UNSAFE_className, UNSAFE_style, showWhenFocused, ...props }, ref) {
+    return (_jsx("div", { ...props, ref: ref, className: clsx('cim-visually-hidden', showWhenFocused && 'cim-visually-hidden-focusable', UNSAFE_className), style: UNSAFE_style, children: children }));
+}
+/**
+ * Renders a container that hides its children visually, while keeping content accessible to screen readers.
+ */
+const _VisuallyHidden = withStyleProps(forwardRef(UNSTABLE_VisuallyHidden), 'VisuallyHidden');
+export { _VisuallyHidden as UNSTABLE_VisuallyHidden };
+//# sourceMappingURL=visually-hidden.js.map

package/dist/esm/components/visually-hidden/visually-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.js","sourceRoot":"","sources":["../../../../src/components/visually-hidden/visually-hidden.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAa3D,SAAS,uBAAuB,CAC9B,EAAE,QAAQ,EAAE,gBAAgB,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,KAAK,EAAgC,EACrG,GAAiC;IAEjC,OAAO,CACL,iBACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,qBAAqB,EAAE,eAAe,IAAI,+BAA+B,EAAE,gBAAgB,CAAC,EAC5G,KAAK,EAAE,YAAY,YAElB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED;;GAEG;AACH,MAAM,eAAe,GAAG,cAAc,CAAC,UAAU,CAAC,uBAAuB,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAE9F,OAAO,EAAE,eAAe,IAAI,uBAAuB,EAAE,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport type { ReactNode, ForwardedRef } from 'react';\nimport { forwardRef } from '../../forward-ref.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport type { CommonProps } from '../types.js';\n\nexport interface UNSTABLE_VisuallyHiddenProps extends CommonProps {\n  /** The content that should be hidden visually. */\n  children: ReactNode;\n  /**\n   * Whether to show the content when it's focused. This can be used to implement a [skip link](https://webaim.org/techniques/skipnav/).\n   * @default false\n   */\n  showWhenFocused?: boolean;\n}\n\nfunction UNSTABLE_VisuallyHidden(\n  { children, UNSAFE_className, UNSAFE_style, showWhenFocused, ...props }: UNSTABLE_VisuallyHiddenProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={clsx('cim-visually-hidden', showWhenFocused && 'cim-visually-hidden-focusable', UNSAFE_className)}\n      style={UNSAFE_style}\n    >\n      {children}\n    </div>\n  );\n}\n\n/**\n * Renders a container that hides its children visually, while keeping content accessible to screen readers.\n */\nconst _VisuallyHidden = withStyleProps(forwardRef(UNSTABLE_VisuallyHidden), 'VisuallyHidden');\n\nexport { _VisuallyHidden as UNSTABLE_VisuallyHidden };\n"]}

package/dist/esm/icons/accounting-document.d.ts

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

package/dist/esm/icons/accounting-document.d.ts.map

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

package/dist/esm/icons/accounting-document.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconAccountingDocument';
+/** Renders an SVG icon. */
+const SvgAccountingDocument = ({ 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: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M9 4a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V10h-4.5A1.5 1.5 0 0 1 18 8.5V4zm11 1.414L22.586 8H20zM6 5a3 3 0 0 1 3-3h10a1 1 0 0 1 .707.293l6 6A1 1 0 0 1 26 9v18a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3z", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M10 23a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1m8-4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1M13 8.5a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1m0 8a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M14.12 9.745c.318.075.761.222 1.087.548.372.372.573.761.68 1.078a2.3 2.3 0 0 1 .112.591v.02l.001.01v.006S16 12 15 12h1a1 1 0 0 1-1.999.05.74.74 0 0 0-.174-.306 1 1 0 0 0-.165-.052 3 3 0 0 0-.662-.067c-.252 0-.486.026-.662.067a1 1 0 0 0-.165.051.9.9 0 0 0-.23.463c-.015.117-.007.3.232.554.02.009.083.038.216.078.215.063.48.117.805.181l.023.005c.296.06.645.129.954.22.277.081.716.23 1.034.549 1.077 1.077 1.037 2.877 0 3.914-.326.326-.769.473-1.087.548a5 5 0 0 1-1.12.12 5 5 0 0 1-1.12-.12c-.318-.075-.761-.222-1.087-.548a2.8 2.8 0 0 1-.68-1.078 2.3 2.3 0 0 1-.112-.591v-.02l-.001-.01v-.006S10 16 11 16h-1a1 1 0 0 1 1.999-.05.74.74 0 0 0 .174.306c.021.01.073.03.165.052.176.041.41.067.662.067s.486-.026.662-.067c.09-.021.14-.04.164-.05.23-.271.234-.745-.004-1.02-.021-.009-.085-.038-.213-.075a10 10 0 0 0-.805-.182l-.023-.005c-.296-.06-.645-.129-.954-.22-.277-.081-.716-.23-1.034-.549-.691-.69-.932-1.496-.833-2.26.093-.71.466-1.287.833-1.654.326-.326.769-.473 1.087-.548a5 5 0 0 1 1.12-.12c.373 0 .764.037 1.12.12", clipRule: "evenodd" })] }));
+};
+SvgAccountingDocument.displayName = displayName;
+export default SvgAccountingDocument;
+//# sourceMappingURL=accounting-document.js.map

package/dist/esm/icons/accounting-document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accounting-document.js","sourceRoot":"","sources":["../../../src/icons/accounting-document.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,wBAAwB,CAAC;AAC7C,2BAA2B;AAC3B,MAAM,qBAAqB,GAAG,CAAC,EAC7B,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,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,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,eAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yMAAyM,EAC3M,QAAQ,EAAC,SAAS,GAClB,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sQAAsQ,EACxQ,QAAQ,EAAC,SAAS,GAClB,EACF,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,s/BAAs/B,EACx/B,QAAQ,EAAC,SAAS,GAClB,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,WAAW,CAAC;AAChD,eAAe,qBAAqB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAccountingDocument';\n/** Renders an SVG icon. */\nconst SvgAccountingDocument = ({\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\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M9 4a1 1 0 0 0-1 1v22a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V10h-4.5A1.5 1.5 0 0 1 18 8.5V4zm11 1.414L22.586 8H20zM6 5a3 3 0 0 1 3-3h10a1 1 0 0 1 .707.293l6 6A1 1 0 0 1 26 9v18a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3z\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10 23a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1m8-4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1m0 4a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1M13 8.5a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1m0 8a1 1 0 0 1 1 1v1a1 1 0 1 1-2 0v-1a1 1 0 0 1 1-1\"\n        clipRule=\"evenodd\"\n      />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M14.12 9.745c.318.075.761.222 1.087.548.372.372.573.761.68 1.078a2.3 2.3 0 0 1 .112.591v.02l.001.01v.006S16 12 15 12h1a1 1 0 0 1-1.999.05.74.74 0 0 0-.174-.306 1 1 0 0 0-.165-.052 3 3 0 0 0-.662-.067c-.252 0-.486.026-.662.067a1 1 0 0 0-.165.051.9.9 0 0 0-.23.463c-.015.117-.007.3.232.554.02.009.083.038.216.078.215.063.48.117.805.181l.023.005c.296.06.645.129.954.22.277.081.716.23 1.034.549 1.077 1.077 1.037 2.877 0 3.914-.326.326-.769.473-1.087.548a5 5 0 0 1-1.12.12 5 5 0 0 1-1.12-.12c-.318-.075-.761-.222-1.087-.548a2.8 2.8 0 0 1-.68-1.078 2.3 2.3 0 0 1-.112-.591v-.02l-.001-.01v-.006S10 16 11 16h-1a1 1 0 0 1 1.999-.05.74.74 0 0 0 .174.306c.021.01.073.03.165.052.176.041.41.067.662.067s.486-.026.662-.067c.09-.021.14-.04.164-.05.23-.271.234-.745-.004-1.02-.021-.009-.085-.038-.213-.075a10 10 0 0 0-.805-.182l-.023-.005c-.296-.06-.645-.129-.954-.22-.277-.081-.716-.23-1.034-.549-.691-.69-.932-1.496-.833-2.26.093-.71.466-1.287.833-1.654.326-.326.769-.473 1.087-.548a5 5 0 0 1 1.12-.12c.373 0 .764.037 1.12.12\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgAccountingDocument.displayName = displayName;\nexport default SvgAccountingDocument;\n"]}

package/dist/esm/icons/add-circle-fill.d.ts

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

package/dist/esm/icons/add-circle-fill.d.ts.map

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

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconAddCircleFill';
+/** Renders an SVG icon. */
+const SvgAddCircleFill = ({ 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: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: _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" }) }));
+};
+SvgAddCircleFill.displayName = displayName;
+export default SvgAddCircleFill;
+//# sourceMappingURL=add-circle-fill.js.map

package/dist/esm/icons/add-circle-fill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-circle-fill.js","sourceRoot":"","sources":["../../../src/icons/add-circle-fill.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EACxB,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,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,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,cAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,sLAAsL,EACxL,QAAQ,EAAC,SAAS,GAClB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,eAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAddCircleFill';\n/** Renders an SVG icon. */\nconst SvgAddCircleFill = ({\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\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        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\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  );\n};\nSvgAddCircleFill.displayName = displayName;\nexport default SvgAddCircleFill;\n"]}

package/dist/esm/icons/add-circle.d.ts

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

package/dist/esm/icons/add-circle.d.ts.map

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

package/dist/esm/icons/add-circle.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconAddCircle';
+/** Renders an SVG icon. */
+const SvgAddCircle = ({ 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: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M16 4C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4M2 16C2 8.268 8.268 2 16 2s14 6.268 14 14-6.268 14-14 14S2 23.732 2 16", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M10 16a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H11a1 1 0 0 1-1-1", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M16 10a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1", clipRule: "evenodd" })] }));
+};
+SvgAddCircle.displayName = displayName;
+export default SvgAddCircle;
+//# sourceMappingURL=add-circle.js.map

package/dist/esm/icons/add-circle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-circle.js","sourceRoot":"","sources":["../../../src/icons/add-circle.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,eAAe,CAAC;AACpC,2BAA2B;AAC3B,MAAM,YAAY,GAAG,CAAC,EACpB,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,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,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,eAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,aACxG,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,8IAA8I,EAChJ,QAAQ,EAAC,SAAS,GAClB,EACF,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,wDAAwD,EAAC,QAAQ,EAAC,SAAS,GAAG,EACzG,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,wDAAwD,EAAC,QAAQ,EAAC,SAAS,GAAG,IACrG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACvC,eAAe,YAAY,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAddCircle';\n/** Renders an SVG icon. */\nconst SvgAddCircle = ({\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\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16 4C9.373 4 4 9.373 4 16s5.373 12 12 12 12-5.373 12-12S22.627 4 16 4M2 16C2 8.268 8.268 2 16 2s14 6.268 14 14-6.268 14-14 14S2 23.732 2 16\"\n        clipRule=\"evenodd\"\n      />\n      <path fillRule=\"evenodd\" d=\"M10 16a1 1 0 0 1 1-1h10a1 1 0 1 1 0 2H11a1 1 0 0 1-1-1\" clipRule=\"evenodd\" />\n      <path fillRule=\"evenodd\" d=\"M16 10a1 1 0 0 1 1 1v10a1 1 0 1 1-2 0V11a1 1 0 0 1 1-1\" clipRule=\"evenodd\" />\n    </svg>\n  );\n};\nSvgAddCircle.displayName = displayName;\nexport default SvgAddCircle;\n"]}

package/dist/esm/icons/add.d.ts

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

package/dist/esm/icons/add.d.ts.map

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

package/dist/esm/icons/add.js

@@ -1,15 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
 const displayName = 'IconAdd';
 /** Renders an SVG icon. */
-const SvgAdd = ({ 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgAdd = ({ 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: clsx('cim-icon', UNSAFE_className),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
         style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
     };
-    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "1em", height: "1em", "data-icon": "true", fill: "currentColor", ...props, children: _jsxs("g", { fillRule: "evenodd", clipRule: "evenodd", children: [_jsx("path", { d: "M5 16a2 2 0 0 1 2-2h18a2 2 0 1 1 0 4H7a2 2 0 0 1-2-2" }), _jsx("path", { d: "M16 5a2 2 0 0 1 2 2v18a2 2 0 1 1-4 0V7a2 2 0 0 1 2-2" })] }) }));
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: _jsxs("g", { fillRule: "evenodd", clipRule: "evenodd", children: [_jsx("path", { d: "M5 16a2 2 0 0 1 2-2h18a2 2 0 1 1 0 4H7a2 2 0 0 1-2-2" }), _jsx("path", { d: "M16 5a2 2 0 0 1 2 2v18a2 2 0 1 1-4 0V7a2 2 0 0 1 2-2" })] }) }));
 };
 SvgAdd.displayName = displayName;
 export default SvgAdd;

package/dist/esm/icons/add.js.map

@@ -1 +1 @@
-{"version":3,"file":"add.js","sourceRoot":"","sources":["../../../src/icons/add.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,WAAW,GAAG,SAAS,CAAC;AAC9B,2BAA2B;AAC3B,MAAM,MAAM,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IACnG,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,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,YAAY;KACpB,CAAC;IACF,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,eACF,MAAM,EAChB,IAAI,EAAC,cAAc,KACf,KAAK,YAET,aAAG,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,aACtC,eAAM,CAAC,EAAC,sDAAsD,GAAG,EACjE,eAAM,CAAC,EAAC,sDAAsD,GAAG,IAC/D,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACjC,eAAe,MAAM,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconAdd';\n/** Renders an SVG icon. */\nconst SvgAdd = ({ 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    style: UNSAFE_style,\n  };\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 32 32\"\n      width=\"1em\"\n      height=\"1em\"\n      data-icon=\"true\"\n      fill=\"currentColor\"\n      {...props}\n    >\n      <g fillRule=\"evenodd\" clipRule=\"evenodd\">\n        <path d=\"M5 16a2 2 0 0 1 2-2h18a2 2 0 1 1 0 4H7a2 2 0 0 1-2-2\" />\n        <path d=\"M16 5a2 2 0 0 1 2 2v18a2 2 0 1 1-4 0V7a2 2 0 0 1 2-2\" />\n      </g>\n    </svg>\n  );\n};\nSvgAdd.displayName = displayName;\nexport default SvgAdd;\n"]}
+{"version":3,"file":"add.js","sourceRoot":"","sources":["../../../src/icons/add.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,SAAS,CAAC;AAC9B,2BAA2B;AAC3B,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IAC/G,MAAM,KAAK,GAAG;QACZ,GAAG,IAAI;QACP,aAAa,EAAE,UAAU,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,IAAI,IAAI,IAAI,CAAC,iBAAiB,CAAC,IAAI,IAAI,CAAC;QAC5F,SAAS,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,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,cAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,YACxG,aAAG,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,SAAS,aACtC,eAAM,CAAC,EAAC,sDAAsD,GAAG,EACjE,eAAM,CAAC,EAAC,sDAAsD,GAAG,IAC/D,GACA,CACP,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACjC,eAAe,MAAM,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAdd';\n/** Renders an SVG icon. */\nconst SvgAdd = ({ 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      <g fillRule=\"evenodd\" clipRule=\"evenodd\">\n        <path d=\"M5 16a2 2 0 0 1 2-2h18a2 2 0 1 1 0 4H7a2 2 0 0 1-2-2\" />\n        <path d=\"M16 5a2 2 0 0 1 2 2v18a2 2 0 1 1-4 0V7a2 2 0 0 1 2-2\" />\n      </g>\n    </svg>\n  );\n};\nSvgAdd.displayName = displayName;\nexport default SvgAdd;\n"]}

package/dist/esm/icons/alert-triangle.d.ts

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

package/dist/esm/icons/alert-triangle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert-triangle.d.ts","sourceRoot":"","sources":["../../../src/icons/alert-triangle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAExD,2BAA2B;AAC3B,QAAA,MAAM,gBAAgB;6EAA4E,SAAS;;CA0B1G,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"alert-triangle.d.ts","sourceRoot":"","sources":["../../../src/icons/alert-triangle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGxD,2BAA2B;AAC3B,QAAA,MAAM,gBAAgB;yFAOnB,SAAS;;CAoBX,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -1,15 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
 const displayName = 'IconAlertTriangle';
 /** Renders an SVG icon. */
-const SvgAlertTriangle = ({ 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }) => {
+const SvgAlertTriangle = ({ 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: clsx('cim-icon', UNSAFE_className),
+        className: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
         style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
     };
-    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", width: "1em", height: "1em", "data-icon": "true", fill: "currentColor", ...props, children: [_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" }), _jsx("path", { d: "M17 23a1 1 0 1 1-2 0 1 1 0 0 1 2 0" }), _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 (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", "data-icon": "true", fill: "currentColor", ...props, children: [_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" }), _jsx("path", { d: "M17 23a1 1 0 1 1-2 0 1 1 0 0 1 2 0" }), _jsx("path", { fillRule: "evenodd", d: "M16 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1", clipRule: "evenodd" })] }));
 };
 SvgAlertTriangle.displayName = displayName;
 export default SvgAlertTriangle;

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

@@ -1 +1 @@
-{"version":3,"file":"alert-triangle.js","sourceRoot":"","sources":["../../../src/icons/alert-triangle.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EAAE,aAAa,EAAE,UAAU,EAAE,gBAAgB,EAAE,YAAY,EAAE,GAAG,IAAI,EAAa,EAAE,EAAE;IAC7G,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,IAAI,CAAC,UAAU,EAAE,gBAAgB,CAAC;QAC7C,KAAK,EAAE,YAAY;KACpB,CAAC;IACF,OAAO,CACL,eACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK,eACF,MAAM,EAChB,IAAI,EAAC,cAAc,KACf,KAAK,aAET,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qQAAqQ,EACvQ,QAAQ,EAAC,SAAS,GAClB,EACF,eAAM,CAAC,EAAC,oCAAoC,GAAG,EAC/C,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uDAAuD,EAAC,QAAQ,EAAC,SAAS,GAAG,IACpG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,eAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nconst displayName = 'IconAlertTriangle';\n/** Renders an SVG icon. */\nconst SvgAlertTriangle = ({ 'aria-hidden': ariaHidden, UNSAFE_className, UNSAFE_style, ...rest }: IconProps) => {\n  const props = {\n    ...rest,\n    'aria-hidden': ariaHidden ?? (rest['aria-label'] == null && rest['aria-labelledby'] == null),\n    className: clsx('cim-icon', UNSAFE_className),\n    style: UNSAFE_style,\n  };\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 32 32\"\n      width=\"1em\"\n      height=\"1em\"\n      data-icon=\"true\"\n      fill=\"currentColor\"\n      {...props}\n    >\n      <path\n        fillRule=\"evenodd\"\n        d=\"M16.91 4.6a1.018 1.018 0 0 0-1.82 0L5.147 24.489a1.018 1.018 0 0 0 .91 1.474H25.94c.757 0 1.25-.797.91-1.474L16.912 4.6Zm-3.642-.911c1.125-2.252 4.338-2.252 5.464 0l9.941 19.89C29.69 25.608 28.212 28 25.941 28H6.058c-2.27 0-3.747-2.39-2.732-4.422L13.268 3.69Z\"\n        clipRule=\"evenodd\"\n      />\n      <path d=\"M17 23a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      <path fillRule=\"evenodd\" d=\"M16 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1\" clipRule=\"evenodd\" />\n    </svg>\n  );\n};\nSvgAlertTriangle.displayName = displayName;\nexport default SvgAlertTriangle;\n"]}
+{"version":3,"file":"alert-triangle.js","sourceRoot":"","sources":["../../../src/icons/alert-triangle.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EACxB,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,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,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,eAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,eACE,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qQAAqQ,EACvQ,QAAQ,EAAC,SAAS,GAClB,EACF,eAAM,CAAC,EAAC,oCAAoC,GAAG,EAC/C,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,uDAAuD,EAAC,QAAQ,EAAC,SAAS,GAAG,IACpG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,eAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconAlertTriangle';\n/** Renders an SVG icon. */\nconst SvgAlertTriangle = ({\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        fillRule=\"evenodd\"\n        d=\"M16.91 4.6a1.018 1.018 0 0 0-1.82 0L5.147 24.489a1.018 1.018 0 0 0 .91 1.474H25.94c.757 0 1.25-.797.91-1.474L16.912 4.6Zm-3.642-.911c1.125-2.252 4.338-2.252 5.464 0l9.941 19.89C29.69 25.608 28.212 28 25.941 28H6.058c-2.27 0-3.747-2.39-2.732-4.422L13.268 3.69Z\"\n        clipRule=\"evenodd\"\n      />\n      <path d=\"M17 23a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" />\n      <path fillRule=\"evenodd\" d=\"M16 12a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1\" clipRule=\"evenodd\" />\n    </svg>\n  );\n};\nSvgAlertTriangle.displayName = displayName;\nexport default SvgAlertTriangle;\n"]}

package/dist/esm/icons/calculator-alt.d.ts

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

package/dist/esm/icons/calculator-alt.d.ts.map

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

package/dist/esm/icons/calculator-alt.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconCalculatorAlt';
+/** Renders an SVG icon. */
+const SvgCalculatorAlt = ({ 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: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: _jsx("path", { d: "M13.707 21.707a1 1 0 0 0-1.414-1.414zm-5.414 2.586a1 1 0 1 0 1.414 1.414zm1.414-4a1 1 0 0 0-1.414 1.414zm2.586 5.414a1 1 0 0 0 1.414-1.414zM13 16a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm3-1a1 1 0 1 0-2 0zm-2 4a1 1 0 1 0 2 0zm13 5a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm4 6a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm4-8a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zM8 4h16V2H8zm18 2v20h2V6zm-2 22H8v2h16zM6 26V6H4v20zm2 2a2 2 0 0 1-2-2H4a4 4 0 0 0 4 4zm18-2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zM24 4a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zM8 2a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2zm18 6H6v2h20zM12.293 20.293l-2 2 1.414 1.414 2-2zm-2 2-2 2 1.414 1.414 2-2zm1.414 0-2-2-1.414 1.414 2 2zm-1.414 1.414 2 2 1.414-1.414-2-2zM13 14h-2v2h2zm-2 0H9v2h2zm1 1v-2h-2v2zm-2 0v2h2v-2zm13 5h-4v2h4zm0 4h-4v2h4zm0-10h-4v2h4z" }) }));
+};
+SvgCalculatorAlt.displayName = displayName;
+export default SvgCalculatorAlt;
+//# sourceMappingURL=calculator-alt.js.map

package/dist/esm/icons/calculator-alt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculator-alt.js","sourceRoot":"","sources":["../../../src/icons/calculator-alt.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,MAAM,WAAW,GAAG,mBAAmB,CAAC;AACxC,2BAA2B;AAC3B,MAAM,gBAAgB,GAAG,CAAC,EACxB,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,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,MAAM,CAAC,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,cAAK,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,KAAK,KAAK,YACxG,eAAM,CAAC,EAAC,yvBAAyvB,GAAG,GAChwB,CACP,CAAC;AACJ,CAAC,CAAC;AACF,gBAAgB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC3C,eAAe,gBAAgB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCalculatorAlt';\n/** Renders an SVG icon. */\nconst SvgCalculatorAlt = ({\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\" fill=\"currentColor\" viewBox=\"0 0 32 32\" data-icon=\"true\" {...props}>\n      <path d=\"M13.707 21.707a1 1 0 0 0-1.414-1.414zm-5.414 2.586a1 1 0 1 0 1.414 1.414zm1.414-4a1 1 0 0 0-1.414 1.414zm2.586 5.414a1 1 0 0 0 1.414-1.414zM13 16a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm3-1a1 1 0 1 0-2 0zm-2 4a1 1 0 1 0 2 0zm13 5a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm4 6a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zm4-8a1 1 0 1 0 0-2zm-4-2a1 1 0 1 0 0 2zM8 4h16V2H8zm18 2v20h2V6zm-2 22H8v2h16zM6 26V6H4v20zm2 2a2 2 0 0 1-2-2H4a4 4 0 0 0 4 4zm18-2a2 2 0 0 1-2 2v2a4 4 0 0 0 4-4zM24 4a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4zM8 2a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2zm18 6H6v2h20zM12.293 20.293l-2 2 1.414 1.414 2-2zm-2 2-2 2 1.414 1.414 2-2zm1.414 0-2-2-1.414 1.414 2 2zm-1.414 1.414 2 2 1.414-1.414-2-2zM13 14h-2v2h2zm-2 0H9v2h2zm1 1v-2h-2v2zm-2 0v2h2v-2zm13 5h-4v2h4zm0 4h-4v2h4zm0-10h-4v2h4z\" />\n    </svg>\n  );\n};\nSvgCalculatorAlt.displayName = displayName;\nexport default SvgCalculatorAlt;\n"]}

package/dist/esm/icons/calculator.d.ts

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

package/dist/esm/icons/calculator.d.ts.map

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

package/dist/esm/icons/calculator.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { fgTone } from '../utils/style/tone.js';
+const displayName = 'IconCalculator';
+/** Renders an SVG icon. */
+const SvgCalculator = ({ 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: clsx('cim-icon', tone && fgTone(tone), UNSAFE_className),
+        style: UNSAFE_style,
+        width: size != null ? size + 'px' : '1em',
+        height: size != null ? size + 'px' : '1em',
+    };
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 32 32", "data-icon": "true", ...props, children: [_jsx("path", { fillRule: "evenodd", d: "M6 6a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v20a4 4 0 0 1-4 4H10a4 4 0 0 1-4-4zm4-2a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2z", clipRule: "evenodd" }), _jsx("path", { fillRule: "evenodd", d: "M6 13a1 1 0 0 1 1-1h18a1 1 0 1 1 0 2H7a1 1 0 0 1-1-1m12-5a1 1 0 0 1 1-1h2a1 1 0 1 1 0 2h-2a1 1 0 0 1-1-1", clipRule: "evenodd" }), _jsx("path", { d: "M12 21a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m5-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0m5-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0" })] }));
+};
+SvgCalculator.displayName = displayName;
+export default SvgCalculator;
+//# sourceMappingURL=calculator.js.map