@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 +36 -47
- package/build/components/button.d.ts +1 -1
- package/build/components/button.js +14 -14
- package/build/components/button.js.map +1 -1
- package/build/components/card.js +7 -7
- package/build/components/card.js.map +1 -1
- package/build/components/input.js +1 -1
- package/build/components/input.js.map +1 -1
- package/build/components/label.js +1 -1
- package/build/components/label.js.map +1 -1
- package/build/components/popover.js +1 -1
- package/build/components/popover.js.map +1 -1
- package/build/components/segmented-control.d.ts +2 -2
- package/build/components/segmented-control.d.ts.map +1 -1
- package/build/components/segmented-control.js +26 -24
- package/build/components/segmented-control.js.map +1 -1
- package/build/components/switch.js +2 -2
- package/build/components/switch.js.map +1 -1
- package/build/index.d.ts +0 -1
- package/build/index.d.ts.map +1 -1
- package/build/index.js +1 -3
- package/build/index.js.map +1 -1
- package/build/index.mjs +0 -1
- package/package.json +14 -5
- package/src/styles/blaze-ui.css +159 -0
- package/tailwind.config.js +6 -0
- package/build/styles/blaze-ui.css +0 -97
- package/build/styles/blaze-ui.css.map +0 -1
- package/build/styles/styles.d.ts +0 -3
- package/build/styles/styles.d.ts.map +0 -1
- package/build/styles/styles.js +0 -8
- package/build/styles/styles.js.map +0 -1
- package/src/styles/styles.ts +0 -5
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.
|
|
5
|
-
|
|
6
|
-
|
|
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
|
-
|
|
16
|
-
3. `node ./scripts/build-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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 +
|
|
46
|
-
|
|
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
|
|
49
|
-
|
|
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
|
-
|
|
35
|
+
Add Blaze UI's stylesheet to your Tailwind entry file (or another file that is
|
|
36
|
+
processed by Tailwind):
|
|
55
37
|
|
|
56
|
-
```
|
|
57
|
-
import
|
|
38
|
+
```css
|
|
39
|
+
@import "@getgreenline/blaze-ui/styles/blaze-ui.css";
|
|
58
40
|
```
|
|
59
41
|
|
|
60
|
-
|
|
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
|
|
50
|
+
import { Button } from "@getgreenline/blaze-ui";
|
|
64
51
|
```
|
|
65
52
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
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
|
|
75
|
-
|
|
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
|
|
80
|
-
|
|
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" | "
|
|
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
|
|
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
|
|
58
|
-
destructive: "tw
|
|
59
|
-
outline: "tw
|
|
60
|
-
secondary: "tw
|
|
61
|
-
ghost: "hover:tw
|
|
62
|
-
link: "tw
|
|
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
|
|
66
|
-
sm: "tw
|
|
67
|
-
lg: "tw
|
|
68
|
-
icon: "tw
|
|
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
|
|
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
|
|
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
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HS,wBAAM;;AA/Hf,6CAA8B;AAC9B,qDAA2C;AAC3C,uEAAiE;AAEjE,wCAAiC;AAEjC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACxB,
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+HS,wBAAM;;AA/Hf,6CAA8B;AAC9B,qDAA2C;AAC3C,uEAAiE;AAEjE,wCAAiC;AAEjC,MAAM,cAAc,GAAG,IAAA,8BAAG,EACxB,+fAA+f,EAC/f;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,8EAA8E;YAChF,WAAW,EACT,kLAAkL;YACpL,OAAO,EACL,+JAA+J;YACjK,SAAS,EACP,oFAAoF;YACtF,KAAK,EACH,+EAA+E;YACjF,IAAI,EAAE,0DAA0D;SACjE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,2CAA2C;YACpD,EAAE,EAAE,8DAA8D;YAClE,EAAE,EAAE,kDAAkD;YACtD,IAAI,EAAE,WAAW;SAClB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AA4FgB,wCAAc;AA1F/B,SAAS,MAAM,CAAC,EAYb;;QAZa,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,OAAO,GAAG,KAAK,EACf,QAAQ,OAMP,EALE,KAAK,cAPM,kEAQf,CADS;IAMR,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,QAAQ,CAAA;IAEtC,sDAAsD;IACtD,MAAM,aAAa,GAAG,CAAC,IAAqB,EAAmB,EAAE;;QAC/D,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YACzD,OAAO,sEAAyB,IAAI,GAAQ,CAAA;QAC9C,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;YACxB,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,uBAAC,KAAK,CAAC,QAAQ,cAAU,aAAa,CAAC,CAAC,CAAC,IAApB,CAAC,CAAqC,CAAC,CAAA;QACxF,CAAC;QACD,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAA,MAAA,IAAI,CAAC,KAAK,0CAAE,QAAQ,KAAI,IAAI,EAAE,CAAC;YAC/D,OAAO,KAAK,CAAC,YAAY,CAAC,IAA+B,EAAE,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC3G,CAAC;QACD,OAAO,IAAI,CAAA;IACb,CAAC,CAAA;IAED,MAAM,gBAAgB,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAA;IAEhD,MAAM,OAAO,GAAG,CACd,8EAEc,MAAM,EAClB,SAAS,EAAC,kEAAkE,YAE5E,iCACE,SAAS,EAAC,iHAAiH,GAC3H,GACG,CACR,CAAA;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,MAAM,SAAS,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAuB,CAAA;QAC7E,MAAM,gBAAgB,GAAG,KAAK,CAAC,YAAY,CACzC,SAAS,EACT,SAAS,EACT,6DACG,OAAO,IAAI,OAAO,EAClB,MAAA,SAAS,CAAC,KAAK,0CAAE,QAAQ,IACzB,CACJ,CAAA;QAED,OAAO,CACL,uBAAC,IAAI,+BACO,QAAQ,eACP,OAAO,IAAI,SAAS,mBAChB,CAAC,KAAa,aAAb,KAAK,uBAAL,KAAK,CAAU,QAAQ,KAAI,OAAO,IAAI,SAAS,EAC/D,SAAS,EAAE,IAAA,UAAE,EACX,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO;gBACL,oHAAoH,CACvH,IACG,KAAK,cAER,gBAAgB,IACZ,CACR,CAAA;IACH,CAAC;IAED,OAAO,CACL,wBAAC,IAAI,+BACO,QAAQ,eACP,OAAO,IAAI,SAAS,mBAChB,CAAC,KAAa,aAAb,KAAK,uBAAL,KAAK,CAAU,QAAQ,KAAI,OAAO,IAAI,SAAS,EAC/D,QAAQ,EAAE,CAAC,KAAa,aAAb,KAAK,uBAAL,KAAK,CAAU,QAAQ,KAAI,OAAO,EAC7C,SAAS,EAAE,IAAA,UAAE,EACX,cAAc,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,EAC5C,OAAO;YACL,oHAAoH,CACvH,IACG,KAAK,eAER,OAAO,IAAI,OAAO,EAClB,gBAAgB,KACZ,CACR,CAAA;AACH,CAAC"}
|
package/build/components/card.js
CHANGED
|
@@ -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
|
|
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)("
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
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" | "
|
|
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" | "
|
|
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,
|
|
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)("
|
|
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
|
|
14
|
-
destructive: "
|
|
15
|
-
outline: "
|
|
16
|
-
secondary: "tw
|
|
17
|
-
ghost: "tw
|
|
18
|
-
link: "
|
|
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
|
|
22
|
-
sm: "tw
|
|
23
|
-
lg: "tw
|
|
24
|
-
icon: "tw
|
|
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
|
|
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
|
|
37
|
-
destructive: "tw-text-destructive hover:tw
|
|
38
|
-
outline: "tw
|
|
39
|
-
secondary: "tw-text-secondary-foreground hover:tw
|
|
40
|
-
ghost: "tw
|
|
41
|
-
link: "tw-text-primary hover:tw
|
|
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: "
|
|
45
|
-
sm: "
|
|
46
|
-
lg: "
|
|
47
|
-
icon: "
|
|
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
|
|
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,
|
|
1
|
+
{"version":3,"file":"segmented-control.js","sourceRoot":"","sources":["../../src/components/segmented-control.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;AAgFZ,4CAqFC;;AApKD,uEAAiE;AAGjE,iCAA8B;AAE9B,wCAAiC;AAEjC,MAAM,wBAAwB,GAAG,IAAA,8BAAG,EAClC,4IAA4I,EAC5I;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,sBAAsB;YAC/B,WAAW,EAAE,uFAAuF;YACpG,OAAO,EAAE,6DAA6D;YACtE,SAAS,EAAE,oCAAoC;YAC/C,KAAK,EAAE,kCAAkC;YACzC,IAAI,EAAE,6DAA6D;SACpE;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,YAAY;YACrB,EAAE,EAAE,gBAAgB;YACpB,EAAE,EAAE,gBAAgB;YACpB,IAAI,EAAE,YAAY;SACnB;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAuIsC,4DAAwB;AArI/D,MAAM,4BAA4B,GAAG,IAAA,8BAAG,EACtC,qXAAqX,EACrX;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EACL,iWAAiW;YACnW,WAAW,EACT,qXAAqX;YACvX,OAAO,EACL,uVAAuV;YACzV,SAAS,EACP,6YAA6Y;YAC/Y,KAAK,EACH,uUAAuU;YACzU,IAAI,EACF,iTAAiT;SACpT;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,8CAA8C;YACvD,EAAE,EAAE,kDAAkD;YACtD,EAAE,EAAE,sDAAsD;YAC1D,IAAI,EAAE,8CAA8C;SACrD;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAA;AAuGQ,oEAA4B;AAvFrC,SAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,aAAa,EACb,SAAS,EACT,SAAS,EACT,cAAc,EACd,OAAO,EACP,IAAI,GACkB;IACtB,MAAM,eAAe,GAAG,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAA;IAC5C,MAAM,YAAY,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAA;IACtC,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,eACnB,mBAAmB,kBACf,eAAe,eAClB,YAAY,YAEtB,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,kBAChC,eAAe,eACnB,wBAAwB,aAEjC,MAAM,CAAC,KAAK,EACZ,UAAU,IAAI,iCAAM,SAAS,EAAC,oBAAoB,qCAA4B,KAhB1E,MAAM,CAAC,KAAK,CAiBV,CACV,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC"}
|
|
@@ -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
|
|
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
|
|
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,
|
|
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
|
package/build/index.d.ts.map
CHANGED
|
@@ -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
|
|
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.
|
|
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
|
package/build/index.js.map
CHANGED
|
@@ -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
|
|
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.
|
|
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 &&
|
|
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"
|
package/src/styles/blaze-ui.css
CHANGED
|
@@ -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
|
+
}
|
|
@@ -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":[]}
|
package/build/styles/styles.d.ts
DELETED
|
@@ -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"}
|
package/build/styles/styles.js
DELETED
|
@@ -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"}
|