npm - @raystack/apsara - Versions diffs - 0.49.1 → 0.50.0 - Mend

@raystack/apsara 0.49.1 → 0.50.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2064) hide show

package/dist/components/checkbox/checkbox.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.cjs","sources":["../../../components/checkbox/checkbox.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './checkbox.module.css';\n\nconst CheckMarkIcon = () => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='16'\n height='16'\n viewBox='0 0 16 16'\n fill='none'\n className={styles.icon}\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z'\n fill='currentColor'\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='16'\n height='16'\n viewBox='0 0 16 16'\n fill='none'\n className={styles.icon}\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z'\n fill='currentColor'\n />\n </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean \| 'indeterminate';\n\nexport interface CheckboxProps\n extends Omit<\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n keyof CheckboxVariants\n >,\n CheckboxVariants {\n checked?: CheckedState;\n defaultChecked?: CheckedState;\n onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(\n (\n { className, disabled, checked, defaultChecked, onCheckedChange, ...props },\n forwardedRef\n ) => {\n const isIndeterminate =\n checked === 'indeterminate' \|\| defaultChecked === 'indeterminate';\n\n return (\n <CheckboxPrimitive.Root\n className={checkbox({\n className: cx(className, {\n [styles['checkbox-disabled']]: disabled,\n [styles['checkbox-indeterminate']]: isIndeterminate\n })\n })}\n checked={isIndeterminate \|\| checked === true}\n defaultChecked={defaultChecked === true}\n onCheckedChange={value => {\n if (onCheckedChange) {\n // If it's currently indeterminate, next state will be unchecked\n if (checked === 'indeterminate') {\n onCheckedChange(false);\n } else {\n onCheckedChange(value);\n }\n }\n }}\n disabled={disabled}\n ref={forwardedRef}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={styles.indicator}>\n {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["_jsx","styles","cva","forwardRef","CheckboxPrimitive.Root","cx","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;;AAMA,MAAM,aAAa,GAAG,OACpBA,~~gCACE~~,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAEC,uBAAM,CAAC,IAAI,EAAA,QAAA,EAEtBD,~~2CACE~~,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+WAA+W,EACjX,IAAI,EAAC,cAAc,EAAA,CACnB,EACE,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACxBA,~~gCACE~~,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAEC,uBAAM,CAAC,IAAI,EAAA,QAAA,EAEtBD,~~2CACE~~,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,cAAc,EAAA,CACnB,EACE,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAGE,WAAG,CAACD,uBAAM,CAAC,QAAQ,CAAC,CAAC;AAgBzB,MAAA,QAAQ,GAAGE,gBAAU,CAIhC,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAC3E,YAAY,KACV;IACF,MAAM,eAAe,GACnB,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAEpE,QACEH,~~iCAACI~~,cAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAEC,UAAE,CAAC,SAAS,EAAE;AACvB,gBAAA,CAACJ,uBAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAACA,uBAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;AACH,SAAA,CAAC,EACF,OAAO,EAAE,eAAe,IAAI,OAAO,KAAK,IAAI,EAC5C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,KAAK,IAAG;YACvB,IAAI,eAAe,EAAE;;AAEnB,gBAAA,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;qBAAM;oBACL,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;aACF;AACH,SAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACb,GAAA,KAAK,YAETD,~~gCAAC~~,CAAAM,uBAA2B,EAAA,EAAC,SAAS,EAAEL,uBAAM,CAAC,SAAS,YACrD,eAAe,GAAGD,~~iCAAC~~,iBAAiB,EAAA,EAAA,CAAG,GAAGA,~~gCAAC~~,CAAA,aAAa,KAAG,EAChC,CAAA,EAAA,CACP,EACzB;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
1	+ {"version":3,"file":"checkbox.cjs","sources":["../../../components/checkbox/checkbox.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './checkbox.module.css';\n\nconst CheckMarkIcon = () => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='16'\n height='16'\n viewBox='0 0 16 16'\n fill='none'\n className={styles.icon}\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z'\n fill='currentColor'\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='16'\n height='16'\n viewBox='0 0 16 16'\n fill='none'\n className={styles.icon}\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z'\n fill='currentColor'\n />\n </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean \| 'indeterminate';\n\nexport interface CheckboxProps\n extends Omit<\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n keyof CheckboxVariants\n >,\n CheckboxVariants {\n checked?: CheckedState;\n defaultChecked?: CheckedState;\n onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(\n (\n { className, disabled, checked, defaultChecked, onCheckedChange, ...props },\n forwardedRef\n ) => {\n const isIndeterminate =\n checked === 'indeterminate' \|\| defaultChecked === 'indeterminate';\n\n return (\n <CheckboxPrimitive.Root\n className={checkbox({\n className: cx(className, {\n [styles['checkbox-disabled']]: disabled,\n [styles['checkbox-indeterminate']]: isIndeterminate\n })\n })}\n checked={isIndeterminate \|\| checked === true}\n defaultChecked={defaultChecked === true}\n onCheckedChange={value => {\n if (onCheckedChange) {\n // If it's currently indeterminate, next state will be unchecked\n if (checked === 'indeterminate') {\n onCheckedChange(false);\n } else {\n onCheckedChange(value);\n }\n }\n }}\n disabled={disabled}\n ref={forwardedRef}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={styles.indicator}>\n {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["_jsx","styles","cva","forwardRef","CheckboxPrimitive.Root","cx","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;;AAMA,MAAM,aAAa,GAAG,OACpBA,cACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAEC,uBAAM,CAAC,IAAI,EAAA,QAAA,EAEtBD,yBACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+WAA+W,EACjX,IAAI,EAAC,cAAc,EAAA,CACnB,EACE,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACxBA,cACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAEC,uBAAM,CAAC,IAAI,EAAA,QAAA,EAEtBD,yBACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,cAAc,EAAA,CACnB,EACE,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAGE,WAAG,CAACD,uBAAM,CAAC,QAAQ,CAAC,CAAC;AAgBzB,MAAA,QAAQ,GAAGE,gBAAU,CAIhC,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAC3E,YAAY,KACV;IACF,MAAM,eAAe,GACnB,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAEpE,QACEH,eAACI,cAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAEC,UAAE,CAAC,SAAS,EAAE;AACvB,gBAAA,CAACJ,uBAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAACA,uBAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;AACH,SAAA,CAAC,EACF,OAAO,EAAE,eAAe,IAAI,OAAO,KAAK,IAAI,EAC5C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,KAAK,IAAG;YACvB,IAAI,eAAe,EAAE;;AAEnB,gBAAA,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;qBAAM;oBACL,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;aACF;AACH,SAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACb,GAAA,KAAK,YAETD,cAAC,CAAAM,uBAA2B,EAAA,EAAC,SAAS,EAAEL,uBAAM,CAAC,SAAS,YACrD,eAAe,GAAGD,eAAC,iBAAiB,EAAA,EAAA,CAAG,GAAGA,cAAC,CAAA,aAAa,KAAG,EAChC,CAAA,EAAA,CACP,EACzB;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/checkbox/checkbox.js CHANGED Viewed

@@ -1,15 +1,15 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { cx, cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import styles from './checkbox.module.css.js';
-import { Checkbox as Checkbox$1, CheckboxIndicator } from '../../node_modules/.pnpm/@radix-ui_react-checkbox@1.3.2_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-checkbox/dist/index.js';
+import { Checkbox as Checkbox$1, CheckboxIndicator } from '../../node_modules/.pnpm/@radix-ui_react-checkbox@1.3.2_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1_eacxjqfuvkgmutrevmrsnebo6u/node_modules/@radix-ui/react-checkbox/dist/index.js';
-const CheckMarkIcon = () => (jsxRuntimeExports.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: styles.icon, children: jsxRuntimeExports.jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z', fill: 'currentColor' }) }));
-const IndeterminateIcon = () => (jsxRuntimeExports.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: styles.icon, children: jsxRuntimeExports.jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z', fill: 'currentColor' }) }));
+const CheckMarkIcon = () => (jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: styles.icon, children: jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z', fill: 'currentColor' }) }));
+const IndeterminateIcon = () => (jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: styles.icon, children: jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z', fill: 'currentColor' }) }));
 const checkbox = cva(styles.checkbox);
 const Checkbox = forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
     const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
-    return (jsxRuntimeExports.jsx(Checkbox$1, { className: checkbox({
+    return (jsx(Checkbox$1, { className: checkbox({
             className: cx(className, {
                 [styles['checkbox-disabled']]: disabled,
                 [styles['checkbox-indeterminate']]: isIndeterminate
@@ -24,7 +24,7 @@ const Checkbox = forwardRef(({ className, disabled, checked, defaultChecked, onC
                     onCheckedChange(value);
                 }
             }
-        }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntimeExports.jsx(CheckboxIndicator, { className: styles.indicator, children: isIndeterminate ? jsxRuntimeExports.jsx(IndeterminateIcon, {}) : jsxRuntimeExports.jsx(CheckMarkIcon, {}) }) }));
+        }, disabled: disabled, ref: forwardedRef, ...props, children: jsx(CheckboxIndicator, { className: styles.indicator, children: isIndeterminate ? jsx(IndeterminateIcon, {}) : jsx(CheckMarkIcon, {}) }) }));
 });
 Checkbox.displayName = 'Checkbox';

package/dist/components/checkbox/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sources":["../../../components/checkbox/checkbox.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './checkbox.module.css';\n\nconst CheckMarkIcon = () => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='16'\n height='16'\n viewBox='0 0 16 16'\n fill='none'\n className={styles.icon}\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z'\n fill='currentColor'\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='16'\n height='16'\n viewBox='0 0 16 16'\n fill='none'\n className={styles.icon}\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z'\n fill='currentColor'\n />\n </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean \| 'indeterminate';\n\nexport interface CheckboxProps\n extends Omit<\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n keyof CheckboxVariants\n >,\n CheckboxVariants {\n checked?: CheckedState;\n defaultChecked?: CheckedState;\n onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(\n (\n { className, disabled, checked, defaultChecked, onCheckedChange, ...props },\n forwardedRef\n ) => {\n const isIndeterminate =\n checked === 'indeterminate' \|\| defaultChecked === 'indeterminate';\n\n return (\n <CheckboxPrimitive.Root\n className={checkbox({\n className: cx(className, {\n [styles['checkbox-disabled']]: disabled,\n [styles['checkbox-indeterminate']]: isIndeterminate\n })\n })}\n checked={isIndeterminate \|\| checked === true}\n defaultChecked={defaultChecked === true}\n onCheckedChange={value => {\n if (onCheckedChange) {\n // If it's currently indeterminate, next state will be unchecked\n if (checked === 'indeterminate') {\n onCheckedChange(false);\n } else {\n onCheckedChange(value);\n }\n }\n }}\n disabled={disabled}\n ref={forwardedRef}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={styles.indicator}>\n {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["_jsx","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator"],"mappings":";;;;;;AAMA,MAAM,aAAa,GAAG,OACpBA,~~qBACE~~,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,~~gCACE~~,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+WAA+W,EACjX,IAAI,EAAC,cAAc,EAAA,CACnB,EACE,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACxBA,~~qBACE~~,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,~~gCACE~~,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,cAAc,EAAA,CACnB,EACE,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAgBzB,MAAA,QAAQ,GAAG,UAAU,CAIhC,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAC3E,YAAY,KACV;IACF,MAAM,eAAe,GACnB,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAEpE,QACEA,~~sBAACC~~,UAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;AACvB,gBAAA,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAAC,MAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;AACH,SAAA,CAAC,EACF,OAAO,EAAE,eAAe,IAAI,OAAO,KAAK,IAAI,EAC5C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,KAAK,IAAG;YACvB,IAAI,eAAe,EAAE;;AAEnB,gBAAA,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;qBAAM;oBACL,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;aACF;AACH,SAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACb,GAAA,KAAK,YAETD,~~qBAAC~~,CAAAE,iBAA2B,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,YACrD,eAAe,GAAGF,~~sBAAC~~,iBAAiB,EAAA,EAAA,CAAG,GAAGA,~~qBAAC~~,CAAA,aAAa,KAAG,EAChC,CAAA,EAAA,CACP,EACzB;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
1	+ {"version":3,"file":"checkbox.js","sources":["../../../components/checkbox/checkbox.tsx"],"sourcesContent":["import { VariantProps, cva, cx } from 'class-variance-authority';\nimport { Checkbox as CheckboxPrimitive } from 'radix-ui';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from 'react';\n\nimport styles from './checkbox.module.css';\n\nconst CheckMarkIcon = () => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='16'\n height='16'\n viewBox='0 0 16 16'\n fill='none'\n className={styles.icon}\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M11.9005 4.9671C12.0894 4.6782 12.0083 4.29086 11.7194 4.10197C11.4305 3.91307 11.0432 3.99414 10.8543 4.28304L7.15577 9.93961L5.04542 8.02112C4.79001 7.78893 4.39473 7.80775 4.16254 8.06316C3.93035 8.31857 3.94917 8.71385 4.20458 8.94605L6.85731 11.3576C6.99274 11.4807 7.17532 11.5383 7.35686 11.5151C7.53841 11.492 7.70068 11.3904 7.80084 11.2372L11.9005 4.9671Z'\n fill='currentColor'\n />\n </svg>\n);\n\nconst IndeterminateIcon = () => (\n <svg\n xmlns='http://www.w3.org/2000/svg'\n width='16'\n height='16'\n viewBox='0 0 16 16'\n fill='none'\n className={styles.icon}\n >\n <path\n fillRule='evenodd'\n clipRule='evenodd'\n d='M11.5 8.5H4.5C4.22386 8.5 4 8.27614 4 8C4 7.72386 4.22386 7.5 4.5 7.5H11.5C11.7761 7.5 12 7.72386 12 8C12 8.27614 11.7761 8.5 11.5 8.5Z'\n fill='currentColor'\n />\n </svg>\n);\n\nconst checkbox = cva(styles.checkbox);\n\ntype CheckboxVariants = VariantProps<typeof checkbox>;\ntype CheckedState = boolean \| 'indeterminate';\n\nexport interface CheckboxProps\n extends Omit<\n ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>,\n keyof CheckboxVariants\n >,\n CheckboxVariants {\n checked?: CheckedState;\n defaultChecked?: CheckedState;\n onCheckedChange?: (checked: CheckedState) => void;\n}\n\nexport const Checkbox = forwardRef<\n ElementRef<typeof CheckboxPrimitive.Root>,\n CheckboxProps\n>(\n (\n { className, disabled, checked, defaultChecked, onCheckedChange, ...props },\n forwardedRef\n ) => {\n const isIndeterminate =\n checked === 'indeterminate' \|\| defaultChecked === 'indeterminate';\n\n return (\n <CheckboxPrimitive.Root\n className={checkbox({\n className: cx(className, {\n [styles['checkbox-disabled']]: disabled,\n [styles['checkbox-indeterminate']]: isIndeterminate\n })\n })}\n checked={isIndeterminate \|\| checked === true}\n defaultChecked={defaultChecked === true}\n onCheckedChange={value => {\n if (onCheckedChange) {\n // If it's currently indeterminate, next state will be unchecked\n if (checked === 'indeterminate') {\n onCheckedChange(false);\n } else {\n onCheckedChange(value);\n }\n }\n }}\n disabled={disabled}\n ref={forwardedRef}\n {...props}\n >\n <CheckboxPrimitive.Indicator className={styles.indicator}>\n {isIndeterminate ? <IndeterminateIcon /> : <CheckMarkIcon />}\n </CheckboxPrimitive.Indicator>\n </CheckboxPrimitive.Root>\n );\n }\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["_jsx","CheckboxPrimitive.Root","CheckboxPrimitive.Indicator"],"mappings":";;;;;;AAMA,MAAM,aAAa,GAAG,OACpBA,GACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,+WAA+W,EACjX,IAAI,EAAC,cAAc,EAAA,CACnB,EACE,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACxBA,GACE,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,SAAS,EAAE,MAAM,CAAC,IAAI,EAAA,QAAA,EAEtBA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,yIAAyI,EAC3I,IAAI,EAAC,cAAc,EAAA,CACnB,EACE,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAG,GAAG,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAgBzB,MAAA,QAAQ,GAAG,UAAU,CAIhC,CACE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAC3E,YAAY,KACV;IACF,MAAM,eAAe,GACnB,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAEpE,QACEA,IAACC,UAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE;AACvB,gBAAA,CAAC,MAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAAC,MAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;AACH,SAAA,CAAC,EACF,OAAO,EAAE,eAAe,IAAI,OAAO,KAAK,IAAI,EAC5C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,KAAK,IAAG;YACvB,IAAI,eAAe,EAAE;;AAEnB,gBAAA,IAAI,OAAO,KAAK,eAAe,EAAE;oBAC/B,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;qBAAM;oBACL,eAAe,CAAC,KAAK,CAAC,CAAC;iBACxB;aACF;AACH,SAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,YAAY,EACb,GAAA,KAAK,YAETD,GAAC,CAAAE,iBAA2B,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,SAAS,YACrD,eAAe,GAAGF,IAAC,iBAAiB,EAAA,EAAA,CAAG,GAAGA,GAAC,CAAA,aAAa,KAAG,EAChC,CAAA,EAAA,CACP,EACzB;AACJ,CAAC,EACD;AAEF,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}

package/dist/components/chip/chip.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var chip_module = require('./chip.module.css.cjs');
@@ -30,7 +30,7 @@ const Chip = ({ variant, size, color, trailingIcon, leadingIcon, isDismissible,
         e.stopPropagation();
         onDismiss?.();
     };
-    return (jsxRuntime.jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === "string" ? children : undefined), onClick: onClick, "data-state": dataState, children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default["leading-icon"], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: chip_module.default["dismiss-button"], "aria-label": `Remove ${typeof children === "string" ? children : "item"}`, type: "button", children: jsxRuntime.jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsxRuntimeExports.jsx("span", { className: chip_module.default["trailing-icon"], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
+    return (jsxRuntime.jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === "string" ? children : undefined), onClick: onClick, "data-state": dataState, children: [leadingIcon && (jsxRuntime.jsx("span", { className: chip_module.default["leading-icon"], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntime.jsx("button", { onClick: handleDismiss, className: chip_module.default["dismiss-button"], "aria-label": `Remove ${typeof children === "string" ? children : "item"}`, type: "button", children: jsxRuntime.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntime.jsx("span", { className: chip_module.default["trailing-icon"], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
 };
 Chip.displayName = "Chip";

package/dist/components/chip/chip.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.cjs","sources":["../../../components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles[\"chip-variant-outline\"],\n filled: styles[\"chip-variant-filled\"],\n },\n size: {\n large: styles[\"chip-size-large\"],\n small: styles[\"chip-size-small\"],\n },\n color: {\n neutral: styles[\"chip-color-neutral\"],\n accent: styles[\"chip-color-accent\"],\n },\n },\n defaultVariants: {\n variant: \"outline\",\n size: \"small\",\n color: \"neutral\",\n },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n \"data-state\"?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = \"status\",\n ariaLabel,\n \"data-state\": dataState,\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel \|\| (typeof children === \"string\" ? children : undefined)\n }\n onClick={onClick}\n data-state={dataState}\n >\n {leadingIcon && (\n <span\n className={styles[\"leading-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles[\"dismiss-button\"]}\n aria-label={`Remove ${\n typeof children === \"string\" ? children : \"item\"\n }`}\n type=\"button\"\n >\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles[\"trailing-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAeU,MAAA,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,YAAY,EAAE,SAAS,GACb,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,~~iCACE~~,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAAA,YAAA,EAER,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,gBACJ,SAAS,EAAA,QAAA,EAAA,CAEpB,WAAW,KACVC,~~gCACE~~,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EAAA,aAAA,EACrB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZE,~~6CACE~~,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAA,CAAE,EACF,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAE,~~gCAAA~~,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAEnBA,~~2CACE~~,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EAAA,CACnB,GACE,EACC,CAAA,IACP,YAAY,IACdA,~~gCAAA~~,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
1	+ {"version":3,"file":"chip.cjs","sources":["../../../components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles[\"chip-variant-outline\"],\n filled: styles[\"chip-variant-filled\"],\n },\n size: {\n large: styles[\"chip-size-large\"],\n small: styles[\"chip-size-small\"],\n },\n color: {\n neutral: styles[\"chip-color-neutral\"],\n accent: styles[\"chip-color-accent\"],\n },\n },\n defaultVariants: {\n variant: \"outline\",\n size: \"small\",\n color: \"neutral\",\n },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n \"data-state\"?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = \"status\",\n ariaLabel,\n \"data-state\": dataState,\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel \|\| (typeof children === \"string\" ? children : undefined)\n }\n onClick={onClick}\n data-state={dataState}\n >\n {leadingIcon && (\n <span\n className={styles[\"leading-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles[\"dismiss-button\"]}\n aria-label={`Remove ${\n typeof children === \"string\" ? children : \"item\"\n }`}\n type=\"button\"\n >\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles[\"trailing-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["cva","styles","_jsxs","_jsx"],"mappings":";;;;;;AAKA,MAAM,IAAI,GAAGA,SAAG,CAACC,mBAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAEA,mBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAEA,mBAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAEA,mBAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAEA,mBAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAEA,mBAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAeU,MAAA,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,YAAY,EAAE,SAAS,GACb,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEC,eACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAAA,YAAA,EAER,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,gBACJ,SAAS,EAAA,QAAA,EAAA,CAEpB,WAAW,KACVC,cACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEF,mBAAM,CAAC,cAAc,CAAC,EAAA,aAAA,EACrB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZE,2BACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAEF,mBAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAA,CAAE,EACF,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAE,cAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAEnBA,yBACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EAAA,CACnB,GACE,EACC,CAAA,IACP,YAAY,IACdA,cAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAEF,mBAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/components/chip/chip.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import styles from './chip.module.css.js';
@@ -28,7 +28,7 @@ const Chip = ({ variant, size, color, trailingIcon, leadingIcon, isDismissible,
         e.stopPropagation();
         onDismiss?.();
     };
-    return (jsxRuntimeExports.jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === "string" ? children : undefined), onClick: onClick, "data-state": dataState, children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: styles["leading-icon"], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsxRuntimeExports.jsx("button", { onClick: handleDismiss, className: styles["dismiss-button"], "aria-label": `Remove ${typeof children === "string" ? children : "item"}`, type: "button", children: jsxRuntimeExports.jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsxRuntimeExports.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsxRuntimeExports.jsx("span", { className: styles["trailing-icon"], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
+    return (jsxs("span", { className: chip({ variant, size, color, className }), role: role, "aria-label": ariaLabel || (typeof children === "string" ? children : undefined), onClick: onClick, "data-state": dataState, children: [leadingIcon && (jsx("span", { className: styles["leading-icon"], "aria-hidden": "true", role: "presentation", children: leadingIcon })), children, isDismissible ? (jsx("button", { onClick: handleDismiss, className: styles["dismiss-button"], "aria-label": `Remove ${typeof children === "string" ? children : "item"}`, type: "button", children: jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", role: "presentation", children: jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z", fill: "currentColor" }) }) })) : trailingIcon ? (jsx("span", { className: styles["trailing-icon"], "aria-hidden": "true", role: "presentation", children: trailingIcon })) : null] }));
 };
 Chip.displayName = "Chip";

package/dist/components/chip/chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"chip.js","sources":["../../../components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles[\"chip-variant-outline\"],\n filled: styles[\"chip-variant-filled\"],\n },\n size: {\n large: styles[\"chip-size-large\"],\n small: styles[\"chip-size-small\"],\n },\n color: {\n neutral: styles[\"chip-color-neutral\"],\n accent: styles[\"chip-color-accent\"],\n },\n },\n defaultVariants: {\n variant: \"outline\",\n size: \"small\",\n color: \"neutral\",\n },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n \"data-state\"?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = \"status\",\n ariaLabel,\n \"data-state\": dataState,\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel \|\| (typeof children === \"string\" ? children : undefined)\n }\n onClick={onClick}\n data-state={dataState}\n >\n {leadingIcon && (\n <span\n className={styles[\"leading-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles[\"dismiss-button\"]}\n aria-label={`Remove ${\n typeof children === \"string\" ? children : \"item\"\n }`}\n type=\"button\"\n >\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles[\"trailing-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAeU,MAAA,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,YAAY,EAAE,SAAS,GACb,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,~~sBACE~~,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAAA,YAAA,EAER,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,gBACJ,SAAS,EAAA,QAAA,EAAA,CAEpB,WAAW,KACVC,~~qBACE~~,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,aAAA,EACrB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZA,~~kCACE~~,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAA,CAAE,EACF,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAA,~~qBAAA~~,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAEnBA,~~gCACE~~,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EAAA,CACnB,GACE,EACC,CAAA,IACP,YAAY,IACdA,~~qBAAA~~,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
1	+ {"version":3,"file":"chip.js","sources":["../../../components/chip/chip.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { ReactNode } from \"react\";\n\nimport styles from \"./chip.module.css\";\n\nconst chip = cva(styles.chip, {\n variants: {\n variant: {\n outline: styles[\"chip-variant-outline\"],\n filled: styles[\"chip-variant-filled\"],\n },\n size: {\n large: styles[\"chip-size-large\"],\n small: styles[\"chip-size-small\"],\n },\n color: {\n neutral: styles[\"chip-color-neutral\"],\n accent: styles[\"chip-color-accent\"],\n },\n },\n defaultVariants: {\n variant: \"outline\",\n size: \"small\",\n color: \"neutral\",\n },\n});\n\ntype ChipProps = VariantProps<typeof chip> & {\n trailingIcon?: ReactNode;\n leadingIcon?: ReactNode;\n isDismissible?: boolean;\n children: ReactNode;\n className?: string;\n onDismiss?: () => void;\n onClick?: () => void;\n role?: string;\n ariaLabel?: string;\n \"data-state\"?: string;\n};\n\nexport const Chip = ({\n variant,\n size,\n color,\n trailingIcon,\n leadingIcon,\n isDismissible,\n children,\n className,\n onDismiss,\n onClick,\n role = \"status\",\n ariaLabel,\n \"data-state\": dataState,\n}: ChipProps) => {\n const handleDismiss = (e: React.MouseEvent) => {\n e.stopPropagation();\n onDismiss?.();\n };\n\n return (\n <span\n className={chip({ variant, size, color, className })}\n role={role}\n aria-label={\n ariaLabel \|\| (typeof children === \"string\" ? children : undefined)\n }\n onClick={onClick}\n data-state={dataState}\n >\n {leadingIcon && (\n <span\n className={styles[\"leading-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {leadingIcon}\n </span>\n )}\n {children}\n {isDismissible ? (\n <button\n onClick={handleDismiss}\n className={styles[\"dismiss-button\"]}\n aria-label={`Remove ${\n typeof children === \"string\" ? children : \"item\"\n }`}\n type=\"button\"\n >\n <svg\n width=\"12\"\n height=\"12\"\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M9.5066 3.3066C9.73115 3.08205 9.73115 2.71798 9.5066 2.49343C9.28205 2.26887 8.91798 2.26887 8.69343 2.49343L6.00001 5.18684L3.3066 2.49343C3.08205 2.26887 2.71798 2.26887 2.49343 2.49343C2.26887 2.71798 2.26887 3.08205 2.49343 3.3066L5.18684 6.00001L2.49343 8.69343C2.26887 8.91798 2.26887 9.28205 2.49343 9.5066C2.71798 9.73115 3.08205 9.73115 3.3066 9.5066L6.00001 6.81318L8.69343 9.5066C8.91798 9.73115 9.28205 9.73115 9.5066 9.5066C9.73115 9.28205 9.73115 8.91798 9.5066 8.69343L6.81318 6.00001L9.5066 3.3066Z\"\n fill=\"currentColor\"\n />\n </svg>\n </button>\n ) : trailingIcon ? (\n <span\n className={styles[\"trailing-icon\"]}\n aria-hidden=\"true\"\n role=\"presentation\"\n >\n {trailingIcon}\n </span>\n ) : null}\n </span>\n );\n};\n\nChip.displayName = \"Chip\";\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAKA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE;AAC5B,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,MAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,MAAM,EAAE,MAAM,CAAC,qBAAqB,CAAC;AACtC,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAChC,YAAA,KAAK,EAAE,MAAM,CAAC,iBAAiB,CAAC;AACjC,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,MAAM,CAAC,oBAAoB,CAAC;AACrC,YAAA,MAAM,EAAE,MAAM,CAAC,mBAAmB,CAAC;AACpC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,IAAI,EAAE,OAAO;AACb,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;AACF,CAAA,CAAC,CAAC;AAeU,MAAA,IAAI,GAAG,CAAC,EACnB,OAAO,EACP,IAAI,EACJ,KAAK,EACL,YAAY,EACZ,WAAW,EACX,aAAa,EACb,QAAQ,EACR,SAAS,EACT,SAAS,EACT,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,YAAY,EAAE,SAAS,GACb,KAAI;AACd,IAAA,MAAM,aAAa,GAAG,CAAC,CAAmB,KAAI;QAC5C,CAAC,CAAC,eAAe,EAAE,CAAC;QACpB,SAAS,IAAI,CAAC;AAChB,KAAC,CAAC;AAEF,IAAA,QACEA,IACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,IAAI,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,EACpD,IAAI,EAAE,IAAI,EAAA,YAAA,EAER,SAAS,KAAK,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC,EAEpE,OAAO,EAAE,OAAO,gBACJ,SAAS,EAAA,QAAA,EAAA,CAEpB,WAAW,KACVC,GACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,aAAA,EACrB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAElB,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,aAAa,IACZA,gBACE,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,CAAC,gBAAgB,CAAC,EAAA,YAAA,EACvB,UACV,OAAO,QAAQ,KAAK,QAAQ,GAAG,QAAQ,GAAG,MAC5C,CAAA,CAAE,EACF,IAAI,EAAC,QAAQ,EAEb,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAAA,aAAA,EACtB,MAAM,EAClB,IAAI,EAAC,cAAc,EAAA,QAAA,EAEnBA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qgBAAqgB,EACvgB,IAAI,EAAC,cAAc,EAAA,CACnB,GACE,EACC,CAAA,IACP,YAAY,IACdA,GAAA,CAAA,MAAA,EAAA,EACE,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACtB,MAAM,EAClB,IAAI,EAAC,cAAc,YAElB,YAAY,EAAA,CACR,IACL,IAAI,CAAA,EAAA,CACH,EACP;AACJ,EAAE;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}

package/dist/components/color-picker/color-picker-alpha.cjs CHANGED Viewed

@@ -1,14 +1,14 @@
 'use strict';
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-slider/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.cjs');
 const ColorPickerAlpha = ({ className, ...props }) => {
     const { alpha = 1, setColor } = colorPickerRoot.useColorPicker();
-    return (jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxRuntime.jsxRuntimeExports.jsxs(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.alphaTrack), children: [jsxRuntime.jsxRuntimeExports.jsx("div", { className: colorPicker_module.default.alphaTrackGradient }), jsxRuntime.jsxRuntimeExports.jsx(index.Range, { className: colorPicker_module.default.sliderRange })] }), jsxRuntime.jsxRuntimeExports.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
+    return (jsxRuntime.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxRuntime.jsxs(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.alphaTrack), children: [jsxRuntime.jsx("div", { className: colorPicker_module.default.alphaTrackGradient }), jsxRuntime.jsx(index.Range, { className: colorPicker_module.default.sliderRange })] }), jsxRuntime.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
 };
 exports.ColorPickerAlpha = ColorPickerAlpha;

package/dist/components/color-picker/color-picker-alpha.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-alpha.cjs","sources":["../../../components/color-picker/color-picker-alpha.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Slider } from 'radix-ui';\nimport { type ComponentProps } from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerAlphaProps = ComponentProps<typeof Slider.Root>;\n\nexport const ColorPickerAlpha = ({\n className,\n ...props\n}: ColorPickerAlphaProps) => {\n const { alpha = 1, setColor } = useColorPicker();\n return (\n <Slider.Root\n className={cx(styles.sliderRoot, className)}\n max={100}\n onValueChange={([alpha]) => setColor({ alpha: alpha / 100 })}\n step={1}\n value={[alpha * 100]}\n {...props}\n >\n <Slider.Track className={cx(styles.sliderTrack, styles.alphaTrack)}>\n <div className={styles.alphaTrackGradient} />\n <Slider.Range className={styles.sliderRange} />\n </Slider.Track>\n <Slider.Thumb className={styles.sliderThumb} />\n </Slider.Root>\n );\n};\n"],"names":["useColorPicker","_jsxs","Slider.Root","cx","styles","Slider.Track","_jsx","Slider.Range","Slider.Thumb"],"mappings":";;;;;;;;AAQO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACc,KAAI;IAC1B,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAGA,8BAAc,EAAE,CAAC;IACjD,QACEC,~~kCAACC~~,UAAW,EACV,EAAA,SAAS,EAAEC,UAAE,CAACC,0BAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,CAAC,EAC5D,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,EAAA,GAChB,KAAK,EAET,QAAA,EAAA,CAAAH,~~iCAAA~~,CAACI,WAAY,EAAA,EAAC,SAAS,EAAEF,UAAE,CAACC,0BAAM,CAAC,WAAW,EAAEA,0BAAM,CAAC,UAAU,CAAC,EAChE,QAAA,EAAA,CAAAE,~~gCAAA~~,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,0BAAM,CAAC,kBAAkB,EAAI,CAAA,EAC7CE,~~iCAACC~~,WAAY,EAAA,EAAC,SAAS,EAAEH,0BAAM,CAAC,WAAW,EAAI,CAAA,CAAA,EAAA,CAClC,EACfE,~~gCAAA~~,CAACE,WAAY,EAAC,EAAA,SAAS,EAAEJ,0BAAM,CAAC,WAAW,EAAA,CAAI,CACnC,EAAA,CAAA,EACd;AACJ;;;;"}
1	+ {"version":3,"file":"color-picker-alpha.cjs","sources":["../../../components/color-picker/color-picker-alpha.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Slider } from 'radix-ui';\nimport { type ComponentProps } from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerAlphaProps = ComponentProps<typeof Slider.Root>;\n\nexport const ColorPickerAlpha = ({\n className,\n ...props\n}: ColorPickerAlphaProps) => {\n const { alpha = 1, setColor } = useColorPicker();\n return (\n <Slider.Root\n className={cx(styles.sliderRoot, className)}\n max={100}\n onValueChange={([alpha]) => setColor({ alpha: alpha / 100 })}\n step={1}\n value={[alpha * 100]}\n {...props}\n >\n <Slider.Track className={cx(styles.sliderTrack, styles.alphaTrack)}>\n <div className={styles.alphaTrackGradient} />\n <Slider.Range className={styles.sliderRange} />\n </Slider.Track>\n <Slider.Thumb className={styles.sliderThumb} />\n </Slider.Root>\n );\n};\n"],"names":["useColorPicker","_jsxs","Slider.Root","cx","styles","Slider.Track","_jsx","Slider.Range","Slider.Thumb"],"mappings":";;;;;;;;AAQO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACc,KAAI;IAC1B,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAGA,8BAAc,EAAE,CAAC;IACjD,QACEC,gBAACC,UAAW,EACV,EAAA,SAAS,EAAEC,UAAE,CAACC,0BAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,CAAC,EAC5D,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,EAAA,GAChB,KAAK,EAET,QAAA,EAAA,CAAAH,eAAA,CAACI,WAAY,EAAA,EAAC,SAAS,EAAEF,UAAE,CAACC,0BAAM,CAAC,WAAW,EAAEA,0BAAM,CAAC,UAAU,CAAC,EAChE,QAAA,EAAA,CAAAE,cAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEF,0BAAM,CAAC,kBAAkB,EAAI,CAAA,EAC7CE,eAACC,WAAY,EAAA,EAAC,SAAS,EAAEH,0BAAM,CAAC,WAAW,EAAI,CAAA,CAAA,EAAA,CAClC,EACfE,cAAA,CAACE,WAAY,EAAC,EAAA,SAAS,EAAEJ,0BAAM,CAAC,WAAW,EAAA,CAAI,CACnC,EAAA,CAAA,EACd;AACJ;;;;"}

package/dist/components/color-picker/color-picker-alpha.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';
-import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-slider/dist/index.js';
+import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.js';
 const ColorPickerAlpha = ({ className, ...props }) => {
     const { alpha = 1, setColor } = useColorPicker();
-    return (jsxRuntimeExports.jsxs(Root, { className: cx(styles.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxRuntimeExports.jsxs(Track, { className: cx(styles.sliderTrack, styles.alphaTrack), children: [jsxRuntimeExports.jsx("div", { className: styles.alphaTrackGradient }), jsxRuntimeExports.jsx(Range, { className: styles.sliderRange })] }), jsxRuntimeExports.jsx(Thumb, { className: styles.sliderThumb })] }));
+    return (jsxs(Root, { className: cx(styles.sliderRoot, className), max: 100, onValueChange: ([alpha]) => setColor({ alpha: alpha / 100 }), step: 1, value: [alpha * 100], ...props, children: [jsxs(Track, { className: cx(styles.sliderTrack, styles.alphaTrack), children: [jsx("div", { className: styles.alphaTrackGradient }), jsx(Range, { className: styles.sliderRange })] }), jsx(Thumb, { className: styles.sliderThumb })] }));
 };
 export { ColorPickerAlpha };

package/dist/components/color-picker/color-picker-alpha.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-alpha.js","sources":["../../../components/color-picker/color-picker-alpha.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Slider } from 'radix-ui';\nimport { type ComponentProps } from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerAlphaProps = ComponentProps<typeof Slider.Root>;\n\nexport const ColorPickerAlpha = ({\n className,\n ...props\n}: ColorPickerAlphaProps) => {\n const { alpha = 1, setColor } = useColorPicker();\n return (\n <Slider.Root\n className={cx(styles.sliderRoot, className)}\n max={100}\n onValueChange={([alpha]) => setColor({ alpha: alpha / 100 })}\n step={1}\n value={[alpha * 100]}\n {...props}\n >\n <Slider.Track className={cx(styles.sliderTrack, styles.alphaTrack)}>\n <div className={styles.alphaTrackGradient} />\n <Slider.Range className={styles.sliderRange} />\n </Slider.Track>\n <Slider.Thumb className={styles.sliderThumb} />\n </Slider.Root>\n );\n};\n"],"names":["_jsxs","Slider.Root","Slider.Track","_jsx","Slider.Range","Slider.Thumb"],"mappings":";;;;;;AAQO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACc,KAAI;IAC1B,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACjD,QACEA,~~uBAACC~~,IAAW,EACV,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,CAAC,EAC5D,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,EAAA,GAChB,KAAK,EAET,QAAA,EAAA,CAAAD,~~sBAAA~~,CAACE,KAAY,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,UAAU,CAAC,EAChE,QAAA,EAAA,CAAAC,~~qBAAA~~,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAI,CAAA,EAC7CA,~~sBAACC~~,KAAY,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAI,CAAA,CAAA,EAAA,CAClC,EACfD,~~qBAAA~~,CAACE,KAAY,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAAI,CACnC,EAAA,CAAA,EACd;AACJ;;;;"}
1	+ {"version":3,"file":"color-picker-alpha.js","sources":["../../../components/color-picker/color-picker-alpha.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Slider } from 'radix-ui';\nimport { type ComponentProps } from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerAlphaProps = ComponentProps<typeof Slider.Root>;\n\nexport const ColorPickerAlpha = ({\n className,\n ...props\n}: ColorPickerAlphaProps) => {\n const { alpha = 1, setColor } = useColorPicker();\n return (\n <Slider.Root\n className={cx(styles.sliderRoot, className)}\n max={100}\n onValueChange={([alpha]) => setColor({ alpha: alpha / 100 })}\n step={1}\n value={[alpha * 100]}\n {...props}\n >\n <Slider.Track className={cx(styles.sliderTrack, styles.alphaTrack)}>\n <div className={styles.alphaTrackGradient} />\n <Slider.Range className={styles.sliderRange} />\n </Slider.Track>\n <Slider.Thumb className={styles.sliderThumb} />\n </Slider.Root>\n );\n};\n"],"names":["_jsxs","Slider.Root","Slider.Track","_jsx","Slider.Range","Slider.Thumb"],"mappings":";;;;;;AAQO,MAAM,gBAAgB,GAAG,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACc,KAAI;IAC1B,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IACjD,QACEA,KAACC,IAAW,EACV,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,EAAE,CAAC,EAC5D,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,EAAA,GAChB,KAAK,EAET,QAAA,EAAA,CAAAD,IAAA,CAACE,KAAY,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,UAAU,CAAC,EAChE,QAAA,EAAA,CAAAC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAI,CAAA,EAC7CA,IAACC,KAAY,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAI,CAAA,CAAA,EAAA,CAClC,EACfD,GAAA,CAACE,KAAY,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAAI,CACnC,EAAA,CAAA,EACd;AACJ;;;;"}

package/dist/components/color-picker/color-picker-area.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var index = require('../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.cjs');
 var React = require('react');
@@ -61,9 +61,9 @@ const ColorPickerArea = ({ className, ...props }) => {
         window.addEventListener('pointermove', handlePointerMove);
         window.addEventListener('pointerup', handlePointerUp);
     }, [handlePointerMove, handlePointerUp]);
-    return (jsxRuntime.jsxRuntimeExports.jsx("div", { className: index$1.cx(colorPicker_module.default.selectionRoot, className), onPointerDown: handlePointerDown, ref: containerRef, style: {
+    return (jsxRuntime.jsx("div", { className: index$1.cx(colorPicker_module.default.selectionRoot, className), onPointerDown: handlePointerDown, ref: containerRef, style: {
             background: backgroundGradient
-        }, ...props, children: jsxRuntime.jsxRuntimeExports.jsx("div", { className: index$1.cx(colorPicker_module.default.sliderThumb, colorPicker_module.default.selectionThumb), ref: thumbRef, style: {
+        }, ...props, children: jsxRuntime.jsx("div", { className: index$1.cx(colorPicker_module.default.sliderThumb, colorPicker_module.default.selectionThumb), ref: thumbRef, style: {
                 background: color.hex().toString(),
                 opacity: 0
             } }) }));

package/dist/components/color-picker/color-picker-area.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-area.cjs","sources":["../../../components/color-picker/color-picker-area.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport Color from 'color';\nimport {\n type HTMLAttributes,\n PointerEvent as ReactPointerEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef\n} from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerAreaProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ColorPickerArea = ({\n className,\n ...props\n}: ColorPickerAreaProps) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const thumbRef = useRef<HTMLDivElement>(null);\n const isDragging = useRef(false);\n const isThumbVisible = useRef(false);\n\n const { hue, saturation, lightness, setColor } = useColorPicker();\n const color = Color.hsl(hue, saturation, lightness);\n\n const backgroundGradient = useMemo(() => {\n return `linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)),\n linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)),\n hsl(${hue}, 100%, 50%)`;\n }, [hue]);\n\n // Need to use useEffect as color can change from outside, and we need to sync thumb position\n useEffect(() => {\n if (!containerRef.current \|\| !thumbRef.current) return;\n\n const clamp = (v: number) => Math.max(0, Math.min(1, v));\n const x = clamp(saturation / 100);\n const topLightness = x < 0.01 ? 100 : 50 + 50 * (1 - x);\n const y = clamp(1 - lightness / topLightness);\n\n thumbRef.current.style.left = `${x * 100}%`;\n thumbRef.current.style.top = `${y * 100}%`;\n\n // This is needed to avoid flickering of the thumb on initial render\n if (!isThumbVisible.current) {\n isThumbVisible.current = true;\n thumbRef.current.style.opacity = '1';\n }\n }, [saturation, lightness]);\n\n const handlePointerMove = useCallback(\n (event: PointerEvent) => {\n if (!(isDragging.current && containerRef.current && thumbRef.current)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n const rect = containerRef.current.getBoundingClientRect();\n const x = Math.max(\n 0,\n Math.min(1, (event.clientX - rect.left) / rect.width)\n );\n const y = Math.max(\n 0,\n Math.min(1, (event.clientY - rect.top) / rect.height)\n );\n const saturation = x * 100;\n const topLightness = x < 0.01 ? 100 : 50 + 50 * (1 - x);\n const lightness = topLightness * (1 - y);\n setColor({ s: saturation, l: lightness });\n },\n [setColor]\n );\n\n const handlePointerUp = useCallback(() => {\n isDragging.current = false;\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n }, [handlePointerMove]);\n\n const handlePointerDown = useCallback(\n (e: ReactPointerEvent<HTMLDivElement>) => {\n e.preventDefault();\n isDragging.current = true;\n handlePointerMove(e.nativeEvent);\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n },\n [handlePointerMove, handlePointerUp]\n );\n\n return (\n <div\n className={cx(styles.selectionRoot, className)}\n onPointerDown={handlePointerDown}\n ref={containerRef}\n style={{\n background: backgroundGradient\n }}\n {...props}\n >\n <div\n className={cx(styles.sliderThumb, styles.selectionThumb)}\n ref={thumbRef}\n style={{\n background: color.hex().toString(),\n opacity: 0\n }}\n />\n </div>\n );\n};\n"],"names":["useRef","useColorPicker","Color","useMemo","useEffect","useCallback","_jsx","cx","styles"],"mappings":"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~~0CACE~~,SAAS,EAAEC,UAAE,CAACC,0BAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAC9C,aAAa,EAAE,iBAAiB,EAChC,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,kBAAkB;SAC/B,EACG,GAAA,KAAK,YAETF,~~gCACE~~,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,UAAE,CAACC,0BAAM,CAAC,WAAW,EAAEA,0BAAM,CAAC,cAAc,CAAC,EACxD,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;AAClC,gBAAA,OAAO,EAAE,CAAC;aACX,EACD,CAAA,EAAA,CACE,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"color-picker-area.cjs","sources":["../../../components/color-picker/color-picker-area.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport Color from 'color';\nimport {\n type HTMLAttributes,\n PointerEvent as ReactPointerEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef\n} from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerAreaProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ColorPickerArea = ({\n className,\n ...props\n}: ColorPickerAreaProps) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const thumbRef = useRef<HTMLDivElement>(null);\n const isDragging = useRef(false);\n const isThumbVisible = useRef(false);\n\n const { hue, saturation, lightness, setColor } = useColorPicker();\n const color = Color.hsl(hue, saturation, lightness);\n\n const backgroundGradient = useMemo(() => {\n return `linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)),\n linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)),\n hsl(${hue}, 100%, 50%)`;\n }, [hue]);\n\n // Need to use useEffect as color can change from outside, and we need to sync thumb position\n useEffect(() => {\n if (!containerRef.current \|\| !thumbRef.current) return;\n\n const clamp = (v: number) => Math.max(0, Math.min(1, v));\n const x = clamp(saturation / 100);\n const topLightness = x < 0.01 ? 100 : 50 + 50 * (1 - x);\n const y = clamp(1 - lightness / topLightness);\n\n thumbRef.current.style.left = `${x * 100}%`;\n thumbRef.current.style.top = `${y * 100}%`;\n\n // This is needed to avoid flickering of the thumb on initial render\n if (!isThumbVisible.current) {\n isThumbVisible.current = true;\n thumbRef.current.style.opacity = '1';\n }\n }, [saturation, lightness]);\n\n const handlePointerMove = useCallback(\n (event: PointerEvent) => {\n if (!(isDragging.current && containerRef.current && thumbRef.current)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n const rect = containerRef.current.getBoundingClientRect();\n const x = Math.max(\n 0,\n Math.min(1, (event.clientX - rect.left) / rect.width)\n );\n const y = Math.max(\n 0,\n Math.min(1, (event.clientY - rect.top) / rect.height)\n );\n const saturation = x * 100;\n const topLightness = x < 0.01 ? 100 : 50 + 50 * (1 - x);\n const lightness = topLightness * (1 - y);\n setColor({ s: saturation, l: lightness });\n },\n [setColor]\n );\n\n const handlePointerUp = useCallback(() => {\n isDragging.current = false;\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n }, [handlePointerMove]);\n\n const handlePointerDown = useCallback(\n (e: ReactPointerEvent<HTMLDivElement>) => {\n e.preventDefault();\n isDragging.current = true;\n handlePointerMove(e.nativeEvent);\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n },\n [handlePointerMove, handlePointerUp]\n );\n\n return (\n <div\n className={cx(styles.selectionRoot, className)}\n onPointerDown={handlePointerDown}\n ref={containerRef}\n style={{\n background: backgroundGradient\n }}\n {...props}\n >\n <div\n className={cx(styles.sliderThumb, styles.selectionThumb)}\n ref={thumbRef}\n style={{\n background: color.hex().toString(),\n opacity: 0\n }}\n />\n </div>\n );\n};\n"],"names":["useRef","useColorPicker","Color","useMemo","useEffect","useCallback","_jsx","cx","styles"],"mappings":"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"}

package/dist/components/color-picker/color-picker-area.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import Color from '../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js';
 import { useRef, useMemo, useEffect, useCallback } from 'react';
@@ -59,9 +59,9 @@ const ColorPickerArea = ({ className, ...props }) => {
         window.addEventListener('pointermove', handlePointerMove);
         window.addEventListener('pointerup', handlePointerUp);
     }, [handlePointerMove, handlePointerUp]);
-    return (jsxRuntimeExports.jsx("div", { className: cx(styles.selectionRoot, className), onPointerDown: handlePointerDown, ref: containerRef, style: {
+    return (jsx("div", { className: cx(styles.selectionRoot, className), onPointerDown: handlePointerDown, ref: containerRef, style: {
             background: backgroundGradient
-        }, ...props, children: jsxRuntimeExports.jsx("div", { className: cx(styles.sliderThumb, styles.selectionThumb), ref: thumbRef, style: {
+        }, ...props, children: jsx("div", { className: cx(styles.sliderThumb, styles.selectionThumb), ref: thumbRef, style: {
                 background: color.hex().toString(),
                 opacity: 0
             } }) }));

package/dist/components/color-picker/color-picker-area.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-area.js","sources":["../../../components/color-picker/color-picker-area.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport Color from 'color';\nimport {\n type HTMLAttributes,\n PointerEvent as ReactPointerEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef\n} from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerAreaProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ColorPickerArea = ({\n className,\n ...props\n}: ColorPickerAreaProps) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const thumbRef = useRef<HTMLDivElement>(null);\n const isDragging = useRef(false);\n const isThumbVisible = useRef(false);\n\n const { hue, saturation, lightness, setColor } = useColorPicker();\n const color = Color.hsl(hue, saturation, lightness);\n\n const backgroundGradient = useMemo(() => {\n return `linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)),\n linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)),\n hsl(${hue}, 100%, 50%)`;\n }, [hue]);\n\n // Need to use useEffect as color can change from outside, and we need to sync thumb position\n useEffect(() => {\n if (!containerRef.current \|\| !thumbRef.current) return;\n\n const clamp = (v: number) => Math.max(0, Math.min(1, v));\n const x = clamp(saturation / 100);\n const topLightness = x < 0.01 ? 100 : 50 + 50 * (1 - x);\n const y = clamp(1 - lightness / topLightness);\n\n thumbRef.current.style.left = `${x * 100}%`;\n thumbRef.current.style.top = `${y * 100}%`;\n\n // This is needed to avoid flickering of the thumb on initial render\n if (!isThumbVisible.current) {\n isThumbVisible.current = true;\n thumbRef.current.style.opacity = '1';\n }\n }, [saturation, lightness]);\n\n const handlePointerMove = useCallback(\n (event: PointerEvent) => {\n if (!(isDragging.current && containerRef.current && thumbRef.current)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n const rect = containerRef.current.getBoundingClientRect();\n const x = Math.max(\n 0,\n Math.min(1, (event.clientX - rect.left) / rect.width)\n );\n const y = Math.max(\n 0,\n Math.min(1, (event.clientY - rect.top) / rect.height)\n );\n const saturation = x * 100;\n const topLightness = x < 0.01 ? 100 : 50 + 50 * (1 - x);\n const lightness = topLightness * (1 - y);\n setColor({ s: saturation, l: lightness });\n },\n [setColor]\n );\n\n const handlePointerUp = useCallback(() => {\n isDragging.current = false;\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n }, [handlePointerMove]);\n\n const handlePointerDown = useCallback(\n (e: ReactPointerEvent<HTMLDivElement>) => {\n e.preventDefault();\n isDragging.current = true;\n handlePointerMove(e.nativeEvent);\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n },\n [handlePointerMove, handlePointerUp]\n );\n\n return (\n <div\n className={cx(styles.selectionRoot, className)}\n onPointerDown={handlePointerDown}\n ref={containerRef}\n style={{\n background: backgroundGradient\n }}\n {...props}\n >\n <div\n className={cx(styles.sliderThumb, styles.selectionThumb)}\n ref={thumbRef}\n style={{\n background: color.hex().toString(),\n opacity: 0\n }}\n />\n </div>\n );\n};\n"],"names":["_jsx"],"mappings":"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~~,+BACE~~,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAC9C,aAAa,EAAE,iBAAiB,EAChC,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE;AACL,YAAA,UAAU,EAAE,kBAAkB;SAC/B,EACG,GAAA,KAAK,YAETA,~~qBACE~~,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,cAAc,CAAC,EACxD,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;AACL,gBAAA,UAAU,EAAE,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE;AAClC,gBAAA,OAAO,EAAE,CAAC;aACX,EACD,CAAA,EAAA,CACE,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"color-picker-area.js","sources":["../../../components/color-picker/color-picker-area.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport Color from 'color';\nimport {\n type HTMLAttributes,\n PointerEvent as ReactPointerEvent,\n useCallback,\n useEffect,\n useMemo,\n useRef\n} from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerAreaProps = HTMLAttributes<HTMLDivElement>;\n\nexport const ColorPickerArea = ({\n className,\n ...props\n}: ColorPickerAreaProps) => {\n const containerRef = useRef<HTMLDivElement>(null);\n const thumbRef = useRef<HTMLDivElement>(null);\n const isDragging = useRef(false);\n const isThumbVisible = useRef(false);\n\n const { hue, saturation, lightness, setColor } = useColorPicker();\n const color = Color.hsl(hue, saturation, lightness);\n\n const backgroundGradient = useMemo(() => {\n return `linear-gradient(0deg, rgba(0,0,0,1), rgba(0,0,0,0)),\n linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0)),\n hsl(${hue}, 100%, 50%)`;\n }, [hue]);\n\n // Need to use useEffect as color can change from outside, and we need to sync thumb position\n useEffect(() => {\n if (!containerRef.current \|\| !thumbRef.current) return;\n\n const clamp = (v: number) => Math.max(0, Math.min(1, v));\n const x = clamp(saturation / 100);\n const topLightness = x < 0.01 ? 100 : 50 + 50 * (1 - x);\n const y = clamp(1 - lightness / topLightness);\n\n thumbRef.current.style.left = `${x * 100}%`;\n thumbRef.current.style.top = `${y * 100}%`;\n\n // This is needed to avoid flickering of the thumb on initial render\n if (!isThumbVisible.current) {\n isThumbVisible.current = true;\n thumbRef.current.style.opacity = '1';\n }\n }, [saturation, lightness]);\n\n const handlePointerMove = useCallback(\n (event: PointerEvent) => {\n if (!(isDragging.current && containerRef.current && thumbRef.current)) {\n return;\n }\n event.preventDefault();\n event.stopPropagation();\n const rect = containerRef.current.getBoundingClientRect();\n const x = Math.max(\n 0,\n Math.min(1, (event.clientX - rect.left) / rect.width)\n );\n const y = Math.max(\n 0,\n Math.min(1, (event.clientY - rect.top) / rect.height)\n );\n const saturation = x * 100;\n const topLightness = x < 0.01 ? 100 : 50 + 50 * (1 - x);\n const lightness = topLightness * (1 - y);\n setColor({ s: saturation, l: lightness });\n },\n [setColor]\n );\n\n const handlePointerUp = useCallback(() => {\n isDragging.current = false;\n window.removeEventListener('pointermove', handlePointerMove);\n window.removeEventListener('pointerup', handlePointerUp);\n }, [handlePointerMove]);\n\n const handlePointerDown = useCallback(\n (e: ReactPointerEvent<HTMLDivElement>) => {\n e.preventDefault();\n isDragging.current = true;\n handlePointerMove(e.nativeEvent);\n window.addEventListener('pointermove', handlePointerMove);\n window.addEventListener('pointerup', handlePointerUp);\n },\n [handlePointerMove, handlePointerUp]\n );\n\n return (\n <div\n className={cx(styles.selectionRoot, className)}\n onPointerDown={handlePointerDown}\n ref={containerRef}\n style={{\n background: backgroundGradient\n }}\n {...props}\n >\n <div\n className={cx(styles.sliderThumb, styles.selectionThumb)}\n ref={thumbRef}\n style={{\n background: color.hex().toString(),\n opacity: 0\n }}\n />\n </div>\n );\n};\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/color-picker/color-picker-hue.cjs CHANGED Viewed

@@ -1,14 +1,14 @@
 'use strict';
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
 var colorPicker_module = require('./color-picker.module.css.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-slider/dist/index.cjs');
+var index = require('../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.cjs');
 const ColorPickerHue = ({ className, ...props }) => {
     const { hue, setColor } = colorPickerRoot.useColorPicker();
-    return (jsxRuntime.jsxRuntimeExports.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsxRuntime.jsxRuntimeExports.jsx(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.hueTrack), children: jsxRuntime.jsxRuntimeExports.jsx(index.Range, { className: colorPicker_module.default.sliderRange }) }), jsxRuntime.jsxRuntimeExports.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
+    return (jsxRuntime.jsxs(index.Root, { className: index$1.cx(colorPicker_module.default.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsxRuntime.jsx(index.Track, { className: index$1.cx(colorPicker_module.default.sliderTrack, colorPicker_module.default.hueTrack), children: jsxRuntime.jsx(index.Range, { className: colorPicker_module.default.sliderRange }) }), jsxRuntime.jsx(index.Thumb, { className: colorPicker_module.default.sliderThumb })] }));
 };
 exports.ColorPickerHue = ColorPickerHue;

package/dist/components/color-picker/color-picker-hue.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-hue.cjs","sources":["../../../components/color-picker/color-picker-hue.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Slider } from 'radix-ui';\nimport { type ComponentProps } from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerHueProps = ComponentProps<typeof Slider.Root>;\nexport const ColorPickerHue = ({\n className,\n ...props\n}: ColorPickerHueProps) => {\n const { hue, setColor } = useColorPicker();\n return (\n <Slider.Root\n className={cx(styles.sliderRoot, className)}\n max={360}\n onValueChange={([hue]) => setColor({ h: hue })}\n step={1}\n value={[hue]}\n {...props}\n >\n <Slider.Track className={cx(styles.sliderTrack, styles.hueTrack)}>\n <Slider.Range className={styles.sliderRange} />\n </Slider.Track>\n <Slider.Thumb className={styles.sliderThumb} />\n </Slider.Root>\n );\n};\n"],"names":["useColorPicker","_jsxs","Slider.Root","cx","styles","_jsx","Slider.Track","Slider.Range","Slider.Thumb"],"mappings":";;;;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACY,KAAI;IACxB,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAGA,8BAAc,EAAE,CAAC;IAC3C,QACEC,~~kCAACC~~,UAAW,EACV,EAAA,SAAS,EAAEC,UAAE,CAACC,0BAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAC9C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,GAAG,CAAC,EACR,GAAA,KAAK,aAETC,~~gCAAC~~,CAAAC,WAAY,EAAA,EAAC,SAAS,EAAEH,UAAE,CAACC,0BAAM,CAAC,WAAW,EAAEA,0BAAM,CAAC,QAAQ,CAAC,EAC9D,QAAA,EAAAC,~~gCAAA~~,CAACE,WAAY,EAAC,EAAA,SAAS,EAAEH,0BAAM,CAAC,WAAW,EAAI,CAAA,EAAA,CAClC,EACfC,~~gCAAC~~,CAAAG,WAAY,EAAA,EAAC,SAAS,EAAEJ,0BAAM,CAAC,WAAW,EAAA,CAAI,CACnC,EAAA,CAAA,EACd;AACJ;;;;"}
1	+ {"version":3,"file":"color-picker-hue.cjs","sources":["../../../components/color-picker/color-picker-hue.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Slider } from 'radix-ui';\nimport { type ComponentProps } from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerHueProps = ComponentProps<typeof Slider.Root>;\nexport const ColorPickerHue = ({\n className,\n ...props\n}: ColorPickerHueProps) => {\n const { hue, setColor } = useColorPicker();\n return (\n <Slider.Root\n className={cx(styles.sliderRoot, className)}\n max={360}\n onValueChange={([hue]) => setColor({ h: hue })}\n step={1}\n value={[hue]}\n {...props}\n >\n <Slider.Track className={cx(styles.sliderTrack, styles.hueTrack)}>\n <Slider.Range className={styles.sliderRange} />\n </Slider.Track>\n <Slider.Thumb className={styles.sliderThumb} />\n </Slider.Root>\n );\n};\n"],"names":["useColorPicker","_jsxs","Slider.Root","cx","styles","_jsx","Slider.Track","Slider.Range","Slider.Thumb"],"mappings":";;;;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACY,KAAI;IACxB,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAGA,8BAAc,EAAE,CAAC;IAC3C,QACEC,gBAACC,UAAW,EACV,EAAA,SAAS,EAAEC,UAAE,CAACC,0BAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAC9C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,GAAG,CAAC,EACR,GAAA,KAAK,aAETC,cAAC,CAAAC,WAAY,EAAA,EAAC,SAAS,EAAEH,UAAE,CAACC,0BAAM,CAAC,WAAW,EAAEA,0BAAM,CAAC,QAAQ,CAAC,EAC9D,QAAA,EAAAC,cAAA,CAACE,WAAY,EAAC,EAAA,SAAS,EAAEH,0BAAM,CAAC,WAAW,EAAI,CAAA,EAAA,CAClC,EACfC,cAAC,CAAAG,WAAY,EAAA,EAAC,SAAS,EAAEJ,0BAAM,CAAC,WAAW,EAAA,CAAI,CACnC,EAAA,CAAA,EACd;AACJ;;;;"}

package/dist/components/color-picker/color-picker-hue.js CHANGED Viewed

@@ -1,12 +1,12 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { useColorPicker } from './color-picker-root.js';
 import styles from './color-picker.module.css.js';
-import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@18.0.11_@types_react@18.2.12_react-dom@18.3.1_react@18.2.0__react@18.2.0/node_modules/@radix-ui/react-slider/dist/index.js';
+import { Root, Track, Range, Thumb } from '../../node_modules/.pnpm/@radix-ui_react-slider@1.3.5_@types_react-dom@19.1.7_@types_react@19.1.9__@types_react@19.1.9_p32zwhugtqgn4tfikzqx3cas2u/node_modules/@radix-ui/react-slider/dist/index.js';
 const ColorPickerHue = ({ className, ...props }) => {
     const { hue, setColor } = useColorPicker();
-    return (jsxRuntimeExports.jsxs(Root, { className: cx(styles.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsxRuntimeExports.jsx(Track, { className: cx(styles.sliderTrack, styles.hueTrack), children: jsxRuntimeExports.jsx(Range, { className: styles.sliderRange }) }), jsxRuntimeExports.jsx(Thumb, { className: styles.sliderThumb })] }));
+    return (jsxs(Root, { className: cx(styles.sliderRoot, className), max: 360, onValueChange: ([hue]) => setColor({ h: hue }), step: 1, value: [hue], ...props, children: [jsx(Track, { className: cx(styles.sliderTrack, styles.hueTrack), children: jsx(Range, { className: styles.sliderRange }) }), jsx(Thumb, { className: styles.sliderThumb })] }));
 };
 export { ColorPickerHue };

package/dist/components/color-picker/color-picker-hue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-hue.js","sources":["../../../components/color-picker/color-picker-hue.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Slider } from 'radix-ui';\nimport { type ComponentProps } from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerHueProps = ComponentProps<typeof Slider.Root>;\nexport const ColorPickerHue = ({\n className,\n ...props\n}: ColorPickerHueProps) => {\n const { hue, setColor } = useColorPicker();\n return (\n <Slider.Root\n className={cx(styles.sliderRoot, className)}\n max={360}\n onValueChange={([hue]) => setColor({ h: hue })}\n step={1}\n value={[hue]}\n {...props}\n >\n <Slider.Track className={cx(styles.sliderTrack, styles.hueTrack)}>\n <Slider.Range className={styles.sliderRange} />\n </Slider.Track>\n <Slider.Thumb className={styles.sliderThumb} />\n </Slider.Root>\n );\n};\n"],"names":["_jsxs","Slider.Root","_jsx","Slider.Track","Slider.Range","Slider.Thumb"],"mappings":";;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACY,KAAI;IACxB,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAC3C,QACEA,~~uBAACC~~,IAAW,EACV,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAC9C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,GAAG,CAAC,EACR,GAAA,KAAK,aAETC,~~qBAAC~~,CAAAC,KAAY,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,EAC9D,QAAA,EAAAD,~~qBAAA~~,CAACE,KAAY,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAI,CAAA,EAAA,CAClC,EACfF,~~qBAAC~~,CAAAG,KAAY,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAAI,CACnC,EAAA,CAAA,EACd;AACJ;;;;"}
1	+ {"version":3,"file":"color-picker-hue.js","sources":["../../../components/color-picker/color-picker-hue.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { Slider } from 'radix-ui';\nimport { type ComponentProps } from 'react';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\n\nexport type ColorPickerHueProps = ComponentProps<typeof Slider.Root>;\nexport const ColorPickerHue = ({\n className,\n ...props\n}: ColorPickerHueProps) => {\n const { hue, setColor } = useColorPicker();\n return (\n <Slider.Root\n className={cx(styles.sliderRoot, className)}\n max={360}\n onValueChange={([hue]) => setColor({ h: hue })}\n step={1}\n value={[hue]}\n {...props}\n >\n <Slider.Track className={cx(styles.sliderTrack, styles.hueTrack)}>\n <Slider.Range className={styles.sliderRange} />\n </Slider.Track>\n <Slider.Thumb className={styles.sliderThumb} />\n </Slider.Root>\n );\n};\n"],"names":["_jsxs","Slider.Root","_jsx","Slider.Track","Slider.Range","Slider.Thumb"],"mappings":";;;;;;AAOO,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACY,KAAI;IACxB,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAE,CAAC;IAC3C,QACEA,KAACC,IAAW,EACV,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,UAAU,EAAE,SAAS,CAAC,EAC3C,GAAG,EAAE,GAAG,EACR,aAAa,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,QAAQ,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAC9C,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,GAAG,CAAC,EACR,GAAA,KAAK,aAETC,GAAC,CAAAC,KAAY,EAAA,EAAC,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,EAC9D,QAAA,EAAAD,GAAA,CAACE,KAAY,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAAI,CAAA,EAAA,CAClC,EACfF,GAAC,CAAAG,KAAY,EAAA,EAAC,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,CAAI,CACnC,EAAA,CAAA,EACd;AACJ;;;;"}

package/dist/components/color-picker/color-picker-input.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.cjs');
 var inputField = require('../input-field/input-field.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
@@ -9,7 +9,7 @@ var utils = require('./utils.cjs');
 const ColorPickerInput = (props) => {
     const { hue, saturation, lightness, alpha, mode } = colorPickerRoot.useColorPicker();
     const color = index.default.hsl(hue, saturation, lightness, alpha ?? 1);
-    return jsxRuntime.jsxRuntimeExports.jsx(inputField.InputField, { value: utils.getColorString(color, mode), readOnly: true, ...props });
+    return jsxRuntime.jsx(inputField.InputField, { value: utils.getColorString(color, mode), readOnly: true, ...props });
 };
 exports.ColorPickerInput = ColorPickerInput;

package/dist/components/color-picker/color-picker-input.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-input.cjs","sources":["../../../components/color-picker/color-picker-input.tsx"],"sourcesContent":["import Color from 'color';\nimport { ComponentPropsWithoutRef } from 'react';\nimport { InputField } from '../input-field';\nimport { useColorPicker } from './color-picker-root';\nimport { getColorString } from './utils';\n\nexport const ColorPickerInput = (\n props: ComponentPropsWithoutRef<typeof InputField>\n) => {\n const { hue, saturation, lightness, alpha, mode } = useColorPicker();\n const color = Color.hsl(hue, saturation, lightness, alpha ?? 1);\n\n return <InputField value={getColorString(color, mode)} readOnly {...props} />;\n};\n"],"names":["useColorPicker","Color","_jsx","InputField","getColorString"],"mappings":";;;;;;;;AAMa,MAAA,gBAAgB,GAAG,CAC9B,KAAkD,KAChD;AACF,IAAA,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAGA,8BAAc,EAAE,CAAC;AACrE,IAAA,MAAM,KAAK,GAAGC,aAAK,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;AAEhE,IAAA,OAAOC,~~iCAACC~~,qBAAU,EAAA,EAAC,KAAK,EAAEC,oBAAc,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAK,IAAA,EAAA,GAAA,KAAK,GAAI,CAAC;AAChF;;;;"}
1	+ {"version":3,"file":"color-picker-input.cjs","sources":["../../../components/color-picker/color-picker-input.tsx"],"sourcesContent":["import Color from 'color';\nimport { ComponentPropsWithoutRef } from 'react';\nimport { InputField } from '../input-field';\nimport { useColorPicker } from './color-picker-root';\nimport { getColorString } from './utils';\n\nexport const ColorPickerInput = (\n props: ComponentPropsWithoutRef<typeof InputField>\n) => {\n const { hue, saturation, lightness, alpha, mode } = useColorPicker();\n const color = Color.hsl(hue, saturation, lightness, alpha ?? 1);\n\n return <InputField value={getColorString(color, mode)} readOnly {...props} />;\n};\n"],"names":["useColorPicker","Color","_jsx","InputField","getColorString"],"mappings":";;;;;;;;AAMa,MAAA,gBAAgB,GAAG,CAC9B,KAAkD,KAChD;AACF,IAAA,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAGA,8BAAc,EAAE,CAAC;AACrE,IAAA,MAAM,KAAK,GAAGC,aAAK,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;AAEhE,IAAA,OAAOC,eAACC,qBAAU,EAAA,EAAC,KAAK,EAAEC,oBAAc,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAK,IAAA,EAAA,GAAA,KAAK,GAAI,CAAC;AAChF;;;;"}

package/dist/components/color-picker/color-picker-input.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsx } from 'react/jsx-runtime';
 import Color from '../../node_modules/.pnpm/color@5.0.0/node_modules/color/index.js';
 import { InputField } from '../input-field/input-field.js';
 import { useColorPicker } from './color-picker-root.js';
@@ -7,7 +7,7 @@ import { getColorString } from './utils.js';
 const ColorPickerInput = (props) => {
     const { hue, saturation, lightness, alpha, mode } = useColorPicker();
     const color = Color.hsl(hue, saturation, lightness, alpha ?? 1);
-    return jsxRuntimeExports.jsx(InputField, { value: getColorString(color, mode), readOnly: true, ...props });
+    return jsx(InputField, { value: getColorString(color, mode), readOnly: true, ...props });
 };
 export { ColorPickerInput };

package/dist/components/color-picker/color-picker-input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-input.js","sources":["../../../components/color-picker/color-picker-input.tsx"],"sourcesContent":["import Color from 'color';\nimport { ComponentPropsWithoutRef } from 'react';\nimport { InputField } from '../input-field';\nimport { useColorPicker } from './color-picker-root';\nimport { getColorString } from './utils';\n\nexport const ColorPickerInput = (\n props: ComponentPropsWithoutRef<typeof InputField>\n) => {\n const { hue, saturation, lightness, alpha, mode } = useColorPicker();\n const color = Color.hsl(hue, saturation, lightness, alpha ?? 1);\n\n return <InputField value={getColorString(color, mode)} readOnly {...props} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAMa,MAAA,gBAAgB,GAAG,CAC9B,KAAkD,KAChD;AACF,IAAA,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;AACrE,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;AAEhE,IAAA,OAAOA,~~sBAAC~~,UAAU,EAAA,EAAC,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAK,IAAA,EAAA,GAAA,KAAK,GAAI,CAAC;AAChF;;;;"}
1	+ {"version":3,"file":"color-picker-input.js","sources":["../../../components/color-picker/color-picker-input.tsx"],"sourcesContent":["import Color from 'color';\nimport { ComponentPropsWithoutRef } from 'react';\nimport { InputField } from '../input-field';\nimport { useColorPicker } from './color-picker-root';\nimport { getColorString } from './utils';\n\nexport const ColorPickerInput = (\n props: ComponentPropsWithoutRef<typeof InputField>\n) => {\n const { hue, saturation, lightness, alpha, mode } = useColorPicker();\n const color = Color.hsl(hue, saturation, lightness, alpha ?? 1);\n\n return <InputField value={getColorString(color, mode)} readOnly {...props} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAMa,MAAA,gBAAgB,GAAG,CAC9B,KAAkD,KAChD;AACF,IAAA,MAAM,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,cAAc,EAAE,CAAC;AACrE,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC;AAEhE,IAAA,OAAOA,IAAC,UAAU,EAAA,EAAC,KAAK,EAAE,cAAc,CAAC,KAAK,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAK,IAAA,EAAA,GAAA,KAAK,GAAI,CAAC;AAChF;;;;"}

package/dist/components/color-picker/color-picker-mode.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
+var jsxRuntime = require('react/jsx-runtime');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var select = require('../select/select.cjs');
 var colorPickerRoot = require('./color-picker-root.cjs');
@@ -9,7 +9,7 @@ var utils = require('./utils.cjs');
 const ColorPickerMode = ({ className, options = utils.SUPPORTED_MODES, ...props }) => {
     const { mode, setMode } = colorPickerRoot.useColorPicker();
-    return (jsxRuntime.jsxRuntimeExports.jsxs(select.Select, { onValueChange: value => setMode(value), value: mode, children: [jsxRuntime.jsxRuntimeExports.jsx(select.Select.Trigger, { className: index.cx(colorPicker_module.default.selectTrigger, className), ...props, children: jsxRuntime.jsxRuntimeExports.jsx(select.Select.Value, { placeholder: 'Mode' }) }), jsxRuntime.jsxRuntimeExports.jsx(select.Select.Content, { children: options.map(option => (jsxRuntime.jsxRuntimeExports.jsx(select.Select.Item, { value: option, children: option.toUpperCase() }, option))) })] }));
+    return (jsxRuntime.jsxs(select.Select, { onValueChange: value => setMode(value), value: mode, children: [jsxRuntime.jsx(select.Select.Trigger, { className: index.cx(colorPicker_module.default.selectTrigger, className), ...props, children: jsxRuntime.jsx(select.Select.Value, { placeholder: 'Mode' }) }), jsxRuntime.jsx(select.Select.Content, { children: options.map(option => (jsxRuntime.jsx(select.Select.Item, { value: option, children: option.toUpperCase() }, option))) })] }));
 };
 exports.ColorPickerMode = ColorPickerMode;

package/dist/components/color-picker/color-picker-mode.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-mode.cjs","sources":["../../../components/color-picker/color-picker-mode.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport { Select } from '../select';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\nimport { ModeType, SUPPORTED_MODES } from './utils';\n\nexport interface ColorPickerModeProps\n extends ComponentProps<typeof Select.Trigger> {\n options?: ModeType[];\n}\n\nexport const ColorPickerMode = ({\n className,\n options = SUPPORTED_MODES,\n ...props\n}: ColorPickerModeProps) => {\n const { mode, setMode } = useColorPicker();\n return (\n <Select onValueChange={value => setMode(value as ModeType)} value={mode}>\n <Select.Trigger\n className={cx(styles.selectTrigger, className)}\n {...props}\n >\n <Select.Value placeholder='Mode' />\n </Select.Trigger>\n <Select.Content>\n {options.map(option => (\n <Select.Item key={option} value={option}>\n {option.toUpperCase()}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n );\n};\n"],"names":["SUPPORTED_MODES","useColorPicker","_jsxs","Select","_jsx","cx","styles"],"mappings":";;;;;;;;;AAYa,MAAA,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,GAAGA,qBAAe,EACzB,GAAG,KAAK,EACa,KAAI;IACzB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAGC,8BAAc,EAAE,CAAC;AAC3C,IAAA,QACEC,~~iCAAC~~,CAAAC,aAAM,EAAC,EAAA,aAAa,EAAE,KAAK,IAAI,OAAO,CAAC,KAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAA,QAAA,EAAA,CACrEC,~~gCAAC~~,CAAAD,aAAM,CAAC,OAAO,EAAA,EACb,SAAS,EAAEE,QAAE,CAACC,0BAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAAA,GAC1C,KAAK,EAET,QAAA,EAAAF,~~gCAAA~~,CAACD,aAAM,CAAC,KAAK,EAAC,EAAA,WAAW,EAAC,MAAM,EAAA,CAAG,GACpB,EACjBC,~~gCAAA~~,CAACD,aAAM,CAAC,OAAO,EACZ,EAAA,QAAA,EAAA,OAAO,CAAC,GAAG,CAAC,MAAM,KACjBC,~~gCAAA~~,CAACD,aAAM,CAAC,IAAI,EAAc,EAAA,KAAK,EAAE,MAAM,EAAA,QAAA,EACpC,MAAM,CAAC,WAAW,EAAE,EAAA,EADL,MAAM,CAEV,CACf,CAAC,EACa,CAAA,CAAA,EAAA,CACV,EACT;AACJ;;;;"}
1	+ {"version":3,"file":"color-picker-mode.cjs","sources":["../../../components/color-picker/color-picker-mode.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport { Select } from '../select';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\nimport { ModeType, SUPPORTED_MODES } from './utils';\n\nexport interface ColorPickerModeProps\n extends ComponentProps<typeof Select.Trigger> {\n options?: ModeType[];\n}\n\nexport const ColorPickerMode = ({\n className,\n options = SUPPORTED_MODES,\n ...props\n}: ColorPickerModeProps) => {\n const { mode, setMode } = useColorPicker();\n return (\n <Select onValueChange={value => setMode(value as ModeType)} value={mode}>\n <Select.Trigger\n className={cx(styles.selectTrigger, className)}\n {...props}\n >\n <Select.Value placeholder='Mode' />\n </Select.Trigger>\n <Select.Content>\n {options.map(option => (\n <Select.Item key={option} value={option}>\n {option.toUpperCase()}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n );\n};\n"],"names":["SUPPORTED_MODES","useColorPicker","_jsxs","Select","_jsx","cx","styles"],"mappings":";;;;;;;;;AAYa,MAAA,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,GAAGA,qBAAe,EACzB,GAAG,KAAK,EACa,KAAI;IACzB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAGC,8BAAc,EAAE,CAAC;AAC3C,IAAA,QACEC,eAAC,CAAAC,aAAM,EAAC,EAAA,aAAa,EAAE,KAAK,IAAI,OAAO,CAAC,KAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAA,QAAA,EAAA,CACrEC,cAAC,CAAAD,aAAM,CAAC,OAAO,EAAA,EACb,SAAS,EAAEE,QAAE,CAACC,0BAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAAA,GAC1C,KAAK,EAET,QAAA,EAAAF,cAAA,CAACD,aAAM,CAAC,KAAK,EAAC,EAAA,WAAW,EAAC,MAAM,EAAA,CAAG,GACpB,EACjBC,cAAA,CAACD,aAAM,CAAC,OAAO,EACZ,EAAA,QAAA,EAAA,OAAO,CAAC,GAAG,CAAC,MAAM,KACjBC,cAAA,CAACD,aAAM,CAAC,IAAI,EAAc,EAAA,KAAK,EAAE,MAAM,EAAA,QAAA,EACpC,MAAM,CAAC,WAAW,EAAE,EAAA,EADL,MAAM,CAEV,CACf,CAAC,EACa,CAAA,CAAA,EAAA,CACV,EACT;AACJ;;;;"}

package/dist/components/color-picker/color-picker-mode.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { cx } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { Select } from '../select/select.js';
 import { useColorPicker } from './color-picker-root.js';
@@ -7,7 +7,7 @@ import { SUPPORTED_MODES } from './utils.js';
 const ColorPickerMode = ({ className, options = SUPPORTED_MODES, ...props }) => {
     const { mode, setMode } = useColorPicker();
-    return (jsxRuntimeExports.jsxs(Select, { onValueChange: value => setMode(value), value: mode, children: [jsxRuntimeExports.jsx(Select.Trigger, { className: cx(styles.selectTrigger, className), ...props, children: jsxRuntimeExports.jsx(Select.Value, { placeholder: 'Mode' }) }), jsxRuntimeExports.jsx(Select.Content, { children: options.map(option => (jsxRuntimeExports.jsx(Select.Item, { value: option, children: option.toUpperCase() }, option))) })] }));
+    return (jsxs(Select, { onValueChange: value => setMode(value), value: mode, children: [jsx(Select.Trigger, { className: cx(styles.selectTrigger, className), ...props, children: jsx(Select.Value, { placeholder: 'Mode' }) }), jsx(Select.Content, { children: options.map(option => (jsx(Select.Item, { value: option, children: option.toUpperCase() }, option))) })] }));
 };
 export { ColorPickerMode };

package/dist/components/color-picker/color-picker-mode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"color-picker-mode.js","sources":["../../../components/color-picker/color-picker-mode.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport { Select } from '../select';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\nimport { ModeType, SUPPORTED_MODES } from './utils';\n\nexport interface ColorPickerModeProps\n extends ComponentProps<typeof Select.Trigger> {\n options?: ModeType[];\n}\n\nexport const ColorPickerMode = ({\n className,\n options = SUPPORTED_MODES,\n ...props\n}: ColorPickerModeProps) => {\n const { mode, setMode } = useColorPicker();\n return (\n <Select onValueChange={value => setMode(value as ModeType)} value={mode}>\n <Select.Trigger\n className={cx(styles.selectTrigger, className)}\n {...props}\n >\n <Select.Value placeholder='Mode' />\n </Select.Trigger>\n <Select.Content>\n {options.map(option => (\n <Select.Item key={option} value={option}>\n {option.toUpperCase()}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYa,MAAA,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,GAAG,eAAe,EACzB,GAAG,KAAK,EACa,KAAI;IACzB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;AAC3C,IAAA,QACEA,~~sBAAC~~,CAAA,MAAM,EAAC,EAAA,aAAa,EAAE,KAAK,IAAI,OAAO,CAAC,KAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAA,QAAA,EAAA,CACrEC,~~qBAAC~~,CAAA,MAAM,CAAC,OAAO,EAAA,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAAA,GAC1C,KAAK,EAET,QAAA,EAAAA,~~qBAAA~~,CAAC,MAAM,CAAC,KAAK,EAAC,EAAA,WAAW,EAAC,MAAM,EAAA,CAAG,GACpB,EACjBA,~~qBAAA~~,CAAC,MAAM,CAAC,OAAO,EACZ,EAAA,QAAA,EAAA,OAAO,CAAC,GAAG,CAAC,MAAM,KACjBA,~~qBAAA~~,CAAC,MAAM,CAAC,IAAI,EAAc,EAAA,KAAK,EAAE,MAAM,EAAA,QAAA,EACpC,MAAM,CAAC,WAAW,EAAE,EAAA,EADL,MAAM,CAEV,CACf,CAAC,EACa,CAAA,CAAA,EAAA,CACV,EACT;AACJ;;;;"}
1	+ {"version":3,"file":"color-picker-mode.js","sources":["../../../components/color-picker/color-picker-mode.tsx"],"sourcesContent":["import { cx } from 'class-variance-authority';\nimport { type ComponentProps } from 'react';\nimport { Select } from '../select';\nimport { useColorPicker } from './color-picker-root';\nimport styles from './color-picker.module.css';\nimport { ModeType, SUPPORTED_MODES } from './utils';\n\nexport interface ColorPickerModeProps\n extends ComponentProps<typeof Select.Trigger> {\n options?: ModeType[];\n}\n\nexport const ColorPickerMode = ({\n className,\n options = SUPPORTED_MODES,\n ...props\n}: ColorPickerModeProps) => {\n const { mode, setMode } = useColorPicker();\n return (\n <Select onValueChange={value => setMode(value as ModeType)} value={mode}>\n <Select.Trigger\n className={cx(styles.selectTrigger, className)}\n {...props}\n >\n <Select.Value placeholder='Mode' />\n </Select.Trigger>\n <Select.Content>\n {options.map(option => (\n <Select.Item key={option} value={option}>\n {option.toUpperCase()}\n </Select.Item>\n ))}\n </Select.Content>\n </Select>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYa,MAAA,eAAe,GAAG,CAAC,EAC9B,SAAS,EACT,OAAO,GAAG,eAAe,EACzB,GAAG,KAAK,EACa,KAAI;IACzB,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;AAC3C,IAAA,QACEA,IAAC,CAAA,MAAM,EAAC,EAAA,aAAa,EAAE,KAAK,IAAI,OAAO,CAAC,KAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAA,QAAA,EAAA,CACrEC,GAAC,CAAA,MAAM,CAAC,OAAO,EAAA,EACb,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,SAAS,CAAC,EAAA,GAC1C,KAAK,EAET,QAAA,EAAAA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAC,EAAA,WAAW,EAAC,MAAM,EAAA,CAAG,GACpB,EACjBA,GAAA,CAAC,MAAM,CAAC,OAAO,EACZ,EAAA,QAAA,EAAA,OAAO,CAAC,GAAG,CAAC,MAAM,KACjBA,GAAA,CAAC,MAAM,CAAC,IAAI,EAAc,EAAA,KAAK,EAAE,MAAM,EAAA,QAAA,EACpC,MAAM,CAAC,WAAW,EAAE,EAAA,EADL,MAAM,CAEV,CACf,CAAC,EACa,CAAA,CAAA,EAAA,CACV,EACT;AACJ;;;;"}