@bricks-toolkit/toolkit 0.1.0 → 0.1.1

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 (149) hide show
  1. package/dist/Button.types-BsQYqZml.d.ts +27 -0
  2. package/dist/Button.types-D-srlWFf.d.mts +27 -0
  3. package/dist/TextInput.types-DRI8HQza.d.mts +32 -0
  4. package/dist/TextInput.types-DRI8HQza.d.ts +32 -0
  5. package/dist/Tooltip.types-PbUasE3C.d.mts +36 -0
  6. package/dist/Tooltip.types-PbUasE3C.d.ts +36 -0
  7. package/dist/avatar/index.cjs +1 -0
  8. package/dist/avatar/index.d.mts +29 -0
  9. package/dist/avatar/index.d.ts +29 -0
  10. package/dist/avatar/index.mjs +1 -0
  11. package/dist/badge/index.cjs +1 -0
  12. package/dist/badge/index.d.mts +57 -0
  13. package/dist/badge/index.d.ts +57 -0
  14. package/dist/badge/index.mjs +1 -0
  15. package/dist/breadcrumbs/index.cjs +1 -0
  16. package/dist/breadcrumbs/index.d.mts +32 -0
  17. package/dist/breadcrumbs/index.d.ts +32 -0
  18. package/dist/breadcrumbs/index.mjs +1 -0
  19. package/dist/button/index.cjs +2 -0
  20. package/dist/button/index.d.mts +8 -0
  21. package/dist/button/index.d.ts +8 -0
  22. package/dist/button/index.mjs +2 -0
  23. package/dist/card/index.cjs +1 -0
  24. package/dist/card/index.d.mts +42 -0
  25. package/dist/card/index.d.ts +42 -0
  26. package/dist/card/index.mjs +1 -0
  27. package/dist/checkbox/index.cjs +1 -0
  28. package/dist/checkbox/index.d.mts +36 -0
  29. package/dist/checkbox/index.d.ts +36 -0
  30. package/dist/checkbox/index.mjs +1 -0
  31. package/dist/combo-box/index.cjs +1 -0
  32. package/dist/combo-box/index.d.mts +62 -0
  33. package/dist/combo-box/index.d.ts +62 -0
  34. package/dist/combo-box/index.mjs +1 -0
  35. package/dist/date-picker/index.cjs +2 -0
  36. package/dist/date-picker/index.d.mts +32 -0
  37. package/dist/date-picker/index.d.ts +32 -0
  38. package/dist/date-picker/index.mjs +2 -0
  39. package/dist/dialog/index.cjs +1 -0
  40. package/dist/dialog/index.d.mts +61 -0
  41. package/dist/dialog/index.d.ts +61 -0
  42. package/dist/dialog/index.mjs +1 -0
  43. package/dist/dropdown-menu/index.cjs +1 -0
  44. package/dist/dropdown-menu/index.d.mts +34 -0
  45. package/dist/dropdown-menu/index.d.ts +34 -0
  46. package/dist/dropdown-menu/index.mjs +1 -0
  47. package/dist/email/index.cjs +2 -0
  48. package/dist/email/index.d.mts +38 -0
  49. package/dist/email/index.d.ts +38 -0
  50. package/dist/email/index.mjs +2 -0
  51. package/dist/file-upload/index.cjs +1 -0
  52. package/dist/file-upload/index.d.mts +27 -0
  53. package/dist/file-upload/index.d.ts +27 -0
  54. package/dist/file-upload/index.mjs +1 -0
  55. package/dist/header/index.cjs +2 -0
  56. package/dist/header/index.d.mts +28 -0
  57. package/dist/header/index.d.ts +28 -0
  58. package/dist/header/index.mjs +2 -0
  59. package/dist/icon-button/index.cjs +2 -0
  60. package/dist/icon-button/index.d.mts +16 -0
  61. package/dist/icon-button/index.d.ts +16 -0
  62. package/dist/icon-button/index.mjs +2 -0
  63. package/dist/image/index.cjs +1 -0
  64. package/dist/image/index.d.mts +48 -0
  65. package/dist/image/index.d.ts +48 -0
  66. package/dist/image/index.mjs +1 -0
  67. package/dist/index.cjs +2 -0
  68. package/dist/index.d.mts +141 -0
  69. package/dist/index.mjs +2 -0
  70. package/dist/link/index.cjs +1 -0
  71. package/dist/link/index.d.mts +25 -0
  72. package/dist/link/index.d.ts +25 -0
  73. package/dist/link/index.mjs +1 -0
  74. package/dist/loader/index.cjs +2 -0
  75. package/dist/loader/index.d.mts +21 -0
  76. package/dist/loader/index.d.ts +21 -0
  77. package/dist/loader/index.mjs +2 -0
  78. package/dist/modal/index.cjs +1 -0
  79. package/dist/modal/index.d.mts +116 -0
  80. package/dist/modal/index.d.ts +116 -0
  81. package/dist/modal/index.mjs +1 -0
  82. package/dist/multi-select/index.cjs +2 -0
  83. package/dist/multi-select/index.d.mts +59 -0
  84. package/dist/multi-select/index.d.ts +59 -0
  85. package/dist/multi-select/index.mjs +2 -0
  86. package/dist/otp-input/index.cjs +1 -0
  87. package/dist/otp-input/index.d.mts +57 -0
  88. package/dist/otp-input/index.d.ts +57 -0
  89. package/dist/otp-input/index.mjs +1 -0
  90. package/dist/password-input/index.cjs +2 -0
  91. package/dist/password-input/index.d.mts +32 -0
  92. package/dist/password-input/index.d.ts +32 -0
  93. package/dist/password-input/index.mjs +2 -0
  94. package/dist/phone/index.cjs +2 -0
  95. package/dist/phone/index.d.mts +41 -0
  96. package/dist/phone/index.d.ts +41 -0
  97. package/dist/phone/index.mjs +2 -0
  98. package/dist/radio-button/index.cjs +1 -0
  99. package/dist/radio-button/index.d.mts +56 -0
  100. package/dist/radio-button/index.d.ts +56 -0
  101. package/dist/radio-button/index.mjs +1 -0
  102. package/dist/search-input/index.cjs +2 -0
  103. package/dist/search-input/index.d.mts +22 -0
  104. package/dist/search-input/index.d.ts +22 -0
  105. package/dist/search-input/index.mjs +2 -0
  106. package/dist/select/index.cjs +2 -0
  107. package/dist/select/index.d.mts +36 -0
  108. package/dist/select/index.d.ts +36 -0
  109. package/dist/select/index.mjs +2 -0
  110. package/dist/sidebar/index.cjs +1 -0
  111. package/dist/sidebar/index.d.mts +96 -0
  112. package/dist/sidebar/index.d.ts +96 -0
  113. package/dist/sidebar/index.mjs +1 -0
  114. package/dist/skeleton/index.cjs +1 -0
  115. package/dist/skeleton/index.d.mts +76 -0
  116. package/dist/skeleton/index.d.ts +76 -0
  117. package/dist/skeleton/index.mjs +1 -0
  118. package/dist/styles.css +2 -0
  119. package/dist/styles.d.mts +2 -0
  120. package/dist/styles.d.ts +2 -0
  121. package/dist/table/index.cjs +1 -0
  122. package/dist/table/index.d.mts +92 -0
  123. package/dist/table/index.d.ts +92 -0
  124. package/dist/table/index.mjs +1 -0
  125. package/dist/tabs/index.cjs +2 -0
  126. package/dist/tabs/index.d.mts +26 -0
  127. package/dist/tabs/index.d.ts +26 -0
  128. package/dist/tabs/index.mjs +2 -0
  129. package/dist/text-input/index.cjs +2 -0
  130. package/dist/text-input/index.d.mts +7 -0
  131. package/dist/text-input/index.d.ts +7 -0
  132. package/dist/text-input/index.mjs +2 -0
  133. package/dist/theme-provider/index.cjs +1 -0
  134. package/dist/theme-provider/index.d.mts +122 -0
  135. package/dist/theme-provider/index.d.ts +122 -0
  136. package/dist/theme-provider/index.mjs +1 -0
  137. package/dist/time-picker/index.cjs +2 -0
  138. package/dist/time-picker/index.d.mts +32 -0
  139. package/dist/time-picker/index.d.ts +32 -0
  140. package/dist/time-picker/index.mjs +2 -0
  141. package/dist/toaster/index.cjs +1 -0
  142. package/dist/toaster/index.d.mts +28 -0
  143. package/dist/toaster/index.d.ts +28 -0
  144. package/dist/toaster/index.mjs +1 -0
  145. package/dist/tooltip/index.cjs +1 -0
  146. package/dist/tooltip/index.d.mts +7 -0
  147. package/dist/tooltip/index.d.ts +7 -0
  148. package/dist/tooltip/index.mjs +1 -0
  149. package/package.json +56 -54
package/dist/styles.css ADDED
@@ -0,0 +1,2 @@
1
+ @layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--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;--color-red-500: oklch(63.7% .237 25.331);--color-orange-400: oklch(75% .183 55.934);--color-orange-500: oklch(70.5% .213 47.604);--color-amber-100: oklch(96.2% .059 95.617);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-500: oklch(76.9% .188 70.08);--color-amber-700: oklch(55.5% .163 48.998);--color-green-100: oklch(96.2% .044 156.743);--color-green-400: oklch(79.2% .209 151.711);--color-green-500: oklch(72.3% .219 149.579);--color-green-700: oklch(52.7% .154 150.069);--color-emerald-600: oklch(59.6% .145 163.225);--color-teal-400: oklch(77.7% .152 181.912);--color-teal-500: oklch(70.4% .14 182.503);--color-cyan-400: oklch(78.9% .154 211.53);--color-cyan-500: oklch(71.5% .143 215.221);--color-sky-400: oklch(74.6% .16 232.661);--color-sky-500: oklch(68.5% .169 237.323);--color-sky-600: oklch(58.8% .158 241.966);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-indigo-500: oklch(58.5% .233 277.117);--color-indigo-600: oklch(51.1% .262 276.966);--color-indigo-700: oklch(45.7% .24 277.023);--color-violet-600: oklch(54.1% .281 293.009);--color-purple-500: oklch(62.7% .265 303.9);--color-purple-600: oklch(55.8% .288 302.321);--color-fuchsia-600: oklch(59.1% .293 322.896);--color-pink-500: oklch(65.6% .241 354.308);--color-rose-600: oklch(58.6% .253 17.585);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-700: oklch(37.2% .044 257.287);--color-gray-50: oklch(98.5% .002 247.839);--color-gray-100: oklch(96.7% .003 264.542);--color-gray-200: oklch(92.8% .006 264.531);--color-gray-300: oklch(87.2% .01 258.338);--color-gray-400: oklch(70.7% .022 261.325);--color-gray-500: oklch(55.1% .027 264.364);--color-gray-600: oklch(44.6% .03 256.802);--color-gray-700: oklch(37.3% .034 259.733);--color-gray-800: oklch(27.8% .033 256.848);--color-gray-900: oklch(21% .034 264.665);--color-black: #000;--color-white: #fff;--spacing: .25rem;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--text-base: 1rem;--text-base--line-height: 1.5 ;--text-lg: 1.125rem;--text-lg--line-height: calc(1.75 / 1.125);--text-xl: 1.25rem;--text-xl--line-height: calc(1.75 / 1.25);--text-2xl: 1.5rem;--text-2xl--line-height: calc(2 / 1.5);--text-3xl: 1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl: 2.25rem;--text-4xl--line-height: calc(2.5 / 2.25);--font-weight-light: 300;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--leading-tight: 1.25;--leading-snug: 1.375;--leading-relaxed: 1.625;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--drop-shadow-sm: 0 1px 2px rgb(0 0 0 / .15);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--animate-spin: spin 1s linear infinite;--animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce: bounce 1s infinite;--blur-sm: 8px;--blur-md: 12px;--blur-xl: 24px;--aspect-video: 16 / 9;--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);--color-primary: var(--primary);--color-primary-hover: var(--primary-hover);--color-primary-active: var(--primary-active);--color-secondary: var(--secondary);--color-secondary-hover: var(--secondary-hover);--color-accent: var(--accent);--color-background: var(--background);--color-surface: var(--surface);--color-surface-secondary: var(--surface-secondary);--color-border: var(--border);--color-border-light: var(--border-light);--color-divider: var(--divider);--color-text: var(--text);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-text-inverse: var(--text-inverse);--color-success: var(--success);--color-warning: var(--warning);--color-error: var(--error);--color-info: var(--info);--color-hover: var(--hover);--color-active: var(--active);--color-primary-foreground: var(--text-inverse);--color-skeleton: var(--skeleton-base);--color-skeleton-shine: var(--skeleton-shine);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-modal: 1050;--z-index-tooltip: 1100}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;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{font-size:75%;line-height:0;position:relative;vertical-align:baseline}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{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}: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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::-moz-placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,currentcolor 50%,transparent)}}::placeholder{color:currentcolor;@supports (color: color-mix(in lab,red,red)){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,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-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]),::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-auto{inset:auto}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing) * 4)}.top-12{top:calc(var(--spacing) * 12)}.top-full{top:100%}.-right-4{right:calc(var(--spacing) * -4)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-full{right:100%}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-12{bottom:calc(var(--spacing) * 12)}.bottom-full{bottom:100%}.-left-4{left:calc(var(--spacing) * -4)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-full{left:100%}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[1050\]{z-index:1050}.z-\[9999\]{z-index:9999}.z-dropdown{z-index:var(--z-index-dropdown)}.col-span-2{grid-column:span 2 / span 2}.container{width:100%;@media(width>=40rem){max-width:40rem}@media(width>=48rem){max-width:48rem}@media(width>=64rem){max-width:64rem}@media(width>=80rem){max-width:80rem}@media(width>=96rem){max-width:96rem}}.m-0{margin:calc(var(--spacing) * 0)}.m-auto{margin:auto}.-mx-1\.5{margin-inline:calc(var(--spacing) * -1.5)}.mx-0{margin-inline:calc(var(--spacing) * 0)}.mx-auto{margin-inline:auto}.my-0{margin-block:calc(var(--spacing) * 0)}.my-1{margin-block:calc(var(--spacing) * 1)}.my-4{margin-block:calc(var(--spacing) * 4)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-\[0\.125rem\]{margin-top:.125rem}.mt-\[14px\]{margin-top:14px}.mt-\[18px\]{margin-top:18px}.mt-\[22px\]{margin-top:22px}.mt-\[X\]{margin-top:X}.mt-auto{margin-top:auto}.-mr-0\.5{margin-right:calc(var(--spacing) * -.5)}.-mr-4{margin-right:calc(var(--spacing) * -4)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-\[-1px\]{margin-bottom:-1px}.-ml-6{margin-left:calc(var(--spacing) * -6)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-6{margin-left:calc(var(--spacing) * 6)}.ml-7{margin-left:calc(var(--spacing) * 7)}.ml-8{margin-left:calc(var(--spacing) * 8)}.ml-\[13px\]{margin-left:13px}.ml-\[17px\]{margin-left:17px}.ml-\[21px\]{margin-left:21px}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-1\/3{height:calc(1 / 3 * 100%)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-3\/5{height:calc(3 / 5 * 100%)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-56{height:calc(var(--spacing) * 56)}.h-60{height:calc(var(--spacing) * 60)}.h-64{height:calc(var(--spacing) * 64)}.h-\[1em\]{height:1em}.h-\[2px\]{height:2px}.h-\[18px\]{height:18px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-56{max-height:calc(var(--spacing) * 56)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.min-h-\[1\.75rem\]{min-height:1.75rem}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[2\.125rem\]{min-height:2.125rem}.min-h-\[3\.5rem\]{min-height:3.5rem}.min-h-\[3rem\]{min-height:3rem}.min-h-\[28px\]{min-height:28px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-1\/3{width:calc(1 / 3 * 100%)}.w-1\/4{width:25%}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-2\/3{width:calc(2 / 3 * 100%)}.w-2\/5{width:40%}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-3\/5{width:calc(3 / 5 * 100%)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-4\/5{width:80%}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-72{width:calc(var(--spacing) * 72)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[1em\]{width:1em}.w-\[2px\]{width:2px}.w-\[18px\]{width:18px}.w-\[30rem\]{width:30rem}.w-\[36rem\]{width:36rem}.w-\[42rem\]{width:42rem}.w-\[48rem\]{width:48rem}.w-\[56rem\]{width:56rem}.w-\[64rem\]{width:64rem}.w-\[72rem\]{width:72rem}.w-\[80rem\]{width:80rem}.w-\[320px\]{width:320px}.w-\[360px\]{width:360px}.w-\[400px\]{width:400px}.w-\[700px\]{width:700px}.w-\[800px\]{width:800px}.w-\[900px\]{width:900px}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[80px\]{max-width:80px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-80{min-width:calc(var(--spacing) * 80)}.min-w-175{min-width:calc(var(--spacing) * 175)}.min-w-\[32px\]{min-width:32px}.min-w-full{min-width:100%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1{--tw-translate-x: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x: -100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x: calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-1{--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1{--tw-translate-y: calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-full{--tw-translate-y: -100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-0{--tw-translate-y: calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-y-1{--tw-translate-y: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x: 100%;--tw-scale-y: 100%;--tw-scale-z: 100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-105{--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-110{--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[1\.01\]{scale:1.01}.scale-\[1\.02\]{scale:1.02}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-\[bar-slide_1\.4s_ease-in-out_infinite\]{animation:bar-slide 1.4s ease-in-out infinite}.animate-\[modal-overlay-in_200ms_ease-out_forwards\]{animation:modal-overlay-in .2s ease-out forwards}.animate-\[modal-slide-left_250ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)_forwards\]{animation:modal-slide-left .25s cubic-bezier(.32,.72,0,1) forwards}.animate-\[modal-slide-right_250ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)_forwards\]{animation:modal-slide-right .25s cubic-bezier(.32,.72,0,1) forwards}.animate-\[modal-slide-up_250ms_cubic-bezier\(0\.32\,0\.72\,0\,1\)_forwards\]{animation:modal-slide-up .25s cubic-bezier(.32,.72,0,1) forwards}.animate-\[modal-zoom-in_200ms_cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)_forwards\]{animation:modal-zoom-in .2s cubic-bezier(.34,1.56,.64,1) forwards}.animate-bounce{animation:var(--animate-bounce)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.\[appearance\:textfield\]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-20{gap:calc(var(--spacing) * 20)}.-space-y-1\.5{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * -1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-1{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-1\.5{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-2{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-4{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-6{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-8{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}}.space-y-10{:where(&>:not(:last-child)){--tw-space-y-reverse: 0;margin-block-start:calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))}}.space-x-2{:where(&>:not(:last-child)){--tw-space-x-reverse: 0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:calc(infinity * 1px)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-2xl{border-top-left-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-2xl{border-top-right-radius:var(--radius-2xl);border-bottom-right-radius:var(--radius-2xl)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-r-none{border-top-right-radius:0;border-bottom-right-radius:0}.rounded-b-2xl{border-bottom-right-radius:var(--radius-2xl);border-bottom-left-radius:var(--radius-2xl)}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-\[6px\]{border-style:var(--tw-border-style);border-width:6px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-0{border-left-style:var(--tw-border-style);border-left-width:0px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style: dashed;border-style:dashed}.border-none{--tw-border-style: none;border-style:none}.border-solid{--tw-border-style: solid;border-style:solid}.border-accent\/60{border-color:var(--color-accent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-accent) 60%,transparent)}}.border-border{border-color:var(--color-border)}.border-border-light{border-color:var(--color-border-light)}.border-border\/20{border-color:var(--color-border);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-border) 20%,transparent)}}.border-border\/40{border-color:var(--color-border);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-border) 40%,transparent)}}.border-border\/50{border-color:var(--color-border);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-border) 50%,transparent)}}.border-border\/60{border-color:var(--color-border);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-border) 60%,transparent)}}.border-current{border-color:currentcolor}.border-cyan-500\/60{border-color:color-mix(in srgb,oklch(71.5% .143 215.221) 60%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-cyan-500) 60%,transparent)}}.border-divider{border-color:var(--color-divider)}.border-error{border-color:var(--color-error)}.border-error\/20{border-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-error) 20%,transparent)}}.border-error\/25{border-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-error) 25%,transparent)}}.border-error\/50{border-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-error) 50%,transparent)}}.border-error\/60{border-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-error) 60%,transparent)}}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-200\/80{border-color:color-mix(in srgb,oklch(92.8% .006 264.531) 80%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-gray-200) 80%,transparent)}}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-indigo-500\/60{border-color:color-mix(in srgb,oklch(58.5% .233 277.117) 60%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-indigo-500) 60%,transparent)}}.border-info\/25{border-color:var(--color-info);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-info) 25%,transparent)}}.border-info\/60{border-color:var(--color-info);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-info) 60%,transparent)}}.border-orange-500\/60{border-color:color-mix(in srgb,oklch(70.5% .213 47.604) 60%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-orange-500) 60%,transparent)}}.border-pink-500\/60{border-color:color-mix(in srgb,oklch(65.6% .241 354.308) 60%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-pink-500) 60%,transparent)}}.border-primary{border-color:var(--color-primary)}.border-primary\/20{border-color:var(--color-primary);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 20%,transparent)}}.border-primary\/40{border-color:var(--color-primary);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 40%,transparent)}}.border-primary\/60{border-color:var(--color-primary);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 60%,transparent)}}.border-purple-500{border-color:var(--color-purple-500)}.border-purple-500\/60{border-color:color-mix(in srgb,oklch(62.7% .265 303.9) 60%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-purple-500) 60%,transparent)}}.border-secondary\/60{border-color:var(--color-secondary);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-secondary) 60%,transparent)}}.border-success{border-color:var(--color-success)}.border-success\/20{border-color:var(--color-success);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-success) 20%,transparent)}}.border-success\/25{border-color:var(--color-success);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-success) 25%,transparent)}}.border-success\/60{border-color:var(--color-success);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-success) 60%,transparent)}}.border-surface{border-color:var(--color-surface)}.border-teal-500\/60{border-color:color-mix(in srgb,oklch(70.4% .14 182.503) 60%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-teal-500) 60%,transparent)}}.border-transparent{border-color:transparent}.border-warning{border-color:var(--color-warning)}.border-warning\/20{border-color:var(--color-warning);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-warning) 20%,transparent)}}.border-warning\/25{border-color:var(--color-warning);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-warning) 25%,transparent)}}.border-warning\/60{border-color:var(--color-warning);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-warning) 60%,transparent)}}.border-white\!{border-color:var(--color-white)!important}.border-white\/20{border-color:color-mix(in srgb,#fff 20%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-t-blue-600{border-top-color:var(--color-blue-600)}.border-t-gray-200{border-top-color:var(--color-gray-200)}.border-t-gray-900{border-top-color:var(--color-gray-900)}.border-t-transparent{border-top-color:transparent}.border-r-blue-500{border-right-color:var(--color-blue-500)}.border-r-gray-200{border-right-color:var(--color-gray-200)}.border-r-gray-900{border-right-color:var(--color-gray-900)}.border-r-transparent{border-right-color:transparent}.border-b-blue-500{border-bottom-color:var(--color-blue-500)}.border-b-gray-200{border-bottom-color:var(--color-gray-200)}.border-b-gray-900{border-bottom-color:var(--color-gray-900)}.border-b-surface{border-bottom-color:var(--color-surface)}.border-b-transparent{border-bottom-color:transparent}.border-l-blue-600{border-left-color:var(--color-blue-600)}.border-l-error{border-left-color:var(--color-error)}.border-l-gray-200{border-left-color:var(--color-gray-200)}.border-l-gray-900{border-left-color:var(--color-gray-900)}.border-l-info{border-left-color:var(--color-info)}.border-l-success{border-left-color:var(--color-success)}.border-l-transparent{border-left-color:transparent}.border-l-warning{border-left-color:var(--color-warning)}.bg-accent{background-color:var(--color-accent)}.bg-accent\/10{background-color:var(--color-accent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-accent) 10%,transparent)}}.bg-amber-100{background-color:var(--color-amber-100)}.bg-background{background-color:var(--color-background)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:color-mix(in srgb,#000 50%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-black\/60{background-color:color-mix(in srgb,#000 60%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 60%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--color-border)}.bg-current{background-color:currentcolor}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-cyan-500\/10{background-color:color-mix(in srgb,oklch(71.5% .143 215.221) 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-cyan-500) 10%,transparent)}}.bg-divider{background-color:var(--color-divider)}.bg-error{background-color:var(--color-error)}.bg-error\/5{background-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-error) 5%,transparent)}}.bg-error\/8{background-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-error) 8%,transparent)}}.bg-error\/10{background-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-error) 10%,transparent)}}.bg-error\/15{background-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-error) 15%,transparent)}}.bg-error\/20{background-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-error) 20%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-hover{background-color:var(--color-hover)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-500\/10{background-color:color-mix(in srgb,oklch(58.5% .233 277.117) 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-indigo-500) 10%,transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-info{background-color:var(--color-info)}.bg-info\/10{background-color:var(--color-info);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-info) 10%,transparent)}}.bg-info\/20{background-color:var(--color-info);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-info) 20%,transparent)}}.bg-orange-500{background-color:var(--color-orange-500)}.bg-orange-500\/10{background-color:color-mix(in srgb,oklch(70.5% .213 47.604) 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-orange-500) 10%,transparent)}}.bg-pink-500{background-color:var(--color-pink-500)}.bg-pink-500\/10{background-color:color-mix(in srgb,oklch(65.6% .241 354.308) 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-pink-500) 10%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-primary-hover{background-color:var(--color-primary-hover)}.bg-primary\/5{background-color:var(--color-primary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)}}.bg-primary\/10{background-color:var(--color-primary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 10%,transparent)}}.bg-primary\/15{background-color:var(--color-primary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-primary) 15%,transparent)}}.bg-purple-500{background-color:var(--color-purple-500)}.bg-purple-500\/10{background-color:color-mix(in srgb,oklch(62.7% .265 303.9) 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-purple-500) 10%,transparent)}}.bg-purple-600{background-color:var(--color-purple-600)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary\/10{background-color:var(--color-secondary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-secondary) 10%,transparent)}}.bg-skeleton{background-color:var(--color-skeleton)}.bg-skeleton-shine{background-color:var(--color-skeleton-shine)}.bg-slate-400{background-color:var(--color-slate-400)}.bg-success{background-color:var(--color-success)}.bg-success\/5{background-color:var(--color-success);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-success) 5%,transparent)}}.bg-success\/10{background-color:var(--color-success);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-success) 10%,transparent)}}.bg-success\/20{background-color:var(--color-success);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-success) 20%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-secondary\/30{background-color:var(--color-surface-secondary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-surface-secondary) 30%,transparent)}}.bg-surface-secondary\/40{background-color:var(--color-surface-secondary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-surface-secondary) 40%,transparent)}}.bg-surface-secondary\/50{background-color:var(--color-surface-secondary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-surface-secondary) 50%,transparent)}}.bg-surface-secondary\/60{background-color:var(--color-surface-secondary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-surface-secondary) 60%,transparent)}}.bg-surface-secondary\/80{background-color:var(--color-surface-secondary);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-surface-secondary) 80%,transparent)}}.bg-surface\/50{background-color:var(--color-surface);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-surface) 50%,transparent)}}.bg-surface\/80{background-color:var(--color-surface);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-surface) 80%,transparent)}}.bg-surface\/98{background-color:var(--color-surface);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-surface) 98%,transparent)}}.bg-teal-500{background-color:var(--color-teal-500)}.bg-teal-500\/10{background-color:color-mix(in srgb,oklch(70.4% .14 182.503) 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-teal-500) 10%,transparent)}}.bg-text-inverse{background-color:var(--color-text-inverse)}.bg-transparent{background-color:transparent}.bg-warning{background-color:var(--color-warning)}.bg-warning\/5{background-color:var(--color-warning);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-warning) 5%,transparent)}}.bg-warning\/10{background-color:var(--color-warning);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-warning) 10%,transparent)}}.bg-warning\/20{background-color:var(--color-warning);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-warning) 20%,transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/20{background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.bg-gradient-to-b{--tw-gradient-position: to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position: to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-l{--tw-gradient-position: to left in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position: to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-amber-400{--tw-gradient-from: var(--color-amber-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from: var(--color-blue-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-cyan-400{--tw-gradient-from: var(--color-cyan-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-400{--tw-gradient-from: var(--color-green-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-indigo-500{--tw-gradient-from: var(--color-indigo-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-orange-400{--tw-gradient-from: var(--color-orange-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-pink-500{--tw-gradient-from: var(--color-pink-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-primary{--tw-gradient-from: var(--color-primary);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from: var(--color-purple-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from: var(--color-red-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-sky-400{--tw-gradient-from: var(--color-sky-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-400{--tw-gradient-from: var(--color-slate-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-500{--tw-gradient-from: var(--color-slate-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-surface{--tw-gradient-from: var(--color-surface);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-surface\/80{--tw-gradient-from: var(--color-surface);@supports (color: color-mix(in lab,red,red)){--tw-gradient-from: color-mix(in oklab, var(--color-surface) 80%, transparent)}--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-teal-400{--tw-gradient-from: var(--color-teal-400);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-accent{--tw-gradient-to: var(--color-accent);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to: var(--color-blue-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to: var(--color-cyan-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to: var(--color-emerald-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-fuchsia-600{--tw-gradient-to: var(--color-fuchsia-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-indigo-600{--tw-gradient-to: var(--color-indigo-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to: var(--color-orange-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-primary-hover{--tw-gradient-to: var(--color-primary-hover);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600{--tw-gradient-to: var(--color-purple-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-red-500{--tw-gradient-to: var(--color-red-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-rose-600{--tw-gradient-to: var(--color-rose-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-500{--tw-gradient-to: var(--color-sky-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-sky-600{--tw-gradient-to: var(--color-sky-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-500{--tw-gradient-to: var(--color-slate-500);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-700{--tw-gradient-to: var(--color-slate-700);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to: transparent;--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-600{--tw-gradient-to: var(--color-violet-600);--tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.stroke-2{stroke-width:2}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.object-none{-o-object-fit:none;object-fit:none}.object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-12{padding:calc(var(--spacing) * 12)}.p-16{padding:calc(var(--spacing) * 16)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-px{padding-block:1px}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pl-1{padding-left:calc(var(--spacing) * 1)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-6{padding-left:calc(var(--spacing) * 6)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-9{padding-left:calc(var(--spacing) * 9)}.pl-10{padding-left:calc(var(--spacing) * 10)}.pl-11{padding-left:calc(var(--spacing) * 11)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading, var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading, var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading, var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading, var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading, var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.text-\[0\.4em\]{font-size:.4em}.text-\[10px\]{font-size:10px}.leading-4{--tw-leading: calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading: calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-none{--tw-leading: 1;line-height:1}.leading-relaxed{--tw-leading: var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading: var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading: var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight: var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight: var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight: var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-normal{--tw-tracking: var(--tracking-normal);letter-spacing:var(--tracking-normal)}.tracking-tight{--tw-tracking: var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking: var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking: var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking: var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--color-accent)}.text-amber-700{color:var(--color-amber-700)}.text-current{color:currentcolor}.text-cyan-500{color:var(--color-cyan-500)}.text-error{color:var(--color-error)}.text-gray-50{color:var(--color-gray-50)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-700{color:var(--color-green-700)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-700{color:var(--color-indigo-700)}.text-info{color:var(--color-info)}.text-orange-500{color:var(--color-orange-500)}.text-pink-500{color:var(--color-pink-500)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-primary\/70{color:var(--color-primary);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-primary) 70%,transparent)}}.text-purple-500{color:var(--color-purple-500)}.text-red-500{color:var(--color-red-500)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-teal-500{color:var(--color-teal-500)}.text-text{color:var(--color-text)}.text-text-inverse{color:var(--color-text-inverse)}.text-text-muted{color:var(--color-text-muted)}.text-text-muted\/30{color:var(--color-text-muted);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-muted) 30%,transparent)}}.text-text-muted\/40{color:var(--color-text-muted);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-muted) 40%,transparent)}}.text-text-muted\/60{color:var(--color-text-muted);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-text-muted) 60%,transparent)}}.text-text-secondary{color:var(--color-text-secondary)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.text-white\/80{color:color-mix(in srgb,#fff 80%,transparent);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0%}.opacity-10{opacity:10%}.opacity-20{opacity:20%}.opacity-25{opacity:25%}.opacity-40{opacity:40%}.opacity-50{opacity:50%}.opacity-60{opacity:60%}.opacity-70{opacity:70%}.opacity-75{opacity:75%}.opacity-90{opacity:90%}.opacity-100{opacity:100%}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_-4px_12px_-4px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 -4px 12px -4px var(--tw-shadow-color, rgba(0,0,0,.08));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.10\)\]{--tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(0,0,0,.35));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_16px_rgba\(59\,130\,246\,0\.45\)\]{--tw-shadow: 0 4px 16px var(--tw-shadow-color, rgba(59,130,246,.45));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_4px_24px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 4px 24px var(--tw-shadow-color, rgba(0,0,0,.08));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_24px_rgba\(0\,0\,0\,0\.08\)\]{--tw-shadow: 0 8px 24px var(--tw-shadow-color, rgba(0,0,0,.08));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(16\,185\,129\,0\.3\)\]{--tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(16,185,129,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(16\,185\,129\,0\.12\)\]{--tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(16,185,129,.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(59\,130\,246\,0\.3\)\]{--tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(59,130,246,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(59\,130\,246\,0\.12\)\]{--tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(59,130,246,.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(239\,68\,68\,0\.3\)\]{--tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(239,68,68,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(239\,68\,68\,0\.12\)\]{--tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(239,68,68,.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(245\,158\,11\,0\.3\)\]{--tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(245,158,11,.3));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_32px_rgba\(245\,158\,11\,0\.12\)\]{--tw-shadow: 0 8px 32px var(--tw-shadow-color, rgba(245,158,11,.12));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_-10px_rgba\(0\,0\,0\,0\.2\)\,0_8px_20px_-8px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 20px 60px -10px var(--tw-shadow-color, rgba(0,0,0,.2)), 0 8px 20px -8px var(--tw-shadow-color, rgba(0,0,0,.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_25px_50px_-12px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgba(0,0,0,.4));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-inner{--tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow: 0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-premium{--tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(0, 0, 0, .05)), 0 10px 20px var(--tw-shadow-color, rgba(0, 0, 0, .1)), 0 20px 40px var(--tw-shadow-color, rgba(0, 0, 0, .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, rgb(0 0 0 / .05));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 10px 10px -5px var(--tw-shadow-color, rgb(0 0 0 / .04));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-4{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-accent\/30{--tw-shadow-color: var(--color-accent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-accent) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-amber-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(76.9% .188 70.08) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-amber-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-black\/20{--tw-shadow-color: color-mix(in srgb, #000 20%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-black) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-blue-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(62.3% .214 259.815) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-cyan-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(71.5% .143 215.221) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-cyan-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-error\/30{--tw-shadow-color: var(--color-error);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-error) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-green-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(72.3% .219 149.579) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-green-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(58.5% .233 277.117) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-indigo-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-info\/30{--tw-shadow-color: var(--color-info);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-info) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-orange-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(70.5% .213 47.604) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-orange-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-pink-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(65.6% .241 354.308) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-pink-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/20{--tw-shadow-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/30{--tw-shadow-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-primary\/40{--tw-shadow-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-purple-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(62.7% .265 303.9) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-purple-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-red-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(63.7% .237 25.331) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-red-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-secondary\/30{--tw-shadow-color: var(--color-secondary);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-secondary) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-slate-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(55.4% .046 257.417) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-slate-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-success\/30{--tw-shadow-color: var(--color-success);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-success) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-teal-500\/30{--tw-shadow-color: color-mix(in srgb, oklch(70.4% .14 182.503) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-teal-500) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-warning\/30{--tw-shadow-color: var(--color-warning);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-warning) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-accent\/20{--tw-ring-color: var(--color-accent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-accent) 20%, transparent)}}.ring-blue-400\/30{--tw-ring-color: color-mix(in srgb, oklch(70.7% .165 254.624) 30%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-blue-400) 30%, transparent)}}.ring-border{--tw-ring-color: var(--color-border)}.ring-border-light{--tw-ring-color: var(--color-border-light)}.ring-border\/5{--tw-ring-color: var(--color-border);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-border) 5%, transparent)}}.ring-border\/40{--tw-ring-color: var(--color-border);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-border) 40%, transparent)}}.ring-cyan-500\/25{--tw-ring-color: color-mix(in srgb, oklch(71.5% .143 215.221) 25%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-cyan-500) 25%, transparent)}}.ring-error{--tw-ring-color: var(--color-error)}.ring-error\/10{--tw-ring-color: var(--color-error);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-error) 10%, transparent)}}.ring-error\/20{--tw-ring-color: var(--color-error);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-error) 20%, transparent)}}.ring-indigo-500\/25{--tw-ring-color: color-mix(in srgb, oklch(58.5% .233 277.117) 25%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-indigo-500) 25%, transparent)}}.ring-info\/20{--tw-ring-color: var(--color-info);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-info) 20%, transparent)}}.ring-orange-500\/25{--tw-ring-color: color-mix(in srgb, oklch(70.5% .213 47.604) 25%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-orange-500) 25%, transparent)}}.ring-pink-500\/25{--tw-ring-color: color-mix(in srgb, oklch(65.6% .241 354.308) 25%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-pink-500) 25%, transparent)}}.ring-primary\/10{--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 10%, transparent)}}.ring-primary\/20{--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent)}}.ring-primary\/30{--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent)}}.ring-purple-500\/25{--tw-ring-color: color-mix(in srgb, oklch(62.7% .265 303.9) 25%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-purple-500) 25%, transparent)}}.ring-secondary\/20{--tw-ring-color: var(--color-secondary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-secondary) 20%, transparent)}}.ring-success{--tw-ring-color: var(--color-success)}.ring-success\/20{--tw-ring-color: var(--color-success);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-success) 20%, transparent)}}.ring-teal-500\/25{--tw-ring-color: color-mix(in srgb, oklch(70.4% .14 182.503) 25%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-teal-500) 25%, transparent)}}.ring-transparent{--tw-ring-color: transparent}.ring-warning{--tw-ring-color: var(--color-warning)}.ring-warning\/20{--tw-ring-color: var(--color-warning);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-warning) 20%, transparent)}}.ring-white\/10{--tw-ring-color: color-mix(in srgb, #fff 10%, transparent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-white) 10%, transparent)}}.ring-offset-2{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.ring-offset-surface{--tw-ring-offset-color: var(--color-surface)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-sm{--tw-drop-shadow-size: drop-shadow(0 1px 2px var(--tw-drop-shadow-color, rgb(0 0 0 / .15)));--tw-drop-shadow: drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[3px\]{--tw-backdrop-blur: blur(3px);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur: blur(var(--blur-md));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur: blur(var(--blur-sm));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur: blur(var(--blur-xl));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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,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))}.transition-\[background-color\,border-color\,color\,box-shadow\,transform\,opacity\]{transition-property:background-color,border-color,color,box-shadow,transform,opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}.duration-100{--tw-duration: .1s;transition-duration:.1s}.duration-150{--tw-duration: .15s;transition-duration:.15s}.duration-200{--tw-duration: .2s;transition-duration:.2s}.duration-300{--tw-duration: .3s;transition-duration:.3s}.duration-500{--tw-duration: .5s;transition-duration:.5s}.duration-1000{--tw-duration: 1s;transition-duration:1s}.ease-in-out{--tw-ease: var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease: var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style: none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.ring-inset{--tw-ring-inset: inset}.group-hover\:scale-110{&:is(:where(.group):hover *){@media(hover:hover){--tw-scale-x: 110%;--tw-scale-y: 110%;--tw-scale-z: 110%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.group-hover\:text-primary{&:is(:where(.group):hover *){@media(hover:hover){color:var(--color-primary)}}}.group-hover\:text-text{&:is(:where(.group):hover *){@media(hover:hover){color:var(--color-text)}}}.group-hover\:opacity-20{&:is(:where(.group):hover *){@media(hover:hover){opacity:20%}}}.group-hover\:opacity-100{&:is(:where(.group):hover *){@media(hover:hover){opacity:100%}}}.peer-checked\:translate-x-\[1\.125rem\]{&:is(:where(.peer):checked~*){--tw-translate-x: 1.125rem;translate:var(--tw-translate-x) var(--tw-translate-y)}}.peer-checked\:translate-x-\[1\.375rem\]{&:is(:where(.peer):checked~*){--tw-translate-x: 1.375rem;translate:var(--tw-translate-x) var(--tw-translate-y)}}.peer-checked\:translate-x-\[1\.625rem\]{&:is(:where(.peer):checked~*){--tw-translate-x: 1.625rem;translate:var(--tw-translate-x) var(--tw-translate-y)}}.peer-checked\:bg-current{&:is(:where(.peer):checked~*){background-color:currentcolor}}.peer-checked\:bg-error{&:is(:where(.peer):checked~*){background-color:var(--color-error)}}.peer-checked\:bg-primary{&:is(:where(.peer):checked~*){background-color:var(--color-primary)}}.peer-checked\:bg-success{&:is(:where(.peer):checked~*){background-color:var(--color-success)}}.peer-checked\:bg-warning{&:is(:where(.peer):checked~*){background-color:var(--color-warning)}}.peer-checked\:opacity-100{&:is(:where(.peer):checked~*){opacity:100%}}.peer-indeterminate\:opacity-100{&:is(:where(.peer):indeterminate~*){opacity:100%}}.peer-focus\:ring-2{&:is(:where(.peer):focus~*){--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.peer-focus\:ring-primary\/20{&:is(:where(.peer):focus~*){--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent)}}}.peer-disabled\:peer-checked\:bg-text-muted\/40{&:is(:where(.peer):disabled~*){&:is(:where(.peer):checked~*){background-color:var(--color-text-muted);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-text-muted) 40%,transparent)}}}}.placeholder\:text-text-muted{&::-moz-placeholder{color:var(--color-text-muted)}&::placeholder{color:var(--color-text-muted)}}.last\:mb-0{&:last-child{margin-bottom:calc(var(--spacing) * 0)}}.last\:border-0{&:last-child{border-style:var(--tw-border-style);border-width:0px}}.checked\:border-accent{&:checked{border-color:var(--color-accent)}}.checked\:border-error{&:checked{border-color:var(--color-error)}}.checked\:border-success{&:checked{border-color:var(--color-success)}}.checked\:border-transparent{&:checked{border-color:transparent}}.checked\:border-warning{&:checked{border-color:var(--color-warning)}}.checked\:bg-accent{&:checked{background-color:var(--color-accent)}}.checked\:bg-current{&:checked{background-color:currentcolor}}.checked\:bg-error{&:checked{background-color:var(--color-error)}}.checked\:bg-purple-600{&:checked{background-color:var(--color-purple-600)}}.checked\:bg-success{&:checked{background-color:var(--color-success)}}.checked\:bg-warning{&:checked{background-color:var(--color-warning)}}.indeterminate\:border-transparent{&:indeterminate{border-color:transparent}}.indeterminate\:bg-current{&:indeterminate{background-color:currentcolor}}.focus-within\:border-error{&:focus-within{border-color:var(--color-error)}}.focus-within\:border-primary{&:focus-within{border-color:var(--color-primary)}}.focus-within\:border-success{&:focus-within{border-color:var(--color-success)}}.focus-within\:border-warning{&:focus-within{border-color:var(--color-warning)}}.focus-within\:bg-surface{&:focus-within{background-color:var(--color-surface)}}.focus-within\:ring-2{&:focus-within{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-within\:ring-4{&:focus-within{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-within\:ring-error\/20{&:focus-within{--tw-ring-color: var(--color-error);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-error) 20%, transparent)}}}.focus-within\:ring-primary\/20{&:focus-within{--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent)}}}.focus-within\:ring-primary\/40{&:focus-within{--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent)}}}.focus-within\:ring-success\/20{&:focus-within{--tw-ring-color: var(--color-success);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-success) 20%, transparent)}}}.focus-within\:ring-warning\/20{&:focus-within{--tw-ring-color: var(--color-warning);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-warning) 20%, transparent)}}}.hover\:translate-x-1{&:hover{@media(hover:hover){--tw-translate-x: calc(var(--spacing) * 1);translate:var(--tw-translate-x) var(--tw-translate-y)}}}.hover\:scale-105{&:hover{@media(hover:hover){--tw-scale-x: 105%;--tw-scale-y: 105%;--tw-scale-z: 105%;scale:var(--tw-scale-x) var(--tw-scale-y)}}}.hover\:border-border\/40{&:hover{@media(hover:hover){border-color:var(--color-border);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-border) 40%,transparent)}}}}.hover\:border-primary-hover{&:hover{@media(hover:hover){border-color:var(--color-primary-hover)}}}.hover\:border-primary\/30{&:hover{@media(hover:hover){border-color:var(--color-primary);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-primary) 30%,transparent)}}}}.hover\:border-warning\/30{&:hover{@media(hover:hover){border-color:var(--color-warning);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-warning) 30%,transparent)}}}}.hover\:bg-active{&:hover{@media(hover:hover){background-color:var(--color-active)}}}.hover\:bg-black\/10{&:hover{@media(hover:hover){background-color:color-mix(in srgb,#000 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}}}.hover\:bg-blue-700{&:hover{@media(hover:hover){background-color:var(--color-blue-700)}}}.hover\:bg-error\/10{&:hover{@media(hover:hover){background-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-error) 10%,transparent)}}}}.hover\:bg-error\/90{&:hover{@media(hover:hover){background-color:var(--color-error);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-error) 90%,transparent)}}}}.hover\:bg-gray-50{&:hover{@media(hover:hover){background-color:var(--color-gray-50)}}}.hover\:bg-gray-100{&:hover{@media(hover:hover){background-color:var(--color-gray-100)}}}.hover\:bg-gray-300{&:hover{@media(hover:hover){background-color:var(--color-gray-300)}}}.hover\:bg-hover{&:hover{@media(hover:hover){background-color:var(--color-hover)}}}.hover\:bg-hover\/5{&:hover{@media(hover:hover){background-color:var(--color-hover);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-hover) 5%,transparent)}}}}.hover\:bg-hover\/30{&:hover{@media(hover:hover){background-color:var(--color-hover);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-hover) 30%,transparent)}}}}.hover\:bg-hover\/50{&:hover{@media(hover:hover){background-color:var(--color-hover);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-hover) 50%,transparent)}}}}.hover\:bg-hover\/60{&:hover{@media(hover:hover){background-color:var(--color-hover);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-hover) 60%,transparent)}}}}.hover\:bg-info\/90{&:hover{@media(hover:hover){background-color:var(--color-info);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-info) 90%,transparent)}}}}.hover\:bg-primary{&:hover{@media(hover:hover){background-color:var(--color-primary)}}}.hover\:bg-primary-hover{&:hover{@media(hover:hover){background-color:var(--color-primary-hover)}}}.hover\:bg-secondary-hover{&:hover{@media(hover:hover){background-color:var(--color-secondary-hover)}}}.hover\:bg-success\/90{&:hover{@media(hover:hover){background-color:var(--color-success);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-success) 90%,transparent)}}}}.hover\:bg-warning\/90{&:hover{@media(hover:hover){background-color:var(--color-warning);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-warning) 90%,transparent)}}}}.hover\:bg-white\/10{&:hover{@media(hover:hover){background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}}.hover\:bg-white\/20{&:hover{@media(hover:hover){background-color:color-mix(in srgb,#fff 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}}}.hover\:text-error{&:hover{@media(hover:hover){color:var(--color-error)}}}.hover\:text-error\/80{&:hover{@media(hover:hover){color:var(--color-error);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-error) 80%,transparent)}}}}.hover\:text-primary{&:hover{@media(hover:hover){color:var(--color-primary)}}}.hover\:text-primary-hover{&:hover{@media(hover:hover){color:var(--color-primary-hover)}}}.hover\:text-surface{&:hover{@media(hover:hover){color:var(--color-surface)}}}.hover\:text-text{&:hover{@media(hover:hover){color:var(--color-text)}}}.hover\:text-text-secondary{&:hover{@media(hover:hover){color:var(--color-text-secondary)}}}.hover\:underline{&:hover{@media(hover:hover){text-decoration-line:underline}}}.hover\:underline-offset-4{&:hover{@media(hover:hover){text-underline-offset:4px}}}.hover\:opacity-80{&:hover{@media(hover:hover){opacity:80%}}}.hover\:opacity-100{&:hover{@media(hover:hover){opacity:100%}}}.hover\:shadow-lg{&:hover{@media(hover:hover){--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.hover\:shadow-md{&:hover{@media(hover:hover){--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.hover\:shadow-xl{&:hover{@media(hover:hover){--tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 10px 10px -5px var(--tw-shadow-color, rgb(0 0 0 / .04));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}}.hover\:shadow-primary\/20{&:hover{@media(hover:hover){--tw-shadow-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-primary) 20%, transparent) var(--tw-shadow-alpha), transparent)}}}}.focus\:border-none{&:focus{--tw-border-style: none;border-style:none}}.focus\:border-error{&:focus{border-color:var(--color-error)}}.focus\:border-primary{&:focus{border-color:var(--color-primary)}}.focus\:border-success{&:focus{border-color:var(--color-success)}}.focus\:border-warning{&:focus{border-color:var(--color-warning)}}.focus\:bg-hover{&:focus{background-color:var(--color-hover)}}.focus\:bg-surface{&:focus{background-color:var(--color-surface)}}.focus\:ring-0{&:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2{&:focus{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-accent\/40{&:focus{--tw-ring-color: var(--color-accent);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-accent) 40%, transparent)}}}.focus\:ring-error\/20{&:focus{--tw-ring-color: var(--color-error);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-error) 20%, transparent)}}}.focus\:ring-primary\/20{&:focus{--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 20%, transparent)}}}.focus\:ring-primary\/30{&:focus{--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 30%, transparent)}}}.focus\:ring-primary\/40{&:focus{--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent)}}}.focus\:ring-purple-500{&:focus{--tw-ring-color: var(--color-purple-500)}}.focus\:ring-success\/20{&:focus{--tw-ring-color: var(--color-success);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-success) 20%, transparent)}}}.focus\:ring-warning\/20{&:focus{--tw-ring-color: var(--color-warning);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-warning) 20%, transparent)}}}.focus\:ring-offset-0{&:focus{--tw-ring-offset-width: 0px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:ring-offset-2{&:focus{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus\:ring-offset-surface{&:focus{--tw-ring-offset-color: var(--color-surface)}}.focus\:outline-none{&:focus{--tw-outline-style: none;outline-style:none}}.focus\:ring-inset{&:focus{--tw-ring-inset: inset}}.focus-visible\:z-10{&:focus-visible{z-index:10}}.focus-visible\:border-error{&:focus-visible{border-color:var(--color-error)}}.focus-visible\:border-primary{&:focus-visible{border-color:var(--color-primary)}}.focus-visible\:border-success{&:focus-visible{border-color:var(--color-success)}}.focus-visible\:border-warning{&:focus-visible{border-color:var(--color-warning)}}.focus-visible\:bg-surface{&:focus-visible{background-color:var(--color-surface)}}.focus-visible\:ring-0{&:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-2{&:focus-visible{--tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-error\/20{&:focus-visible{--tw-ring-color: var(--color-error);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-error) 20%, transparent)}}}.focus-visible\:ring-error\/40{&:focus-visible{--tw-ring-color: var(--color-error);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-error) 40%, transparent)}}}.focus-visible\:ring-info\/40{&:focus-visible{--tw-ring-color: var(--color-info);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-info) 40%, transparent)}}}.focus-visible\:ring-primary{&:focus-visible{--tw-ring-color: var(--color-primary)}}.focus-visible\:ring-primary\/40{&:focus-visible{--tw-ring-color: var(--color-primary);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-primary) 40%, transparent)}}}.focus-visible\:ring-success\/20{&:focus-visible{--tw-ring-color: var(--color-success);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-success) 20%, transparent)}}}.focus-visible\:ring-success\/40{&:focus-visible{--tw-ring-color: var(--color-success);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-success) 40%, transparent)}}}.focus-visible\:ring-warning\/20{&:focus-visible{--tw-ring-color: var(--color-warning);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-warning) 20%, transparent)}}}.focus-visible\:ring-warning\/40{&:focus-visible{--tw-ring-color: var(--color-warning);@supports (color: color-mix(in lab,red,red)){--tw-ring-color: color-mix(in oklab, var(--color-warning) 40%, transparent)}}}.focus-visible\:ring-offset-0{&:focus-visible{--tw-ring-offset-width: 0px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\:ring-offset-2{&:focus-visible{--tw-ring-offset-width: 2px;--tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}}.focus-visible\:ring-offset-surface{&:focus-visible{--tw-ring-offset-color: var(--color-surface)}}.focus-visible\:outline-none{&:focus-visible{--tw-outline-style: none;outline-style:none}}.active\:scale-90{&:active{--tw-scale-x: 90%;--tw-scale-y: 90%;--tw-scale-z: 90%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.active\:scale-95{&:active{--tw-scale-x: 95%;--tw-scale-y: 95%;--tw-scale-z: 95%;scale:var(--tw-scale-x) var(--tw-scale-y)}}.active\:bg-active{&:active{background-color:var(--color-active)}}.active\:text-error\/90{&:active{color:var(--color-error);@supports (color: color-mix(in lab,red,red)){color:color-mix(in oklab,var(--color-error) 90%,transparent)}}}.active\:text-primary-active{&:active{color:var(--color-primary-active)}}.active\:text-text{&:active{color:var(--color-text)}}.disabled\:pointer-events-none{&:disabled{pointer-events:none}}.disabled\:cursor-not-allowed{&:disabled{cursor:not-allowed}}.disabled\:border-border{&:disabled{border-color:var(--color-border)}}.disabled\:bg-surface-secondary{&:disabled{background-color:var(--color-surface-secondary)}}.disabled\:opacity-40{&:disabled{opacity:40%}}.disabled\:opacity-50{&:disabled{opacity:50%}}.disabled\:checked\:bg-border{&:disabled{&:checked{background-color:var(--color-border)}}}.data-disabled\:pointer-events-none{&[data-disabled]{pointer-events:none}}.data-disabled\:opacity-50{&[data-disabled]{opacity:50%}}.sm\:block{@media(width>=40rem){display:block}}.sm\:grid-cols-2{@media(width>=40rem){grid-template-columns:repeat(2,minmax(0,1fr))}}.sm\:flex-row{@media(width>=40rem){flex-direction:row}}.sm\:p-6{@media(width>=40rem){padding:calc(var(--spacing) * 6)}}.sm\:px-3{@media(width>=40rem){padding-inline:calc(var(--spacing) * 3)}}.sm\:text-lg{@media(width>=40rem){font-size:var(--text-lg);line-height:var(--tw-leading, var(--text-lg--line-height))}}.md\:col-span-2{@media(width>=48rem){grid-column:span 2 / span 2}}.md\:block{@media(width>=48rem){display:block}}.md\:grid-cols-3{@media(width>=48rem){grid-template-columns:repeat(3,minmax(0,1fr))}}.md\:flex-row{@media(width>=48rem){flex-direction:row}}.lg\:mx-0{@media(width>=64rem){margin-inline:calc(var(--spacing) * 0)}}.lg\:hidden{@media(width>=64rem){display:none}}.dark\:border-white\/10{&:where(.dark,.dark *){border-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}.dark\:bg-black\/20{&:where(.dark,.dark *){background-color:color-mix(in srgb,#000 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}}}.dark\:hover\:bg-white\/10{&:where(.dark,.dark *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}}}.dark\:hover\:bg-white\/15{&:where(.dark,.dark *){&:hover{@media(hover:hover){background-color:color-mix(in srgb,#fff 15%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}}}}}.\[\&_\*\]\:cursor-not-allowed{& *{cursor:not-allowed}}.\[\&\:\:-webkit-calendar-picker-indicator\]\:cursor-pointer{&::-webkit-calendar-picker-indicator{cursor:pointer}}.\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-60{&::-webkit-calendar-picker-indicator{opacity:60%}}.hover\:\[\&\:\:-webkit-calendar-picker-indicator\]\:opacity-100{&:hover{@media(hover:hover){&::-webkit-calendar-picker-indicator{opacity:100%}}}}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none{&::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}}.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none{&::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}}.\[\&\>input\]\:rounded-none{>input{border-radius:0}}.\[\&\>input\]\:rounded-l-none{>input{border-top-left-radius:0;border-bottom-left-radius:0}}.\[\&\>input\]\:rounded-r-none{>input{border-top-right-radius:0;border-bottom-right-radius:0}}}:root{--primary: #ff9f7f;--primary-hover: #ffb89f;--primary-active: #ff8a65;--secondary: #64748b;--secondary-hover: #475569;--accent: #22d3ee;--background: #f8fafc;--surface: #ffffff;--surface-secondary: #f1f5f9;--border: #e2e8f0;--border-light: #f1f5f9;--divider: #e2e8f0;--text: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--hover: #f1f5f9;--active: #e2e8f0;--focus: #4f46e5;--disabled: #cbd5e1;--skeleton-base: #e2e8f0;--skeleton-shine: #f1f5f9}.dark{--primary: #ff9f7f;--primary-hover: #ffb89f;--primary-active: #ff8a65;--secondary: #94a3b8;--secondary-hover: #cbd5e1;--accent: #22d3ee;--background: #020617;--surface: #0a0e1a;--surface-secondary: #0f172a;--border: #1e293b;--border-light: #0f172a;--divider: #1e293b;--text: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--text-inverse: #020617;--success: #34d399;--warning: #fbbf24;--error: #f87171;--info: #60a5fa;--hover: rgba(255, 255, 255, .05);--active: rgba(255, 255, 255, .1);--focus: #ff9f7f;--disabled: #1e293b;--skeleton-base: #1e293b;--skeleton-shine: #273549}@layer base{*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-text);font-feature-settings:"rlig" 1,"calt" 1}}@layer utilities{.glass{border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#fff 20%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}background-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}--tw-backdrop-blur: blur(var(--blur-md));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.dark .glass{border-style:var(--tw-border-style);border-width:1px;border-color:color-mix(in srgb,#fff 10%,transparent);@supports (color: color-mix(in lab,red,red)){border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}background-color:color-mix(in srgb,#000 20%,transparent);@supports (color: color-mix(in lab,red,red)){background-color:color-mix(in oklab,var(--color-black) 20%,transparent)}--tw-backdrop-blur: blur(var(--blur-md));backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-in{animation-duration:.3s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.4,0,.2,1)}.fade-in{animation-name:fade-in}.zoom-in-95{animation-name:zoom-in}@keyframes modal-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes modal-zoom-in{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modal-slide-right{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes modal-slide-left{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-top{0%{opacity:0;transform:translate(-50%,4px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes tooltip-bottom{0%{opacity:0;transform:translate(-50%,-4px) scale(.95)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes tooltip-left{0%{opacity:0;transform:translate(4px,-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes tooltip-right{0%{opacity:0;transform:translate(-4px,-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton-wave{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:800px 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-scale-x{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-y{syntax: "*"; inherits: false; initial-value: 1;}@property --tw-scale-z{syntax: "*"; inherits: false; initial-value: 1;}@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-space-y-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-space-x-reverse{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-gradient-position{syntax: "*"; inherits: false;}@property --tw-gradient-from{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-via{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-to{syntax: "<color>"; inherits: false; initial-value: #0000;}@property --tw-gradient-stops{syntax: "*"; inherits: false;}@property --tw-gradient-via-stops{syntax: "*"; inherits: false;}@property --tw-gradient-from-position{syntax: "<length-percentage>"; inherits: false; initial-value: 0%;}@property --tw-gradient-via-position{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --tw-gradient-to-position{syntax: "<length-percentage>"; inherits: false; initial-value: 100%;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@property --tw-backdrop-blur{syntax: "*"; inherits: false;}@property --tw-backdrop-brightness{syntax: "*"; inherits: false;}@property --tw-backdrop-contrast{syntax: "*"; inherits: false;}@property --tw-backdrop-grayscale{syntax: "*"; inherits: false;}@property --tw-backdrop-hue-rotate{syntax: "*"; inherits: false;}@property --tw-backdrop-invert{syntax: "*"; inherits: false;}@property --tw-backdrop-opacity{syntax: "*"; inherits: false;}@property --tw-backdrop-saturate{syntax: "*"; inherits: false;}@property --tw-backdrop-sepia{syntax: "*"; inherits: false;}@property --tw-duration{syntax: "*"; inherits: false;}@property --tw-ease{syntax: "*"; inherits: false;}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,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-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-scale-z: 1;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-space-y-reverse: 0;--tw-space-x-reverse: 0;--tw-border-style: solid;--tw-gradient-position: initial;--tw-gradient-from: #0000;--tw-gradient-via: #0000;--tw-gradient-to: #0000;--tw-gradient-stops: initial;--tw-gradient-via-stops: initial;--tw-gradient-from-position: 0%;--tw-gradient-via-position: 50%;--tw-gradient-to-position: 100%;--tw-leading: initial;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial;--tw-backdrop-blur: initial;--tw-backdrop-brightness: initial;--tw-backdrop-contrast: initial;--tw-backdrop-grayscale: initial;--tw-backdrop-hue-rotate: initial;--tw-backdrop-invert: initial;--tw-backdrop-opacity: initial;--tw-backdrop-saturate: initial;--tw-backdrop-sepia: initial;--tw-duration: initial;--tw-ease: initial}}}
2
+ /*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
package/dist/styles.d.mts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/dist/styles.d.ts ADDED
@@ -0,0 +1,2 @@
1
+
2
+ export { }
package/dist/table/index.cjs ADDED
@@ -0,0 +1 @@
1
+ 'use strict';var react=require('react'),solid=require('@heroicons/react/20/solid'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),outline=require('@heroicons/react/24/outline'),jsxRuntime=require('react/jsx-runtime');function l(...a){return tailwindMerge.twMerge(clsx.clsx(a))}var H=[10,20,50];function I({total:a,page:t,pageSize:s,totalPages:m,hasNextPage:f,hasPrevPage:u,onPageChange:d,onPageSizeChange:x,pageSizeOptions:R=H,showSizeChanger:g,className:T}){let b=m??Math.max(1,Math.ceil(a/s)),v=u??t>1,k=f??t<b,N=F(t,b),y=Math.min((t-1)*s+1,a),C=Math.min(t*s,a),M=g??x!=null;return jsxRuntime.jsxs("div",{className:l("flex flex-col sm:flex-row items-center justify-between gap-3 py-3 px-4 border-t border-border bg-surface-secondary/50 rounded-b-xl text-sm",T),children:[jsxRuntime.jsx("p",{className:"text-text-secondary shrink-0",children:a===0?"No items":`${String(y)}\u2013${String(C)} of ${String(a)} items`}),jsxRuntime.jsxs("div",{className:"flex items-center gap-2 flex-wrap justify-center",children:[M&&x!=null&&jsxRuntime.jsxs("div",{className:"flex items-center gap-1.5",children:[jsxRuntime.jsx("span",{className:"text-text-muted",children:"Rows:"}),jsxRuntime.jsx("select",{value:s,"aria-label":"Rows per page",onChange:r=>{x(Number(r.target.value));},className:"border border-border rounded-sm py-1 pl-2 pr-6 text-sm text-text bg-surface focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary cursor-pointer transition-all duration-normal",children:R.map(r=>jsxRuntime.jsx("option",{value:r,children:r},r))})]}),jsxRuntime.jsxs("nav",{"aria-label":"Pagination",className:"flex items-center gap-1",children:[jsxRuntime.jsx(h,{onClick:()=>{d(1);},disabled:!v,"aria-label":"First page",children:jsxRuntime.jsx(outline.ChevronDoubleLeftIcon,{className:"w-3.5 h-3.5"})}),jsxRuntime.jsx(h,{onClick:()=>{d(t-1);},disabled:!v,"aria-label":"Previous page",children:jsxRuntime.jsx(outline.ChevronLeftIcon,{className:"w-3.5 h-3.5"})}),N.map((r,w)=>r==="\u2026"?jsxRuntime.jsx("span",{className:"w-8 text-center text-text-muted/60 select-none","aria-hidden":"true",children:"\u2026"},`ellipsis-${String(w)}`):jsxRuntime.jsx(h,{onClick:()=>{d(r);},active:r===t,"aria-label":`Page ${String(r)}`,"aria-current":r===t?"page":void 0,children:r},r)),jsxRuntime.jsx(h,{onClick:()=>{d(t+1);},disabled:!k,"aria-label":"Next page",children:jsxRuntime.jsx(outline.ChevronRightIcon,{className:"w-3.5 h-3.5"})}),jsxRuntime.jsx(h,{onClick:()=>{d(b);},disabled:!k,"aria-label":"Last page",children:jsxRuntime.jsx(outline.ChevronDoubleRightIcon,{className:"w-3.5 h-3.5"})})]})]})]})}function h({children:a,active:t=false,disabled:s=false,className:m,...f}){return jsxRuntime.jsx("button",{type:"button",disabled:s,className:l("min-w-[32px] h-8 px-2 rounded-sm font-medium transition-all duration-normal text-sm flex items-center justify-center",t?"bg-primary text-text-inverse shadow-sm":"text-text-secondary hover:bg-hover active:bg-active",s&&"opacity-40 cursor-not-allowed pointer-events-none",m),...f,children:a})}function F(a,t){if(t<=7)return Array.from({length:t},(u,d)=>d+1);let s=[1];a>3&&s.push("\u2026");let m=Math.max(2,a-1),f=Math.min(t-1,a+1);for(let u=m;u<=f;u++)s.push(u);return a<t-2&&s.push("\u2026"),s.push(t),s}var D={sm:"px-3 py-1.5 text-xs",md:"px-4 py-3 text-sm",lg:"px-5 py-4 text-base"},Z={sm:"px-3 py-2 text-xs",md:"px-4 py-3 text-sm",lg:"px-5 py-4 text-base"};function q({direction:a}){return jsxRuntime.jsxs("span",{"aria-hidden":"true",className:"inline-flex flex-col ml-1 -space-y-1.5",children:[jsxRuntime.jsx(solid.ChevronUpIcon,{className:l("w-3.5 h-3.5 transition-all duration-normal",a==="asc"?"text-primary":"text-text-muted/30")}),jsxRuntime.jsx(solid.ChevronDownIcon,{className:l("w-3.5 h-3.5 transition-all duration-normal",a==="desc"?"text-primary":"text-text-muted/30")})]})}function z({cols:a,size:t}){return jsxRuntime.jsx(jsxRuntime.Fragment,{children:Array.from({length:5}).map((s,m)=>jsxRuntime.jsx("tr",{children:Array.from({length:a}).map((f,u)=>jsxRuntime.jsx("td",{className:D[t],children:jsxRuntime.jsx("div",{className:"h-4 bg-surface-secondary rounded-sm animate-pulse",style:{width:`${String(Math.floor(60+Math.random()*30))}%`}})},u))},m))})}function de({data:a,columns:t,rowKey:s,loading:m=false,emptyMessage:f="No data",striped:u=false,bordered:d=false,hoverable:x=true,stickyHeader:R=false,size:g="md",sortState:T,onSortChange:b,className:v,tableClassName:k,pagination:N,headerVariant:y="light"}){let[C,M]=react.useState(null),r=T??C,w=react.useCallback(e=>{if(!e.sortable)return;let p={key:e.key,direction:r?.key===e.key&&r.direction==="asc"?"desc":"asc"};b?b(p):M(p);},[r,b]),E=react.useMemo(()=>!r||b?a:[...a].sort((e,p)=>{let i=e[r.key],c=p[r.key],B=typeof i=="string"&&typeof c=="string"?i.localeCompare(c):String(i).localeCompare(String(c));return r.direction==="asc"?B:-B}),[a,r,b]),A=!m&&E.length===0;return jsxRuntime.jsxs("div",{className:l("w-full overflow-hidden rounded-xl border border-border bg-surface shadow-sm transition-colors duration-normal",d&&"border",v),children:[jsxRuntime.jsx("div",{className:"overflow-x-auto",children:jsxRuntime.jsxs("table",{className:l("w-full border-collapse",k),children:[jsxRuntime.jsx("thead",{className:l(R&&"sticky top-0 z-dropdown"),children:jsxRuntime.jsx("tr",{className:l("border-b border-border transition-colors duration-normal",y==="light"?"bg-surface-secondary":"bg-black"),children:t.map(e=>{let p=r?.key===e.key,i=p?r.direction:null;return jsxRuntime.jsx("th",{scope:"col",style:{width:e.width},"aria-sort":p?i==="asc"?"ascending":"descending":e.sortable?"none":void 0,className:l(Z[g],"font-black tracking-widest uppercase whitespace-nowrap select-none transition-all duration-normal",y==="light"?"text-text-secondary":"text-white",e.align==="center"&&"text-center",e.align==="right"&&"text-right",e.sortable&&"cursor-pointer hover:bg-hover",y==="dark"&&e.sortable&&"hover:bg-white/10",d&&"border border-border",e.headerClassName),onClick:e.sortable?()=>{w(e);}:void 0,onKeyDown:e.sortable?c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),w(e));}:void 0,tabIndex:e.sortable?0:void 0,children:jsxRuntime.jsxs("span",{className:l("flex items-center gap-1",e.align==="center"&&"justify-center",e.align==="right"&&"justify-end"),children:[e.header,e.sortable&&jsxRuntime.jsx(q,{direction:i})]})},e.key)})})}),jsxRuntime.jsx("tbody",{children:m?jsxRuntime.jsx(z,{cols:t.length,size:g}):A?jsxRuntime.jsx("tr",{children:jsxRuntime.jsx("td",{colSpan:t.length,className:"py-16 text-center text-text-muted text-sm font-medium",children:f})}):E.map((e,p)=>jsxRuntime.jsx("tr",{className:l("border-b border-border-light last:border-0 transition-colors duration-fast",u&&p%2!==0&&"bg-surface-secondary/40",x&&"hover:bg-hover/60"),children:t.map(i=>jsxRuntime.jsx("td",{className:l(D[g],"text-text font-medium",i.align==="center"&&"text-center",i.align==="right"&&"text-right",d&&"border border-border",i.cellClassName),children:i.render?i.render(e,p):(()=>{let c=e[i.key];return c==null?"":typeof c=="object"?JSON.stringify(c):String(c)})()},i.key))},s(e)))})]})}),N&&jsxRuntime.jsx(I,{...N})]})}exports.Pagination=I;exports.Table=de;
package/dist/table/index.d.mts ADDED
@@ -0,0 +1,92 @@
1
+ import React__default, { ReactNode, CSSProperties } from 'react';
2
+
3
+ type TableAlign = 'left' | 'center' | 'right';
4
+ type TableSize = 'sm' | 'md' | 'lg';
5
+ interface TableColumn<T> {
6
+ /** Unique key identifying this column (also used as data accessor when render is omitted). */
7
+ key: string;
8
+ /** Header label shown in <th>. */
9
+ header: ReactNode;
10
+ /** Custom cell renderer. Receives the row object and its index. */
11
+ render?: (row: T, rowIndex: number) => ReactNode;
12
+ /** When true a sort toggle is shown in the header. */
13
+ sortable?: boolean;
14
+ /** Column width, e.g. '120px' or '10%'. */
15
+ width?: CSSProperties['width'];
16
+ /** Text alignment for both header and cells. Defaults to 'left'. */
17
+ align?: TableAlign;
18
+ /** Extra class applied to every <td> in this column. */
19
+ cellClassName?: string;
20
+ /** Extra class applied to the <th> of this column. */
21
+ headerClassName?: string;
22
+ }
23
+ type SortDirection = 'asc' | 'desc';
24
+ interface SortState {
25
+ key: string;
26
+ direction: SortDirection;
27
+ }
28
+ type TableHeaderVariant = 'light' | 'dark';
29
+ interface TableProps<T extends object> {
30
+ /** Array of data rows. */
31
+ data: T[];
32
+ /** Column definitions. */
33
+ columns: TableColumn<T>[];
34
+ /** Returns a unique key for each row (required for React reconciliation). */
35
+ rowKey: (row: T) => string | number;
36
+ /** Show a loading skeleton overlay. */
37
+ loading?: boolean;
38
+ /** Message (or element) shown when data is empty. */
39
+ emptyMessage?: ReactNode;
40
+ /** Alternate row background colours. */
41
+ striped?: boolean;
42
+ /** Render outer and inner borders. */
43
+ bordered?: boolean;
44
+ /** Highlight row on hover. */
45
+ hoverable?: boolean;
46
+ /** Makes the header stick to the top when scrolling. */
47
+ stickyHeader?: boolean;
48
+ /** Cell padding size. Defaults to 'md'. */
49
+ size?: TableSize;
50
+ /** External sort state (controlled). When omitted, sorting is internal. */
51
+ sortState?: SortState;
52
+ /** Called when the user clicks a sortable header. */
53
+ onSortChange?: (sort: SortState) => void;
54
+ /** Additional class for the outer wrapper. */
55
+ className?: string;
56
+ /** Additional class for the <table> element. */
57
+ tableClassName?: string;
58
+ /** Pagination configuration. If null or undefined, pagination is hidden. */
59
+ pagination?: PaginationProps | null;
60
+ /** Variant for the table header */
61
+ headerVariant?: TableHeaderVariant;
62
+ }
63
+ interface PaginationProps {
64
+ /** Total number of items across all pages. */
65
+ total: number;
66
+ /** Current page index (1-based). */
67
+ page: number;
68
+ /** Number of rows per page. */
69
+ pageSize: number;
70
+ /** Total number of pages. */
71
+ totalPages?: number;
72
+ /** Whether there is a next page. */
73
+ hasNextPage?: boolean;
74
+ /** Whether there is a previous page. */
75
+ hasPrevPage?: boolean;
76
+ /** Called when the user navigates to a new page. */
77
+ onPageChange: (page: number) => void;
78
+ /** Called when the user picks a new page size. */
79
+ onPageSizeChange?: (size: number) => void;
80
+ /** Available page-size options. Defaults to [10, 20, 50]. */
81
+ pageSizeOptions?: number[];
82
+ /** Show the page-size selector. Defaults to true when onPageSizeChange is provided. */
83
+ showSizeChanger?: boolean;
84
+ /** Additional class for the pagination wrapper. */
85
+ className?: string;
86
+ }
87
+
88
+ declare function Table<T extends object>({ data, columns, rowKey, loading, emptyMessage, striped, bordered, hoverable, stickyHeader, size, sortState: externalSort, onSortChange, className, tableClassName, pagination, headerVariant, }: TableProps<T>): React__default.JSX.Element;
89
+
90
+ declare function Pagination({ total, page, pageSize, totalPages: propTotalPages, hasNextPage: propHasNextPage, hasPrevPage: propHasPrevPage, onPageChange, onPageSizeChange, pageSizeOptions, showSizeChanger, className, }: PaginationProps): React__default.JSX.Element;
91
+
92
+ export { Pagination, type PaginationProps, type SortDirection, type SortState, Table, type TableAlign, type TableColumn, type TableHeaderVariant, type TableProps, type TableSize };
package/dist/table/index.d.ts ADDED
@@ -0,0 +1,92 @@
1
+ import React__default, { ReactNode, CSSProperties } from 'react';
2
+
3
+ type TableAlign = 'left' | 'center' | 'right';
4
+ type TableSize = 'sm' | 'md' | 'lg';
5
+ interface TableColumn<T> {
6
+ /** Unique key identifying this column (also used as data accessor when render is omitted). */
7
+ key: string;
8
+ /** Header label shown in <th>. */
9
+ header: ReactNode;
10
+ /** Custom cell renderer. Receives the row object and its index. */
11
+ render?: (row: T, rowIndex: number) => ReactNode;
12
+ /** When true a sort toggle is shown in the header. */
13
+ sortable?: boolean;
14
+ /** Column width, e.g. '120px' or '10%'. */
15
+ width?: CSSProperties['width'];
16
+ /** Text alignment for both header and cells. Defaults to 'left'. */
17
+ align?: TableAlign;
18
+ /** Extra class applied to every <td> in this column. */
19
+ cellClassName?: string;
20
+ /** Extra class applied to the <th> of this column. */
21
+ headerClassName?: string;
22
+ }
23
+ type SortDirection = 'asc' | 'desc';
24
+ interface SortState {
25
+ key: string;
26
+ direction: SortDirection;
27
+ }
28
+ type TableHeaderVariant = 'light' | 'dark';
29
+ interface TableProps<T extends object> {
30
+ /** Array of data rows. */
31
+ data: T[];
32
+ /** Column definitions. */
33
+ columns: TableColumn<T>[];
34
+ /** Returns a unique key for each row (required for React reconciliation). */
35
+ rowKey: (row: T) => string | number;
36
+ /** Show a loading skeleton overlay. */
37
+ loading?: boolean;
38
+ /** Message (or element) shown when data is empty. */
39
+ emptyMessage?: ReactNode;
40
+ /** Alternate row background colours. */
41
+ striped?: boolean;
42
+ /** Render outer and inner borders. */
43
+ bordered?: boolean;
44
+ /** Highlight row on hover. */
45
+ hoverable?: boolean;
46
+ /** Makes the header stick to the top when scrolling. */
47
+ stickyHeader?: boolean;
48
+ /** Cell padding size. Defaults to 'md'. */
49
+ size?: TableSize;
50
+ /** External sort state (controlled). When omitted, sorting is internal. */
51
+ sortState?: SortState;
52
+ /** Called when the user clicks a sortable header. */
53
+ onSortChange?: (sort: SortState) => void;
54
+ /** Additional class for the outer wrapper. */
55
+ className?: string;
56
+ /** Additional class for the <table> element. */
57
+ tableClassName?: string;
58
+ /** Pagination configuration. If null or undefined, pagination is hidden. */
59
+ pagination?: PaginationProps | null;
60
+ /** Variant for the table header */
61
+ headerVariant?: TableHeaderVariant;
62
+ }
63
+ interface PaginationProps {
64
+ /** Total number of items across all pages. */
65
+ total: number;
66
+ /** Current page index (1-based). */
67
+ page: number;
68
+ /** Number of rows per page. */
69
+ pageSize: number;
70
+ /** Total number of pages. */
71
+ totalPages?: number;
72
+ /** Whether there is a next page. */
73
+ hasNextPage?: boolean;
74
+ /** Whether there is a previous page. */
75
+ hasPrevPage?: boolean;
76
+ /** Called when the user navigates to a new page. */
77
+ onPageChange: (page: number) => void;
78
+ /** Called when the user picks a new page size. */
79
+ onPageSizeChange?: (size: number) => void;
80
+ /** Available page-size options. Defaults to [10, 20, 50]. */
81
+ pageSizeOptions?: number[];
82
+ /** Show the page-size selector. Defaults to true when onPageSizeChange is provided. */
83
+ showSizeChanger?: boolean;
84
+ /** Additional class for the pagination wrapper. */
85
+ className?: string;
86
+ }
87
+
88
+ declare function Table<T extends object>({ data, columns, rowKey, loading, emptyMessage, striped, bordered, hoverable, stickyHeader, size, sortState: externalSort, onSortChange, className, tableClassName, pagination, headerVariant, }: TableProps<T>): React__default.JSX.Element;
89
+
90
+ declare function Pagination({ total, page, pageSize, totalPages: propTotalPages, hasNextPage: propHasNextPage, hasPrevPage: propHasPrevPage, onPageChange, onPageSizeChange, pageSizeOptions, showSizeChanger, className, }: PaginationProps): React__default.JSX.Element;
91
+
92
+ export { Pagination, type PaginationProps, type SortDirection, type SortState, Table, type TableAlign, type TableColumn, type TableHeaderVariant, type TableProps, type TableSize };
package/dist/table/index.mjs ADDED
@@ -0,0 +1 @@
1
+ import {useState,useCallback,useMemo}from'react';import {ChevronUpIcon,ChevronDownIcon}from'@heroicons/react/20/solid';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {ChevronDoubleLeftIcon,ChevronLeftIcon,ChevronRightIcon,ChevronDoubleRightIcon}from'@heroicons/react/24/outline';import {jsxs,jsx,Fragment}from'react/jsx-runtime';function l(...a){return twMerge(clsx(a))}var H=[10,20,50];function I({total:a,page:t,pageSize:s,totalPages:m,hasNextPage:f,hasPrevPage:u,onPageChange:d,onPageSizeChange:x,pageSizeOptions:R=H,showSizeChanger:g,className:T}){let b=m??Math.max(1,Math.ceil(a/s)),v=u??t>1,k=f??t<b,N=F(t,b),y=Math.min((t-1)*s+1,a),C=Math.min(t*s,a),M=g??x!=null;return jsxs("div",{className:l("flex flex-col sm:flex-row items-center justify-between gap-3 py-3 px-4 border-t border-border bg-surface-secondary/50 rounded-b-xl text-sm",T),children:[jsx("p",{className:"text-text-secondary shrink-0",children:a===0?"No items":`${String(y)}\u2013${String(C)} of ${String(a)} items`}),jsxs("div",{className:"flex items-center gap-2 flex-wrap justify-center",children:[M&&x!=null&&jsxs("div",{className:"flex items-center gap-1.5",children:[jsx("span",{className:"text-text-muted",children:"Rows:"}),jsx("select",{value:s,"aria-label":"Rows per page",onChange:r=>{x(Number(r.target.value));},className:"border border-border rounded-sm py-1 pl-2 pr-6 text-sm text-text bg-surface focus:outline-none focus:ring-2 focus:ring-primary/30 focus:border-primary cursor-pointer transition-all duration-normal",children:R.map(r=>jsx("option",{value:r,children:r},r))})]}),jsxs("nav",{"aria-label":"Pagination",className:"flex items-center gap-1",children:[jsx(h,{onClick:()=>{d(1);},disabled:!v,"aria-label":"First page",children:jsx(ChevronDoubleLeftIcon,{className:"w-3.5 h-3.5"})}),jsx(h,{onClick:()=>{d(t-1);},disabled:!v,"aria-label":"Previous page",children:jsx(ChevronLeftIcon,{className:"w-3.5 h-3.5"})}),N.map((r,w)=>r==="\u2026"?jsx("span",{className:"w-8 text-center text-text-muted/60 select-none","aria-hidden":"true",children:"\u2026"},`ellipsis-${String(w)}`):jsx(h,{onClick:()=>{d(r);},active:r===t,"aria-label":`Page ${String(r)}`,"aria-current":r===t?"page":void 0,children:r},r)),jsx(h,{onClick:()=>{d(t+1);},disabled:!k,"aria-label":"Next page",children:jsx(ChevronRightIcon,{className:"w-3.5 h-3.5"})}),jsx(h,{onClick:()=>{d(b);},disabled:!k,"aria-label":"Last page",children:jsx(ChevronDoubleRightIcon,{className:"w-3.5 h-3.5"})})]})]})]})}function h({children:a,active:t=false,disabled:s=false,className:m,...f}){return jsx("button",{type:"button",disabled:s,className:l("min-w-[32px] h-8 px-2 rounded-sm font-medium transition-all duration-normal text-sm flex items-center justify-center",t?"bg-primary text-text-inverse shadow-sm":"text-text-secondary hover:bg-hover active:bg-active",s&&"opacity-40 cursor-not-allowed pointer-events-none",m),...f,children:a})}function F(a,t){if(t<=7)return Array.from({length:t},(u,d)=>d+1);let s=[1];a>3&&s.push("\u2026");let m=Math.max(2,a-1),f=Math.min(t-1,a+1);for(let u=m;u<=f;u++)s.push(u);return a<t-2&&s.push("\u2026"),s.push(t),s}var D={sm:"px-3 py-1.5 text-xs",md:"px-4 py-3 text-sm",lg:"px-5 py-4 text-base"},Z={sm:"px-3 py-2 text-xs",md:"px-4 py-3 text-sm",lg:"px-5 py-4 text-base"};function q({direction:a}){return jsxs("span",{"aria-hidden":"true",className:"inline-flex flex-col ml-1 -space-y-1.5",children:[jsx(ChevronUpIcon,{className:l("w-3.5 h-3.5 transition-all duration-normal",a==="asc"?"text-primary":"text-text-muted/30")}),jsx(ChevronDownIcon,{className:l("w-3.5 h-3.5 transition-all duration-normal",a==="desc"?"text-primary":"text-text-muted/30")})]})}function z({cols:a,size:t}){return jsx(Fragment,{children:Array.from({length:5}).map((s,m)=>jsx("tr",{children:Array.from({length:a}).map((f,u)=>jsx("td",{className:D[t],children:jsx("div",{className:"h-4 bg-surface-secondary rounded-sm animate-pulse",style:{width:`${String(Math.floor(60+Math.random()*30))}%`}})},u))},m))})}function de({data:a,columns:t,rowKey:s,loading:m=false,emptyMessage:f="No data",striped:u=false,bordered:d=false,hoverable:x=true,stickyHeader:R=false,size:g="md",sortState:T,onSortChange:b,className:v,tableClassName:k,pagination:N,headerVariant:y="light"}){let[C,M]=useState(null),r=T??C,w=useCallback(e=>{if(!e.sortable)return;let p={key:e.key,direction:r?.key===e.key&&r.direction==="asc"?"desc":"asc"};b?b(p):M(p);},[r,b]),E=useMemo(()=>!r||b?a:[...a].sort((e,p)=>{let i=e[r.key],c=p[r.key],B=typeof i=="string"&&typeof c=="string"?i.localeCompare(c):String(i).localeCompare(String(c));return r.direction==="asc"?B:-B}),[a,r,b]),A=!m&&E.length===0;return jsxs("div",{className:l("w-full overflow-hidden rounded-xl border border-border bg-surface shadow-sm transition-colors duration-normal",d&&"border",v),children:[jsx("div",{className:"overflow-x-auto",children:jsxs("table",{className:l("w-full border-collapse",k),children:[jsx("thead",{className:l(R&&"sticky top-0 z-dropdown"),children:jsx("tr",{className:l("border-b border-border transition-colors duration-normal",y==="light"?"bg-surface-secondary":"bg-black"),children:t.map(e=>{let p=r?.key===e.key,i=p?r.direction:null;return jsx("th",{scope:"col",style:{width:e.width},"aria-sort":p?i==="asc"?"ascending":"descending":e.sortable?"none":void 0,className:l(Z[g],"font-black tracking-widest uppercase whitespace-nowrap select-none transition-all duration-normal",y==="light"?"text-text-secondary":"text-white",e.align==="center"&&"text-center",e.align==="right"&&"text-right",e.sortable&&"cursor-pointer hover:bg-hover",y==="dark"&&e.sortable&&"hover:bg-white/10",d&&"border border-border",e.headerClassName),onClick:e.sortable?()=>{w(e);}:void 0,onKeyDown:e.sortable?c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),w(e));}:void 0,tabIndex:e.sortable?0:void 0,children:jsxs("span",{className:l("flex items-center gap-1",e.align==="center"&&"justify-center",e.align==="right"&&"justify-end"),children:[e.header,e.sortable&&jsx(q,{direction:i})]})},e.key)})})}),jsx("tbody",{children:m?jsx(z,{cols:t.length,size:g}):A?jsx("tr",{children:jsx("td",{colSpan:t.length,className:"py-16 text-center text-text-muted text-sm font-medium",children:f})}):E.map((e,p)=>jsx("tr",{className:l("border-b border-border-light last:border-0 transition-colors duration-fast",u&&p%2!==0&&"bg-surface-secondary/40",x&&"hover:bg-hover/60"),children:t.map(i=>jsx("td",{className:l(D[g],"text-text font-medium",i.align==="center"&&"text-center",i.align==="right"&&"text-right",d&&"border border-border",i.cellClassName),children:i.render?i.render(e,p):(()=>{let c=e[i.key];return c==null?"":typeof c=="object"?JSON.stringify(c):String(c)})()},i.key))},s(e)))})]})}),N&&jsx(I,{...N})]})}export{I as Pagination,de as Table};
package/dist/tabs/index.cjs ADDED
@@ -0,0 +1,2 @@
1
+ 'use strict';var react=require('react'),outline=require('@heroicons/react/24/outline'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactDom=require('react-dom'),jsxRuntime=require('react/jsx-runtime');function r(...B){return tailwindMerge.twMerge(clsx.clsx(B))}var ce=150,ye={top:"-translate-x-1/2 -translate-y-full",bottom:"-translate-x-1/2",left:"-translate-x-full -translate-y-1/2",right:"-translate-y-1/2"},we={top:"top-full left-1/2 -translate-x-1/2",bottom:"bottom-full left-1/2 -translate-x-1/2",left:"left-full top-1/2 -translate-y-1/2",right:"right-full top-1/2 -translate-y-1/2"},Te={top:"border-l-transparent border-r-transparent border-b-transparent",bottom:"border-l-transparent border-r-transparent border-t-transparent",left:"border-t-transparent border-b-transparent border-r-transparent",right:"border-t-transparent border-b-transparent border-l-transparent"},Re={top:"translate-y-1",bottom:"-translate-y-1",left:"translate-x-1",right:"-translate-x-1"},Ce={sm:"px-2 py-1 text-xs rounded-md",md:"px-3 py-1.5 text-sm rounded-lg",lg:"px-4 py-2 text-sm rounded-xl"},Ee={dark:["bg-gray-900 text-gray-50","shadow-[0_4px_16px_rgba(0,0,0,0.35)]","ring-1 ring-white/10"].join(" "),primary:["bg-gradient-to-b from-blue-500 to-blue-600 text-white","shadow-[0_4px_16px_rgba(59,130,246,0.45)]","ring-1 ring-blue-400/30"].join(" "),light:["bg-white text-gray-800","border border-gray-200/80","shadow-[0_4px_16px_rgba(0,0,0,0.10)]"].join(" ")},Be={dark:{top:"border-t-gray-900",bottom:"border-b-gray-900",left:"border-l-gray-900",right:"border-r-gray-900"},primary:{top:"border-t-blue-600",bottom:"border-b-blue-500",left:"border-l-blue-600",right:"border-r-blue-500"},light:{top:"border-t-gray-200",bottom:"border-b-gray-200",left:"border-l-gray-200",right:"border-r-gray-200"}};function ue({content:B,children:u,placement:o="top",trigger:i="hover",showDelay:f=0,hideDelay:l=100,size:c="md",variant:m="dark",open:z,disabled:d=false,maxWidth:P=240,className:S,wrapperClassName:I}){let[_,w]=react.useState(false),[V,n]=react.useState(false),[L,k]=react.useState(false),[K,J]=react.useState({top:0,left:0}),[T,A]=react.useState(o),v=z!==void 0,s=v?z:_,M=react.useRef(null),j=react.useRef(null),t=react.useRef(null),a=react.useRef(null),p=react.useRef(null),Z=react.useId(),b=react.useCallback(()=>{t.current&&clearTimeout(t.current),a.current&&clearTimeout(a.current),p.current&&clearTimeout(p.current);},[]),ee=react.useCallback(()=>{if(d||v)return;b();let e=()=>{w(true);};f>0?t.current=setTimeout(e,f):e();},[d,v,b,f]),te=react.useCallback(()=>{v||(b(),a.current=setTimeout(()=>{w(false);},l));},[v,b,l]),re=react.useCallback(()=>{d||v||w(e=>!e);},[d,v]);react.useEffect(()=>{let e=null;return s&&!d?(b(),e=requestAnimationFrame(()=>{n(true),e=requestAnimationFrame(()=>{k(true);});})):(e=requestAnimationFrame(()=>{k(false);}),p.current=setTimeout(()=>{n(false);},ce)),()=>{e&&cancelAnimationFrame(e),p.current&&clearTimeout(p.current);}},[s,d,b]);let oe=react.useCallback(()=>{if(!M.current||!s)return;let e=M.current.getBoundingClientRect(),g=j.current,R=8,y=o,ne=C=>{switch(C){case "top":return {t:e.top-R,l:e.left+e.width/2};case "bottom":return {t:e.bottom+R,l:e.left+e.width/2};case "left":return {t:e.top+e.height/2,l:e.left-R};case "right":return {t:e.top+e.height/2,l:e.right+R}}},se=ne(o),q=se.t,O=se.l;if(g){let C=g.getBoundingClientRect(),E=12;if(o==="top"&&e.top-C.height-R<E?y="bottom":o==="bottom"&&e.bottom+C.height+R>window.innerHeight-E?y="top":o==="left"&&e.left-C.width-R<E?y="right":o==="right"&&e.right+C.width+R>window.innerWidth-E&&(y="left"),y!==o){let le=ne(y);q=le.t,O=le.l;}let ae=C.width/2,ie=C.height/2;y==="top"||y==="bottom"?O=Math.max(E+ae,Math.min(window.innerWidth-E-ae,O)):q=Math.max(E+ie,Math.min(window.innerHeight-E-ie,q));}A(y),J({top:q,left:O});},[s,o]);react.useLayoutEffect(()=>{if(!s)return;let e=null,g=()=>{e=requestAnimationFrame(oe);};return g(),window.addEventListener("resize",g),window.addEventListener("scroll",g,true),()=>{e!==null&&cancelAnimationFrame(e),window.removeEventListener("resize",g),window.removeEventListener("scroll",g,true);}},[s,oe]),react.useEffect(()=>{if(!s)return;let e=g=>{g.key==="Escape"&&(b(),w(false));};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e);}},[s,b]),react.useEffect(()=>b,[b]);let N={};(i==="hover"||i==="focus")&&(N.onFocus=ee,N.onBlur=te),i==="hover"?(N.onMouseEnter=ee,N.onMouseLeave=te):i==="click"&&(N.onClick=re),N.onKeyDown=e=>{(e.key==="Enter"||e.key===" ")&&re();};let me=u;return jsxRuntime.jsxs("span",{ref:M,className:r("relative inline-flex isolate z-0",I),"aria-describedby":s&&!d?Z:void 0,...N,children:[jsxRuntime.jsx("span",{className:"relative z-0",children:me}),V&&!d&&reactDom.createPortal(jsxRuntime.jsx("div",{ref:j,className:r("pointer-events-none fixed z-[9999]",ye[T]),style:{top:K.top,left:K.left},children:jsxRuntime.jsxs("div",{id:Z,role:"tooltip",style:{maxWidth:P,transitionDuration:`${ce.toString()}ms`},className:r("relative min-w-max whitespace-normal break-words","font-sans font-medium tracking-tight text-center leading-snug","transition-[opacity,transform] ease-out",L?"opacity-100 translate-x-0 translate-y-0":["opacity-0",Re[T]].join(" "),Ee[m],Ce[c],S),children:[jsxRuntime.jsx("div",{"aria-hidden":"true",className:r("absolute border-[6px]","drop-shadow-sm",we[T],Te[T],Be[m][T])}),B]})}),document.body)]})}var Ne={xs:"h-6 px-2.5 text-xs",sm:"h-8 px-3 text-sm",md:"h-10 px-4 text-sm",lg:"h-11 px-6 text-base",xl:"h-12 px-8 text-lg"},ze={xs:"w-3 h-3",sm:"w-3.5 h-3.5",md:"w-4 h-4",lg:"w-5 h-5",xl:"w-5 h-5"},Pe={primary:"bg-primary text-text-inverse hover:bg-primary-hover hover:shadow-xl hover:shadow-primary/20 active:scale-95 border border-transparent shadow-md focus-visible:ring-primary/40 transition-all duration-normal",secondary:"bg-secondary text-text hover:bg-secondary-hover border border-transparent focus-visible:ring-primary/40",outline:"bg-transparent text-text border border-border hover:bg-hover hover:text-text focus-visible:ring-primary/40",ghost:"bg-transparent text-text border border-transparent hover:bg-hover hover:text-text focus-visible:ring-primary/40",danger:"bg-error text-text-inverse hover:bg-error/90 border border-transparent shadow-sm focus-visible:ring-error/40",success:"bg-success text-text-inverse hover:bg-success/90 border border-transparent shadow-sm focus-visible:ring-success/40",warning:"bg-warning text-text-inverse hover:bg-warning/90 border border-transparent shadow-sm focus-visible:ring-warning/40",info:"bg-info text-text-inverse hover:bg-info/90 border border-transparent shadow-sm focus-visible:ring-info/40"},Se="opacity-50 cursor-not-allowed shadow-none",Q=react.forwardRef(function({children:u,className:o,variant:i="primary",size:f="md",fullWidth:l=false,isLoading:c=false,loadingText:m,disabled:z=false,leftIcon:d,rightIcon:P,tooltip:S,tooltipPlacement:I="top",type:_="button",...w},V){let n=z||c,L=jsxRuntime.jsxs("div",{className:r("relative flex items-center justify-center",ze[f]),children:[jsxRuntime.jsx("div",{className:"absolute inset-0 rounded-full border-1 border-current opacity-20 animate-ping"}),jsxRuntime.jsxs("svg",{className:"animate-spin relative z-10 w-full h-full",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",role:"status",children:[jsxRuntime.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4"}),jsxRuntime.jsx("path",{className:"opacity-90",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})]})]}),k=jsxRuntime.jsx("button",{ref:V,type:_,disabled:n,"aria-disabled":n,"aria-busy":c,className:r("relative inline-flex items-center justify-center gap-2 font-bold rounded-md transition-[background-color,border-color,color,box-shadow,transform,opacity] duration-normal focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-surface",Ne[f],Pe[i],l?"w-full":"",n?Se:"",o),...w,children:c&&m?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[L,jsxRuntime.jsx("span",{children:m})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[d&&jsxRuntime.jsx("span",{className:r("inline-flex shrink-0",c&&"invisible opacity-0"),children:d}),jsxRuntime.jsx("span",{className:r("truncate flex items-center justify-center",c&&"invisible opacity-0"),children:u}),P&&jsxRuntime.jsx("span",{className:r("inline-flex shrink-0",c&&"invisible opacity-0"),children:P}),c&&!m&&jsxRuntime.jsx("span",{className:"absolute inset-0 flex items-center justify-center",children:L})]})});return S?jsxRuntime.jsx(ue,{content:S,placement:I,wrapperClassName:l?"w-full":"",children:k}):k});Q.displayName="Button";var Me={xs:"w-6 h-6",sm:"w-8 h-8",md:"w-10 h-10",lg:"w-11 h-11",xl:"w-12 h-12"},U=react.forwardRef(({icon:B,"aria-label":u,isRound:o,className:i,size:f="md",...l},c)=>jsxRuntime.jsx(Q,{ref:c,size:f,className:r("p-0 flex-shrink-0 min-w-0",Me[f],o&&"rounded-full",i),"aria-label":u,...l,children:B}));U.displayName="IconButton";var Fe={xs:"h-8 px-3 text-xs tracking-tight",sm:"h-9 px-4 text-sm tracking-tight",md:"h-10 px-5 text-sm font-medium tracking-tight",lg:"h-11 px-6 text-base font-medium tracking-tight",xl:"h-12 px-8 text-lg font-medium tracking-tight"},De={default:"border-b border-border/60 bg-transparent gap-2",filled:"bg-surface-secondary/80 p-1.5 rounded-xl gap-1.5 border border-border/40 shadow-inner backdrop-blur-sm",flushed:"border-b border-border/60 bg-transparent gap-8",unstyled:"gap-4"},Ke={default:{default:"border border-transparent text-text-muted hover:text-text hover:bg-hover/5 rounded-t-lg mb-[-1px] transition-all duration-normal",selected:"border border-border border-b-surface text-primary rounded-t-lg mb-[-1px] bg-surface font-bold shadow-[0_-4px_12px_-4px_rgba(0,0,0,0.08)]"},filled:{default:"text-text-muted hover:text-text rounded-lg hover:bg-hover/30 transition-all duration-normal px-4",selected:"bg-surface text-primary shadow-md rounded-lg font-bold scale-[1.02] px-4"},flushed:{default:"border-b-2 border-transparent text-text-muted hover:text-text hover:border-border/40 mb-[-1px] transition-all duration-normal px-1",selected:"border-b-2 border-primary text-primary mb-[-1px] font-bold px-1 tracking-normal"},unstyled:{default:"text-text-muted hover:text-text transition-all duration-normal opacity-70 hover:opacity-100",selected:"text-primary font-bold"}},je=react.forwardRef(function({items:u,defaultSelectedId:o,selectedId:i,onChange:f,variant:l="default",size:c="md",fullWidth:m=false,className:z,tabListClassName:d,tabClassName:P,tabPanelClassName:S,...I},_){let[w,V]=react.useState(()=>i!==void 0?i:o!==void 0?o:u.length>0?u[0]?.id??"":""),n=react.useRef(null),[L,k]=react.useState(false),[K,J]=react.useState(false),T=i!==void 0,A=T?i:w,v=(t,a)=>{a||(T||V(t),f?.(t));},s=()=>{if(n.current){let{scrollLeft:t,scrollWidth:a,clientWidth:p}=n.current;k(t>5),J(t<a-p-5);}};react.useEffect(()=>{let t=n.current;if(!t)return;s(),t.addEventListener("scroll",s),window.addEventListener("resize",s);let a=setTimeout(s,100);return ()=>{t.removeEventListener("scroll",s),window.removeEventListener("resize",s),clearTimeout(a);}},[u,m]);let M=t=>{if(n.current){let a=n.current.clientWidth/2;n.current.scrollBy({left:t==="left"?-a:a,behavior:"smooth"});}};react.useEffect(()=>{if(n.current){let t=n.current.querySelector('[aria-selected="true"]');t&&t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"});}},[A]);let j=u.find(t=>t.id===A);return u.length===0?null:jsxRuntime.jsxs("div",{ref:_,className:r("w-full",z),...I,children:[jsxRuntime.jsxs("div",{className:"relative group/tabs flex items-center",children:[L&&jsxRuntime.jsxs("div",{className:"absolute left-0 z-20 flex h-full items-center pl-1 lg:hidden pointer-events-none",children:[jsxRuntime.jsx(U,{icon:jsxRuntime.jsx(outline.ChevronLeftIcon,{className:"w-4 h-4"}),"aria-label":"Scroll left",variant:"ghost",size:"xs",isRound:true,onClick:()=>{M("left");},className:"pointer-events-auto shadow-xl border border-border/20 bg-surface/98 backdrop-blur-xl hover:bg-primary hover:text-surface transition-all duration-300"}),jsxRuntime.jsx("div",{className:"w-12 h-full bg-gradient-to-r from-surface/80 to-transparent pointer-events-none -ml-6"})]}),jsxRuntime.jsx("div",{ref:n,className:r("flex-1 overflow-x-auto scrollbar-none scroll-smooth",l==="filled"?"py-1":"",m&&"w-full"),children:jsxRuntime.jsx("div",{role:"tablist",className:r("flex flex-nowrap",(m||l!=="filled")&&"min-w-full",l==="filled"&&"w-max mx-auto lg:mx-0",De[l],d),children:u.map(t=>{let a=t.id===A,p=t.disabled;return jsxRuntime.jsx("button",{type:"button",role:"tab","aria-selected":a,"aria-disabled":p,disabled:p,onClick:()=>{v(t.id,p);},className:r("flex items-center justify-center font-medium transition-all duration-normal outline-none focus-visible:ring-2 focus-visible:ring-primary/40 focus-visible:ring-offset-2 focus-visible:ring-offset-surface whitespace-nowrap shrink-0",Fe[c],Ke[l][a?"selected":"default"],m&&"flex-1",p&&"opacity-50 cursor-not-allowed pointer-events-none",P),children:t.label},t.id)})})}),K&&jsxRuntime.jsxs("div",{className:"absolute right-0 z-20 flex h-full items-center pr-1 lg:hidden pointer-events-none",children:[jsxRuntime.jsx("div",{className:"w-8 h-full bg-gradient-to-l from-surface to-transparent pointer-events-none -mr-4"}),jsxRuntime.jsx(U,{icon:jsxRuntime.jsx(outline.ChevronRightIcon,{className:"w-4 h-4"}),"aria-label":"Scroll right",variant:"ghost",size:"xs",isRound:true,onClick:()=>{M("right");},className:"pointer-events-auto shadow-xl border border-border/20 bg-surface/98 backdrop-blur-xl hover:bg-primary hover:text-surface transition-all duration-300"})]})]}),jsxRuntime.jsx("div",{role:"tabpanel",className:r("pt-4",S),tabIndex:0,children:j?.content})]})});je.displayName="Tabs";
2
+ exports.Tabs=je;
package/dist/tabs/index.d.mts ADDED
@@ -0,0 +1,26 @@
1
+ import { ReactNode, HTMLAttributes } from 'react';
2
+
3
+ type TabsVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
4
+ type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
+ interface TabItem {
6
+ id: string;
7
+ label: ReactNode;
8
+ content: ReactNode;
9
+ disabled?: boolean;
10
+ }
11
+ interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
12
+ items: TabItem[];
13
+ defaultSelectedId?: string;
14
+ selectedId?: string;
15
+ onChange?: (id: string) => void;
16
+ variant?: TabsVariant;
17
+ size?: TabsSize;
18
+ fullWidth?: boolean;
19
+ tabListClassName?: string;
20
+ tabClassName?: string;
21
+ tabPanelClassName?: string;
22
+ }
23
+
24
+ declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
25
+
26
+ export { type TabItem, Tabs, type TabsProps, type TabsSize, type TabsVariant };
package/dist/tabs/index.d.ts ADDED
@@ -0,0 +1,26 @@
1
+ import { ReactNode, HTMLAttributes } from 'react';
2
+
3
+ type TabsVariant = 'default' | 'filled' | 'flushed' | 'unstyled';
4
+ type TabsSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
5
+ interface TabItem {
6
+ id: string;
7
+ label: ReactNode;
8
+ content: ReactNode;
9
+ disabled?: boolean;
10
+ }
11
+ interface TabsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
12
+ items: TabItem[];
13
+ defaultSelectedId?: string;
14
+ selectedId?: string;
15
+ onChange?: (id: string) => void;
16
+ variant?: TabsVariant;
17
+ size?: TabsSize;
18
+ fullWidth?: boolean;
19
+ tabListClassName?: string;
20
+ tabClassName?: string;
21
+ tabPanelClassName?: string;
22
+ }
23
+
24
+ declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
25
+
26
+ export { type TabItem, Tabs, type TabsProps, type TabsSize, type TabsVariant };