dash-ui-kit 1.0.94 → 2.1.0-dev

package/dist/react/components/button/index.cjs.js

@@ -0,0 +1,540 @@
+"use client";
+
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var jsxRuntime = require('react/jsx-runtime');
+var classVarianceAuthority = require('class-variance-authority');
+var ThemeContext = require('../../contexts/ThemeContext.cjs.js');
+var useColorScheme = require('../../hooks/useColorScheme.cjs.js');
+
+const styles = classVarianceAuthority.cva(`
+    dash-btn-base
+    select-none
+    min-h-11
+    flex
+    items-center
+    capitalize
+    transition-colors
+    hover:cursor-pointer
+    justify-center
+    font-dash-main
+  `, {
+  variants: {
+    theme: {
+      light: '',
+      dark: ''
+    },
+    variant: {
+      solid: '',
+      outline: 'dash-btn-outline border !bg-transparent'
+    },
+    colorScheme: {
+      brand: '',
+      mint: '',
+      gray: '',
+      red: '',
+      lightBlue: '',
+      lightGray: '',
+      white: '',
+      halfWhite: '',
+      halfBlue: ''
+    },
+    state: {
+      active: 'active:-translate-y-[-1px]',
+      disabled: 'hover:!cursor-not-allowed'
+    },
+    size: {
+      sm: 'dash-block-sm',
+      md: 'dash-block-md',
+      xl: 'dash-block-xl'
+    },
+    rounded: {
+      default: '',
+      full: 'rounded-full'
+    }
+  },
+  compoundVariants: [
+  // solid variant color schemes - light theme
+  {
+    variant: 'solid',
+    colorScheme: 'brand',
+    state: 'active',
+    theme: 'light',
+    class: 'bg-dash-brand text-white hover:bg-dash-brand/80'
+  }, {
+    variant: 'solid',
+    colorScheme: 'mint',
+    state: 'active',
+    theme: 'light',
+    class: 'bg-dash-mint text-black hover:bg-dash-mint/80'
+  }, {
+    variant: 'solid',
+    colorScheme: 'gray',
+    state: 'active',
+    theme: 'light',
+    class: 'bg-gray-200 text-gray-700 hover:bg-gray-300'
+  }, {
+    variant: 'solid',
+    colorScheme: 'red',
+    state: 'active',
+    theme: 'light',
+    class: 'bg-red-200 text-red-700 hover:bg-red-300'
+  }, {
+    variant: 'solid',
+    colorScheme: 'lightBlue',
+    state: 'active',
+    theme: 'light',
+    class: 'bg-dash-brand/10 text-dash-brand hover:bg-dash-brand/20'
+  }, {
+    variant: 'solid',
+    colorScheme: 'lightGray',
+    state: 'active',
+    theme: 'light',
+    class: 'bg-[rgba(12,28,51,0.03)] text-[#0C1C33] hover:bg-[rgba(12,28,51,0.06)]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'white',
+    state: 'active',
+    theme: 'light',
+    class: 'bg-white text-dash-brand hover:bg-white/90 backdrop-blur-[10px]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'halfWhite',
+    state: 'active',
+    theme: 'light',
+    class: 'bg-white/15 text-white hover:bg-white/25 backdrop-blur-[10px]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'halfBlue',
+    state: 'active',
+    theme: 'light',
+    class: 'bg-dash-brand/15 text-dash-brand hover:bg-dash-brand/25 backdrop-blur-[10px]'
+  },
+  // solid variant color schemes - dark theme
+  {
+    variant: 'solid',
+    colorScheme: 'brand',
+    state: 'active',
+    theme: 'dark',
+    class: 'bg-dash-brand text-white hover:bg-dash-brand/80'
+  }, {
+    variant: 'solid',
+    colorScheme: 'mint',
+    state: 'active',
+    theme: 'dark',
+    class: 'bg-dash-mint text-black hover:bg-dash-mint/80'
+  }, {
+    variant: 'solid',
+    colorScheme: 'gray',
+    state: 'active',
+    theme: 'dark',
+    class: 'bg-gray-600 text-gray-100 hover:bg-gray-500'
+  }, {
+    variant: 'solid',
+    colorScheme: 'red',
+    state: 'active',
+    theme: 'dark',
+    class: 'bg-red-600 text-red-100 hover:bg-red-500'
+  }, {
+    variant: 'solid',
+    colorScheme: 'lightBlue',
+    state: 'active',
+    theme: 'dark',
+    class: 'bg-dash-brand/20 text-dash-brand hover:bg-dash-brand/30'
+  }, {
+    variant: 'solid',
+    colorScheme: 'lightGray',
+    state: 'active',
+    theme: 'dark',
+    class: 'bg-gray-700/20 text-gray-300 hover:bg-gray-600/30'
+  }, {
+    variant: 'solid',
+    colorScheme: 'white',
+    state: 'active',
+    theme: 'dark',
+    class: 'bg-white text-dash-brand hover:bg-white/90 backdrop-blur-[10px]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'halfWhite',
+    state: 'active',
+    theme: 'dark',
+    class: 'bg-white/15 text-white hover:bg-white/25 backdrop-blur-[10px]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'halfBlue',
+    state: 'active',
+    theme: 'dark',
+    class: 'bg-dash-brand/15 text-dash-brand hover:bg-dash-brand/25 backdrop-blur-[10px]'
+  },
+  // outline variant - active state
+  {
+    variant: 'outline',
+    colorScheme: 'brand',
+    state: 'active',
+    theme: 'light',
+    class: 'text-dash-brand border-dash-brand hover:bg-dash-brand/10'
+  }, {
+    variant: 'outline',
+    colorScheme: 'brand',
+    state: 'active',
+    theme: 'dark',
+    class: 'text-dash-brand border-dash-brand hover:bg-dash-brand/20'
+  }, {
+    variant: 'outline',
+    colorScheme: 'mint',
+    state: 'active',
+    theme: 'light',
+    class: 'text-dash-mint border-dash-mint hover:bg-dash-mint/10'
+  }, {
+    variant: 'outline',
+    colorScheme: 'mint',
+    state: 'active',
+    theme: 'dark',
+    class: 'text-dash-mint border-dash-mint hover:bg-dash-mint/20'
+  }, {
+    variant: 'outline',
+    colorScheme: 'gray',
+    state: 'active',
+    theme: 'light',
+    class: 'text-gray-700 border-gray-700 hover:bg-gray-200/50'
+  }, {
+    variant: 'outline',
+    colorScheme: 'gray',
+    state: 'active',
+    theme: 'dark',
+    class: 'text-gray-300 border-gray-300 hover:bg-gray-600/20'
+  }, {
+    variant: 'outline',
+    colorScheme: 'red',
+    state: 'active',
+    theme: 'light',
+    class: 'text-red-700 hover:bg-red-300/20'
+  }, {
+    variant: 'outline',
+    colorScheme: 'red',
+    state: 'active',
+    theme: 'dark',
+    class: 'text-red-400 hover:bg-red-500/20'
+  }, {
+    variant: 'outline',
+    colorScheme: 'lightBlue',
+    state: 'active',
+    theme: 'light',
+    class: 'text-dash-brand/60 border-dash-brand/60 hover:bg-dash-brand/5'
+  }, {
+    variant: 'outline',
+    colorScheme: 'lightBlue',
+    state: 'active',
+    theme: 'dark',
+    class: 'text-dash-brand/80 border-dash-brand/80 hover:bg-dash-brand/10'
+  }, {
+    variant: 'outline',
+    colorScheme: 'lightGray',
+    state: 'active',
+    theme: 'light',
+    class: 'text-[#0C1C33] border-[#0C1C33]/20 hover:bg-[rgba(12,28,51,0.03)]'
+  }, {
+    variant: 'outline',
+    colorScheme: 'white',
+    state: 'active',
+    theme: 'light',
+    class: 'text-white border-white hover:bg-white/10'
+  }, {
+    variant: 'outline',
+    colorScheme: 'halfWhite',
+    state: 'active',
+    theme: 'light',
+    class: 'text-white border-white/50 hover:bg-white/10'
+  }, {
+    variant: 'outline',
+    colorScheme: 'halfBlue',
+    state: 'active',
+    theme: 'light',
+    class: 'text-dash-brand border-dash-brand/50 hover:bg-dash-brand/10'
+  }, {
+    variant: 'outline',
+    colorScheme: 'lightGray',
+    state: 'active',
+    theme: 'dark',
+    class: 'text-gray-300 border-gray-600/50 hover:bg-gray-700/10'
+  }, {
+    variant: 'outline',
+    colorScheme: 'white',
+    state: 'active',
+    theme: 'dark',
+    class: 'text-white border-white hover:bg-white/10'
+  }, {
+    variant: 'outline',
+    colorScheme: 'halfWhite',
+    state: 'active',
+    theme: 'dark',
+    class: 'text-white border-white/50 hover:bg-white/10'
+  }, {
+    variant: 'outline',
+    colorScheme: 'halfBlue',
+    state: 'active',
+    theme: 'dark',
+    class: 'text-dash-brand border-dash-brand/50 hover:bg-dash-brand/10'
+  },
+  // solid variant - light theme
+  {
+    variant: 'solid',
+    colorScheme: 'brand',
+    state: 'disabled',
+    theme: 'light',
+    class: 'bg-dash-brand/10 text-dash-brand-dim'
+  }, {
+    variant: 'solid',
+    colorScheme: 'brand',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'bg-dash-brand/20 text-dash-brand/60'
+  }, {
+    variant: 'solid',
+    colorScheme: 'mint',
+    state: 'disabled',
+    theme: 'light',
+    class: 'bg-dash-mint/30 text-black/60'
+  }, {
+    variant: 'solid',
+    colorScheme: 'mint',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'bg-dash-mint/20 text-gray-400'
+  }, {
+    variant: 'solid',
+    colorScheme: 'red',
+    state: 'disabled',
+    theme: 'light',
+    class: 'bg-red-300/30 text-black/60'
+  }, {
+    variant: 'solid',
+    colorScheme: 'red',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'bg-red-500/20 text-gray-400'
+  }, {
+    variant: 'solid',
+    colorScheme: 'lightBlue',
+    state: 'disabled',
+    theme: 'light',
+    class: 'bg-dash-brand/5 text-dash-brand/40'
+  }, {
+    variant: 'solid',
+    colorScheme: 'lightBlue',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'bg-dash-brand/10 text-dash-brand/50'
+  }, {
+    variant: 'solid',
+    colorScheme: 'lightGray',
+    state: 'disabled',
+    theme: 'light',
+    class: 'bg-[#0C1C33]/5 text-[#0C1C33]/40'
+  }, {
+    variant: 'solid',
+    colorScheme: 'white',
+    state: 'disabled',
+    theme: 'light',
+    class: 'bg-white/50 text-dash-brand/40 backdrop-blur-[10px]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'halfWhite',
+    state: 'disabled',
+    theme: 'light',
+    class: 'bg-white/10 text-white/40 backdrop-blur-[10px]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'halfBlue',
+    state: 'disabled',
+    theme: 'light',
+    class: 'bg-dash-brand/10 text-dash-brand/40 backdrop-blur-[10px]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'lightGray',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'bg-gray-700/20 text-gray-500'
+  }, {
+    variant: 'solid',
+    colorScheme: 'white',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'bg-white/50 text-dash-brand/40 backdrop-blur-[10px]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'halfWhite',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'bg-white/10 text-white/40 backdrop-blur-[10px]'
+  }, {
+    variant: 'solid',
+    colorScheme: 'halfBlue',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'bg-dash-brand/10 text-dash-brand/40 backdrop-blur-[10px]'
+  },
+  // outline variant - disabled state
+  {
+    variant: 'outline',
+    colorScheme: 'brand',
+    state: 'disabled',
+    theme: 'light',
+    class: 'text-dash-brand/40 border-dash-brand/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'brand',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'text-dash-brand/40 border-dash-brand/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'mint',
+    state: 'disabled',
+    theme: 'light',
+    class: 'text-dash-mint/40 border-dash-mint/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'mint',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'text-dash-mint/40 border-dash-mint/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'gray',
+    state: 'disabled',
+    theme: 'light',
+    class: 'text-gray-700/40 border-gray-700/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'gray',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'text-gray-300/40 border-gray-300/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'red',
+    state: 'disabled',
+    theme: 'light',
+    class: 'text-red-700/40 border-red-700/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'red',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'text-red-400/40 border-red-400/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'lightBlue',
+    state: 'disabled',
+    theme: 'light',
+    class: 'text-dash-brand/30 border-dash-brand/30'
+  }, {
+    variant: 'outline',
+    colorScheme: 'lightBlue',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'text-dash-brand/30 border-dash-brand/30'
+  }, {
+    variant: 'outline',
+    colorScheme: 'lightGray',
+    state: 'disabled',
+    theme: 'light',
+    class: 'text-[#0C1C33]/30 border-[#0C1C33]/20'
+  }, {
+    variant: 'outline',
+    colorScheme: 'white',
+    state: 'disabled',
+    theme: 'light',
+    class: 'text-white/40 border-white/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'halfWhite',
+    state: 'disabled',
+    theme: 'light',
+    class: 'text-white/30 border-white/30'
+  }, {
+    variant: 'outline',
+    colorScheme: 'halfBlue',
+    state: 'disabled',
+    theme: 'light',
+    class: 'text-dash-brand/30 border-dash-brand/30'
+  }, {
+    variant: 'outline',
+    colorScheme: 'lightGray',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'text-gray-300/40 border-gray-600/30'
+  }, {
+    variant: 'outline',
+    colorScheme: 'white',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'text-white/40 border-white/40'
+  }, {
+    variant: 'outline',
+    colorScheme: 'halfWhite',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'text-white/30 border-white/30'
+  }, {
+    variant: 'outline',
+    colorScheme: 'halfBlue',
+    state: 'disabled',
+    theme: 'dark',
+    class: 'text-dash-brand/30 border-dash-brand/30'
+  }],
+  defaultVariants: {
+    theme: 'light',
+    variant: 'solid',
+    colorScheme: 'brand',
+    state: 'active',
+    size: 'md',
+    rounded: 'default'
+  }
+});
+/**
+ * Button with solid or outline style, color schemes, disabled state,
+ * press animation, and customizable size. Supports light/dark theme.
+ */
+const Button = _a => {
+  var _b;
+  var {
+      children,
+      variant,
+      colorScheme,
+      colorSchemeLight,
+      colorSchemeDark,
+      size,
+      rounded,
+      disabled = false,
+      className = ''
+    } = _a,
+    props = tslib.__rest(_a, ["children", "variant", "colorScheme", "colorSchemeLight", "colorSchemeDark", "size", "rounded", "disabled", "className"]);
+  const {
+    theme
+  } = ThemeContext.useTheme();
+  const effectiveColorScheme = (_b = useColorScheme.useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark)) !== null && _b !== void 0 ? _b : 'brand';
+  const state = disabled ? 'disabled' : 'active';
+  const classes = styles({
+    theme,
+    variant,
+    colorScheme: effectiveColorScheme,
+    size,
+    rounded,
+    state
+  }) + (className !== '' ? ` ${className}` : '');
+  return jsxRuntime.jsx("button", Object.assign({
+    className: classes,
+    disabled: disabled
+  }, props, {
+    children: children
+  }));
+};
+
+exports.Button = Button;
+exports.default = Button;
+//# sourceMappingURL=index.cjs.js.map

package/dist/react/components/button/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/react/components/button/index.tsx"],"sourcesContent":["import React from 'react'\nimport { cva } from 'class-variance-authority'\nimport { useTheme } from '../../contexts/ThemeContext'\nimport { useColorScheme } from '../../hooks/useColorScheme'\n\nconst styles = cva(\n  `\n    dash-btn-base\n    select-none\n    min-h-11\n    flex\n    items-center\n    capitalize\n    transition-colors\n    hover:cursor-pointer\n    justify-center\n    font-dash-main\n  `,\n  {\n    variants: {\n      theme: {\n        light: '',\n        dark: ''\n      },\n      variant: {\n        solid: '',\n        outline: 'dash-btn-outline border !bg-transparent',\n      },\n      colorScheme: {\n        brand: '',\n        mint: '',\n        gray: '',\n        red: '',\n        lightBlue: '',\n        lightGray: '',\n        white: '',\n        halfWhite: '',\n        halfBlue: '',\n      },\n      state: {\n        active: 'active:-translate-y-[-1px]',\n        disabled: 'hover:!cursor-not-allowed'\n      },\n      size: {\n        sm: 'dash-block-sm',\n        md: 'dash-block-md',\n        xl: 'dash-block-xl',\n      },\n      rounded: {\n        default: '',\n        full: 'rounded-full',\n      },\n    },\n    compoundVariants: [\n      // solid variant color schemes - light theme\n      {\n        variant: 'solid',\n        colorScheme: 'brand',\n        state: 'active',\n        theme: 'light',\n        class: 'bg-dash-brand text-white hover:bg-dash-brand/80'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'mint',\n        state: 'active',\n        theme: 'light',\n        class: 'bg-dash-mint text-black hover:bg-dash-mint/80'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'gray',\n        state: 'active',\n        theme: 'light',\n        class: 'bg-gray-200 text-gray-700 hover:bg-gray-300'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'red',\n        state: 'active',\n        theme: 'light',\n        class: 'bg-red-200 text-red-700 hover:bg-red-300'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'lightBlue',\n        state: 'active',\n        theme: 'light',\n        class: 'bg-dash-brand/10 text-dash-brand hover:bg-dash-brand/20'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'lightGray',\n        state: 'active',\n        theme: 'light',\n        class: 'bg-[rgba(12,28,51,0.03)] text-[#0C1C33] hover:bg-[rgba(12,28,51,0.06)]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'white',\n        state: 'active',\n        theme: 'light',\n        class: 'bg-white text-dash-brand hover:bg-white/90 backdrop-blur-[10px]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'halfWhite',\n        state: 'active',\n        theme: 'light',\n        class: 'bg-white/15 text-white hover:bg-white/25 backdrop-blur-[10px]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'halfBlue',\n        state: 'active',\n        theme: 'light',\n        class: 'bg-dash-brand/15 text-dash-brand hover:bg-dash-brand/25 backdrop-blur-[10px]'\n      },\n      // solid variant color schemes - dark theme\n      {\n        variant: 'solid',\n        colorScheme: 'brand',\n        state: 'active',\n        theme: 'dark',\n        class: 'bg-dash-brand text-white hover:bg-dash-brand/80'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'mint',\n        state: 'active',\n        theme: 'dark',\n        class: 'bg-dash-mint text-black hover:bg-dash-mint/80'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'gray',\n        state: 'active',\n        theme: 'dark',\n        class: 'bg-gray-600 text-gray-100 hover:bg-gray-500'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'red',\n        state: 'active',\n        theme: 'dark',\n        class: 'bg-red-600 text-red-100 hover:bg-red-500'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'lightBlue',\n        state: 'active',\n        theme: 'dark',\n        class: 'bg-dash-brand/20 text-dash-brand hover:bg-dash-brand/30'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'lightGray',\n        state: 'active',\n        theme: 'dark',\n        class: 'bg-gray-700/20 text-gray-300 hover:bg-gray-600/30'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'white',\n        state: 'active',\n        theme: 'dark',\n        class: 'bg-white text-dash-brand hover:bg-white/90 backdrop-blur-[10px]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'halfWhite',\n        state: 'active',\n        theme: 'dark',\n        class: 'bg-white/15 text-white hover:bg-white/25 backdrop-blur-[10px]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'halfBlue',\n        state: 'active',\n        theme: 'dark',\n        class: 'bg-dash-brand/15 text-dash-brand hover:bg-dash-brand/25 backdrop-blur-[10px]'\n      },\n      // outline variant - active state\n      {\n        variant: 'outline',\n        colorScheme: 'brand',\n        state: 'active',\n        theme: 'light',\n        class: 'text-dash-brand border-dash-brand hover:bg-dash-brand/10'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'brand',\n        state: 'active',\n        theme: 'dark',\n        class: 'text-dash-brand border-dash-brand hover:bg-dash-brand/20'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'mint',\n        state: 'active',\n        theme: 'light',\n        class: 'text-dash-mint border-dash-mint hover:bg-dash-mint/10'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'mint',\n        state: 'active',\n        theme: 'dark',\n        class: 'text-dash-mint border-dash-mint hover:bg-dash-mint/20'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'gray',\n        state: 'active',\n        theme: 'light',\n        class: 'text-gray-700 border-gray-700 hover:bg-gray-200/50'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'gray',\n        state: 'active',\n        theme: 'dark',\n        class: 'text-gray-300 border-gray-300 hover:bg-gray-600/20'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'red',\n        state: 'active',\n        theme: 'light',\n        class: 'text-red-700 hover:bg-red-300/20'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'red',\n        state: 'active',\n        theme: 'dark',\n        class: 'text-red-400 hover:bg-red-500/20'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'lightBlue',\n        state: 'active',\n        theme: 'light',\n        class: 'text-dash-brand/60 border-dash-brand/60 hover:bg-dash-brand/5'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'lightBlue',\n        state: 'active',\n        theme: 'dark',\n        class: 'text-dash-brand/80 border-dash-brand/80 hover:bg-dash-brand/10'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'lightGray',\n        state: 'active',\n        theme: 'light',\n        class: 'text-[#0C1C33] border-[#0C1C33]/20 hover:bg-[rgba(12,28,51,0.03)]'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'white',\n        state: 'active',\n        theme: 'light',\n        class: 'text-white border-white hover:bg-white/10'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'halfWhite',\n        state: 'active',\n        theme: 'light',\n        class: 'text-white border-white/50 hover:bg-white/10'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'halfBlue',\n        state: 'active',\n        theme: 'light',\n        class: 'text-dash-brand border-dash-brand/50 hover:bg-dash-brand/10'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'lightGray',\n        state: 'active',\n        theme: 'dark',\n        class: 'text-gray-300 border-gray-600/50 hover:bg-gray-700/10'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'white',\n        state: 'active',\n        theme: 'dark',\n        class: 'text-white border-white hover:bg-white/10'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'halfWhite',\n        state: 'active',\n        theme: 'dark',\n        class: 'text-white border-white/50 hover:bg-white/10'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'halfBlue',\n        state: 'active',\n        theme: 'dark',\n        class: 'text-dash-brand border-dash-brand/50 hover:bg-dash-brand/10'\n      },\n      // solid variant - light theme\n      {\n        variant: 'solid',\n        colorScheme: 'brand',\n        state: 'disabled',\n        theme: 'light',\n        class: 'bg-dash-brand/10 text-dash-brand-dim'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'brand',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'bg-dash-brand/20 text-dash-brand/60'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'mint',\n        state: 'disabled',\n        theme: 'light',\n        class: 'bg-dash-mint/30 text-black/60'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'mint',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'bg-dash-mint/20 text-gray-400'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'red',\n        state: 'disabled',\n        theme: 'light',\n        class: 'bg-red-300/30 text-black/60'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'red',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'bg-red-500/20 text-gray-400'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'lightBlue',\n        state: 'disabled',\n        theme: 'light',\n        class: 'bg-dash-brand/5 text-dash-brand/40'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'lightBlue',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'bg-dash-brand/10 text-dash-brand/50'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'lightGray',\n        state: 'disabled',\n        theme: 'light',\n        class: 'bg-[#0C1C33]/5 text-[#0C1C33]/40'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'white',\n        state: 'disabled',\n        theme: 'light',\n        class: 'bg-white/50 text-dash-brand/40 backdrop-blur-[10px]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'halfWhite',\n        state: 'disabled',\n        theme: 'light',\n        class: 'bg-white/10 text-white/40 backdrop-blur-[10px]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'halfBlue',\n        state: 'disabled',\n        theme: 'light',\n        class: 'bg-dash-brand/10 text-dash-brand/40 backdrop-blur-[10px]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'lightGray',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'bg-gray-700/20 text-gray-500'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'white',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'bg-white/50 text-dash-brand/40 backdrop-blur-[10px]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'halfWhite',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'bg-white/10 text-white/40 backdrop-blur-[10px]'\n      },\n      {\n        variant: 'solid',\n        colorScheme: 'halfBlue',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'bg-dash-brand/10 text-dash-brand/40 backdrop-blur-[10px]'\n      },\n      // outline variant - disabled state\n      {\n        variant: 'outline',\n        colorScheme: 'brand',\n        state: 'disabled',\n        theme: 'light',\n        class: 'text-dash-brand/40 border-dash-brand/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'brand',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'text-dash-brand/40 border-dash-brand/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'mint',\n        state: 'disabled',\n        theme: 'light',\n        class: 'text-dash-mint/40 border-dash-mint/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'mint',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'text-dash-mint/40 border-dash-mint/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'gray',\n        state: 'disabled',\n        theme: 'light',\n        class: 'text-gray-700/40 border-gray-700/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'gray',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'text-gray-300/40 border-gray-300/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'red',\n        state: 'disabled',\n        theme: 'light',\n        class: 'text-red-700/40 border-red-700/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'red',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'text-red-400/40 border-red-400/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'lightBlue',\n        state: 'disabled',\n        theme: 'light',\n        class: 'text-dash-brand/30 border-dash-brand/30'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'lightBlue',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'text-dash-brand/30 border-dash-brand/30'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'lightGray',\n        state: 'disabled',\n        theme: 'light',\n        class: 'text-[#0C1C33]/30 border-[#0C1C33]/20'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'white',\n        state: 'disabled',\n        theme: 'light',\n        class: 'text-white/40 border-white/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'halfWhite',\n        state: 'disabled',\n        theme: 'light',\n        class: 'text-white/30 border-white/30'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'halfBlue',\n        state: 'disabled',\n        theme: 'light',\n        class: 'text-dash-brand/30 border-dash-brand/30'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'lightGray',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'text-gray-300/40 border-gray-600/30'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'white',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'text-white/40 border-white/40'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'halfWhite',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'text-white/30 border-white/30'\n      },\n      {\n        variant: 'outline',\n        colorScheme: 'halfBlue',\n        state: 'disabled',\n        theme: 'dark',\n        class: 'text-dash-brand/30 border-dash-brand/30'\n      }\n    ],\n    defaultVariants: {\n      theme: 'light',\n      variant: 'solid',\n      colorScheme: 'brand',\n      state: 'active',\n      size: 'md',\n      rounded: 'default'\n    }\n  }\n)\n\nexport interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Solid or outline style */\n  variant?: 'solid' | 'outline'\n  /** Color scheme for the button */\n  colorScheme?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray' | 'white' | 'halfWhite' | 'halfBlue'\n  /** Color scheme override for light theme */\n  colorSchemeLight?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray' | 'white' | 'halfWhite' | 'halfBlue'\n  /** Color scheme override for dark theme */\n  colorSchemeDark?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray' | 'white' | 'halfWhite' | 'halfBlue'\n  /** Size of the button */\n  size?: 'sm' | 'md' | 'xl'\n  /** Border radius style */\n  rounded?: 'default' | 'full'\n}\n\n/**\n * Button with solid or outline style, color schemes, disabled state,\n * press animation, and customizable size. Supports light/dark theme.\n */\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  variant,\n  colorScheme,\n  colorSchemeLight,\n  colorSchemeDark,\n  size,\n  rounded,\n  disabled = false,\n  className = '',\n  ...props\n}) => {\n  const { theme } = useTheme()\n  const effectiveColorScheme = useColorScheme(colorScheme, colorSchemeLight, colorSchemeDark) ?? 'brand'\n  const state = disabled ? 'disabled' : 'active'\n  const classes =\n    styles({ theme, variant, colorScheme: effectiveColorScheme, size, rounded, state }) +\n    (className !== '' ? ` ${className}` : '')\n\n  return (\n    <button className={classes} disabled={disabled} {...props}>\n      {children}\n    </button>\n  )\n}\n\nexport default Button\n"],"names":["styles","cva","variants","theme","light","dark","variant","solid","outline","colorScheme","brand","mint","gray","red","lightBlue","lightGray","white","halfWhite","halfBlue","state","active","disabled","size","sm","md","xl","rounded","default","full","compoundVariants","class","defaultVariants","Button","_a","children","colorSchemeLight","colorSchemeDark","className","props","__rest","useTheme","effectiveColorScheme","_b","useColorScheme","classes","_jsx","Object","assign"],"mappings":"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"}

package/dist/react/components/button/index.d.ts

@@ -3,9 +3,15 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     /** Solid or outline style */
     variant?: 'solid' | 'outline';
     /** Color scheme for the button */
-    colorScheme?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray';
+    colorScheme?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray' | 'white' | 'halfWhite' | 'halfBlue';
+    /** Color scheme override for light theme */
+    colorSchemeLight?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray' | 'white' | 'halfWhite' | 'halfBlue';
+    /** Color scheme override for dark theme */
+    colorSchemeDark?: 'brand' | 'mint' | 'gray' | 'red' | 'lightBlue' | 'lightGray' | 'white' | 'halfWhite' | 'halfBlue';
     /** Size of the button */
     size?: 'sm' | 'md' | 'xl';
+    /** Border radius style */
+    rounded?: 'default' | 'full';
 }
 /**
  * Button with solid or outline style, color schemes, disabled state,