@dalshenekuda/candy-ui 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/README.md +86 -0
  2. package/build/style.css +2 -0
  3. package/build/ui-kit.js +40 -0
  4. package/build/ui-kit.js.map +1 -0
  5. package/package.json +111 -0
  6. package/tailwind.preset.js +151 -0
  7. package/types/components/Badge/Badge.d.ts +9 -0
  8. package/types/components/Button/Button.d.ts +11 -0
  9. package/types/components/Card/Card.d.ts +8 -0
  10. package/types/components/Chart/Chart.d.ts +62 -0
  11. package/types/components/Dialog/Dialog.d.ts +19 -0
  12. package/types/components/Text/Text.d.ts +12 -0
  13. package/types/index.d.ts +8 -0
  14. package/types/lib/utils.d.ts +2 -0
  15. package/types/tokens/colors/colors.d.ts +6 -0
  16. package/types/tokens/spacing/spacing.d.ts +6 -0
  17. package/types/tokens/typography/typography.d.ts +6 -0
package/README.md ADDED
@@ -0,0 +1,86 @@
1
+ # CandyUI
2
+
3
+ React component library with a built-in design system. Exports components, CSS custom properties, and TypeScript types.
4
+
5
+ For full API and design token reference, see [docs/CONSUMER_GUIDE.md](./docs/CONSUMER_GUIDE.md).
6
+
7
+ ---
8
+
9
+ ## Install
10
+
11
+ ```bash
12
+ npm install candy-ui
13
+ ```
14
+
15
+ **Required:** import the stylesheet in your app entry once:
16
+
17
+ ```ts
18
+ import 'candy-ui/style.css';
19
+ ```
20
+
21
+ This loads all brand colors, spacing, font weights as CSS custom properties and Tailwind utility classes.
22
+
23
+ ---
24
+
25
+ ## Components
26
+
27
+ | Component | Import name | Description |
28
+ |---|---|---|
29
+ | `Text` | `Text` | Polymorphic text with responsive typography |
30
+ | `Button` / `ActionButton` | `Button`, `ActionButton` | Filled / transparent button |
31
+ | `SelectButton` | `SelectButton` | Toggle-style button |
32
+ | `Modal` | `Modal` | Accessible dialog |
33
+ | `Tooltip` | `Tooltip` | Hover tooltip |
34
+ | `DropdownMenu` | `DropdownMenu`, `DropdownMenuItem`, `DropdownMenuLabel`, `DropdownMenuSeparator` | Dropdown menu |
35
+ | `Tag` | `Tag` | Label tag |
36
+ | `Divider` | `Divider` | Horizontal rule |
37
+
38
+ ## Quick example
39
+
40
+ ```tsx
41
+ import { Text, Button } from 'candy-ui';
42
+
43
+ export function Example() {
44
+ return (
45
+ <>
46
+ <Text variant="h1">Page title</Text>
47
+ <Text variant="body" color="grey-900">
48
+ Body copy
49
+ </Text>
50
+ <Button onClick={() => console.log('Clicked')}>Click me</Button>
51
+ </>
52
+ );
53
+ }
54
+ ```
55
+
56
+ See [docs/CONSUMER_GUIDE.md](./docs/CONSUMER_GUIDE.md) for all components, props, slots, design tokens and TypeScript types.
57
+
58
+ ---
59
+
60
+ ## Development
61
+
62
+ ```bash
63
+ npm install # install dependencies
64
+ npm run dev # dev server
65
+ npm run storybook # component explorer
66
+ npm run build # production build → build/
67
+ npm run build:watch # production build in watch mode
68
+ npm run test:run # run tests
69
+ npm run format # format with Prettier
70
+ npm run lint # ESLint
71
+ ```
72
+
73
+ ### Local install in another project
74
+
75
+ ```bash
76
+ # 1. Build
77
+ npm run build
78
+
79
+ # 2. Link globally
80
+ npm link
81
+
82
+ # 3. In the consuming project
83
+ npm link @dalshenekuda/candy-ui
84
+ ```
85
+
86
+ Or use `npm pack` to create a `.tgz` and install from file.
package/build/style.css ADDED
@@ -0,0 +1,2 @@
1
+ :root{--palette-teal-900:#2e6b69;--palette-teal-600:#4a8c8a;--palette-teal-400:#8dbdbb;--palette-teal-200:#c0dedd;--palette-cream-ink:#1e1208;--palette-cream-100:#f5ecd7;--palette-cream-50:#faf5ec;--palette-grey-1000:#2c2416;--palette-grey-900:#4a3d2e;--palette-grey-800:#625340;--palette-grey-700:#7a6a55;--palette-grey-600:#96867a;--palette-grey-500:#b0a494;--palette-grey-400:#c8beb0;--palette-grey-300:#ddd6ca;--palette-grey-200:#ede8e0;--palette-grey-100:#f5f2ec;--palette-coral-700:#c43d1a;--palette-coral-500:#e86040;--palette-coral-300:#f5a78a;--palette-coral-muted:#c45a40;--palette-amber-700:#c49a10;--palette-amber-500:#e8c040;--palette-amber-300:#f5dc88;--palette-amber-muted:#d4a828;--palette-olive-700:#3d6b20;--palette-olive-500:#6a9b3a;--palette-olive-300:#a8c878;--palette-olive-muted:#7aaa48;--palette-sage-700:#2a5a40;--palette-sage-500:#4a8a68;--palette-sage-300:#88bba0;--palette-wine-700:#5c1b2b;--palette-wine-500:#9b2d42;--palette-wine-300:#c97089;--palette-dark-base:#1a110a;--palette-dark-surface:#2c1f14;--palette-dark-raised:#3d2d1e;--palette-dark-border:#4a3828;--palette-dark-border-subtle:#3a2a1c;--palette-teal-light:#6fb5b2;--palette-white-100:#fff;--palette-white-90:#ffffffe6;--palette-white-80:#fffc;--palette-white-70:#ffffffb3;--palette-white-60:#fff9;--palette-white-50:#ffffff80;--palette-white-40:#fff6;--palette-white-30:#ffffff4d;--palette-white-20:#fff3;--palette-white-10:#ffffff1a;--color-bg:var(--palette-cream-50);--color-surface:var(--palette-cream-100);--color-surface-raised:var(--palette-white-100);--color-text:var(--palette-cream-ink);--color-text-muted:var(--palette-grey-700);--color-text-subtle:var(--palette-grey-500);--color-text-on-brand:var(--palette-cream-50);--color-brand:var(--palette-teal-600);--color-brand-dark:var(--palette-teal-900);--color-brand-light:var(--palette-teal-400);--color-accent:var(--palette-coral-500);--color-accent-dark:var(--palette-coral-700);--color-accent-light:var(--palette-coral-300);--color-accent-warm:var(--palette-amber-500);--color-border:var(--palette-grey-300);--color-border-subtle:var(--palette-grey-200);--color-danger:var(--palette-coral-700);--color-danger-bg:var(--palette-coral-300);--color-success:var(--palette-olive-500);--color-success-bg:var(--palette-olive-300);--color-warning:var(--palette-amber-500);--color-warning-bg:var(--palette-amber-300);--color-overlay:#1e120880}.dark{--color-bg:var(--palette-dark-base);--color-surface:var(--palette-dark-surface);--color-surface-raised:var(--palette-dark-raised);--color-text:var(--palette-grey-100);--color-text-muted:var(--palette-grey-400);--color-text-subtle:var(--palette-grey-500);--color-text-on-brand:var(--palette-cream-50);--color-brand:var(--palette-teal-light);--color-brand-dark:var(--palette-teal-400);--color-brand-light:var(--palette-teal-200);--color-accent:var(--palette-coral-muted);--color-accent-dark:var(--palette-coral-700);--color-accent-light:var(--palette-coral-300);--color-accent-warm:var(--palette-amber-muted);--color-border:var(--palette-dark-border);--color-border-subtle:var(--palette-dark-border-subtle);--color-danger:var(--palette-coral-500);--color-danger-bg:var(--palette-wine-700);--color-success:var(--palette-olive-muted);--color-success-bg:var(--palette-sage-700);--color-warning:var(--palette-amber-muted);--color-warning-bg:var(--palette-amber-700);--color-overlay:#0a0602a6}:root{--spacing-none:0px;--spacing-px:2px;--spacing-2xs:4px;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:56px;--radius-none:0px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px 0 #2e6b6914;--shadow-md:0 4px 12px 0 #2e6b691f;--shadow-lg:0 8px 24px 0 #2e6b6929;--shadow-xl:0 16px 48px 0 #2e6b6933;--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-popup:9999;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--bp-2xl:1536px;--bp-desktop:992px;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900}.typo-heading-xl{letter-spacing:0;font-size:36px;font-weight:700;line-height:44px}@media (width>=992px){.typo-heading-xl{letter-spacing:0;font-size:48px;font-weight:700;line-height:56px}}.typo-heading-lg{letter-spacing:0;font-size:30px;font-weight:700;line-height:38px}@media (width>=992px){.typo-heading-lg{letter-spacing:0;font-size:36px;font-weight:700;line-height:44px}}.typo-heading-md{letter-spacing:0;font-size:24px;font-weight:700;line-height:32px}@media (width>=992px){.typo-heading-md{letter-spacing:0;font-size:30px;font-weight:700;line-height:38px}}.typo-heading-sm{letter-spacing:0;font-size:20px;font-weight:600;line-height:28px}@media (width>=992px){.typo-heading-sm{letter-spacing:0;font-size:24px;font-weight:600;line-height:32px}}.typo-subtitle-lg{letter-spacing:0;font-size:18px;font-weight:500;line-height:26px}@media (width>=992px){.typo-subtitle-lg{letter-spacing:0;font-size:20px;font-weight:500;line-height:28px}}.typo-subtitle-md{letter-spacing:0;font-size:16px;font-weight:500;line-height:24px}@media (width>=992px){.typo-subtitle-md{letter-spacing:0;font-size:18px;font-weight:500;line-height:28px}}.typo-body-lg{letter-spacing:0;font-size:16px;font-weight:400;line-height:26px}@media (width>=992px){.typo-body-lg{letter-spacing:0;font-size:18px;font-weight:400;line-height:28px}}.typo-body-md{letter-spacing:0;font-size:16px;font-weight:400;line-height:24px}@media (width>=992px){.typo-body-md{letter-spacing:0;font-size:16px;font-weight:400;line-height:24px}}.typo-body-sm{letter-spacing:0;font-size:14px;font-weight:400;line-height:20px}@media (width>=992px){.typo-body-sm{letter-spacing:0;font-size:14px;font-weight:400;line-height:20px}}.typo-caption-md{letter-spacing:0;font-size:12px;font-weight:400;line-height:16px}@media (width>=992px){.typo-caption-md{letter-spacing:0;font-size:14px;font-weight:400;line-height:20px}}.typo-caption-sm{letter-spacing:0;font-size:11px;font-weight:400;line-height:14px}@media (width>=992px){.typo-caption-sm{letter-spacing:0;font-size:12px;font-weight:400;line-height:16px}}.typo-overline{letter-spacing:.05em;font-size:10px;font-weight:600;line-height:14px}@media (width>=992px){.typo-overline{letter-spacing:.05em;font-size:11px;font-weight:600;line-height:16px}}.typo-button-lg{letter-spacing:0;font-size:16px;font-weight:600;line-height:24px}.typo-button-md{letter-spacing:0;font-size:14px;font-weight:600;line-height:20px}.typo-button-sm{letter-spacing:0;font-size:12px;font-weight:600;line-height:16px}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}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-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background:0 0% 100%;--foreground:0 0% 3.9%;--card:0 0% 100%;--card-foreground:0 0% 3.9%;--popover:0 0% 100%;--popover-foreground:0 0% 3.9%;--primary:0 0% 9%;--primary-foreground:0 0% 98%;--secondary:0 0% 96.1%;--secondary-foreground:0 0% 9%;--muted:0 0% 96.1%;--muted-foreground:0 0% 45.1%;--accent:0 0% 96.1%;--accent-foreground:0 0% 9%;--destructive:0 84.2% 60.2%;--destructive-foreground:0 0% 98%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:0 0% 3.9%;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%;--radius:.5rem;--sidebar:0 0% 98%;--sidebar-foreground:0 0% 3.9%;--sidebar-primary:0 0% 9%;--sidebar-primary-foreground:0 0% 98%;--sidebar-accent:0 0% 96.1%;--sidebar-accent-foreground:0 0% 9%;--sidebar-border:0 0% 89.8%;--sidebar-ring:0 0% 3.9%}.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=992px){.container{max-width:992px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.absolute{position:absolute}.inset-0{inset:0}.left-\[50\%\]{left:50%}.right-md{right:var(--spacing-md)}.top-\[50\%\]{top:50%}.top-md{top:var(--spacing-md)}.z-50{z-index:50}.my-0\.5{margin-top:.125rem;margin-bottom:.125rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.aspect-video{aspect-ratio:16/9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-4{height:1rem}.h-9{height:2.25rem}.w-0{width:0}.w-1{width:.25rem}.w-10{width:2.5rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-4{width:1rem}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.max-w-lg{max-width:32rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-x-\[-50\%\]{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-md{gap:var(--spacing-md)}.gap-sm{gap:var(--spacing-sm)}.gap-xs{gap:var(--spacing-xs)}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-width:1px}.border-\[1\.5px\]{border-width:1.5px}.border-dashed{border-style:dashed}.border-\[--color-border\],.border-border{border-color:var(--color-border)}.border-transparent{border-color:#0000}.bg-\[--color-bg\]{background-color:var(--color-bg)}.bg-black\/60{background-color:#0009}.bg-brand{background-color:var(--color-brand)}.bg-danger{background-color:var(--color-danger)}.bg-success{background-color:var(--color-success)}.bg-surface{background-color:var(--color-surface)}.bg-surface-raised{background-color:var(--color-surface-raised)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--color-warning)}.p-md{padding:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pt-0{padding-top:0}.pt-sm{padding-top:var(--spacing-sm)}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-brand{color:var(--color-brand)}.text-text{color:var(--color-text)}.text-text-muted{color:var(--color-text-muted)}.text-text-on-brand{color:var(--color-text-on-brand)}.overline{text-decoration-line:overline}.underline-offset-4{text-underline-offset:4px}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);--tw-shadow-colored:var(--shadow-lg);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);--tw-shadow-colored:var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:var(--shadow-xl);--tw-shadow-colored:var(--shadow-xl);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.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-sm{--tw-backdrop-blur:blur(4px);-webkit-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-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-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-property:opacity;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-base{transition-duration:var(--transition-base)}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0), var(--tw-enter-translate-y,0), 0) scale3d(var(--tw-enter-scale,1), var(--tw-enter-scale,1), var(--tw-enter-scale,1)) rotate(var(--tw-enter-rotate,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0), var(--tw-exit-translate-y,0), 0) scale3d(var(--tw-exit-scale,1), var(--tw-exit-scale,1), var(--tw-exit-scale,1)) rotate(var(--tw-exit-rotate,0))}}.duration-base{animation-duration:var(--transition-base)}.hover\:bg-brand-dark:hover{background-color:var(--color-brand-dark)}.hover\:bg-surface-raised:hover{background-color:var(--color-surface-raised)}.hover\:text-text:hover{color:var(--color-text)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-90:hover{opacity:.9}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-brand:focus{--tw-ring-color:var(--color-brand)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.focus-visible\:outline-none:focus-visible{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-brand:focus-visible{--tw-ring-color:var(--color-brand)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=open\]\:bg-surface-raised[data-state=open]{background-color:var(--color-surface-raised)}.data-\[state\=open\]\:animate-in[data-state=open]{--tw-enter-opacity:initial;--tw-enter-scale:initial;--tw-enter-rotate:initial;--tw-enter-translate-x:initial;--tw-enter-translate-y:initial;animation-name:enter;animation-duration:.15s}.data-\[state\=closed\]\:animate-out[data-state=closed]{--tw-exit-opacity:initial;--tw-exit-scale:initial;--tw-exit-rotate:initial;--tw-exit-translate-x:initial;--tw-exit-translate-y:initial;animation-name:exit;animation-duration:.15s}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--tw-exit-translate-x:-50%}.data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state=closed]{--tw-exit-translate-y:-48%}.data-\[state\=open\]\:slide-in-from-left-1\/2[data-state=open]{--tw-enter-translate-x:-50%}.data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state=open]{--tw-enter-translate-y:-48%}@media (width>=640px){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}}.\[\&\>svg\]\:h-2\.5>svg{height:.625rem}.\[\&\>svg\]\:h-3>svg{height:.75rem}.\[\&\>svg\]\:w-2\.5>svg{width:.625rem}.\[\&\>svg\]\:w-3>svg{width:.75rem}.\[\&\>svg\]\:text-text-muted>svg{color:var(--color-text-muted)}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-text-muted .recharts-cartesian-axis-tick text{fill:var(--color-text-muted)}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--color-border)}.\[\&_\.recharts-dot\[stroke\=\"\#fff\"\]\]\:stroke-transparent .recharts-dot[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-none .recharts-layer{outline-offset:2px;outline:2px solid #0000}.\[\&_\.recharts-polar-grid_\[stroke\=\"\#ccc\"\]\]\:stroke-border .recharts-polar-grid [stroke=\#ccc]{stroke:var(--color-border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-surface .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-surface .recharts-rectangle.recharts-tooltip-cursor{fill:var(--color-surface)}.\[\&_\.recharts-reference-line_\[stroke\=\"\#ccc\"\]\]\:stroke-border .recharts-reference-line [stroke=\#ccc]{stroke:var(--color-border)}.\[\&_\.recharts-sector\[stroke\=\"\#fff\"\]\]\:stroke-transparent .recharts-sector[stroke=\#fff]{stroke:#0000}.\[\&_\.recharts-sector\]\:outline-none .recharts-sector,.\[\&_\.recharts-surface\]\:outline-none .recharts-surface{outline-offset:2px;outline:2px solid #0000}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}
2
+ /*$vite$:1*/