@equal-experts/kuat-react 0.4.1 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/README.md +79 -134
  2. package/dist/accordion-DwQCxX_5.js +43 -0
  3. package/dist/accordion.css +1 -0
  4. package/dist/accordion.js +7 -6
  5. package/dist/alert-dialog-CT9DCCMH.js +96 -0
  6. package/dist/alert-dialog.css +1 -0
  7. package/dist/alert-dialog.js +14 -13
  8. package/dist/badge-Yftb6Tdy.js +22 -0
  9. package/dist/badge.css +1 -0
  10. package/dist/badge.js +5 -4
  11. package/dist/button-DqdoNQqx.js +69 -0
  12. package/dist/button-group-BNfxHMty.js +80 -0
  13. package/dist/button-group.css +1 -0
  14. package/dist/button-group.js +7 -6
  15. package/dist/button.css +1 -0
  16. package/dist/button.js +5 -4
  17. package/dist/checkbox-field-Bslh9sHw.js +65 -0
  18. package/dist/checkbox-field.css +1 -0
  19. package/dist/checkbox.d.ts +3 -0
  20. package/dist/checkbox.js +10 -0
  21. package/dist/components/ui/accordion/index.d.ts +1 -0
  22. package/dist/components/ui/alert-dialog/index.d.ts +1 -0
  23. package/dist/components/ui/badge/badge.d.ts +16 -0
  24. package/dist/components/ui/badge/index.d.ts +2 -0
  25. package/dist/components/ui/breadcrumb/Breadcrumb.d.ts +29 -0
  26. package/dist/components/ui/breadcrumb/breadcrumb-primitives.d.ts +19 -0
  27. package/dist/components/ui/breadcrumb/index.d.ts +4 -0
  28. package/dist/components/ui/button/button.d.ts +27 -0
  29. package/dist/components/ui/button/index.d.ts +2 -0
  30. package/dist/components/ui/button-group/button-group.d.ts +23 -0
  31. package/dist/components/ui/button-group/index.d.ts +2 -0
  32. package/dist/components/ui/checkbox/checkbox-field.d.ts +23 -0
  33. package/dist/components/ui/checkbox/checkbox.d.ts +5 -0
  34. package/dist/components/ui/checkbox/index.d.ts +4 -0
  35. package/dist/components/ui/content-card/content-card.d.ts +25 -0
  36. package/dist/components/ui/content-card/index.d.ts +2 -0
  37. package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts +27 -0
  38. package/dist/components/ui/dropdown-menu/index.d.ts +1 -0
  39. package/dist/components/ui/ee-logo-icon/ee-logo-icon.d.ts +11 -0
  40. package/dist/components/ui/ee-logo-icon/index.d.ts +2 -0
  41. package/dist/components/ui/field/field.d.ts +28 -0
  42. package/dist/components/ui/field/index.d.ts +2 -0
  43. package/dist/components/ui/input/index.d.ts +2 -0
  44. package/dist/components/ui/input/input.d.ts +20 -0
  45. package/dist/components/ui/kuat-carousel/index.d.ts +2 -0
  46. package/dist/components/ui/kuat-carousel/kuat-carousel.d.ts +32 -0
  47. package/dist/components/ui/kuat-header/index.d.ts +2 -0
  48. package/dist/components/ui/kuat-header/kuat-header.d.ts +38 -0
  49. package/dist/components/ui/kuat-logo-lockup/index.d.ts +2 -0
  50. package/dist/components/ui/kuat-logo-lockup/kuat-logo-lockup.d.ts +17 -0
  51. package/dist/components/ui/kuat-radial-progress/index.d.ts +2 -0
  52. package/dist/components/ui/kuat-radial-progress/kuat-radial-progress.d.ts +16 -0
  53. package/dist/components/ui/radio/index.d.ts +4 -0
  54. package/dist/components/ui/radio/radio-field.d.ts +25 -0
  55. package/dist/components/ui/radio/radio.d.ts +7 -0
  56. package/dist/components/ui/select/constants.d.ts +19 -0
  57. package/dist/components/ui/select/index.d.ts +3 -0
  58. package/dist/components/ui/select/select.d.ts +53 -0
  59. package/dist/components/ui/separator/index.d.ts +2 -0
  60. package/dist/components/ui/separator/separator.d.ts +9 -0
  61. package/dist/components/ui/switch/index.d.ts +4 -0
  62. package/dist/components/ui/switch/switch-field.d.ts +23 -0
  63. package/dist/components/ui/switch/switch.d.ts +5 -0
  64. package/dist/components/ui/textarea/index.d.ts +2 -0
  65. package/dist/components/ui/textarea/textarea.d.ts +9 -0
  66. package/dist/components/ui/toggle/constants.d.ts +4 -0
  67. package/dist/components/ui/toggle/index.d.ts +6 -0
  68. package/dist/components/ui/toggle/toggle-group.d.ts +11 -0
  69. package/dist/components/ui/toggle/toggle.d.ts +9 -0
  70. package/dist/constants-DHz0LWRt.js +49 -0
  71. package/dist/constants.css +1 -0
  72. package/dist/field-DRLopwY4.js +141 -0
  73. package/dist/field.css +1 -0
  74. package/dist/field.d.ts +3 -0
  75. package/dist/field.js +17 -0
  76. package/dist/index.css +1 -0
  77. package/dist/index.d.ts +48 -23
  78. package/dist/index.js +2054 -30
  79. package/dist/input-2x92vprz.js +43 -0
  80. package/dist/input.css +1 -0
  81. package/dist/input.d.ts +3 -0
  82. package/dist/input.js +8 -0
  83. package/dist/kuat-radial-progress-B3nQqPFW.js +105 -0
  84. package/dist/kuat-radial-progress.css +1 -0
  85. package/dist/kuat-radial-progress.d.ts +7 -0
  86. package/dist/kuat-radial-progress.js +6 -0
  87. package/dist/lib/react-node-compat.d.ts +7 -0
  88. package/dist/radio-field-G8dvdsLE.js +82 -0
  89. package/dist/radio-field.css +1 -0
  90. package/dist/radio.d.ts +3 -0
  91. package/dist/radio.js +11 -0
  92. package/dist/select-Oz2Zj-L0.js +232 -0
  93. package/dist/select.css +1 -0
  94. package/dist/select.d.ts +3 -0
  95. package/dist/select.js +19 -0
  96. package/dist/styles.css +1 -0
  97. package/dist/switch-field-Ce9CiRqk.js +61 -0
  98. package/dist/switch-field.css +1 -0
  99. package/dist/switch.d.ts +1 -0
  100. package/dist/switch.js +7 -0
  101. package/dist/test/setup.d.ts +1 -0
  102. package/dist/textarea-DiU8h_H0.js +19 -0
  103. package/dist/textarea.css +1 -0
  104. package/dist/textarea.d.ts +3 -0
  105. package/dist/textarea.js +8 -0
  106. package/dist/toggle-group.d.ts +3 -0
  107. package/dist/toggle-group.js +10 -0
  108. package/dist/toggle.d.ts +3 -0
  109. package/dist/toggle.js +9 -0
  110. package/dist/{utils-qaFjX9_3.js → utils-DLUjLwnh.js} +0 -1
  111. package/package.json +52 -4
  112. package/dist/accordion-CQDgmmJ5.js +0 -46
  113. package/dist/alert-dialog-CzXLOFRG.js +0 -113
  114. package/dist/badge-DRUd-ban.js +0 -26
  115. package/dist/button-CPn6T5-L.js +0 -44
  116. package/dist/button-group-DUSbG9lE.js +0 -93
  117. package/dist/components/ui/badge.d.ts +0 -9
  118. package/dist/components/ui/button-group.d.ts +0 -12
  119. package/dist/components/ui/button.d.ts +0 -11
  120. package/dist/components/ui/separator.d.ts +0 -4
  121. package/dist/index-DACAHwoB.js +0 -34
  122. package/dist/style.css +0 -1
  123. /package/dist/components/ui/{accordion.d.ts → accordion/accordion.d.ts} +0 -0
  124. /package/dist/components/ui/{alert-dialog.d.ts → alert-dialog/alert-dialog.d.ts} +0 -0
@@ -0,0 +1 @@
1
+ @import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-ease:initial}}}:root{--font-sans:Lexend,ui-sans-serif,sans-serif,system-ui;--font-serif:Lora,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--kuat-radial-progress-size-mini:48px;--kuat-radial-progress-size-small:64px;--kuat-radial-progress-size-medium:96px;--kuat-radial-progress-size-large:128px;--kuat-radial-progress-stroke:4}@layer base{:root{--kuat-button-ee-blue-primary-background:var(--brand-ee-blue);--kuat-button-ee-blue-primary-background--hover:var(--ee-blue-600);--kuat-button-ee-blue-primary-background--active:var(--ee-blue-700);--kuat-button-ee-blue-primary-background--focus:var(--brand-ee-blue);--kuat-button-ee-blue-primary-background--disabled:var(--slate-200);--kuat-button-ee-blue-primary-foreground:var(--brand-byte-white);--kuat-button-ee-blue-primary-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-secondary-background:var(--ee-blue-100);--kuat-button-ee-blue-secondary-background--hover:var(--ee-blue-200);--kuat-button-ee-blue-secondary-background--active:var(--ee-blue-300);--kuat-button-ee-blue-secondary-background--focus:var(--ee-blue-100);--kuat-button-ee-blue-secondary-background--disabled:var(--slate-100);--kuat-button-ee-blue-secondary-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-secondary-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-outline-background:transparent;--kuat-button-ee-blue-outline-background--hover:var(--ee-blue-50);--kuat-button-ee-blue-outline-background--active:var(--ee-blue-100);--kuat-button-ee-blue-outline-background--focus:transparent;--kuat-button-ee-blue-outline-background--disabled:transparent;--kuat-button-ee-blue-outline-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-outline-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-outline-border:var(--brand-ee-blue);--kuat-button-ee-blue-outline-border--hover:var(--ee-blue-600);--kuat-button-ee-blue-outline-border--focus:var(--brand-ee-blue);--kuat-button-ee-blue-outline-border--disabled:var(--slate-300);--kuat-button-ee-blue-ghost-background:transparent;--kuat-button-ee-blue-ghost-background--hover:var(--ee-blue-50);--kuat-button-ee-blue-ghost-background--active:var(--ee-blue-100);--kuat-button-ee-blue-ghost-background--focus:transparent;--kuat-button-ee-blue-ghost-background--disabled:transparent;--kuat-button-ee-blue-ghost-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-ghost-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-ghost-muted-background:transparent;--kuat-button-ee-blue-ghost-muted-background--hover:var(--slate-100);--kuat-button-ee-blue-ghost-muted-background--active:var(--slate-200);--kuat-button-ee-blue-ghost-muted-background--focus:transparent;--kuat-button-ee-blue-ghost-muted-background--disabled:transparent;--kuat-button-ee-blue-ghost-muted-foreground:var(--slate-700);--kuat-button-ee-blue-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-destructive-background:var(--red-600);--kuat-button-ee-blue-destructive-background--hover:var(--red-600);--kuat-button-ee-blue-destructive-background--active:var(--red-600);--kuat-button-ee-blue-destructive-background--focus:var(--red-600);--kuat-button-ee-blue-destructive-background--disabled:var(--slate-200);--kuat-button-ee-blue-destructive-foreground:var(--brand-byte-white);--kuat-button-ee-blue-destructive-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-primary-background:var(--brand-tech-blue);--kuat-button-tech-blue-primary-background--hover:var(--tech-blue-600);--kuat-button-tech-blue-primary-background--active:var(--tech-blue-700);--kuat-button-tech-blue-primary-background--focus:var(--brand-tech-blue);--kuat-button-tech-blue-primary-background--disabled:var(--slate-200);--kuat-button-tech-blue-primary-foreground:var(--brand-byte-white);--kuat-button-tech-blue-primary-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-secondary-background:var(--tech-blue-100);--kuat-button-tech-blue-secondary-background--hover:var(--tech-blue-200);--kuat-button-tech-blue-secondary-background--active:var(--tech-blue-300);--kuat-button-tech-blue-secondary-background--focus:var(--tech-blue-100);--kuat-button-tech-blue-secondary-background--disabled:var(--slate-100);--kuat-button-tech-blue-secondary-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-secondary-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-outline-background:transparent;--kuat-button-tech-blue-outline-background--hover:var(--tech-blue-50);--kuat-button-tech-blue-outline-background--active:var(--tech-blue-100);--kuat-button-tech-blue-outline-background--focus:transparent;--kuat-button-tech-blue-outline-background--disabled:transparent;--kuat-button-tech-blue-outline-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-outline-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-outline-border:var(--brand-tech-blue);--kuat-button-tech-blue-outline-border--hover:var(--tech-blue-600);--kuat-button-tech-blue-outline-border--focus:var(--brand-tech-blue);--kuat-button-tech-blue-outline-border--disabled:var(--slate-300);--kuat-button-tech-blue-ghost-background:transparent;--kuat-button-tech-blue-ghost-background--hover:var(--tech-blue-50);--kuat-button-tech-blue-ghost-background--active:var(--tech-blue-100);--kuat-button-tech-blue-ghost-background--focus:transparent;--kuat-button-tech-blue-ghost-background--disabled:transparent;--kuat-button-tech-blue-ghost-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-ghost-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-ghost-muted-background:transparent;--kuat-button-tech-blue-ghost-muted-background--hover:var(--slate-100);--kuat-button-tech-blue-ghost-muted-background--active:var(--slate-200);--kuat-button-tech-blue-ghost-muted-background--focus:transparent;--kuat-button-tech-blue-ghost-muted-background--disabled:transparent;--kuat-button-tech-blue-ghost-muted-foreground:var(--slate-700);--kuat-button-tech-blue-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-destructive-background:var(--red-600);--kuat-button-tech-blue-destructive-background--hover:var(--red-600);--kuat-button-tech-blue-destructive-background--active:var(--red-600);--kuat-button-tech-blue-destructive-background--focus:var(--red-600);--kuat-button-tech-blue-destructive-background--disabled:var(--slate-200);--kuat-button-tech-blue-destructive-foreground:var(--brand-byte-white);--kuat-button-tech-blue-destructive-foreground--disabled:var(--slate-500);--kuat-button-byte-white-primary-background:var(--brand-byte-white);--kuat-button-byte-white-primary-background--hover:var(--slate-100);--kuat-button-byte-white-primary-background--active:var(--slate-200);--kuat-button-byte-white-primary-background--focus:var(--brand-byte-white);--kuat-button-byte-white-primary-background--disabled:var(--slate-100);--kuat-button-byte-white-primary-foreground:var(--slate-950);--kuat-button-byte-white-primary-foreground--disabled:var(--slate-500);--kuat-button-byte-white-secondary-background:var(--slate-100);--kuat-button-byte-white-secondary-background--hover:var(--slate-200);--kuat-button-byte-white-secondary-background--active:var(--slate-300);--kuat-button-byte-white-secondary-background--focus:var(--slate-100);--kuat-button-byte-white-secondary-background--disabled:var(--slate-100);--kuat-button-byte-white-secondary-foreground:var(--slate-950);--kuat-button-byte-white-secondary-foreground--disabled:var(--slate-500);--kuat-button-byte-white-outline-background:transparent;--kuat-button-byte-white-outline-background--hover:var(--slate-100);--kuat-button-byte-white-outline-background--active:var(--slate-200);--kuat-button-byte-white-outline-background--focus:transparent;--kuat-button-byte-white-outline-background--disabled:transparent;--kuat-button-byte-white-outline-foreground:var(--slate-950);--kuat-button-byte-white-outline-foreground--disabled:var(--slate-500);--kuat-button-byte-white-outline-border:var(--slate-300);--kuat-button-byte-white-outline-border--hover:var(--slate-400);--kuat-button-byte-white-outline-border--focus:var(--slate-300);--kuat-button-byte-white-outline-border--disabled:var(--slate-200);--kuat-button-byte-white-ghost-background:transparent;--kuat-button-byte-white-ghost-background--hover:var(--slate-100);--kuat-button-byte-white-ghost-background--active:var(--slate-200);--kuat-button-byte-white-ghost-background--focus:transparent;--kuat-button-byte-white-ghost-background--disabled:transparent;--kuat-button-byte-white-ghost-foreground:var(--slate-950);--kuat-button-byte-white-ghost-foreground--disabled:var(--slate-500);--kuat-button-byte-white-ghost-muted-background:transparent;--kuat-button-byte-white-ghost-muted-background--hover:var(--slate-100);--kuat-button-byte-white-ghost-muted-background--active:var(--slate-200);--kuat-button-byte-white-ghost-muted-background--focus:transparent;--kuat-button-byte-white-ghost-muted-background--disabled:transparent;--kuat-button-byte-white-ghost-muted-foreground:var(--slate-700);--kuat-button-byte-white-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-byte-white-destructive-background:var(--red-600);--kuat-button-byte-white-destructive-background--hover:var(--red-600);--kuat-button-byte-white-destructive-background--active:var(--red-600);--kuat-button-byte-white-destructive-background--focus:var(--red-600);--kuat-button-byte-white-destructive-background--disabled:var(--slate-200);--kuat-button-byte-white-destructive-foreground:var(--brand-byte-white);--kuat-button-byte-white-destructive-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-primary-background:var(--brand-the-cloud);--kuat-button-the-cloud-primary-background--hover:var(--slate-200);--kuat-button-the-cloud-primary-background--active:var(--slate-300);--kuat-button-the-cloud-primary-background--focus:var(--brand-the-cloud);--kuat-button-the-cloud-primary-background--disabled:var(--slate-100);--kuat-button-the-cloud-primary-foreground:var(--slate-950);--kuat-button-the-cloud-primary-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-secondary-background:var(--slate-200);--kuat-button-the-cloud-secondary-background--hover:var(--slate-300);--kuat-button-the-cloud-secondary-background--active:var(--slate-400);--kuat-button-the-cloud-secondary-background--focus:var(--slate-200);--kuat-button-the-cloud-secondary-background--disabled:var(--slate-100);--kuat-button-the-cloud-secondary-foreground:var(--slate-950);--kuat-button-the-cloud-secondary-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-outline-background:transparent;--kuat-button-the-cloud-outline-background--hover:var(--slate-100);--kuat-button-the-cloud-outline-background--active:var(--slate-200);--kuat-button-the-cloud-outline-background--focus:transparent;--kuat-button-the-cloud-outline-background--disabled:transparent;--kuat-button-the-cloud-outline-foreground:var(--slate-950);--kuat-button-the-cloud-outline-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-outline-border:var(--slate-300);--kuat-button-the-cloud-outline-border--hover:var(--slate-400);--kuat-button-the-cloud-outline-border--focus:var(--slate-300);--kuat-button-the-cloud-outline-border--disabled:var(--slate-200);--kuat-button-the-cloud-ghost-background:transparent;--kuat-button-the-cloud-ghost-background--hover:var(--slate-100);--kuat-button-the-cloud-ghost-background--active:var(--slate-200);--kuat-button-the-cloud-ghost-background--focus:transparent;--kuat-button-the-cloud-ghost-background--disabled:transparent;--kuat-button-the-cloud-ghost-foreground:var(--slate-950);--kuat-button-the-cloud-ghost-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-ghost-muted-background:transparent;--kuat-button-the-cloud-ghost-muted-background--hover:var(--slate-200);--kuat-button-the-cloud-ghost-muted-background--active:var(--slate-300);--kuat-button-the-cloud-ghost-muted-background--focus:transparent;--kuat-button-the-cloud-ghost-muted-background--disabled:transparent;--kuat-button-the-cloud-ghost-muted-foreground:var(--slate-700);--kuat-button-the-cloud-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-destructive-background:var(--red-600);--kuat-button-the-cloud-destructive-background--hover:var(--red-600);--kuat-button-the-cloud-destructive-background--active:var(--red-600);--kuat-button-the-cloud-destructive-background--focus:var(--red-600);--kuat-button-the-cloud-destructive-background--disabled:var(--slate-200);--kuat-button-the-cloud-destructive-foreground:var(--brand-byte-white);--kuat-button-the-cloud-destructive-foreground--disabled:var(--slate-500);--kuat-button-dark-data-primary-background:var(--brand-dark-data);--kuat-button-dark-data-primary-background--hover:var(--slate-800);--kuat-button-dark-data-primary-background--active:var(--slate-900);--kuat-button-dark-data-primary-background--focus:var(--brand-dark-data);--kuat-button-dark-data-primary-background--disabled:var(--slate-700);--kuat-button-dark-data-primary-foreground:var(--brand-byte-white);--kuat-button-dark-data-primary-foreground--disabled:var(--slate-500);--kuat-button-dark-data-secondary-background:var(--slate-700);--kuat-button-dark-data-secondary-background--hover:var(--slate-600);--kuat-button-dark-data-secondary-background--active:var(--slate-500);--kuat-button-dark-data-secondary-background--focus:var(--slate-700);--kuat-button-dark-data-secondary-background--disabled:var(--slate-800);--kuat-button-dark-data-secondary-foreground:var(--slate-100);--kuat-button-dark-data-secondary-foreground--disabled:var(--slate-500);--kuat-button-dark-data-outline-background:transparent;--kuat-button-dark-data-outline-background--hover:var(--slate-800);--kuat-button-dark-data-outline-background--active:var(--slate-700);--kuat-button-dark-data-outline-background--focus:transparent;--kuat-button-dark-data-outline-background--disabled:transparent;--kuat-button-dark-data-outline-foreground:var(--brand-byte-white);--kuat-button-dark-data-outline-foreground--disabled:var(--slate-500);--kuat-button-dark-data-outline-border:var(--slate-600);--kuat-button-dark-data-outline-border--hover:var(--slate-500);--kuat-button-dark-data-outline-border--focus:var(--slate-600);--kuat-button-dark-data-outline-border--disabled:var(--slate-700);--kuat-button-dark-data-ghost-background:transparent;--kuat-button-dark-data-ghost-background--hover:var(--slate-800);--kuat-button-dark-data-ghost-background--active:var(--slate-700);--kuat-button-dark-data-ghost-background--focus:transparent;--kuat-button-dark-data-ghost-background--disabled:transparent;--kuat-button-dark-data-ghost-foreground:var(--brand-byte-white);--kuat-button-dark-data-ghost-foreground--disabled:var(--slate-500);--kuat-button-dark-data-ghost-muted-background:transparent;--kuat-button-dark-data-ghost-muted-background--hover:var(--slate-800);--kuat-button-dark-data-ghost-muted-background--active:var(--slate-700);--kuat-button-dark-data-ghost-muted-background--focus:transparent;--kuat-button-dark-data-ghost-muted-background--disabled:transparent;--kuat-button-dark-data-ghost-muted-foreground:var(--slate-300);--kuat-button-dark-data-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-dark-data-destructive-background:var(--red-600);--kuat-button-dark-data-destructive-background--hover:var(--red-600);--kuat-button-dark-data-destructive-background--active:var(--red-600);--kuat-button-dark-data-destructive-background--focus:var(--red-600);--kuat-button-dark-data-destructive-background--disabled:var(--slate-700);--kuat-button-dark-data-destructive-foreground:var(--brand-byte-white);--kuat-button-dark-data-destructive-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-primary-background:var(--brand-transform-teal);--kuat-button-transform-teal-primary-background--hover:var(--transform-teal-600);--kuat-button-transform-teal-primary-background--active:var(--transform-teal-700);--kuat-button-transform-teal-primary-background--focus:var(--brand-transform-teal);--kuat-button-transform-teal-primary-background--disabled:var(--slate-200);--kuat-button-transform-teal-primary-foreground:var(--brand-byte-white);--kuat-button-transform-teal-primary-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-secondary-background:var(--transform-teal-100);--kuat-button-transform-teal-secondary-background--hover:var(--transform-teal-200);--kuat-button-transform-teal-secondary-background--active:var(--transform-teal-300);--kuat-button-transform-teal-secondary-background--focus:var(--transform-teal-100);--kuat-button-transform-teal-secondary-background--disabled:var(--slate-100);--kuat-button-transform-teal-secondary-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-secondary-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-outline-background:transparent;--kuat-button-transform-teal-outline-background--hover:var(--transform-teal-50);--kuat-button-transform-teal-outline-background--active:var(--transform-teal-100);--kuat-button-transform-teal-outline-background--focus:transparent;--kuat-button-transform-teal-outline-background--disabled:transparent;--kuat-button-transform-teal-outline-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-outline-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-outline-border:var(--brand-transform-teal);--kuat-button-transform-teal-outline-border--hover:var(--transform-teal-600);--kuat-button-transform-teal-outline-border--focus:var(--brand-transform-teal);--kuat-button-transform-teal-outline-border--disabled:var(--slate-300);--kuat-button-transform-teal-ghost-background:transparent;--kuat-button-transform-teal-ghost-background--hover:var(--transform-teal-50);--kuat-button-transform-teal-ghost-background--active:var(--transform-teal-100);--kuat-button-transform-teal-ghost-background--focus:transparent;--kuat-button-transform-teal-ghost-background--disabled:transparent;--kuat-button-transform-teal-ghost-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-ghost-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-ghost-muted-background:transparent;--kuat-button-transform-teal-ghost-muted-background--hover:var(--slate-100);--kuat-button-transform-teal-ghost-muted-background--active:var(--slate-200);--kuat-button-transform-teal-ghost-muted-background--focus:transparent;--kuat-button-transform-teal-ghost-muted-background--disabled:transparent;--kuat-button-transform-teal-ghost-muted-foreground:var(--slate-700);--kuat-button-transform-teal-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-destructive-background:var(--red-600);--kuat-button-transform-teal-destructive-background--hover:var(--red-600);--kuat-button-transform-teal-destructive-background--active:var(--red-600);--kuat-button-transform-teal-destructive-background--focus:var(--red-600);--kuat-button-transform-teal-destructive-background--disabled:var(--slate-200);--kuat-button-transform-teal-destructive-foreground:var(--brand-byte-white);--kuat-button-transform-teal-destructive-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-primary-background:var(--brand-equal-ember);--kuat-button-equal-ember-primary-background--hover:var(--equal-ember-600);--kuat-button-equal-ember-primary-background--active:var(--equal-ember-700);--kuat-button-equal-ember-primary-background--focus:var(--brand-equal-ember);--kuat-button-equal-ember-primary-background--disabled:var(--slate-200);--kuat-button-equal-ember-primary-foreground:var(--brand-byte-white);--kuat-button-equal-ember-primary-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-secondary-background:var(--equal-ember-100);--kuat-button-equal-ember-secondary-background--hover:var(--equal-ember-200);--kuat-button-equal-ember-secondary-background--active:var(--equal-ember-300);--kuat-button-equal-ember-secondary-background--focus:var(--equal-ember-100);--kuat-button-equal-ember-secondary-background--disabled:var(--slate-100);--kuat-button-equal-ember-secondary-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-secondary-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-outline-background:transparent;--kuat-button-equal-ember-outline-background--hover:var(--equal-ember-50);--kuat-button-equal-ember-outline-background--active:var(--equal-ember-100);--kuat-button-equal-ember-outline-background--focus:transparent;--kuat-button-equal-ember-outline-background--disabled:transparent;--kuat-button-equal-ember-outline-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-outline-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-outline-border:var(--brand-equal-ember);--kuat-button-equal-ember-outline-border--hover:var(--equal-ember-600);--kuat-button-equal-ember-outline-border--focus:var(--brand-equal-ember);--kuat-button-equal-ember-outline-border--disabled:var(--slate-300);--kuat-button-equal-ember-ghost-background:transparent;--kuat-button-equal-ember-ghost-background--hover:var(--equal-ember-50);--kuat-button-equal-ember-ghost-background--active:var(--equal-ember-100);--kuat-button-equal-ember-ghost-background--focus:transparent;--kuat-button-equal-ember-ghost-background--disabled:transparent;--kuat-button-equal-ember-ghost-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-ghost-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-ghost-muted-background:transparent;--kuat-button-equal-ember-ghost-muted-background--hover:var(--slate-100);--kuat-button-equal-ember-ghost-muted-background--active:var(--slate-200);--kuat-button-equal-ember-ghost-muted-background--focus:transparent;--kuat-button-equal-ember-ghost-muted-background--disabled:transparent;--kuat-button-equal-ember-ghost-muted-foreground:var(--slate-700);--kuat-button-equal-ember-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-destructive-background:var(--red-600);--kuat-button-equal-ember-destructive-background--hover:var(--red-600);--kuat-button-equal-ember-destructive-background--active:var(--red-600);--kuat-button-equal-ember-destructive-background--focus:var(--red-600);--kuat-button-equal-ember-destructive-background--disabled:var(--slate-200);--kuat-button-equal-ember-destructive-foreground:var(--brand-byte-white);--kuat-button-equal-ember-destructive-foreground--disabled:var(--slate-500);--radius:.3rem;--tracking-normal:.01em;--spacing:.25rem;--slate-50:oklch(97.8% .005 240);--slate-100:oklch(93.6% .01 240);--slate-200:oklch(92.9% .013 255.5);--slate-300:oklch(87% .022 255.5);--slate-400:oklch(70.4% .04 256.8);--slate-500:oklch(55.4% .046 257.4);--slate-600:oklch(47.5% .04 257.4);--slate-700:oklch(39.5% .035 257.4);--slate-800:oklch(29.5% .03 257.4);--slate-900:oklch(17.6% .033 244.5);--slate-950:oklch(12.9% .042 264.7);--red-300:oklch(85% .08 25);--red-600:oklch(57.7% .245 27.3);--indigo-300:oklch(80.9% .105 251.8);--black:oklch(0% 0 0);--white:oklch(100% 0 0);--ee-blue-50:oklch(94.5% .028 237.5);--ee-blue-100:oklch(88.5% .055 237.5);--ee-blue-200:oklch(82.5% .082 237.5);--ee-blue-300:oklch(76.5% .109 237.5);--ee-blue-400:oklch(70.5% .136 237.5);--ee-blue-500:oklch(64.5% .163 237.5);--ee-blue-600:oklch(58.5% .145 237.5);--ee-blue-700:oklch(52.5% .127 237.5);--ee-blue-800:oklch(36.5% .109 237.5);--ee-blue-900:oklch(24.5% .082 237.5);--ee-blue-950:oklch(14.5% .055 237.5);--tech-blue-50:oklch(93.5% .015 240);--tech-blue-100:oklch(83.5% .03 240);--tech-blue-200:oklch(73.5% .045 240);--tech-blue-300:oklch(63.5% .06 240);--tech-blue-400:oklch(53.5% .075 240);--tech-blue-500:oklch(43.5% .09 240);--tech-blue-600:oklch(36.5% .08 240);--tech-blue-700:oklch(29.5% .07 240);--tech-blue-800:oklch(20.5% .06 240);--tech-blue-900:oklch(12.5% .04 240);--tech-blue-950:oklch(7.5% .025 240);--transform-teal-50:oklch(94.5% .02 185);--transform-teal-100:oklch(88.5% .04 185);--transform-teal-200:oklch(82.5% .06 185);--transform-teal-300:oklch(76.5% .08 185);--transform-teal-400:oklch(70.5% .1 185);--transform-teal-500:oklch(64.5% .12 185);--transform-teal-600:oklch(54.5% .105 185);--transform-teal-700:oklch(44.5% .09 185);--transform-teal-800:oklch(30.5% .075 185);--transform-teal-900:oklch(18.5% .055 185);--transform-teal-950:oklch(10.5% .035 185);--equal-ember-50:oklch(97.5% .035 65);--equal-ember-100:oklch(92.5% .07 65);--equal-ember-200:oklch(87.5% .105 65);--equal-ember-300:oklch(82.5% .14 65);--equal-ember-400:oklch(77.5% .175 65);--equal-ember-500:oklch(62.5% .2 65);--equal-ember-600:oklch(52.5% .18 65);--equal-ember-700:oklch(42.5% .16 65);--equal-ember-800:oklch(32.5% .14 65);--equal-ember-900:oklch(22.5% .12 65);--equal-ember-950:oklch(12.5% .1 65);--brand-ee-blue:var(--ee-blue-500);--brand-tech-blue:var(--tech-blue-500);--brand-transform-teal:var(--transform-teal-500);--brand-equal-ember:var(--equal-ember-500);--brand-dark-data:oklch(20.8% .01 240);--brand-the-cloud:var(--slate-100);--brand-byte-white:var(--white);--brand-ee-blue-accent:var(--ee-blue-50);--background:var(--brand-byte-white);--foreground:var(--slate-950);--primary:var(--brand-ee-blue);--primary-foreground:var(--brand-byte-white);--secondary:var(--brand-transform-teal);--secondary-foreground:var(--brand-byte-white);--muted:var(--slate-100);--muted-foreground:var(--slate-500);--accent:var(--brand-ee-blue-accent);--accent-foreground:var(--slate-950);--destructive:var(--red-600);--destructive-foreground:var(--brand-byte-white);--border:var(--slate-200);--input:var(--brand-byte-white);--ring:var(--indigo-300);--card:var(--brand-byte-white);--card-foreground:var(--slate-950);--popover:var(--black);--popover-foreground:var(--brand-byte-white);--chart-1:#1f77b4;--chart-2:#ff7f0e;--chart-3:#2ca02c;--chart-4:#d62728;--chart-5:#9467bd;--sidebar:var(--brand-tech-blue);--sidebar-foreground:var(--brand-byte-white);--sidebar-primary:var(--brand-ee-blue);--sidebar-primary-foreground:var(--brand-ee-blue-accent);--sidebar-accent:var(--slate-200);--sidebar-accent-foreground:var(--brand-tech-blue);--sidebar-border:var(--slate-200);--sidebar-ring:var(--slate-100);--kuat-header-default-background:var(--white);--kuat-header-default-foreground:var(--slate-700);--kuat-header-default-foreground-secondary:var(--slate-500);--kuat-header-bold-background:var(--tech-blue-500);--kuat-header-bold-foreground:var(--slate-100);--kuat-header-bold-foreground-secondary:var(--slate-300);--kuat-radial-progress-background-bar:var(--muted);--kuat-radial-progress-foreground-bar:var(--ee-blue-500);--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:oklch(20.8% .042 265.755);--shadow-2xs:0px 4px 8px -1px #0f172b0d;--shadow-xs:0px 4px 8px -1px #0f172b0d;--shadow-sm:0px 4px 8px -1px #0f172b1a,0px 1px 2px -2px #0f172b1a;--shadow:0px 4px 8px -1px #0f172b1a,0px 1px 2px -2px #0f172b1a;--shadow-md:0px 4px 8px -1px #0f172b1a,0px 2px 4px -2px #0f172b1a;--shadow-lg:0px 4px 8px -1px #0f172b1a,0px 4px 6px -2px #0f172b1a;--shadow-xl:0px 4px 8px -1px #0f172b1a,0px 8px 10px -2px #0f172b1a;--shadow-2xl:0px 4px 8px -1px #0f172b40}.dark{--background:var(--slate-900);--foreground:var(--brand-byte-white);--primary:var(--brand-ee-blue);--primary-foreground:var(--brand-byte-white);--secondary:var(--brand-transform-teal);--secondary-foreground:var(--brand-byte-white);--muted:var(--slate-100);--muted-foreground:var(--slate-300);--accent:var(--ee-blue-800);--accent-foreground:var(--slate-950);--destructive:var(--red-600);--destructive-foreground:var(--brand-byte-white);--border:var(--slate-700);--input:var(--slate-600);--ring:var(--indigo-300);--card:var(--tech-blue-800);--card-foreground:var(--slate-950);--popover:var(--black);--popover-foreground:var(--brand-byte-white);--chart-1:#1f77b4;--chart-2:#ff7f0e;--chart-3:#2ca02c;--chart-4:#d62728;--chart-5:#9467bd;--sidebar:var(--tech-blue-700);--sidebar-foreground:var(--brand-byte-white);--sidebar-primary:var(--brand-ee-blue);--sidebar-primary-foreground:var(--brand-ee-blue-accent);--sidebar-accent:var(--ee-blue-700);--sidebar-accent-foreground:var(--brand-tech-blue);--sidebar-border:var(--slate-200);--sidebar-ring:var(--slate-100);--kuat-header-default-background:var(--slate-900);--kuat-header-default-foreground:var(--slate-100);--kuat-header-default-foreground-secondary:var(--slate-400);--kuat-radial-progress-background-bar:var(--slate-700);--kuat-radial-progress-foreground-bar:var(--ee-blue-400);--font-sans:Lexend,ui-sans-serif,sans-serif,system-ui;--font-serif:Lora,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--radius:.3rem;--tracking-normal:.01em;--spacing:.25rem;--shadow-x:0px;--shadow-y:4px;--shadow-blur:8px;--shadow-spread:-1px;--shadow-opacity:.1;--shadow-color:#000;--shadow-2xs:0px 4px 8px -1px #0000000d;--shadow-xs:0px 4px 8px -1px #0000000d;--shadow-sm:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow:0px 4px 8px -1px #0000001a,0px 1px 2px -2px #0000001a;--shadow-md:0px 4px 8px -1px #0000001a,0px 2px 4px -2px #0000001a;--shadow-lg:0px 4px 8px -1px #0000001a,0px 4px 6px -2px #0000001a;--shadow-xl:0px 4px 8px -1px #0000001a,0px 8px 10px -2px #0000001a;--shadow-2xl:0px 4px 8px -1px #00000040}:root,:host{--kuat-radial-progress-size-mini:48px;--kuat-radial-progress-size-small:64px;--kuat-radial-progress-size-medium:96px;--kuat-radial-progress-size-large:128px;--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow:var(--shadow);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--tracking-tight:calc(var(--tracking-normal) - .025em);--tracking-normal:var(--tracking-normal);--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--font-weight-medium:500;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}body{letter-spacing:var(--tracking-normal)}*{border-color:var(--border)}body{background-color:var(--background);color:var(--foreground)}:root{--kuat-button-ee-blue-primary-background:var(--brand-ee-blue);--kuat-button-ee-blue-primary-background--hover:var(--ee-blue-600);--kuat-button-ee-blue-primary-background--active:var(--ee-blue-700);--kuat-button-ee-blue-primary-background--focus:var(--brand-ee-blue);--kuat-button-ee-blue-primary-background--disabled:var(--slate-200);--kuat-button-ee-blue-primary-foreground:var(--brand-byte-white);--kuat-button-ee-blue-primary-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-secondary-background:var(--ee-blue-100);--kuat-button-ee-blue-secondary-background--hover:var(--ee-blue-200);--kuat-button-ee-blue-secondary-background--active:var(--ee-blue-300);--kuat-button-ee-blue-secondary-background--focus:var(--ee-blue-100);--kuat-button-ee-blue-secondary-background--disabled:var(--slate-100);--kuat-button-ee-blue-secondary-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-secondary-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-outline-background:transparent;--kuat-button-ee-blue-outline-background--hover:var(--ee-blue-50);--kuat-button-ee-blue-outline-background--active:var(--ee-blue-100);--kuat-button-ee-blue-outline-background--focus:transparent;--kuat-button-ee-blue-outline-background--disabled:transparent;--kuat-button-ee-blue-outline-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-outline-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-outline-border:var(--brand-ee-blue);--kuat-button-ee-blue-outline-border--hover:var(--ee-blue-600);--kuat-button-ee-blue-outline-border--focus:var(--brand-ee-blue);--kuat-button-ee-blue-outline-border--disabled:var(--slate-300);--kuat-button-ee-blue-ghost-background:transparent;--kuat-button-ee-blue-ghost-background--hover:var(--ee-blue-50);--kuat-button-ee-blue-ghost-background--active:var(--ee-blue-100);--kuat-button-ee-blue-ghost-background--focus:transparent;--kuat-button-ee-blue-ghost-background--disabled:transparent;--kuat-button-ee-blue-ghost-foreground:var(--brand-ee-blue);--kuat-button-ee-blue-ghost-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-ghost-muted-background:transparent;--kuat-button-ee-blue-ghost-muted-background--hover:var(--slate-100);--kuat-button-ee-blue-ghost-muted-background--active:var(--slate-200);--kuat-button-ee-blue-ghost-muted-background--focus:transparent;--kuat-button-ee-blue-ghost-muted-background--disabled:transparent;--kuat-button-ee-blue-ghost-muted-foreground:var(--slate-700);--kuat-button-ee-blue-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-ee-blue-destructive-background:var(--red-600);--kuat-button-ee-blue-destructive-background--hover:var(--red-600);--kuat-button-ee-blue-destructive-background--active:var(--red-600);--kuat-button-ee-blue-destructive-background--focus:var(--red-600);--kuat-button-ee-blue-destructive-background--disabled:var(--slate-200);--kuat-button-ee-blue-destructive-foreground:var(--brand-byte-white);--kuat-button-ee-blue-destructive-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-primary-background:var(--brand-tech-blue);--kuat-button-tech-blue-primary-background--hover:var(--tech-blue-600);--kuat-button-tech-blue-primary-background--active:var(--tech-blue-700);--kuat-button-tech-blue-primary-background--focus:var(--brand-tech-blue);--kuat-button-tech-blue-primary-background--disabled:var(--slate-200);--kuat-button-tech-blue-primary-foreground:var(--brand-byte-white);--kuat-button-tech-blue-primary-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-secondary-background:var(--tech-blue-100);--kuat-button-tech-blue-secondary-background--hover:var(--tech-blue-200);--kuat-button-tech-blue-secondary-background--active:var(--tech-blue-300);--kuat-button-tech-blue-secondary-background--focus:var(--tech-blue-100);--kuat-button-tech-blue-secondary-background--disabled:var(--slate-100);--kuat-button-tech-blue-secondary-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-secondary-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-outline-background:transparent;--kuat-button-tech-blue-outline-background--hover:var(--tech-blue-50);--kuat-button-tech-blue-outline-background--active:var(--tech-blue-100);--kuat-button-tech-blue-outline-background--focus:transparent;--kuat-button-tech-blue-outline-background--disabled:transparent;--kuat-button-tech-blue-outline-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-outline-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-outline-border:var(--brand-tech-blue);--kuat-button-tech-blue-outline-border--hover:var(--tech-blue-600);--kuat-button-tech-blue-outline-border--focus:var(--brand-tech-blue);--kuat-button-tech-blue-outline-border--disabled:var(--slate-300);--kuat-button-tech-blue-ghost-background:transparent;--kuat-button-tech-blue-ghost-background--hover:var(--tech-blue-50);--kuat-button-tech-blue-ghost-background--active:var(--tech-blue-100);--kuat-button-tech-blue-ghost-background--focus:transparent;--kuat-button-tech-blue-ghost-background--disabled:transparent;--kuat-button-tech-blue-ghost-foreground:var(--brand-tech-blue);--kuat-button-tech-blue-ghost-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-ghost-muted-background:transparent;--kuat-button-tech-blue-ghost-muted-background--hover:var(--slate-100);--kuat-button-tech-blue-ghost-muted-background--active:var(--slate-200);--kuat-button-tech-blue-ghost-muted-background--focus:transparent;--kuat-button-tech-blue-ghost-muted-background--disabled:transparent;--kuat-button-tech-blue-ghost-muted-foreground:var(--slate-700);--kuat-button-tech-blue-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-tech-blue-destructive-background:var(--red-600);--kuat-button-tech-blue-destructive-background--hover:var(--red-600);--kuat-button-tech-blue-destructive-background--active:var(--red-600);--kuat-button-tech-blue-destructive-background--focus:var(--red-600);--kuat-button-tech-blue-destructive-background--disabled:var(--slate-200);--kuat-button-tech-blue-destructive-foreground:var(--brand-byte-white);--kuat-button-tech-blue-destructive-foreground--disabled:var(--slate-500);--kuat-button-byte-white-primary-background:var(--brand-byte-white);--kuat-button-byte-white-primary-background--hover:var(--slate-100);--kuat-button-byte-white-primary-background--active:var(--slate-200);--kuat-button-byte-white-primary-background--focus:var(--brand-byte-white);--kuat-button-byte-white-primary-background--disabled:var(--slate-100);--kuat-button-byte-white-primary-foreground:var(--slate-950);--kuat-button-byte-white-primary-foreground--disabled:var(--slate-500);--kuat-button-byte-white-secondary-background:var(--slate-100);--kuat-button-byte-white-secondary-background--hover:var(--slate-200);--kuat-button-byte-white-secondary-background--active:var(--slate-300);--kuat-button-byte-white-secondary-background--focus:var(--slate-100);--kuat-button-byte-white-secondary-background--disabled:var(--slate-100);--kuat-button-byte-white-secondary-foreground:var(--slate-950);--kuat-button-byte-white-secondary-foreground--disabled:var(--slate-500);--kuat-button-byte-white-outline-background:transparent;--kuat-button-byte-white-outline-background--hover:var(--slate-100);--kuat-button-byte-white-outline-background--active:var(--slate-200);--kuat-button-byte-white-outline-background--focus:transparent;--kuat-button-byte-white-outline-background--disabled:transparent;--kuat-button-byte-white-outline-foreground:var(--slate-950);--kuat-button-byte-white-outline-foreground--disabled:var(--slate-500);--kuat-button-byte-white-outline-border:var(--slate-300);--kuat-button-byte-white-outline-border--hover:var(--slate-400);--kuat-button-byte-white-outline-border--focus:var(--slate-300);--kuat-button-byte-white-outline-border--disabled:var(--slate-200);--kuat-button-byte-white-ghost-background:transparent;--kuat-button-byte-white-ghost-background--hover:var(--slate-100);--kuat-button-byte-white-ghost-background--active:var(--slate-200);--kuat-button-byte-white-ghost-background--focus:transparent;--kuat-button-byte-white-ghost-background--disabled:transparent;--kuat-button-byte-white-ghost-foreground:var(--slate-950);--kuat-button-byte-white-ghost-foreground--disabled:var(--slate-500);--kuat-button-byte-white-ghost-muted-background:transparent;--kuat-button-byte-white-ghost-muted-background--hover:var(--slate-100);--kuat-button-byte-white-ghost-muted-background--active:var(--slate-200);--kuat-button-byte-white-ghost-muted-background--focus:transparent;--kuat-button-byte-white-ghost-muted-background--disabled:transparent;--kuat-button-byte-white-ghost-muted-foreground:var(--slate-700);--kuat-button-byte-white-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-byte-white-destructive-background:var(--red-600);--kuat-button-byte-white-destructive-background--hover:var(--red-600);--kuat-button-byte-white-destructive-background--active:var(--red-600);--kuat-button-byte-white-destructive-background--focus:var(--red-600);--kuat-button-byte-white-destructive-background--disabled:var(--slate-200);--kuat-button-byte-white-destructive-foreground:var(--brand-byte-white);--kuat-button-byte-white-destructive-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-primary-background:var(--brand-the-cloud);--kuat-button-the-cloud-primary-background--hover:var(--slate-200);--kuat-button-the-cloud-primary-background--active:var(--slate-300);--kuat-button-the-cloud-primary-background--focus:var(--brand-the-cloud);--kuat-button-the-cloud-primary-background--disabled:var(--slate-100);--kuat-button-the-cloud-primary-foreground:var(--slate-950);--kuat-button-the-cloud-primary-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-secondary-background:var(--slate-200);--kuat-button-the-cloud-secondary-background--hover:var(--slate-300);--kuat-button-the-cloud-secondary-background--active:var(--slate-400);--kuat-button-the-cloud-secondary-background--focus:var(--slate-200);--kuat-button-the-cloud-secondary-background--disabled:var(--slate-100);--kuat-button-the-cloud-secondary-foreground:var(--slate-950);--kuat-button-the-cloud-secondary-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-outline-background:transparent;--kuat-button-the-cloud-outline-background--hover:var(--slate-100);--kuat-button-the-cloud-outline-background--active:var(--slate-200);--kuat-button-the-cloud-outline-background--focus:transparent;--kuat-button-the-cloud-outline-background--disabled:transparent;--kuat-button-the-cloud-outline-foreground:var(--slate-950);--kuat-button-the-cloud-outline-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-outline-border:var(--slate-300);--kuat-button-the-cloud-outline-border--hover:var(--slate-400);--kuat-button-the-cloud-outline-border--focus:var(--slate-300);--kuat-button-the-cloud-outline-border--disabled:var(--slate-200);--kuat-button-the-cloud-ghost-background:transparent;--kuat-button-the-cloud-ghost-background--hover:var(--slate-100);--kuat-button-the-cloud-ghost-background--active:var(--slate-200);--kuat-button-the-cloud-ghost-background--focus:transparent;--kuat-button-the-cloud-ghost-background--disabled:transparent;--kuat-button-the-cloud-ghost-foreground:var(--slate-950);--kuat-button-the-cloud-ghost-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-ghost-muted-background:transparent;--kuat-button-the-cloud-ghost-muted-background--hover:var(--slate-200);--kuat-button-the-cloud-ghost-muted-background--active:var(--slate-300);--kuat-button-the-cloud-ghost-muted-background--focus:transparent;--kuat-button-the-cloud-ghost-muted-background--disabled:transparent;--kuat-button-the-cloud-ghost-muted-foreground:var(--slate-700);--kuat-button-the-cloud-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-the-cloud-destructive-background:var(--red-600);--kuat-button-the-cloud-destructive-background--hover:var(--red-600);--kuat-button-the-cloud-destructive-background--active:var(--red-600);--kuat-button-the-cloud-destructive-background--focus:var(--red-600);--kuat-button-the-cloud-destructive-background--disabled:var(--slate-200);--kuat-button-the-cloud-destructive-foreground:var(--brand-byte-white);--kuat-button-the-cloud-destructive-foreground--disabled:var(--slate-500);--kuat-button-dark-data-primary-background:var(--brand-dark-data);--kuat-button-dark-data-primary-background--hover:var(--slate-800);--kuat-button-dark-data-primary-background--active:var(--slate-900);--kuat-button-dark-data-primary-background--focus:var(--brand-dark-data);--kuat-button-dark-data-primary-background--disabled:var(--slate-700);--kuat-button-dark-data-primary-foreground:var(--brand-byte-white);--kuat-button-dark-data-primary-foreground--disabled:var(--slate-500);--kuat-button-dark-data-secondary-background:var(--slate-700);--kuat-button-dark-data-secondary-background--hover:var(--slate-600);--kuat-button-dark-data-secondary-background--active:var(--slate-500);--kuat-button-dark-data-secondary-background--focus:var(--slate-700);--kuat-button-dark-data-secondary-background--disabled:var(--slate-800);--kuat-button-dark-data-secondary-foreground:var(--slate-100);--kuat-button-dark-data-secondary-foreground--disabled:var(--slate-500);--kuat-button-dark-data-outline-background:transparent;--kuat-button-dark-data-outline-background--hover:var(--slate-800);--kuat-button-dark-data-outline-background--active:var(--slate-700);--kuat-button-dark-data-outline-background--focus:transparent;--kuat-button-dark-data-outline-background--disabled:transparent;--kuat-button-dark-data-outline-foreground:var(--brand-byte-white);--kuat-button-dark-data-outline-foreground--disabled:var(--slate-500);--kuat-button-dark-data-outline-border:var(--slate-600);--kuat-button-dark-data-outline-border--hover:var(--slate-500);--kuat-button-dark-data-outline-border--focus:var(--slate-600);--kuat-button-dark-data-outline-border--disabled:var(--slate-700);--kuat-button-dark-data-ghost-background:transparent;--kuat-button-dark-data-ghost-background--hover:var(--slate-800);--kuat-button-dark-data-ghost-background--active:var(--slate-700);--kuat-button-dark-data-ghost-background--focus:transparent;--kuat-button-dark-data-ghost-background--disabled:transparent;--kuat-button-dark-data-ghost-foreground:var(--brand-byte-white);--kuat-button-dark-data-ghost-foreground--disabled:var(--slate-500);--kuat-button-dark-data-ghost-muted-background:transparent;--kuat-button-dark-data-ghost-muted-background--hover:var(--slate-800);--kuat-button-dark-data-ghost-muted-background--active:var(--slate-700);--kuat-button-dark-data-ghost-muted-background--focus:transparent;--kuat-button-dark-data-ghost-muted-background--disabled:transparent;--kuat-button-dark-data-ghost-muted-foreground:var(--slate-300);--kuat-button-dark-data-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-dark-data-destructive-background:var(--red-600);--kuat-button-dark-data-destructive-background--hover:var(--red-600);--kuat-button-dark-data-destructive-background--active:var(--red-600);--kuat-button-dark-data-destructive-background--focus:var(--red-600);--kuat-button-dark-data-destructive-background--disabled:var(--slate-700);--kuat-button-dark-data-destructive-foreground:var(--brand-byte-white);--kuat-button-dark-data-destructive-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-primary-background:var(--brand-transform-teal);--kuat-button-transform-teal-primary-background--hover:var(--transform-teal-600);--kuat-button-transform-teal-primary-background--active:var(--transform-teal-700);--kuat-button-transform-teal-primary-background--focus:var(--brand-transform-teal);--kuat-button-transform-teal-primary-background--disabled:var(--slate-200);--kuat-button-transform-teal-primary-foreground:var(--brand-byte-white);--kuat-button-transform-teal-primary-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-secondary-background:var(--transform-teal-100);--kuat-button-transform-teal-secondary-background--hover:var(--transform-teal-200);--kuat-button-transform-teal-secondary-background--active:var(--transform-teal-300);--kuat-button-transform-teal-secondary-background--focus:var(--transform-teal-100);--kuat-button-transform-teal-secondary-background--disabled:var(--slate-100);--kuat-button-transform-teal-secondary-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-secondary-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-outline-background:transparent;--kuat-button-transform-teal-outline-background--hover:var(--transform-teal-50);--kuat-button-transform-teal-outline-background--active:var(--transform-teal-100);--kuat-button-transform-teal-outline-background--focus:transparent;--kuat-button-transform-teal-outline-background--disabled:transparent;--kuat-button-transform-teal-outline-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-outline-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-outline-border:var(--brand-transform-teal);--kuat-button-transform-teal-outline-border--hover:var(--transform-teal-600);--kuat-button-transform-teal-outline-border--focus:var(--brand-transform-teal);--kuat-button-transform-teal-outline-border--disabled:var(--slate-300);--kuat-button-transform-teal-ghost-background:transparent;--kuat-button-transform-teal-ghost-background--hover:var(--transform-teal-50);--kuat-button-transform-teal-ghost-background--active:var(--transform-teal-100);--kuat-button-transform-teal-ghost-background--focus:transparent;--kuat-button-transform-teal-ghost-background--disabled:transparent;--kuat-button-transform-teal-ghost-foreground:var(--brand-transform-teal);--kuat-button-transform-teal-ghost-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-ghost-muted-background:transparent;--kuat-button-transform-teal-ghost-muted-background--hover:var(--slate-100);--kuat-button-transform-teal-ghost-muted-background--active:var(--slate-200);--kuat-button-transform-teal-ghost-muted-background--focus:transparent;--kuat-button-transform-teal-ghost-muted-background--disabled:transparent;--kuat-button-transform-teal-ghost-muted-foreground:var(--slate-700);--kuat-button-transform-teal-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-transform-teal-destructive-background:var(--red-600);--kuat-button-transform-teal-destructive-background--hover:var(--red-600);--kuat-button-transform-teal-destructive-background--active:var(--red-600);--kuat-button-transform-teal-destructive-background--focus:var(--red-600);--kuat-button-transform-teal-destructive-background--disabled:var(--slate-200);--kuat-button-transform-teal-destructive-foreground:var(--brand-byte-white);--kuat-button-transform-teal-destructive-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-primary-background:var(--brand-equal-ember);--kuat-button-equal-ember-primary-background--hover:var(--equal-ember-600);--kuat-button-equal-ember-primary-background--active:var(--equal-ember-700);--kuat-button-equal-ember-primary-background--focus:var(--brand-equal-ember);--kuat-button-equal-ember-primary-background--disabled:var(--slate-200);--kuat-button-equal-ember-primary-foreground:var(--brand-byte-white);--kuat-button-equal-ember-primary-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-secondary-background:var(--equal-ember-100);--kuat-button-equal-ember-secondary-background--hover:var(--equal-ember-200);--kuat-button-equal-ember-secondary-background--active:var(--equal-ember-300);--kuat-button-equal-ember-secondary-background--focus:var(--equal-ember-100);--kuat-button-equal-ember-secondary-background--disabled:var(--slate-100);--kuat-button-equal-ember-secondary-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-secondary-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-outline-background:transparent;--kuat-button-equal-ember-outline-background--hover:var(--equal-ember-50);--kuat-button-equal-ember-outline-background--active:var(--equal-ember-100);--kuat-button-equal-ember-outline-background--focus:transparent;--kuat-button-equal-ember-outline-background--disabled:transparent;--kuat-button-equal-ember-outline-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-outline-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-outline-border:var(--brand-equal-ember);--kuat-button-equal-ember-outline-border--hover:var(--equal-ember-600);--kuat-button-equal-ember-outline-border--focus:var(--brand-equal-ember);--kuat-button-equal-ember-outline-border--disabled:var(--slate-300);--kuat-button-equal-ember-ghost-background:transparent;--kuat-button-equal-ember-ghost-background--hover:var(--equal-ember-50);--kuat-button-equal-ember-ghost-background--active:var(--equal-ember-100);--kuat-button-equal-ember-ghost-background--focus:transparent;--kuat-button-equal-ember-ghost-background--disabled:transparent;--kuat-button-equal-ember-ghost-foreground:var(--brand-equal-ember);--kuat-button-equal-ember-ghost-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-ghost-muted-background:transparent;--kuat-button-equal-ember-ghost-muted-background--hover:var(--slate-100);--kuat-button-equal-ember-ghost-muted-background--active:var(--slate-200);--kuat-button-equal-ember-ghost-muted-background--focus:transparent;--kuat-button-equal-ember-ghost-muted-background--disabled:transparent;--kuat-button-equal-ember-ghost-muted-foreground:var(--slate-700);--kuat-button-equal-ember-ghost-muted-foreground--disabled:var(--slate-500);--kuat-button-equal-ember-destructive-background:var(--red-600);--kuat-button-equal-ember-destructive-background--hover:var(--red-600);--kuat-button-equal-ember-destructive-background--active:var(--red-600);--kuat-button-equal-ember-destructive-background--focus:var(--red-600);--kuat-button-equal-ember-destructive-background--disabled:var(--slate-200);--kuat-button-equal-ember-destructive-foreground:var(--brand-byte-white);--kuat-button-equal-ember-destructive-foreground--disabled:var(--slate-500)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}:root{--kuat-radial-progress-size-mini:48px;--kuat-radial-progress-size-small:64px;--kuat-radial-progress-size-medium:96px;--kuat-radial-progress-size-large:128px}@layer theme,components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.h-4{height:calc(var(--spacing)*4)}.w-4{width:calc(var(--spacing)*4)}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.items-center{align-items:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.border{border-style:var(--tw-border-style);border-width:1px}.bg-background{background-color:var(--background)}.p-4{padding:calc(var(--spacing)*4)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ease{syntax:"*";inherits:false}
@@ -0,0 +1,61 @@
1
+ import { jsx as i, jsxs as h } from "react/jsx-runtime";
2
+ import * as t from "react";
3
+ import { c as o } from "./utils-DLUjLwnh.js";
4
+ import { F as S, e as b, a as y, i as I, b as R } from "./field-DRLopwY4.js";
5
+ import * as c from "@radix-ui/react-switch";
6
+ const m = t.forwardRef(({ className: s, ...e }, a) => /* @__PURE__ */ i(
7
+ c.Root,
8
+ {
9
+ ref: a,
10
+ className: o("switch", s),
11
+ "data-slot": "switch",
12
+ ...e,
13
+ children: /* @__PURE__ */ i(c.Thumb, { className: "switch__thumb", "data-slot": "switch-thumb" })
14
+ }
15
+ ));
16
+ m.displayName = c.Root.displayName;
17
+ const L = ["plain", "card"], T = ["inline", "block"], v = t.forwardRef(
18
+ ({
19
+ className: s,
20
+ label: e,
21
+ secondaryText: a,
22
+ appearance: f = "plain",
23
+ layout: w = "inline",
24
+ flipped: p = !1,
25
+ id: _,
26
+ disabled: d,
27
+ ...l
28
+ }, N) => {
29
+ const F = t.useId(), n = _ ?? F, r = a != null, u = l["aria-invalid"] === !0 || l["aria-invalid"] === "true";
30
+ return /* @__PURE__ */ i(
31
+ S,
32
+ {
33
+ className: o(
34
+ "switch-field",
35
+ `switch-field--appearance-${f}`,
36
+ `switch-field--layout-${w}`,
37
+ r && "switch-field--has-secondary",
38
+ p && "switch-field--flipped",
39
+ d && "switch-field--disabled",
40
+ u && "switch-field--invalid",
41
+ s
42
+ ),
43
+ "data-slot": "switch-field",
44
+ children: /* @__PURE__ */ h(b, { className: "switch-field__label", htmlFor: n, children: [
45
+ /* @__PURE__ */ i("span", { className: "switch-field__switch-wrap", children: /* @__PURE__ */ i(m, { ref: N, id: n, disabled: d, ...l }) }),
46
+ /* @__PURE__ */ h(y, { className: "switch-field__text", children: [
47
+ /* @__PURE__ */ i(I, { className: "switch-field__primary", children: e }),
48
+ r ? /* @__PURE__ */ i(R, { className: "switch-field__secondary", children: a }) : null
49
+ ] })
50
+ ] })
51
+ }
52
+ );
53
+ }
54
+ );
55
+ v.displayName = "SwitchField";
56
+ export {
57
+ m as S,
58
+ v as a,
59
+ L as b,
60
+ T as c
61
+ };
@@ -0,0 +1 @@
1
+ @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-duration:initial;--tw-ease:initial}}}.switch{transition-property:border-color,box-shadow,opacity,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.15s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-outline-style:none;--kuat-switch-width:calc(var(--spacing)*9);--kuat-switch-height:calc(var(--spacing)*5);--kuat-switch-thumb-size:calc(var(--spacing)*4);width:var(--kuat-switch-width);height:var(--kuat-switch-height);border:1px solid var(--slate-300);background:var(--slate-100);box-shadow:var(--shadow-xs);border-radius:3.40282e38px;outline-style:none;flex-shrink:0;align-items:center;padding:1px;display:inline-flex;position:relative}.switch:focus-visible{border-color:var(--slate-400);box-shadow:0 0 0 3px var(--ring)}.switch[data-state=checked]{border-color:var(--primary);background:var(--primary)}.switch[data-state=checked]:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring)}.switch[aria-invalid=true]{border-color:var(--destructive)}.switch[aria-invalid=true]:focus-visible{border-color:var(--destructive);box-shadow:0 0 0 3px var(--red-300)}.switch[data-state=checked][aria-invalid=true]{border-color:var(--destructive);background:var(--destructive)}.switch[data-state=checked][aria-invalid=true]:focus-visible{box-shadow:0 0 0 3px var(--red-300)}.switch:disabled{cursor:not-allowed;opacity:.3}.switch__thumb{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.15s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));width:var(--kuat-switch-thumb-size);height:var(--kuat-switch-thumb-size);background:var(--background);box-shadow:var(--shadow-xs);border-radius:3.40282e38px;display:block;transform:translate(0)}.switch[data-state=checked] .switch__thumb{transform:translate(calc(var(--kuat-switch-width) - var(--kuat-switch-thumb-size) - 4px));background:var(--primary-foreground)}.switch[data-state=checked][aria-invalid=true] .switch__thumb{background:var(--destructive-foreground)}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-tracking:initial}}}.switch-field{width:100%;min-width:calc(var(--spacing,.25rem)*0)}.switch-field__label{cursor:pointer;align-items:flex-start;gap:calc(var(--spacing,.25rem)*2);-webkit-user-select:none;user-select:none;display:flex}.switch-field--appearance-card .switch-field__label{border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:var(--border);background-color:var(--card);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);border-radius:10px}.switch-field--disabled .switch-field__label{cursor:not-allowed;opacity:.3}.switch-field--invalid .switch-field__primary{color:var(--destructive)}.switch-field--appearance-card.switch-field--invalid .switch-field__label{border-color:var(--destructive)}.switch-field--flipped .switch-field__label{flex-direction:row-reverse}.switch-field__switch-wrap{padding-top:calc(var(--spacing,.25rem)*.5);flex-shrink:0;justify-content:center;align-items:center;display:flex}.switch-field__text{min-height:1px;min-width:calc(var(--spacing,.25rem)*0);align-items:flex-start;gap:calc(var(--spacing,.25rem)*0);text-align:left;flex-direction:column;flex:1;display:flex}.switch-field--layout-inline .switch-field__text{flex:none}.switch-field--layout-inline:not(.switch-field--has-secondary) .switch-field__primary{white-space:nowrap;flex-shrink:0}.switch-field__primary{width:100%;font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:1.5;--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);color:var(--foreground);line-height:1.5}.switch-field__secondary{width:100%;font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:calc(var(--spacing,.25rem)*4);line-height:calc(var(--spacing,.25rem)*4);--tw-tracking:calc(var(--tracking-normal) + .025em);letter-spacing:calc(var(--tracking-normal) + .025em);color:var(--muted-foreground)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}
@@ -0,0 +1 @@
1
+ export * from './components/ui/switch';
package/dist/switch.js ADDED
@@ -0,0 +1,7 @@
1
+ import { b as s, c as A, S as E, a as I } from "./switch-field-Ce9CiRqk.js";
2
+ export {
3
+ s as SWITCH_FIELD_APPEARANCES,
4
+ A as SWITCH_FIELD_LAYOUTS,
5
+ E as Switch,
6
+ I as SwitchField
7
+ };
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,19 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import * as s from "react";
3
+ import { c } from "./utils-DLUjLwnh.js";
4
+ const n = ["none", "vertical", "horizontal", "both"], i = s.forwardRef(
5
+ ({ className: a, resize: t = "vertical", ...e }, r) => /* @__PURE__ */ o(
6
+ "textarea",
7
+ {
8
+ ref: r,
9
+ className: c("textarea", `textarea--resize-${t}`, a),
10
+ "data-slot": "textarea",
11
+ ...e
12
+ }
13
+ )
14
+ );
15
+ i.displayName = "Textarea";
16
+ export {
17
+ i as T,
18
+ n as a
19
+ };
@@ -0,0 +1 @@
1
+ /*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-leading:initial;--tw-tracking:initial;--tw-duration:initial;--tw-ease:initial}}}.textarea{min-height:calc(var(--spacing,.25rem)*19);border-radius:calc(var(--radius) - 4px);width:100%;padding:calc(var(--spacing,.25rem)*2);font-family:var(--font-sans,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-leading:calc(var(--spacing,.25rem)*6);line-height:calc(var(--spacing,.25rem)*6);--tw-tracking:var(--tracking-normal);letter-spacing:var(--tracking-normal);transition-property:border-color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.15s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.15s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));--tw-outline-style:none;border:1px solid var(--border);background:var(--input);color:var(--foreground);box-shadow:var(--shadow-xs);outline-style:none}.textarea::placeholder{color:var(--muted-foreground)}.textarea:focus-visible{border-color:var(--slate-400);box-shadow:0 0 0 3px var(--ring)}.textarea[aria-invalid=true]{border-color:var(--destructive)}.textarea[aria-invalid=true]:focus-visible{border-color:var(--destructive);box-shadow:0 0 0 3px var(--red-300)}.textarea:disabled{cursor:not-allowed;opacity:.3}.textarea--resize-none{resize:none}.textarea--resize-vertical{resize:vertical}.textarea--resize-horizontal{resize:horizontal}.textarea--resize-both{resize:both}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
@@ -0,0 +1,3 @@
1
+ export { cn } from './lib/utils';
2
+ export { Textarea, TEXTAREA_RESIZE } from './components/ui/textarea';
3
+ export type { TextareaProps, TextareaResize } from './components/ui/textarea';
@@ -0,0 +1,8 @@
1
+ import { c as e } from "./utils-DLUjLwnh.js";
2
+ /* empty css */
3
+ import { a as E, T } from "./textarea-DiU8h_H0.js";
4
+ export {
5
+ E as TEXTAREA_RESIZE,
6
+ T as Textarea,
7
+ e as cn
8
+ };
@@ -0,0 +1,3 @@
1
+ export { cn } from './lib/utils';
2
+ export { ToggleGroup, ToggleGroupItem, TOGGLE_SIZES, TOGGLE_SKINS, } from './components/ui/toggle';
3
+ export type { ToggleGroupProps, ToggleGroupItemProps, ToggleSize, ToggleSkin, } from './components/ui/toggle';
@@ -0,0 +1,10 @@
1
+ import { c as G } from "./utils-DLUjLwnh.js";
2
+ /* empty css */
3
+ import { a as p, b as s, c as g, d as m } from "./constants-DHz0LWRt.js";
4
+ export {
5
+ p as TOGGLE_SIZES,
6
+ s as TOGGLE_SKINS,
7
+ g as ToggleGroup,
8
+ m as ToggleGroupItem,
9
+ G as cn
10
+ };
@@ -0,0 +1,3 @@
1
+ export { cn } from './lib/utils';
2
+ export { Toggle, TOGGLE_SIZES, TOGGLE_SKINS } from './components/ui/toggle';
3
+ export type { ToggleProps, ToggleSize, ToggleSkin } from './components/ui/toggle';
package/dist/toggle.js ADDED
@@ -0,0 +1,9 @@
1
+ import { c as s } from "./utils-DLUjLwnh.js";
2
+ /* empty css */
3
+ import { a as S, b as T, T as e } from "./constants-DHz0LWRt.js";
4
+ export {
5
+ S as TOGGLE_SIZES,
6
+ T as TOGGLE_SKINS,
7
+ e as Toggle,
8
+ s as cn
9
+ };
@@ -2273,6 +2273,5 @@ function We(...e) {
2273
2273
  return Le(ne(e));
2274
2274
  }
2275
2275
  export {
2276
- ne as a,
2277
2276
  We as c
2278
2277
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@equal-experts/kuat-react",
3
- "version": "0.4.1",
3
+ "version": "0.5.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -30,6 +30,46 @@
30
30
  "import": "./dist/button-group.js",
31
31
  "types": "./dist/button-group.d.ts"
32
32
  },
33
+ "./kuat-radial-progress": {
34
+ "import": "./dist/kuat-radial-progress.js",
35
+ "types": "./dist/kuat-radial-progress.d.ts"
36
+ },
37
+ "./textarea": {
38
+ "import": "./dist/textarea.js",
39
+ "types": "./dist/textarea.d.ts"
40
+ },
41
+ "./input": {
42
+ "import": "./dist/input.js",
43
+ "types": "./dist/input.d.ts"
44
+ },
45
+ "./field": {
46
+ "import": "./dist/field.js",
47
+ "types": "./dist/field.d.ts"
48
+ },
49
+ "./select": {
50
+ "import": "./dist/select.js",
51
+ "types": "./dist/select.d.ts"
52
+ },
53
+ "./checkbox": {
54
+ "import": "./dist/checkbox.js",
55
+ "types": "./dist/checkbox.d.ts"
56
+ },
57
+ "./radio": {
58
+ "import": "./dist/radio.js",
59
+ "types": "./dist/radio.d.ts"
60
+ },
61
+ "./switch": {
62
+ "import": "./dist/switch.js",
63
+ "types": "./dist/switch.d.ts"
64
+ },
65
+ "./toggle": {
66
+ "import": "./dist/toggle.js",
67
+ "types": "./dist/toggle.d.ts"
68
+ },
69
+ "./toggle-group": {
70
+ "import": "./dist/toggle-group.js",
71
+ "types": "./dist/toggle-group.d.ts"
72
+ },
33
73
  "./styles": "./dist/style.css"
34
74
  },
35
75
  "files": [
@@ -53,25 +93,33 @@
53
93
  "scripts": {
54
94
  "build": "vite build",
55
95
  "dev": "vite build --watch",
56
- "lint": "eslint . --max-warnings 0"
96
+ "lint": "eslint . --max-warnings 0",
97
+ "test": "vitest",
98
+ "test:run": "vitest run"
57
99
  },
58
100
  "dependencies": {
59
101
  "class-variance-authority": "^0.7.0",
60
102
  "clsx": "^2.1.0",
103
+ "embla-carousel-react": "^8.0.0",
61
104
  "tailwind-merge": "^2.2.1"
62
105
  },
63
106
  "devDependencies": {
64
- "@equal-experts/kuat-core": "^0.3.0",
107
+ "@equal-experts/kuat-core": "workspace:*",
65
108
  "@tailwindcss/vite": "^4.0.0",
109
+ "@testing-library/jest-dom": "^6.6.0",
110
+ "@testing-library/react": "^16.0.0",
111
+ "@testing-library/user-event": "^14.5.0",
66
112
  "@types/react": "^19.0.0",
67
113
  "@types/react-dom": "^19.0.0",
68
114
  "@vitejs/plugin-react": "^4.2.1",
69
115
  "autoprefixer": "^10.4.17",
116
+ "jsdom": "^24.0.0",
70
117
  "postcss": "^8.4.33",
71
118
  "tailwindcss": "^4.0.0",
72
119
  "typescript": "^5.3.3",
73
120
  "vite": "^5.1.0",
74
- "vite-plugin-dts": "^3.6.4"
121
+ "vite-plugin-dts": "^3.6.4",
122
+ "vitest": "^2.0.0"
75
123
  },
76
124
  "peerDependencies": {
77
125
  "react": "^18.2.0 || ^19.0.0",
@@ -1,46 +0,0 @@
1
- import { jsx as t, jsxs as c } from "react/jsx-runtime";
2
- import * as s from "react";
3
- import * as a from "@radix-ui/react-accordion";
4
- import { ChevronDown as d } from "lucide-react";
5
- import { c as i } from "./utils-qaFjX9_3.js";
6
- const w = a.Root, m = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ t(
7
- a.Item,
8
- {
9
- ref: r,
10
- className: i("border-b", e),
11
- ...o
12
- }
13
- ));
14
- m.displayName = "AccordionItem";
15
- const l = s.forwardRef(({ className: e, children: o, ...r }, n) => /* @__PURE__ */ t(a.Header, { className: "flex", children: /* @__PURE__ */ c(
16
- a.Trigger,
17
- {
18
- ref: n,
19
- className: i(
20
- "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180 ",
21
- e
22
- ),
23
- ...r,
24
- children: [
25
- o,
26
- /* @__PURE__ */ t(d, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
27
- ]
28
- }
29
- ) }));
30
- l.displayName = a.Trigger.displayName;
31
- const f = s.forwardRef(({ className: e, children: o, ...r }, n) => /* @__PURE__ */ t(
32
- a.Content,
33
- {
34
- ref: n,
35
- className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
36
- ...r,
37
- children: /* @__PURE__ */ t("div", { className: i("pb-4 pt-0", e), children: o })
38
- }
39
- ));
40
- f.displayName = a.Content.displayName;
41
- export {
42
- w as A,
43
- m as a,
44
- l as b,
45
- f as c
46
- };
@@ -1,113 +0,0 @@
1
- import { jsx as s, jsxs as n } from "react/jsx-runtime";
2
- import * as i from "react";
3
- import * as t from "@radix-ui/react-alert-dialog";
4
- import { c as l } from "./utils-qaFjX9_3.js";
5
- import { b as r } from "./button-CPn6T5-L.js";
6
- const w = t.Root, b = t.Trigger, m = t.Portal, d = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
7
- t.Overlay,
8
- {
9
- className: l(
10
- "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
11
- a
12
- ),
13
- ...e,
14
- ref: o
15
- }
16
- ));
17
- d.displayName = t.Overlay.displayName;
18
- const c = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ n(m, { children: [
19
- /* @__PURE__ */ s(d, {}),
20
- /* @__PURE__ */ s(
21
- t.Content,
22
- {
23
- ref: o,
24
- className: l(
25
- "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
26
- a
27
- ),
28
- ...e
29
- }
30
- )
31
- ] }));
32
- c.displayName = t.Content.displayName;
33
- const f = ({
34
- className: a,
35
- ...e
36
- }) => /* @__PURE__ */ s(
37
- "div",
38
- {
39
- className: l(
40
- "flex flex-col space-y-2 text-center sm:text-left",
41
- a
42
- ),
43
- ...e
44
- }
45
- );
46
- f.displayName = "AlertDialogHeader";
47
- const p = ({
48
- className: a,
49
- ...e
50
- }) => /* @__PURE__ */ s(
51
- "div",
52
- {
53
- className: l(
54
- "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
55
- a
56
- ),
57
- ...e
58
- }
59
- );
60
- p.displayName = "AlertDialogFooter";
61
- const g = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
62
- t.Title,
63
- {
64
- ref: o,
65
- className: l("text-lg font-semibold", a),
66
- ...e
67
- }
68
- ));
69
- g.displayName = t.Title.displayName;
70
- const N = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
71
- t.Description,
72
- {
73
- ref: o,
74
- className: l("text-sm text-muted-foreground", a),
75
- ...e
76
- }
77
- ));
78
- N.displayName = t.Description.displayName;
79
- const y = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
80
- t.Action,
81
- {
82
- ref: o,
83
- className: l(r(), a),
84
- ...e
85
- }
86
- ));
87
- y.displayName = t.Action.displayName;
88
- const x = i.forwardRef(({ className: a, ...e }, o) => /* @__PURE__ */ s(
89
- t.Cancel,
90
- {
91
- ref: o,
92
- className: l(
93
- r({ variant: "outline" }),
94
- "mt-2 sm:mt-0",
95
- a
96
- ),
97
- ...e
98
- }
99
- ));
100
- x.displayName = t.Cancel.displayName;
101
- export {
102
- w as A,
103
- m as a,
104
- d as b,
105
- b as c,
106
- c as d,
107
- f as e,
108
- p as f,
109
- g,
110
- N as h,
111
- y as i,
112
- x as j
113
- };
@@ -1,26 +0,0 @@
1
- import { jsx as n } from "react/jsx-runtime";
2
- import { c as o } from "./index-DACAHwoB.js";
3
- import { c as a } from "./utils-qaFjX9_3.js";
4
- const s = o(
5
- "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
6
- {
7
- variants: {
8
- variant: {
9
- default: "border-transparent bg-primary text-primary-foreground",
10
- secondary: "border-transparent bg-secondary text-secondary-foreground",
11
- destructive: "border-transparent bg-destructive text-destructive-foreground",
12
- outline: "text-foreground"
13
- }
14
- },
15
- defaultVariants: {
16
- variant: "default"
17
- }
18
- }
19
- );
20
- function u({ className: r, variant: t, ...e }) {
21
- return /* @__PURE__ */ n("div", { className: a(s({ variant: t }), r), ...e });
22
- }
23
- export {
24
- u as B,
25
- s as b
26
- };
@@ -1,44 +0,0 @@
1
- import { jsx as s } from "react/jsx-runtime";
2
- import * as a from "react";
3
- import { Slot as d } from "@radix-ui/react-slot";
4
- import { c } from "./index-DACAHwoB.js";
5
- import { c as u } from "./utils-qaFjX9_3.js";
6
- const f = c(
7
- "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
8
- {
9
- variants: {
10
- variant: {
11
- default: "bg-primary text-primary-foreground hover:bg-primary/90",
12
- destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
13
- outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
14
- secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
15
- ghost: "hover:bg-accent hover:text-accent-foreground",
16
- link: "text-primary underline-offset-4 hover:underline"
17
- },
18
- size: {
19
- default: "h-10 px-4 py-2",
20
- sm: "h-9 rounded-md px-3",
21
- lg: "h-11 rounded-md px-8",
22
- icon: "h-10 w-10"
23
- }
24
- },
25
- defaultVariants: {
26
- variant: "default",
27
- size: "default"
28
- }
29
- }
30
- ), g = a.forwardRef(
31
- ({ className: e, variant: r, size: t, asChild: o = !1, ...n }, i) => /* @__PURE__ */ s(
32
- o ? d : "button",
33
- {
34
- className: u(f({ variant: r, size: t, className: e })),
35
- ref: i,
36
- ...n
37
- }
38
- )
39
- );
40
- g.displayName = "Button";
41
- export {
42
- g as B,
43
- f as b
44
- };