@aristobyte-ui/button 1.0.34 → 1.0.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.css +4 -1
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +12 -1
  4. package/dist/index.d.ts +12 -1
  5. package/dist/index.js +43 -14
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +43 -14
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +5 -5
package/dist/index.css CHANGED
@@ -19,7 +19,10 @@
19
19
  opacity: 1;
20
20
  }
21
21
  .Button_module_button:active {
22
- transform: scale(0.97);
22
+ transform: scale(0.96);
23
+ }
24
+ .Button_module_button--transparent {
25
+ background-color: transparent !important;
23
26
  }
24
27
  .Button_module_button-variant--default.Button_module_button-appearance--solid {
25
28
  background-color: #1f2937;
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../components/Button.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss","../components/ButtonGroup.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss"],"sourcesContent":["@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.button {\n align-items: center;\n border: none;\n cursor: pointer;\n display: flex;\n font-weight: 500;\n gap: 10px;\n justify-content: center;\n letter-spacing: 0rem;\n line-height: 1.42;\n overflow: hidden;\n position: relative;\n text-align: center;\n transition:\n background-color 200ms ease,\n transform 300ms ease;\n\n &:disabled {\n cursor: not-allowed;\n opacity: 1;\n }\n\n &:active {\n transform: scale(0.97);\n }\n\n &-variant {\n &--default.button-appearance {\n &--solid {\n background-color: $color-default;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default-hover;\n }\n\n &:disabled {\n background-color: $color-default-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-default;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-default;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-default;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-default, 0.5),\n 0 0 16px rgba($color-default, 0.4),\n 0 0 24px rgba($color-default, 0.3);\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--primary.button-appearance {\n &--solid {\n background-color: $color-primary;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary-hover;\n }\n\n &:disabled {\n background-color: $color-primary-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-primary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-primary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-primary;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-primary, 0.5),\n 0 0 16px rgba($color-primary, 0.4),\n 0 0 24px rgba($color-primary, 0.3);\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--secondary.button-appearance {\n &--solid {\n background-color: $color-secondary;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary-hover;\n }\n\n &:disabled {\n background-color: $color-secondary-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-secondary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-secondary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-secondary;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-secondary, 0.5),\n 0 0 16px rgba($color-secondary, 0.4),\n 0 0 24px rgba($color-secondary, 0.3);\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--success.button-appearance {\n &--solid {\n background-color: $color-success;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success-hover;\n }\n\n &:disabled {\n background-color: $color-success-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-success;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-success;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-success;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-success, 0.5),\n 0 0 16px rgba($color-success, 0.4),\n 0 0 24px rgba($color-success, 0.3);\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--error.button-appearance {\n &--solid {\n background-color: $color-error;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error-hover;\n }\n\n &:disabled {\n background-color: $color-error-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-error;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-error;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-error;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-error, 0.5),\n 0 0 16px rgba($color-error, 0.4),\n 0 0 24px rgba($color-error, 0.3);\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--warning.button-appearance {\n &--solid {\n background-color: $color-warning;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning-hover;\n }\n\n &:disabled {\n background-color: $color-warning-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-warning;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-warning;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-warning;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-warning, 0.5),\n 0 0 16px rgba($color-warning, 0.4),\n 0 0 24px rgba($color-warning, 0.3);\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n }\n\n &-size {\n &--xsm {\n font-size: 0.75rem; // 12px\n line-height: 1rem; // 16px\n padding: 0.25rem 0.5rem; // 4px 8px\n min-height: 28px;\n\n .spinner,\n .icon {\n max-height: 1rem; // 16px\n max-width: 1rem; // 16px\n }\n }\n\n &--sm {\n font-size: 0.875rem; // 14px\n line-height: 1.25rem; // 20px\n padding: 0.375rem 0.75rem; // 6px 12px\n min-height: 32px;\n\n .spinner,\n .icon {\n max-height: 1.125rem; // 18px\n max-width: 1.125rem; // 18px\n }\n }\n\n &--md {\n font-size: 1rem; // 16px\n line-height: 1.5rem; // 24px\n padding: 0.5rem 1rem; // 8px 16px\n min-height: 40px;\n\n .spinner,\n .icon {\n height: 1.25rem; // 20px\n width: 1.25rem; // 20px\n }\n }\n\n &--lg {\n font-size: 1.125rem; // 18px\n line-height: 1.75rem; // 28px\n padding: 0.625rem 1.25rem; // 10px 20px\n min-height: 44px;\n\n .spinner,\n .icon {\n max-height: 1.375rem; // 22px\n max-width: 1.375rem; // 22px\n }\n }\n\n &--xlg {\n font-size: 1.25rem; // 20px\n line-height: 1.75rem; // 28px\n padding: 0.75rem 1.5rem; // 12px 24px\n min-height: 48px;\n\n .spinner,\n .icon {\n max-height: 1.5rem; // 24px\n max-width: 1.5rem; // 24px\n }\n }\n }\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.125rem; // 2px\n }\n\n &--md {\n border-radius: 0.375rem; // 6px\n }\n\n &--lg {\n border-radius: 0.5rem; // 8px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n\n .icon {\n align-items: center;\n display: flex;\n justify-content: center;\n\n &--right {\n order: 5;\n }\n\n svg {\n width: 100%;\n }\n }\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n\n// Base\n$white: #ffffff;\n$black: #000000;\n$transparent: transparent;\n\n// === Black Transparent Scale === //\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale === //\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) === //\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) === //\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) === //\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) === //\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) === //\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) === //\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens === //\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n// === Shadows === //\n//@TODO: @SHADOW\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families === //\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights === //\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights === //\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens === //\n\n// === Titles === //\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles === //\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text === //\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions === //\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons === //\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations === //\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n","@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.button-group {\n align-items: center;\n display: flex;\n overflow: hidden;\n max-width: max-content;\n\n &-align {\n &--horizontal {\n flex-direction: row;\n }\n\n &--vertical {\n flex-direction: column;\n }\n }\n\n &-variant {\n &--default {\n background-color: $color-default;\n }\n\n &--primary {\n background-color: $color-primary;\n }\n\n &--secondary {\n background-color: $color-secondary;\n }\n\n &--success {\n background-color: $color-success;\n }\n\n &--error {\n background-color: $color-error;\n }\n\n &--warning {\n background-color: $color-warning;\n }\n }\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.125rem; // 2px\n }\n\n &--md {\n border-radius: 0.375rem; // 6px\n }\n\n &--lg {\n border-radius: 0.5rem; // 8px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n\n// Base\n$white: #ffffff;\n$black: #000000;\n$transparent: transparent;\n\n// === Black Transparent Scale === //\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale === //\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) === //\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) === //\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) === //\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) === //\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) === //\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) === //\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens === //\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n// === Shadows === //\n//@TODO: @SHADOW\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families === //\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights === //\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights === //\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens === //\n\n// === Titles === //\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles === //\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text === //\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions === //\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons === //\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations === //\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":"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","names":["button","button-variant--default","button-appearance--solid","icon","button-appearance--outline","button-appearance--outline-dashed","button-appearance--no-outline","button-appearance--glowing","button-variant--primary","button-variant--secondary","button-variant--success","button-variant--error","button-variant--warning","button-size--xsm","spinner","button-size--sm","button-size--md","button-size--lg","button-size--xlg","button-radius--none","button-radius--sm","button-radius--md","button-radius--lg","button-radius--full","icon--right","button-group","button-group-align--horizontal","button-group-align--vertical","button-group-variant--default","button-group-variant--primary","button-group-variant--secondary","button-group-variant--success","button-group-variant--error","button-group-variant--warning","button-group-radius--none","button-group-radius--sm","button-group-radius--md","button-group-radius--lg","button-group-radius--full"]}
1
+ {"version":3,"sources":["../components/Button.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss","../components/ButtonGroup.module.scss","../../../../node_modules/@aristobyte-ui/utils/styles/_settings.scss"],"sourcesContent":["@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.button {\n align-items: center;\n border: none;\n cursor: pointer;\n display: flex;\n font-weight: 500;\n gap: 10px;\n justify-content: center;\n letter-spacing: 0rem;\n line-height: 1.42;\n overflow: hidden;\n position: relative;\n text-align: center;\n transition:\n background-color 200ms ease,\n transform 300ms ease;\n\n &:disabled {\n cursor: not-allowed;\n opacity: 1;\n }\n\n &:active {\n transform: scale(0.96);\n }\n\n &--transparent {\n background-color: transparent !important;\n }\n\n &-variant {\n &--default.button-appearance {\n &--solid {\n background-color: $color-default;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default-hover;\n }\n\n &:disabled {\n background-color: $color-default-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-default;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-default;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-default, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-default;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-default, 0.5),\n 0 0 16px rgba($color-default, 0.4),\n 0 0 24px rgba($color-default, 0.3);\n\n &:hover {\n background-color: $color-default;\n }\n\n &:disabled {\n background-color: rgba($color-default-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--primary.button-appearance {\n &--solid {\n background-color: $color-primary;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary-hover;\n }\n\n &:disabled {\n background-color: $color-primary-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-primary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-primary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-primary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-primary;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-primary, 0.5),\n 0 0 16px rgba($color-primary, 0.4),\n 0 0 24px rgba($color-primary, 0.3);\n\n &:hover {\n background-color: $color-primary;\n }\n\n &:disabled {\n background-color: rgba($color-primary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--secondary.button-appearance {\n &--solid {\n background-color: $color-secondary;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary-hover;\n }\n\n &:disabled {\n background-color: $color-secondary-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-secondary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-secondary;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-secondary, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-secondary;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-secondary, 0.5),\n 0 0 16px rgba($color-secondary, 0.4),\n 0 0 24px rgba($color-secondary, 0.3);\n\n &:hover {\n background-color: $color-secondary;\n }\n\n &:disabled {\n background-color: rgba($color-secondary-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--success.button-appearance {\n &--solid {\n background-color: $color-success;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success-hover;\n }\n\n &:disabled {\n background-color: $color-success-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-success;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-success;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-success, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-success;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-success, 0.5),\n 0 0 16px rgba($color-success, 0.4),\n 0 0 24px rgba($color-success, 0.3);\n\n &:hover {\n background-color: $color-success;\n }\n\n &:disabled {\n background-color: rgba($color-success-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--error.button-appearance {\n &--solid {\n background-color: $color-error;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error-hover;\n }\n\n &:disabled {\n background-color: $color-error-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-error;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-error;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-error, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-error;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-error, 0.5),\n 0 0 16px rgba($color-error, 0.4),\n 0 0 24px rgba($color-error, 0.3);\n\n &:hover {\n background-color: $color-error;\n }\n\n &:disabled {\n background-color: rgba($color-error-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n\n &--warning.button-appearance {\n &--solid {\n background-color: $color-warning;\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning-hover;\n }\n\n &:disabled {\n background-color: $color-warning-disabled;\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-warning;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--outline-dashed {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px dashed $color-warning;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--no-outline {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n color: $text-color-white;\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n\n &--glowing {\n background-color: rgba($color-warning, 0.2);\n backdrop-filter: 8px;\n border: 1px solid $color-warning;\n color: $text-color-white;\n box-shadow:\n 0 0 8px rgba($color-warning, 0.5),\n 0 0 16px rgba($color-warning, 0.4),\n 0 0 24px rgba($color-warning, 0.3);\n\n &:hover {\n background-color: $color-warning;\n }\n\n &:disabled {\n background-color: rgba($color-warning-disabled, 0.2);\n color: $text-color-white-disabled;\n\n .icon {\n color: $text-color-white-disabled;\n }\n }\n\n .icon {\n color: $text-color-white;\n }\n }\n }\n }\n\n &-size {\n &--xsm {\n font-size: 0.75rem; // 12px\n line-height: 1rem; // 16px\n padding: 0.25rem 0.5rem; // 4px 8px\n min-height: 28px;\n\n .spinner,\n .icon {\n max-height: 1rem; // 16px\n max-width: 1rem; // 16px\n }\n }\n\n &--sm {\n font-size: 0.875rem; // 14px\n line-height: 1.25rem; // 20px\n padding: 0.375rem 0.75rem; // 6px 12px\n min-height: 32px;\n\n .spinner,\n .icon {\n max-height: 1.125rem; // 18px\n max-width: 1.125rem; // 18px\n }\n }\n\n &--md {\n font-size: 1rem; // 16px\n line-height: 1.5rem; // 24px\n padding: 0.5rem 1rem; // 8px 16px\n min-height: 40px;\n\n .spinner,\n .icon {\n height: 1.25rem; // 20px\n width: 1.25rem; // 20px\n }\n }\n\n &--lg {\n font-size: 1.125rem; // 18px\n line-height: 1.75rem; // 28px\n padding: 0.625rem 1.25rem; // 10px 20px\n min-height: 44px;\n\n .spinner,\n .icon {\n max-height: 1.375rem; // 22px\n max-width: 1.375rem; // 22px\n }\n }\n\n &--xlg {\n font-size: 1.25rem; // 20px\n line-height: 1.75rem; // 28px\n padding: 0.75rem 1.5rem; // 12px 24px\n min-height: 48px;\n\n .spinner,\n .icon {\n max-height: 1.5rem; // 24px\n max-width: 1.5rem; // 24px\n }\n }\n }\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.125rem; // 2px\n }\n\n &--md {\n border-radius: 0.375rem; // 6px\n }\n\n &--lg {\n border-radius: 0.5rem; // 8px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n\n .icon {\n align-items: center;\n display: flex;\n justify-content: center;\n\n &--right {\n order: 5;\n }\n\n svg {\n width: 100%;\n }\n }\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n\n// Base\n$white: #ffffff;\n$white-hover: #dddddd;\n$black: #000000;\n$black-hover: #222222;\n$transparent: transparent;\n\n// === Black Transparent Scale === //\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale === //\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) === //\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) === //\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) === //\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) === //\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) === //\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) === //\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens === //\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n$title-color-dark: $white;\n$subtitle-color-dark: #99a1af;\n$description-color-dark: #d1d5dc;\n$icon-color-dark: #99a1af;\n\n// === Shadows === //\n//@TODO: @SHADOW\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families === //\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights === //\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights === //\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens === //\n\n// === Titles === //\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles === //\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text === //\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions === //\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons === //\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations === //\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n","@use \"@aristobyte-ui/utils/styles/settings\" as *;\n\n.button-group {\n align-items: center;\n display: flex;\n overflow: hidden;\n max-width: max-content;\n\n &-align {\n &--horizontal {\n flex-direction: row;\n }\n\n &--vertical {\n flex-direction: column;\n }\n }\n\n &-variant {\n &--default {\n background-color: $color-default;\n }\n\n &--primary {\n background-color: $color-primary;\n }\n\n &--secondary {\n background-color: $color-secondary;\n }\n\n &--success {\n background-color: $color-success;\n }\n\n &--error {\n background-color: $color-error;\n }\n\n &--warning {\n background-color: $color-warning;\n }\n }\n\n &-radius {\n &--none {\n border-radius: 0rem; // 0px\n }\n\n &--sm {\n border-radius: 0.125rem; // 2px\n }\n\n &--md {\n border-radius: 0.375rem; // 6px\n }\n\n &--lg {\n border-radius: 0.5rem; // 8px\n }\n\n &--full {\n border-radius: 1.5rem; // 24px\n }\n }\n}\n","// =========================================== //\n// AristoByte UI - Style Settings //\n// =========================================== //\n\n// === Design Tokens — Color Palette === //\n\n// Base\n$white: #ffffff;\n$white-hover: #dddddd;\n$black: #000000;\n$black-hover: #222222;\n$transparent: transparent;\n\n// === Black Transparent Scale === //\n$black-transparent-100: rgba(0, 0, 0, 0.1);\n$black-transparent-200: rgba(0, 0, 0, 0.2);\n$black-transparent-300: rgba(0, 0, 0, 0.3);\n$black-transparent-400: rgba(0, 0, 0, 0.4);\n$black-transparent-500: rgba(0, 0, 0, 0.5);\n$black-transparent-600: rgba(0, 0, 0, 0.6);\n$black-transparent-700: rgba(0, 0, 0, 0.7);\n$black-transparent-800: rgba(0, 0, 0, 0.8);\n$black-transparent-900: rgba(0, 0, 0, 0.9);\n\n// === Black Transparent Scale === //\n$white-transparent-100: rgba(255, 255, 255, 0.1);\n$white-transparent-200: rgba(255, 255, 255, 0.2);\n$white-transparent-300: rgba(255, 255, 255, 0.3);\n$white-transparent-400: rgba(255, 255, 255, 0.4);\n$white-transparent-500: rgba(255, 255, 255, 0.5);\n$white-transparent-600: rgba(255, 255, 255, 0.6);\n$white-transparent-700: rgba(255, 255, 255, 0.7);\n$white-transparent-800: rgba(255, 255, 255, 0.8);\n$white-transparent-900: rgba(255, 255, 255, 0.9);\n\n// === Neutral Scale (Grey) === //\n$grey-50: #f9fafb;\n$grey-100: #f3f4f6;\n$grey-200: #e5e7eb;\n$grey-300: #d1d5db;\n$grey-400: #9ca3af;\n$grey-500: #6b7280;\n$grey-600: #4b5563;\n$grey-700: #374151;\n$grey-800: #1f2937;\n$grey-900: #111827;\n\n// === Primary Scale (Blue) === //\n$blue-50: #eff6ff;\n$blue-100: #dbeafe;\n$blue-200: #bfdbfe;\n$blue-300: #93c5fd;\n$blue-400: #60a5fa;\n$blue-500: #3b82f6;\n$blue-600: #2563eb; // Main\n$blue-700: #1d4ed8; // Hover\n$blue-800: #1e40af;\n$blue-900: #1e3a8a;\n\n// === Secondary Scale (Indigo) === //\n$indigo-50: #eef2ff;\n$indigo-100: #e0e7ff;\n$indigo-200: #c7d2fe;\n$indigo-300: #a5b4fc;\n$indigo-400: #818cf8;\n$indigo-500: #6366f1;\n$indigo-600: #4f46e5; // Main\n$indigo-700: #4338ca; // Hover\n\n// === Error Scale (Red) === //\n$red-50: #fef2f2;\n$red-100: #fee2e2;\n$red-200: #fecaca;\n$red-300: #fca5a5;\n$red-400: #f87171;\n$red-500: #ef4444;\n$red-600: #dc2626; // Main\n$red-700: #b91c1c; // Hover\n\n// === Success Scale (Green) === //\n$green-50: #f0fdf4;\n$green-100: #dcfce7;\n$green-200: #bbf7d0;\n$green-300: #86efac;\n$green-400: #4ade80;\n$green-500: #22c55e;\n$green-600: #16a34a; // Main\n$green-700: #15803d; // Hover\n\n// === Warning Scale (Amber) === //\n$amber-50: #fffbeb;\n$amber-100: #fef3c7;\n$amber-200: #fde68a;\n$amber-300: #fcd34d;\n$amber-400: #fbbf24;\n$amber-500: #f59e0b;\n$amber-600: #d97706; // Main\n$amber-700: #b45309; // Hover\n\n// === Semantic Tokens === //\n$color-default: $grey-800;\n$color-default-hover: $grey-900;\n$color-default-disabled: rgba($color-default, 0.5);\n\n$color-primary: $blue-600;\n$color-primary-hover: $blue-700;\n$color-primary-disabled: rgba($color-primary, 0.5);\n\n$color-secondary: $indigo-600;\n$color-secondary-hover: $indigo-700;\n$color-secondary-disabled: rgba($color-secondary, 0.5);\n\n$color-error: $red-600;\n$color-error-hover: $red-700;\n$color-error-disabled: rgba($color-error, 0.5);\n\n$color-success: $green-600;\n$color-success-hover: $green-700;\n$color-success-disabled: rgba($color-success, 0.5);\n\n$color-warning: $amber-600;\n$color-warning-hover: $amber-700;\n$color-warning-disabled: rgba($color-warning, 0.5);\n\n$text-color-white: $white;\n$text-color-black: $black;\n$text-color-white-disabled: rgba($white, 0.5);\n$text-color-black-disabled: rgba($black, 0.5);\n\n$title-color-dark: $white;\n$subtitle-color-dark: #99a1af;\n$description-color-dark: #d1d5dc;\n$icon-color-dark: #99a1af;\n\n// === Shadows === //\n//@TODO: @SHADOW\n$shadow-sm: 0 1px 2px 0 rgba($black, 0.05);\n$shadow-md:\n 0 4px 6px -1px rgba($black, 0.1),\n 0 2px 4px -1px rgba($black, 0.06);\n$shadow-lg:\n 0 10px 15px -3px rgba($black, 0.1),\n 0 4px 6px -2px rgba($black, 0.05);\n\n// === Font families === //\n$font-family-sans: \"Inter\", sans-serif;\n$font-family-serif: \"Georgia\", serif;\n$font-family-mono: \"Fira Code\", monospace;\n\n// === Font weights === //\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n$font-weight-semibold: 600;\n$font-weight-bold: 700;\n\n// === Line heights === //\n$line-height-tight: 1.2;\n$line-height-snug: 1.375;\n$line-height-normal: 1.5;\n$line-height-loose: 1.625;\n\n// === Font Sizes — Semantic Tokens === //\n\n// === Titles === //\n$font-size-hero: 3rem; // 48px\n$font-size-title-1: 2.25rem; // 36px\n$font-size-title-2: 1.875rem; // 30px\n$font-size-title-3: 1.5rem; // 24px\n\n// === Subtitles === //\n$font-size-subtitle-1: 1.25rem; // 20px\n$font-size-subtitle-2: 1.125rem; // 18px\n\n// === Body text === //\n$font-size-body-lg: 1rem; // 16px\n$font-size-body-md: 0.9375rem; // 15px\n$font-size-body-sm: 0.875rem; // 14px\n\n// === Captions / Descriptions === //\n$font-size-caption: 0.75rem; // 12px\n$font-size-footnote: 0.6875rem; // 11px\n\n// === Buttons === //\n$font-size-button-lg: 1rem; // 16px\n$font-size-button-md: 0.875rem; // 14px\n$font-size-button-sm: 0.75rem; // 12px\n\n// === Animations === //\n\n$cubic-bezier-primary: cubic-bezier(0.55, -0.19, 0.59, 0.95);\n$cubic-bezier-secondary: cubic-bezier(0.175, 0.885, 0.32, 1.275);\n"],"mappings":"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","names":["button","button--transparent","button-variant--default","button-appearance--solid","icon","button-appearance--outline","button-appearance--outline-dashed","button-appearance--no-outline","button-appearance--glowing","button-variant--primary","button-variant--secondary","button-variant--success","button-variant--error","button-variant--warning","button-size--xsm","spinner","button-size--sm","button-size--md","button-size--lg","button-size--xlg","button-radius--none","button-radius--sm","button-radius--md","button-radius--lg","button-radius--full","icon--right","button-group","button-group-align--horizontal","button-group-align--vertical","button-group-variant--default","button-group-variant--primary","button-group-variant--secondary","button-group-variant--success","button-group-variant--error","button-group-variant--warning","button-group-radius--none","button-group-radius--sm","button-group-radius--md","button-group-radius--lg","button-group-radius--full"]}
package/dist/index.d.mts CHANGED
@@ -1,6 +1,14 @@
1
1
  import * as React from 'react';
2
2
 
3
- interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
+ interface IButton {
4
+ type?: "button" | "link";
5
+ text?: string;
6
+ children?: React.ReactElement | React.ReactNode | string;
7
+ href?: string;
8
+ target?: "_self" | "_blank" | "_parent" | "_top";
9
+ onClick?: (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void | Promise<void>;
10
+ disabled?: boolean;
11
+ transparent?: boolean;
4
12
  variant?: "default" | "primary" | "secondary" | "success" | "error" | "warning";
5
13
  appearance?: "solid" | "outline" | "outline-dashed" | "no-outline" | "glowing";
6
14
  size?: "xsm" | "sm" | "md" | "lg" | "xlg";
@@ -11,6 +19,8 @@ interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
11
19
  };
12
20
  isLoading?: boolean;
13
21
  spinnerType?: "default" | "duo" | "gradient" | "pulse" | "pulse-duo";
22
+ className?: string;
23
+ style?: React.CSSProperties;
14
24
  }
15
25
  declare const Button: React.FC<IButton>;
16
26
 
@@ -22,6 +32,7 @@ interface IButtonGroup {
22
32
  radius?: "none" | "sm" | "md" | "lg" | "full";
23
33
  disabled?: boolean;
24
34
  className?: string;
35
+ style?: React.CSSProperties;
25
36
  }
26
37
  declare const ButtonGroup: React.FC<IButtonGroup>;
27
38
 
package/dist/index.d.ts CHANGED
@@ -1,6 +1,14 @@
1
1
  import * as React from 'react';
2
2
 
3
- interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
3
+ interface IButton {
4
+ type?: "button" | "link";
5
+ text?: string;
6
+ children?: React.ReactElement | React.ReactNode | string;
7
+ href?: string;
8
+ target?: "_self" | "_blank" | "_parent" | "_top";
9
+ onClick?: (e: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void | Promise<void>;
10
+ disabled?: boolean;
11
+ transparent?: boolean;
4
12
  variant?: "default" | "primary" | "secondary" | "success" | "error" | "warning";
5
13
  appearance?: "solid" | "outline" | "outline-dashed" | "no-outline" | "glowing";
6
14
  size?: "xsm" | "sm" | "md" | "lg" | "xlg";
@@ -11,6 +19,8 @@ interface IButton extends React.ButtonHTMLAttributes<HTMLButtonElement> {
11
19
  };
12
20
  isLoading?: boolean;
13
21
  spinnerType?: "default" | "duo" | "gradient" | "pulse" | "pulse-duo";
22
+ className?: string;
23
+ style?: React.CSSProperties;
14
24
  }
15
25
  declare const Button: React.FC<IButton>;
16
26
 
@@ -22,6 +32,7 @@ interface IButtonGroup {
22
32
  radius?: "none" | "sm" | "md" | "lg" | "full";
23
33
  disabled?: boolean;
24
34
  className?: string;
35
+ style?: React.CSSProperties;
25
36
  }
26
37
  declare const ButtonGroup: React.FC<IButtonGroup>;
27
38
 
package/dist/index.js CHANGED
@@ -45,6 +45,7 @@ var import_utils = require("@aristobyte-ui/utils");
45
45
  // components/Button/Button.module.scss
46
46
  var Button_module_default = {
47
47
  button: "Button_module_button",
48
+ "button--transparent": "Button_module_button--transparent",
48
49
  "button-variant--default": "Button_module_button-variant--default",
49
50
  "button-appearance--solid": "Button_module_button-appearance--solid",
50
51
  icon: "Button_module_icon",
@@ -75,28 +76,43 @@ var Button_module_default = {
75
76
  var import_jsx_runtime = require("react/jsx-runtime");
76
77
  var Button = ({
77
78
  onClick,
78
- children,
79
+ text = "",
80
+ href = "",
81
+ target = "_self",
82
+ children = "",
83
+ type = "button",
79
84
  variant = "default",
80
85
  appearance = "solid",
81
86
  size = "md",
82
87
  radius = "md",
83
88
  icon,
84
89
  spinnerType = "default",
90
+ transparent = false,
85
91
  isLoading = false,
86
- disabled,
92
+ disabled = false,
87
93
  className = "",
88
- dangerouslySetInnerHTML,
89
- ...restProps
94
+ style = {}
90
95
  }) => {
96
+ const uniqueId = React.useId();
91
97
  const ref = React.useRef(null);
92
98
  const handleClick = (e) => {
93
99
  const { clientX, clientY } = e;
94
- (0, import_utils.renderRipple)({ ref, clientX, clientY });
100
+ (0, import_utils.renderRipple)({
101
+ ref,
102
+ clientX,
103
+ clientY
104
+ });
95
105
  if (onClick) {
96
106
  onClick(e);
97
107
  }
98
108
  };
99
- const Children2 = () => {
109
+ const getCommonProps = () => ({
110
+ onClick: handleClick,
111
+ disabled: disabled || isLoading,
112
+ style,
113
+ className: `${Button_module_default["button"]} ${transparent ? Button_module_default["button--transparent"] : ""} ${Button_module_default[`button-variant--${variant}`]} ${Button_module_default[`button-appearance--${appearance}`]} ${Button_module_default[`button-size--${size}`]} ${Button_module_default[`button-radius--${radius}`]} ${isLoading ? Button_module_default["button--loading"] : ""} ${className}`
114
+ });
115
+ const renderChildren = () => {
100
116
  var _a;
101
117
  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
102
118
  isLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -115,19 +131,30 @@ var Button = ({
115
131
  children: React.createElement(icon.component)
116
132
  }
117
133
  ),
118
- children
134
+ text || children
119
135
  ] });
120
136
  };
137
+ if (type === "link") {
138
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
139
+ "a",
140
+ {
141
+ ref,
142
+ target,
143
+ href,
144
+ ...getCommonProps(),
145
+ children: renderChildren()
146
+ },
147
+ uniqueId
148
+ );
149
+ }
121
150
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
122
151
  "button",
123
152
  {
124
153
  ref,
125
- disabled: disabled || isLoading,
126
- className: `${Button_module_default["button"]} ${Button_module_default[`button-variant--${variant}`]} ${Button_module_default[`button-appearance--${appearance}`]} ${Button_module_default[`button-size--${size}`]} ${Button_module_default[`button-radius--${radius}`]} ${isLoading ? Button_module_default["button--loading"] : ""} ${className}`,
127
- onClick: handleClick,
128
- ...dangerouslySetInnerHTML ? { dangerouslySetInnerHTML } : { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Children2, {}) },
129
- ...restProps
130
- }
154
+ ...getCommonProps(),
155
+ children: renderChildren()
156
+ },
157
+ uniqueId
131
158
  );
132
159
  };
133
160
 
@@ -161,12 +188,14 @@ var ButtonGroup = ({
161
188
  size = "md",
162
189
  radius = "md",
163
190
  disabled,
164
- className = ""
191
+ className = "",
192
+ style = {}
165
193
  }) => {
166
194
  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
167
195
  "div",
168
196
  {
169
197
  className: `${ButtonGroup_module_default["button-group"]} ${ButtonGroup_module_default[`button-group-variant--${variant}`]} ${ButtonGroup_module_default[`button-group-size--${size}`]} ${ButtonGroup_module_default[`button-group-radius--${radius}`]} ${ButtonGroup_module_default[`button-group-align--${align}`]} ${className}`,
198
+ style,
170
199
  children: React2.Children.toArray(children).filter(
171
200
  (child) => React2.isValidElement(child) && child.type === Button
172
201
  ).map(