@raystack/apsara 0.46.0 → 0.47.0

package/dist/v1/components/button/button.cjs

@@ -1,46 +1,118 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var index$1 = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
 var index = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var React = require('react');
 var spinner = require('../spinner/spinner.cjs');
 var button_module = require('./button.module.css.cjs');
+var index$1 = require('../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.cjs');
 
 const button = index.cva(button_module.default['button'], {
     variants: {
         variant: {
-            solid: button_module.default["button-solid"],
-            outline: button_module.default["button-outline"],
-            ghost: button_module.default["button-ghost"],
-            text: button_module.default["button-text"]
+            solid: button_module.default['button-solid'],
+            outline: button_module.default['button-outline'],
+            ghost: button_module.default['button-ghost'],
+            text: button_module.default['button-text']
         },
         size: {
-            small: button_module.default["button-small"],
-            normal: button_module.default["button-normal"],
+            small: button_module.default['button-small'],
+            normal: button_module.default['button-normal']
         },
         disabled: {
-            true: button_module.default["button-disabled"],
+            true: button_module.default['button-disabled']
         },
         loading: {
-            true: button_module.default["button-loading"],
+            true: button_module.default['button-loading']
         },
         color: {
-            accent: button_module.default["button-color-accent"],
-            danger: button_module.default["button-color-danger"],
-            neutral: button_module.default["button-color-neutral"],
-            success: button_module.default["button-color-success"],
+            accent: button_module.default['button-color-accent'],
+            danger: button_module.default['button-color-danger'],
+            neutral: button_module.default['button-color-neutral'],
+            success: button_module.default['button-color-success']
         }
     },
     compoundVariants: [
-        { variant: 'solid', color: 'accent', className: button_module.default['button-solid-accent'] },
-        { variant: 'solid', color: 'danger', className: button_module.default['button-solid-danger'] },
-        { variant: 'solid', color: 'neutral', className: button_module.default['button-solid-neutral'] },
-        { variant: 'solid', color: 'success', className: button_module.default['button-solid-success'] },
-        { variant: 'outline', color: 'accent', className: button_module.default['button-outline-accent'] },
-        { variant: 'outline', color: 'danger', className: button_module.default['button-outline-danger'] },
-        { variant: 'outline', color: 'neutral', className: button_module.default['button-outline-neutral'] },
-        { variant: 'outline', color: 'success', className: button_module.default['button-outline-success'] },
+        {
+            variant: 'solid',
+            color: 'accent',
+            className: button_module.default['button-solid-accent']
+        },
+        {
+            variant: 'solid',
+            color: 'danger',
+            className: button_module.default['button-solid-danger']
+        },
+        {
+            variant: 'solid',
+            color: 'neutral',
+            className: button_module.default['button-solid-neutral']
+        },
+        {
+            variant: 'solid',
+            color: 'success',
+            className: button_module.default['button-solid-success']
+        },
+        {
+            variant: 'outline',
+            color: 'accent',
+            className: button_module.default['button-outline-accent']
+        },
+        {
+            variant: 'outline',
+            color: 'danger',
+            className: button_module.default['button-outline-danger']
+        },
+        {
+            variant: 'outline',
+            color: 'neutral',
+            className: button_module.default['button-outline-neutral']
+        },
+        {
+            variant: 'outline',
+            color: 'success',
+            className: button_module.default['button-outline-success']
+        },
+        {
+            variant: 'ghost',
+            color: 'accent',
+            className: button_module.default['button-ghost-accent']
+        },
+        {
+            variant: 'ghost',
+            color: 'danger',
+            className: button_module.default['button-ghost-danger']
+        },
+        {
+            variant: 'ghost',
+            color: 'neutral',
+            className: button_module.default['button-ghost-neutral']
+        },
+        {
+            variant: 'ghost',
+            color: 'success',
+            className: button_module.default['button-ghost-success']
+        },
+        {
+            variant: 'text',
+            color: 'accent',
+            className: button_module.default['button-text-accent']
+        },
+        {
+            variant: 'text',
+            color: 'danger',
+            className: button_module.default['button-text-danger']
+        },
+        {
+            variant: 'text',
+            color: 'neutral',
+            className: button_module.default['button-text-neutral']
+        },
+        {
+            variant: 'text',
+            color: 'success',
+            className: button_module.default['button-text-success']
+        }
     ],
     defaultVariants: {
         variant: 'solid',
@@ -48,15 +120,17 @@ const button = index.cva(button_module.default['button'], {
         color: 'accent'
     }
 });
-const getLoaderOnlyClass = (size) => size === 'small' ? button_module.default['loader-only-button-small'] : button_module.default['loader-only-button-normal'];
+const getLoaderOnlyClass = (size) => size === 'small'
+    ? button_module.default['loader-only-button-small']
+    : button_module.default['loader-only-button-normal'];
 const Button = React.forwardRef(({ className, variant = 'solid', color = 'accent', size = 'normal', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, ...props }, ref) => {
-    const Comp = asChild ? index$1.Slot : "button";
+    const Comp = asChild ? index$1.Root : 'button';
     const isLoaderOnly = loading && !loaderText;
     const widthStyle = { maxWidth, width };
     const buttonStyle = { ...widthStyle, ...style };
-    return (jsxRuntime.jsxRuntimeExports.jsx(Comp, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: buttonStyle, ...props, children: loading ? (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(spinner.Spinner, { size: 1, color: "default" }), loaderText && jsxRuntime.jsxRuntimeExports.jsx("span", { className: button_module.default['loader-text'], children: loaderText })] })) : (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [leadingIcon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: `${button_module.default['icon']} ${button_module.default['icon-leading']}`, children: leadingIcon }), children, trailingIcon && jsxRuntime.jsxRuntimeExports.jsx("span", { className: `${button_module.default['icon']} ${button_module.default['icon-trailing']}`, children: trailingIcon })] })) }));
+    return (jsxRuntime.jsxRuntimeExports.jsx(Comp, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: buttonStyle, ...props, children: loading ? (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [jsxRuntime.jsxRuntimeExports.jsx(spinner.Spinner, { size: 1, color: 'default' }), loaderText && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: button_module.default['loader-text'], children: loaderText }))] })) : (jsxRuntime.jsxRuntimeExports.jsxs(jsxRuntime.jsxRuntimeExports.Fragment, { children: [leadingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: `${button_module.default['icon']} ${button_module.default['icon-leading']}`, children: leadingIcon })), children, trailingIcon && (jsxRuntime.jsxRuntimeExports.jsx("span", { className: `${button_module.default['icon']} ${button_module.default['icon-trailing']}`, children: trailingIcon }))] })) }));
 });
-Button.displayName = "Button";
+Button.displayName = 'Button';
 
 exports.Button = Button;
 //# sourceMappingURL=button.cjs.map

package/dist/v1/components/button/button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.cjs","sources":["../../../../v1/components/button/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { ButtonHTMLAttributes, forwardRef, PropsWithChildren, ReactNode } from \"react\";\n\nimport { Spinner } from \"../spinner\";\nimport styles from \"./button.module.css\";\n\nconst button = cva(styles['button'], {\n  variants: {\n    variant: {\n      solid: styles[\"button-solid\"],\n      outline: styles[\"button-outline\"],\n      ghost: styles[\"button-ghost\"],\n      text: styles[\"button-text\"]\n    },\n    size: {\n      small: styles[\"button-small\"],\n      normal: styles[\"button-normal\"],\n    },\n    disabled: {\n      true: styles[\"button-disabled\"],\n    },\n    loading: {\n      true: styles[\"button-loading\"],\n    },\n    color: {\n      accent: styles[\"button-color-accent\"],\n      danger: styles[\"button-color-danger\"],\n      neutral: styles[\"button-color-neutral\"],\n      success: styles[\"button-color-success\"],\n    }\n  },\n  compoundVariants: [\n    { variant: 'solid', color: 'accent', className: styles['button-solid-accent'] },\n    { variant: 'solid', color: 'danger', className: styles['button-solid-danger'] },\n    { variant: 'solid', color: 'neutral', className: styles['button-solid-neutral'] },\n    { variant: 'solid', color: 'success', className: styles['button-solid-success'] },\n    { variant: 'outline', color: 'accent', className: styles['button-outline-accent'] },\n    { variant: 'outline', color: 'danger', className: styles['button-outline-danger'] },\n    { variant: 'outline', color: 'neutral', className: styles['button-outline-neutral'] },\n    { variant: 'outline', color: 'success', className: styles['button-outline-success'] },\n  ],\n  defaultVariants: {\n    variant: 'solid',\n    size: 'normal',\n    color: 'accent'\n  }\n});\n\nconst getLoaderOnlyClass = (size: 'small' | 'normal' | null) => \n  size === 'small' ? styles['loader-only-button-small'] : styles['loader-only-button-normal']\n\ntype ButtonProps = PropsWithChildren<VariantProps<typeof button>> &\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    asChild?: boolean;\n    loading?: boolean;\n    loaderText?: ReactNode;\n    leadingIcon?: ReactNode;\n    trailingIcon?: ReactNode;\n    maxWidth?: string | number;\n    width?: string | number;\n    style?: React.CSSProperties;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'solid', color = 'accent', size = 'normal', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    const isLoaderOnly = loading && !loaderText;\n    const widthStyle = { maxWidth, width };\n    const buttonStyle = { ...widthStyle, ...style };\n\n    return (\n      <Comp\n        className={`${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n        ref={ref}\n        disabled={disabled}\n        style={buttonStyle}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <Spinner size={1} color=\"default\" />\n            {loaderText && <span className={styles['loader-text']}>{loaderText}</span>}\n          </>\n        ) : (\n          <>\n            {leadingIcon && <span className={`${styles['icon']} ${styles['icon-leading']}`}>{leadingIcon}</span>}\n            {children}\n            {trailingIcon && <span className={`${styles['icon']} ${styles['icon-trailing']}`}>{trailingIcon}</span>}\n          </>\n        )}\n      </Comp>\n    );\n  }\n);\nButton.displayName = \"Button\";\n"],"names":["cva","styles","forwardRef","Slot","_jsx","_jsxs","_Fragment","Spinner"],"mappings":"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"}
+{"version":3,"file":"button.cjs","sources":["../../../../v1/components/button/button.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n  ButtonHTMLAttributes,\n  PropsWithChildren,\n  ReactNode,\n  forwardRef\n} from 'react';\n\nimport { Spinner } from '../spinner';\nimport styles from './button.module.css';\n\nconst button = cva(styles['button'], {\n  variants: {\n    variant: {\n      solid: styles['button-solid'],\n      outline: styles['button-outline'],\n      ghost: styles['button-ghost'],\n      text: styles['button-text']\n    },\n    size: {\n      small: styles['button-small'],\n      normal: styles['button-normal']\n    },\n    disabled: {\n      true: styles['button-disabled']\n    },\n    loading: {\n      true: styles['button-loading']\n    },\n    color: {\n      accent: styles['button-color-accent'],\n      danger: styles['button-color-danger'],\n      neutral: styles['button-color-neutral'],\n      success: styles['button-color-success']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'accent',\n      className: styles['button-solid-accent']\n    },\n    {\n      variant: 'solid',\n      color: 'danger',\n      className: styles['button-solid-danger']\n    },\n    {\n      variant: 'solid',\n      color: 'neutral',\n      className: styles['button-solid-neutral']\n    },\n    {\n      variant: 'solid',\n      color: 'success',\n      className: styles['button-solid-success']\n    },\n    {\n      variant: 'outline',\n      color: 'accent',\n      className: styles['button-outline-accent']\n    },\n    {\n      variant: 'outline',\n      color: 'danger',\n      className: styles['button-outline-danger']\n    },\n    {\n      variant: 'outline',\n      color: 'neutral',\n      className: styles['button-outline-neutral']\n    },\n    {\n      variant: 'outline',\n      color: 'success',\n      className: styles['button-outline-success']\n    },\n    {\n      variant: 'ghost',\n      color: 'accent',\n      className: styles['button-ghost-accent']\n    },\n    {\n      variant: 'ghost',\n      color: 'danger',\n      className: styles['button-ghost-danger']\n    },\n    {\n      variant: 'ghost',\n      color: 'neutral',\n      className: styles['button-ghost-neutral']\n    },\n    {\n      variant: 'ghost',\n      color: 'success',\n      className: styles['button-ghost-success']\n    },\n    {\n      variant: 'text',\n      color: 'accent',\n      className: styles['button-text-accent']\n    },\n    {\n      variant: 'text',\n      color: 'danger',\n      className: styles['button-text-danger']\n    },\n    {\n      variant: 'text',\n      color: 'neutral',\n      className: styles['button-text-neutral']\n    },\n    {\n      variant: 'text',\n      color: 'success',\n      className: styles['button-text-success']\n    }\n  ],\n  defaultVariants: {\n    variant: 'solid',\n    size: 'normal',\n    color: 'accent'\n  }\n});\n\nconst getLoaderOnlyClass = (size: 'small' | 'normal' | null) =>\n  size === 'small'\n    ? styles['loader-only-button-small']\n    : styles['loader-only-button-normal'];\n\ntype ButtonProps = PropsWithChildren<VariantProps<typeof button>> &\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    asChild?: boolean;\n    loading?: boolean;\n    loaderText?: ReactNode;\n    leadingIcon?: ReactNode;\n    trailingIcon?: ReactNode;\n    maxWidth?: string | number;\n    width?: string | number;\n    style?: React.CSSProperties;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = 'solid',\n      color = 'accent',\n      size = 'normal',\n      asChild = false,\n      disabled,\n      loading,\n      loaderText,\n      leadingIcon,\n      trailingIcon,\n      maxWidth,\n      width,\n      style = {},\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot.Root : 'button';\n    const isLoaderOnly = loading && !loaderText;\n    const widthStyle = { maxWidth, width };\n    const buttonStyle = { ...widthStyle, ...style };\n\n    return (\n      <Comp\n        className={`${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n        ref={ref}\n        disabled={disabled}\n        style={buttonStyle}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <Spinner size={1} color='default' />\n            {loaderText && (\n              <span className={styles['loader-text']}>{loaderText}</span>\n            )}\n          </>\n        ) : (\n          <>\n            {leadingIcon && (\n              <span className={`${styles['icon']} ${styles['icon-leading']}`}>\n                {leadingIcon}\n              </span>\n            )}\n            {children}\n            {trailingIcon && (\n              <span className={`${styles['icon']} ${styles['icon-trailing']}`}>\n                {trailingIcon}\n              </span>\n            )}\n          </>\n        )}\n      </Comp>\n    );\n  }\n);\nButton.displayName = 'Button';\n"],"names":["cva","styles","forwardRef","Slot.Root","_jsx","_jsxs","_Fragment","Spinner"],"mappings":";;;;;;;;;AAYA,MAAM,MAAM,GAAGA,SAAG,CAACC,qBAAM,CAAC,QAAQ,CAAC,EAAE;AACnC,IAAA,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE;AACP,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,OAAO,EAAEA,qBAAM,CAAC,gBAAgB,CAAC;AACjC,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,IAAI,EAAEA,qBAAM,CAAC,aAAa,CAAC;AAC5B,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAEA,qBAAM,CAAC,cAAc,CAAC;AAC7B,YAAA,MAAM,EAAEA,qBAAM,CAAC,eAAe,CAAC;AAChC,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,IAAI,EAAEA,qBAAM,CAAC,iBAAiB,CAAC;AAChC,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,IAAI,EAAEA,qBAAM,CAAC,gBAAgB,CAAC;AAC/B,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,MAAM,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,MAAM,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACrC,YAAA,OAAO,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AACvC,YAAA,OAAO,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AACxC,SAAA;AACF,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,uBAAuB,CAAC;AAC3C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,uBAAuB,CAAC;AAC3C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,wBAAwB,CAAC;AAC5C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,SAAS;AAClB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,wBAAwB,CAAC;AAC5C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,OAAO;AAChB,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,sBAAsB,CAAC;AAC1C,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,QAAQ;AACf,YAAA,SAAS,EAAEA,qBAAM,CAAC,oBAAoB,CAAC;AACxC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACD,QAAA;AACE,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,SAAS,EAAEA,qBAAM,CAAC,qBAAqB,CAAC;AACzC,SAAA;AACF,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,KAAK,EAAE,QAAQ;AAChB,KAAA;AACF,CAAA,CAAC,CAAC;AAEH,MAAM,kBAAkB,GAAG,CAAC,IAA+B,KACzD,IAAI,KAAK,OAAO;AACd,MAAEA,qBAAM,CAAC,0BAA0B,CAAC;AACpC,MAAEA,qBAAM,CAAC,2BAA2B,CAAC,CAAC;AAc7B,MAAA,MAAM,GAAGC,gBAAU,CAC9B,CACE,EACE,SAAS,EACT,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,OAAO,EACP,UAAU,EACV,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,KACD;AACF,IAAA,MAAM,IAAI,GAAG,OAAO,GAAGC,YAAS,GAAG,QAAQ,CAAC;AAC5C,IAAA,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,UAAU,CAAC;AAC5C,IAAA,MAAM,UAAU,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC;IACvC,MAAM,WAAW,GAAG,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAC;AAEhD,IAAA,QACEC,gCAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAE,CAAA,EAAG,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAI,CAAA,EAAA,YAAY,GAAG,kBAAkB,CAAC,IAAI,CAAC,GAAG,EAAE,CAAE,CAAA,EAC9H,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,WAAW,KACd,KAAK,EAAA,QAAA,EAER,OAAO,IACNC,iCAAA,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CACEF,iCAACG,eAAO,EAAA,EAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAG,CAAA,EACnC,UAAU,KACTH,gCAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAEH,qBAAM,CAAC,aAAa,CAAC,EAAA,QAAA,EAAG,UAAU,EAAA,CAAQ,CAC5D,CAAA,EAAA,CACA,KAEHI,iCACG,CAAAC,qCAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAW,KACVF,2CAAM,SAAS,EAAE,CAAG,EAAAH,qBAAM,CAAC,MAAM,CAAC,CAAA,CAAA,EAAIA,qBAAM,CAAC,cAAc,CAAC,CAAA,CAAE,EAC3D,QAAA,EAAA,WAAW,EACP,CAAA,CACR,EACA,QAAQ,EACR,YAAY,KACXG,gCAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,GAAGH,qBAAM,CAAC,MAAM,CAAC,CAAI,CAAA,EAAAA,qBAAM,CAAC,eAAe,CAAC,CAAE,CAAA,EAAA,QAAA,EAC5D,YAAY,EAAA,CACR,CACR,CAAA,EAAA,CACA,CACJ,EAAA,CACI,EACP;AACJ,CAAC,EACD;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/v1/components/button/button.d.ts

@@ -1,5 +1,5 @@
-import { type VariantProps } from "class-variance-authority";
-import { ButtonHTMLAttributes, ReactNode } from "react";
+import { type VariantProps } from 'class-variance-authority';
+import { ButtonHTMLAttributes, ReactNode } from 'react';
 export declare const Button: import("react").ForwardRefExoticComponent<VariantProps<(props?: ({
     variant?: "text" | "solid" | "outline" | "ghost" | null | undefined;
     size?: "small" | "normal" | null | undefined;

package/dist/v1/components/button/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../v1/components/button/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAiC,SAAS,EAAE,MAAM,OAAO,CAAC;AA8DvF,eAAO,MAAM,MAAM;;;;;;;;;;;iBARF,SAAS;kBACR,SAAS;mBACR,SAAS;;;;qDAoC3B,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../v1/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAElE,OAAO,EACL,oBAAoB,EAEpB,SAAS,EAEV,MAAM,OAAO,CAAC;AAwIf,eAAO,MAAM,MAAM;;;;;;;;;;;iBARF,SAAS;kBACR,SAAS;mBACR,SAAS;;;;qDAiE3B,CAAC"}

package/dist/v1/components/button/button.js

@@ -1,44 +1,116 @@
 import { j as jsxRuntimeExports } from '../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js';
-import { Slot as $5e63c961fc1ce211$export$8c6ed5c666ac1360 } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.0.2_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
 import { cva } from '../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js';
 import { forwardRef } from 'react';
 import { Spinner } from '../spinner/spinner.js';
 import styles from './button.module.css.js';
+import { Root as Slot } from '../../node_modules/.pnpm/@radix-ui_react-slot@1.2.3_@types_react@18.2.12_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.js';
 
 const button = cva(styles['button'], {
     variants: {
         variant: {
-            solid: styles["button-solid"],
-            outline: styles["button-outline"],
-            ghost: styles["button-ghost"],
-            text: styles["button-text"]
+            solid: styles['button-solid'],
+            outline: styles['button-outline'],
+            ghost: styles['button-ghost'],
+            text: styles['button-text']
         },
         size: {
-            small: styles["button-small"],
-            normal: styles["button-normal"],
+            small: styles['button-small'],
+            normal: styles['button-normal']
         },
         disabled: {
-            true: styles["button-disabled"],
+            true: styles['button-disabled']
         },
         loading: {
-            true: styles["button-loading"],
+            true: styles['button-loading']
         },
         color: {
-            accent: styles["button-color-accent"],
-            danger: styles["button-color-danger"],
-            neutral: styles["button-color-neutral"],
-            success: styles["button-color-success"],
+            accent: styles['button-color-accent'],
+            danger: styles['button-color-danger'],
+            neutral: styles['button-color-neutral'],
+            success: styles['button-color-success']
         }
     },
     compoundVariants: [
-        { variant: 'solid', color: 'accent', className: styles['button-solid-accent'] },
-        { variant: 'solid', color: 'danger', className: styles['button-solid-danger'] },
-        { variant: 'solid', color: 'neutral', className: styles['button-solid-neutral'] },
-        { variant: 'solid', color: 'success', className: styles['button-solid-success'] },
-        { variant: 'outline', color: 'accent', className: styles['button-outline-accent'] },
-        { variant: 'outline', color: 'danger', className: styles['button-outline-danger'] },
-        { variant: 'outline', color: 'neutral', className: styles['button-outline-neutral'] },
-        { variant: 'outline', color: 'success', className: styles['button-outline-success'] },
+        {
+            variant: 'solid',
+            color: 'accent',
+            className: styles['button-solid-accent']
+        },
+        {
+            variant: 'solid',
+            color: 'danger',
+            className: styles['button-solid-danger']
+        },
+        {
+            variant: 'solid',
+            color: 'neutral',
+            className: styles['button-solid-neutral']
+        },
+        {
+            variant: 'solid',
+            color: 'success',
+            className: styles['button-solid-success']
+        },
+        {
+            variant: 'outline',
+            color: 'accent',
+            className: styles['button-outline-accent']
+        },
+        {
+            variant: 'outline',
+            color: 'danger',
+            className: styles['button-outline-danger']
+        },
+        {
+            variant: 'outline',
+            color: 'neutral',
+            className: styles['button-outline-neutral']
+        },
+        {
+            variant: 'outline',
+            color: 'success',
+            className: styles['button-outline-success']
+        },
+        {
+            variant: 'ghost',
+            color: 'accent',
+            className: styles['button-ghost-accent']
+        },
+        {
+            variant: 'ghost',
+            color: 'danger',
+            className: styles['button-ghost-danger']
+        },
+        {
+            variant: 'ghost',
+            color: 'neutral',
+            className: styles['button-ghost-neutral']
+        },
+        {
+            variant: 'ghost',
+            color: 'success',
+            className: styles['button-ghost-success']
+        },
+        {
+            variant: 'text',
+            color: 'accent',
+            className: styles['button-text-accent']
+        },
+        {
+            variant: 'text',
+            color: 'danger',
+            className: styles['button-text-danger']
+        },
+        {
+            variant: 'text',
+            color: 'neutral',
+            className: styles['button-text-neutral']
+        },
+        {
+            variant: 'text',
+            color: 'success',
+            className: styles['button-text-success']
+        }
     ],
     defaultVariants: {
         variant: 'solid',
@@ -46,15 +118,17 @@ const button = cva(styles['button'], {
         color: 'accent'
     }
 });
-const getLoaderOnlyClass = (size) => size === 'small' ? styles['loader-only-button-small'] : styles['loader-only-button-normal'];
+const getLoaderOnlyClass = (size) => size === 'small'
+    ? styles['loader-only-button-small']
+    : styles['loader-only-button-normal'];
 const Button = forwardRef(({ className, variant = 'solid', color = 'accent', size = 'normal', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, ...props }, ref) => {
-    const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : "button";
+    const Comp = asChild ? Slot : 'button';
     const isLoaderOnly = loading && !loaderText;
     const widthStyle = { maxWidth, width };
     const buttonStyle = { ...widthStyle, ...style };
-    return (jsxRuntimeExports.jsx(Comp, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: buttonStyle, ...props, children: loading ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Spinner, { size: 1, color: "default" }), loaderText && jsxRuntimeExports.jsx("span", { className: styles['loader-text'], children: loaderText })] })) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [leadingIcon && jsxRuntimeExports.jsx("span", { className: `${styles['icon']} ${styles['icon-leading']}`, children: leadingIcon }), children, trailingIcon && jsxRuntimeExports.jsx("span", { className: `${styles['icon']} ${styles['icon-trailing']}`, children: trailingIcon })] })) }));
+    return (jsxRuntimeExports.jsx(Comp, { className: `${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`, ref: ref, disabled: disabled, style: buttonStyle, ...props, children: loading ? (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [jsxRuntimeExports.jsx(Spinner, { size: 1, color: 'default' }), loaderText && (jsxRuntimeExports.jsx("span", { className: styles['loader-text'], children: loaderText }))] })) : (jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [leadingIcon && (jsxRuntimeExports.jsx("span", { className: `${styles['icon']} ${styles['icon-leading']}`, children: leadingIcon })), children, trailingIcon && (jsxRuntimeExports.jsx("span", { className: `${styles['icon']} ${styles['icon-trailing']}`, children: trailingIcon }))] })) }));
 });
-Button.displayName = "Button";
+Button.displayName = 'Button';
 
 export { Button };
 //# sourceMappingURL=button.js.map

package/dist/v1/components/button/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../v1/components/button/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { ButtonHTMLAttributes, forwardRef, PropsWithChildren, ReactNode } from \"react\";\n\nimport { Spinner } from \"../spinner\";\nimport styles from \"./button.module.css\";\n\nconst button = cva(styles['button'], {\n  variants: {\n    variant: {\n      solid: styles[\"button-solid\"],\n      outline: styles[\"button-outline\"],\n      ghost: styles[\"button-ghost\"],\n      text: styles[\"button-text\"]\n    },\n    size: {\n      small: styles[\"button-small\"],\n      normal: styles[\"button-normal\"],\n    },\n    disabled: {\n      true: styles[\"button-disabled\"],\n    },\n    loading: {\n      true: styles[\"button-loading\"],\n    },\n    color: {\n      accent: styles[\"button-color-accent\"],\n      danger: styles[\"button-color-danger\"],\n      neutral: styles[\"button-color-neutral\"],\n      success: styles[\"button-color-success\"],\n    }\n  },\n  compoundVariants: [\n    { variant: 'solid', color: 'accent', className: styles['button-solid-accent'] },\n    { variant: 'solid', color: 'danger', className: styles['button-solid-danger'] },\n    { variant: 'solid', color: 'neutral', className: styles['button-solid-neutral'] },\n    { variant: 'solid', color: 'success', className: styles['button-solid-success'] },\n    { variant: 'outline', color: 'accent', className: styles['button-outline-accent'] },\n    { variant: 'outline', color: 'danger', className: styles['button-outline-danger'] },\n    { variant: 'outline', color: 'neutral', className: styles['button-outline-neutral'] },\n    { variant: 'outline', color: 'success', className: styles['button-outline-success'] },\n  ],\n  defaultVariants: {\n    variant: 'solid',\n    size: 'normal',\n    color: 'accent'\n  }\n});\n\nconst getLoaderOnlyClass = (size: 'small' | 'normal' | null) => \n  size === 'small' ? styles['loader-only-button-small'] : styles['loader-only-button-normal']\n\ntype ButtonProps = PropsWithChildren<VariantProps<typeof button>> &\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    asChild?: boolean;\n    loading?: boolean;\n    loaderText?: ReactNode;\n    leadingIcon?: ReactNode;\n    trailingIcon?: ReactNode;\n    maxWidth?: string | number;\n    width?: string | number;\n    style?: React.CSSProperties;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant = 'solid', color = 'accent', size = 'normal', asChild = false, disabled, loading, loaderText, leadingIcon, trailingIcon, maxWidth, width, style = {}, children, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    const isLoaderOnly = loading && !loaderText;\n    const widthStyle = { maxWidth, width };\n    const buttonStyle = { ...widthStyle, ...style };\n\n    return (\n      <Comp\n        className={`${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n        ref={ref}\n        disabled={disabled}\n        style={buttonStyle}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <Spinner size={1} color=\"default\" />\n            {loaderText && <span className={styles['loader-text']}>{loaderText}</span>}\n          </>\n        ) : (\n          <>\n            {leadingIcon && <span className={`${styles['icon']} ${styles['icon-leading']}`}>{leadingIcon}</span>}\n            {children}\n            {trailingIcon && <span className={`${styles['icon']} ${styles['icon-trailing']}`}>{trailingIcon}</span>}\n          </>\n        )}\n      </Comp>\n    );\n  }\n);\nButton.displayName = \"Button\";\n"],"names":["Slot","_jsx","_jsxs","_Fragment"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../../../v1/components/button/button.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Slot } from 'radix-ui';\nimport {\n  ButtonHTMLAttributes,\n  PropsWithChildren,\n  ReactNode,\n  forwardRef\n} from 'react';\n\nimport { Spinner } from '../spinner';\nimport styles from './button.module.css';\n\nconst button = cva(styles['button'], {\n  variants: {\n    variant: {\n      solid: styles['button-solid'],\n      outline: styles['button-outline'],\n      ghost: styles['button-ghost'],\n      text: styles['button-text']\n    },\n    size: {\n      small: styles['button-small'],\n      normal: styles['button-normal']\n    },\n    disabled: {\n      true: styles['button-disabled']\n    },\n    loading: {\n      true: styles['button-loading']\n    },\n    color: {\n      accent: styles['button-color-accent'],\n      danger: styles['button-color-danger'],\n      neutral: styles['button-color-neutral'],\n      success: styles['button-color-success']\n    }\n  },\n  compoundVariants: [\n    {\n      variant: 'solid',\n      color: 'accent',\n      className: styles['button-solid-accent']\n    },\n    {\n      variant: 'solid',\n      color: 'danger',\n      className: styles['button-solid-danger']\n    },\n    {\n      variant: 'solid',\n      color: 'neutral',\n      className: styles['button-solid-neutral']\n    },\n    {\n      variant: 'solid',\n      color: 'success',\n      className: styles['button-solid-success']\n    },\n    {\n      variant: 'outline',\n      color: 'accent',\n      className: styles['button-outline-accent']\n    },\n    {\n      variant: 'outline',\n      color: 'danger',\n      className: styles['button-outline-danger']\n    },\n    {\n      variant: 'outline',\n      color: 'neutral',\n      className: styles['button-outline-neutral']\n    },\n    {\n      variant: 'outline',\n      color: 'success',\n      className: styles['button-outline-success']\n    },\n    {\n      variant: 'ghost',\n      color: 'accent',\n      className: styles['button-ghost-accent']\n    },\n    {\n      variant: 'ghost',\n      color: 'danger',\n      className: styles['button-ghost-danger']\n    },\n    {\n      variant: 'ghost',\n      color: 'neutral',\n      className: styles['button-ghost-neutral']\n    },\n    {\n      variant: 'ghost',\n      color: 'success',\n      className: styles['button-ghost-success']\n    },\n    {\n      variant: 'text',\n      color: 'accent',\n      className: styles['button-text-accent']\n    },\n    {\n      variant: 'text',\n      color: 'danger',\n      className: styles['button-text-danger']\n    },\n    {\n      variant: 'text',\n      color: 'neutral',\n      className: styles['button-text-neutral']\n    },\n    {\n      variant: 'text',\n      color: 'success',\n      className: styles['button-text-success']\n    }\n  ],\n  defaultVariants: {\n    variant: 'solid',\n    size: 'normal',\n    color: 'accent'\n  }\n});\n\nconst getLoaderOnlyClass = (size: 'small' | 'normal' | null) =>\n  size === 'small'\n    ? styles['loader-only-button-small']\n    : styles['loader-only-button-normal'];\n\ntype ButtonProps = PropsWithChildren<VariantProps<typeof button>> &\n  ButtonHTMLAttributes<HTMLButtonElement> & {\n    asChild?: boolean;\n    loading?: boolean;\n    loaderText?: ReactNode;\n    leadingIcon?: ReactNode;\n    trailingIcon?: ReactNode;\n    maxWidth?: string | number;\n    width?: string | number;\n    style?: React.CSSProperties;\n  };\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      className,\n      variant = 'solid',\n      color = 'accent',\n      size = 'normal',\n      asChild = false,\n      disabled,\n      loading,\n      loaderText,\n      leadingIcon,\n      trailingIcon,\n      maxWidth,\n      width,\n      style = {},\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const Comp = asChild ? Slot.Root : 'button';\n    const isLoaderOnly = loading && !loaderText;\n    const widthStyle = { maxWidth, width };\n    const buttonStyle = { ...widthStyle, ...style };\n\n    return (\n      <Comp\n        className={`${button({ variant, size, color, disabled, loading, className })} ${isLoaderOnly ? getLoaderOnlyClass(size) : ''}`}\n        ref={ref}\n        disabled={disabled}\n        style={buttonStyle}\n        {...props}\n      >\n        {loading ? (\n          <>\n            <Spinner size={1} color='default' />\n            {loaderText && (\n              <span className={styles['loader-text']}>{loaderText}</span>\n            )}\n          </>\n        ) : (\n          <>\n            {leadingIcon && (\n              <span className={`${styles['icon']} ${styles['icon-leading']}`}>\n                {leadingIcon}\n              </span>\n            )}\n            {children}\n            {trailingIcon && (\n              <span className={`${styles['icon']} ${styles['icon-trailing']}`}>\n                {trailingIcon}\n              </span>\n            )}\n          </>\n        )}\n      </Comp>\n    );\n  }\n);\nButton.displayName = 'Button';\n"],"names":["Slot.Root","_jsx","_jsxs","_Fragment"],"mappings":"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"}

package/dist/v1/components/button/button.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"button":"button-module_button__e99Mo","button-disabled":"button-module_button-disabled__Zhd08","button-small":"button-module_button-small__7pK9M","button-normal":"button-module_button-normal__yjXxH","button-solid":"button-module_button-solid__IYh6n","button-loading":"button-module_button-loading__4TDdS","button-outline":"button-module_button-outline__zf6Qa","button-outline-accent":"button-module_button-outline-accent__dhCEb","button-ghost":"button-module_button-ghost__ieWO9","button-text":"button-module_button-text__PMb1V","loader":"button-module_loader__AR7Cn","spin":"button-module_spin__ar44h","loader-text":"button-module_loader-text__lAnPM","loader-only-button-small":"button-module_loader-only-button-small__skKfG","loader-only-button-normal":"button-module_loader-only-button-normal__J9KGk","icon":"button-module_icon__KWDSw","icon-leading":"button-module_icon-leading__vPLgB","icon-trailing":"button-module_icon-trailing__vieGI","button-solid-accent":"button-module_button-solid-accent__JDmTO","button-solid-danger":"button-module_button-solid-danger__2zkoA","button-solid-neutral":"button-module_button-solid-neutral__AJ8kC","button-solid-success":"button-module_button-solid-success__nZ54j","button-outline-danger":"button-module_button-outline-danger__GcXtX","button-outline-neutral":"button-module_button-outline-neutral__Lfl2m","button-outline-success":"button-module_button-outline-success__LG9AS","button___disabled":"button-module_button-disabled__Zhd08","button___small":"button-module_button-small__7pK9M","button___normal":"button-module_button-normal__yjXxH","button___solid":"button-module_button-solid__IYh6n","button___loading":"button-module_button-loading__4TDdS","button___outline":"button-module_button-outline__zf6Qa","button___outline___accent":"button-module_button-outline-accent__dhCEb","button___ghost":"button-module_button-ghost__ieWO9","button___text":"button-module_button-text__PMb1V","loader___text":"button-module_loader-text__lAnPM","loader___only___button___small":"button-module_loader-only-button-small__skKfG","loader___only___button___normal":"button-module_loader-only-button-normal__J9KGk","icon___leading":"button-module_icon-leading__vPLgB","icon___trailing":"button-module_icon-trailing__vieGI","button___solid___accent":"button-module_button-solid-accent__JDmTO","button___solid___danger":"button-module_button-solid-danger__2zkoA","button___solid___neutral":"button-module_button-solid-neutral__AJ8kC","button___solid___success":"button-module_button-solid-success__nZ54j","button___outline___danger":"button-module_button-outline-danger__GcXtX","button___outline___neutral":"button-module_button-outline-neutral__Lfl2m","button___outline___success":"button-module_button-outline-success__LG9AS"};
+var styles = {"button":"button-module_button__e99Mo","button-disabled":"button-module_button-disabled__Zhd08","button-small":"button-module_button-small__7pK9M","button-normal":"button-module_button-normal__yjXxH","button-solid":"button-module_button-solid__IYh6n","button-loading":"button-module_button-loading__4TDdS","button-outline":"button-module_button-outline__zf6Qa","button-outline-accent":"button-module_button-outline-accent__dhCEb","button-outline-danger":"button-module_button-outline-danger__GcXtX","button-outline-neutral":"button-module_button-outline-neutral__Lfl2m","button-outline-success":"button-module_button-outline-success__LG9AS","button-ghost":"button-module_button-ghost__ieWO9","button-text":"button-module_button-text__PMb1V","loader":"button-module_loader__AR7Cn","spin":"button-module_spin__ar44h","loader-text":"button-module_loader-text__lAnPM","loader-only-button-small":"button-module_loader-only-button-small__skKfG","loader-only-button-normal":"button-module_loader-only-button-normal__J9KGk","icon":"button-module_icon__KWDSw","icon-leading":"button-module_icon-leading__vPLgB","icon-trailing":"button-module_icon-trailing__vieGI","button-solid-accent":"button-module_button-solid-accent__JDmTO","button-solid-danger":"button-module_button-solid-danger__2zkoA","button-solid-neutral":"button-module_button-solid-neutral__AJ8kC","button-solid-success":"button-module_button-solid-success__nZ54j","button-ghost-accent":"button-module_button-ghost-accent__0T3to","button-ghost-danger":"button-module_button-ghost-danger__jAb-U","button-ghost-neutral":"button-module_button-ghost-neutral__f4meY","button-ghost-success":"button-module_button-ghost-success__eMH7N","button-text-accent":"button-module_button-text-accent__Nc8co","button-text-danger":"button-module_button-text-danger__79bR-","button-text-neutral":"button-module_button-text-neutral__FXKLz","button-text-success":"button-module_button-text-success__YEx9y","button___disabled":"button-module_button-disabled__Zhd08","button___small":"button-module_button-small__7pK9M","button___normal":"button-module_button-normal__yjXxH","button___solid":"button-module_button-solid__IYh6n","button___loading":"button-module_button-loading__4TDdS","button___outline":"button-module_button-outline__zf6Qa","button___outline___accent":"button-module_button-outline-accent__dhCEb","button___outline___danger":"button-module_button-outline-danger__GcXtX","button___outline___neutral":"button-module_button-outline-neutral__Lfl2m","button___outline___success":"button-module_button-outline-success__LG9AS","button___ghost":"button-module_button-ghost__ieWO9","button___text":"button-module_button-text__PMb1V","loader___text":"button-module_loader-text__lAnPM","loader___only___button___small":"button-module_loader-only-button-small__skKfG","loader___only___button___normal":"button-module_loader-only-button-normal__J9KGk","icon___leading":"button-module_icon-leading__vPLgB","icon___trailing":"button-module_icon-trailing__vieGI","button___solid___accent":"button-module_button-solid-accent__JDmTO","button___solid___danger":"button-module_button-solid-danger__2zkoA","button___solid___neutral":"button-module_button-solid-neutral__AJ8kC","button___solid___success":"button-module_button-solid-success__nZ54j","button___ghost___accent":"button-module_button-ghost-accent__0T3to","button___ghost___danger":"button-module_button-ghost-danger__jAb-U","button___ghost___neutral":"button-module_button-ghost-neutral__f4meY","button___ghost___success":"button-module_button-ghost-success__eMH7N","button___text___accent":"button-module_button-text-accent__Nc8co","button___text___danger":"button-module_button-text-danger__79bR-","button___text___neutral":"button-module_button-text-neutral__FXKLz","button___text___success":"button-module_button-text-success__YEx9y"};
 
 exports.default = styles;
 //# sourceMappingURL=button.module.css.cjs.map

package/dist/v1/components/button/button.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"button":"button-module_button__e99Mo","button-disabled":"button-module_button-disabled__Zhd08","button-small":"button-module_button-small__7pK9M","button-normal":"button-module_button-normal__yjXxH","button-solid":"button-module_button-solid__IYh6n","button-loading":"button-module_button-loading__4TDdS","button-outline":"button-module_button-outline__zf6Qa","button-outline-accent":"button-module_button-outline-accent__dhCEb","button-ghost":"button-module_button-ghost__ieWO9","button-text":"button-module_button-text__PMb1V","loader":"button-module_loader__AR7Cn","spin":"button-module_spin__ar44h","loader-text":"button-module_loader-text__lAnPM","loader-only-button-small":"button-module_loader-only-button-small__skKfG","loader-only-button-normal":"button-module_loader-only-button-normal__J9KGk","icon":"button-module_icon__KWDSw","icon-leading":"button-module_icon-leading__vPLgB","icon-trailing":"button-module_icon-trailing__vieGI","button-solid-accent":"button-module_button-solid-accent__JDmTO","button-solid-danger":"button-module_button-solid-danger__2zkoA","button-solid-neutral":"button-module_button-solid-neutral__AJ8kC","button-solid-success":"button-module_button-solid-success__nZ54j","button-outline-danger":"button-module_button-outline-danger__GcXtX","button-outline-neutral":"button-module_button-outline-neutral__Lfl2m","button-outline-success":"button-module_button-outline-success__LG9AS","button___disabled":"button-module_button-disabled__Zhd08","button___small":"button-module_button-small__7pK9M","button___normal":"button-module_button-normal__yjXxH","button___solid":"button-module_button-solid__IYh6n","button___loading":"button-module_button-loading__4TDdS","button___outline":"button-module_button-outline__zf6Qa","button___outline___accent":"button-module_button-outline-accent__dhCEb","button___ghost":"button-module_button-ghost__ieWO9","button___text":"button-module_button-text__PMb1V","loader___text":"button-module_loader-text__lAnPM","loader___only___button___small":"button-module_loader-only-button-small__skKfG","loader___only___button___normal":"button-module_loader-only-button-normal__J9KGk","icon___leading":"button-module_icon-leading__vPLgB","icon___trailing":"button-module_icon-trailing__vieGI","button___solid___accent":"button-module_button-solid-accent__JDmTO","button___solid___danger":"button-module_button-solid-danger__2zkoA","button___solid___neutral":"button-module_button-solid-neutral__AJ8kC","button___solid___success":"button-module_button-solid-success__nZ54j","button___outline___danger":"button-module_button-outline-danger__GcXtX","button___outline___neutral":"button-module_button-outline-neutral__Lfl2m","button___outline___success":"button-module_button-outline-success__LG9AS"};
+var styles = {"button":"button-module_button__e99Mo","button-disabled":"button-module_button-disabled__Zhd08","button-small":"button-module_button-small__7pK9M","button-normal":"button-module_button-normal__yjXxH","button-solid":"button-module_button-solid__IYh6n","button-loading":"button-module_button-loading__4TDdS","button-outline":"button-module_button-outline__zf6Qa","button-outline-accent":"button-module_button-outline-accent__dhCEb","button-outline-danger":"button-module_button-outline-danger__GcXtX","button-outline-neutral":"button-module_button-outline-neutral__Lfl2m","button-outline-success":"button-module_button-outline-success__LG9AS","button-ghost":"button-module_button-ghost__ieWO9","button-text":"button-module_button-text__PMb1V","loader":"button-module_loader__AR7Cn","spin":"button-module_spin__ar44h","loader-text":"button-module_loader-text__lAnPM","loader-only-button-small":"button-module_loader-only-button-small__skKfG","loader-only-button-normal":"button-module_loader-only-button-normal__J9KGk","icon":"button-module_icon__KWDSw","icon-leading":"button-module_icon-leading__vPLgB","icon-trailing":"button-module_icon-trailing__vieGI","button-solid-accent":"button-module_button-solid-accent__JDmTO","button-solid-danger":"button-module_button-solid-danger__2zkoA","button-solid-neutral":"button-module_button-solid-neutral__AJ8kC","button-solid-success":"button-module_button-solid-success__nZ54j","button-ghost-accent":"button-module_button-ghost-accent__0T3to","button-ghost-danger":"button-module_button-ghost-danger__jAb-U","button-ghost-neutral":"button-module_button-ghost-neutral__f4meY","button-ghost-success":"button-module_button-ghost-success__eMH7N","button-text-accent":"button-module_button-text-accent__Nc8co","button-text-danger":"button-module_button-text-danger__79bR-","button-text-neutral":"button-module_button-text-neutral__FXKLz","button-text-success":"button-module_button-text-success__YEx9y","button___disabled":"button-module_button-disabled__Zhd08","button___small":"button-module_button-small__7pK9M","button___normal":"button-module_button-normal__yjXxH","button___solid":"button-module_button-solid__IYh6n","button___loading":"button-module_button-loading__4TDdS","button___outline":"button-module_button-outline__zf6Qa","button___outline___accent":"button-module_button-outline-accent__dhCEb","button___outline___danger":"button-module_button-outline-danger__GcXtX","button___outline___neutral":"button-module_button-outline-neutral__Lfl2m","button___outline___success":"button-module_button-outline-success__LG9AS","button___ghost":"button-module_button-ghost__ieWO9","button___text":"button-module_button-text__PMb1V","loader___text":"button-module_loader-text__lAnPM","loader___only___button___small":"button-module_loader-only-button-small__skKfG","loader___only___button___normal":"button-module_loader-only-button-normal__J9KGk","icon___leading":"button-module_icon-leading__vPLgB","icon___trailing":"button-module_icon-trailing__vieGI","button___solid___accent":"button-module_button-solid-accent__JDmTO","button___solid___danger":"button-module_button-solid-danger__2zkoA","button___solid___neutral":"button-module_button-solid-neutral__AJ8kC","button___solid___success":"button-module_button-solid-success__nZ54j","button___ghost___accent":"button-module_button-ghost-accent__0T3to","button___ghost___danger":"button-module_button-ghost-danger__jAb-U","button___ghost___neutral":"button-module_button-ghost-neutral__f4meY","button___ghost___success":"button-module_button-ghost-success__eMH7N","button___text___accent":"button-module_button-text-accent__Nc8co","button___text___danger":"button-module_button-text-danger__79bR-","button___text___neutral":"button-module_button-text-neutral__FXKLz","button___text___success":"button-module_button-text-success__YEx9y"};
 
 export { styles as default };
 //# sourceMappingURL=button.module.css.js.map

package/dist/v1/components/checkbox/checkbox.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
 var jsxRuntime = require('../../node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.cjs');
-var index = require('../../node_modules/.pnpm/@radix-ui_react-checkbox@1.0.4_@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.cjs');
 var index$1 = require('../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.cjs');
 var clsx = require('../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.cjs');
 var React = require('react');
 var checkbox_module = require('./checkbox.module.css.cjs');
+var index = require('../../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.cjs');
 
-const CheckMarkIcon = () => (jsxRuntime.jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: checkbox_module.default.icon, children: jsxRuntime.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 = () => (jsxRuntime.jsxRuntimeExports.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", className: checkbox_module.default.icon, children: jsxRuntime.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 = () => (jsxRuntime.jsxRuntimeExports.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: checkbox_module.default.icon, children: jsxRuntime.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 = () => (jsxRuntime.jsxRuntimeExports.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', fill: 'none', className: checkbox_module.default.icon, children: jsxRuntime.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 checkbox = index$1.cva(checkbox_module.default.checkbox);
 const Checkbox = React.forwardRef(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {
     const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';
-    return (jsxRuntime.jsxRuntimeExports.jsx(index.Root, { className: checkbox({
+    return (jsxRuntime.jsxRuntimeExports.jsx(index.Checkbox, { className: checkbox({
             className: clsx.clsx(className, {
-                [checkbox_module.default["checkbox-disabled"]]: disabled,
-                [checkbox_module.default["checkbox-indeterminate"]]: isIndeterminate
+                [checkbox_module.default['checkbox-disabled']]: disabled,
+                [checkbox_module.default['checkbox-indeterminate']]: isIndeterminate
             })
-        }), checked: isIndeterminate || (checked === true), defaultChecked: defaultChecked === true, onCheckedChange: (value) => {
+        }), checked: isIndeterminate || checked === true, defaultChecked: defaultChecked === true, onCheckedChange: value => {
             if (onCheckedChange) {
                 // If it's currently indeterminate, next state will be unchecked
                 if (checked === 'indeterminate') {
@@ -27,9 +27,9 @@ const Checkbox = React.forwardRef(({ className, disabled, checked, defaultChecke
                     onCheckedChange(value);
                 }
             }
-        }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntime.jsxRuntimeExports.jsx(index.Indicator, { className: checkbox_module.default.indicator, children: isIndeterminate ? jsxRuntime.jsxRuntimeExports.jsx(IndeterminateIcon, {}) : jsxRuntime.jsxRuntimeExports.jsx(CheckMarkIcon, {}) }) }));
+        }, disabled: disabled, ref: forwardedRef, ...props, children: jsxRuntime.jsxRuntimeExports.jsx(index.CheckboxIndicator, { className: checkbox_module.default.indicator, children: isIndeterminate ? jsxRuntime.jsxRuntimeExports.jsx(IndeterminateIcon, {}) : jsxRuntime.jsxRuntimeExports.jsx(CheckMarkIcon, {}) }) }));
 });
-Checkbox.displayName = "Checkbox";
+Checkbox.displayName = 'Checkbox';
 
 exports.Checkbox = Checkbox;
 //# sourceMappingURL=checkbox.cjs.map

package/dist/v1/components/checkbox/checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.cjs","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { cva, VariantProps } from \"class-variance-authority\";\nimport clsx from 'clsx';\nimport { ComponentPropsWithoutRef, ElementRef, forwardRef } from \"react\";\n\nimport styles from \"./checkbox.module.css\";\n\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<ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, keyof CheckboxVariants>,\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>(({ className, disabled, checked, defaultChecked, onCheckedChange, ...props }, forwardedRef) => {\n  const isIndeterminate = checked === 'indeterminate' || defaultChecked === 'indeterminate';\n  \n  return (\n    <CheckboxPrimitive.Root\n      className={checkbox({ \n        className: clsx(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\nCheckbox.displayName = \"Checkbox\";"],"names":["_jsx","styles","cva","forwardRef","CheckboxPrimitive.Root","clsx","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;;;AAQA,MAAM,aAAa,GAAG,OAClBA,gCACA,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,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,iBAAiB,GAAG,OACtBA,gCACA,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,CACjB,EACA,CAAA,CACP,CAAC;AAEF,MAAM,QAAQ,GAAGE,WAAG,CAACD,uBAAM,CAAC,QAAQ,CAAC,CAAC;AAazB,MAAA,QAAQ,GAAGE,gBAAU,CAGhC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,KAAI;IAC9F,MAAM,eAAe,GAAG,OAAO,KAAK,eAAe,IAAI,cAAc,KAAK,eAAe,CAAC;IAE1F,QACEH,iCAACI,UAAsB,EACrB,EAAA,SAAS,EAAE,QAAQ,CAAC;AAClB,YAAA,SAAS,EAAEC,SAAI,CAAC,SAAS,EAAE;AACzB,gBAAA,CAACJ,uBAAM,CAAC,mBAAmB,CAAC,GAAG,QAAQ;AACvC,gBAAA,CAACA,uBAAM,CAAC,wBAAwB,CAAC,GAAG,eAAe;aACpD,CAAC;SACH,CAAC,EACF,OAAO,EAAE,eAAe,KAAK,OAAO,KAAK,IAAI,CAAC,EAC9C,cAAc,EAAE,cAAc,KAAK,IAAI,EACvC,eAAe,EAAE,CAAC,KAAK,KAAI;YACzB,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,eAA2B,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,EAAE;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"checkbox.cjs","sources":["../../../../v1/components/checkbox/checkbox.tsx"],"sourcesContent":["import { VariantProps, cva } from 'class-variance-authority';\nimport clsx from 'clsx';\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: clsx(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","clsx","CheckboxPrimitive.Indicator"],"mappings":";;;;;;;;;AAOA,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,SAAI,CAAC,SAAS,EAAE;AACzB,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;;;;"}

package/dist/v1/components/checkbox/checkbox.d.ts

@@ -1,6 +1,6 @@
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { VariantProps } from "class-variance-authority";
-import { ComponentPropsWithoutRef } from "react";
+import { VariantProps } from 'class-variance-authority';
+import { Checkbox as CheckboxPrimitive } from 'radix-ui';
+import { ComponentPropsWithoutRef } from 'react';
 declare const checkbox: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 type CheckboxVariants = VariantProps<typeof checkbox>;
 type CheckedState = boolean | 'indeterminate';