@wealthx/shadcn 0.0.1 → 0.0.2
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/.turbo/turbo-build.log +36 -0
- package/CHANGELOG.md +7 -0
- package/dist/index.d.mts +27 -0
- package/dist/index.d.ts +27 -0
- package/dist/index.js +187 -0
- package/dist/index.mjs +161 -0
- package/dist/styles.css +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
yarn run v1.22.22
|
|
2
|
+
warning package.json: No license field
|
|
3
|
+
$ yarn build:css && yarn build:js
|
|
4
|
+
warning package.json: No license field
|
|
5
|
+
$ tsx scripts/build-css.ts
|
|
6
|
+
npm warn Unknown env config "version-commit-hooks". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
|
|
7
|
+
npm warn Unknown env config "auto-install-peers". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
|
|
8
|
+
npm warn Unknown env config "version-tag-prefix". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
|
|
9
|
+
npm warn Unknown env config "version-git-message". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
|
|
10
|
+
npm warn Unknown env config "public-hoist-pattern". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
|
|
11
|
+
npm warn Unknown env config "argv". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
|
|
12
|
+
npm warn Unknown env config "version-git-tag". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
|
|
13
|
+
npm warn Unknown project config "auto-install-peers". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
|
|
14
|
+
npm warn Unknown project config "public-hoist-pattern". This will stop working in the next major version of npm. See `npm help npmrc` for supported config options.
|
|
15
|
+
[3m[1m[34m≈[39m[22m[23m tailwindcss [34mv4.2.2[39m
|
|
16
|
+
|
|
17
|
+
Done in [34m217ms[39m
|
|
18
|
+
Built dist/styles.css and src/styles/styles-css.ts
|
|
19
|
+
warning package.json: No license field
|
|
20
|
+
$ tsup
|
|
21
|
+
[34mCLI[39m Building entry: src/index.ts
|
|
22
|
+
[34mCLI[39m Using tsconfig: tsconfig.json
|
|
23
|
+
[34mCLI[39m tsup v8.5.1
|
|
24
|
+
[34mCLI[39m Using tsup config: /home/runner/work/wealthx-ui/wealthx-ui/packages/shadcn/tsup.config.ts
|
|
25
|
+
[34mCLI[39m Target: es6
|
|
26
|
+
[34mCJS[39m Build start
|
|
27
|
+
[34mESM[39m Build start
|
|
28
|
+
[32mCJS[39m [1mdist/index.js [22m[32m25.07 KB[39m
|
|
29
|
+
[32mCJS[39m ⚡️ Build success in 69ms
|
|
30
|
+
[32mESM[39m [1mdist/index.mjs [22m[32m23.79 KB[39m
|
|
31
|
+
[32mESM[39m ⚡️ Build success in 67ms
|
|
32
|
+
[34mDTS[39m Build start
|
|
33
|
+
[32mDTS[39m ⚡️ Build success in 4069ms
|
|
34
|
+
[32mDTS[39m [1mdist/index.d.ts [22m[32m1.32 KB[39m
|
|
35
|
+
[32mDTS[39m [1mdist/index.d.mts [22m[32m1.32 KB[39m
|
|
36
|
+
Done in 11.04s.
|
package/CHANGELOG.md
ADDED
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
6
|
+
|
|
7
|
+
interface ShadcnProviderProps {
|
|
8
|
+
children: React__default.ReactNode;
|
|
9
|
+
/** Primary brand color as hex (e.g. "#4f46e5"). Overrides the default --shadcn-primary. */
|
|
10
|
+
primary?: string;
|
|
11
|
+
/** Secondary brand color as hex (e.g. "#7c3aed"). Overrides the default --shadcn-secondary. */
|
|
12
|
+
secondary?: string;
|
|
13
|
+
}
|
|
14
|
+
declare function ShadcnProvider({ children, primary, secondary, }: ShadcnProviderProps): JSX.Element;
|
|
15
|
+
declare namespace ShadcnProvider {
|
|
16
|
+
var displayName: string;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare const buttonVariants: (props?: ({
|
|
20
|
+
variant?: "secondary" | "link" | "default" | "outline" | "ghost" | "destructive" | null | undefined;
|
|
21
|
+
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
22
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
23
|
+
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
24
|
+
asChild?: boolean;
|
|
25
|
+
}): react_jsx_runtime.JSX.Element;
|
|
26
|
+
|
|
27
|
+
export { Button, ShadcnProvider, type ShadcnProviderProps, buttonVariants };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default from 'react';
|
|
3
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
+
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
5
|
+
import { VariantProps } from 'class-variance-authority';
|
|
6
|
+
|
|
7
|
+
interface ShadcnProviderProps {
|
|
8
|
+
children: React__default.ReactNode;
|
|
9
|
+
/** Primary brand color as hex (e.g. "#4f46e5"). Overrides the default --shadcn-primary. */
|
|
10
|
+
primary?: string;
|
|
11
|
+
/** Secondary brand color as hex (e.g. "#7c3aed"). Overrides the default --shadcn-secondary. */
|
|
12
|
+
secondary?: string;
|
|
13
|
+
}
|
|
14
|
+
declare function ShadcnProvider({ children, primary, secondary, }: ShadcnProviderProps): JSX.Element;
|
|
15
|
+
declare namespace ShadcnProvider {
|
|
16
|
+
var displayName: string;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
declare const buttonVariants: (props?: ({
|
|
20
|
+
variant?: "secondary" | "link" | "default" | "outline" | "ghost" | "destructive" | null | undefined;
|
|
21
|
+
size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
|
|
22
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
23
|
+
declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
24
|
+
asChild?: boolean;
|
|
25
|
+
}): react_jsx_runtime.JSX.Element;
|
|
26
|
+
|
|
27
|
+
export { Button, ShadcnProvider, type ShadcnProviderProps, buttonVariants };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,187 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
+
var __spreadValues = (a, b) => {
|
|
10
|
+
for (var prop in b || (b = {}))
|
|
11
|
+
if (__hasOwnProp.call(b, prop))
|
|
12
|
+
__defNormalProp(a, prop, b[prop]);
|
|
13
|
+
if (__getOwnPropSymbols)
|
|
14
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
+
if (__propIsEnum.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
}
|
|
18
|
+
return a;
|
|
19
|
+
};
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
32
|
+
var __export = (target, all) => {
|
|
33
|
+
for (var name in all)
|
|
34
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
35
|
+
};
|
|
36
|
+
var __copyProps = (to, from, except, desc) => {
|
|
37
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
38
|
+
for (let key of __getOwnPropNames(from))
|
|
39
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
40
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
41
|
+
}
|
|
42
|
+
return to;
|
|
43
|
+
};
|
|
44
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
45
|
+
|
|
46
|
+
// src/index.ts
|
|
47
|
+
var index_exports = {};
|
|
48
|
+
__export(index_exports, {
|
|
49
|
+
Button: () => Button,
|
|
50
|
+
ShadcnProvider: () => ShadcnProvider,
|
|
51
|
+
buttonVariants: () => buttonVariants
|
|
52
|
+
});
|
|
53
|
+
module.exports = __toCommonJS(index_exports);
|
|
54
|
+
|
|
55
|
+
// src/provider/ShadcnProvider.tsx
|
|
56
|
+
var import_react = require("react");
|
|
57
|
+
|
|
58
|
+
// src/styles/styles-css.ts
|
|
59
|
+
var STYLES_CSS = `/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
60
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}:root,:host{--font-sans:"Figtree Variable", sans-serif;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:calc(var(--shadcn-radius) * .8);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\]{border-radius:min(var(--radius-md), 10px)}.rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--shadcn-radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--shadcn-border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--shadcn-background)}.bg-destructive,.bg-destructive\\/10{background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/10{background-color:color-mix(in oklab, var(--shadcn-destructive) 10%, transparent)}}.bg-primary{background-color:var(--shadcn-primary)}.bg-secondary{background-color:var(--shadcn-secondary)}.bg-clip-padding{background-clip:padding-box}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.8rem\\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-destructive{color:var(--shadcn-destructive)}.text-primary{color:var(--shadcn-primary)}.text-primary-foreground{color:var(--shadcn-primary-foreground)}.text-secondary-foreground{color:var(--shadcn-secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\\:bg-destructive\\/20:hover{background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/20:hover{background-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.hover\\:bg-muted:hover{background-color:var(--shadcn-muted)}.hover\\:bg-secondary\\/80:hover{background-color:var(--shadcn-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab, var(--shadcn-secondary) 80%, transparent)}}.hover\\:text-foreground:hover{color:var(--shadcn-foreground)}.hover\\:underline:hover{text-decoration-line:underline}}.focus-visible\\:border-destructive\\/40:focus-visible{border-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-destructive\\/40:focus-visible{border-color:color-mix(in oklab, var(--shadcn-destructive) 40%, transparent)}}.focus-visible\\:border-ring:focus-visible{border-color:var(--shadcn-ring)}.focus-visible\\:ring-3: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\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--shadcn-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--shadcn-ring) 50%, transparent)}}.active\\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\\[slot\\=button-group\\]\\:rounded-lg{border-radius:var(--shadcn-radius)}.has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-end\\]\\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-start\\]\\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.aria-expanded\\:bg-muted[aria-expanded=true]{background-color:var(--shadcn-muted)}.aria-expanded\\:bg-secondary[aria-expanded=true]{background-color:var(--shadcn-secondary)}.aria-expanded\\:text-foreground[aria-expanded=true]{color:var(--shadcn-foreground)}.aria-expanded\\:text-secondary-foreground[aria-expanded=true]{color:var(--shadcn-secondary-foreground)}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--shadcn-destructive)}.aria-invalid\\:ring-3[aria-invalid=true]{--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)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.dark\\:border-input:is(.dark *){border-color:var(--shadcn-input)}.dark\\:bg-destructive\\/20:is(.dark *){background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/20:is(.dark *){background-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.dark\\:bg-input\\/30:is(.dark *){background-color:var(--shadcn-input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:is(.dark *){background-color:color-mix(in oklab, var(--shadcn-input) 30%, transparent)}}@media (hover:hover){.dark\\:hover\\:bg-destructive\\/30:is(.dark *):hover{background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-destructive\\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--shadcn-destructive) 30%, transparent)}}.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:var(--shadcn-input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--shadcn-input) 50%, transparent)}}.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:var(--shadcn-muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--shadcn-muted) 50%, transparent)}}}.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 40%, transparent)}}.dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=true]{border-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--shadcn-destructive) 50%, transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 40%, transparent)}}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@media (hover:hover){.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:var(--shadcn-primary)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:color-mix(in oklab, var(--shadcn-primary) 80%, transparent)}}}@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}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./files/figtree-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./files/figtree-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--shadcn-background:oklch(100% 0 0);--shadcn-foreground:oklch(14.5% 0 0);--shadcn-card:oklch(100% 0 0);--shadcn-card-foreground:oklch(14.5% 0 0);--shadcn-popover:oklch(100% 0 0);--shadcn-popover-foreground:oklch(14.5% 0 0);--shadcn-primary:oklch(53.2% .157 131.589);--shadcn-primary-foreground:oklch(98.6% .031 120.757);--shadcn-secondary:oklch(96.7% .001 286.375);--shadcn-secondary-foreground:oklch(21% .006 285.885);--shadcn-muted:oklch(97% 0 0);--shadcn-muted-foreground:oklch(55.6% 0 0);--shadcn-accent:oklch(97% 0 0);--shadcn-accent-foreground:oklch(20.5% 0 0);--shadcn-destructive:oklch(57.7% .245 27.325);--shadcn-border:oklch(92.2% 0 0);--shadcn-input:oklch(92.2% 0 0);--shadcn-ring:oklch(70.8% 0 0);--shadcn-chart-1:oklch(87.1% .15 154.449);--shadcn-chart-2:oklch(72.3% .219 149.579);--shadcn-chart-3:oklch(62.7% .194 149.214);--shadcn-chart-4:oklch(52.7% .154 150.069);--shadcn-chart-5:oklch(44.8% .119 151.328);--shadcn-radius:0;--shadcn-sidebar:oklch(98.5% 0 0);--shadcn-sidebar-foreground:oklch(14.5% 0 0);--shadcn-sidebar-primary:oklch(64.8% .2 131.684);--shadcn-sidebar-primary-foreground:oklch(98.6% .031 120.757);--shadcn-sidebar-accent:oklch(97% 0 0);--shadcn-sidebar-accent-foreground:oklch(20.5% 0 0);--shadcn-sidebar-border:oklch(92.2% 0 0);--shadcn-sidebar-ring:oklch(70.8% 0 0)}.dark{--shadcn-background:oklch(14.5% 0 0);--shadcn-foreground:oklch(98.5% 0 0);--shadcn-card:oklch(20.5% 0 0);--shadcn-card-foreground:oklch(98.5% 0 0);--shadcn-popover:oklch(20.5% 0 0);--shadcn-popover-foreground:oklch(98.5% 0 0);--shadcn-primary:oklch(45.3% .124 130.933);--shadcn-primary-foreground:oklch(98.6% .031 120.757);--shadcn-secondary:oklch(27.4% .006 286.033);--shadcn-secondary-foreground:oklch(98.5% 0 0);--shadcn-muted:oklch(26.9% 0 0);--shadcn-muted-foreground:oklch(70.8% 0 0);--shadcn-accent:oklch(26.9% 0 0);--shadcn-accent-foreground:oklch(98.5% 0 0);--shadcn-destructive:oklch(70.4% .191 22.216);--shadcn-border:oklch(100% 0 0/.1);--shadcn-input:oklch(100% 0 0/.15);--shadcn-ring:oklch(55.6% 0 0);--shadcn-chart-1:oklch(87.1% .15 154.449);--shadcn-chart-2:oklch(72.3% .219 149.579);--shadcn-chart-3:oklch(62.7% .194 149.214);--shadcn-chart-4:oklch(52.7% .154 150.069);--shadcn-chart-5:oklch(44.8% .119 151.328);--shadcn-sidebar:oklch(20.5% 0 0);--shadcn-sidebar-foreground:oklch(98.5% 0 0);--shadcn-sidebar-primary:oklch(76.8% .233 130.85);--shadcn-sidebar-primary-foreground:oklch(98.6% .031 120.757);--shadcn-sidebar-accent:oklch(26.9% 0 0);--shadcn-sidebar-accent-foreground:oklch(98.5% 0 0);--shadcn-sidebar-border:oklch(100% 0 0/.1);--shadcn-sidebar-ring:oklch(55.6% 0 0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`;
|
|
61
|
+
|
|
62
|
+
// src/provider/ShadcnProvider.tsx
|
|
63
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
64
|
+
function hexToOklchCss(hex) {
|
|
65
|
+
const r = parseInt(hex.slice(1, 3), 16) / 255;
|
|
66
|
+
const g = parseInt(hex.slice(3, 5), 16) / 255;
|
|
67
|
+
const b = parseInt(hex.slice(5, 7), 16) / 255;
|
|
68
|
+
const toLinear = (c) => c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
|
|
69
|
+
const lr = toLinear(r);
|
|
70
|
+
const lg = toLinear(g);
|
|
71
|
+
const lb = toLinear(b);
|
|
72
|
+
const l_ = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
|
|
73
|
+
const m_ = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
|
|
74
|
+
const s_ = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
|
|
75
|
+
const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
|
|
76
|
+
const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
|
|
77
|
+
const bOk = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
|
|
78
|
+
const C = Math.sqrt(a * a + bOk * bOk);
|
|
79
|
+
const h = C < 1e-4 ? 0 : (Math.atan2(bOk, a) * 180 / Math.PI + 360) % 360;
|
|
80
|
+
return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${h.toFixed(3)})`;
|
|
81
|
+
}
|
|
82
|
+
function computeContrastForeground(hex) {
|
|
83
|
+
const r = parseInt(hex.slice(1, 3), 16) / 255;
|
|
84
|
+
const g = parseInt(hex.slice(3, 5), 16) / 255;
|
|
85
|
+
const b = parseInt(hex.slice(5, 7), 16) / 255;
|
|
86
|
+
const toLinear = (c) => c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
|
|
87
|
+
const luminance = 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b);
|
|
88
|
+
return luminance > 0.179 ? "oklch(0.145 0 0)" : "oklch(0.985 0 0)";
|
|
89
|
+
}
|
|
90
|
+
function ShadcnProvider({
|
|
91
|
+
children,
|
|
92
|
+
primary,
|
|
93
|
+
secondary
|
|
94
|
+
}) {
|
|
95
|
+
const styleId = (0, import_react.useId)().replace(/:/g, "-");
|
|
96
|
+
const themeOverrides = (0, import_react.useMemo)(() => {
|
|
97
|
+
const overrides = [];
|
|
98
|
+
if (primary) {
|
|
99
|
+
overrides.push(`--shadcn-primary: ${hexToOklchCss(primary)}`);
|
|
100
|
+
overrides.push(`--shadcn-primary-foreground: ${computeContrastForeground(primary)}`);
|
|
101
|
+
}
|
|
102
|
+
if (secondary) {
|
|
103
|
+
overrides.push(`--shadcn-secondary: ${hexToOklchCss(secondary)}`);
|
|
104
|
+
overrides.push(`--shadcn-secondary-foreground: ${computeContrastForeground(secondary)}`);
|
|
105
|
+
}
|
|
106
|
+
if (overrides.length === 0) return "";
|
|
107
|
+
return `:root { ${overrides.join("; ")}; }`;
|
|
108
|
+
}, [primary, secondary]);
|
|
109
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
110
|
+
STYLES_CSS ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { id: `shadcn-styles-${styleId}`, "data-shadcn-styles": true, children: STYLES_CSS }) : null,
|
|
111
|
+
themeOverrides ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", { id: `shadcn-theme-${styleId}`, "data-shadcn-theme": true, children: themeOverrides }) : null,
|
|
112
|
+
children
|
|
113
|
+
] });
|
|
114
|
+
}
|
|
115
|
+
ShadcnProvider.displayName = "ShadcnProvider";
|
|
116
|
+
|
|
117
|
+
// src/components/ui/button.tsx
|
|
118
|
+
var import_class_variance_authority = require("class-variance-authority");
|
|
119
|
+
var import_radix_ui = require("radix-ui");
|
|
120
|
+
|
|
121
|
+
// src/lib/utils.ts
|
|
122
|
+
var import_clsx = require("clsx");
|
|
123
|
+
var import_tailwind_merge = require("tailwind-merge");
|
|
124
|
+
function cn(...inputs) {
|
|
125
|
+
return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
// src/components/ui/button.tsx
|
|
129
|
+
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
130
|
+
var buttonVariants = (0, import_class_variance_authority.cva)(
|
|
131
|
+
"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
132
|
+
{
|
|
133
|
+
variants: {
|
|
134
|
+
variant: {
|
|
135
|
+
default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
|
|
136
|
+
outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
|
|
137
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
|
|
138
|
+
ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
|
|
139
|
+
destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
|
|
140
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
141
|
+
},
|
|
142
|
+
size: {
|
|
143
|
+
default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
|
|
144
|
+
xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
|
|
145
|
+
sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
|
|
146
|
+
lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
|
|
147
|
+
icon: "size-8",
|
|
148
|
+
"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
|
|
149
|
+
"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
|
|
150
|
+
"icon-lg": "size-9"
|
|
151
|
+
}
|
|
152
|
+
},
|
|
153
|
+
defaultVariants: {
|
|
154
|
+
variant: "default",
|
|
155
|
+
size: "default"
|
|
156
|
+
}
|
|
157
|
+
}
|
|
158
|
+
);
|
|
159
|
+
function Button(_a) {
|
|
160
|
+
var _b = _a, {
|
|
161
|
+
className,
|
|
162
|
+
variant = "default",
|
|
163
|
+
size = "default",
|
|
164
|
+
asChild = false
|
|
165
|
+
} = _b, props = __objRest(_b, [
|
|
166
|
+
"className",
|
|
167
|
+
"variant",
|
|
168
|
+
"size",
|
|
169
|
+
"asChild"
|
|
170
|
+
]);
|
|
171
|
+
const Comp = asChild ? import_radix_ui.Slot.Root : "button";
|
|
172
|
+
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
173
|
+
Comp,
|
|
174
|
+
__spreadValues({
|
|
175
|
+
"data-slot": "button",
|
|
176
|
+
"data-variant": variant,
|
|
177
|
+
"data-size": size,
|
|
178
|
+
className: cn(buttonVariants({ variant, size, className }))
|
|
179
|
+
}, props)
|
|
180
|
+
);
|
|
181
|
+
}
|
|
182
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
183
|
+
0 && (module.exports = {
|
|
184
|
+
Button,
|
|
185
|
+
ShadcnProvider,
|
|
186
|
+
buttonVariants
|
|
187
|
+
});
|
package/dist/index.mjs
ADDED
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __objRest = (source, exclude) => {
|
|
18
|
+
var target = {};
|
|
19
|
+
for (var prop in source)
|
|
20
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
+
target[prop] = source[prop];
|
|
22
|
+
if (source != null && __getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
// src/provider/ShadcnProvider.tsx
|
|
31
|
+
import { useMemo, useId } from "react";
|
|
32
|
+
|
|
33
|
+
// src/styles/styles-css.ts
|
|
34
|
+
var STYLES_CSS = `/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
35
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}:root,:host{--font-sans:"Figtree Variable", sans-serif;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:calc(var(--shadcn-radius) * .8);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.rounded-\\[min\\(var\\(--radius-md\\)\\,10px\\)\\]{border-radius:min(var(--radius-md), 10px)}.rounded-\\[min\\(var\\(--radius-md\\)\\,12px\\)\\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--shadcn-radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--shadcn-border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--shadcn-background)}.bg-destructive,.bg-destructive\\/10{background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\\/10{background-color:color-mix(in oklab, var(--shadcn-destructive) 10%, transparent)}}.bg-primary{background-color:var(--shadcn-primary)}.bg-secondary{background-color:var(--shadcn-secondary)}.bg-clip-padding{background-clip:padding-box}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\\.5{padding-inline:calc(var(--spacing) * 2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[0\\.8rem\\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-destructive{color:var(--shadcn-destructive)}.text-primary{color:var(--shadcn-primary)}.text-primary-foreground{color:var(--shadcn-primary-foreground)}.text-secondary-foreground{color:var(--shadcn-secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\\:bg-destructive\\/20:hover{background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-destructive\\/20:hover{background-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.hover\\:bg-muted:hover{background-color:var(--shadcn-muted)}.hover\\:bg-secondary\\/80:hover{background-color:var(--shadcn-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-secondary\\/80:hover{background-color:color-mix(in oklab, var(--shadcn-secondary) 80%, transparent)}}.hover\\:text-foreground:hover{color:var(--shadcn-foreground)}.hover\\:underline:hover{text-decoration-line:underline}}.focus-visible\\:border-destructive\\/40:focus-visible{border-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:border-destructive\\/40:focus-visible{border-color:color-mix(in oklab, var(--shadcn-destructive) 40%, transparent)}}.focus-visible\\:border-ring:focus-visible{border-color:var(--shadcn-ring)}.focus-visible\\:ring-3: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\\:ring-destructive\\/20:focus-visible{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-destructive\\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:var(--shadcn-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\\:ring-ring\\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--shadcn-ring) 50%, transparent)}}.active\\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\\:pointer-events-none:disabled{pointer-events:none}.disabled\\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\\[slot\\=button-group\\]\\:rounded-lg{border-radius:var(--shadcn-radius)}.has-data-\\[icon\\=inline-end\\]\\:pr-1\\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-end\\]\\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-end\\]\\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\\[icon\\=inline-start\\]\\:pl-1\\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\\[icon\\=inline-start\\]\\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\\[icon\\=inline-start\\]\\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.aria-expanded\\:bg-muted[aria-expanded=true]{background-color:var(--shadcn-muted)}.aria-expanded\\:bg-secondary[aria-expanded=true]{background-color:var(--shadcn-secondary)}.aria-expanded\\:text-foreground[aria-expanded=true]{color:var(--shadcn-foreground)}.aria-expanded\\:text-secondary-foreground[aria-expanded=true]{color:var(--shadcn-secondary-foreground)}.aria-invalid\\:border-destructive[aria-invalid=true]{border-color:var(--shadcn-destructive)}.aria-invalid\\:ring-3[aria-invalid=true]{--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)}.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\\:ring-destructive\\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.dark\\:border-input:is(.dark *){border-color:var(--shadcn-input)}.dark\\:bg-destructive\\/20:is(.dark *){background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-destructive\\/20:is(.dark *){background-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.dark\\:bg-input\\/30:is(.dark *){background-color:var(--shadcn-input)}@supports (color:color-mix(in lab, red, red)){.dark\\:bg-input\\/30:is(.dark *){background-color:color-mix(in oklab, var(--shadcn-input) 30%, transparent)}}@media (hover:hover){.dark\\:hover\\:bg-destructive\\/30:is(.dark *):hover{background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-destructive\\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--shadcn-destructive) 30%, transparent)}}.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:var(--shadcn-input)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-input\\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--shadcn-input) 50%, transparent)}}.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:var(--shadcn-muted)}@supports (color:color-mix(in lab, red, red)){.dark\\:hover\\:bg-muted\\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--shadcn-muted) 50%, transparent)}}}.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:focus-visible\\:ring-destructive\\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 40%, transparent)}}.dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=true]{border-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:border-destructive\\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--shadcn-destructive) 50%, transparent)}}.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\\:aria-invalid\\:ring-destructive\\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 40%, transparent)}}.\\[\\&_svg\\]\\:pointer-events-none svg{pointer-events:none}.\\[\\&_svg\\]\\:shrink-0 svg{flex-shrink:0}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-3\\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\\[\\&_svg\\:not\\(\\[class\\*\\=\\'size-\\'\\]\\)\\]\\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@media (hover:hover){.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:var(--shadcn-primary)}@supports (color:color-mix(in lab, red, red)){.\\[a\\]\\:hover\\:bg-primary\\/80:is(a):hover{background-color:color-mix(in oklab, var(--shadcn-primary) 80%, transparent)}}}@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}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./files/figtree-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./files/figtree-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--shadcn-background:oklch(100% 0 0);--shadcn-foreground:oklch(14.5% 0 0);--shadcn-card:oklch(100% 0 0);--shadcn-card-foreground:oklch(14.5% 0 0);--shadcn-popover:oklch(100% 0 0);--shadcn-popover-foreground:oklch(14.5% 0 0);--shadcn-primary:oklch(53.2% .157 131.589);--shadcn-primary-foreground:oklch(98.6% .031 120.757);--shadcn-secondary:oklch(96.7% .001 286.375);--shadcn-secondary-foreground:oklch(21% .006 285.885);--shadcn-muted:oklch(97% 0 0);--shadcn-muted-foreground:oklch(55.6% 0 0);--shadcn-accent:oklch(97% 0 0);--shadcn-accent-foreground:oklch(20.5% 0 0);--shadcn-destructive:oklch(57.7% .245 27.325);--shadcn-border:oklch(92.2% 0 0);--shadcn-input:oklch(92.2% 0 0);--shadcn-ring:oklch(70.8% 0 0);--shadcn-chart-1:oklch(87.1% .15 154.449);--shadcn-chart-2:oklch(72.3% .219 149.579);--shadcn-chart-3:oklch(62.7% .194 149.214);--shadcn-chart-4:oklch(52.7% .154 150.069);--shadcn-chart-5:oklch(44.8% .119 151.328);--shadcn-radius:0;--shadcn-sidebar:oklch(98.5% 0 0);--shadcn-sidebar-foreground:oklch(14.5% 0 0);--shadcn-sidebar-primary:oklch(64.8% .2 131.684);--shadcn-sidebar-primary-foreground:oklch(98.6% .031 120.757);--shadcn-sidebar-accent:oklch(97% 0 0);--shadcn-sidebar-accent-foreground:oklch(20.5% 0 0);--shadcn-sidebar-border:oklch(92.2% 0 0);--shadcn-sidebar-ring:oklch(70.8% 0 0)}.dark{--shadcn-background:oklch(14.5% 0 0);--shadcn-foreground:oklch(98.5% 0 0);--shadcn-card:oklch(20.5% 0 0);--shadcn-card-foreground:oklch(98.5% 0 0);--shadcn-popover:oklch(20.5% 0 0);--shadcn-popover-foreground:oklch(98.5% 0 0);--shadcn-primary:oklch(45.3% .124 130.933);--shadcn-primary-foreground:oklch(98.6% .031 120.757);--shadcn-secondary:oklch(27.4% .006 286.033);--shadcn-secondary-foreground:oklch(98.5% 0 0);--shadcn-muted:oklch(26.9% 0 0);--shadcn-muted-foreground:oklch(70.8% 0 0);--shadcn-accent:oklch(26.9% 0 0);--shadcn-accent-foreground:oklch(98.5% 0 0);--shadcn-destructive:oklch(70.4% .191 22.216);--shadcn-border:oklch(100% 0 0/.1);--shadcn-input:oklch(100% 0 0/.15);--shadcn-ring:oklch(55.6% 0 0);--shadcn-chart-1:oklch(87.1% .15 154.449);--shadcn-chart-2:oklch(72.3% .219 149.579);--shadcn-chart-3:oklch(62.7% .194 149.214);--shadcn-chart-4:oklch(52.7% .154 150.069);--shadcn-chart-5:oklch(44.8% .119 151.328);--shadcn-sidebar:oklch(20.5% 0 0);--shadcn-sidebar-foreground:oklch(98.5% 0 0);--shadcn-sidebar-primary:oklch(76.8% .233 130.85);--shadcn-sidebar-primary-foreground:oklch(98.6% .031 120.757);--shadcn-sidebar-accent:oklch(26.9% 0 0);--shadcn-sidebar-accent-foreground:oklch(98.5% 0 0);--shadcn-sidebar-border:oklch(100% 0 0/.1);--shadcn-sidebar-ring:oklch(55.6% 0 0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`;
|
|
36
|
+
|
|
37
|
+
// src/provider/ShadcnProvider.tsx
|
|
38
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
39
|
+
function hexToOklchCss(hex) {
|
|
40
|
+
const r = parseInt(hex.slice(1, 3), 16) / 255;
|
|
41
|
+
const g = parseInt(hex.slice(3, 5), 16) / 255;
|
|
42
|
+
const b = parseInt(hex.slice(5, 7), 16) / 255;
|
|
43
|
+
const toLinear = (c) => c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
|
|
44
|
+
const lr = toLinear(r);
|
|
45
|
+
const lg = toLinear(g);
|
|
46
|
+
const lb = toLinear(b);
|
|
47
|
+
const l_ = Math.cbrt(0.4122214708 * lr + 0.5363325363 * lg + 0.0514459929 * lb);
|
|
48
|
+
const m_ = Math.cbrt(0.2119034982 * lr + 0.6806995451 * lg + 0.1073969566 * lb);
|
|
49
|
+
const s_ = Math.cbrt(0.0883024619 * lr + 0.2817188376 * lg + 0.6299787005 * lb);
|
|
50
|
+
const L = 0.2104542553 * l_ + 0.793617785 * m_ - 0.0040720468 * s_;
|
|
51
|
+
const a = 1.9779984951 * l_ - 2.428592205 * m_ + 0.4505937099 * s_;
|
|
52
|
+
const bOk = 0.0259040371 * l_ + 0.7827717662 * m_ - 0.808675766 * s_;
|
|
53
|
+
const C = Math.sqrt(a * a + bOk * bOk);
|
|
54
|
+
const h = C < 1e-4 ? 0 : (Math.atan2(bOk, a) * 180 / Math.PI + 360) % 360;
|
|
55
|
+
return `oklch(${L.toFixed(3)} ${C.toFixed(3)} ${h.toFixed(3)})`;
|
|
56
|
+
}
|
|
57
|
+
function computeContrastForeground(hex) {
|
|
58
|
+
const r = parseInt(hex.slice(1, 3), 16) / 255;
|
|
59
|
+
const g = parseInt(hex.slice(3, 5), 16) / 255;
|
|
60
|
+
const b = parseInt(hex.slice(5, 7), 16) / 255;
|
|
61
|
+
const toLinear = (c) => c <= 0.04045 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4);
|
|
62
|
+
const luminance = 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b);
|
|
63
|
+
return luminance > 0.179 ? "oklch(0.145 0 0)" : "oklch(0.985 0 0)";
|
|
64
|
+
}
|
|
65
|
+
function ShadcnProvider({
|
|
66
|
+
children,
|
|
67
|
+
primary,
|
|
68
|
+
secondary
|
|
69
|
+
}) {
|
|
70
|
+
const styleId = useId().replace(/:/g, "-");
|
|
71
|
+
const themeOverrides = useMemo(() => {
|
|
72
|
+
const overrides = [];
|
|
73
|
+
if (primary) {
|
|
74
|
+
overrides.push(`--shadcn-primary: ${hexToOklchCss(primary)}`);
|
|
75
|
+
overrides.push(`--shadcn-primary-foreground: ${computeContrastForeground(primary)}`);
|
|
76
|
+
}
|
|
77
|
+
if (secondary) {
|
|
78
|
+
overrides.push(`--shadcn-secondary: ${hexToOklchCss(secondary)}`);
|
|
79
|
+
overrides.push(`--shadcn-secondary-foreground: ${computeContrastForeground(secondary)}`);
|
|
80
|
+
}
|
|
81
|
+
if (overrides.length === 0) return "";
|
|
82
|
+
return `:root { ${overrides.join("; ")}; }`;
|
|
83
|
+
}, [primary, secondary]);
|
|
84
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
85
|
+
STYLES_CSS ? /* @__PURE__ */ jsx("style", { id: `shadcn-styles-${styleId}`, "data-shadcn-styles": true, children: STYLES_CSS }) : null,
|
|
86
|
+
themeOverrides ? /* @__PURE__ */ jsx("style", { id: `shadcn-theme-${styleId}`, "data-shadcn-theme": true, children: themeOverrides }) : null,
|
|
87
|
+
children
|
|
88
|
+
] });
|
|
89
|
+
}
|
|
90
|
+
ShadcnProvider.displayName = "ShadcnProvider";
|
|
91
|
+
|
|
92
|
+
// src/components/ui/button.tsx
|
|
93
|
+
import { cva } from "class-variance-authority";
|
|
94
|
+
import { Slot } from "radix-ui";
|
|
95
|
+
|
|
96
|
+
// src/lib/utils.ts
|
|
97
|
+
import { clsx } from "clsx";
|
|
98
|
+
import { twMerge } from "tailwind-merge";
|
|
99
|
+
function cn(...inputs) {
|
|
100
|
+
return twMerge(clsx(inputs));
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
// src/components/ui/button.tsx
|
|
104
|
+
import { jsx as jsx2 } from "react/jsx-runtime";
|
|
105
|
+
var buttonVariants = cva(
|
|
106
|
+
"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
107
|
+
{
|
|
108
|
+
variants: {
|
|
109
|
+
variant: {
|
|
110
|
+
default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
|
|
111
|
+
outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
|
|
112
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
|
|
113
|
+
ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
|
|
114
|
+
destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
|
|
115
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
116
|
+
},
|
|
117
|
+
size: {
|
|
118
|
+
default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
|
|
119
|
+
xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
|
|
120
|
+
sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
|
|
121
|
+
lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3",
|
|
122
|
+
icon: "size-8",
|
|
123
|
+
"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
|
|
124
|
+
"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
|
|
125
|
+
"icon-lg": "size-9"
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
defaultVariants: {
|
|
129
|
+
variant: "default",
|
|
130
|
+
size: "default"
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
);
|
|
134
|
+
function Button(_a) {
|
|
135
|
+
var _b = _a, {
|
|
136
|
+
className,
|
|
137
|
+
variant = "default",
|
|
138
|
+
size = "default",
|
|
139
|
+
asChild = false
|
|
140
|
+
} = _b, props = __objRest(_b, [
|
|
141
|
+
"className",
|
|
142
|
+
"variant",
|
|
143
|
+
"size",
|
|
144
|
+
"asChild"
|
|
145
|
+
]);
|
|
146
|
+
const Comp = asChild ? Slot.Root : "button";
|
|
147
|
+
return /* @__PURE__ */ jsx2(
|
|
148
|
+
Comp,
|
|
149
|
+
__spreadValues({
|
|
150
|
+
"data-slot": "button",
|
|
151
|
+
"data-variant": variant,
|
|
152
|
+
"data-size": size,
|
|
153
|
+
className: cn(buttonVariants({ variant, size, className }))
|
|
154
|
+
}, props)
|
|
155
|
+
);
|
|
156
|
+
}
|
|
157
|
+
export {
|
|
158
|
+
Button,
|
|
159
|
+
ShadcnProvider,
|
|
160
|
+
buttonVariants
|
|
161
|
+
};
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}:root,:host{--font-sans:"Figtree Variable", sans-serif;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-medium:500;--radius-md:calc(var(--shadcn-radius) * .8);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}.inline-flex{display:inline-flex}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.shrink-0{flex-shrink:0}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-lg{border-radius:var(--shadcn-radius)}.border{border-style:var(--tw-border-style);border-width:1px}.border-border{border-color:var(--shadcn-border)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--shadcn-background)}.bg-destructive,.bg-destructive\/10{background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.bg-destructive\/10{background-color:color-mix(in oklab, var(--shadcn-destructive) 10%, transparent)}}.bg-primary{background-color:var(--shadcn-primary)}.bg-secondary{background-color:var(--shadcn-secondary)}.bg-clip-padding{background-clip:padding-box}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.whitespace-nowrap{white-space:nowrap}.text-destructive{color:var(--shadcn-destructive)}.text-primary{color:var(--shadcn-primary)}.text-primary-foreground{color:var(--shadcn-primary-foreground)}.text-secondary-foreground{color:var(--shadcn-secondary-foreground)}.underline-offset-4{text-underline-offset:4px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-destructive\/20:hover{background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-destructive\/20:hover{background-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.hover\:bg-muted:hover{background-color:var(--shadcn-muted)}.hover\:bg-secondary\/80:hover{background-color:var(--shadcn-secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab, var(--shadcn-secondary) 80%, transparent)}}.hover\:text-foreground:hover{color:var(--shadcn-foreground)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:border-destructive\/40:focus-visible{border-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:border-destructive\/40:focus-visible{border-color:color-mix(in oklab, var(--shadcn-destructive) 40%, transparent)}}.focus-visible\:border-ring:focus-visible{border-color:var(--shadcn-ring)}.focus-visible\:ring-3: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\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--shadcn-ring)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab, var(--shadcn-ring) 50%, transparent)}}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--shadcn-radius)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-end\]\:pr-3:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 3)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-3:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 3)}.aria-expanded\:bg-muted[aria-expanded=true]{background-color:var(--shadcn-muted)}.aria-expanded\:bg-secondary[aria-expanded=true]{background-color:var(--shadcn-secondary)}.aria-expanded\:text-foreground[aria-expanded=true]{color:var(--shadcn-foreground)}.aria-expanded\:text-secondary-foreground[aria-expanded=true]{color:var(--shadcn-secondary-foreground)}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--shadcn-destructive)}.aria-invalid\:ring-3[aria-invalid=true]{--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)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.dark\:border-input:is(.dark *){border-color:var(--shadcn-input)}.dark\:bg-destructive\/20:is(.dark *){background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-destructive\/20:is(.dark *){background-color:color-mix(in oklab, var(--shadcn-destructive) 20%, transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--shadcn-input)}@supports (color:color-mix(in lab, red, red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab, var(--shadcn-input) 30%, transparent)}}@media (hover:hover){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-destructive\/30:is(.dark *):hover{background-color:color-mix(in oklab, var(--shadcn-destructive) 30%, transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--shadcn-input)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--shadcn-input) 50%, transparent)}}.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:var(--shadcn-muted)}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-muted\/50:is(.dark *):hover{background-color:color-mix(in oklab, var(--shadcn-muted) 50%, transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 40%, transparent)}}.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:border-destructive\/50:is(.dark *)[aria-invalid=true]{border-color:color-mix(in oklab, var(--shadcn-destructive) 50%, transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--shadcn-destructive)}@supports (color:color-mix(in lab, red, red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab, var(--shadcn-destructive) 40%, transparent)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}@media (hover:hover){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:var(--shadcn-primary)}@supports (color:color-mix(in lab, red, red)){.\[a\]\:hover\:bg-primary\/80:is(a):hover{background-color:color-mix(in oklab, var(--shadcn-primary) 80%, transparent)}}}@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}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./files/figtree-latin-ext-wght-normal.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./files/figtree-latin-wght-normal.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--shadcn-background:oklch(100% 0 0);--shadcn-foreground:oklch(14.5% 0 0);--shadcn-card:oklch(100% 0 0);--shadcn-card-foreground:oklch(14.5% 0 0);--shadcn-popover:oklch(100% 0 0);--shadcn-popover-foreground:oklch(14.5% 0 0);--shadcn-primary:oklch(53.2% .157 131.589);--shadcn-primary-foreground:oklch(98.6% .031 120.757);--shadcn-secondary:oklch(96.7% .001 286.375);--shadcn-secondary-foreground:oklch(21% .006 285.885);--shadcn-muted:oklch(97% 0 0);--shadcn-muted-foreground:oklch(55.6% 0 0);--shadcn-accent:oklch(97% 0 0);--shadcn-accent-foreground:oklch(20.5% 0 0);--shadcn-destructive:oklch(57.7% .245 27.325);--shadcn-border:oklch(92.2% 0 0);--shadcn-input:oklch(92.2% 0 0);--shadcn-ring:oklch(70.8% 0 0);--shadcn-chart-1:oklch(87.1% .15 154.449);--shadcn-chart-2:oklch(72.3% .219 149.579);--shadcn-chart-3:oklch(62.7% .194 149.214);--shadcn-chart-4:oklch(52.7% .154 150.069);--shadcn-chart-5:oklch(44.8% .119 151.328);--shadcn-radius:0;--shadcn-sidebar:oklch(98.5% 0 0);--shadcn-sidebar-foreground:oklch(14.5% 0 0);--shadcn-sidebar-primary:oklch(64.8% .2 131.684);--shadcn-sidebar-primary-foreground:oklch(98.6% .031 120.757);--shadcn-sidebar-accent:oklch(97% 0 0);--shadcn-sidebar-accent-foreground:oklch(20.5% 0 0);--shadcn-sidebar-border:oklch(92.2% 0 0);--shadcn-sidebar-ring:oklch(70.8% 0 0)}.dark{--shadcn-background:oklch(14.5% 0 0);--shadcn-foreground:oklch(98.5% 0 0);--shadcn-card:oklch(20.5% 0 0);--shadcn-card-foreground:oklch(98.5% 0 0);--shadcn-popover:oklch(20.5% 0 0);--shadcn-popover-foreground:oklch(98.5% 0 0);--shadcn-primary:oklch(45.3% .124 130.933);--shadcn-primary-foreground:oklch(98.6% .031 120.757);--shadcn-secondary:oklch(27.4% .006 286.033);--shadcn-secondary-foreground:oklch(98.5% 0 0);--shadcn-muted:oklch(26.9% 0 0);--shadcn-muted-foreground:oklch(70.8% 0 0);--shadcn-accent:oklch(26.9% 0 0);--shadcn-accent-foreground:oklch(98.5% 0 0);--shadcn-destructive:oklch(70.4% .191 22.216);--shadcn-border:oklch(100% 0 0/.1);--shadcn-input:oklch(100% 0 0/.15);--shadcn-ring:oklch(55.6% 0 0);--shadcn-chart-1:oklch(87.1% .15 154.449);--shadcn-chart-2:oklch(72.3% .219 149.579);--shadcn-chart-3:oklch(62.7% .194 149.214);--shadcn-chart-4:oklch(52.7% .154 150.069);--shadcn-chart-5:oklch(44.8% .119 151.328);--shadcn-sidebar:oklch(20.5% 0 0);--shadcn-sidebar-foreground:oklch(98.5% 0 0);--shadcn-sidebar-primary:oklch(76.8% .233 130.85);--shadcn-sidebar-primary-foreground:oklch(98.6% .031 120.757);--shadcn-sidebar-accent:oklch(26.9% 0 0);--shadcn-sidebar-accent-foreground:oklch(98.5% 0 0);--shadcn-sidebar-border:oklch(100% 0 0/.1);--shadcn-sidebar-ring:oklch(55.6% 0 0)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}
|