@getgreenline/blaze-ui 1.0.5 → 1.0.7

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.
package/README.md CHANGED
@@ -1,9 +1,10 @@
1
1
  # Blaze UI Package
2
2
 
3
3
  This workspace publishes the `@getgreenline/blaze-ui` component library used by
4
- our React applications. The source is written in TypeScript and the published
5
- artefacts include CommonJS code plus precompiled CSS (no Tailwind runtime
6
- required for consumers).
4
+ our React applications. Components are authored in TypeScript and consume the
5
+ Tailwind authoring file at `src/styles/blaze-ui.css`. Host applications are now
6
+ expected to compile that stylesheet themselves—`tailwindcss` is listed as a peer
7
+ dependency so consuming projects can control their own Tailwind pipeline.
7
8
 
8
9
  ## Build pipeline
9
10
 
@@ -11,70 +12,58 @@ required for consumers).
11
12
 
12
13
  1. `clean` – removes the `build/` directory so every build starts from a clean
13
14
  slate.
14
- 2. `tsc -p tsconfig.json` – emits CommonJS JavaScript and declaration files
15
- into `build/`.
16
- 3. `node ./scripts/build-css.mjs` – compiles the Tailwind authoring file
17
- (`src/styles/blaze-ui.css`) into distributable CSS (`build/styles`) and
18
- rewrites the compiled output so our utilities are namespaced.
19
-
20
- The CSS step uses Tailwind v4 and PostCSS directly (we do **not** rely on the
21
- Tailwind CLI) and performs a few customisations:
22
-
23
- - **Unwrap Tailwind layers.** Tailwind v4 wraps generated tokens and utility
24
- classes in `@layer` blocks. Legacy consumers (e.g. Bootstrap apps) have
25
- unlayered CSS that would otherwise win the cascade, so the build flattens
26
- these layers before minifying.
27
- - **Namespace utilities.** After Tailwind runs we rewrite every generated
28
- selector to use a `tw-` prefix (for example `tw-inline-flex`,
29
- `hover:tw-bg-primary/90`) and apply the same rewrite to the transpiled
30
- JavaScript strings in `build/`. Source files stay clean—developers author
31
- classes without `tw-`, and the build step applies the prefix for the published
32
- artefacts so they cannot clash with Bootstrap/global styles.
33
- - **Re-append design tokens.** After optimisation we append the raw `:root` and
34
- `.dark` variable blocks. This guarantees the design tokens (e.g. `--primary`,
35
- `--primary-foreground`) exist even if a host application does not use
36
- Tailwind, and ensures they override Bootstrap's global variables.
37
-
38
- Because the output is fully compiled, downstream applications **must not** run
39
- Tailwind themselves. Consumers simply import the distributed stylesheet from
40
- this package.
15
+ 2. `tsc -p tsconfig.json` – emits CommonJS JavaScript and declaration files into
16
+ `build/`.
17
+ 3. `node ./scripts/build-entry.mjs` – generates an ES module entry point that
18
+ re-exports everything from the CommonJS bundle for ESM consumers.
19
+
20
+ CSS is no longer compiled during the package build. Consumers must import the
21
+ Tailwind authoring file so their own Tailwind setup produces the required
22
+ utilities and tokens.
41
23
 
42
24
  ## Local development
43
25
 
44
26
  - `yarn workspace @getgreenline/blaze-ui dev` – watch TypeScript sources.
45
- - `yarn workspace @getgreenline/blaze-ui build` – clean + compile TS + compile &
46
- namespace CSS (required before publishing or packaging for consumers).
27
+ - `yarn workspace @getgreenline/blaze-ui build` – clean + compile TS + build ESM
28
+ entry (required before publishing).
47
29
 
48
- If you add new utilities or tokens, update `src/styles/blaze-ui.css` and rerun
49
- `build`. The PostCSS step will pull in any dependencies referenced (e.g.
50
- `tw-animate-css`).
30
+ If you add new utilities or tokens, update `src/styles/blaze-ui.css` and ensure
31
+ Storybook/host apps pick up the changes via their Tailwind builds.
51
32
 
52
33
  ## Consuming the package
53
34
 
54
- Import the precompiled CSS once at your entry point:
35
+ Add Blaze UI's stylesheet to your Tailwind entry file (or another file that is
36
+ processed by Tailwind):
55
37
 
56
- ```ts
57
- import '@getgreenline/blaze-ui/build/styles/blaze-ui.css'
38
+ ```css
39
+ @import "@getgreenline/blaze-ui/styles/blaze-ui.css";
58
40
  ```
59
41
 
60
- Components can then be imported normally:
42
+ The import can live alongside your existing Tailwind directives. When your
43
+ application runs its Tailwind build it will produce the utilities and tokens
44
+ required by Blaze UI. The included `tailwind.config.js` sets `prefix: "tw"`,
45
+ so the generated utilities are namespaced (e.g. `tw:bg-primary`). If your app
46
+ overrides the Tailwind config for that entry point, remember to preserve the
47
+ same prefix. Components are then imported normally:
61
48
 
62
49
  ```tsx
63
- import { Button } from '@getgreenline/blaze-ui'
50
+ import { Button } from "@getgreenline/blaze-ui";
64
51
  ```
65
52
 
66
- Avoid importing `src/` files or re-running Tailwind in host apps. If additional
67
- utilities are needed, add them in this package and rebuild; they will ship in
68
- `build/styles` together with matching prefixed class names in the compiled JS.
53
+ Because the compiled CSS is no longer bundled with the package, make sure the
54
+ consumer application has `tailwindcss@>=4.0.0` installed and that your build
55
+ includes Blaze UI's sources in the content graph (the `@source` entries inside
56
+ `blaze-ui.css` cover the workspace by default). Tailwind will generate prefixed
57
+ utilities that match the component markup out of the box.
69
58
 
70
59
  ## Publishing checklist
71
60
 
72
61
  1. Bump `version` in `package.json`.
73
62
  2. Run `yarn workspace @getgreenline/blaze-ui build`.
74
- 3. Optionally verify the compiled CSS in Storybook or a host app (colours,
75
- rounded corners, focus states, etc.).
63
+ 3. Optionally verify the components in Storybook or a host app after running its
64
+ Tailwind build.
76
65
  4. Use the root scripts (`yarn release:ui`, `yarn release:ui:dry-run`, or
77
66
  `yarn release:ui:otp`) to publish.
78
67
 
79
- These notes should help future maintainers understand why the CSS build looks a
80
- bit different and how to update it safely.
68
+ These notes reflect the simplified pipeline where Blaze UI ships only TypeScript
69
+ artefacts and expects consumers to compile Tailwind locally.
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { type VariantProps } from "class-variance-authority";
3
3
  declare const buttonVariants: (props?: ({
4
- variant?: "default" | "destructive" | "tw-outline" | "secondary" | "ghost" | "link" | null | undefined;
4
+ variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
5
5
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
6
6
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
7
7
  declare function Button({ className, variant, size, asChild, loading, children, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
@@ -51,21 +51,21 @@ const React = __importStar(require("react"));
51
51
  const react_slot_1 = require("@radix-ui/react-slot");
52
52
  const class_variance_authority_1 = require("class-variance-authority");
53
53
  const utils_1 = require("../lib/utils");
54
- const buttonVariants = (0, class_variance_authority_1.cva)("tw-inline-flex tw-items-center tw-justify-center tw-gap-2 tw-whitespace-nowrap tw-rounded-md tw-text-sm tw-font-medium tw-transition-all disabled:tw-pointer-events-none disabled:tw-opacity-50 [&_svg]:tw-pointer-events-none [&_svg:not([class*='size-'])]:tw-size-4 tw-shrink-0 [&_svg]:tw-shrink-0 tw-outline-none focus-visible:tw-border-ring focus-visible:tw-ring-ring/50 focus-visible:tw-ring-[3px] aria-invalid:tw-ring-destructive/20 dark:aria-invalid:tw-ring-destructive/40 aria-invalid:tw-border-destructive", {
54
+ const buttonVariants = (0, class_variance_authority_1.cva)("tw:inline-flex tw:items-center tw:justify-center tw:gap-2 tw:whitespace-nowrap tw:rounded-md tw:text-sm tw:font-medium tw:transition-all disabled:tw:pointer-events-none disabled:tw:opacity-50 [&_svg]:tw:pointer-events-none [&_svg:not([class*='size-'])]:tw:size-4 tw:shrink-0 [&_svg]:tw:shrink-0 tw:outline-none focus-visible:tw:border-ring focus-visible:tw:ring-ring/50 focus-visible:tw:ring-[3px] aria-invalid:tw:ring-destructive/20 dark:aria-invalid:tw:ring-destructive/40 aria-invalid:tw:border-destructive", {
55
55
  variants: {
56
56
  variant: {
57
- default: "tw-bg-primary tw-text-primary-foreground tw-shadow-xs hover:tw-bg-primary/90",
58
- destructive: "tw-bg-destructive tw-text-white tw-shadow-xs hover:tw-bg-destructive/90 focus-visible:tw-ring-destructive/20 dark:focus-visible:tw-ring-destructive/40 dark:tw-bg-destructive/60",
59
- outline: "tw-border tw-bg-background tw-shadow-xs hover:tw-bg-accent hover:tw-text-accent-foreground dark:tw-bg-input/30 dark:tw-border-input dark:hover:tw-bg-input/50",
60
- secondary: "tw-bg-secondary tw-text-secondary-foreground tw-shadow-xs hover:tw-bg-secondary/80",
61
- ghost: "hover:tw-bg-accent hover:tw-text-accent-foreground dark:hover:tw-bg-accent/50",
62
- link: "tw-text-primary tw-underline-offset-4 hover:tw-underline",
57
+ default: "tw:bg-primary tw:text-primary-foreground tw:shadow-xs hover:tw:bg-primary/90",
58
+ destructive: "tw:bg-destructive tw:text-white tw:shadow-xs hover:tw:bg-destructive/90 focus-visible:tw:ring-destructive/20 dark:focus-visible:tw:ring-destructive/40 dark:tw:bg-destructive/60",
59
+ outline: "tw:border tw:bg-background tw:shadow-xs hover:tw:bg-accent hover:tw:text-accent-foreground dark:tw:bg-input/30 dark:tw:border-input dark:hover:tw:bg-input/50",
60
+ secondary: "tw:bg-secondary tw:text-secondary-foreground tw:shadow-xs hover:tw:bg-secondary/80",
61
+ ghost: "hover:tw:bg-accent hover:tw:text-accent-foreground dark:hover:tw:bg-accent/50",
62
+ link: "tw:text-primary tw:underline-offset-4 hover:tw:underline",
63
63
  },
64
64
  size: {
65
- default: "tw-h-9 tw-px-4 tw-py-2 has-[>svg]:tw-px-3",
66
- sm: "tw-h-8 tw-rounded-md tw-gap-1.5 tw-px-3 has-[>svg]:tw-px-2.5",
67
- lg: "tw-h-10 tw-rounded-md tw-px-6 has-[>svg]:tw-px-4",
68
- icon: "tw-size-9",
65
+ default: "tw:h-9 tw:px-4 tw:py-2 has-[>svg]:tw:px-3",
66
+ sm: "tw:h-8 tw:rounded-md tw:gap-1.5 tw:px-3 has-[>svg]:tw:px-2.5",
67
+ lg: "tw:h-10 tw:rounded-md tw:px-6 has-[>svg]:tw:px-4",
68
+ icon: "tw:size-9",
69
69
  },
70
70
  },
71
71
  defaultVariants: {
@@ -93,14 +93,14 @@ function Button(_a) {
93
93
  return node;
94
94
  };
95
95
  const renderedChildren = wrapTextNodes(children);
96
- const spinner = ((0, jsx_runtime_1.jsx)("span", { "data-loading-spinner": true, "aria-hidden": "true", className: "tw-absolute tw-inset-0 tw-flex tw-items-center tw-justify-center", children: (0, jsx_runtime_1.jsx)("span", { className: "tw-inline-block tw-size-4 tw-animate-spin tw-rounded-full tw-border-2 tw-border-current tw-border-t-transparent" }) }));
96
+ const spinner = ((0, jsx_runtime_1.jsx)("span", { "data-loading-spinner": true, "aria-hidden": "true", className: "tw:absolute tw:inset-0 tw:flex tw:items-center tw:justify-center", children: (0, jsx_runtime_1.jsx)("span", { className: "tw:inline-block tw:size-4 tw:animate-spin tw:rounded-full tw:border-2 tw:border-current tw:border-t-transparent" }) }));
97
97
  if (asChild) {
98
98
  const onlyChild = React.Children.only(renderedChildren);
99
99
  const childWithSpinner = React.cloneElement(onlyChild, undefined, (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [loading && spinner, (_b = onlyChild.props) === null || _b === void 0 ? void 0 : _b.children] }));
100
100
  return ((0, jsx_runtime_1.jsx)(Comp, Object.assign({ "data-slot": "button", "aria-busy": loading || undefined, "aria-disabled": (props === null || props === void 0 ? void 0 : props.disabled) || loading || undefined, className: (0, utils_1.cn)(buttonVariants({ variant, size, className }), loading &&
101
- "tw-relative [&>*:not([data-loading-spinner])]:tw-opacity-0 [&>*:not([data-loading-spinner])]:tw-transition-opacity") }, props, { children: childWithSpinner })));
101
+ "tw:relative [&>*:not([data-loading-spinner])]:tw:opacity-0 [&>*:not([data-loading-spinner])]:tw:transition-opacity") }, props, { children: childWithSpinner })));
102
102
  }
103
103
  return ((0, jsx_runtime_1.jsxs)(Comp, Object.assign({ "data-slot": "button", "aria-busy": loading || undefined, "aria-disabled": (props === null || props === void 0 ? void 0 : props.disabled) || loading || undefined, disabled: (props === null || props === void 0 ? void 0 : props.disabled) || loading, className: (0, utils_1.cn)(buttonVariants({ variant, size, className }), loading &&
104
- "tw-relative [&>*:not([data-loading-spinner])]:tw-opacity-0 [&>*:not([data-loading-spinner])]:tw-transition-opacity") }, props, { children: [loading && spinner, renderedChildren] })));
104
+ "tw:relative [&>*:not([data-loading-spinner])]:tw:opacity-0 [&>*:not([data-loading-spinner])]:tw:transition-opacity") }, props, { children: [loading && spinner, renderedChildren] })));
105
105
  }
106
106
  //# sourceMappingURL=button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"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"}
@@ -22,30 +22,30 @@ const jsx_runtime_1 = require("react/jsx-runtime");
22
22
  const utils_1 = require("../lib/utils");
23
23
  function Card(_a) {
24
24
  var { className } = _a, props = __rest(_a, ["className"]);
25
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card", className: (0, utils_1.cn)("tw-bg-card tw-text-card-foreground tw-flex tw-flex-col tw-gap-6 tw-rounded-xl tw-border tw-py-6 tw-shadow-sm", className) }, props)));
25
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card", className: (0, utils_1.cn)("tw:bg-card tw:text-card-foreground tw:flex tw:flex-col tw:gap-6 tw:rounded-xl tw:border tw:py-6 tw:shadow-sm", className) }, props)));
26
26
  }
27
27
  function CardHeader(_a) {
28
28
  var { className } = _a, props = __rest(_a, ["className"]);
29
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-header", className: (0, utils_1.cn)("tw-@container/card-header tw-grid tw-auto-rows-min tw-grid-rows-[auto_auto] tw-items-start tw-gap-1.5 tw-px-6 has-data-[slot=card-action]:tw-grid-cols-[1fr_auto] [.border-b]:tw-pb-6", className) }, props)));
29
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-header", className: (0, utils_1.cn)("@container/card-header tw:grid tw:auto-rows-min tw:grid-rows-[auto_auto] tw:items-start tw:gap-1.5 tw:px-6 has-data-[slot=card-action]:tw:grid-cols-[1fr_auto] [.border-b]:tw:pb-6", className) }, props)));
30
30
  }
31
31
  function CardTitle(_a) {
32
32
  var { className } = _a, props = __rest(_a, ["className"]);
33
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-title", className: (0, utils_1.cn)("tw-leading-none tw-font-semibold", className) }, props)));
33
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-title", className: (0, utils_1.cn)("tw:leading-none tw:font-semibold", className) }, props)));
34
34
  }
35
35
  function CardDescription(_a) {
36
36
  var { className } = _a, props = __rest(_a, ["className"]);
37
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-description", className: (0, utils_1.cn)("tw-text-muted-foreground tw-text-sm", className) }, props)));
37
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-description", className: (0, utils_1.cn)("tw:text-muted-foreground tw:text-sm", className) }, props)));
38
38
  }
39
39
  function CardAction(_a) {
40
40
  var { className } = _a, props = __rest(_a, ["className"]);
41
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-action", className: (0, utils_1.cn)("tw-col-start-2 tw-row-span-2 tw-row-start-1 tw-self-start tw-justify-self-end", className) }, props)));
41
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-action", className: (0, utils_1.cn)("tw:col-start-2 tw:row-span-2 tw:row-start-1 tw:self-start tw:justify-self-end", className) }, props)));
42
42
  }
43
43
  function CardContent(_a) {
44
44
  var { className } = _a, props = __rest(_a, ["className"]);
45
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-content", className: (0, utils_1.cn)("tw-px-6", className) }, props)));
45
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-content", className: (0, utils_1.cn)("tw:px-6", className) }, props)));
46
46
  }
47
47
  function CardFooter(_a) {
48
48
  var { className } = _a, props = __rest(_a, ["className"]);
49
- return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-footer", className: (0, utils_1.cn)("tw-flex tw-items-center tw-px-6 [.border-t]:tw-pt-6", className) }, props)));
49
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ "data-slot": "card-footer", className: (0, utils_1.cn)("tw:flex tw:items-center tw:px-6 [.border-t]:tw:pt-6", className) }, props)));
50
50
  }
51
51
  //# sourceMappingURL=card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAoFE,oBAAI;AACJ,gCAAU;AACV,gCAAU;AACV,8BAAS;AACT,gCAAU;AACV,0CAAe;AACf,kCAAW;;AAxFb,wCAAiC;AAEjC,SAAS,IAAI,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACjC,OAAO,CACL,2DACY,MAAM,EAChB,SAAS,EAAE,IAAA,UAAE,EACX,mFAAmF,EACnF,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACvC,OAAO,CACL,2DACY,aAAa,EACvB,SAAS,EAAE,IAAA,UAAE,EACX,4JAA4J,EAC5J,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACtC,OAAO,CACL,2DACY,YAAY,EACtB,SAAS,EAAE,IAAA,UAAE,EAAC,4BAA4B,EAAE,SAAS,CAAC,IAClD,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IAC5C,OAAO,CACL,2DACY,kBAAkB,EAC5B,SAAS,EAAE,IAAA,UAAE,EAAC,+BAA+B,EAAE,SAAS,CAAC,IACrD,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACvC,OAAO,CACL,2DACY,aAAa,EACvB,SAAS,EAAE,IAAA,UAAE,EACX,gEAAgE,EAChE,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACxC,OAAO,CACL,2DACY,cAAc,EACxB,SAAS,EAAE,IAAA,UAAE,EAAC,MAAM,EAAE,SAAS,CAAC,IAC5B,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACvC,OAAO,CACL,2DACY,aAAa,EACvB,SAAS,EAAE,IAAA,UAAE,EAAC,yCAAyC,EAAE,SAAS,CAAC,IAC/D,KAAK,EACT,CACH,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"card.js","sourceRoot":"","sources":["../../src/components/card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAoFE,oBAAI;AACJ,gCAAU;AACV,gCAAU;AACV,8BAAS;AACT,gCAAU;AACV,0CAAe;AACf,kCAAW;;AAxFb,wCAAiC;AAEjC,SAAS,IAAI,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACjC,OAAO,CACL,2DACY,MAAM,EAChB,SAAS,EAAE,IAAA,UAAE,EACX,8GAA8G,EAC9G,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACvC,OAAO,CACL,2DACY,aAAa,EACvB,SAAS,EAAE,IAAA,UAAE,EACX,oLAAoL,EACpL,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACtC,OAAO,CACL,2DACY,YAAY,EACtB,SAAS,EAAE,IAAA,UAAE,EAAC,kCAAkC,EAAE,SAAS,CAAC,IACxD,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IAC5C,OAAO,CACL,2DACY,kBAAkB,EAC5B,SAAS,EAAE,IAAA,UAAE,EAAC,qCAAqC,EAAE,SAAS,CAAC,IAC3D,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACvC,OAAO,CACL,2DACY,aAAa,EACvB,SAAS,EAAE,IAAA,UAAE,EACX,+EAA+E,EAC/E,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACxC,OAAO,CACL,2DACY,cAAc,EACxB,SAAS,EAAE,IAAA,UAAE,EAAC,SAAS,EAAE,SAAS,CAAC,IAC/B,KAAK,EACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAoD;QAApD,EAAE,SAAS,OAAyC,EAApC,KAAK,cAArB,aAAuB,CAAF;IACvC,OAAO,CACL,2DACY,aAAa,EACvB,SAAS,EAAE,IAAA,UAAE,EAAC,qDAAqD,EAAE,SAAS,CAAC,IAC3E,KAAK,EACT,CACH,CAAA;AACH,CAAC"}
@@ -50,7 +50,7 @@ const React = __importStar(require("react"));
50
50
  const utils_1 = require("../lib/utils");
51
51
  const Input = React.forwardRef((_a, ref) => {
52
52
  var { className, type } = _a, props = __rest(_a, ["className", "type"]);
53
- return ((0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref, type: type, "data-slot": "input", className: (0, utils_1.cn)("file:tw-text-foreground placeholder:tw-text-muted-foreground selection:tw-bg-primary selection:tw-text-primary-foreground dark:tw-bg-input/30 tw-border-input tw-h-9 tw-w-full tw-min-w-0 tw-rounded-md tw-border tw-bg-transparent tw-px-3 tw-py-1 tw-text-base tw-shadow-xs transition-[color,box-shadow] tw-outline-none file:tw-inline-flex file:tw-h-7 file:tw-border-0 file:tw-bg-transparent file:tw-text-sm file:tw-font-medium disabled:tw-pointer-events-none disabled:tw-cursor-not-allowed disabled:tw-opacity-50 md:tw-text-sm", "focus-visible:tw-border-ring focus-visible:tw-ring-ring/50 focus-visible:tw-ring-[3px]", "aria-invalid:tw-ring-destructive/20 dark:aria-invalid:tw-ring-destructive/40 aria-invalid:tw-border-destructive", className) }, props)));
53
+ return ((0, jsx_runtime_1.jsx)("input", Object.assign({ ref: ref, type: type, "data-slot": "input", className: (0, utils_1.cn)("file:tw:text-foreground placeholder:tw:text-muted-foreground selection:tw:bg-primary selection:tw:text-primary-foreground dark:tw:bg-input/30 tw:border-input tw:h-9 tw:w-full tw:min-w-0 tw:rounded-md tw:border tw:bg-transparent tw:px-3 tw:py-1 tw:text-base tw:shadow-xs tw:transition-[color,box-shadow] tw:outline-none file:tw:inline-flex file:tw:h-7 file:tw:border-0 file:tw:bg-transparent file:tw:text-sm file:tw:font-medium disabled:tw:pointer-events-none disabled:tw:cursor-not-allowed disabled:tw:opacity-50 md:tw:text-sm", "focus-visible:tw:border-ring focus-visible:tw:ring-ring/50 focus-visible:tw:ring-[3px]", "aria-invalid:tw:ring-destructive/20 dark:aria-invalid:tw:ring-destructive/40 aria-invalid:tw:border-destructive", className) }, props)));
54
54
  });
55
55
  exports.Input = Input;
56
56
  Input.displayName = "Input";
@@ -1 +1 @@
1
- {"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAE9B,wCAAiC;AAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAA6B,EAAE,GAAG,EAAE,EAAE;QAAtC,EAAE,SAAS,EAAE,IAAI,OAAY,EAAP,KAAK,cAA3B,qBAA6B,CAAF;IAAY,OAAA,CACxC,gDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,eACA,OAAO,EACjB,SAAS,EAAE,IAAA,UAAE,EACX,4bAA4b,EAC5b,+EAA+E,EAC/E,wGAAwG,EACxG,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAA;AAIO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
1
+ {"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA8B;AAE9B,wCAAiC;AAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAA6B,EAAE,GAAG,EAAE,EAAE;QAAtC,EAAE,SAAS,EAAE,IAAI,OAAY,EAAP,KAAK,cAA3B,qBAA6B,CAAF;IAAY,OAAA,CACxC,gDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,eACA,OAAO,EACjB,SAAS,EAAE,IAAA,UAAE,EACX,ghBAAghB,EAChhB,wFAAwF,EACxF,iHAAiH,EACjH,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAA;AAIO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
@@ -53,7 +53,7 @@ const LabelPrimitive = __importStar(require("@radix-ui/react-label"));
53
53
  const utils_1 = require("../lib/utils");
54
54
  const Label = React.forwardRef((_a, ref) => {
55
55
  var { className } = _a, props = __rest(_a, ["className"]);
56
- return ((0, jsx_runtime_1.jsx)(LabelPrimitive.Root, Object.assign({ ref: ref, "data-slot": "label", className: (0, utils_1.cn)("tw-flex tw-items-center tw-gap-2 tw-text-sm tw-leading-none tw-font-medium tw-select-none group-data-disabled:tw-pointer-events-none group-data-disabled:tw-opacity-50 peer-disabled:tw-cursor-not-allowed peer-disabled:tw-opacity-50", className) }, props)));
56
+ return ((0, jsx_runtime_1.jsx)(LabelPrimitive.Root, Object.assign({ ref: ref, "data-slot": "label", className: (0, utils_1.cn)("tw:flex tw:items-center tw:gap-2 tw:text-sm tw:leading-none tw:font-medium tw:select-none group-data-disabled:tw:pointer-events-none group-data-disabled:tw:opacity-50 peer-disabled:tw:cursor-not-allowed peer-disabled:tw:opacity-50", className) }, props)));
57
57
  });
58
58
  exports.Label = Label;
59
59
  Label.displayName = (_a = LabelPrimitive.Root.displayName) !== null && _a !== void 0 ? _a : "Label";
@@ -1 +1 @@
1
- {"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,6CAA8B;AAC9B,sEAAuD;AAEvD,wCAAiC;AAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAuB,EAAE,GAAG,EAAE,EAAE;QAAhC,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IAAY,OAAA,CAClC,uBAAC,cAAc,CAAC,IAAI,kBAClB,GAAG,EAAE,GAAG,eACE,OAAO,EACjB,SAAS,EAAE,IAAA,UAAE,EACX,uMAAuM,EACvM,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAA;AAIO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,MAAA,cAAc,CAAC,IAAI,CAAC,WAAW,mCAAI,OAAO,CAAA"}
1
+ {"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/components/label.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,6CAA8B;AAC9B,sEAAuD;AAEvD,wCAAiC;AAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAuB,EAAE,GAAG,EAAE,EAAE;QAAhC,EAAE,SAAS,OAAY,EAAP,KAAK,cAArB,aAAuB,CAAF;IAAY,OAAA,CAClC,uBAAC,cAAc,CAAC,IAAI,kBAClB,GAAG,EAAE,GAAG,eACE,OAAO,EACjB,SAAS,EAAE,IAAA,UAAE,EACX,wOAAwO,EACxO,SAAS,CACV,IACG,KAAK,EACT,CACH,CAAA;CAAA,CAAC,CAAA;AAIO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,MAAA,cAAc,CAAC,IAAI,CAAC,WAAW,mCAAI,OAAO,CAAA"}
@@ -59,7 +59,7 @@ exports.PopoverTrigger = PopoverTrigger;
59
59
  PopoverTrigger.displayName = PopoverPrimitive.Trigger.displayName;
60
60
  const PopoverContent = React.forwardRef((_a, ref) => {
61
61
  var { className, align = "center", sideOffset = 4 } = _a, props = __rest(_a, ["className", "align", "sideOffset"]);
62
- return ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, Object.assign({ ref: ref, "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: (0, utils_1.cn)("tw-bg-popover tw-text-popover-foreground data-[state=open]:tw-animate-in data-[state=closed]:tw-animate-out data-[state=closed]:tw-fade-out-0 data-[state=open]:tw-fade-in-0 data-[state=closed]:tw-zoom-out-95 data-[state=open]:tw-zoom-in-95 data-[side=bottom]:tw-slide-in-from-top-2 data-[side=left]:tw-slide-in-from-right-2 data-[side=right]:tw-slide-in-from-left-2 data-[side=top]:tw-slide-in-from-bottom-2 tw-z-50 tw-w-72 tw-origin-[var(--radix-popover-content-transform-origin)] tw-rounded-md tw-border tw-p-4 tw-shadow-md tw-outline-hidden", className) }, props)) }));
62
+ return ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, Object.assign({ ref: ref, "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: (0, utils_1.cn)("tw:bg-popover tw:text-popover-foreground data-[state=open]:tw:animate-in data-[state=closed]:tw:animate-out data-[state=closed]:tw:fade-out-0 data-[state=open]:tw:fade-in-0 data-[state=closed]:tw:zoom-out-95 data-[state=open]:tw:zoom-in-95 data-[side=bottom]:tw:slide-in-from-top-2 data-[side=left]:tw:slide-in-from-right-2 data-[side=right]:tw:slide-in-from-left-2 data-[side=top]:tw:slide-in-from-bottom-2 tw:z-50 tw:w-72 tw:origin-[var(--radix-popover-content-transform-origin)] tw:rounded-md tw:border tw:p-4 tw:shadow-md tw:outline-hidden", className) }, props)) }));
63
63
  });
64
64
  exports.PopoverContent = PopoverContent;
65
65
  PopoverContent.displayName = PopoverPrimitive.Content.displayName;
@@ -1 +1 @@
1
- {"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CH,0BAAO;;AA7ChB,6CAA8B;AAC9B,0EAA2D;AAE3D,wCAAiC;AAEjC,SAAS,OAAO,CAAC,KAAyD;IACxE,OAAO,uBAAC,gBAAgB,CAAC,IAAI,+BAAW,SAAS,IAAK,KAAK,EAAI,CAAA;AACjE,CAAC;AAED,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAgB,CAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,eAAY,iBAAiB,IAAK,KAAK,EAAI,CAC9E,CAAC,CAAA;AA+BgB,wCAAc;AA9BhC,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAA;AAEjE,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,OAAY,EAAP,KAAK,cAAvD,oCAAyD,CAAF;IAAY,OAAA,CACpE,uBAAC,gBAAgB,CAAC,MAAM,cACtB,uBAAC,gBAAgB,CAAC,OAAO,kBACvB,GAAG,EAAE,GAAG,eACE,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,UAAE,EACX,qeAAqe,EACre,SAAS,CACV,IACG,KAAK,EACT,GACsB,CAC3B,CAAA;CAAA,CAAC,CAAA;AAWgC,wCAAc;AAVhD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAA;AAEjE,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAgB,CAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,eAAY,gBAAgB,IAAK,KAAK,EAAI,CAC5E,CAAC,CAAA;AAGgD,sCAAa;AAF/D,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAA"}
1
+ {"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/components/popover.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CH,0BAAO;;AA7ChB,6CAA8B;AAC9B,0EAA2D;AAE3D,wCAAiC;AAEjC,SAAS,OAAO,CAAC,KAAyD;IACxE,OAAO,uBAAC,gBAAgB,CAAC,IAAI,+BAAW,SAAS,IAAK,KAAK,EAAI,CAAA;AACjE,CAAC;AAED,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAgB,CAAC,OAAO,kBAAC,GAAG,EAAE,GAAG,eAAY,iBAAiB,IAAK,KAAK,EAAI,CAC9E,CAAC,CAAA;AA+BgB,wCAAc;AA9BhC,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAA;AAEjE,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAGrC,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,SAAS,EAAE,KAAK,GAAG,QAAQ,EAAE,UAAU,GAAG,CAAC,OAAY,EAAP,KAAK,cAAvD,oCAAyD,CAAF;IAAY,OAAA,CACpE,uBAAC,gBAAgB,CAAC,MAAM,cACtB,uBAAC,gBAAgB,CAAC,OAAO,kBACvB,GAAG,EAAE,GAAG,eACE,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,IAAA,UAAE,EACX,iiBAAiiB,EACjiB,SAAS,CACV,IACG,KAAK,EACT,GACsB,CAC3B,CAAA;CAAA,CAAC,CAAA;AAWgC,wCAAc;AAVhD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,WAAW,CAAA;AAEjE,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChB,uBAAC,gBAAgB,CAAC,MAAM,kBAAC,GAAG,EAAE,GAAG,eAAY,gBAAgB,IAAK,KAAK,EAAI,CAC5E,CAAC,CAAA;AAGgD,sCAAa;AAF/D,aAAa,CAAC,WAAW,GAAG,gBAAgB,CAAC,MAAM,CAAC,WAAW,CAAA"}
@@ -1,10 +1,10 @@
1
1
  import { type VariantProps } from "class-variance-authority";
2
2
  declare const segmentedControlVariants: (props?: ({
3
- variant?: "default" | "destructive" | "tw-outline" | "secondary" | "ghost" | "link" | null | undefined;
3
+ variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
4
4
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
5
5
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
6
6
  declare const segmentedControlItemVariants: (props?: ({
7
- variant?: "default" | "destructive" | "tw-outline" | "secondary" | "ghost" | "link" | null | undefined;
7
+ variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
8
8
  size?: "default" | "sm" | "lg" | "icon" | null | undefined;
9
9
  } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
10
10
  interface SegmentedControlOption {
@@ -1 +1 @@
1
- {"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/components/segmented-control.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,wBAAwB;;;mFAwB7B,CAAA;AAED,QAAA,MAAM,4BAA4B;;;mFA8BjC,CAAA;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,qBAAsB,SAAQ,YAAY,CAAC,OAAO,wBAAwB,CAAC;IACnF,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,aAAa,EACb,SAAS,EACT,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,GACL,EAAE,qBAAqB,2CAqEvB;AAED,OAAO,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,CAAA"}
1
+ {"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../src/components/segmented-control.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,QAAA,MAAM,wBAAwB;;;mFAwB7B,CAAA;AAED,QAAA,MAAM,4BAA4B;;;mFA8BjC,CAAA;AAED,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,qBAAsB,SAAQ,YAAY,CAAC,OAAO,wBAAwB,CAAC;IACnF,OAAO,EAAE,sBAAsB,EAAE,CAAA;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,aAAa,EACb,SAAS,EACT,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,GACL,EAAE,qBAAqB,2CA4EvB;AAED,OAAO,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,CAAA"}
@@ -7,21 +7,21 @@ const jsx_runtime_1 = require("react/jsx-runtime");
7
7
  const class_variance_authority_1 = require("class-variance-authority");
8
8
  const react_1 = require("react");
9
9
  const utils_1 = require("../lib/utils");
10
- const segmentedControlVariants = (0, class_variance_authority_1.cva)("tw-inline-flex tw-items-center tw-rounded-lg tw-border tw-border-transparent", {
10
+ const segmentedControlVariants = (0, class_variance_authority_1.cva)("inline-flex tw:inline-flex items-center tw:items-center rounded-lg tw:rounded-lg border tw:border border-transparent tw:border-transparent", {
11
11
  variants: {
12
12
  variant: {
13
- default: "tw-bg-muted",
14
- destructive: "tw-bg-destructive/10 tw-border-destructive/20",
15
- outline: "tw-bg-background tw-border-input",
16
- secondary: "tw-bg-secondary/70",
17
- ghost: "tw-bg-transparent",
18
- link: "tw-bg-transparent tw-border-none",
13
+ default: "bg-muted tw:bg-muted",
14
+ destructive: "bg-destructive/10 tw:bg-destructive/10 border-destructive/20 tw:border-destructive/20",
15
+ outline: "bg-background tw:bg-background border-input tw:border-input",
16
+ secondary: "bg-secondary/70 tw:bg-secondary/70",
17
+ ghost: "bg-transparent tw:bg-transparent",
18
+ link: "bg-transparent tw:bg-transparent border-none tw:border-none",
19
19
  },
20
20
  size: {
21
- default: "tw-p-1",
22
- sm: "tw-p-0.5",
23
- lg: "tw-p-1.5",
24
- icon: "tw-p-1",
21
+ default: "p-1 tw:p-1",
22
+ sm: "p-0.5 tw:p-0.5",
23
+ lg: "p-1.5 tw:p-1.5",
24
+ icon: "p-1 tw:p-1",
25
25
  },
26
26
  },
27
27
  defaultVariants: {
@@ -30,21 +30,21 @@ const segmentedControlVariants = (0, class_variance_authority_1.cva)("tw-inline-
30
30
  },
31
31
  });
32
32
  exports.segmentedControlVariants = segmentedControlVariants;
33
- const segmentedControlItemVariants = (0, class_variance_authority_1.cva)("tw-relative tw-rounded-md tw-font-medium tw-transition-all tw-duration-200 focus-visible:tw-outline-none focus-visible:tw-ring-2 focus-visible:tw-ring-ring focus-visible:tw-ring-offset-2 focus:tw-z-10", {
33
+ const segmentedControlItemVariants = (0, class_variance_authority_1.cva)("relative tw:relative rounded-md tw:rounded-md font-medium tw:font-medium transition-all tw:transition-all duration-200 tw:duration-200 focus-visible:outline-none focus-visible:tw:outline-none focus-visible:ring-2 focus-visible:tw:ring-2 focus-visible:ring-ring focus-visible:tw:ring-ring focus-visible:ring-offset-2 focus-visible:tw:ring-offset-2 focus:z-10 focus:tw:z-10", {
34
34
  variants: {
35
35
  variant: {
36
- default: "tw-text-muted-foreground hover:tw-text-foreground hover:tw-bg-background/50 data-[state=active]:tw-bg-background data-[state=active]:tw-text-foreground data-[state=active]:tw-shadow-sm",
37
- destructive: "tw-text-destructive hover:tw-text-destructive hover:tw-bg-destructive/10 data-[state=active]:tw-bg-destructive data-[state=active]:tw-text-destructive-foreground data-[state=active]:tw-shadow-sm",
38
- outline: "tw-text-muted-foreground hover:tw-text-foreground hover:tw-bg-muted/50 data-[state=active]:tw-bg-background data-[state=active]:tw-text-foreground data-[state=active]:tw-shadow-sm",
39
- secondary: "tw-text-secondary-foreground hover:tw-text-secondary-foreground hover:tw-bg-secondary/60 data-[state=active]:tw-bg-secondary data-[state=active]:tw-text-secondary-foreground data-[state=active]:tw-shadow-sm",
40
- ghost: "tw-text-foreground/80 hover:tw-text-foreground hover:tw-bg-muted/40 data-[state=active]:tw-bg-muted data-[state=active]:tw-text-foreground data-[state=active]:tw-shadow-sm",
41
- link: "tw-text-primary hover:tw-text-primary hover:tw-underline data-[state=active]:tw-text-primary data-[state=active]:tw-underline data-[state=active]:tw-shadow-none",
36
+ default: "text-muted-foreground tw:text-muted-foreground hover:text-foreground hover:tw:text-foreground hover:bg-background/50 hover:tw:bg-background/50 data-[state=active]:bg-background data-[state=active]:tw:bg-background data-[state=active]:text-foreground data-[state=active]:tw:text-foreground data-[state=active]:shadow-sm data-[state=active]:tw:shadow-sm",
37
+ destructive: "text-destructive tw:text-destructive hover:text-destructive hover:tw:text-destructive hover:bg-destructive/10 hover:tw:bg-destructive/10 data-[state=active]:bg-destructive data-[state=active]:tw:bg-destructive data-[state=active]:text-destructive-foreground data-[state=active]:tw:text-destructive-foreground data-[state=active]:shadow-sm data-[state=active]:tw:shadow-sm",
38
+ outline: "text-muted-foreground tw:text-muted-foreground hover:text-foreground hover:tw:text-foreground hover:bg-muted/50 hover:tw:bg-muted/50 data-[state=active]:bg-background data-[state=active]:tw:bg-background data-[state=active]:text-foreground data-[state=active]:tw:text-foreground data-[state=active]:shadow-sm data-[state=active]:tw:shadow-sm",
39
+ secondary: "text-secondary-foreground tw:text-secondary-foreground hover:text-secondary-foreground hover:tw:text-secondary-foreground hover:bg-secondary/60 hover:tw:bg-secondary/60 data-[state=active]:bg-secondary data-[state=active]:tw:bg-secondary data-[state=active]:text-secondary-foreground data-[state=active]:tw:text-secondary-foreground data-[state=active]:shadow-sm data-[state=active]:tw:shadow-sm",
40
+ ghost: "text-foreground/80 tw:text-foreground/80 hover:text-foreground hover:tw:text-foreground hover:bg-muted/40 hover:tw:bg-muted/40 data-[state=active]:bg-muted data-[state=active]:tw:bg-muted data-[state=active]:text-foreground data-[state=active]:tw:text-foreground data-[state=active]:shadow-sm data-[state=active]:tw:shadow-sm",
41
+ link: "text-primary tw:text-primary hover:text-primary hover:tw:text-primary hover:underline hover:tw:underline data-[state=active]:text-primary data-[state=active]:tw:text-primary data-[state=active]:underline data-[state=active]:tw:underline data-[state=active]:shadow-none data-[state=active]:tw:shadow-none",
42
42
  },
43
43
  size: {
44
- default: "tw-px-4 tw-py-2 tw-text-sm",
45
- sm: "tw-px-3 tw-py-1.5 tw-text-xs",
46
- lg: "tw-px-5 tw-py-2.5 tw-text-base",
47
- icon: "tw-px-2 tw-py-2 tw-text-sm",
44
+ default: "px-4 tw:px-4 py-2 tw:py-2 text-sm tw:text-sm",
45
+ sm: "px-3 tw:px-3 py-1.5 tw:py-1.5 text-xs tw:text-xs",
46
+ lg: "px-5 tw:px-5 py-2.5 tw:py-2.5 text-base tw:text-base",
47
+ icon: "px-2 tw:px-2 py-2 tw:py-2 text-sm tw:text-sm",
48
48
  },
49
49
  },
50
50
  defaultVariants: {
@@ -54,6 +54,8 @@ const segmentedControlItemVariants = (0, class_variance_authority_1.cva)("tw-rel
54
54
  });
55
55
  exports.segmentedControlItemVariants = segmentedControlItemVariants;
56
56
  function SegmentedControl({ options, value, onValueChange, className, ariaLabel, ariaLabelledBy, variant, size, }) {
57
+ const resolvedVariant = variant !== null && variant !== void 0 ? variant : "default";
58
+ const resolvedSize = size !== null && size !== void 0 ? size : "default";
57
59
  const containerRef = (0, react_1.useRef)(null);
58
60
  const handleKeyDown = (event, currentIndex) => {
59
61
  var _a, _b, _c, _d;
@@ -84,9 +86,9 @@ function SegmentedControl({ options, value, onValueChange, className, ariaLabel,
84
86
  const buttons = (_c = containerRef.current) === null || _c === void 0 ? void 0 : _c.querySelectorAll("button");
85
87
  (_d = buttons === null || buttons === void 0 ? void 0 : buttons[newIndex]) === null || _d === void 0 ? void 0 : _d.focus();
86
88
  };
87
- return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: (0, utils_1.cn)(segmentedControlVariants({ variant, size }), className), role: "tablist", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-orientation": "horizontal", children: options.map((option, index) => {
89
+ return ((0, jsx_runtime_1.jsx)("div", { ref: containerRef, className: (0, utils_1.cn)(segmentedControlVariants({ variant, size }), className), role: "tablist", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-orientation": "horizontal", "data-slot": "segmented-control", "data-variant": resolvedVariant, "data-size": resolvedSize, children: options.map((option, index) => {
88
90
  const isSelected = value === option.value;
89
- return ((0, jsx_runtime_1.jsxs)("button", { type: "button", role: "tab", "aria-selected": isSelected, "aria-controls": `panel-${option.value}`, id: `tab-${option.value}`, tabIndex: isSelected ? 0 : -1, onClick: () => onValueChange(option.value), onKeyDown: (e) => handleKeyDown(e, index), className: segmentedControlItemVariants({ variant, size }), "aria-describedby": isSelected ? `${option.value}-description` : undefined, "data-state": isSelected ? "active" : "inactive", children: [option.label, isSelected && (0, jsx_runtime_1.jsx)("span", { className: "tw-sr-only", children: ", currently selected" })] }, option.value));
91
+ return ((0, jsx_runtime_1.jsxs)("button", { type: "button", role: "tab", "aria-selected": isSelected, "aria-controls": `panel-${option.value}`, id: `tab-${option.value}`, tabIndex: isSelected ? 0 : -1, onClick: () => onValueChange(option.value), onKeyDown: (e) => handleKeyDown(e, index), className: segmentedControlItemVariants({ variant, size }), "aria-describedby": isSelected ? `${option.value}-description` : undefined, "data-state": isSelected ? "active" : "inactive", "data-variant": resolvedVariant, "data-slot": "segmented-control-item", children: [option.label, isSelected && (0, jsx_runtime_1.jsx)("span", { className: "sr-only tw:sr-only", children: ", currently selected" })] }, option.value));
90
92
  }) }));
91
93
  }
92
94
  //# sourceMappingURL=segmented-control.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../src/components/segmented-control.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;AAgFZ,4CA8EC;;AA7JD,uEAAiE;AAGjE,iCAA8B;AAE9B,wCAAiC;AAEjC,MAAM,wBAAwB,GAAG,IAAA,8BAAG,EAClC,+DAA+D,EAC/D;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,UAAU;YACnB,WAAW,EAAE,yCAAyC;YACtD,OAAO,EAAE,4BAA4B;YACrC,SAAS,EAAE,iBAAiB;YAC5B,KAAK,EAAE,gBAAgB;YACvB,IAAI,EAAE,4BAA4B;SACnC;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,KAAK;YACd,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,IAAI,EAAE,KAAK;SACZ;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAgIsC,4DAAwB;AA9H/D,MAAM,4BAA4B,GAAG,IAAA,8BAAG,EACtC,4KAA4K,EAC5K;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,wKAAwK;YAC1K,WAAW,EACT,kLAAkL;YACpL,OAAO,EACL,mKAAmK;YACrK,SAAS,EACP,8LAA8L;YAChM,KAAK,EACH,2JAA2J;YAC7J,IAAI,EACF,gJAAgJ;SACnJ;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,mBAAmB;YAC5B,EAAE,EAAE,qBAAqB;YACzB,EAAE,EAAE,uBAAuB;YAC3B,IAAI,EAAE,mBAAmB;SAC1B;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAgGQ,oEAA4B;AAhFrC,SAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,aAAa,EACb,SAAS,EACT,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,GACkB;IACtB,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAEjD,MAAM,aAAa,GAAG,CAAC,KAA0B,EAAE,YAAoB,EAAE,EAAE;;QACzE,IAAI,QAAQ,GAAG,YAAY,CAAA;QAE3B,QAAQ,KAAK,CAAC,GAAG,EAAE,CAAC;YAClB,KAAK,WAAW,CAAC;YACjB,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,QAAQ,GAAG,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;gBACnE,MAAK;YACP,KAAK,YAAY,CAAC;YAClB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,QAAQ,GAAG,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;gBACnE,MAAK;YACP,KAAK,MAAM;gBACT,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,QAAQ,GAAG,CAAC,CAAA;gBACZ,MAAK;YACP,KAAK,KAAK;gBACR,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,QAAQ,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;gBAC7B,MAAK;YACP;gBACE,OAAM;QACV,CAAC;QAED,aAAa,CAAC,MAAA,MAAA,OAAO,CAAC,QAAQ,CAAC,0CAAE,KAAK,mCAAI,EAAE,CAAC,CAAA;QAE7C,MAAM,OAAO,GAAG,MAAA,YAAY,CAAC,OAAO,0CAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QAChE,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,QAAQ,CAAC,0CAAE,KAAK,EAAE,CAAA;IAC9B,CAAC,CAAA;IAED,OAAO,CACL,gCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,IAAA,UAAE,EAAC,wBAAwB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,EACrE,IAAI,EAAC,SAAS,gBACF,SAAS,qBACJ,cAAc,sBACd,YAAY,YAE5B,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,UAAU,GAAG,KAAK,KAAK,MAAM,CAAC,KAAK,CAAA;YAEzC,OAAO,CACL,oCAEE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,mBACK,UAAU,mBACV,SAAS,MAAM,CAAC,KAAK,EAAE,EACtC,EAAE,EAAE,OAAO,MAAM,CAAC,KAAK,EAAE,EACzB,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,EAAE,KAAK,CAAC,EACzC,SAAS,EAAE,4BAA4B,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,sBACxC,UAAU,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,KAAK,cAAc,CAAC,CAAC,CAAC,SAAS,gBAC5D,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,aAE7C,MAAM,CAAC,KAAK,EACZ,UAAU,IAAI,iCAAM,SAAS,EAAC,SAAS,qCAA4B,KAd/D,MAAM,CAAC,KAAK,CAeV,CACV,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../src/components/segmented-control.tsx"],"names":[],"mappings":"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"}
@@ -59,9 +59,9 @@ const Switch = React.forwardRef((_a, ref) => {
59
59
  const _b = labelProps !== null && labelProps !== void 0 ? labelProps : {}, { className: labelClassName, id: providedLabelId } = _b, restLabelProps = __rest(_b, ["className", "id"]);
60
60
  const labelId = providedLabelId !== null && providedLabelId !== void 0 ? providedLabelId : `${switchId}-label`;
61
61
  if (process.env.NODE_ENV !== "production" && !label && !ariaLabel && !ariaLabelledby) {
62
- console.warn("Switch: provide either a tw-visible `label` prop or an accessible name via `aria-label` / `aria-labelledby`.");
62
+ console.warn("Switch: provide either a visible `label` prop or an accessible name via `aria-label` / `aria-labelledby`.");
63
63
  }
64
- const control = ((0, jsx_runtime_1.jsx)(SwitchPrimitive.Root, Object.assign({ ref: ref, id: switchId, "data-slot": "switch", "aria-label": label ? undefined : ariaLabel, "aria-labelledby": label ? labelId : ariaLabelledby, className: (0, utils_1.cn)("tw-border tw-border-red-500 peer data-state-checked:tw-bg-primary data-state-unchecked:tw-bg-input focus-visible:tw-border-ring focus-visible:tw-ring-ring/50 dark:data-state-unchecked:tw-bg-input/80 tw-inline-flex tw-h-[1.15rem] tw-w-8 tw-shrink-0 tw-items-center tw-rounded-full tw-border tw-border-transparent tw-shadow-xs tw-transition-all tw-outline-none focus-visible:tw-ring-[3px] disabled:tw-cursor-not-allowed disabled:tw-opacity-50", className) }, props, { children: (0, jsx_runtime_1.jsx)(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: (0, utils_1.cn)("tw-bg-background dark:data-state-unchecked:tw-bg-foreground dark:data-state-checked:tw-bg-primary-foreground tw-pointer-events-none tw-block tw-size-4 tw-rounded-full tw-ring-0 tw-transition-transform data-state-checked:tw-translate-x-[calc(100%-2px)] data-state-unchecked:tw-translate-x-0") }) })));
64
+ const control = ((0, jsx_runtime_1.jsx)(SwitchPrimitive.Root, Object.assign({ ref: ref, id: switchId, "data-slot": "switch", "aria-label": label ? undefined : ariaLabel, "aria-labelledby": label ? labelId : ariaLabelledby, className: (0, utils_1.cn)("peer tw:peer data-[state=checked]:bg-primary data-[state=checked]:tw:bg-primary data-[state=unchecked]:bg-input data-[state=unchecked]:tw:bg-input focus-visible:border-ring focus-visible:tw:border-ring focus-visible:ring-ring/50 focus-visible:tw:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 dark:data-[state=unchecked]:tw:bg-input/80 inline-flex tw:inline-flex h-[1.15rem] tw:h-[1.15rem] w-8 tw:w-8 shrink-0 tw:shrink-0 items-center tw:items-center rounded-full tw:rounded-full border tw:border border-transparent tw:border-transparent shadow-xs tw:shadow-xs transition-all tw:transition-all outline-none tw:outline-none focus-visible:ring-[3px] focus-visible:tw:ring-[3px] disabled:cursor-not-allowed disabled:tw:cursor-not-allowed disabled:opacity-50 disabled:tw:opacity-50", className) }, props, { children: (0, jsx_runtime_1.jsx)(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: (0, utils_1.cn)("bg-background tw:bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=unchecked]:tw:bg-foreground dark:data-[state=checked]:bg-primary-foreground dark:data-[state=checked]:tw:bg-primary-foreground pointer-events-none tw:pointer-events-none block tw:block size-4 tw:size-4 rounded-full tw:rounded-full ring-0 tw:ring-0 transition-transform tw:transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=checked]:tw:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 data-[state=unchecked]:tw:translate-x-0") }) })));
65
65
  if (!label) {
66
66
  return control;
67
67
  }
@@ -1 +1 @@
1
- {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,6CAA8B;AAC9B,wEAAyD;AAEzD,wCAAiC;AACjC,mCAA+B;AAiC/B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CACA,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,EAAE,EAAE,MAAM,EACV,KAAK,EACL,UAAU,EACV,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,OAElC,EADI,KAAK,cAPV,2EAQC,CADS;IAIV,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACjC,MAAM,QAAQ,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,WAAW,CAAA;IAEtC,MAAM,KAAwE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EAAxF,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE,eAAe,OAAwC,EAAnC,cAAc,cAAnE,mBAAqE,CAAmB,CAAA;IAC9F,MAAM,OAAO,GAAG,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,GAAG,QAAQ,QAAQ,CAAA;IAEtD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;QACrF,OAAO,CAAC,IAAI,CACV,2GAA2G,CAC5G,CAAA;IACH,CAAC;IAED,MAAM,OAAO,GAAG,CACd,uBAAC,eAAe,CAAC,IAAI,kBACnB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,QAAQ,eACF,QAAQ,gBACN,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,qBACxB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,EACjD,SAAS,EAAE,IAAA,UAAE,EACX,2XAA2X,EAC3X,SAAS,CACV,IACG,KAAK,cAET,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,IAAA,UAAE,EACX,kQAAkQ,CACnQ,GACD,IACmB,CACxB,CAAA;IAED,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,OAAO,CACL,wBAAC,aAAK,oBACA,cAAc,IAClB,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,cAAc,aAExB,OAAO,EACR,2CAAO,KAAK,GAAQ,KACd,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,MAAA,eAAe,CAAC,IAAI,CAAC,WAAW,mCAAI,QAAQ,CAAA"}
1
+ {"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/components/switch.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEZ,6CAA8B;AAC9B,wEAAyD;AAEzD,wCAAiC;AACjC,mCAA+B;AAiC/B,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAG7B,CACA,EAQC,EACD,GAAG,EACH,EAAE;QAVF,EACE,SAAS,EACT,EAAE,EAAE,MAAM,EACV,KAAK,EACL,UAAU,EACV,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,OAElC,EADI,KAAK,cAPV,2EAQC,CADS;IAIV,MAAM,WAAW,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACjC,MAAM,QAAQ,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,WAAW,CAAA;IAEtC,MAAM,KAAwE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,EAAE,EAAxF,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE,eAAe,OAAwC,EAAnC,cAAc,cAAnE,mBAAqE,CAAmB,CAAA;IAC9F,MAAM,OAAO,GAAG,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,GAAG,QAAQ,QAAQ,CAAA;IAEtD,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,IAAI,CAAC,KAAK,IAAI,CAAC,SAAS,IAAI,CAAC,cAAc,EAAE,CAAC;QACrF,OAAO,CAAC,IAAI,CACV,2GAA2G,CAC5G,CAAA;IACH,CAAC;IAED,MAAM,OAAO,GAAG,CACd,uBAAC,eAAe,CAAC,IAAI,kBACnB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,QAAQ,eACF,QAAQ,gBACN,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,qBACxB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,cAAc,EACjD,SAAS,EAAE,IAAA,UAAE,EACX,ixBAAixB,EACjxB,SAAS,CACV,IACG,KAAK,cAET,uBAAC,eAAe,CAAC,KAAK,iBACV,cAAc,EACxB,SAAS,EAAE,IAAA,UAAE,EACX,ojBAAojB,CACrjB,GACD,IACmB,CACxB,CAAA;IAED,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,OAAO,CAAA;IAChB,CAAC;IAED,OAAO,CACL,wBAAC,aAAK,oBACA,cAAc,IAClB,EAAE,EAAE,OAAO,EACX,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,cAAc,aAExB,OAAO,EACR,2CAAO,KAAK,GAAQ,KACd,CACT,CAAA;AACH,CAAC,CAAC,CAAA;AAIO,wBAAM;AAFf,MAAM,CAAC,WAAW,GAAG,MAAA,eAAe,CAAC,IAAI,CAAC,WAAW,mCAAI,QAAQ,CAAA"}
package/build/index.d.ts CHANGED
@@ -6,5 +6,4 @@ export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from './compon
6
6
  export { Switch } from './components/switch';
7
7
  export { SegmentedControl, segmentedControlVariants, segmentedControlItemVariants, } from './components/segmented-control';
8
8
  export { cn } from './lib/utils';
9
- export { styles } from './styles/styles';
10
9
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,MAAM,mBAAmB,CAAA;AAC1B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC7F,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAC5C,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,4BAA4B,GAC7B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAA"}
package/build/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.styles = exports.cn = exports.segmentedControlItemVariants = exports.segmentedControlVariants = exports.SegmentedControl = exports.Switch = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.Label = exports.CardContent = exports.CardDescription = exports.CardAction = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = exports.Input = exports.buttonVariants = exports.Button = void 0;
3
+ exports.cn = exports.segmentedControlItemVariants = exports.segmentedControlVariants = exports.SegmentedControl = exports.Switch = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.Label = exports.CardContent = exports.CardDescription = exports.CardAction = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = exports.Input = exports.buttonVariants = exports.Button = void 0;
4
4
  var button_1 = require("./components/button");
5
5
  Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
6
6
  Object.defineProperty(exports, "buttonVariants", { enumerable: true, get: function () { return button_1.buttonVariants; } });
@@ -29,6 +29,4 @@ Object.defineProperty(exports, "segmentedControlVariants", { enumerable: true, g
29
29
  Object.defineProperty(exports, "segmentedControlItemVariants", { enumerable: true, get: function () { return segmented_control_1.segmentedControlItemVariants; } });
30
30
  var utils_1 = require("./lib/utils");
31
31
  Object.defineProperty(exports, "cn", { enumerable: true, get: function () { return utils_1.cn; } });
32
- var styles_1 = require("./styles/styles");
33
- Object.defineProperty(exports, "styles", { enumerable: true, get: function () { return styles_1.styles; } });
34
32
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,8CAA4D;AAAnD,gGAAA,MAAM,OAAA;AAAE,wGAAA,cAAc,OAAA;AAC/B,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,0CAQ0B;AAPxB,4FAAA,IAAI,OAAA;AACJ,kGAAA,UAAU,OAAA;AACV,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,uGAAA,eAAe,OAAA;AACf,mGAAA,WAAW,OAAA;AAEb,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,gDAA6F;AAApF,kGAAA,OAAO,OAAA;AAAE,yGAAA,cAAc,OAAA;AAAE,yGAAA,cAAc,OAAA;AAAE,wGAAA,aAAa,OAAA;AAC/D,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,oEAIuC;AAHrC,qHAAA,gBAAgB,OAAA;AAChB,6HAAA,wBAAwB,OAAA;AACxB,iIAAA,4BAA4B,OAAA;AAE9B,qCAAgC;AAAvB,2FAAA,EAAE,OAAA;AACX,0CAAwC;AAA/B,gGAAA,MAAM,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,8CAA4D;AAAnD,gGAAA,MAAM,OAAA;AAAE,wGAAA,cAAc,OAAA;AAC/B,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,0CAQ0B;AAPxB,4FAAA,IAAI,OAAA;AACJ,kGAAA,UAAU,OAAA;AACV,kGAAA,UAAU,OAAA;AACV,iGAAA,SAAS,OAAA;AACT,kGAAA,UAAU,OAAA;AACV,uGAAA,eAAe,OAAA;AACf,mGAAA,WAAW,OAAA;AAEb,4CAA0C;AAAjC,8FAAA,KAAK,OAAA;AACd,gDAA6F;AAApF,kGAAA,OAAO,OAAA;AAAE,yGAAA,cAAc,OAAA;AAAE,yGAAA,cAAc,OAAA;AAAE,wGAAA,aAAa,OAAA;AAC/D,8CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,oEAIuC;AAHrC,qHAAA,gBAAgB,OAAA;AAChB,6HAAA,wBAAwB,OAAA;AACxB,iIAAA,4BAA4B,OAAA;AAE9B,qCAAgC;AAAvB,2FAAA,EAAE,OAAA"}
package/build/index.mjs CHANGED
@@ -19,5 +19,4 @@ export const SegmentedControl = cjs.SegmentedControl;
19
19
  export const segmentedControlVariants = cjs.segmentedControlVariants;
20
20
  export const segmentedControlItemVariants = cjs.segmentedControlItemVariants;
21
21
  export const cn = cjs.cn;
22
- export const styles = cjs.styles;
23
22
  export default cjs;
package/package.json CHANGED
@@ -1,11 +1,10 @@
1
1
  {
2
2
  "name": "@getgreenline/blaze-ui",
3
- "version": "1.0.5",
3
+ "version": "1.0.7",
4
4
  "scripts": {
5
5
  "dev": "tsc -p tsconfig.json --watch",
6
6
  "build": "yarn run clean && yarn run compile",
7
- "compile": "tsc -p tsconfig.json && yarn run tailwind:build",
8
- "tailwind:build": "node ./scripts/build-css.mjs",
7
+ "compile": "tsc -p tsconfig.json && node ./scripts/build-entry.mjs",
9
8
  "clean": "rm -rf ./build ./dist",
10
9
  "lint": "eslint . --max-warnings 0",
11
10
  "prepublishOnly": "yarn build"
@@ -25,7 +24,8 @@
25
24
  },
26
25
  "peerDependencies": {
27
26
  "react": ">=18",
28
- "react-dom": ">=18"
27
+ "react-dom": ">=18",
28
+ "tailwindcss": ">=4.0.0"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@tailwindcss/postcss": "^4.1.11",
@@ -41,10 +41,19 @@
41
41
  },
42
42
  "main": "build/index",
43
43
  "types": "build/index",
44
+ "exports": {
45
+ ".": {
46
+ "types": "./build/index.d.ts",
47
+ "require": "./build/index.js",
48
+ "default": "./build/index.mjs"
49
+ },
50
+ "./styles/blaze-ui.css": "./src/styles/blaze-ui.css"
51
+ },
44
52
  "files": [
45
53
  "build/**",
46
54
  "src/styles/**",
47
- "postcss.config.mjs"
55
+ "postcss.config.mjs",
56
+ "tailwind.config.js"
48
57
  ],
49
58
  "publishConfig": {
50
59
  "access": "restricted"
@@ -1,5 +1,6 @@
1
1
  @import "tailwindcss";
2
2
  @import "tw-animate-css";
3
+ @config "../../tailwind.config.js";
3
4
 
4
5
  @source "../../../apps/**/*.{ts,tsx}";
5
6
  @source "../../../components/**/*.{ts,tsx}";
@@ -159,3 +160,161 @@
159
160
  --shadow-xl: var(--shadow-xl);
160
161
  --shadow-2xl: var(--shadow-2xl);
161
162
  }
163
+
164
+ @layer base {
165
+ /* Segmented control --------------------------------------------------- */
166
+ [data-slot="segmented-control"] {
167
+ display: inline-flex;
168
+ align-items: center;
169
+ gap: var(--spacing, 0.25rem);
170
+ border-radius: calc(var(--radius) + 4px);
171
+ background-color: color-mix(in oklab, var(--muted) 85%, transparent);
172
+ padding: 0.25rem;
173
+ }
174
+
175
+ [data-slot="segmented-control"][data-size="sm"] {
176
+ padding: 0.125rem;
177
+ }
178
+
179
+ [data-slot="segmented-control"][data-size="lg"] {
180
+ padding: 0.375rem;
181
+ }
182
+
183
+ [data-slot="segmented-control-item"] {
184
+ position: relative;
185
+ font-size: 0.875rem;
186
+ font-weight: 500;
187
+ color: var(--muted-foreground);
188
+ padding-inline: 1rem;
189
+ padding-block: 0.5rem;
190
+ border-radius: calc(var(--radius) - 2px);
191
+ transition: color 150ms ease, background-color 150ms ease,
192
+ box-shadow 150ms ease;
193
+ }
194
+
195
+ [data-slot="segmented-control-item"][data-size="sm"] {
196
+ font-size: 0.75rem;
197
+ padding-inline: 0.75rem;
198
+ padding-block: 0.375rem;
199
+ }
200
+
201
+ [data-slot="segmented-control-item"][data-size="lg"] {
202
+ font-size: 1rem;
203
+ padding-inline: 1.25rem;
204
+ padding-block: 0.625rem;
205
+ }
206
+
207
+ [data-slot="segmented-control-item"]:hover {
208
+ color: var(--foreground);
209
+ background-color: color-mix(in oklab, var(--background) 60%, transparent);
210
+ }
211
+
212
+ [data-slot="segmented-control-item"][data-state="active"] {
213
+ color: var(--foreground);
214
+ background-color: var(--background);
215
+ box-shadow: var(--shadow-sm);
216
+ }
217
+
218
+ [data-slot="segmented-control"][data-variant="destructive"] {
219
+ background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
220
+ border: 1px solid color-mix(in oklab, var(--destructive) 20%, transparent);
221
+ }
222
+
223
+ [data-slot="segmented-control-item"][data-variant="destructive"]:hover {
224
+ background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
225
+ color: var(--destructive-foreground);
226
+ }
227
+
228
+ [data-slot="segmented-control-item"][data-variant="destructive"][data-state="active"] {
229
+ background-color: var(--destructive);
230
+ color: var(--destructive-foreground);
231
+ }
232
+
233
+ [data-slot="segmented-control-item"][data-variant="outline"]:hover {
234
+ background-color: color-mix(in oklab, var(--muted) 50%, transparent);
235
+ }
236
+
237
+ [data-slot="segmented-control-item"][data-variant="secondary"][data-state="active"] {
238
+ background-color: var(--secondary);
239
+ color: var(--secondary-foreground);
240
+ }
241
+
242
+ [data-slot="segmented-control-item"][data-variant="ghost"]:hover {
243
+ background-color: color-mix(in oklab, var(--muted) 40%, transparent);
244
+ }
245
+
246
+ [data-slot="segmented-control-item"][data-variant="ghost"][data-state="active"] {
247
+ background-color: var(--muted);
248
+ color: var(--foreground);
249
+ }
250
+
251
+ [data-slot="segmented-control-item"][data-variant="link"] {
252
+ background-color: transparent;
253
+ color: var(--primary);
254
+ }
255
+
256
+ [data-slot="segmented-control-item"][data-variant="link"][data-state="active"] {
257
+ text-decoration: underline;
258
+ color: var(--primary);
259
+ background-color: transparent;
260
+ box-shadow: none;
261
+ }
262
+
263
+ /* Switch --------------------------------------------------------------- */
264
+ [data-slot="switch"] {
265
+ position: relative;
266
+ display: inline-flex;
267
+ align-items: center;
268
+ justify-content: flex-start;
269
+ height: 1.15rem;
270
+ width: 2rem;
271
+ padding: 0;
272
+ border: 1px solid transparent;
273
+ border-radius: 9999px;
274
+ background-color: var(--input);
275
+ box-shadow: var(--shadow-xs);
276
+ transition: background-color 150ms ease, box-shadow 150ms ease;
277
+ outline: none;
278
+ }
279
+
280
+ [data-slot="switch"]:focus-visible {
281
+ border-color: var(--ring);
282
+ box-shadow: 0 0 0 3px color-mix(in oklab, var(--ring) 50%, transparent);
283
+ }
284
+
285
+ [data-slot="switch"][data-state="checked"] {
286
+ background-color: var(--primary);
287
+ }
288
+
289
+ :where(.dark *) [data-slot="switch"][data-state="unchecked"] {
290
+ background-color: color-mix(in oklab, var(--input) 80%, transparent);
291
+ }
292
+
293
+ [data-slot="switch"]:disabled {
294
+ cursor: not-allowed;
295
+ opacity: 0.5;
296
+ }
297
+
298
+ [data-slot="switch-thumb"] {
299
+ pointer-events: none;
300
+ display: block;
301
+ height: 1rem;
302
+ width: 1rem;
303
+ border-radius: 9999px;
304
+ background-color: var(--background);
305
+ transition: transform 150ms ease, background-color 150ms ease;
306
+ transform: translateX(0);
307
+ }
308
+
309
+ [data-slot="switch"][data-state="checked"] [data-slot="switch-thumb"] {
310
+ transform: translateX(calc(100% - 2px));
311
+ }
312
+
313
+ :where(.dark *) [data-slot="switch"][data-state="unchecked"] [data-slot="switch-thumb"] {
314
+ background-color: var(--foreground);
315
+ }
316
+
317
+ :where(.dark *) [data-slot="switch"][data-state="checked"] [data-slot="switch-thumb"] {
318
+ background-color: var(--primary-foreground);
319
+ }
320
+ }
@@ -0,0 +1,6 @@
1
+ /** @type {import('tailwindcss').Config} */
2
+ const config = {
3
+ prefix: "tw",
4
+ };
5
+
6
+ export default config;
@@ -1,97 +0,0 @@
1
- /*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */
2
- :root,:host{--font-sans:var(--font-sans);--font-serif:var(--font-serif);--font-mono:var(--font-mono);--color-red-500:oklch(63.7% .237 25.331);--color-white:#fff;--spacing:.25rem;--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:calc(1.5/1);--font-weight-medium:500;--font-weight-semibold:600;--shadow-2xs:var(--shadow-2xs);--shadow-xs:var(--shadow-xs);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--shadow-2xl:var(--shadow-2xl);--animate-spin:spin 1s linear infinite;--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);--shadow:var(--shadow)}*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.tw-\@container\/card-header{container:card-header/inline-size}.tw-pointer-events-none{pointer-events:none}.tw-visible{visibility:visible}.tw-sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tw-absolute{position:absolute}.tw-relative{position:relative}.tw-inset-0{inset:calc(var(--spacing)*0)}.tw-z-50{z-index:50}.tw-col-start-2{grid-column-start:2}.tw-row-span-2{grid-row:span 2/span 2}.tw-row-start-1{grid-row-start:1}.tw-block{display:block}.tw-flex{display:flex}.tw-grid{display:grid}.tw-inline{display:inline}.tw-inline-block{display:inline-block}.tw-inline-flex{display:inline-flex}.tw-size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.tw-size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.tw-h-8{height:calc(var(--spacing)*8)}.tw-h-9{height:calc(var(--spacing)*9)}.tw-h-10{height:calc(var(--spacing)*10)}.tw-h-\[1\.15rem\]{height:1.15rem}.tw-w-8{width:calc(var(--spacing)*8)}.tw-w-72{width:calc(var(--spacing)*72)}.tw-w-full{width:100%}.tw-min-w-0{min-width:calc(var(--spacing)*0)}.tw-shrink-0{flex-shrink:0}.tw-origin-\[var\(--radix-popover-content-transform-origin\)\]{transform-origin:var(--radix-popover-content-transform-origin)}.tw-animate-spin{animation:var(--animate-spin)}.tw-auto-rows-min{grid-auto-rows:min-content}.tw-grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.tw-flex-col{flex-direction:column}.tw-items-center{align-items:center}.tw-items-start{align-items:flex-start}.tw-justify-center{justify-content:center}.tw-gap-1\.5{gap:calc(var(--spacing)*1.5)}.tw-gap-2{gap:calc(var(--spacing)*2)}.tw-gap-6{gap:calc(var(--spacing)*6)}.tw-self-start{align-self:flex-start}.tw-justify-self-end{justify-self:flex-end}.tw-rounded{border-radius:.25rem}.tw-rounded-full{border-radius:3.40282e38px}.tw-rounded-lg{border-radius:var(--radius)}.tw-rounded-md{border-radius:calc(var(--radius) - 2px)}.tw-rounded-xl{border-radius:calc(var(--radius) + 4px)}.tw-border{border-style:var(--tw-border-style);border-width:1px}.tw-border-2{border-style:var(--tw-border-style);border-width:2px}.tw-border-none{--tw-border-style:none;border-style:none}.tw-border-current{border-color:currentColor}.tw-border-destructive\/20{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.tw-border-destructive\/20{border-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.tw-border-input{border-color:var(--input)}.tw-border-red-500{border-color:var(--color-red-500)}.tw-border-transparent{border-color:#0000}.tw-border-t-transparent{border-top-color:#0000}.tw-bg-background{background-color:var(--background)}.tw-bg-card{background-color:var(--card)}.tw-bg-destructive,.tw-bg-destructive\/10{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.tw-bg-destructive\/10{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.tw-bg-muted{background-color:var(--muted)}.tw-bg-popover{background-color:var(--popover)}.tw-bg-primary{background-color:var(--primary)}.tw-bg-secondary,.tw-bg-secondary\/70{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.tw-bg-secondary\/70{background-color:color-mix(in oklab,var(--secondary)70%,transparent)}}.tw-bg-transparent{background-color:#0000}.tw-p-0\.5{padding:calc(var(--spacing)*.5)}.tw-p-1{padding:calc(var(--spacing)*1)}.tw-p-1\.5{padding:calc(var(--spacing)*1.5)}.tw-p-4{padding:calc(var(--spacing)*4)}.tw-px-2{padding-inline:calc(var(--spacing)*2)}.tw-px-3{padding-inline:calc(var(--spacing)*3)}.tw-px-4{padding-inline:calc(var(--spacing)*4)}.tw-px-5{padding-inline:calc(var(--spacing)*5)}.tw-px-6{padding-inline:calc(var(--spacing)*6)}.tw-py-1{padding-block:calc(var(--spacing)*1)}.tw-py-1\.5{padding-block:calc(var(--spacing)*1.5)}.tw-py-2{padding-block:calc(var(--spacing)*2)}.tw-py-2\.5{padding-block:calc(var(--spacing)*2.5)}.tw-py-6{padding-block:calc(var(--spacing)*6)}.tw-text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.tw-text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.tw-text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.tw-leading-none{--tw-leading:1;line-height:1}.tw-font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tw-font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tw-whitespace-nowrap{white-space:nowrap}.tw-text-card-foreground{color:var(--card-foreground)}.tw-text-destructive{color:var(--destructive)}.tw-text-foreground\/80{color:var(--foreground)}@supports (color:color-mix(in lab, red, red)){.tw-text-foreground\/80{color:color-mix(in oklab,var(--foreground)80%,transparent)}}.tw-text-muted-foreground{color:var(--muted-foreground)}.tw-text-popover-foreground{color:var(--popover-foreground)}.tw-text-primary{color:var(--primary)}.tw-text-primary-foreground{color:var(--primary-foreground)}.tw-text-secondary-foreground{color:var(--secondary-foreground)}.tw-text-white{color:var(--color-white)}.tw-underline-offset-4{text-underline-offset:4px}.tw-shadow-md{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw-shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw-shadow-xs{--tw-shadow:var(--shadow-xs);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.tw-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)}.tw-outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.tw-outline-hidden{outline-offset:2px;outline:2px solid #0000}}.tw-outline{outline-style:var(--tw-outline-style);outline-width:1px}.tw-transition-\[color\\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.tw-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))}.tw-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))}.tw-duration-200{--tw-duration:.2s;transition-duration:.2s}.tw-outline-none{--tw-outline-style:none;outline-style:none}.tw-select-none{-webkit-user-select:none;user-select:none}.selection\:tw-bg-primary ::selection{background-color:var(--primary)}.selection\:tw-bg-primary::selection{background-color:var(--primary)}.selection\:tw-text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:tw-text-primary-foreground::selection{color:var(--primary-foreground)}.file\:tw-inline-flex::file-selector-button{display:inline-flex}.file\:tw-h-7::file-selector-button{height:calc(var(--spacing)*7)}.file\:tw-border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:tw-bg-transparent::file-selector-button{background-color:#0000}.file\:tw-text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:tw-font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:tw-text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:tw-text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:tw-bg-accent:hover{background-color:var(--accent)}.hover\:tw-bg-background\/50:hover{background-color:var(--background)}@supports (color:color-mix(in lab, red, red)){.hover\:tw-bg-background\/50:hover{background-color:color-mix(in oklab,var(--background)50%,transparent)}}.hover\:tw-bg-destructive\/10:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:tw-bg-destructive\/10:hover{background-color:color-mix(in oklab,var(--destructive)10%,transparent)}}.hover\:tw-bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:tw-bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:tw-bg-muted\/40:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:tw-bg-muted\/40:hover{background-color:color-mix(in oklab,var(--muted)40%,transparent)}}.hover\:tw-bg-muted\/50:hover{background-color:var(--muted)}@supports (color:color-mix(in lab, red, red)){.hover\:tw-bg-muted\/50:hover{background-color:color-mix(in oklab,var(--muted)50%,transparent)}}.hover\:tw-bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:tw-bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:tw-bg-secondary\/60:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:tw-bg-secondary\/60:hover{background-color:color-mix(in oklab,var(--secondary)60%,transparent)}}.hover\:tw-bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:tw-bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:tw-text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:tw-text-destructive:hover{color:var(--destructive)}.hover\:tw-text-foreground:hover{color:var(--foreground)}.hover\:tw-text-primary:hover{color:var(--primary)}.hover\:tw-text-secondary-foreground:hover{color:var(--secondary-foreground)}.hover\:tw-underline:hover{text-decoration-line:underline}}.focus\:tw-z-10:focus{z-index:10}.focus-visible\:tw-border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:tw-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\:tw-ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + 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\:tw-ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:tw-ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:tw-ring-ring:focus-visible,.focus-visible\:tw-ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:tw-ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:tw-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\:tw-outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:tw-pointer-events-none:disabled{pointer-events:none}.disabled\:tw-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:tw-opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:tw-grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.has-\[\>svg\]\:tw-px-2\.5:has(>svg){padding-inline:calc(var(--spacing)*2.5)}.has-\[\>svg\]\:tw-px-3:has(>svg){padding-inline:calc(var(--spacing)*3)}.has-\[\>svg\]\:tw-px-4:has(>svg){padding-inline:calc(var(--spacing)*4)}.aria-invalid\:tw-border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:tw-ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:tw-ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[side\=bottom\]\:tw-slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(var(--spacing)*2*-1)}.data-\[side\=left\]\:tw-slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(var(--spacing)*2)}.data-\[side\=right\]\:tw-slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(var(--spacing)*2*-1)}.data-\[side\=top\]\:tw-slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(var(--spacing)*2)}.data-\[state\=active\]\:tw-bg-background[data-state=active]{background-color:var(--background)}.data-\[state\=active\]\:tw-bg-destructive[data-state=active]{background-color:var(--destructive)}.data-\[state\=active\]\:tw-bg-muted[data-state=active]{background-color:var(--muted)}.data-\[state\=active\]\:tw-bg-secondary[data-state=active]{background-color:var(--secondary)}.data-\[state\=active\]\:tw-text-destructive-foreground[data-state=active]{color:var(--destructive-foreground)}.data-\[state\=active\]\:tw-text-foreground[data-state=active]{color:var(--foreground)}.data-\[state\=active\]\:tw-text-primary[data-state=active]{color:var(--primary)}.data-\[state\=active\]\:tw-text-secondary-foreground[data-state=active]{color:var(--secondary-foreground)}.data-\[state\=active\]\:tw-underline[data-state=active]{text-decoration-line:underline}.data-\[state\=active\]\:tw-shadow-none[data-state=active]{--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)}.data-\[state\=active\]\:tw-shadow-sm[data-state=active]{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=closed\]\:tw-animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:tw-fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:tw-zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=open\]\:tw-animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:tw-fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:tw-zoom-in-95[data-state=open]{--tw-enter-scale:.95}@media (min-width:48rem){.md\:tw-text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.dark\:tw-border-input:is(.dark *){border-color:var(--input)}.dark\:tw-bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:tw-bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:tw-bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:tw-bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media (hover:hover){.dark\:hover\:tw-bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:tw-bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:tw-bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:tw-bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:tw-ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:tw-ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:tw-ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:tw-ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.data-state-checked\:tw-translate-x-\[calc\(100\%-2px\)\][data-state=checked]{--tw-translate-x:calc(100% - 2px);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-state-checked\:tw-bg-primary[data-state=checked]{background-color:var(--primary)}.dark\:data-state-checked\:tw-bg-primary-foreground:is(.dark *)[data-state=checked]{background-color:var(--primary-foreground)}.data-state-unchecked\:tw-translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-state-unchecked\:tw-bg-input[data-state=unchecked]{background-color:var(--input)}.dark\:data-state-unchecked\:tw-bg-foreground:is(.dark *)[data-state=unchecked]{background-color:var(--foreground)}.dark\:data-state-unchecked\:tw-bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:var(--input)}@supports (color:color-mix(in lab, red, red)){.dark\:data-state-unchecked\:tw-bg-input\/80:is(.dark *)[data-state=unchecked]{background-color:color-mix(in oklab,var(--input)80%,transparent)}}.tw-group\[data-disabled\=\"true\"\] .group-data-disabled\:tw-pointer-events-none{pointer-events:none}.tw-group\[data-disabled\=\"true\"\] .group-data-disabled\:tw-opacity-50{opacity:.5}.peer\:tw-disabled~.peer-disabled\:tw-cursor-not-allowed{cursor:not-allowed}.peer\:tw-disabled~.peer-disabled\:tw-opacity-50{opacity:.5}.\[\&_svg\]\:tw-pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:tw-shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:tw-size-4 svg:not([class*=size-]){width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}
3
- :root, :host {
4
- --background: oklch(0.9842 0.0034 247.8575);
5
- --foreground: oklch(0.2795 0.0368 260.0310);
6
- --card: oklch(1.0000 0 0);
7
- --card-foreground: oklch(0.2795 0.0368 260.0310);
8
- --popover: oklch(1.0000 0 0);
9
- --popover-foreground: oklch(0.2795 0.0368 260.0310);
10
- --primary: oklch(0.7127 0.1242 224.5720);
11
- --primary-foreground: oklch(1.0000 0 0);
12
- --secondary: oklch(0.9276 0.0058 264.5313);
13
- --secondary-foreground: oklch(0.3729 0.0306 259.7328);
14
- --muted: oklch(0.9670 0.0029 264.5419);
15
- --muted-foreground: oklch(0.5510 0.0234 264.3637);
16
- --accent: oklch(0.9299 0.0334 272.7879);
17
- --accent-foreground: oklch(0.3729 0.0306 259.7328);
18
- --destructive: oklch(0.6368 0.2078 25.3313);
19
- --destructive-foreground: oklch(1.0000 0 0);
20
- --border: oklch(0.8717 0.0093 258.3382);
21
- --input: oklch(0.8717 0.0093 258.3382);
22
- --ring: oklch(0.5854 0.2041 277.1173);
23
- --chart-1: oklch(0.5854 0.2041 277.1173);
24
- --chart-2: oklch(0.5106 0.2301 276.9656);
25
- --chart-3: oklch(0.4568 0.2146 277.0229);
26
- --chart-4: oklch(0.3984 0.1773 277.3662);
27
- --chart-5: oklch(0.3588 0.1354 278.6973);
28
- --sidebar: oklch(0.9670 0.0029 264.5419);
29
- --sidebar-foreground: oklch(0.2795 0.0368 260.0310);
30
- --sidebar-primary: oklch(0.5854 0.2041 277.1173);
31
- --sidebar-primary-foreground: oklch(1.0000 0 0);
32
- --sidebar-accent: oklch(0.9299 0.0334 272.7879);
33
- --sidebar-accent-foreground: oklch(0.3729 0.0306 259.7328);
34
- --sidebar-border: oklch(0.8717 0.0093 258.3382);
35
- --sidebar-ring: oklch(0.5854 0.2041 277.1173);
36
- --font-sans: Inter, sans-serif;
37
- --font-serif: Merriweather, serif;
38
- --font-mono: JetBrains Mono, monospace;
39
- --radius: 0.5rem;
40
- --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
41
- --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
42
- --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
43
- --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
44
- --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
45
- --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
46
- --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
47
- --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
48
- --tracking-normal: 0em;
49
- --spacing: 0.25rem;
50
- }
51
-
52
- .dark {
53
- --background: oklch(0.2077 0.0398 265.7549);
54
- --foreground: oklch(0.9288 0.0126 255.5078);
55
- --card: oklch(0.2795 0.0368 260.0310);
56
- --card-foreground: oklch(0.9288 0.0126 255.5078);
57
- --popover: oklch(0.2795 0.0368 260.0310);
58
- --popover-foreground: oklch(0.9288 0.0126 255.5078);
59
- --primary: oklch(0.6801 0.1583 276.9349);
60
- --primary-foreground: oklch(0.2077 0.0398 265.7549);
61
- --secondary: oklch(0.3351 0.0331 260.9120);
62
- --secondary-foreground: oklch(0.8717 0.0093 258.3382);
63
- --muted: oklch(0.2795 0.0368 260.0310);
64
- --muted-foreground: oklch(0.7137 0.0192 261.3246);
65
- --accent: oklch(0.3729 0.0306 259.7328);
66
- --accent-foreground: oklch(0.8717 0.0093 258.3382);
67
- --destructive: oklch(0.6368 0.2078 25.3313);
68
- --destructive-foreground: oklch(0.2077 0.0398 265.7549);
69
- --border: oklch(0.4461 0.0263 256.8018);
70
- --input: oklch(0.4461 0.0263 256.8018);
71
- --ring: oklch(0.6801 0.1583 276.9349);
72
- --chart-1: oklch(0.6801 0.1583 276.9349);
73
- --chart-2: oklch(0.5854 0.2041 277.1173);
74
- --chart-3: oklch(0.5106 0.2301 276.9656);
75
- --chart-4: oklch(0.4568 0.2146 277.0229);
76
- --chart-5: oklch(0.3984 0.1773 277.3662);
77
- --sidebar: oklch(0.2795 0.0368 260.0310);
78
- --sidebar-foreground: oklch(0.9288 0.0126 255.5078);
79
- --sidebar-primary: oklch(0.6801 0.1583 276.9349);
80
- --sidebar-primary-foreground: oklch(0.2077 0.0398 265.7549);
81
- --sidebar-accent: oklch(0.3729 0.0306 259.7328);
82
- --sidebar-accent-foreground: oklch(0.8717 0.0093 258.3382);
83
- --sidebar-border: oklch(0.4461 0.0263 256.8018);
84
- --sidebar-ring: oklch(0.6801 0.1583 276.9349);
85
- --font-sans: Inter, sans-serif;
86
- --font-serif: Merriweather, serif;
87
- --font-mono: JetBrains Mono, monospace;
88
- --radius: 0.5rem;
89
- --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
90
- --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);
91
- --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
92
- --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);
93
- --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);
94
- --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);
95
- --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);
96
- --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);
97
- }
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":null,"mappings":";AEGE,y0BAyeA,oFAAA,+EAqBA,wYAgCA,+CAUA,8FASA,wDAcA,wIAUA,4BAYA,0TA8BA,oBAQA,8EAQA,kBAIA,cAUA,kEAUA,6BAQA,iCAQA,0BAQA,2BAYA,mFAgBA,qCAaA,uMAAA,wLAoBA,iEAQA,+EAQA,6CAQA,wBASA,yFAEE,iCACE,8CAAA,uEAQJ,yBAQA,oDASA,gEASA,4CAQA,iDAIA,wCAAA,mDAAA,oDAAA,kDAAA,mDAAA,qDAAA,qDAAA,0DAAA,uDAgBA,kDAQA,iCAQA,+EAAA,yCAUA,wCAAA,wCASA,kEAMA,+DAAA,4CAAA,+BAAA,gJAAA,+BAAA,+BAAA,yCAAA,oBAAA,oCAAA,sCAAA,iCAAA,wBAAA,sBAAA,sBAAA,0BAAA,sCAAA,oCAAA,sEAAA,sEAAA,sCAAA,sCAAA,wCAAA,kCAAA,qCAAA,uCAAA,sBAAA,6CAAA,2BAAA,8HAAA,+CAAA,6CAAA,yDAAA,mCAAA,oCAAA,uCAAA,0CAAA,0CAAA,qCAAA,qCAAA,qCAAA,2CAAA,iCAAA,4CAAA,2CAAA,uDAAA,uDAAA,gEAAA,kEAAA,yDAAA,6CAAA,2DAAA,8CAAA,+FAAA,2CAAA,qDAAA,0CAAA,gDAAA,qDAAA,yCAAA,8EAAA,8CAAA,+FAAA,2CAAA,+CAAA,+CAAA,wEAAA,8CAAA,2FAAA,0CAAA,2CAAA,uCAAA,4CAAA,uCAAA,+CAAA,+CAAA,+CAAA,+CAAA,+CAAA,8CAAA,mDAAA,8CAAA,mDAAA,8CAAA,qGAAA,+FAAA,+FAAA,8CAAA,iGAAA,uGAAA,yCAAA,sDAAA,8CAAA,gDAAA,8CAAA,oFAAA,wDAAA,4DAAA,sCAAA,4DAAA,gEAAA,wCAAA,iDAAA,6KAAA,6KAAA,6KAAA,kQAAA,8DAAA,8BAAA,+DAAA,oEAAA,yOAAA,yMAAA,4OAAA,2DAAA,4DAAA,0DAAA,sEAAA,qEAAA,mFAAA,kFAAA,gEAAA,kEAAA,4FAAA,sEAAA,2HAAA,6HAAA,wEAAA,kFAAA,qBAAA,0DAAA,sEAAA,8CAAA,0GAAA,wEAAA,8CAAA,4GAAA,wEAAA,8CAAA,4GAAA,4DAAA,8CAAA,gGAAA,4DAAA,8CAAA,gGAAA,gEAAA,8CAAA,oGAAA,oEAAA,8CAAA,wGAAA,oEAAA,8CAAA,wGAAA,uEAAA,2DAAA,yDAAA,mDAAA,6EAAA,2DAAA,iCAAA,sEAAA,+RAAA,qSAAA,yFAAA,8CAAA,6HAAA,sHAAA,8CAAA,+GAAA,oLAAA,yFAAA,+DAAA,6DAAA,6CAAA,uHAAA,6EAAA,wEAAA,wEAAA,wFAAA,6FAAA,8CAAA,iIAAA,kHAAA,6GAAA,iHAAA,4GAAA,gGAAA,kGAAA,sFAAA,8FAAA,+GAAA,uFAAA,iFAAA,2GAAA,wFAAA,mNAAA,wNAAA,yRAAA,8EAAA,+EAAA,qRAAA,0EAAA,2EAAA,yBAAA,oGAAA,6DAAA,6EAAA,8CAAA,iHAAA,iEAAA,8CAAA,qGAAA,qBAAA,gFAAA,8CAAA,oHAAA,8EAAA,8CAAA,mHAAA,2GAAA,8CAAA,+IAAA,+GAAA,8CAAA,mJAAA,qKAAA,uFAAA,+HAAA,2JAAA,uFAAA,mHAAA,6GAAA,8CAAA,iJAAA,sGAAA,oFAAA,4EAAA,4DAAA,4DAAA,2CAAA","sources":["Users/gpenner/Developer/blaze-ui/packages/ui/build/styles/blaze-ui.css","<no source>","../../../../node_modules/tailwindcss/index.css","../../src/styles/blaze-ui.css","../../../../node_modules/tw-animate-css/dist/tw-animate.css"],"sourcesContent":["/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */\n:root, :host {\n --font-sans: var(--font-sans);\n --font-serif: var(--font-serif);\n --font-mono: var(--font-mono);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-white: #fff;\n --spacing: 0.25rem;\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --shadow-2xs: var(--shadow-2xs);\n --shadow-xs: var(--shadow-xs);\n --shadow-sm: var(--shadow-sm);\n --shadow-md: var(--shadow-md);\n --shadow-lg: var(--shadow-lg);\n --shadow-xl: var(--shadow-xl);\n --shadow-2xl: var(--shadow-2xl);\n --animate-spin: spin 1s linear infinite;\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: var(--font-sans);\n --default-mono-font-family: var(--font-mono);\n --shadow: var(--shadow);\n}\n*, ::after, ::before, ::backdrop, ::file-selector-button {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n border: 0 solid;\n}\nhtml, :host {\n line-height: 1.5;\n -webkit-text-size-adjust: 100%;\n tab-size: 4;\n 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\");\n font-feature-settings: var(--default-font-feature-settings, normal);\n font-variation-settings: var(--default-font-variation-settings, normal);\n -webkit-tap-highlight-color: transparent;\n}\nhr {\n height: 0;\n color: inherit;\n border-top-width: 1px;\n}\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\nh1, h2, h3, h4, h5, h6 {\n font-size: inherit;\n font-weight: inherit;\n}\na {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n}\nb, strong {\n font-weight: bolder;\n}\ncode, kbd, samp, pre {\n font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n font-feature-settings: var(--default-mono-font-feature-settings, normal);\n font-variation-settings: var(--default-mono-font-variation-settings, normal);\n font-size: 1em;\n}\nsmall {\n font-size: 80%;\n}\nsub, sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\nsub {\n bottom: -0.25em;\n}\nsup {\n top: -0.5em;\n}\ntable {\n text-indent: 0;\n border-color: inherit;\n border-collapse: collapse;\n}\n:-moz-focusring {\n outline: auto;\n}\nprogress {\n vertical-align: baseline;\n}\nsummary {\n display: list-item;\n}\nol, ul, menu {\n list-style: none;\n}\nimg, svg, video, canvas, audio, iframe, embed, object {\n display: block;\n vertical-align: middle;\n}\nimg, video {\n max-width: 100%;\n height: auto;\n}\nbutton, input, select, optgroup, textarea, ::file-selector-button {\n font: inherit;\n font-feature-settings: inherit;\n font-variation-settings: inherit;\n letter-spacing: inherit;\n color: inherit;\n border-radius: 0;\n background-color: transparent;\n opacity: 1;\n}\n:where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n}\n:where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n}\n::file-selector-button {\n margin-inline-end: 4px;\n}\n::placeholder {\n opacity: 1;\n}\n@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px) {\n ::placeholder {\n color: currentcolor;\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n}\ntextarea {\n resize: vertical;\n}\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n::-webkit-date-and-time-value {\n min-height: 1lh;\n text-align: inherit;\n}\n::-webkit-datetime-edit {\n display: inline-flex;\n}\n::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n}\n::-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 {\n padding-block: 0;\n}\n::-webkit-calendar-picker-indicator {\n line-height: 1;\n}\n:-moz-ui-invalid {\n box-shadow: none;\n}\nbutton, input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]), ::file-selector-button {\n appearance: button;\n}\n::-webkit-inner-spin-button, ::-webkit-outer-spin-button {\n height: auto;\n}\n[hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n}\n.tw-\\@container\\/card-header {\n container-type: inline-size;\n container-name: card-header;\n}\n.tw-pointer-events-none {\n pointer-events: none;\n}\n.tw-visible {\n visibility: visible;\n}\n.tw-sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n}\n.tw-absolute {\n position: absolute;\n}\n.tw-relative {\n position: relative;\n}\n.tw-inset-0 {\n inset: calc(var(--spacing) * 0);\n}\n.tw-z-50 {\n z-index: 50;\n}\n.tw-col-start-2 {\n grid-column-start: 2;\n}\n.tw-row-span-2 {\n grid-row: span 2 / span 2;\n}\n.tw-row-start-1 {\n grid-row-start: 1;\n}\n.tw-block {\n display: block;\n}\n.tw-flex {\n display: flex;\n}\n.tw-grid {\n display: grid;\n}\n.tw-inline {\n display: inline;\n}\n.tw-inline-block {\n display: inline-block;\n}\n.tw-inline-flex {\n display: inline-flex;\n}\n.tw-size-4 {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n}\n.tw-size-9 {\n width: calc(var(--spacing) * 9);\n height: calc(var(--spacing) * 9);\n}\n.tw-h-8 {\n height: calc(var(--spacing) * 8);\n}\n.tw-h-9 {\n height: calc(var(--spacing) * 9);\n}\n.tw-h-10 {\n height: calc(var(--spacing) * 10);\n}\n.tw-h-\\[1\\.15rem\\] {\n height: 1.15rem;\n}\n.tw-w-8 {\n width: calc(var(--spacing) * 8);\n}\n.tw-w-72 {\n width: calc(var(--spacing) * 72);\n}\n.tw-w-full {\n width: 100%;\n}\n.tw-min-w-0 {\n min-width: calc(var(--spacing) * 0);\n}\n.tw-shrink-0 {\n flex-shrink: 0;\n}\n.tw-origin-\\[var\\(--radix-popover-content-transform-origin\\)\\] {\n transform-origin: var(--radix-popover-content-transform-origin);\n}\n.tw-animate-spin {\n animation: var(--animate-spin);\n}\n.tw-auto-rows-min {\n grid-auto-rows: min-content;\n}\n.tw-grid-rows-\\[auto_auto\\] {\n grid-template-rows: auto auto;\n}\n.tw-flex-col {\n flex-direction: column;\n}\n.tw-items-center {\n align-items: center;\n}\n.tw-items-start {\n align-items: flex-start;\n}\n.tw-justify-center {\n justify-content: center;\n}\n.tw-gap-1\\.5 {\n gap: calc(var(--spacing) * 1.5);\n}\n.tw-gap-2 {\n gap: calc(var(--spacing) * 2);\n}\n.tw-gap-6 {\n gap: calc(var(--spacing) * 6);\n}\n.tw-self-start {\n align-self: flex-start;\n}\n.tw-justify-self-end {\n justify-self: flex-end;\n}\n.tw-rounded {\n border-radius: 0.25rem;\n}\n.tw-rounded-full {\n border-radius: calc(infinity * 1px);\n}\n.tw-rounded-lg {\n border-radius: var(--radius);\n}\n.tw-rounded-md {\n border-radius: calc(var(--radius) - 2px);\n}\n.tw-rounded-xl {\n border-radius: calc(var(--radius) + 4px);\n}\n.tw-border {\n border-style: var(--tw-border-style);\n border-width: 1px;\n}\n.tw-border-2 {\n border-style: var(--tw-border-style);\n border-width: 2px;\n}\n.tw-border-none {\n --tw-border-style: none;\n border-style: none;\n}\n.tw-border-current {\n border-color: currentcolor;\n}\n.tw-border-destructive\\/20 {\n border-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n border-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n}\n.tw-border-input {\n border-color: var(--input);\n}\n.tw-border-red-500 {\n border-color: var(--color-red-500);\n}\n.tw-border-transparent {\n border-color: transparent;\n}\n.tw-border-t-transparent {\n border-top-color: transparent;\n}\n.tw-bg-background {\n background-color: var(--background);\n}\n.tw-bg-card {\n background-color: var(--card);\n}\n.tw-bg-destructive {\n background-color: var(--destructive);\n}\n.tw-bg-destructive\\/10 {\n background-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n}\n.tw-bg-muted {\n background-color: var(--muted);\n}\n.tw-bg-popover {\n background-color: var(--popover);\n}\n.tw-bg-primary {\n background-color: var(--primary);\n}\n.tw-bg-secondary {\n background-color: var(--secondary);\n}\n.tw-bg-secondary\\/70 {\n background-color: var(--secondary);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--secondary) 70%, transparent);\n }\n}\n.tw-bg-transparent {\n background-color: transparent;\n}\n.tw-p-0\\.5 {\n padding: calc(var(--spacing) * 0.5);\n}\n.tw-p-1 {\n padding: calc(var(--spacing) * 1);\n}\n.tw-p-1\\.5 {\n padding: calc(var(--spacing) * 1.5);\n}\n.tw-p-4 {\n padding: calc(var(--spacing) * 4);\n}\n.tw-px-2 {\n padding-inline: calc(var(--spacing) * 2);\n}\n.tw-px-3 {\n padding-inline: calc(var(--spacing) * 3);\n}\n.tw-px-4 {\n padding-inline: calc(var(--spacing) * 4);\n}\n.tw-px-5 {\n padding-inline: calc(var(--spacing) * 5);\n}\n.tw-px-6 {\n padding-inline: calc(var(--spacing) * 6);\n}\n.tw-py-1 {\n padding-block: calc(var(--spacing) * 1);\n}\n.tw-py-1\\.5 {\n padding-block: calc(var(--spacing) * 1.5);\n}\n.tw-py-2 {\n padding-block: calc(var(--spacing) * 2);\n}\n.tw-py-2\\.5 {\n padding-block: calc(var(--spacing) * 2.5);\n}\n.tw-py-6 {\n padding-block: calc(var(--spacing) * 6);\n}\n.tw-text-base {\n font-size: var(--text-base);\n line-height: var(--tw-leading, var(--text-base--line-height));\n}\n.tw-text-sm {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n}\n.tw-text-xs {\n font-size: var(--text-xs);\n line-height: var(--tw-leading, var(--text-xs--line-height));\n}\n.tw-leading-none {\n --tw-leading: 1;\n line-height: 1;\n}\n.tw-font-medium {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n}\n.tw-font-semibold {\n --tw-font-weight: var(--font-weight-semibold);\n font-weight: var(--font-weight-semibold);\n}\n.tw-whitespace-nowrap {\n white-space: nowrap;\n}\n.tw-text-card-foreground {\n color: var(--card-foreground);\n}\n.tw-text-destructive {\n color: var(--destructive);\n}\n.tw-text-foreground\\/80 {\n color: var(--foreground);\n @supports (color: color-mix(in lab, red, red)) {\n color: color-mix(in oklab, var(--foreground) 80%, transparent);\n }\n}\n.tw-text-muted-foreground {\n color: var(--muted-foreground);\n}\n.tw-text-popover-foreground {\n color: var(--popover-foreground);\n}\n.tw-text-primary {\n color: var(--primary);\n}\n.tw-text-primary-foreground {\n color: var(--primary-foreground);\n}\n.tw-text-secondary-foreground {\n color: var(--secondary-foreground);\n}\n.tw-text-white {\n color: var(--color-white);\n}\n.tw-underline-offset-4 {\n text-underline-offset: 4px;\n}\n.tw-shadow-md {\n --tw-shadow: var(--shadow-md);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.tw-shadow-sm {\n --tw-shadow: var(--shadow-sm);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.tw-shadow-xs {\n --tw-shadow: var(--shadow-xs);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.tw-ring-0 {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n}\n.tw-outline-hidden {\n --tw-outline-style: none;\n outline-style: none;\n @media (forced-colors: active) {\n outline: 2px solid transparent;\n outline-offset: 2px;\n }\n}\n.tw-outline {\n outline-style: var(--tw-outline-style);\n outline-width: 1px;\n}\n.tw-transition-\\[color\\\\,box-shadow\\] {\n transition-property: color,box-shadow;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.tw-transition-all {\n transition-property: all;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.tw-transition-transform {\n transition-property: transform, translate, scale, rotate;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n}\n.tw-duration-200 {\n --tw-duration: 200ms;\n transition-duration: 200ms;\n}\n.tw-outline-none {\n --tw-outline-style: none;\n outline-style: none;\n}\n.tw-select-none {\n -webkit-user-select: none;\n user-select: none;\n}\n.selection\\:tw-bg-primary {\n & *::selection {\n background-color: var(--primary);\n }\n &::selection {\n background-color: var(--primary);\n }\n}\n.selection\\:tw-text-primary-foreground {\n & *::selection {\n color: var(--primary-foreground);\n }\n &::selection {\n color: var(--primary-foreground);\n }\n}\n.file\\:tw-inline-flex {\n &::file-selector-button {\n display: inline-flex;\n }\n}\n.file\\:tw-h-7 {\n &::file-selector-button {\n height: calc(var(--spacing) * 7);\n }\n}\n.file\\:tw-border-0 {\n &::file-selector-button {\n border-style: var(--tw-border-style);\n border-width: 0px;\n }\n}\n.file\\:tw-bg-transparent {\n &::file-selector-button {\n background-color: transparent;\n }\n}\n.file\\:tw-text-sm {\n &::file-selector-button {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n}\n.file\\:tw-font-medium {\n &::file-selector-button {\n --tw-font-weight: var(--font-weight-medium);\n font-weight: var(--font-weight-medium);\n }\n}\n.file\\:tw-text-foreground {\n &::file-selector-button {\n color: var(--foreground);\n }\n}\n.placeholder\\:tw-text-muted-foreground {\n &::placeholder {\n color: var(--muted-foreground);\n }\n}\n.hover\\:tw-bg-accent {\n &:hover {\n @media (hover: hover) {\n background-color: var(--accent);\n }\n }\n}\n.hover\\:tw-bg-background\\/50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--background);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--background) 50%, transparent);\n }\n }\n }\n}\n.hover\\:tw-bg-destructive\\/10 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--destructive) 10%, transparent);\n }\n }\n }\n}\n.hover\\:tw-bg-destructive\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--destructive) 90%, transparent);\n }\n }\n }\n}\n.hover\\:tw-bg-muted\\/40 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--muted);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--muted) 40%, transparent);\n }\n }\n }\n}\n.hover\\:tw-bg-muted\\/50 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--muted);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--muted) 50%, transparent);\n }\n }\n }\n}\n.hover\\:tw-bg-primary\\/90 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--primary);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--primary) 90%, transparent);\n }\n }\n }\n}\n.hover\\:tw-bg-secondary\\/60 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--secondary);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--secondary) 60%, transparent);\n }\n }\n }\n}\n.hover\\:tw-bg-secondary\\/80 {\n &:hover {\n @media (hover: hover) {\n background-color: var(--secondary);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--secondary) 80%, transparent);\n }\n }\n }\n}\n.hover\\:tw-text-accent-foreground {\n &:hover {\n @media (hover: hover) {\n color: var(--accent-foreground);\n }\n }\n}\n.hover\\:tw-text-destructive {\n &:hover {\n @media (hover: hover) {\n color: var(--destructive);\n }\n }\n}\n.hover\\:tw-text-foreground {\n &:hover {\n @media (hover: hover) {\n color: var(--foreground);\n }\n }\n}\n.hover\\:tw-text-primary {\n &:hover {\n @media (hover: hover) {\n color: var(--primary);\n }\n }\n}\n.hover\\:tw-text-secondary-foreground {\n &:hover {\n @media (hover: hover) {\n color: var(--secondary-foreground);\n }\n }\n}\n.hover\\:tw-underline {\n &:hover {\n @media (hover: hover) {\n text-decoration-line: underline;\n }\n }\n}\n.focus\\:tw-z-10 {\n &:focus {\n z-index: 10;\n }\n}\n.focus-visible\\:tw-border-ring {\n &:focus-visible {\n border-color: var(--ring);\n }\n}\n.focus-visible\\:tw-ring-2 {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.focus-visible\\:tw-ring-\\[3px\\] {\n &:focus-visible {\n --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.focus-visible\\:tw-ring-destructive\\/20 {\n &:focus-visible {\n --tw-ring-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n}\n.focus-visible\\:tw-ring-ring {\n &:focus-visible {\n --tw-ring-color: var(--ring);\n }\n}\n.focus-visible\\:tw-ring-ring\\/50 {\n &:focus-visible {\n --tw-ring-color: var(--ring);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);\n }\n }\n}\n.focus-visible\\:tw-ring-offset-2 {\n &:focus-visible {\n --tw-ring-offset-width: 2px;\n --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n }\n}\n.focus-visible\\:tw-outline-none {\n &:focus-visible {\n --tw-outline-style: none;\n outline-style: none;\n }\n}\n.disabled\\:tw-pointer-events-none {\n &:disabled {\n pointer-events: none;\n }\n}\n.disabled\\:tw-cursor-not-allowed {\n &:disabled {\n cursor: not-allowed;\n }\n}\n.disabled\\:tw-opacity-50 {\n &:disabled {\n opacity: 50%;\n }\n}\n.has-data-\\[slot\\=card-action\\]\\:tw-grid-cols-\\[1fr_auto\\] {\n &:has(*[data-slot=\"card-action\"]) {\n grid-template-columns: 1fr auto;\n }\n}\n.has-\\[\\>svg\\]\\:tw-px-2\\.5 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 2.5);\n }\n}\n.has-\\[\\>svg\\]\\:tw-px-3 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 3);\n }\n}\n.has-\\[\\>svg\\]\\:tw-px-4 {\n &:has(>svg) {\n padding-inline: calc(var(--spacing) * 4);\n }\n}\n.aria-invalid\\:tw-border-destructive {\n &[aria-invalid=\"true\"] {\n border-color: var(--destructive);\n }\n}\n.aria-invalid\\:tw-ring-destructive\\/20 {\n &[aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);\n }\n }\n}\n.data-\\[side\\=bottom\\]\\:tw-slide-in-from-top-2 {\n &[data-side=\"bottom\"] {\n --tw-enter-translate-y: calc(var(--spacing) * 2*-1);\n }\n}\n.data-\\[side\\=left\\]\\:tw-slide-in-from-right-2 {\n &[data-side=\"left\"] {\n --tw-enter-translate-x: calc(var(--spacing) * 2);\n }\n}\n.data-\\[side\\=right\\]\\:tw-slide-in-from-left-2 {\n &[data-side=\"right\"] {\n --tw-enter-translate-x: calc(var(--spacing) * 2*-1);\n }\n}\n.data-\\[side\\=top\\]\\:tw-slide-in-from-bottom-2 {\n &[data-side=\"top\"] {\n --tw-enter-translate-y: calc(var(--spacing) * 2);\n }\n}\n.data-\\[state\\=active\\]\\:tw-bg-background {\n &[data-state=\"active\"] {\n background-color: var(--background);\n }\n}\n.data-\\[state\\=active\\]\\:tw-bg-destructive {\n &[data-state=\"active\"] {\n background-color: var(--destructive);\n }\n}\n.data-\\[state\\=active\\]\\:tw-bg-muted {\n &[data-state=\"active\"] {\n background-color: var(--muted);\n }\n}\n.data-\\[state\\=active\\]\\:tw-bg-secondary {\n &[data-state=\"active\"] {\n background-color: var(--secondary);\n }\n}\n.data-\\[state\\=active\\]\\:tw-text-destructive-foreground {\n &[data-state=\"active\"] {\n color: var(--destructive-foreground);\n }\n}\n.data-\\[state\\=active\\]\\:tw-text-foreground {\n &[data-state=\"active\"] {\n color: var(--foreground);\n }\n}\n.data-\\[state\\=active\\]\\:tw-text-primary {\n &[data-state=\"active\"] {\n color: var(--primary);\n }\n}\n.data-\\[state\\=active\\]\\:tw-text-secondary-foreground {\n &[data-state=\"active\"] {\n color: var(--secondary-foreground);\n }\n}\n.data-\\[state\\=active\\]\\:tw-underline {\n &[data-state=\"active\"] {\n text-decoration-line: underline;\n }\n}\n.data-\\[state\\=active\\]\\:tw-shadow-none {\n &[data-state=\"active\"] {\n --tw-shadow: 0 0 #0000;\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.data-\\[state\\=active\\]\\:tw-shadow-sm {\n &[data-state=\"active\"] {\n --tw-shadow: var(--shadow-sm);\n box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);\n }\n}\n.data-\\[state\\=closed\\]\\:tw-animate-out {\n &[data-state=\"closed\"] {\n animation: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);\n }\n}\n.data-\\[state\\=closed\\]\\:tw-fade-out-0 {\n &[data-state=\"closed\"] {\n --tw-exit-opacity: calc(0/100);\n --tw-exit-opacity: 0;\n }\n}\n.data-\\[state\\=closed\\]\\:tw-zoom-out-95 {\n &[data-state=\"closed\"] {\n --tw-exit-scale: calc(95*1%);\n --tw-exit-scale: .95;\n }\n}\n.data-\\[state\\=open\\]\\:tw-animate-in {\n &[data-state=\"open\"] {\n animation: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none);\n }\n}\n.data-\\[state\\=open\\]\\:tw-fade-in-0 {\n &[data-state=\"open\"] {\n --tw-enter-opacity: calc(0/100);\n --tw-enter-opacity: 0;\n }\n}\n.data-\\[state\\=open\\]\\:tw-zoom-in-95 {\n &[data-state=\"open\"] {\n --tw-enter-scale: calc(95*1%);\n --tw-enter-scale: .95;\n }\n}\n.md\\:tw-text-sm {\n @media (width >= 48rem) {\n font-size: var(--text-sm);\n line-height: var(--tw-leading, var(--text-sm--line-height));\n }\n}\n.dark\\:tw-border-input {\n &:is(.dark *) {\n border-color: var(--input);\n }\n}\n.dark\\:tw-bg-destructive\\/60 {\n &:is(.dark *) {\n background-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--destructive) 60%, transparent);\n }\n }\n}\n.dark\\:tw-bg-input\\/30 {\n &:is(.dark *) {\n background-color: var(--input);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--input) 30%, transparent);\n }\n }\n}\n.dark\\:hover\\:tw-bg-accent\\/50 {\n &:is(.dark *) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--accent);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--accent) 50%, transparent);\n }\n }\n }\n }\n}\n.dark\\:hover\\:tw-bg-input\\/50 {\n &:is(.dark *) {\n &:hover {\n @media (hover: hover) {\n background-color: var(--input);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--input) 50%, transparent);\n }\n }\n }\n }\n}\n.dark\\:focus-visible\\:tw-ring-destructive\\/40 {\n &:is(.dark *) {\n &:focus-visible {\n --tw-ring-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n }\n}\n.dark\\:aria-invalid\\:tw-ring-destructive\\/40 {\n &:is(.dark *) {\n &[aria-invalid=\"true\"] {\n --tw-ring-color: var(--destructive);\n @supports (color: color-mix(in lab, red, red)) {\n --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);\n }\n }\n }\n}\n.data-state-checked\\:tw-translate-x-\\[calc\\(100\\%-2px\\)\\] {\n &[data-state=\"checked\"] {\n --tw-translate-x: calc(100% - 2px);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n}\n.data-state-checked\\:tw-bg-primary {\n &[data-state=\"checked\"] {\n background-color: var(--primary);\n }\n}\n.dark\\:data-state-checked\\:tw-bg-primary-foreground {\n &:is(.dark *) {\n &[data-state=\"checked\"] {\n background-color: var(--primary-foreground);\n }\n }\n}\n.data-state-unchecked\\:tw-translate-x-0 {\n &[data-state=\"unchecked\"] {\n --tw-translate-x: calc(var(--spacing) * 0);\n translate: var(--tw-translate-x) var(--tw-translate-y);\n }\n}\n.data-state-unchecked\\:tw-bg-input {\n &[data-state=\"unchecked\"] {\n background-color: var(--input);\n }\n}\n.dark\\:data-state-unchecked\\:tw-bg-foreground {\n &:is(.dark *) {\n &[data-state=\"unchecked\"] {\n background-color: var(--foreground);\n }\n }\n}\n.dark\\:data-state-unchecked\\:tw-bg-input\\/80 {\n &:is(.dark *) {\n &[data-state=\"unchecked\"] {\n background-color: var(--input);\n @supports (color: color-mix(in lab, red, red)) {\n background-color: color-mix(in oklab, var(--input) 80%, transparent);\n }\n }\n }\n}\n.group-data-disabled\\:tw-pointer-events-none {\n .tw-group\\[data-disabled\\=\\\"true\\\"\\] & {\n pointer-events: none;\n }\n}\n.group-data-disabled\\:tw-opacity-50 {\n .tw-group\\[data-disabled\\=\\\"true\\\"\\] & {\n opacity: 50%;\n }\n}\n.peer-disabled\\:tw-cursor-not-allowed {\n .peer\\:tw-disabled ~ & {\n cursor: not-allowed;\n }\n}\n.peer-disabled\\:tw-opacity-50 {\n .peer\\:tw-disabled ~ & {\n opacity: 50%;\n }\n}\n.\\[\\&_svg\\]\\:tw-pointer-events-none {\n & svg {\n pointer-events: none;\n }\n}\n.\\[\\&_svg\\]\\:tw-shrink-0 {\n & svg {\n flex-shrink: 0;\n }\n}\n.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:tw-size-4 {\n & svg:not([class*='size-']) {\n width: calc(var(--spacing) * 4);\n height: calc(var(--spacing) * 4);\n }\n}\n.\\[\\.border-b\\]\\:tw-pb-6 {\n &:is(.tw-border-b\\) {\n padding-bottom: calc(var(--spacing) * 6);\n }\n}\n.\\[\\.border-t\\]\\:tw-pt-6 {\n &:is(.tw-border-t\\) {\n padding-top: calc(var(--spacing) * 6);\n }\n}\n.\\[\\&\\>\\*\\:not\\(\\[data-loading-spinner\\]\\)\\]\\:tw-opacity-0 {\n &>*:not([data-loading-spinner]) {\n opacity: 0%;\n }\n}\n.\\[\\&\\>\\*\\:not\\(\\[data-loading-spinner\\]\\)\\]\\:tw-transition-opacity {\n &>*:not([data-loading-spinner]) {\n transition-property: opacity;\n transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));\n transition-duration: var(--tw-duration, var(--default-transition-duration));\n }\n}\n@property --tw-animation-delay {\n syntax: \"*\";\n inherits: false;\n initial-value: 0s;\n}\n@property --tw-animation-direction {\n syntax: \"*\";\n inherits: false;\n initial-value: normal;\n}\n@property --tw-animation-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-animation-fill-mode {\n syntax: \"*\";\n inherits: false;\n initial-value: none;\n}\n@property --tw-animation-iteration-count {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-enter-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-enter-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-enter-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-enter-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-enter-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-enter-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-blur {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-opacity {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-exit-rotate {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-scale {\n syntax: \"*\";\n inherits: false;\n initial-value: 1;\n}\n@property --tw-exit-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-exit-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n:root {\n --background: oklch(0.9842 0.0034 247.8575);\n --foreground: oklch(0.2795 0.0368 260.0310);\n --card: oklch(1.0000 0 0);\n --card-foreground: oklch(0.2795 0.0368 260.0310);\n --popover: oklch(1.0000 0 0);\n --popover-foreground: oklch(0.2795 0.0368 260.0310);\n --primary: oklch(0.7127 0.1242 224.5720);\n --primary-foreground: oklch(1.0000 0 0);\n --secondary: oklch(0.9276 0.0058 264.5313);\n --secondary-foreground: oklch(0.3729 0.0306 259.7328);\n --muted: oklch(0.9670 0.0029 264.5419);\n --muted-foreground: oklch(0.5510 0.0234 264.3637);\n --accent: oklch(0.9299 0.0334 272.7879);\n --accent-foreground: oklch(0.3729 0.0306 259.7328);\n --destructive: oklch(0.6368 0.2078 25.3313);\n --destructive-foreground: oklch(1.0000 0 0);\n --border: oklch(0.8717 0.0093 258.3382);\n --input: oklch(0.8717 0.0093 258.3382);\n --ring: oklch(0.5854 0.2041 277.1173);\n --chart-1: oklch(0.5854 0.2041 277.1173);\n --chart-2: oklch(0.5106 0.2301 276.9656);\n --chart-3: oklch(0.4568 0.2146 277.0229);\n --chart-4: oklch(0.3984 0.1773 277.3662);\n --chart-5: oklch(0.3588 0.1354 278.6973);\n --sidebar: oklch(0.9670 0.0029 264.5419);\n --sidebar-foreground: oklch(0.2795 0.0368 260.0310);\n --sidebar-primary: oklch(0.5854 0.2041 277.1173);\n --sidebar-primary-foreground: oklch(1.0000 0 0);\n --sidebar-accent: oklch(0.9299 0.0334 272.7879);\n --sidebar-accent-foreground: oklch(0.3729 0.0306 259.7328);\n --sidebar-border: oklch(0.8717 0.0093 258.3382);\n --sidebar-ring: oklch(0.5854 0.2041 277.1173);\n --font-sans: Inter, sans-serif;\n --font-serif: Merriweather, serif;\n --font-mono: JetBrains Mono, monospace;\n --radius: 0.5rem;\n --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);\n --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);\n --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);\n --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);\n --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);\n --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);\n --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);\n --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);\n --tracking-normal: 0em;\n --spacing: 0.25rem;\n}\n.dark {\n --background: oklch(0.2077 0.0398 265.7549);\n --foreground: oklch(0.9288 0.0126 255.5078);\n --card: oklch(0.2795 0.0368 260.0310);\n --card-foreground: oklch(0.9288 0.0126 255.5078);\n --popover: oklch(0.2795 0.0368 260.0310);\n --popover-foreground: oklch(0.9288 0.0126 255.5078);\n --primary: oklch(0.6801 0.1583 276.9349);\n --primary-foreground: oklch(0.2077 0.0398 265.7549);\n --secondary: oklch(0.3351 0.0331 260.9120);\n --secondary-foreground: oklch(0.8717 0.0093 258.3382);\n --muted: oklch(0.2795 0.0368 260.0310);\n --muted-foreground: oklch(0.7137 0.0192 261.3246);\n --accent: oklch(0.3729 0.0306 259.7328);\n --accent-foreground: oklch(0.8717 0.0093 258.3382);\n --destructive: oklch(0.6368 0.2078 25.3313);\n --destructive-foreground: oklch(0.2077 0.0398 265.7549);\n --border: oklch(0.4461 0.0263 256.8018);\n --input: oklch(0.4461 0.0263 256.8018);\n --ring: oklch(0.6801 0.1583 276.9349);\n --chart-1: oklch(0.6801 0.1583 276.9349);\n --chart-2: oklch(0.5854 0.2041 277.1173);\n --chart-3: oklch(0.5106 0.2301 276.9656);\n --chart-4: oklch(0.4568 0.2146 277.0229);\n --chart-5: oklch(0.3984 0.1773 277.3662);\n --sidebar: oklch(0.2795 0.0368 260.0310);\n --sidebar-foreground: oklch(0.9288 0.0126 255.5078);\n --sidebar-primary: oklch(0.6801 0.1583 276.9349);\n --sidebar-primary-foreground: oklch(0.2077 0.0398 265.7549);\n --sidebar-accent: oklch(0.3729 0.0306 259.7328);\n --sidebar-accent-foreground: oklch(0.8717 0.0093 258.3382);\n --sidebar-border: oklch(0.4461 0.0263 256.8018);\n --sidebar-ring: oklch(0.6801 0.1583 276.9349);\n --font-sans: Inter, sans-serif;\n --font-serif: Merriweather, serif;\n --font-mono: JetBrains Mono, monospace;\n --radius: 0.5rem;\n --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);\n --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);\n --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);\n --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);\n --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);\n --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);\n --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);\n --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);\n}\n@property --tw-border-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-leading {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-font-weight {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-inset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-shadow-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-shadow-alpha {\n syntax: \"<percentage>\";\n inherits: false;\n initial-value: 100%;\n}\n@property --tw-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-inset-ring-color {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-inset-ring-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-ring-inset {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-ring-offset-width {\n syntax: \"<length>\";\n inherits: false;\n initial-value: 0px;\n}\n@property --tw-ring-offset-color {\n syntax: \"*\";\n inherits: false;\n initial-value: #fff;\n}\n@property --tw-ring-offset-shadow {\n syntax: \"*\";\n inherits: false;\n initial-value: 0 0 #0000;\n}\n@property --tw-outline-style {\n syntax: \"*\";\n inherits: false;\n initial-value: solid;\n}\n@property --tw-duration {\n syntax: \"*\";\n inherits: false;\n}\n@property --tw-translate-x {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-y {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@property --tw-translate-z {\n syntax: \"*\";\n inherits: false;\n initial-value: 0;\n}\n@keyframes spin {\n to {\n transform: rotate(360deg);\n }\n}\n@keyframes enter {\n from {\n opacity: var(--tw-enter-opacity,1);\n 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));\n filter: blur(var(--tw-enter-blur,0));\n }\n}\n@keyframes exit {\n to {\n opacity: var(--tw-exit-opacity,1);\n 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));\n filter: blur(var(--tw-exit-blur,0));\n }\n}\n@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {\n *, ::before, ::after, ::backdrop {\n --tw-border-style: solid;\n --tw-leading: initial;\n --tw-font-weight: initial;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-color: initial;\n --tw-shadow-alpha: 100%;\n --tw-inset-shadow: 0 0 #0000;\n --tw-inset-shadow-color: initial;\n --tw-inset-shadow-alpha: 100%;\n --tw-ring-color: initial;\n --tw-ring-shadow: 0 0 #0000;\n --tw-inset-ring-color: initial;\n --tw-inset-ring-shadow: 0 0 #0000;\n --tw-ring-inset: initial;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-outline-style: solid;\n --tw-duration: initial;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-translate-z: 0;\n --tw-animation-delay: 0s;\n --tw-animation-direction: normal;\n --tw-animation-duration: initial;\n --tw-animation-fill-mode: none;\n --tw-animation-iteration-count: 1;\n --tw-enter-blur: 0;\n --tw-enter-opacity: 1;\n --tw-enter-rotate: 0;\n --tw-enter-scale: 1;\n --tw-enter-translate-x: 0;\n --tw-enter-translate-y: 0;\n --tw-exit-blur: 0;\n --tw-exit-opacity: 1;\n --tw-exit-rotate: 0;\n --tw-exit-scale: 1;\n --tw-exit-translate-x: 0;\n --tw-exit-translate-y: 0;\n }\n}\n\n/*# sourceMappingURL=blaze-ui.css.map */","","@layer theme, base, components, utilities;\n\n@layer theme {\n @theme default {\n --font-sans:\n ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";\n --font-serif: ui-serif, Georgia, Cambria, \"Times New Roman\", Times, serif;\n --font-mono:\n ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\",\n \"Courier New\", monospace;\n\n --color-red-50: oklch(97.1% 0.013 17.38);\n --color-red-100: oklch(93.6% 0.032 17.717);\n --color-red-200: oklch(88.5% 0.062 18.334);\n --color-red-300: oklch(80.8% 0.114 19.571);\n --color-red-400: oklch(70.4% 0.191 22.216);\n --color-red-500: oklch(63.7% 0.237 25.331);\n --color-red-600: oklch(57.7% 0.245 27.325);\n --color-red-700: oklch(50.5% 0.213 27.518);\n --color-red-800: oklch(44.4% 0.177 26.899);\n --color-red-900: oklch(39.6% 0.141 25.723);\n --color-red-950: oklch(25.8% 0.092 26.042);\n\n --color-orange-50: oklch(98% 0.016 73.684);\n --color-orange-100: oklch(95.4% 0.038 75.164);\n --color-orange-200: oklch(90.1% 0.076 70.697);\n --color-orange-300: oklch(83.7% 0.128 66.29);\n --color-orange-400: oklch(75% 0.183 55.934);\n --color-orange-500: oklch(70.5% 0.213 47.604);\n --color-orange-600: oklch(64.6% 0.222 41.116);\n --color-orange-700: oklch(55.3% 0.195 38.402);\n --color-orange-800: oklch(47% 0.157 37.304);\n --color-orange-900: oklch(40.8% 0.123 38.172);\n --color-orange-950: oklch(26.6% 0.079 36.259);\n\n --color-amber-50: oklch(98.7% 0.022 95.277);\n --color-amber-100: oklch(96.2% 0.059 95.617);\n --color-amber-200: oklch(92.4% 0.12 95.746);\n --color-amber-300: oklch(87.9% 0.169 91.605);\n --color-amber-400: oklch(82.8% 0.189 84.429);\n --color-amber-500: oklch(76.9% 0.188 70.08);\n --color-amber-600: oklch(66.6% 0.179 58.318);\n --color-amber-700: oklch(55.5% 0.163 48.998);\n --color-amber-800: oklch(47.3% 0.137 46.201);\n --color-amber-900: oklch(41.4% 0.112 45.904);\n --color-amber-950: oklch(27.9% 0.077 45.635);\n\n --color-yellow-50: oklch(98.7% 0.026 102.212);\n --color-yellow-100: oklch(97.3% 0.071 103.193);\n --color-yellow-200: oklch(94.5% 0.129 101.54);\n --color-yellow-300: oklch(90.5% 0.182 98.111);\n --color-yellow-400: oklch(85.2% 0.199 91.936);\n --color-yellow-500: oklch(79.5% 0.184 86.047);\n --color-yellow-600: oklch(68.1% 0.162 75.834);\n --color-yellow-700: oklch(55.4% 0.135 66.442);\n --color-yellow-800: oklch(47.6% 0.114 61.907);\n --color-yellow-900: oklch(42.1% 0.095 57.708);\n --color-yellow-950: oklch(28.6% 0.066 53.813);\n\n --color-lime-50: oklch(98.6% 0.031 120.757);\n --color-lime-100: oklch(96.7% 0.067 122.328);\n --color-lime-200: oklch(93.8% 0.127 124.321);\n --color-lime-300: oklch(89.7% 0.196 126.665);\n --color-lime-400: oklch(84.1% 0.238 128.85);\n --color-lime-500: oklch(76.8% 0.233 130.85);\n --color-lime-600: oklch(64.8% 0.2 131.684);\n --color-lime-700: oklch(53.2% 0.157 131.589);\n --color-lime-800: oklch(45.3% 0.124 130.933);\n --color-lime-900: oklch(40.5% 0.101 131.063);\n --color-lime-950: oklch(27.4% 0.072 132.109);\n\n --color-green-50: oklch(98.2% 0.018 155.826);\n --color-green-100: oklch(96.2% 0.044 156.743);\n --color-green-200: oklch(92.5% 0.084 155.995);\n --color-green-300: oklch(87.1% 0.15 154.449);\n --color-green-400: oklch(79.2% 0.209 151.711);\n --color-green-500: oklch(72.3% 0.219 149.579);\n --color-green-600: oklch(62.7% 0.194 149.214);\n --color-green-700: oklch(52.7% 0.154 150.069);\n --color-green-800: oklch(44.8% 0.119 151.328);\n --color-green-900: oklch(39.3% 0.095 152.535);\n --color-green-950: oklch(26.6% 0.065 152.934);\n\n --color-emerald-50: oklch(97.9% 0.021 166.113);\n --color-emerald-100: oklch(95% 0.052 163.051);\n --color-emerald-200: oklch(90.5% 0.093 164.15);\n --color-emerald-300: oklch(84.5% 0.143 164.978);\n --color-emerald-400: oklch(76.5% 0.177 163.223);\n --color-emerald-500: oklch(69.6% 0.17 162.48);\n --color-emerald-600: oklch(59.6% 0.145 163.225);\n --color-emerald-700: oklch(50.8% 0.118 165.612);\n --color-emerald-800: oklch(43.2% 0.095 166.913);\n --color-emerald-900: oklch(37.8% 0.077 168.94);\n --color-emerald-950: oklch(26.2% 0.051 172.552);\n\n --color-teal-50: oklch(98.4% 0.014 180.72);\n --color-teal-100: oklch(95.3% 0.051 180.801);\n --color-teal-200: oklch(91% 0.096 180.426);\n --color-teal-300: oklch(85.5% 0.138 181.071);\n --color-teal-400: oklch(77.7% 0.152 181.912);\n --color-teal-500: oklch(70.4% 0.14 182.503);\n --color-teal-600: oklch(60% 0.118 184.704);\n --color-teal-700: oklch(51.1% 0.096 186.391);\n --color-teal-800: oklch(43.7% 0.078 188.216);\n --color-teal-900: oklch(38.6% 0.063 188.416);\n --color-teal-950: oklch(27.7% 0.046 192.524);\n\n --color-cyan-50: oklch(98.4% 0.019 200.873);\n --color-cyan-100: oklch(95.6% 0.045 203.388);\n --color-cyan-200: oklch(91.7% 0.08 205.041);\n --color-cyan-300: oklch(86.5% 0.127 207.078);\n --color-cyan-400: oklch(78.9% 0.154 211.53);\n --color-cyan-500: oklch(71.5% 0.143 215.221);\n --color-cyan-600: oklch(60.9% 0.126 221.723);\n --color-cyan-700: oklch(52% 0.105 223.128);\n --color-cyan-800: oklch(45% 0.085 224.283);\n --color-cyan-900: oklch(39.8% 0.07 227.392);\n --color-cyan-950: oklch(30.2% 0.056 229.695);\n\n --color-sky-50: oklch(97.7% 0.013 236.62);\n --color-sky-100: oklch(95.1% 0.026 236.824);\n --color-sky-200: oklch(90.1% 0.058 230.902);\n --color-sky-300: oklch(82.8% 0.111 230.318);\n --color-sky-400: oklch(74.6% 0.16 232.661);\n --color-sky-500: oklch(68.5% 0.169 237.323);\n --color-sky-600: oklch(58.8% 0.158 241.966);\n --color-sky-700: oklch(50% 0.134 242.749);\n --color-sky-800: oklch(44.3% 0.11 240.79);\n --color-sky-900: oklch(39.1% 0.09 240.876);\n --color-sky-950: oklch(29.3% 0.066 243.157);\n\n --color-blue-50: oklch(97% 0.014 254.604);\n --color-blue-100: oklch(93.2% 0.032 255.585);\n --color-blue-200: oklch(88.2% 0.059 254.128);\n --color-blue-300: oklch(80.9% 0.105 251.813);\n --color-blue-400: oklch(70.7% 0.165 254.624);\n --color-blue-500: oklch(62.3% 0.214 259.815);\n --color-blue-600: oklch(54.6% 0.245 262.881);\n --color-blue-700: oklch(48.8% 0.243 264.376);\n --color-blue-800: oklch(42.4% 0.199 265.638);\n --color-blue-900: oklch(37.9% 0.146 265.522);\n --color-blue-950: oklch(28.2% 0.091 267.935);\n\n --color-indigo-50: oklch(96.2% 0.018 272.314);\n --color-indigo-100: oklch(93% 0.034 272.788);\n --color-indigo-200: oklch(87% 0.065 274.039);\n --color-indigo-300: oklch(78.5% 0.115 274.713);\n --color-indigo-400: oklch(67.3% 0.182 276.935);\n --color-indigo-500: oklch(58.5% 0.233 277.117);\n --color-indigo-600: oklch(51.1% 0.262 276.966);\n --color-indigo-700: oklch(45.7% 0.24 277.023);\n --color-indigo-800: oklch(39.8% 0.195 277.366);\n --color-indigo-900: oklch(35.9% 0.144 278.697);\n --color-indigo-950: oklch(25.7% 0.09 281.288);\n\n --color-violet-50: oklch(96.9% 0.016 293.756);\n --color-violet-100: oklch(94.3% 0.029 294.588);\n --color-violet-200: oklch(89.4% 0.057 293.283);\n --color-violet-300: oklch(81.1% 0.111 293.571);\n --color-violet-400: oklch(70.2% 0.183 293.541);\n --color-violet-500: oklch(60.6% 0.25 292.717);\n --color-violet-600: oklch(54.1% 0.281 293.009);\n --color-violet-700: oklch(49.1% 0.27 292.581);\n --color-violet-800: oklch(43.2% 0.232 292.759);\n --color-violet-900: oklch(38% 0.189 293.745);\n --color-violet-950: oklch(28.3% 0.141 291.089);\n\n --color-purple-50: oklch(97.7% 0.014 308.299);\n --color-purple-100: oklch(94.6% 0.033 307.174);\n --color-purple-200: oklch(90.2% 0.063 306.703);\n --color-purple-300: oklch(82.7% 0.119 306.383);\n --color-purple-400: oklch(71.4% 0.203 305.504);\n --color-purple-500: oklch(62.7% 0.265 303.9);\n --color-purple-600: oklch(55.8% 0.288 302.321);\n --color-purple-700: oklch(49.6% 0.265 301.924);\n --color-purple-800: oklch(43.8% 0.218 303.724);\n --color-purple-900: oklch(38.1% 0.176 304.987);\n --color-purple-950: oklch(29.1% 0.149 302.717);\n\n --color-fuchsia-50: oklch(97.7% 0.017 320.058);\n --color-fuchsia-100: oklch(95.2% 0.037 318.852);\n --color-fuchsia-200: oklch(90.3% 0.076 319.62);\n --color-fuchsia-300: oklch(83.3% 0.145 321.434);\n --color-fuchsia-400: oklch(74% 0.238 322.16);\n --color-fuchsia-500: oklch(66.7% 0.295 322.15);\n --color-fuchsia-600: oklch(59.1% 0.293 322.896);\n --color-fuchsia-700: oklch(51.8% 0.253 323.949);\n --color-fuchsia-800: oklch(45.2% 0.211 324.591);\n --color-fuchsia-900: oklch(40.1% 0.17 325.612);\n --color-fuchsia-950: oklch(29.3% 0.136 325.661);\n\n --color-pink-50: oklch(97.1% 0.014 343.198);\n --color-pink-100: oklch(94.8% 0.028 342.258);\n --color-pink-200: oklch(89.9% 0.061 343.231);\n --color-pink-300: oklch(82.3% 0.12 346.018);\n --color-pink-400: oklch(71.8% 0.202 349.761);\n --color-pink-500: oklch(65.6% 0.241 354.308);\n --color-pink-600: oklch(59.2% 0.249 0.584);\n --color-pink-700: oklch(52.5% 0.223 3.958);\n --color-pink-800: oklch(45.9% 0.187 3.815);\n --color-pink-900: oklch(40.8% 0.153 2.432);\n --color-pink-950: oklch(28.4% 0.109 3.907);\n\n --color-rose-50: oklch(96.9% 0.015 12.422);\n --color-rose-100: oklch(94.1% 0.03 12.58);\n --color-rose-200: oklch(89.2% 0.058 10.001);\n --color-rose-300: oklch(81% 0.117 11.638);\n --color-rose-400: oklch(71.2% 0.194 13.428);\n --color-rose-500: oklch(64.5% 0.246 16.439);\n --color-rose-600: oklch(58.6% 0.253 17.585);\n --color-rose-700: oklch(51.4% 0.222 16.935);\n --color-rose-800: oklch(45.5% 0.188 13.697);\n --color-rose-900: oklch(41% 0.159 10.272);\n --color-rose-950: oklch(27.1% 0.105 12.094);\n\n --color-slate-50: oklch(98.4% 0.003 247.858);\n --color-slate-100: oklch(96.8% 0.007 247.896);\n --color-slate-200: oklch(92.9% 0.013 255.508);\n --color-slate-300: oklch(86.9% 0.022 252.894);\n --color-slate-400: oklch(70.4% 0.04 256.788);\n --color-slate-500: oklch(55.4% 0.046 257.417);\n --color-slate-600: oklch(44.6% 0.043 257.281);\n --color-slate-700: oklch(37.2% 0.044 257.287);\n --color-slate-800: oklch(27.9% 0.041 260.031);\n --color-slate-900: oklch(20.8% 0.042 265.755);\n --color-slate-950: oklch(12.9% 0.042 264.695);\n\n --color-gray-50: oklch(98.5% 0.002 247.839);\n --color-gray-100: oklch(96.7% 0.003 264.542);\n --color-gray-200: oklch(92.8% 0.006 264.531);\n --color-gray-300: oklch(87.2% 0.01 258.338);\n --color-gray-400: oklch(70.7% 0.022 261.325);\n --color-gray-500: oklch(55.1% 0.027 264.364);\n --color-gray-600: oklch(44.6% 0.03 256.802);\n --color-gray-700: oklch(37.3% 0.034 259.733);\n --color-gray-800: oklch(27.8% 0.033 256.848);\n --color-gray-900: oklch(21% 0.034 264.665);\n --color-gray-950: oklch(13% 0.028 261.692);\n\n --color-zinc-50: oklch(98.5% 0 0);\n --color-zinc-100: oklch(96.7% 0.001 286.375);\n --color-zinc-200: oklch(92% 0.004 286.32);\n --color-zinc-300: oklch(87.1% 0.006 286.286);\n --color-zinc-400: oklch(70.5% 0.015 286.067);\n --color-zinc-500: oklch(55.2% 0.016 285.938);\n --color-zinc-600: oklch(44.2% 0.017 285.786);\n --color-zinc-700: oklch(37% 0.013 285.805);\n --color-zinc-800: oklch(27.4% 0.006 286.033);\n --color-zinc-900: oklch(21% 0.006 285.885);\n --color-zinc-950: oklch(14.1% 0.005 285.823);\n\n --color-neutral-50: oklch(98.5% 0 0);\n --color-neutral-100: oklch(97% 0 0);\n --color-neutral-200: oklch(92.2% 0 0);\n --color-neutral-300: oklch(87% 0 0);\n --color-neutral-400: oklch(70.8% 0 0);\n --color-neutral-500: oklch(55.6% 0 0);\n --color-neutral-600: oklch(43.9% 0 0);\n --color-neutral-700: oklch(37.1% 0 0);\n --color-neutral-800: oklch(26.9% 0 0);\n --color-neutral-900: oklch(20.5% 0 0);\n --color-neutral-950: oklch(14.5% 0 0);\n\n --color-stone-50: oklch(98.5% 0.001 106.423);\n --color-stone-100: oklch(97% 0.001 106.424);\n --color-stone-200: oklch(92.3% 0.003 48.717);\n --color-stone-300: oklch(86.9% 0.005 56.366);\n --color-stone-400: oklch(70.9% 0.01 56.259);\n --color-stone-500: oklch(55.3% 0.013 58.071);\n --color-stone-600: oklch(44.4% 0.011 73.639);\n --color-stone-700: oklch(37.4% 0.01 67.558);\n --color-stone-800: oklch(26.8% 0.007 34.298);\n --color-stone-900: oklch(21.6% 0.006 56.043);\n --color-stone-950: oklch(14.7% 0.004 49.25);\n\n --color-black: #000;\n --color-white: #fff;\n\n --spacing: 0.25rem;\n\n --breakpoint-sm: 40rem;\n --breakpoint-md: 48rem;\n --breakpoint-lg: 64rem;\n --breakpoint-xl: 80rem;\n --breakpoint-2xl: 96rem;\n\n --container-3xs: 16rem;\n --container-2xs: 18rem;\n --container-xs: 20rem;\n --container-sm: 24rem;\n --container-md: 28rem;\n --container-lg: 32rem;\n --container-xl: 36rem;\n --container-2xl: 42rem;\n --container-3xl: 48rem;\n --container-4xl: 56rem;\n --container-5xl: 64rem;\n --container-6xl: 72rem;\n --container-7xl: 80rem;\n\n --text-xs: 0.75rem;\n --text-xs--line-height: calc(1 / 0.75);\n --text-sm: 0.875rem;\n --text-sm--line-height: calc(1.25 / 0.875);\n --text-base: 1rem;\n --text-base--line-height: calc(1.5 / 1);\n --text-lg: 1.125rem;\n --text-lg--line-height: calc(1.75 / 1.125);\n --text-xl: 1.25rem;\n --text-xl--line-height: calc(1.75 / 1.25);\n --text-2xl: 1.5rem;\n --text-2xl--line-height: calc(2 / 1.5);\n --text-3xl: 1.875rem;\n --text-3xl--line-height: calc(2.25 / 1.875);\n --text-4xl: 2.25rem;\n --text-4xl--line-height: calc(2.5 / 2.25);\n --text-5xl: 3rem;\n --text-5xl--line-height: 1;\n --text-6xl: 3.75rem;\n --text-6xl--line-height: 1;\n --text-7xl: 4.5rem;\n --text-7xl--line-height: 1;\n --text-8xl: 6rem;\n --text-8xl--line-height: 1;\n --text-9xl: 8rem;\n --text-9xl--line-height: 1;\n\n --font-weight-thin: 100;\n --font-weight-extralight: 200;\n --font-weight-light: 300;\n --font-weight-normal: 400;\n --font-weight-medium: 500;\n --font-weight-semibold: 600;\n --font-weight-bold: 700;\n --font-weight-extrabold: 800;\n --font-weight-black: 900;\n\n --tracking-tighter: -0.05em;\n --tracking-tight: -0.025em;\n --tracking-normal: 0em;\n --tracking-wide: 0.025em;\n --tracking-wider: 0.05em;\n --tracking-widest: 0.1em;\n\n --leading-tight: 1.25;\n --leading-snug: 1.375;\n --leading-normal: 1.5;\n --leading-relaxed: 1.625;\n --leading-loose: 2;\n\n --radius-xs: 0.125rem;\n --radius-sm: 0.25rem;\n --radius-md: 0.375rem;\n --radius-lg: 0.5rem;\n --radius-xl: 0.75rem;\n --radius-2xl: 1rem;\n --radius-3xl: 1.5rem;\n --radius-4xl: 2rem;\n\n --shadow-2xs: 0 1px rgb(0 0 0 / 0.05);\n --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-md:\n 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --shadow-lg:\n 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --shadow-xl:\n 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n\n --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05);\n --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05);\n --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05);\n\n --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05);\n --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15);\n --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12);\n --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15);\n --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1);\n --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15);\n\n --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15);\n --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2);\n --text-shadow-sm:\n 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075),\n 0px 2px 2px rgb(0 0 0 / 0.075);\n --text-shadow-md:\n 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1),\n 0px 2px 4px rgb(0 0 0 / 0.1);\n --text-shadow-lg:\n 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1),\n 0px 4px 8px rgb(0 0 0 / 0.1);\n\n --ease-in: cubic-bezier(0.4, 0, 1, 1);\n --ease-out: cubic-bezier(0, 0, 0.2, 1);\n --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);\n\n --animate-spin: spin 1s linear infinite;\n --animate-ping: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;\n --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n --animate-bounce: bounce 1s infinite;\n\n @keyframes spin {\n to {\n transform: rotate(360deg);\n }\n }\n\n @keyframes ping {\n 75%,\n 100% {\n transform: scale(2);\n opacity: 0;\n }\n }\n\n @keyframes pulse {\n 50% {\n opacity: 0.5;\n }\n }\n\n @keyframes bounce {\n 0%,\n 100% {\n transform: translateY(-25%);\n animation-timing-function: cubic-bezier(0.8, 0, 1, 1);\n }\n\n 50% {\n transform: none;\n animation-timing-function: cubic-bezier(0, 0, 0.2, 1);\n }\n }\n\n --blur-xs: 4px;\n --blur-sm: 8px;\n --blur-md: 12px;\n --blur-lg: 16px;\n --blur-xl: 24px;\n --blur-2xl: 40px;\n --blur-3xl: 64px;\n\n --perspective-dramatic: 100px;\n --perspective-near: 300px;\n --perspective-normal: 500px;\n --perspective-midrange: 800px;\n --perspective-distant: 1200px;\n\n --aspect-video: 16 / 9;\n\n --default-transition-duration: 150ms;\n --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --default-font-family: --theme(--font-sans, initial);\n --default-font-feature-settings: --theme(\n --font-sans--font-feature-settings,\n initial\n );\n --default-font-variation-settings: --theme(\n --font-sans--font-variation-settings,\n initial\n );\n --default-mono-font-family: --theme(--font-mono, initial);\n --default-mono-font-feature-settings: --theme(\n --font-mono--font-feature-settings,\n initial\n );\n --default-mono-font-variation-settings: --theme(\n --font-mono--font-variation-settings,\n initial\n );\n }\n\n /* Deprecated */\n @theme default inline reference {\n --blur: 8px;\n --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);\n --drop-shadow: 0 1px 2px rgb(0 0 0 / 0.1), 0 1px 1px rgb(0 0 0 / 0.06);\n --radius: 0.25rem;\n --max-width-prose: 65ch;\n }\n}\n\n@layer base {\n /*\n 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n 2. Remove default margins and padding\n 3. Reset all borders.\n*/\n\n *,\n ::after,\n ::before,\n ::backdrop,\n ::file-selector-button {\n box-sizing: border-box; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 2 */\n border: 0 solid; /* 3 */\n }\n\n /*\n 1. Use a consistent sensible line-height in all browsers.\n 2. Prevent adjustments of font size after orientation changes in iOS.\n 3. Use a more readable tab size.\n 4. Use the user's configured `sans` font-family by default.\n 5. Use the user's configured `sans` font-feature-settings by default.\n 6. Use the user's configured `sans` font-variation-settings by default.\n 7. Disable tap highlights on iOS.\n*/\n\n html,\n :host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n tab-size: 4; /* 3 */\n font-family: --theme(\n --default-font-family,\n ui-sans-serif,\n system-ui,\n sans-serif,\n \"Apple Color Emoji\",\n \"Segoe UI Emoji\",\n \"Segoe UI Symbol\",\n \"Noto Color Emoji\"\n ); /* 4 */\n font-feature-settings: --theme(\n --default-font-feature-settings,\n normal\n ); /* 5 */\n font-variation-settings: --theme(\n --default-font-variation-settings,\n normal\n ); /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n }\n\n /*\n 1. Add the correct height in Firefox.\n 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n 3. Reset the default border style to a 1px solid border.\n*/\n\n hr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n }\n\n /*\n Add the correct text decoration in Chrome, Edge, and Safari.\n*/\n\n abbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n }\n\n /*\n Remove the default font size and weight for headings.\n*/\n\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n font-size: inherit;\n font-weight: inherit;\n }\n\n /*\n Reset links to optimize for opt-in styling instead of opt-out.\n*/\n\n a {\n color: inherit;\n -webkit-text-decoration: inherit;\n text-decoration: inherit;\n }\n\n /*\n Add the correct font weight in Edge and Safari.\n*/\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /*\n 1. Use the user's configured `mono` font-family by default.\n 2. Use the user's configured `mono` font-feature-settings by default.\n 3. Use the user's configured `mono` font-variation-settings by default.\n 4. Correct the odd `em` font sizing in all browsers.\n*/\n\n code,\n kbd,\n samp,\n pre {\n font-family: --theme(\n --default-mono-font-family,\n ui-monospace,\n SFMono-Regular,\n Menlo,\n Monaco,\n Consolas,\n \"Liberation Mono\",\n \"Courier New\",\n monospace\n ); /* 1 */\n font-feature-settings: --theme(\n --default-mono-font-feature-settings,\n normal\n ); /* 2 */\n font-variation-settings: --theme(\n --default-mono-font-variation-settings,\n normal\n ); /* 3 */\n font-size: 1em; /* 4 */\n }\n\n /*\n Add the correct font size in all browsers.\n*/\n\n small {\n font-size: 80%;\n }\n\n /*\n Prevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /*\n 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n 3. Remove gaps between table borders by default.\n*/\n\n table {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n }\n\n /*\n Use the modern Firefox focus style for all focusable elements.\n*/\n\n :-moz-focusring {\n outline: auto;\n }\n\n /*\n Add the correct vertical alignment in Chrome and Firefox.\n*/\n\n progress {\n vertical-align: baseline;\n }\n\n /*\n Add the correct display in Chrome and Safari.\n*/\n\n summary {\n display: list-item;\n }\n\n /*\n Make lists unstyled by default.\n*/\n\n ol,\n ul,\n menu {\n list-style: none;\n }\n\n /*\n 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\n img,\n svg,\n video,\n canvas,\n audio,\n iframe,\n embed,\n object {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n }\n\n /*\n Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\n img,\n video {\n max-width: 100%;\n height: auto;\n }\n\n /*\n 1. Inherit font styles in all browsers.\n 2. Remove border radius in all browsers.\n 3. Remove background color in all browsers.\n 4. Ensure consistent opacity for disabled states in all browsers.\n*/\n\n button,\n input,\n select,\n optgroup,\n textarea,\n ::file-selector-button {\n font: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n border-radius: 0; /* 2 */\n background-color: transparent; /* 3 */\n opacity: 1; /* 4 */\n }\n\n /*\n Restore default font weight.\n*/\n\n :where(select:is([multiple], [size])) optgroup {\n font-weight: bolder;\n }\n\n /*\n Restore indentation.\n*/\n\n :where(select:is([multiple], [size])) optgroup option {\n padding-inline-start: 20px;\n }\n\n /*\n Restore space after button.\n*/\n\n ::file-selector-button {\n margin-inline-end: 4px;\n }\n\n /*\n Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n*/\n\n ::placeholder {\n opacity: 1;\n }\n\n /*\n Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not\n crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)\n*/\n\n @supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or\n (contain-intrinsic-size: 1px) /* Safari 17+ */ {\n ::placeholder {\n color: color-mix(in oklab, currentcolor 50%, transparent);\n }\n }\n\n /*\n Prevent resizing textareas horizontally by default.\n*/\n\n textarea {\n resize: vertical;\n }\n\n /*\n Remove the inner padding in Chrome and Safari on macOS.\n*/\n\n ::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /*\n 1. Ensure date/time inputs have the same height when empty in iOS Safari.\n 2. Ensure text alignment can be changed on date/time inputs in iOS Safari.\n*/\n\n ::-webkit-date-and-time-value {\n min-height: 1lh; /* 1 */\n text-align: inherit; /* 2 */\n }\n\n /*\n Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.\n*/\n\n ::-webkit-datetime-edit {\n display: inline-flex;\n }\n\n /*\n Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.\n*/\n\n ::-webkit-datetime-edit-fields-wrapper {\n padding: 0;\n }\n\n ::-webkit-datetime-edit,\n ::-webkit-datetime-edit-year-field,\n ::-webkit-datetime-edit-month-field,\n ::-webkit-datetime-edit-day-field,\n ::-webkit-datetime-edit-hour-field,\n ::-webkit-datetime-edit-minute-field,\n ::-webkit-datetime-edit-second-field,\n ::-webkit-datetime-edit-millisecond-field,\n ::-webkit-datetime-edit-meridiem-field {\n padding-block: 0;\n }\n\n /*\n Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)\n*/\n\n ::-webkit-calendar-picker-indicator {\n line-height: 1;\n }\n\n /*\n Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n :-moz-ui-invalid {\n box-shadow: none;\n }\n\n /*\n Correct the inability to style the border radius in iOS Safari.\n*/\n\n button,\n input:where([type=\"button\"], [type=\"reset\"], [type=\"submit\"]),\n ::file-selector-button {\n appearance: button;\n }\n\n /*\n Correct the cursor style of increment and decrement buttons in Safari.\n*/\n\n ::-webkit-inner-spin-button,\n ::-webkit-outer-spin-button {\n height: auto;\n }\n\n /*\n Make elements with the HTML hidden attribute stay hidden by default.\n*/\n\n [hidden]:where(:not([hidden=\"until-found\"])) {\n display: none !important;\n }\n}\n\n@layer utilities {\n @tailwind utilities;\n}\n","@import \"tailwindcss\";\n@import \"tw-animate-css\";\n\n@source \"../../../apps/**/*.{ts,tsx}\";\n@source \"../../../components/**/*.{ts,tsx}\";\n@source \"../**/*.{ts,tsx}\";\n\n@custom-variant dark (&:is(.dark *));\n@custom-variant data-state-checked (&[data-state=\"checked\"]);\n@custom-variant data-state-unchecked (&[data-state=\"unchecked\"]);\n@custom-variant group-data-disabled (.group[data-disabled=\"true\"] &);\n@custom-variant peer-disabled (.peer:disabled ~ &);\n\n:root {\n --background: oklch(0.9842 0.0034 247.8575);\n --foreground: oklch(0.2795 0.0368 260.0310);\n --card: oklch(1.0000 0 0);\n --card-foreground: oklch(0.2795 0.0368 260.0310);\n --popover: oklch(1.0000 0 0);\n --popover-foreground: oklch(0.2795 0.0368 260.0310);\n --primary: oklch(0.7127 0.1242 224.5720);\n --primary-foreground: oklch(1.0000 0 0);\n --secondary: oklch(0.9276 0.0058 264.5313);\n --secondary-foreground: oklch(0.3729 0.0306 259.7328);\n --muted: oklch(0.9670 0.0029 264.5419);\n --muted-foreground: oklch(0.5510 0.0234 264.3637);\n --accent: oklch(0.9299 0.0334 272.7879);\n --accent-foreground: oklch(0.3729 0.0306 259.7328);\n --destructive: oklch(0.6368 0.2078 25.3313);\n --destructive-foreground: oklch(1.0000 0 0);\n --border: oklch(0.8717 0.0093 258.3382);\n --input: oklch(0.8717 0.0093 258.3382);\n --ring: oklch(0.5854 0.2041 277.1173);\n --chart-1: oklch(0.5854 0.2041 277.1173);\n --chart-2: oklch(0.5106 0.2301 276.9656);\n --chart-3: oklch(0.4568 0.2146 277.0229);\n --chart-4: oklch(0.3984 0.1773 277.3662);\n --chart-5: oklch(0.3588 0.1354 278.6973);\n --sidebar: oklch(0.9670 0.0029 264.5419);\n --sidebar-foreground: oklch(0.2795 0.0368 260.0310);\n --sidebar-primary: oklch(0.5854 0.2041 277.1173);\n --sidebar-primary-foreground: oklch(1.0000 0 0);\n --sidebar-accent: oklch(0.9299 0.0334 272.7879);\n --sidebar-accent-foreground: oklch(0.3729 0.0306 259.7328);\n --sidebar-border: oklch(0.8717 0.0093 258.3382);\n --sidebar-ring: oklch(0.5854 0.2041 277.1173);\n --font-sans: Inter, sans-serif;\n --font-serif: Merriweather, serif;\n --font-mono: JetBrains Mono, monospace;\n --radius: 0.5rem;\n --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);\n --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);\n --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);\n --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);\n --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);\n --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);\n --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);\n --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);\n --tracking-normal: 0em;\n --spacing: 0.25rem;\n}\n\n.dark {\n --background: oklch(0.2077 0.0398 265.7549);\n --foreground: oklch(0.9288 0.0126 255.5078);\n --card: oklch(0.2795 0.0368 260.0310);\n --card-foreground: oklch(0.9288 0.0126 255.5078);\n --popover: oklch(0.2795 0.0368 260.0310);\n --popover-foreground: oklch(0.9288 0.0126 255.5078);\n --primary: oklch(0.6801 0.1583 276.9349);\n --primary-foreground: oklch(0.2077 0.0398 265.7549);\n --secondary: oklch(0.3351 0.0331 260.9120);\n --secondary-foreground: oklch(0.8717 0.0093 258.3382);\n --muted: oklch(0.2795 0.0368 260.0310);\n --muted-foreground: oklch(0.7137 0.0192 261.3246);\n --accent: oklch(0.3729 0.0306 259.7328);\n --accent-foreground: oklch(0.8717 0.0093 258.3382);\n --destructive: oklch(0.6368 0.2078 25.3313);\n --destructive-foreground: oklch(0.2077 0.0398 265.7549);\n --border: oklch(0.4461 0.0263 256.8018);\n --input: oklch(0.4461 0.0263 256.8018);\n --ring: oklch(0.6801 0.1583 276.9349);\n --chart-1: oklch(0.6801 0.1583 276.9349);\n --chart-2: oklch(0.5854 0.2041 277.1173);\n --chart-3: oklch(0.5106 0.2301 276.9656);\n --chart-4: oklch(0.4568 0.2146 277.0229);\n --chart-5: oklch(0.3984 0.1773 277.3662);\n --sidebar: oklch(0.2795 0.0368 260.0310);\n --sidebar-foreground: oklch(0.9288 0.0126 255.5078);\n --sidebar-primary: oklch(0.6801 0.1583 276.9349);\n --sidebar-primary-foreground: oklch(0.2077 0.0398 265.7549);\n --sidebar-accent: oklch(0.3729 0.0306 259.7328);\n --sidebar-accent-foreground: oklch(0.8717 0.0093 258.3382);\n --sidebar-border: oklch(0.4461 0.0263 256.8018);\n --sidebar-ring: oklch(0.6801 0.1583 276.9349);\n --font-sans: Inter, sans-serif;\n --font-serif: Merriweather, serif;\n --font-mono: JetBrains Mono, monospace;\n --radius: 0.5rem;\n --shadow-2xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);\n --shadow-xs: 0px 4px 8px -1px hsl(0 0% 0% / 0.05);\n --shadow-sm: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);\n --shadow: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 1px 2px -2px hsl(0 0% 0% / 0.10);\n --shadow-md: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 2px 4px -2px hsl(0 0% 0% / 0.10);\n --shadow-lg: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 4px 6px -2px hsl(0 0% 0% / 0.10);\n --shadow-xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.10), 0px 8px 10px -2px hsl(0 0% 0% / 0.10);\n --shadow-2xl: 0px 4px 8px -1px hsl(0 0% 0% / 0.25);\n}\n\n@theme inline {\n --color-background: var(--background);\n --color-foreground: var(--foreground);\n --color-card: var(--card);\n --color-card-foreground: var(--card-foreground);\n --color-popover: var(--popover);\n --color-popover-foreground: var(--popover-foreground);\n --color-primary: var(--primary);\n --color-primary-foreground: var(--primary-foreground);\n --color-secondary: var(--secondary);\n --color-secondary-foreground: var(--secondary-foreground);\n --color-muted: var(--muted);\n --color-muted-foreground: var(--muted-foreground);\n --color-accent: var(--accent);\n --color-accent-foreground: var(--accent-foreground);\n --color-destructive: var(--destructive);\n --color-destructive-foreground: var(--destructive-foreground);\n --color-border: var(--border);\n --color-input: var(--input);\n --color-ring: var(--ring);\n --color-chart-1: var(--chart-1);\n --color-chart-2: var(--chart-2);\n --color-chart-3: var(--chart-3);\n --color-chart-4: var(--chart-4);\n --color-chart-5: var(--chart-5);\n --color-sidebar: var(--sidebar);\n --color-sidebar-foreground: var(--sidebar-foreground);\n --color-sidebar-primary: var(--sidebar-primary);\n --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);\n --color-sidebar-accent: var(--sidebar-accent);\n --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);\n --color-sidebar-border: var(--sidebar-border);\n --color-sidebar-ring: var(--sidebar-ring);\n\n --font-sans: var(--font-sans);\n --font-mono: var(--font-mono);\n --font-serif: var(--font-serif);\n\n --radius-sm: calc(var(--radius) - 4px);\n --radius-md: calc(var(--radius) - 2px);\n --radius-lg: var(--radius);\n --radius-xl: calc(var(--radius) + 4px);\n\n --shadow-2xs: var(--shadow-2xs);\n --shadow-xs: var(--shadow-xs);\n --shadow-sm: var(--shadow-sm);\n --shadow: var(--shadow);\n --shadow-md: var(--shadow-md);\n --shadow-lg: var(--shadow-lg);\n --shadow-xl: var(--shadow-xl);\n --shadow-2xl: var(--shadow-2xl);\n}\n","@property --tw-animation-delay{syntax:\"*\";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:\"*\";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:\"*\";inherits:false}@property --tw-animation-fill-mode{syntax:\"*\";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:\"*\";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:\"*\";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:\"*\";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:\"*\";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:\"*\";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:\"*\";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:\"*\";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:\"*\";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:\"*\";inherits:false;initial-value:0}@theme inline{--animation-delay-0: 0s; --animation-delay-75: 75ms; --animation-delay-100: .1s; --animation-delay-150: .15s; --animation-delay-200: .2s; --animation-delay-300: .3s; --animation-delay-500: .5s; --animation-delay-700: .7s; --animation-delay-1000: 1s; --animation-repeat-0: 0; --animation-repeat-1: 1; --animation-repeat-infinite: infinite; --animation-direction-normal: normal; --animation-direction-reverse: reverse; --animation-direction-alternate: alternate; --animation-direction-alternate-reverse: alternate-reverse; --animation-fill-mode-none: none; --animation-fill-mode-forwards: forwards; --animation-fill-mode-backwards: backwards; --animation-fill-mode-both: both; --percentage-0: 0; --percentage-5: .05; --percentage-10: .1; --percentage-15: .15; --percentage-20: .2; --percentage-25: .25; --percentage-30: .3; --percentage-35: .35; --percentage-40: .4; --percentage-45: .45; --percentage-50: .5; --percentage-55: .55; --percentage-60: .6; --percentage-65: .65; --percentage-70: .7; --percentage-75: .75; --percentage-80: .8; --percentage-85: .85; --percentage-90: .9; --percentage-95: .95; --percentage-100: 1; --percentage-translate-full: 1; --animate-in: enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-out: exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes enter { from { 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)); filter: blur(var(--tw-enter-blur,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)); filter: blur(var(--tw-exit-blur,0)); }}--animate-accordion-down: accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-accordion-up: accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-down: collapsible-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); --animate-collapsible-up: collapsible-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none); @keyframes accordion-down { from { height: 0; }to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }}@keyframes accordion-up { from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); }to { height: 0; }}@keyframes collapsible-down { from { height: 0; }to { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }}@keyframes collapsible-up { from { height: var(--radix-collapsible-content-height,var(--bits-collapsible-content-height,var(--reka-collapsible-content-height,var(--kb-collapsible-content-height,auto)))); }to { height: 0; }}--animate-caret-blink: caret-blink 1.25s ease-out infinite; @keyframes caret-blink { 0%,70%,100% { opacity: 1; }20%,50% { opacity: 0; }}}@utility animation-duration-*{--tw-animation-duration: calc(--value(number)*1ms); --tw-animation-duration: --value(--animation-duration-*,[duration],\"initial\",[*]); animation-duration: calc(--value(number)*1ms); animation-duration: --value(--animation-duration-*,[duration],\"initial\",[*]);}@utility delay-*{animation-delay: calc(--value(number)*1ms); animation-delay: --value(--animation-delay-*,[duration],\"initial\",[*]); --tw-animation-delay: calc(--value(number)*1ms); --tw-animation-delay: --value(--animation-delay-*,[duration],\"initial\",[*]);}@utility repeat-*{animation-iteration-count: --value(--animation-repeat-*,number,\"initial\",[*]); --tw-animation-iteration-count: --value(--animation-repeat-*,number,\"initial\",[*]);}@utility direction-*{animation-direction: --value(--animation-direction-*,\"initial\",[*]); --tw-animation-direction: --value(--animation-direction-*,\"initial\",[*]);}@utility fill-mode-*{animation-fill-mode: --value(--animation-fill-mode-*,\"initial\",[*]); --tw-animation-fill-mode: --value(--animation-fill-mode-*,\"initial\",[*]);}@utility running{animation-play-state: running;}@utility paused{animation-play-state: paused;}@utility play-state-*{animation-play-state: --value(\"initial\",[*]);}@utility blur-in{--tw-enter-blur: 20px;}@utility blur-in-*{--tw-enter-blur: calc(--value(number)*1px); --tw-enter-blur: --value(--blur-*,[*]);}@utility blur-out{--tw-exit-blur: 20px;}@utility blur-out-*{--tw-exit-blur: calc(--value(number)*1px); --tw-exit-blur: --value(--blur-*,[*]);}@utility fade-in{--tw-enter-opacity: 0;}@utility fade-in-*{--tw-enter-opacity: calc(--value(number)/100); --tw-enter-opacity: --value(--percentage-*,[*]);}@utility fade-out{--tw-exit-opacity: 0;}@utility fade-out-*{--tw-exit-opacity: calc(--value(number)/100); --tw-exit-opacity: --value(--percentage-*,[*]);}@utility zoom-in{--tw-enter-scale: 0;}@utility zoom-in-*{--tw-enter-scale: calc(--value(number)*1%); --tw-enter-scale: calc(--value(ratio)); --tw-enter-scale: --value(--percentage-*,[*]);}@utility -zoom-in-*{--tw-enter-scale: calc(--value(number)*-1%); --tw-enter-scale: calc(--value(ratio)*-1); --tw-enter-scale: --value(--percentage-*,[*]);}@utility zoom-out{--tw-exit-scale: 0;}@utility zoom-out-*{--tw-exit-scale: calc(--value(number)*1%); --tw-exit-scale: calc(--value(ratio)); --tw-exit-scale: --value(--percentage-*,[*]);}@utility -zoom-out-*{--tw-exit-scale: calc(--value(number)*-1%); --tw-exit-scale: calc(--value(ratio)*-1); --tw-exit-scale: --value(--percentage-*,[*]);}@utility spin-in{--tw-enter-rotate: 30deg;}@utility spin-in-*{--tw-enter-rotate: calc(--value(number)*1deg); --tw-enter-rotate: calc(--value(ratio)*360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility -spin-in{--tw-enter-rotate: -30deg;}@utility -spin-in-*{--tw-enter-rotate: calc(--value(number)*-1deg); --tw-enter-rotate: calc(--value(ratio)*-360deg); --tw-enter-rotate: --value(--rotate-*,[*]);}@utility spin-out{--tw-exit-rotate: 30deg;}@utility spin-out-*{--tw-exit-rotate: calc(--value(number)*1deg); --tw-exit-rotate: calc(--value(ratio)*360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility -spin-out{--tw-exit-rotate: -30deg;}@utility -spin-out-*{--tw-exit-rotate: calc(--value(number)*-1deg); --tw-exit-rotate: calc(--value(ratio)*-360deg); --tw-exit-rotate: --value(--rotate-*,[*]);}@utility slide-in-from-top{--tw-enter-translate-y: -100%;}@utility slide-in-from-top-*{--tw-enter-translate-y: --spacing(--value(integer)*-1); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-y: calc(--value(ratio)*-100%); --tw-enter-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-bottom{--tw-enter-translate-y: 100%;}@utility slide-in-from-bottom-*{--tw-enter-translate-y: --spacing(--value(integer)); --tw-enter-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-y: calc(--value(ratio)*100%); --tw-enter-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-left{--tw-enter-translate-x: -100%;}@utility slide-in-from-left-*{--tw-enter-translate-x: --spacing(--value(integer)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-in-from-right{--tw-enter-translate-x: 100%;}@utility slide-in-from-right-*{--tw-enter-translate-x: --spacing(--value(integer)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-in-from-start{&:dir(ltr){ --tw-enter-translate-x: -100%; }&:dir(rtl){ --tw-enter-translate-x: 100%; }}@utility slide-in-from-start-*{&:where(:dir(ltr),[dir=\"ltr\"],[dir=\"ltr\"]*){ --tw-enter-translate-x: --spacing(--value(integer)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir=\"rtl\"],[dir=\"rtl\"]*){ --tw-enter-translate-x: --spacing(--value(integer)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-in-from-end{&:dir(ltr){ --tw-enter-translate-x: 100%; }&:dir(rtl){ --tw-enter-translate-x: -100%; }}@utility slide-in-from-end-*{&:where(:dir(ltr),[dir=\"ltr\"],[dir=\"ltr\"]*){ --tw-enter-translate-x: --spacing(--value(integer)); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-enter-translate-x: calc(--value(ratio)*100%); --tw-enter-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir=\"rtl\"],[dir=\"rtl\"]*){ --tw-enter-translate-x: --spacing(--value(integer)*-1); --tw-enter-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-enter-translate-x: calc(--value(ratio)*-100%); --tw-enter-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}@utility slide-out-to-top{--tw-exit-translate-y: -100%;}@utility slide-out-to-top-*{--tw-exit-translate-y: --spacing(--value(integer)*-1); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-y: calc(--value(ratio)*-100%); --tw-exit-translate-y: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-bottom{--tw-exit-translate-y: 100%;}@utility slide-out-to-bottom-*{--tw-exit-translate-y: --spacing(--value(integer)); --tw-exit-translate-y: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-y: calc(--value(ratio)*100%); --tw-exit-translate-y: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-left{--tw-exit-translate-x: -100%;}@utility slide-out-to-left-*{--tw-exit-translate-x: --spacing(--value(integer)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1);}@utility slide-out-to-right{--tw-exit-translate-x: 100%;}@utility slide-out-to-right-*{--tw-exit-translate-x: --spacing(--value(integer)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]);}@utility slide-out-to-start{&:dir(ltr){ --tw-exit-translate-x: -100%; }&:dir(rtl){ --tw-exit-translate-x: 100%; }}@utility slide-out-to-start-*{&:where(:dir(ltr),[dir=\"ltr\"],[dir=\"ltr\"]*){ --tw-exit-translate-x: --spacing(--value(integer)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }&:where(:dir(rtl),[dir=\"rtl\"],[dir=\"rtl\"]*){ --tw-exit-translate-x: --spacing(--value(integer)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }}@utility slide-out-to-end{&:dir(ltr){ --tw-exit-translate-x: 100%; }&:dir(rtl){ --tw-exit-translate-x: -100%; }}@utility slide-out-to-end-*{&:where(:dir(ltr),[dir=\"ltr\"],[dir=\"ltr\"]*){ --tw-exit-translate-x: --spacing(--value(integer)); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*100%); --tw-exit-translate-x: calc(--value(ratio)*100%); --tw-exit-translate-x: --value(--translate-*,[percentage],[length]); }&:where(:dir(rtl),[dir=\"rtl\"],[dir=\"rtl\"]*){ --tw-exit-translate-x: --spacing(--value(integer)*-1); --tw-exit-translate-x: calc(--value(--percentage-*,--percentage-translate-*)*-100%); --tw-exit-translate-x: calc(--value(ratio)*-100%); --tw-exit-translate-x: calc(--value(--translate-*,[percentage],[length])*-1); }}"],"names":[]}
@@ -1,3 +0,0 @@
1
- import './blaze-ui.css';
2
- export declare const styles: true;
3
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":"AAEA,OAAO,gBAAgB,CAAA;AAEvB,eAAO,MAAM,MAAM,EAAG,IAAa,CAAA"}
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.styles = void 0;
4
- // Import the stylesheet locally. The build step compiles it with Tailwind
5
- // and writes the bundled CSS to `build/styles` for consumers.
6
- require("./blaze-ui.css");
7
- exports.styles = true;
8
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/styles/styles.ts"],"names":[],"mappings":";;;AAAA,0EAA0E;AAC1E,8DAA8D;AAC9D,0BAAuB;AAEV,QAAA,MAAM,GAAG,IAAa,CAAA"}
@@ -1,5 +0,0 @@
1
- // Import the stylesheet locally. The build step compiles it with Tailwind
2
- // and writes the bundled CSS to `build/styles` for consumers.
3
- import './blaze-ui.css'
4
-
5
- export const styles = true as const