@cimpress-ui/react 1.25.1 → 1.26.0

package/dist/commonjs/components/{app-header → side-nav}/side-nav.d.ts

@@ -2,10 +2,21 @@ import { type ReactNode } from 'react';
 import type { Href, StringLikeChildren } from '../types.js';
 export interface UNSTABLE_SideNavProps {
     children: ReactNode;
+    /**
+     * Whether the side nav is open. Only needed when the side nav is not controlled by the app shell.
+     */
     isOpen?: boolean;
+    /**
+     * Callback function that is called when the side nav is opened or closed.
+     */
     onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * Whether the side nav should be expanded by default. Only affects large viewports.
+     * @default true
+     */
+    defaultIsOpen?: boolean;
 }
-export declare function UNSTABLE_SideNav({ children, isOpen, onOpenChange }: UNSTABLE_SideNavProps): import("react/jsx-runtime").JSX.Element;
+export declare function UNSTABLE_SideNav({ children, isOpen, defaultIsOpen, onOpenChange }: UNSTABLE_SideNavProps): import("react/jsx-runtime").JSX.Element;
 export interface UNSTABLE_SideNavListProps {
     children: ReactNode;
 }

package/dist/commonjs/components/side-nav/side-nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-nav.d.ts","sourceRoot":"","sources":["../../../../src/components/side-nav/side-nav.tsx"],"names":[],"mappings":"AAGA,OAAO,EAA+C,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQpF,OAAO,KAAK,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAK5D,MAAM,WAAW,qBAAqB;IACpC,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,aAAoB,EAAE,YAAY,EAAE,EAAE,qBAAqB,2CA6D/G;AAED,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,yBAAyB,2CAE3E;AAED,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,kBAAkB,CAAC;IAC7B,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAE,6BAA6B,2CAazG;AAED,MAAM,WAAW,gCAAgC;IAC/C,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,2BAA2B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,gCAAgC,2CAahG"}

package/dist/commonjs/components/side-nav/side-nav.js

@@ -0,0 +1,56 @@
+'use client';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UNSTABLE_SideNav = UNSTABLE_SideNav;
+exports.UNSTABLE_SideNavList = UNSTABLE_SideNavList;
+exports.UNSTABLE_SideNavListItem = UNSTABLE_SideNavListItem;
+exports.UNSTABLE_SideNavListSection = UNSTABLE_SideNavListSection;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("@react-aria/utils");
+const react_1 = require("react");
+const react_aria_1 = require("react-aria");
+const react_aria_components_1 = require("react-aria-components");
+const breakpoints_js_1 = require("../../utils/breakpoints.js");
+const string_like_children_to_string_js_1 = require("../../utils/string-like-children-to-string.js");
+const use_is_mobile_js_1 = require("../../utils/use-is-mobile.js");
+const app_shell_context_js_1 = require("../app-shell/app-shell-context.js");
+const tooltip_js_1 = require("../tooltip/tooltip.js");
+const text_js_1 = require("../typography/text.js");
+const SideNavContext = (0, react_1.createContext)({ isOpen: false });
+function UNSTABLE_SideNav({ children, isOpen, defaultIsOpen = true, onOpenChange }) {
+    const appShellContext = (0, react_1.useContext)(app_shell_context_js_1.AppShellContext);
+    const [isHydrated, setIsHydrated] = (0, react_1.useState)(false);
+    const resolvedIsOpen = isOpen ?? (isHydrated ? appShellContext?.sideNavIsOpen : defaultIsOpen);
+    const sideNavRef = (0, react_1.useRef)(null);
+    const isMobile = (0, use_is_mobile_js_1.useIsMobile)();
+    const isOverlaySideNav = (0, breakpoints_js_1.useBreakpoint)({ max: 'md' });
+    function handleClose() {
+        appShellContext?.toggleSideNav(false);
+        onOpenChange?.(false);
+    }
+    const { overlayProps, underlayProps } = (0, react_aria_1.useOverlay)({
+        isDismissable: isOverlaySideNav,
+        isOpen: resolvedIsOpen,
+        onClose: () => handleClose(),
+    }, sideNavRef);
+    const resetState = (0, utils_1.useEffectEvent)(() => {
+        setIsHydrated(true);
+        appShellContext?.toggleSideNav(defaultIsOpen && (0, breakpoints_js_1.matchesBreakpoint)({ min: 'lg' }));
+    });
+    // Hydrate state and reset when screen size changes to or from overlay mode
+    (0, utils_1.useLayoutEffect)(() => {
+        resetState();
+    }, [isOverlaySideNav]);
+    return ((0, jsx_runtime_1.jsxs)(SideNavContext.Provider, { value: { isOpen: resolvedIsOpen ?? false }, children: [isMobile && ((0, jsx_runtime_1.jsx)("div", { ...underlayProps, className: "cim-side-nav-backdrop", "aria-hidden": !resolvedIsOpen, "data-expanded": resolvedIsOpen, "data-hydrated": isHydrated || undefined })), isMobile && resolvedIsOpen && (0, jsx_runtime_1.jsx)(react_aria_1.DismissButton, { onDismiss: () => handleClose() }), (0, jsx_runtime_1.jsx)("div", { ...(isOverlaySideNav ? overlayProps : {}), className: "cim-side-nav", "data-expanded": resolvedIsOpen, "data-hydrated": isHydrated || undefined, "aria-label": "Side navigation", ref: sideNavRef, inert: isMobile && !resolvedIsOpen ? '' : undefined, children: children })] }));
+}
+function UNSTABLE_SideNavList({ children }) {
+    return (0, jsx_runtime_1.jsx)("nav", { className: "cim-side-nav-list", children: children });
+}
+function UNSTABLE_SideNavListItem({ children, href, isActive, icon }) {
+    const { isOpen } = (0, react_1.useContext)(SideNavContext);
+    return ((0, jsx_runtime_1.jsx)(tooltip_js_1.Tooltip, { label: (0, string_like_children_to_string_js_1.stringLikeChildrenToString)(children), placement: "right", isDisabled: isOpen, children: (0, jsx_runtime_1.jsxs)(react_aria_components_1.Link, { href: href, className: "cim-side-nav-list-item", "data-active": isActive, children: [icon, (0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "medium", UNSAFE_className: "cim-side-nav-list-item-label", children: children })] }) }));
+}
+function UNSTABLE_SideNavListSection({ children, label }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "cim-side-nav-list-section", children: [label && ((0, jsx_runtime_1.jsx)("div", { className: "cim-side-nav-list-section-header", children: (0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "p", variant: "small-semibold", tone: "subtle", UNSAFE_className: "cim-side-nav-list-section-header-label", children: label }) })), children] }));
+}
+//# sourceMappingURL=side-nav.js.map

package/dist/commonjs/components/side-nav/side-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"side-nav.js","sourceRoot":"","sources":["../../../../src/components/side-nav/side-nav.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useEffectEvent, useLayoutEffect } from '@react-aria/utils';\nimport { createContext, useContext, useRef, useState, type ReactNode } from 'react';\nimport { DismissButton, useOverlay } from 'react-aria';\nimport { Link as RACLink } from 'react-aria-components';\nimport { matchesBreakpoint, useBreakpoint } from '../../utils/breakpoints.js';\nimport { stringLikeChildrenToString } from '../../utils/string-like-children-to-string.js';\nimport { useIsMobile } from '../../utils/use-is-mobile.js';\nimport { AppShellContext } from '../app-shell/app-shell-context.js';\nimport { Tooltip } from '../tooltip/tooltip.js';\nimport type { Href, StringLikeChildren } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nconst SideNavContext = createContext<{ isOpen: boolean }>({ isOpen: false });\n\nexport interface UNSTABLE_SideNavProps {\n  children: ReactNode;\n  /**\n   * Whether the side nav is open. Only needed when the side nav is not controlled by the app shell.\n   */\n  isOpen?: boolean;\n  /**\n   * Callback function that is called when the side nav is opened or closed.\n   */\n  onOpenChange?: (isOpen: boolean) => void;\n  /**\n   * Whether the side nav should be expanded by default. Only affects large viewports.\n   * @default true\n   */\n  defaultIsOpen?: boolean;\n}\n\nexport function UNSTABLE_SideNav({ children, isOpen, defaultIsOpen = true, onOpenChange }: UNSTABLE_SideNavProps) {\n  const appShellContext = useContext(AppShellContext);\n  const [isHydrated, setIsHydrated] = useState(false);\n  const resolvedIsOpen = isOpen ?? (isHydrated ? appShellContext?.sideNavIsOpen : defaultIsOpen);\n  const sideNavRef = useRef<HTMLDivElement>(null);\n  const isMobile = useIsMobile();\n  const isOverlaySideNav = useBreakpoint({ max: 'md' });\n\n  function handleClose() {\n    appShellContext?.toggleSideNav(false);\n    onOpenChange?.(false);\n  }\n\n  const { overlayProps, underlayProps } = useOverlay(\n    {\n      isDismissable: isOverlaySideNav,\n      isOpen: resolvedIsOpen,\n      onClose: () => handleClose(),\n    },\n    sideNavRef,\n  );\n\n  const resetState = useEffectEvent(() => {\n    setIsHydrated(true);\n\n    appShellContext?.toggleSideNav(defaultIsOpen && matchesBreakpoint({ min: 'lg' }));\n  });\n\n  // Hydrate state and reset when screen size changes to or from overlay mode\n  useLayoutEffect(() => {\n    resetState();\n  }, [isOverlaySideNav]);\n\n  return (\n    <SideNavContext.Provider value={{ isOpen: resolvedIsOpen ?? false }}>\n      {isMobile && (\n        <div\n          {...underlayProps}\n          className=\"cim-side-nav-backdrop\"\n          aria-hidden={!resolvedIsOpen}\n          data-expanded={resolvedIsOpen}\n          data-hydrated={isHydrated || undefined}\n        />\n      )}\n      {isMobile && resolvedIsOpen && <DismissButton onDismiss={() => handleClose()} />}\n      <div\n        {...(isOverlaySideNav ? overlayProps : {})}\n        className=\"cim-side-nav\"\n        data-expanded={resolvedIsOpen}\n        data-hydrated={isHydrated || undefined}\n        aria-label=\"Side navigation\"\n        ref={sideNavRef}\n        // Make the side nav rail inert when hidden on mobile devices to prevent user interaction and assistive technology focus\n        // Workaround for React not having type definitions for the `inert` attribute\n        // eslint-disable-next-line internal/no-extra-props-in-spread\n        {...{ inert: isMobile && !resolvedIsOpen ? '' : undefined }}\n      >\n        {children}\n      </div>\n    </SideNavContext.Provider>\n  );\n}\n\nexport interface UNSTABLE_SideNavListProps {\n  children: ReactNode;\n}\n\nexport function UNSTABLE_SideNavList({ children }: UNSTABLE_SideNavListProps) {\n  return <nav className=\"cim-side-nav-list\">{children}</nav>;\n}\n\nexport interface UNSTABLE_SideNavListItemProps {\n  children: StringLikeChildren;\n  href: Href;\n  isActive?: boolean;\n  icon?: ReactNode;\n}\n\nexport function UNSTABLE_SideNavListItem({ children, href, isActive, icon }: UNSTABLE_SideNavListItemProps) {\n  const { isOpen } = useContext(SideNavContext);\n\n  return (\n    <Tooltip label={stringLikeChildrenToString(children)} placement=\"right\" isDisabled={isOpen}>\n      <RACLink href={href} className=\"cim-side-nav-list-item\" data-active={isActive}>\n        {icon}\n        <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-side-nav-list-item-label\">\n          {children}\n        </Text>\n      </RACLink>\n    </Tooltip>\n  );\n}\n\nexport interface UNSTABLE_SideNavListSectionProps {\n  children: ReactNode;\n  label?: string;\n}\n\nexport function UNSTABLE_SideNavListSection({ children, label }: UNSTABLE_SideNavListSectionProps) {\n  return (\n    <div className=\"cim-side-nav-list-section\">\n      {label && (\n        <div className=\"cim-side-nav-list-section-header\">\n          <Text as=\"p\" variant=\"small-semibold\" tone=\"subtle\" UNSAFE_className=\"cim-side-nav-list-section-header-label\">\n            {label}\n          </Text>\n        </div>\n      )}\n      {children}\n    </div>\n  );\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAYL,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGhE,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CACvE,SACE,WAAW,EACX,eAAe,EACf,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC;IAC5F,qGAAqG;IACrG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IAC9D;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;SAGK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA+JD;;;;GAIG;AACH,QAAA,MAAM,OAAO,GAlKG,CAAC,SAAS,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,wKAkKS,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAKA,OAAO,EAYL,KAAK,WAAW,IAAI,cAAc,EACnC,MAAM,uBAAuB,CAAC;AAO/B,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGhE,MAAM,WAAW,WAAW,CAAC,CAAC,SAAS,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CACvE,SACE,WAAW,EACX,eAAe,EACf,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,eAAe,CAAC;IAC5F,qGAAqG;IACrG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,2DAA2D;IAC3D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IACjC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IAC9D;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;SAGK;IACL,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AA2JD;;;;GAIG;AACH,QAAA,MAAM,OAAO,GA9JG,CAAC,SAAS,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,wKA8JS,CAAC;AAE7D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,CAAC"}

package/dist/commonjs/components/slider/slider.js

@@ -38,7 +38,7 @@ function Slider({ label, description, UNSAFE_className, UNSAFE_style, form, name
                                                             '--cim-slider-fill-start': trackState.getThumbPercent(0) * 100 + '%',
                                                             '--cim-slider-fill-size': (trackState.getThumbPercent(1) - trackState.getThumbPercent(0)) * 100 + '%',
                                                         }
-                                                        : {}) }), trackState.values.map((_, i) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.SliderThumb, { index: i, className: "cim-slider-thumb", name: typeof name === 'string' ? name : name?.[i], form: form, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined }, i)))] })) }), showLabels && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "medium", UNSAFE_className: "cim-slider-label-max", children: state.getThumbMaxValue(state.values.length - 1) })), withInput && ((0, jsx_runtime_1.jsx)("div", { className: "cim-slider-inputs-container-wide", children: state.values.map((_, i) => ((0, jsx_runtime_1.jsx)(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, style: { order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }, formatOptions: props.formatOptions, children: (0, jsx_runtime_1.jsx)(input_js_1.Input, { width: "fit-content" }) }, i))) }))] }), withInput && ((0, jsx_runtime_1.jsx)("div", { className: "cim-slider-inputs-container-narrow", children: state.values.map((_, i) => ((0, jsx_runtime_1.jsx)(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, formatOptions: props.formatOptions, children: (0, jsx_runtime_1.jsx)(input_js_1.Input, {}) }, i))) })), (0, jsx_runtime_1.jsx)(form_field_js_1.FormFieldDescription, { children: description }), isRangeSlider && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { style: { display: 'none' }, id: rangeStartLabelId, children: messages.format('rangeStart') }), (0, jsx_runtime_1.jsx)("span", { style: { display: 'none' }, id: rangeEndLabelId, children: messages.format('rangeEnd') })] }))] }));
+                                                        : {}) }), trackState.values.map((_, i) => ((0, jsx_runtime_1.jsx)(react_aria_components_1.SliderThumb, { index: i, className: "cim-slider-thumb", name: typeof name === 'string' ? name : name?.[i], form: form, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined }, i)))] })) }), showLabels && ((0, jsx_runtime_1.jsx)(text_js_1.Text, { as: "span", variant: "medium", UNSAFE_className: "cim-slider-label-max", children: state.getThumbMaxValue(state.values.length - 1) })), withInput && ((0, jsx_runtime_1.jsx)("div", { className: "cim-slider-inputs-container-wide", children: state.values.map((_, i) => ((0, jsx_runtime_1.jsx)(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, style: { order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }, formatOptions: props.formatOptions }, i))) }))] }), withInput && ((0, jsx_runtime_1.jsx)("div", { className: "cim-slider-inputs-container-narrow", children: state.values.map((_, i) => ((0, jsx_runtime_1.jsx)(SliderNumberField, { index: i, "aria-labelledby": isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined, formatOptions: props.formatOptions }, i))) })), (0, jsx_runtime_1.jsx)(form_field_js_1.FormFieldDescription, { children: description }), isRangeSlider && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("span", { style: { display: 'none' }, id: rangeStartLabelId, children: messages.format('rangeStart') }), (0, jsx_runtime_1.jsx)("span", { style: { display: 'none' }, id: rangeEndLabelId, children: messages.format('rangeEnd') })] }))] }));
             } }) }));
 }
 /**
@@ -51,6 +51,10 @@ exports.Slider = _Slider;
 function SliderNumberField({ index, 'aria-labelledby': ariaLabelledBy, ...props }) {
     const state = (0, react_1.useContext)(react_aria_components_1.SliderStateContext);
     const labelProps = (0, react_aria_components_1.useSlottedContext)(react_aria_components_1.LabelContext);
-    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.NumberField, { ...props, className: "cim-slider-input", value: state.values[index], onChange: (value) => state.setThumbValue(index, value ?? 0), "aria-labelledby": labelProps.id ? `${labelProps.id} ${ariaLabelledBy}` : ariaLabelledBy }));
+    return ((0, jsx_runtime_1.jsx)(react_aria_components_1.NumberField, { ...props, className: "cim-slider-input", value: state.values[index], onChange: (value) => {
+            if (!Number.isNaN(value)) {
+                state.setThumbValue(index, value ?? 0);
+            }
+        }, "aria-labelledby": [labelProps.id, ariaLabelledBy].filter(Boolean).join(' '), children: (0, jsx_runtime_1.jsx)(input_js_1.Input, { contentWidth: "5ch" }) }));
 }
 //# sourceMappingURL=slider.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useContext, type ForwardedRef } from 'react';\nimport { useId } from 'react-aria';\nimport {\n  LabelContext as RACLabelContext,\n  NumberField as RACNumberField,\n  Provider as RACProvider,\n  Slider as RACSlider,\n  SliderOutput as RACSliderOutput,\n  SliderStateContext as RACSliderStateContext,\n  SliderThumb as RACSliderThumb,\n  SliderTrack as RACSliderTrack,\n  TextContext as RACTextContext,\n  useSlottedContext,\n  type NumberFieldProps as RACNumberFieldProps,\n  type SliderProps as RACSliderProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/localization-provider.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport { Input } from '../internal/input/input.js';\nimport type { CommonProps, LabellableProps } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface SliderProps<T extends number | [number, number] = number>\n  extends\n    CommonProps,\n    LabellableProps,\n    Pick<RACSliderProps<T>, 'isDisabled' | 'minValue' | 'maxValue' | 'step' | 'formatOptions'> {\n  /** A description for the field. Provides a hint such as specific requirements for what to choose. */\n  description?: string;\n  /** The current value (controlled). */\n  value?: T;\n  /** The default value (uncontrolled). */\n  defaultValue?: T;\n  /** Handler that is called when the value changes. */\n  onChange?: (value: T) => void;\n  /** Handler that is called when the slider stops moving. */\n  onChangeEnd?: (value: T) => void;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n  /**\n   * The name(s) of the input element(s), used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name).\n   */\n  name?: T extends [number, number] ? [string, string] : string;\n  /**\n   * Whether to show input fields for slider values.\n   * @default false\n   */\n  withInput?: boolean;\n  /**\n   * Whether to show static labels with minimum and maximum values.\n   * @default false\n   * */\n  showLabels?: boolean;\n}\n\nfunction Slider<T extends number | [number, number] = number>(\n  {\n    label,\n    description,\n    UNSAFE_className,\n    UNSAFE_style,\n    form,\n    name,\n    withInput,\n    showLabels,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descriptionId = useId();\n  const rangeStartLabelId = useId();\n  const rangeEndLabelId = useId();\n  const messages = useLocalizedMessages('slider');\n\n  useProductionWarning(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn('Slider requires one of label / aria-label / aria-labelledby for accessibility');\n    }\n  }, [label, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACProvider values={[[RACTextContext, { slots: { description: { id: descriptionId } } }]]}>\n      <RACSlider\n        {...props}\n        ref={ref}\n        className={clsx('cim-slider', UNSAFE_className)}\n        style={UNSAFE_style}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        orientation=\"horizontal\"\n        aria-describedby={[description && descriptionId, props['aria-describedby']].filter(Boolean).join(' ')}\n      >\n        {({ state, isDisabled }) => {\n          const isRangeSlider = state.values.length === 2;\n\n          return (\n            <>\n              <FormFieldLabel isRequired={false} isDisabled={isDisabled}>\n                {label}\n              </FormFieldLabel>\n\n              {!withInput && label != null && (\n                <RACSliderOutput className=\"cim-slider-output\">\n                  <Text as=\"span\" variant=\"medium\">\n                    {state.values.map((_, i) => state.getThumbValueLabel(i)).join(' – ')}\n                  </Text>\n                </RACSliderOutput>\n              )}\n\n              <div className=\"cim-slider-track-container\">\n                {showLabels && (\n                  <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-min\">\n                    {state.getThumbMinValue(0)}\n                  </Text>\n                )}\n\n                <RACSliderTrack className=\"cim-slider-track\">\n                  {({ state: trackState, isDisabled: trackIsDisabled }) => (\n                    <>\n                      <div className=\"cim-slider-track-background\" data-disabled={trackIsDisabled || undefined} />\n\n                      <div\n                        className=\"cim-slider-fill\"\n                        style={\n                          (state.values.length === 1\n                            ? {\n                                '--cim-slider-fill-size': trackState.getThumbPercent(0) * 100 + '%',\n                              }\n                            : isRangeSlider\n                              ? {\n                                  '--cim-slider-fill-start': trackState.getThumbPercent(0) * 100 + '%',\n                                  '--cim-slider-fill-size':\n                                    (trackState.getThumbPercent(1) - trackState.getThumbPercent(0)) * 100 + '%',\n                                }\n                              : {}) as React.CSSProperties\n                        }\n                      />\n\n                      {trackState.values.map((_, i) => (\n                        <RACSliderThumb\n                          key={i}\n                          index={i}\n                          className=\"cim-slider-thumb\"\n                          name={typeof name === 'string' ? name : name?.[i]}\n                          form={form}\n                          aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                        />\n                      ))}\n                    </>\n                  )}\n                </RACSliderTrack>\n\n                {showLabels && (\n                  <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-max\">\n                    {state.getThumbMaxValue(state.values.length - 1)}\n                  </Text>\n                )}\n\n                {withInput && (\n                  <div className=\"cim-slider-inputs-container-wide\">\n                    {state.values.map((_, i) => (\n                      <SliderNumberField\n                        key={i}\n                        index={i}\n                        aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                        style={{ order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }}\n                        formatOptions={props.formatOptions}\n                      >\n                        <Input width=\"fit-content\" />\n                      </SliderNumberField>\n                    ))}\n                  </div>\n                )}\n              </div>\n\n              {withInput && (\n                <div className=\"cim-slider-inputs-container-narrow\">\n                  {state.values.map((_, i) => (\n                    <SliderNumberField\n                      key={i}\n                      index={i}\n                      aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                      formatOptions={props.formatOptions}\n                    >\n                      <Input />\n                    </SliderNumberField>\n                  ))}\n                </div>\n              )}\n\n              <FormFieldDescription>{description}</FormFieldDescription>\n\n              {isRangeSlider && (\n                <>\n                  <span style={{ display: 'none' }} id={rangeStartLabelId}>\n                    {messages.format('rangeStart')}\n                  </span>\n                  <span style={{ display: 'none' }} id={rangeEndLabelId}>\n                    {messages.format('rangeEnd')}\n                  </span>\n                </>\n              )}\n            </>\n          );\n        }}\n      </RACSlider>\n    </RACProvider>\n  );\n}\n\n/**\n * Allows users to select one or more values within a range.\n *\n * See [slider usage guidelines](https://ui.cimpress.io/components/slider/).\n */\nconst _Slider = withStyleProps(forwardRef(Slider), 'Slider');\n\nexport { _Slider as Slider };\n\ninterface SliderNumberFieldProps extends RACNumberFieldProps {\n  index: number;\n}\n\nfunction SliderNumberField({ index, 'aria-labelledby': ariaLabelledBy, ...props }: SliderNumberFieldProps) {\n  const state = useContext(RACSliderStateContext)!;\n  const labelProps = useSlottedContext(RACLabelContext)!;\n\n  return (\n    <RACNumberField\n      {...props}\n      className=\"cim-slider-input\"\n      value={state.values[index]}\n      onChange={(value) => state.setThumbValue(index, value ?? 0)}\n      aria-labelledby={labelProps.id ? `${labelProps.id} ${ariaLabelledBy}` : ariaLabelledBy}\n    />\n  );\n}\n"]}
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;AAEb,gDAAwB;AACxB,iCAAsD;AACtD,2CAAmC;AACnC,iEAa+B;AAC/B,yDAAkD;AAClD,kFAA2E;AAC3E,qFAA6E;AAC7E,mEAA2D;AAC3D,wEAA4F;AAC5F,yDAAmD;AAEnD,mDAA6C;AAuC7C,SAAS,MAAM,CACb,EACE,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,YAAY,EACZ,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,UAAU,EACV,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,GAAG,KAAK,EACO,EACjB,GAAiC;IAEjC,MAAM,aAAa,GAAG,IAAA,kBAAK,GAAE,CAAC;IAC9B,MAAM,iBAAiB,GAAG,IAAA,kBAAK,GAAE,CAAC;IAClC,MAAM,eAAe,GAAG,IAAA,kBAAK,GAAE,CAAC;IAChC,MAAM,QAAQ,GAAG,IAAA,+CAAoB,EAAC,QAAQ,CAAC,CAAC;IAEhD,IAAA,gDAAoB,EAAC,GAAG,EAAE;QACxB,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;YAC5C,OAAO,CAAC,IAAI,CAAC,+EAA+E,CAAC,CAAC;QAChG,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,EAAE,cAAc,CAAC,CAAC,CAAC;IAEvC,OAAO,CACL,uBAAC,gCAAW,IAAC,MAAM,EAAE,CAAC,CAAC,mCAAc,EAAE,EAAE,KAAK,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CAAC,YACxF,uBAAC,8BAAS,OACJ,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAI,EAAC,YAAY,EAAE,gBAAgB,CAAC,EAC/C,KAAK,EAAE,YAAY,gBACP,SAAS,qBACJ,cAAc,EAC/B,WAAW,EAAC,YAAY,sBACN,CAAC,WAAW,IAAI,aAAa,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEpG,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;gBACzB,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;gBAEhD,OAAO,CACL,6DACE,uBAAC,8BAAc,IAAC,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,YACtD,KAAK,GACS,EAEhB,CAAC,SAAS,IAAI,KAAK,IAAI,IAAI,IAAI,CAC9B,uBAAC,oCAAe,IAAC,SAAS,EAAC,mBAAmB,YAC5C,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,YAC7B,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAC/D,GACS,CACnB,EAED,iCAAK,SAAS,EAAC,4BAA4B,aACxC,UAAU,IAAI,CACb,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,sBAAsB,YACrE,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,GACrB,CACR,EAED,uBAAC,mCAAc,IAAC,SAAS,EAAC,kBAAkB,YACzC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,EAAE,EAAE,CAAC,CACvD,6DACE,gCAAK,SAAS,EAAC,6BAA6B,mBAAgB,eAAe,IAAI,SAAS,GAAI,EAE5F,gCACE,SAAS,EAAC,iBAAiB,EAC3B,KAAK,EACH,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,CAAC;oDACxB,CAAC,CAAC;wDACE,wBAAwB,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;qDACpE;oDACH,CAAC,CAAC,aAAa;wDACb,CAAC,CAAC;4DACE,yBAAyB,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;4DACpE,wBAAwB,EACtB,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,GAAG;yDAC9E;wDACH,CAAC,CAAC,EAAE,CAAwB,GAElC,EAED,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,uBAAC,mCAAc,IAEb,KAAK,EAAE,CAAC,EACR,SAAS,EAAC,kBAAkB,EAC5B,IAAI,EAAE,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,EACjD,IAAI,EAAE,IAAI,qBACO,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,IALvF,CAAC,CAMN,CACH,CAAC,IACD,CACJ,GACc,EAEhB,UAAU,IAAI,CACb,uBAAC,cAAI,IAAC,EAAE,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,gBAAgB,EAAC,sBAAsB,YACrE,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,GAC3C,CACR,EAEA,SAAS,IAAI,CACZ,gCAAK,SAAS,EAAC,kCAAkC,YAC9C,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,uBAAC,iBAAiB,IAEhB,KAAK,EAAE,CAAC,qBACS,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5F,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAAE,EAChE,aAAa,EAAE,KAAK,CAAC,aAAa,IAJ7B,CAAC,CAKN,CACH,CAAC,GACE,CACP,IACG,EAEL,SAAS,IAAI,CACZ,gCAAK,SAAS,EAAC,oCAAoC,YAChD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC1B,uBAAC,iBAAiB,IAEhB,KAAK,EAAE,CAAC,qBACS,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5F,aAAa,EAAE,KAAK,CAAC,aAAa,IAH7B,CAAC,CAIN,CACH,CAAC,GACE,CACP,EAED,uBAAC,oCAAoB,cAAE,WAAW,GAAwB,EAEzD,aAAa,IAAI,CAChB,6DACE,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,iBAAiB,YACpD,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,GACzB,EACP,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,eAAe,YAClD,QAAQ,CAAC,MAAM,CAAC,UAAU,CAAC,GACvB,IACN,CACJ,IACA,CACJ,CAAC;YACJ,CAAC,GACS,GACA,CACf,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,OAAO,GAAG,IAAA,oCAAc,EAAC,IAAA,2BAAU,EAAC,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAC;AAEzC,yBAAM;AAM1B,SAAS,iBAAiB,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,GAAG,KAAK,EAA0B;IACvG,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,0CAAqB,CAAE,CAAC;IACjD,MAAM,UAAU,GAAG,IAAA,yCAAiB,EAAC,oCAAe,CAAE,CAAC;IAEvD,OAAO,CACL,uBAAC,mCAAc,OACT,KAAK,EACT,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;YAClB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;gBACzB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;YACzC,CAAC;QACH,CAAC,qBACgB,CAAC,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAE1E,uBAAC,gBAAK,IAAC,YAAY,EAAC,KAAK,GAAG,GACb,CAClB,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport clsx from 'clsx';\nimport { useContext, type ForwardedRef } from 'react';\nimport { useId } from 'react-aria';\nimport {\n  LabelContext as RACLabelContext,\n  NumberField as RACNumberField,\n  Provider as RACProvider,\n  Slider as RACSlider,\n  SliderOutput as RACSliderOutput,\n  SliderStateContext as RACSliderStateContext,\n  SliderThumb as RACSliderThumb,\n  SliderTrack as RACSliderTrack,\n  TextContext as RACTextContext,\n  useSlottedContext,\n  type NumberFieldProps as RACNumberFieldProps,\n  type SliderProps as RACSliderProps,\n} from 'react-aria-components';\nimport { forwardRef } from '../../forward-ref.js';\nimport { useLocalizedMessages } from '../../i18n/localization-provider.js';\nimport { useProductionWarning } from '../../utils/use-production-warning.js';\nimport { withStyleProps } from '../../with-style-props.js';\nimport { FormFieldDescription, FormFieldLabel } from '../internal/form-field/form-field.js';\nimport { Input } from '../internal/input/input.js';\nimport type { CommonProps, LabellableProps } from '../types.js';\nimport { Text } from '../typography/text.js';\n\nexport interface SliderProps<T extends number | [number, number] = number>\n  extends\n    CommonProps,\n    LabellableProps,\n    Pick<RACSliderProps<T>, 'isDisabled' | 'minValue' | 'maxValue' | 'step' | 'formatOptions'> {\n  /** A description for the field. Provides a hint such as specific requirements for what to choose. */\n  description?: string;\n  /** The current value (controlled). */\n  value?: T;\n  /** The default value (uncontrolled). */\n  defaultValue?: T;\n  /** Handler that is called when the value changes. */\n  onChange?: (value: T) => void;\n  /** Handler that is called when the slider stops moving. */\n  onChangeEnd?: (value: T) => void;\n  /**\n   * The `<form>` element to associate the input with.\n   * The value of this attribute must be the id of a `<form>` in the same document.\n   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#form).\n   */\n  form?: string;\n  /**\n   * The name(s) of the input element(s), used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#name).\n   */\n  name?: T extends [number, number] ? [string, string] : string;\n  /**\n   * Whether to show input fields for slider values.\n   * @default false\n   */\n  withInput?: boolean;\n  /**\n   * Whether to show static labels with minimum and maximum values.\n   * @default false\n   * */\n  showLabels?: boolean;\n}\n\nfunction Slider<T extends number | [number, number] = number>(\n  {\n    label,\n    description,\n    UNSAFE_className,\n    UNSAFE_style,\n    form,\n    name,\n    withInput,\n    showLabels,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledBy,\n    ...props\n  }: SliderProps<T>,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const descriptionId = useId();\n  const rangeStartLabelId = useId();\n  const rangeEndLabelId = useId();\n  const messages = useLocalizedMessages('slider');\n\n  useProductionWarning(() => {\n    if (!label && !ariaLabel && !ariaLabelledBy) {\n      console.warn('Slider requires one of label / aria-label / aria-labelledby for accessibility');\n    }\n  }, [label, ariaLabel, ariaLabelledBy]);\n\n  return (\n    <RACProvider values={[[RACTextContext, { slots: { description: { id: descriptionId } } }]]}>\n      <RACSlider\n        {...props}\n        ref={ref}\n        className={clsx('cim-slider', UNSAFE_className)}\n        style={UNSAFE_style}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        orientation=\"horizontal\"\n        aria-describedby={[description && descriptionId, props['aria-describedby']].filter(Boolean).join(' ')}\n      >\n        {({ state, isDisabled }) => {\n          const isRangeSlider = state.values.length === 2;\n\n          return (\n            <>\n              <FormFieldLabel isRequired={false} isDisabled={isDisabled}>\n                {label}\n              </FormFieldLabel>\n\n              {!withInput && label != null && (\n                <RACSliderOutput className=\"cim-slider-output\">\n                  <Text as=\"span\" variant=\"medium\">\n                    {state.values.map((_, i) => state.getThumbValueLabel(i)).join(' – ')}\n                  </Text>\n                </RACSliderOutput>\n              )}\n\n              <div className=\"cim-slider-track-container\">\n                {showLabels && (\n                  <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-min\">\n                    {state.getThumbMinValue(0)}\n                  </Text>\n                )}\n\n                <RACSliderTrack className=\"cim-slider-track\">\n                  {({ state: trackState, isDisabled: trackIsDisabled }) => (\n                    <>\n                      <div className=\"cim-slider-track-background\" data-disabled={trackIsDisabled || undefined} />\n\n                      <div\n                        className=\"cim-slider-fill\"\n                        style={\n                          (state.values.length === 1\n                            ? {\n                                '--cim-slider-fill-size': trackState.getThumbPercent(0) * 100 + '%',\n                              }\n                            : isRangeSlider\n                              ? {\n                                  '--cim-slider-fill-start': trackState.getThumbPercent(0) * 100 + '%',\n                                  '--cim-slider-fill-size':\n                                    (trackState.getThumbPercent(1) - trackState.getThumbPercent(0)) * 100 + '%',\n                                }\n                              : {}) as React.CSSProperties\n                        }\n                      />\n\n                      {trackState.values.map((_, i) => (\n                        <RACSliderThumb\n                          key={i}\n                          index={i}\n                          className=\"cim-slider-thumb\"\n                          name={typeof name === 'string' ? name : name?.[i]}\n                          form={form}\n                          aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                        />\n                      ))}\n                    </>\n                  )}\n                </RACSliderTrack>\n\n                {showLabels && (\n                  <Text as=\"span\" variant=\"medium\" UNSAFE_className=\"cim-slider-label-max\">\n                    {state.getThumbMaxValue(state.values.length - 1)}\n                  </Text>\n                )}\n\n                {withInput && (\n                  <div className=\"cim-slider-inputs-container-wide\">\n                    {state.values.map((_, i) => (\n                      <SliderNumberField\n                        key={i}\n                        index={i}\n                        aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                        style={{ order: isRangeSlider ? (i === 0 ? -1 : 1) : undefined }}\n                        formatOptions={props.formatOptions}\n                      />\n                    ))}\n                  </div>\n                )}\n              </div>\n\n              {withInput && (\n                <div className=\"cim-slider-inputs-container-narrow\">\n                  {state.values.map((_, i) => (\n                    <SliderNumberField\n                      key={i}\n                      index={i}\n                      aria-labelledby={isRangeSlider ? (i === 0 ? rangeStartLabelId : rangeEndLabelId) : undefined}\n                      formatOptions={props.formatOptions}\n                    />\n                  ))}\n                </div>\n              )}\n\n              <FormFieldDescription>{description}</FormFieldDescription>\n\n              {isRangeSlider && (\n                <>\n                  <span style={{ display: 'none' }} id={rangeStartLabelId}>\n                    {messages.format('rangeStart')}\n                  </span>\n                  <span style={{ display: 'none' }} id={rangeEndLabelId}>\n                    {messages.format('rangeEnd')}\n                  </span>\n                </>\n              )}\n            </>\n          );\n        }}\n      </RACSlider>\n    </RACProvider>\n  );\n}\n\n/**\n * Allows users to select one or more values within a range.\n *\n * See [slider usage guidelines](https://ui.cimpress.io/components/slider/).\n */\nconst _Slider = withStyleProps(forwardRef(Slider), 'Slider');\n\nexport { _Slider as Slider };\n\ninterface SliderNumberFieldProps extends RACNumberFieldProps {\n  index: number;\n}\n\nfunction SliderNumberField({ index, 'aria-labelledby': ariaLabelledBy, ...props }: SliderNumberFieldProps) {\n  const state = useContext(RACSliderStateContext)!;\n  const labelProps = useSlottedContext(RACLabelContext)!;\n\n  return (\n    <RACNumberField\n      {...props}\n      className=\"cim-slider-input\"\n      value={state.values[index]}\n      onChange={(value) => {\n        if (!Number.isNaN(value)) {\n          state.setThumbValue(index, value ?? 0);\n        }\n      }}\n      aria-labelledby={[labelProps.id, ariaLabelledBy].filter(Boolean).join(' ')}\n    >\n      <Input contentWidth=\"5ch\" />\n    </RACNumberField>\n  );\n}\n"]}

package/dist/commonjs/icons/case-lower.d.ts

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

package/dist/commonjs/icons/case-lower.d.ts.map

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

package/dist/commonjs/icons/case-lower.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 = 'IconCaseLower';
+/** Renders an SVG icon. */
+const SvgCaseLower = ({ 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", d: "M22.527 12q2.029 0 3.25 1.164Q27 14.304 27 16.16v8.394q0 .248-.244.248h-1.858q-.245 0-.245-.248v-.718q0-.05-.048-.05-.025-.024-.074.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.891-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.619-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.025.222-.269.223l-2.004-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q20.669 12 22.527 12m-.538 10.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.198 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445ZM9.889 12q2.028 0 3.25 1.164 1.224 1.14 1.223 2.996v8.394q0 .248-.245.248H12.26q-.245 0-.245-.248v-.718q0-.05-.049-.05-.024-.024-.073.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.89-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.618-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.024.223-.27.223l-2.003-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q8.03 12 9.89 12ZM9.35 22.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.197 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445Z" }) }));
+};
+SvgCaseLower.displayName = displayName;
+exports.default = SvgCaseLower;
+//# sourceMappingURL=case-lower.js.map

package/dist/commonjs/icons/case-lower.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-lower.js","sourceRoot":"","sources":["../../../src/icons/case-lower.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;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,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,CAAC,EAAC,0rCAA0rC,GAC5rC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACvC,kBAAe,YAAY,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCaseLower';\n/** Renders an SVG icon. */\nconst SvgCaseLower = ({\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        d=\"M22.527 12q2.029 0 3.25 1.164Q27 14.304 27 16.16v8.394q0 .248-.244.248h-1.858q-.245 0-.245-.248v-.718q0-.05-.048-.05-.025-.024-.074.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.891-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.619-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.025.222-.269.223l-2.004-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q20.669 12 22.527 12m-.538 10.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.198 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445ZM9.889 12q2.028 0 3.25 1.164 1.224 1.14 1.223 2.996v8.394q0 .248-.245.248H12.26q-.245 0-.245-.248v-.718q0-.05-.049-.05-.024-.024-.073.025-1.1 1.19-3.055 1.189-1.59 0-2.714-.867-1.125-.89-1.124-2.847 0-2.03 1.296-3.07 1.32-1.065 3.568-1.066h2.054q.097 0 .097-.099v-.693q0-1.065-.562-1.684-.538-.618-1.564-.619-.807 0-1.345.421-.513.396-.635 1.09-.024.223-.27.223l-2.003-.124a.3.3 0 0 1-.172-.05.17.17 0 0 1-.048-.173q.146-1.536 1.368-2.476Q8.03 12 9.89 12ZM9.35 22.97q1.075 0 1.858-.62.806-.618.806-1.659v-1.584q0-.1-.097-.1h-1.883q-1.197 0-1.93.545-.71.546-.71 1.585 0 .915.538 1.387.538.445 1.418.445Z\"\n      />\n    </svg>\n  );\n};\nSvgCaseLower.displayName = displayName;\nexport default SvgCaseLower;\n"]}

package/dist/commonjs/icons/case-normal.d.ts

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

package/dist/commonjs/icons/case-normal.d.ts.map

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

package/dist/commonjs/icons/case-normal.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 = 'IconCaseNormal';
+/** Renders an SVG icon. */
+const SvgCaseNormal = ({ 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", d: "M23.407 11.945q2.084 0 3.338 1.169Q28 14.257 28 16.122v8.43q0 .25-.251.25h-1.907q-.252 0-.252-.25v-.72q0-.05-.05-.05-.024-.025-.075.024Q24.335 25 22.328 25q-1.632 0-2.786-.87-1.155-.895-1.155-2.86 0-2.04 1.33-3.084 1.356-1.069 3.665-1.069h2.108q.1 0 .1-.1v-.695q0-1.07-.577-1.691-.552-.622-1.606-.622-.828 0-1.38.423-.528.398-.653 1.094-.026.223-.276.223l-2.058-.124a.3.3 0 0 1-.176-.05.17.17 0 0 1-.05-.174q.15-1.54 1.405-2.486 1.28-.97 3.188-.97m-.552 11.016q1.104 0 1.907-.622.828-.622.828-1.666v-1.591q0-.1-.1-.1h-1.932q-1.23 0-1.983.547-.728.547-.728 1.592 0 .92.552 1.392.552.448 1.456.448m-8.605 1.841q-.231 0-.282-.23l-.77-2.95q-.026-.075-.129-.075H7.397q-.129 0-.129.076l-.744 2.95q-.026.229-.282.229H4.24a.28.28 0 0 1-.206-.077q-.051-.075-.025-.203L8.757 7.229q.05-.23.283-.229h2.413q.23 0 .283.229l4.774 17.293.026.076q0 .204-.257.204zm-6.443-5.29q-.026.025 0 .076a.2.2 0 0 0 .103.026h4.646q.051 0 .077-.026.051-.05.026-.076l-2.388-9.206q-.026-.05-.05-.05-.027 0-.052.05z" }) }));
+};
+SvgCaseNormal.displayName = displayName;
+exports.default = SvgCaseNormal;
+//# sourceMappingURL=case-normal.js.map

package/dist/commonjs/icons/case-normal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-normal.js","sourceRoot":"","sources":["../../../src/icons/case-normal.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,CAAC,EAAC,w9BAAw9B,GAC19B,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 = 'IconCaseNormal';\n/** Renders an SVG icon. */\nconst SvgCaseNormal = ({\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        d=\"M23.407 11.945q2.084 0 3.338 1.169Q28 14.257 28 16.122v8.43q0 .25-.251.25h-1.907q-.252 0-.252-.25v-.72q0-.05-.05-.05-.024-.025-.075.024Q24.335 25 22.328 25q-1.632 0-2.786-.87-1.155-.895-1.155-2.86 0-2.04 1.33-3.084 1.356-1.069 3.665-1.069h2.108q.1 0 .1-.1v-.695q0-1.07-.577-1.691-.552-.622-1.606-.622-.828 0-1.38.423-.528.398-.653 1.094-.026.223-.276.223l-2.058-.124a.3.3 0 0 1-.176-.05.17.17 0 0 1-.05-.174q.15-1.54 1.405-2.486 1.28-.97 3.188-.97m-.552 11.016q1.104 0 1.907-.622.828-.622.828-1.666v-1.591q0-.1-.1-.1h-1.932q-1.23 0-1.983.547-.728.547-.728 1.592 0 .92.552 1.392.552.448 1.456.448m-8.605 1.841q-.231 0-.282-.23l-.77-2.95q-.026-.075-.129-.075H7.397q-.129 0-.129.076l-.744 2.95q-.026.229-.282.229H4.24a.28.28 0 0 1-.206-.077q-.051-.075-.025-.203L8.757 7.229q.05-.23.283-.229h2.413q.23 0 .283.229l4.774 17.293.026.076q0 .204-.257.204zm-6.443-5.29q-.026.025 0 .076a.2.2 0 0 0 .103.026h4.646q.051 0 .077-.026.051-.05.026-.076l-2.388-9.206q-.026-.05-.05-.05-.027 0-.052.05z\"\n      />\n    </svg>\n  );\n};\nSvgCaseNormal.displayName = displayName;\nexport default SvgCaseNormal;\n"]}

package/dist/commonjs/icons/case-upper.d.ts

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

package/dist/commonjs/icons/case-upper.d.ts.map

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

package/dist/commonjs/icons/case-upper.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 = 'IconCaseUpper';
+/** Renders an SVG icon. */
+const SvgCaseUpper = ({ 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", d: "M26.765 25q-.226 0-.277-.231l-.753-2.983q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983q-.025.231-.276.231h-1.96a.27.27 0 0 1-.2-.077q-.05-.078-.025-.206L21.39 7.231Q21.44 7 21.666 7h2.361q.226 0 .276.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.051 0 .075-.025.05-.052.026-.078l-2.336-9.308q-.026-.052-.05-.052-.026 0-.05.052L20.46 19.65ZM13.03 25q-.226 0-.277-.231L12 21.786q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983Q5.444 25 5.193 25H3.234a.27.27 0 0 1-.2-.077q-.05-.078-.026-.206L7.655 7.231Q7.705 7 7.93 7h2.36q.228 0 .277.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.05 0 .075-.025.05-.052.025-.078l-2.335-9.308q-.026-.052-.05-.052-.026 0-.05.052L6.724 19.65Z" }) }));
+};
+SvgCaseUpper.displayName = displayName;
+exports.default = SvgCaseUpper;
+//# sourceMappingURL=case-upper.js.map

package/dist/commonjs/icons/case-upper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"case-upper.js","sourceRoot":"","sources":["../../../src/icons/case-upper.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;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,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,CAAC,EAAC,0xBAA0xB,GAC5xB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,WAAW,GAAG,WAAW,CAAC;AACvC,kBAAe,YAAY,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconCaseUpper';\n/** Renders an SVG icon. */\nconst SvgCaseUpper = ({\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        d=\"M26.765 25q-.226 0-.277-.231l-.753-2.983q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983q-.025.231-.276.231h-1.96a.27.27 0 0 1-.2-.077q-.05-.078-.025-.206L21.39 7.231Q21.44 7 21.666 7h2.361q.226 0 .276.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.051 0 .075-.025.05-.052.026-.078l-2.336-9.308q-.026-.052-.05-.052-.026 0-.05.052L20.46 19.65ZM13.03 25q-.226 0-.277-.231L12 21.786q-.026-.078-.126-.077h-5.55q-.126 0-.126.077l-.728 2.983Q5.444 25 5.193 25H3.234a.27.27 0 0 1-.2-.077q-.05-.078-.026-.206L7.655 7.231Q7.705 7 7.93 7h2.36q.228 0 .277.231l4.672 17.486.025.077q0 .206-.251.206zm-6.304-5.349q-.026.026 0 .078a.2.2 0 0 0 .1.025h4.546q.05 0 .075-.025.05-.052.025-.078l-2.335-9.308q-.026-.052-.05-.052-.026 0-.05.052L6.724 19.65Z\"\n      />\n    </svg>\n  );\n};\nSvgCaseUpper.displayName = displayName;\nexport default SvgCaseUpper;\n"]}

package/dist/commonjs/icons/chevron-double-down.d.ts

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

package/dist/commonjs/icons/chevron-double-down.d.ts.map

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

package/dist/commonjs/icons/chevron-double-down.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 = 'IconChevronDoubleDown';
+/** Renders an SVG icon. */
+const SvgChevronDoubleDown = ({ 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.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", d: "M22.204 16.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 22.408z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M22.204 8.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 14.408z" })] }));
+};
+SvgChevronDoubleDown.displayName = displayName;
+exports.default = SvgChevronDoubleDown;
+//# sourceMappingURL=chevron-double-down.js.map

package/dist/commonjs/icons/chevron-double-down.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-double-down.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-down.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAC5C,2BAA2B;AAC3B,MAAM,oBAAoB,GAAG,CAAC,EAC5B,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,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0HAA0H,GAC5H,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yHAAyH,GAC3H,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/C,kBAAe,oBAAoB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleDown';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleDown = ({\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        d=\"M22.204 16.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 22.408z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M22.204 8.204a1.126 1.126 0 0 1 1.592 1.592l-7 7c-.44.44-1.153.44-1.592 0l-7-7a1.126 1.126 0 0 1 1.592-1.592L16 14.408z\"\n      />\n    </svg>\n  );\n};\nSvgChevronDoubleDown.displayName = displayName;\nexport default SvgChevronDoubleDown;\n"]}

package/dist/commonjs/icons/chevron-double-left.d.ts

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

package/dist/commonjs/icons/chevron-double-left.d.ts.map

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

package/dist/commonjs/icons/chevron-double-left.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 = 'IconChevronDoubleLeft';
+/** Renders an SVG icon. */
+const SvgChevronDoubleLeft = ({ 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.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", d: "M15.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L9.592 16z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M23.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L17.592 16z" })] }));
+};
+SvgChevronDoubleLeft.displayName = displayName;
+exports.default = SvgChevronDoubleLeft;
+//# sourceMappingURL=chevron-double-left.js.map

package/dist/commonjs/icons/chevron-double-left.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-double-left.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-left.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,uBAAuB,CAAC;AAC5C,2BAA2B;AAC3B,MAAM,oBAAoB,GAAG,CAAC,EAC5B,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,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,wHAAwH,GAC1H,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,yHAAyH,GAC3H,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,oBAAoB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC/C,kBAAe,oBAAoB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleLeft';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleLeft = ({\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        d=\"M15.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L9.592 16z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M23.796 9.796a1.126 1.126 0 0 0-1.592-1.592l-7 7c-.44.44-.44 1.152 0 1.592l7 7a1.126 1.126 0 0 0 1.592-1.592L17.592 16z\"\n      />\n    </svg>\n  );\n};\nSvgChevronDoubleLeft.displayName = displayName;\nexport default SvgChevronDoubleLeft;\n"]}

package/dist/commonjs/icons/chevron-double-right.d.ts

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

package/dist/commonjs/icons/chevron-double-right.d.ts.map

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

package/dist/commonjs/icons/chevron-double-right.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 = 'IconChevronDoubleRight';
+/** Renders an SVG icon. */
+const SvgChevronDoubleRight = ({ 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.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", d: "M8.204 9.796a1.126 1.126 0 0 1 1.592-1.592l7 7c.44.44.44 1.152 0 1.592l-7 7a1.126 1.126 0 0 1-1.592-1.592L14.408 16z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M16.204 9.796a1.126 1.126 0 0 1 1.592-1.592l7 7c.44.44.44 1.152 0 1.592l-7 7a1.126 1.126 0 0 1-1.592-1.592L22.408 16z" })] }));
+};
+SvgChevronDoubleRight.displayName = displayName;
+exports.default = SvgChevronDoubleRight;
+//# sourceMappingURL=chevron-double-right.js.map

package/dist/commonjs/icons/chevron-double-right.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-double-right.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-right.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;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,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,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,sHAAsH,GACxH,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,uHAAuH,GACzH,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,WAAW,GAAG,WAAW,CAAC;AAChD,kBAAe,qBAAqB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleRight';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleRight = ({\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        d=\"M8.204 9.796a1.126 1.126 0 0 1 1.592-1.592l7 7c.44.44.44 1.152 0 1.592l-7 7a1.126 1.126 0 0 1-1.592-1.592L14.408 16z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M16.204 9.796a1.126 1.126 0 0 1 1.592-1.592l7 7c.44.44.44 1.152 0 1.592l-7 7a1.126 1.126 0 0 1-1.592-1.592L22.408 16z\"\n      />\n    </svg>\n  );\n};\nSvgChevronDoubleRight.displayName = displayName;\nexport default SvgChevronDoubleRight;\n"]}

package/dist/commonjs/icons/chevron-double-up.d.ts

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

package/dist/commonjs/icons/chevron-double-up.d.ts.map

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

package/dist/commonjs/icons/chevron-double-up.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 = 'IconChevronDoubleUp';
+/** Renders an SVG icon. */
+const SvgChevronDoubleUp = ({ 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.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", d: "M22.204 23.796a1.126 1.126 0 0 0 1.592-1.592l-7-7a1.126 1.126 0 0 0-1.592 0l-7 7a1.126 1.126 0 0 0 1.592 1.592L16 17.592z" }), (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M22.204 15.796a1.126 1.126 0 0 0 1.592-1.592l-7-7a1.126 1.126 0 0 0-1.592 0l-7 7a1.126 1.126 0 0 0 1.592 1.592L16 9.592z" })] }));
+};
+SvgChevronDoubleUp.displayName = displayName;
+exports.default = SvgChevronDoubleUp;
+//# sourceMappingURL=chevron-double-up.js.map

package/dist/commonjs/icons/chevron-double-up.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevron-double-up.js","sourceRoot":"","sources":["../../../src/icons/chevron-double-up.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAwB;AAExB,oDAAgD;AAChD,MAAM,WAAW,GAAG,qBAAqB,CAAC;AAC1C,2BAA2B;AAC3B,MAAM,kBAAkB,GAAG,CAAC,EAC1B,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,iCAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,eAAW,MAAM,EAAC,IAAI,EAAC,cAAc,KAAK,KAAK,aACxG,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,2HAA2H,GAC7H,EACF,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0HAA0H,GAC5H,IACE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,kBAAkB,CAAC,WAAW,GAAG,WAAW,CAAC;AAC7C,kBAAe,kBAAkB,CAAC","sourcesContent":["import clsx from 'clsx';\nimport type { IconProps } from '../components/types.js';\nimport { fgTone } from '../utils/style/tone.js';\nconst displayName = 'IconChevronDoubleUp';\n/** Renders an SVG icon. */\nconst SvgChevronDoubleUp = ({\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        d=\"M22.204 23.796a1.126 1.126 0 0 0 1.592-1.592l-7-7a1.126 1.126 0 0 0-1.592 0l-7 7a1.126 1.126 0 0 0 1.592 1.592L16 17.592z\"\n      />\n      <path\n        fill=\"currentColor\"\n        d=\"M22.204 15.796a1.126 1.126 0 0 0 1.592-1.592l-7-7a1.126 1.126 0 0 0-1.592 0l-7 7a1.126 1.126 0 0 0 1.592 1.592L16 9.592z\"\n      />\n    </svg>\n  );\n};\nSvgChevronDoubleUp.displayName = displayName;\nexport default SvgChevronDoubleUp;\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"cut.d.ts","sourceRoot":"","sources":["../../../src/icons/cut.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"}