@fiestaboard/ui 1.6.3
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/LICENSE +21 -0
- package/README.md +153 -0
- package/dist/components/board/board-display.d.ts +35 -0
- package/dist/components/board/board-display.js +514 -0
- package/dist/components/board/board-display.js.map +1 -0
- package/dist/components/board/board-teaser.d.ts +10 -0
- package/dist/components/board/board-teaser.js +110 -0
- package/dist/components/board/board-teaser.js.map +1 -0
- package/dist/components/board/scaled-board-display.d.ts +37 -0
- package/dist/components/board/scaled-board-display.js +118 -0
- package/dist/components/board/scaled-board-display.js.map +1 -0
- package/dist/components/board/static-board-display.d.ts +17 -0
- package/dist/components/board/static-board-display.js +140 -0
- package/dist/components/board/static-board-display.js.map +1 -0
- package/dist/components/chrome/board-icon.d.ts +11 -0
- package/dist/components/chrome/board-icon.js +31 -0
- package/dist/components/chrome/board-icon.js.map +1 -0
- package/dist/components/chrome/board-selector.d.ts +30 -0
- package/dist/components/chrome/board-selector.js +37 -0
- package/dist/components/chrome/board-selector.js.map +1 -0
- package/dist/components/chrome/fiesta-icon.d.ts +28 -0
- package/dist/components/chrome/fiesta-icon.js +129 -0
- package/dist/components/chrome/fiesta-icon.js.map +1 -0
- package/dist/components/chrome/fiesta-logo.d.ts +6 -0
- package/dist/components/chrome/fiesta-logo.js +20 -0
- package/dist/components/chrome/fiesta-logo.js.map +1 -0
- package/dist/components/chrome/language-selector.d.ts +21 -0
- package/dist/components/chrome/language-selector.js +29 -0
- package/dist/components/chrome/language-selector.js.map +1 -0
- package/dist/components/chrome/main-content.d.ts +28 -0
- package/dist/components/chrome/main-content.js +33 -0
- package/dist/components/chrome/main-content.js.map +1 -0
- package/dist/components/chrome/page-header.d.ts +23 -0
- package/dist/components/chrome/page-header.js +69 -0
- package/dist/components/chrome/page-header.js.map +1 -0
- package/dist/components/chrome/page-layout.d.ts +10 -0
- package/dist/components/chrome/page-layout.js +17 -0
- package/dist/components/chrome/page-layout.js.map +1 -0
- package/dist/components/chrome/page-toolbar.d.ts +7 -0
- package/dist/components/chrome/page-toolbar.js +21 -0
- package/dist/components/chrome/page-toolbar.js.map +1 -0
- package/dist/components/chrome/sidebar.d.ts +83 -0
- package/dist/components/chrome/sidebar.js +318 -0
- package/dist/components/chrome/sidebar.js.map +1 -0
- package/dist/components/chrome/skip-to-content.d.ts +8 -0
- package/dist/components/chrome/skip-to-content.js +15 -0
- package/dist/components/chrome/skip-to-content.js.map +1 -0
- package/dist/components/chrome/theme-toggle.d.ts +22 -0
- package/dist/components/chrome/theme-toggle.js +28 -0
- package/dist/components/chrome/theme-toggle.js.map +1 -0
- package/dist/components/seasons/aurora-canvas.d.ts +22 -0
- package/dist/components/seasons/aurora-canvas.js +88 -0
- package/dist/components/seasons/aurora-canvas.js.map +1 -0
- package/dist/components/seasons/sidebar-aurora-horizontal.d.ts +3 -0
- package/dist/components/seasons/sidebar-aurora-horizontal.js +47 -0
- package/dist/components/seasons/sidebar-aurora-horizontal.js.map +1 -0
- package/dist/components/seasons/sidebar-aurora.d.ts +3 -0
- package/dist/components/seasons/sidebar-aurora.js +57 -0
- package/dist/components/seasons/sidebar-aurora.js.map +1 -0
- package/dist/components/ui/accordion.d.ts +16 -0
- package/dist/components/ui/accordion.js +55 -0
- package/dist/components/ui/accordion.js.map +1 -0
- package/dist/components/ui/alert-dialog.d.ts +16 -0
- package/dist/components/ui/alert-dialog.js +78 -0
- package/dist/components/ui/alert-dialog.js.map +1 -0
- package/dist/components/ui/alert.d.ts +9 -0
- package/dist/components/ui/alert.js +41 -0
- package/dist/components/ui/alert.js.map +1 -0
- package/dist/components/ui/aurora.d.ts +9 -0
- package/dist/components/ui/aurora.js +105 -0
- package/dist/components/ui/aurora.js.map +1 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/badge.js +35 -0
- package/dist/components/ui/badge.js.map +1 -0
- package/dist/components/ui/box.d.ts +20 -0
- package/dist/components/ui/box.js +14 -0
- package/dist/components/ui/box.js.map +1 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/button.js +52 -0
- package/dist/components/ui/button.js.map +1 -0
- package/dist/components/ui/card.d.ts +11 -0
- package/dist/components/ui/card.js +57 -0
- package/dist/components/ui/card.js.map +1 -0
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/checkbox.js +16 -0
- package/dist/components/ui/checkbox.js.map +1 -0
- package/dist/components/ui/code.d.ts +8 -0
- package/dist/components/ui/code.js +15 -0
- package/dist/components/ui/code.js.map +1 -0
- package/dist/components/ui/collapsible.d.ts +8 -0
- package/dist/components/ui/collapsible.js +28 -0
- package/dist/components/ui/collapsible.js.map +1 -0
- package/dist/components/ui/dialog.d.ts +17 -0
- package/dist/components/ui/dialog.js +77 -0
- package/dist/components/ui/dialog.js.map +1 -0
- package/dist/components/ui/dropdown-menu.d.ts +32 -0
- package/dist/components/ui/dropdown-menu.js +129 -0
- package/dist/components/ui/dropdown-menu.js.map +1 -0
- package/dist/components/ui/empty-state.d.ts +23 -0
- package/dist/components/ui/empty-state.js +49 -0
- package/dist/components/ui/empty-state.js.map +1 -0
- package/dist/components/ui/flex.d.ts +24 -0
- package/dist/components/ui/flex.js +61 -0
- package/dist/components/ui/flex.js.map +1 -0
- package/dist/components/ui/grid.d.ts +20 -0
- package/dist/components/ui/grid.js +77 -0
- package/dist/components/ui/grid.js.map +1 -0
- package/dist/components/ui/heading.d.ts +18 -0
- package/dist/components/ui/heading.js +26 -0
- package/dist/components/ui/heading.js.map +1 -0
- package/dist/components/ui/input.d.ts +4 -0
- package/dist/components/ui/input.js +16 -0
- package/dist/components/ui/input.js.map +1 -0
- package/dist/components/ui/label.d.ts +4 -0
- package/dist/components/ui/label.js +15 -0
- package/dist/components/ui/label.js.map +1 -0
- package/dist/components/ui/list.d.ts +25 -0
- package/dist/components/ui/list.js +46 -0
- package/dist/components/ui/list.js.map +1 -0
- package/dist/components/ui/react-bits/decrypted-text.d.ts +14 -0
- package/dist/components/ui/react-bits/decrypted-text.js +88 -0
- package/dist/components/ui/react-bits/decrypted-text.js.map +1 -0
- package/dist/components/ui/react-bits/fade-content.d.ts +11 -0
- package/dist/components/ui/react-bits/fade-content.js +48 -0
- package/dist/components/ui/react-bits/fade-content.js.map +1 -0
- package/dist/components/ui/scroll-area.d.ts +5 -0
- package/dist/components/ui/scroll-area.js +39 -0
- package/dist/components/ui/scroll-area.js.map +1 -0
- package/dist/components/ui/select.d.ts +26 -0
- package/dist/components/ui/select.js +132 -0
- package/dist/components/ui/select.js.map +1 -0
- package/dist/components/ui/sheet.d.ts +29 -0
- package/dist/components/ui/sheet.js +114 -0
- package/dist/components/ui/sheet.js.map +1 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/skeleton.js +14 -0
- package/dist/components/ui/skeleton.js.map +1 -0
- package/dist/components/ui/slider.d.ts +9 -0
- package/dist/components/ui/slider.js +39 -0
- package/dist/components/ui/slider.js.map +1 -0
- package/dist/components/ui/stack.d.ts +16 -0
- package/dist/components/ui/stack.js +44 -0
- package/dist/components/ui/stack.js.map +1 -0
- package/dist/components/ui/switch.d.ts +4 -0
- package/dist/components/ui/switch.js +24 -0
- package/dist/components/ui/switch.js.map +1 -0
- package/dist/components/ui/table.d.ts +13 -0
- package/dist/components/ui/table.js +54 -0
- package/dist/components/ui/table.js.map +1 -0
- package/dist/components/ui/tabs.d.ts +7 -0
- package/dist/components/ui/tabs.js +37 -0
- package/dist/components/ui/tabs.js.map +1 -0
- package/dist/components/ui/text-link.d.ts +9 -0
- package/dist/components/ui/text-link.js +15 -0
- package/dist/components/ui/text-link.js.map +1 -0
- package/dist/components/ui/text.d.ts +22 -0
- package/dist/components/ui/text.js +48 -0
- package/dist/components/ui/text.js.map +1 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/components/ui/textarea.js +15 -0
- package/dist/components/ui/textarea.js.map +1 -0
- package/dist/components/ui/tooltip.d.ts +16 -0
- package/dist/components/ui/tooltip.js +38 -0
- package/dist/components/ui/tooltip.js.map +1 -0
- package/dist/fonts.css +16 -0
- package/dist/index.d.ts +66 -0
- package/dist/index.js +59 -0
- package/dist/lib/board-characters.d.ts +55 -0
- package/dist/lib/board-characters.js +151 -0
- package/dist/lib/board-characters.js.map +1 -0
- package/dist/lib/board-colors.d.ts +48 -0
- package/dist/lib/board-colors.js +93 -0
- package/dist/lib/board-colors.js.map +1 -0
- package/dist/lib/board-dimensions.d.ts +41 -0
- package/dist/lib/board-dimensions.js +38 -0
- package/dist/lib/board-dimensions.js.map +1 -0
- package/dist/lib/board-metrics.d.ts +19 -0
- package/dist/lib/board-metrics.js +22 -0
- package/dist/lib/board-metrics.js.map +1 -0
- package/dist/lib/seasons-drafts.d.ts +26 -0
- package/dist/lib/seasons-drafts.js +106 -0
- package/dist/lib/seasons-drafts.js.map +1 -0
- package/dist/lib/seasons.d.ts +52 -0
- package/dist/lib/seasons.js +59 -0
- package/dist/lib/seasons.js.map +1 -0
- package/dist/lib/select-items.d.ts +29 -0
- package/dist/lib/select-items.js +35 -0
- package/dist/lib/select-items.js.map +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/lib/utils.js +11 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/seasons/christmas.css +64 -0
- package/dist/seasons/easter.css +62 -0
- package/dist/seasons/fathers-day.css +62 -0
- package/dist/seasons/halloween.css +69 -0
- package/dist/seasons/mothers-day.css +63 -0
- package/dist/seasons/new-year.css +66 -0
- package/dist/seasons/pride.css +68 -0
- package/dist/seasons/thanksgiving.css +64 -0
- package/dist/theme.css +1174 -0
- package/package.json +108 -0
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { AURORA_FRAG_PRELUDE as e, useAuroraCanvas as t } from "./aurora-canvas.js";
|
|
3
|
+
import { memo as n, useRef as r } from "react";
|
|
4
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/seasons/sidebar-aurora.tsx
|
|
6
|
+
var a = `${e}
|
|
7
|
+
void main(){
|
|
8
|
+
vec2 uv = gl_FragCoord.xy / uResolution;
|
|
9
|
+
|
|
10
|
+
vec3 ramp = rampColor(1.0 - uv.y);
|
|
11
|
+
|
|
12
|
+
// Noise drives organic horizontal shimmer.
|
|
13
|
+
float n = snoise(vec2(uv.y * 2.5 + uTime * 0.08, uTime * 0.18)) * 0.5;
|
|
14
|
+
n += snoise(vec2(uv.y * 5.0 - uTime * 0.05, uTime * 0.12 + 3.0)) * 0.25;
|
|
15
|
+
|
|
16
|
+
// Gradual blur: sample intensity at several horizontal offsets.
|
|
17
|
+
// blurR shrinks toward the right edge, so the right stays sharp
|
|
18
|
+
// while the left becomes progressively more diffuse.
|
|
19
|
+
float blurR = (1.0 - uv.x) * 0.09;
|
|
20
|
+
float intensity = 0.0;
|
|
21
|
+
float total = 0.0;
|
|
22
|
+
for (int i = -4; i <= 4; i++) {
|
|
23
|
+
float dx = float(i) * blurR;
|
|
24
|
+
float xi = clamp((uv.x + dx - 0.4) * 2.0 + n * 0.22, 0.0, 1.0);
|
|
25
|
+
float w = exp(-float(i * i) * 1.5);
|
|
26
|
+
intensity += mix(0.03, uBlend, pow(xi, 2.0)) * w;
|
|
27
|
+
total += w;
|
|
28
|
+
}
|
|
29
|
+
intensity /= total;
|
|
30
|
+
|
|
31
|
+
fragColor = vec4(ramp, intensity);
|
|
32
|
+
}`, o = .07, s = n(function({ colors: e }) {
|
|
33
|
+
let n = r(null);
|
|
34
|
+
return t(n, a, e, "SidebarAurora", o), /* @__PURE__ */ i("div", {
|
|
35
|
+
"aria-hidden": "true",
|
|
36
|
+
style: {
|
|
37
|
+
position: "absolute",
|
|
38
|
+
inset: 0,
|
|
39
|
+
overflow: "hidden",
|
|
40
|
+
borderRadius: "var(--radius-chrome, 14px)",
|
|
41
|
+
pointerEvents: "none"
|
|
42
|
+
},
|
|
43
|
+
children: /* @__PURE__ */ i("canvas", {
|
|
44
|
+
ref: n,
|
|
45
|
+
style: {
|
|
46
|
+
position: "absolute",
|
|
47
|
+
inset: 0,
|
|
48
|
+
width: "100%",
|
|
49
|
+
height: "100%"
|
|
50
|
+
}
|
|
51
|
+
})
|
|
52
|
+
});
|
|
53
|
+
});
|
|
54
|
+
//#endregion
|
|
55
|
+
export { s as SidebarAurora };
|
|
56
|
+
|
|
57
|
+
//# sourceMappingURL=sidebar-aurora.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-aurora.js","names":[],"sources":["../../../src/components/seasons/sidebar-aurora.tsx"],"mappings":";;;;;AASA,IAAM,IAAO,GAAG,EAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;IAmC9B,IAAmB,KAIZ,IAAgB,EAAK,SAAuB,EAAE,aAAgC;CACzF,IAAM,IAAY,EAA0B,IAAI;CAGhD,OAFA,EAAgB,GAAW,GAAM,GAAQ,iBAAiB,CAAgB,GAGxE,kBAAC,OAAD;EACE,eAAY;EACZ,OAAO;GACL,UAAU;GACV,OAAO;GACP,UAAU;GACV,cAAc;GACd,eAAe;EACjB;EAEA,UAAA,kBAAC,UAAD;GAAQ,KAAK;GAAW,OAAO;IAAE,UAAU;IAAY,OAAO;IAAG,OAAO;IAAQ,QAAQ;GAAO;EAAI,CAAA;CAChG,CAAA;AAET,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
type AccordionProps = Omit<React.ComponentProps<typeof AccordionPrimitive.Root>, "value" | "defaultValue" | "onValueChange" | "multiple"> & {
|
|
4
|
+
/** Radix-style API: "single" allows one open item, "multiple" allows several. */
|
|
5
|
+
type?: "single" | "multiple";
|
|
6
|
+
/** Radix-style flag; Base UI single-mode items are always collapsible. */
|
|
7
|
+
collapsible?: boolean;
|
|
8
|
+
value?: string | string[];
|
|
9
|
+
defaultValue?: string | string[];
|
|
10
|
+
onValueChange?: (value: string | string[]) => void;
|
|
11
|
+
};
|
|
12
|
+
declare function Accordion({ type, collapsible: _collapsible, value, defaultValue, onValueChange, ...props }: AccordionProps): React.JSX.Element;
|
|
13
|
+
declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
|
|
14
|
+
declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.JSX.Element;
|
|
15
|
+
declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Panel>): React.JSX.Element;
|
|
16
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import { Accordion as t } from "@base-ui/react/accordion";
|
|
4
|
+
import { ChevronDown as n } from "lucide-react";
|
|
5
|
+
import * as r from "react";
|
|
6
|
+
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
7
|
+
//#region src/components/ui/accordion.tsx
|
|
8
|
+
var o = (e) => e === void 0 ? void 0 : Array.isArray(e) ? e : [e];
|
|
9
|
+
function s({ type: e = "single", collapsible: n, value: a, defaultValue: s, onValueChange: c, ...l }) {
|
|
10
|
+
let u = r.useMemo(() => o(a), [a]), d = r.useMemo(() => o(s), [s]), f = r.useCallback((t) => e === "multiple" ? c?.(t) : c?.(t[t.length - 1] ?? ""), [c, e]);
|
|
11
|
+
return /* @__PURE__ */ i(t.Root, {
|
|
12
|
+
"data-slot": "accordion",
|
|
13
|
+
multiple: e === "multiple",
|
|
14
|
+
value: u,
|
|
15
|
+
defaultValue: d,
|
|
16
|
+
onValueChange: c ? f : void 0,
|
|
17
|
+
...l
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
function c({ className: n, ...r }) {
|
|
21
|
+
return /* @__PURE__ */ i(t.Item, {
|
|
22
|
+
"data-slot": "accordion-item",
|
|
23
|
+
className: e("border-b", n),
|
|
24
|
+
...r
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
function l({ className: r, children: o, ...s }) {
|
|
28
|
+
return /* @__PURE__ */ i(t.Header, {
|
|
29
|
+
className: "flex",
|
|
30
|
+
children: /* @__PURE__ */ a(t.Trigger, {
|
|
31
|
+
"data-slot": "accordion-trigger",
|
|
32
|
+
className: e("flex flex-1 items-center justify-between py-4 font-medium transition-colors hover:underline [&[data-panel-open]>svg]:rotate-180", r),
|
|
33
|
+
...s,
|
|
34
|
+
children: [o, /* @__PURE__ */ i(n, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })]
|
|
35
|
+
})
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
function u({ className: n, children: r, ...a }) {
|
|
39
|
+
return /* @__PURE__ */ i(t.Panel, {
|
|
40
|
+
"data-slot": "accordion-content",
|
|
41
|
+
className: "overflow-hidden text-sm data-[ending-style]:animate-accordion-up data-[open]:animate-accordion-down",
|
|
42
|
+
...a,
|
|
43
|
+
children: /* @__PURE__ */ i("div", {
|
|
44
|
+
className: "min-h-0 overflow-hidden",
|
|
45
|
+
children: /* @__PURE__ */ i("div", {
|
|
46
|
+
className: e("pb-4 pt-0", n),
|
|
47
|
+
children: r
|
|
48
|
+
})
|
|
49
|
+
})
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
//#endregion
|
|
53
|
+
export { s as Accordion, u as AccordionContent, c as AccordionItem, l as AccordionTrigger };
|
|
54
|
+
|
|
55
|
+
//# sourceMappingURL=accordion.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"accordion.js","names":[],"sources":["../../../src/components/ui/accordion.tsx"],"mappings":";;;;;;;AAQA,IAAM,KAAW,MAAsC,MAAM,KAAA,IAAY,KAAA,IAAY,MAAM,QAAQ,CAAC,IAAI,IAAI,CAAC,CAAC;AAe9G,SAAS,EAAU,EACjB,UAAO,UACP,aAAa,GACb,UACA,iBACA,kBACA,GAAG,KACc;CACjB,IAAM,IAAa,EAAM,cAAc,EAAQ,CAAK,GAAG,CAAC,CAAK,CAAC,GACxD,IAAoB,EAAM,cAAc,EAAQ,CAAY,GAAG,CAAC,CAAY,CAAC,GAC7E,IAAoB,EAAM,aAC7B,MACC,MAAS,aAAa,IAAgB,CAAM,IAAI,IAAgB,EAAO,EAAO,SAAS,MAAM,EAAE,GACjG,CAAC,GAAe,CAAI,CACtB;CACA,OACE,kBAAC,EAAmB,MAApB;EACE,aAAU;EACV,UAAU,MAAS;EACnB,OAAO;EACP,cAAc;EACd,eAAe,IAAgB,IAAoB,KAAA;EACnD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAc,EAAE,cAAW,GAAG,KAA+D;CACpG,OAAO,kBAAC,EAAmB,MAApB;EAAyB,aAAU;EAAiB,WAAW,EAAG,YAAY,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC/G;AAEA,SAAS,EAAiB,EAAE,cAAW,aAAU,GAAG,KAAkE;CACpH,OACE,kBAAC,EAAmB,QAApB;EAA2B,WAAU;EACnC,UAAA,kBAAC,EAAmB,SAApB;GACE,aAAU;GACV,WAAW,EACT,mIACA,CACF;GACA,GAAI;GANN,UAAA,CAQG,GACD,kBAAC,GAAD,EAAa,WAAU,qDAAsD,CAAA,CACnD;;CACH,CAAA;AAE/B;AAEA,SAAS,EAAiB,EAAE,cAAW,aAAU,GAAG,KAAgE;CAClH,OACE,kBAAC,EAAmB,OAApB;EACE,aAAU;EACV,WAAU;EACV,GAAI;EAEJ,UAAA,kBAAC,OAAD;GAAK,WAAU;GACb,UAAA,kBAAC,OAAD;IAAK,WAAW,EAAG,aAAa,CAAS;IAAI;GAAc,CAAA;EACxD,CAAA;CACmB,CAAA;AAE9B"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const AlertDialog: typeof AlertDialogPrimitive.Root;
|
|
4
|
+
declare function AlertDialogTrigger({ asChild, children, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger> & {
|
|
5
|
+
asChild?: boolean;
|
|
6
|
+
}): React.JSX.Element;
|
|
7
|
+
declare const AlertDialogPortal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Backdrop>): React.JSX.Element;
|
|
9
|
+
declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Popup>): React.JSX.Element;
|
|
10
|
+
declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
11
|
+
declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
12
|
+
declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
|
|
13
|
+
declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
|
|
14
|
+
declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Close>): React.JSX.Element;
|
|
15
|
+
declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Close>): React.JSX.Element;
|
|
16
|
+
export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import { buttonVariants as t } from "./button.js";
|
|
4
|
+
import * as n from "react";
|
|
5
|
+
import { jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
6
|
+
import { AlertDialog as a } from "@base-ui/react/alert-dialog";
|
|
7
|
+
//#region src/components/ui/alert-dialog.tsx
|
|
8
|
+
var o = a.Root;
|
|
9
|
+
function s({ asChild: e = !1, children: t, ...i }) {
|
|
10
|
+
return /* @__PURE__ */ r(a.Trigger, {
|
|
11
|
+
"data-slot": "alert-dialog-trigger",
|
|
12
|
+
...e ? { render: n.Children.only(t) } : { children: t },
|
|
13
|
+
...i
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
var c = a.Portal;
|
|
17
|
+
function l({ className: t, ...n }) {
|
|
18
|
+
return /* @__PURE__ */ r(a.Backdrop, {
|
|
19
|
+
"data-slot": "alert-dialog-overlay",
|
|
20
|
+
className: e("fixed inset-0 z-[var(--z-modal)] bg-overlay", t),
|
|
21
|
+
...n
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function u({ className: t, ...n }) {
|
|
25
|
+
return /* @__PURE__ */ i(c, { children: [/* @__PURE__ */ r(l, {}), /* @__PURE__ */ r(a.Popup, {
|
|
26
|
+
"data-slot": "alert-dialog-content",
|
|
27
|
+
className: e("fixed left-[50%] top-[50%] z-[var(--z-modal)] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-modal sm:rounded-lg", t),
|
|
28
|
+
...n
|
|
29
|
+
})] });
|
|
30
|
+
}
|
|
31
|
+
function d({ className: t, ...n }) {
|
|
32
|
+
return /* @__PURE__ */ r("div", {
|
|
33
|
+
"data-slot": "alert-dialog-header",
|
|
34
|
+
className: e("flex flex-col space-y-2 text-center sm:text-left", t),
|
|
35
|
+
...n
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
function f({ className: t, ...n }) {
|
|
39
|
+
return /* @__PURE__ */ r("div", {
|
|
40
|
+
"data-slot": "alert-dialog-footer",
|
|
41
|
+
className: e("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", t),
|
|
42
|
+
...n
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
function p({ className: t, ...n }) {
|
|
46
|
+
return /* @__PURE__ */ r(a.Title, {
|
|
47
|
+
"data-slot": "alert-dialog-title",
|
|
48
|
+
className: e("text-lg font-semibold leading-none tracking-tight", t),
|
|
49
|
+
...n
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
function m({ className: t, ...n }) {
|
|
53
|
+
return /* @__PURE__ */ r(a.Description, {
|
|
54
|
+
"data-slot": "alert-dialog-description",
|
|
55
|
+
className: e("text-sm text-muted-foreground", t),
|
|
56
|
+
...n
|
|
57
|
+
});
|
|
58
|
+
}
|
|
59
|
+
function h({ className: n, ...i }) {
|
|
60
|
+
return /* @__PURE__ */ r(a.Close, {
|
|
61
|
+
"data-slot": "alert-dialog-action",
|
|
62
|
+
"data-testid": "alert-dialog-action",
|
|
63
|
+
className: e(t(), n),
|
|
64
|
+
...i
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
function g({ className: n, ...i }) {
|
|
68
|
+
return /* @__PURE__ */ r(a.Close, {
|
|
69
|
+
"data-slot": "alert-dialog-cancel",
|
|
70
|
+
"data-testid": "alert-dialog-cancel",
|
|
71
|
+
className: e(t({ variant: "outline" }), "mt-2 sm:mt-0", n),
|
|
72
|
+
...i
|
|
73
|
+
});
|
|
74
|
+
}
|
|
75
|
+
//#endregion
|
|
76
|
+
export { o as AlertDialog, h as AlertDialogAction, g as AlertDialogCancel, u as AlertDialogContent, m as AlertDialogDescription, f as AlertDialogFooter, d as AlertDialogHeader, l as AlertDialogOverlay, c as AlertDialogPortal, p as AlertDialogTitle, s as AlertDialogTrigger };
|
|
77
|
+
|
|
78
|
+
//# sourceMappingURL=alert-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-dialog.js","names":[],"sources":["../../../src/components/ui/alert-dialog.tsx"],"mappings":";;;;;;;AAQA,IAAM,IAAc,EAAqB;AAEzC,SAAS,EAAmB,EAC1B,aAAU,IACV,aACA,GAAG,KACiF;CACpF,OACE,kBAAC,EAAqB,SAAtB;EACE,aAAU;EACV,GAAK,IAAU,EAAE,QAAQ,EAAM,SAAS,KAAK,CAAQ,EAAwB,IAAI,EAAE,YAAS;EAC5F,GAAI;CACL,CAAA;AAEL;AAEA,IAAM,IAAoB,EAAqB;AAE/C,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAqE;CAC/G,OACE,kBAAC,EAAqB,UAAtB;EACE,aAAU;EACV,WAAW,EAAG,+CAA+C,CAAS;EACtE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAkE;CAC5G,OACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,CAAqB,CAAA,GACrB,kBAAC,EAAqB,OAAtB;EACE,aAAU;EACV,WAAW,EACT,sKACA,CACF;EACA,GAAI;CACL,CAAA,CACgB,EAAA,CAAA;AAEvB;AAEA,SAAS,EAAkB,EAAE,cAAW,GAAG,KAAsC;CAC/E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,oDAAoD,CAAS;EAC3E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EAAE,cAAW,GAAG,KAAsC;CAC/E,OACE,kBAAC,OAAD;EACE,aAAU;EACV,WAAW,EAAG,iEAAiE,CAAS;EACxF,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAkE;CAC1G,OACE,kBAAC,EAAqB,OAAtB;EACE,aAAU;EACV,WAAW,EAAG,qDAAqD,CAAS;EAC5E,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAuB,EAC9B,cACA,GAAG,KAC6D;CAChE,OACE,kBAAC,EAAqB,aAAtB;EACE,aAAU;EACV,WAAW,EAAG,iCAAiC,CAAS;EACxD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EAAE,cAAW,GAAG,KAAkE;CAC3G,OACE,kBAAC,EAAqB,OAAtB;EACE,aAAU;EACV,eAAY;EACZ,WAAW,EAAG,EAAe,GAAG,CAAS;EACzC,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAkB,EAAE,cAAW,GAAG,KAAkE;CAC3G,OACE,kBAAC,EAAqB,OAAtB;EACE,aAAU;EACV,eAAY;EACZ,WAAW,EAAG,EAAe,EAAE,SAAS,UAAU,CAAC,GAAG,gBAAgB,CAAS;EAC/E,GAAI;CACL,CAAA;AAEL"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const alertVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "info" | "success" | "warning" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
|
|
7
|
+
declare function AlertTitle({ className, ...props }: React.ComponentProps<"h5">): React.JSX.Element;
|
|
8
|
+
declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
9
|
+
export { Alert, AlertDescription, AlertTitle };
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
4
|
+
import { cva as n } from "class-variance-authority";
|
|
5
|
+
//#region src/components/ui/alert.tsx
|
|
6
|
+
var r = n("relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7", {
|
|
7
|
+
variants: { variant: {
|
|
8
|
+
default: "bg-background text-foreground",
|
|
9
|
+
destructive: "border-destructive text-destructive [&>svg]:text-destructive",
|
|
10
|
+
info: "border-info text-info [&>svg]:text-info",
|
|
11
|
+
success: "border-success text-success [&>svg]:text-success",
|
|
12
|
+
warning: "border-warning text-warning [&>svg]:text-warning"
|
|
13
|
+
} },
|
|
14
|
+
defaultVariants: { variant: "default" }
|
|
15
|
+
});
|
|
16
|
+
function i({ className: n, variant: i, ...a }) {
|
|
17
|
+
return /* @__PURE__ */ t("div", {
|
|
18
|
+
"data-slot": "alert",
|
|
19
|
+
role: "alert",
|
|
20
|
+
className: e(r({ variant: i }), n),
|
|
21
|
+
...a
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function a({ className: n, ...r }) {
|
|
25
|
+
return /* @__PURE__ */ t("h5", {
|
|
26
|
+
"data-slot": "alert-title",
|
|
27
|
+
className: e("mb-1 font-semibold leading-none tracking-tight", n),
|
|
28
|
+
...r
|
|
29
|
+
});
|
|
30
|
+
}
|
|
31
|
+
function o({ className: n, ...r }) {
|
|
32
|
+
return /* @__PURE__ */ t("div", {
|
|
33
|
+
"data-slot": "alert-description",
|
|
34
|
+
className: e("text-sm [&_p]:leading-relaxed", n),
|
|
35
|
+
...r
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
//#endregion
|
|
39
|
+
export { i as Alert, o as AlertDescription, a as AlertTitle };
|
|
40
|
+
|
|
41
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert.js","names":[],"sources":["../../../src/components/ui/alert.tsx"],"mappings":";;;;;AAKA,IAAM,IAAgB,EACpB,2KACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,aAAa;EACb,MAAM;EACN,SAAS;EACT,SAAS;CACX,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAM,EAAE,cAAW,YAAS,GAAG,KAA2E;CACjH,OAAO,kBAAC,OAAD;EAAK,aAAU;EAAQ,MAAK;EAAQ,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC/G;AAEA,SAAS,EAAW,EAAE,cAAW,GAAG,KAAqC;CACvE,OACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EAAG,kDAAkD,CAAS;EACzE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAsC;CAC9E,OAAO,kBAAC,OAAD;EAAK,aAAU;EAAoB,WAAW,EAAG,iCAAiC,CAAS;EAAG,GAAI;CAAQ,CAAA;AACnH"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface AuroraProps {
|
|
2
|
+
colorStops?: [string, string, string];
|
|
3
|
+
amplitude?: number;
|
|
4
|
+
blend?: number;
|
|
5
|
+
speed?: number;
|
|
6
|
+
time?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare function Aurora({ colorStops, amplitude, blend, speed, time, }: AuroraProps): import("react").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useEffect as e, useLayoutEffect as t, useRef as n } from "react";
|
|
3
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/ui/aurora.tsx
|
|
5
|
+
var i = "#version 300 es\nin vec2 position;\nvoid main() {\n gl_Position = vec4(position, 0.0, 1.0);\n}\n", a = "#version 300 es\nprecision highp float;\n\nuniform float uTime;\nuniform float uAmplitude;\nuniform vec3 uColorStops[3];\nuniform vec2 uResolution;\nuniform float uBlend;\n\nout vec4 fragColor;\n\nvec3 permute(vec3 x) {\n return mod(((x * 34.0) + 1.0) * x, 289.0);\n}\n\nfloat snoise(vec2 v){\n const vec4 C = vec4(\n 0.211324865405187, 0.366025403784439,\n -0.577350269189626, 0.024390243902439\n );\n vec2 i = floor(v + dot(v, C.yy));\n vec2 x0 = v - i + dot(i, C.xx);\n vec2 i1 = (x0.x > x0.y) ? vec2(1.0, 0.0) : vec2(0.0, 1.0);\n vec4 x12 = x0.xyxy + C.xxzz;\n x12.xy -= i1;\n i = mod(i, 289.0);\n\n vec3 p = permute(\n permute(i.y + vec3(0.0, i1.y, 1.0))\n + i.x + vec3(0.0, i1.x, 1.0)\n );\n\n vec3 m = max(\n 0.5 - vec3(\n dot(x0, x0),\n dot(x12.xy, x12.xy),\n dot(x12.zw, x12.zw)\n ),\n 0.0\n );\n m = m * m;\n m = m * m;\n\n vec3 x = 2.0 * fract(p * C.www) - 1.0;\n vec3 h = abs(x) - 0.5;\n vec3 ox = floor(x + 0.5);\n vec3 a0 = x - ox;\n m *= 1.79284291400159 - 0.85373472095314 * (a0*a0 + h*h);\n\n vec3 g;\n g.x = a0.x * x0.x + h.x * x0.y;\n g.yz = a0.yz * x12.xz + h.yz * x12.yw;\n return 130.0 * dot(m, g);\n}\n\nstruct ColorStop {\n vec3 color;\n float position;\n};\n\n#define COLOR_RAMP(colors, factor, finalColor) { \\\n int index = 0; \\\n for (int i = 0; i < 2; i++) { \\\n ColorStop currentColor = colors[i]; \\\n bool isInBetween = currentColor.position <= factor; \\\n index = int(mix(float(index), float(i), float(isInBetween))); \\\n } \\\n ColorStop currentColor = colors[index]; \\\n ColorStop nextColor = colors[index + 1]; \\\n float range = nextColor.position - currentColor.position; \\\n float lerpFactor = (factor - currentColor.position) / range; \\\n finalColor = mix(currentColor.color, nextColor.color, lerpFactor); \\\n}\n\nvoid main() {\n vec2 uv = gl_FragCoord.xy / uResolution;\n\n ColorStop colors[3];\n colors[0] = ColorStop(uColorStops[0], 0.0);\n colors[1] = ColorStop(uColorStops[1], 0.5);\n colors[2] = ColorStop(uColorStops[2], 1.0);\n\n vec3 rampColor;\n COLOR_RAMP(colors, uv.x, rampColor);\n\n float height = snoise(vec2(uv.x * 2.0 + uTime * 0.1, uTime * 0.25)) * 0.5 * uAmplitude;\n height = exp(height);\n height = (uv.y * 2.0 - height + 0.2);\n float intensity = 0.6 * height;\n\n float midPoint = 0.20;\n float auroraAlpha = smoothstep(midPoint - uBlend * 0.5, midPoint + uBlend * 0.5, intensity);\n\n vec3 auroraColor = intensity * rampColor;\n\n fragColor = vec4(auroraColor * auroraAlpha, auroraAlpha);\n}\n";
|
|
6
|
+
function o({ colorStops: o = [
|
|
7
|
+
"#5227FF",
|
|
8
|
+
"#7cff67",
|
|
9
|
+
"#5227FF"
|
|
10
|
+
], amplitude: s = 1, blend: c = .5, speed: l = 1, time: u }) {
|
|
11
|
+
let d = n(null), f = n({
|
|
12
|
+
colorStops: o,
|
|
13
|
+
amplitude: s,
|
|
14
|
+
blend: c,
|
|
15
|
+
speed: l,
|
|
16
|
+
time: u
|
|
17
|
+
});
|
|
18
|
+
return t(() => {
|
|
19
|
+
f.current = {
|
|
20
|
+
colorStops: o,
|
|
21
|
+
amplitude: s,
|
|
22
|
+
blend: c,
|
|
23
|
+
speed: l,
|
|
24
|
+
time: u
|
|
25
|
+
};
|
|
26
|
+
}), e(() => {
|
|
27
|
+
let e = d.current;
|
|
28
|
+
if (!e) return;
|
|
29
|
+
let t = !1, n;
|
|
30
|
+
return (async () => {
|
|
31
|
+
let { Color: r, Mesh: o, Program: s, Renderer: c, Triangle: l } = await import("ogl");
|
|
32
|
+
if (t) return;
|
|
33
|
+
let u = new c({
|
|
34
|
+
alpha: !0,
|
|
35
|
+
premultipliedAlpha: !0,
|
|
36
|
+
antialias: !0
|
|
37
|
+
}), d = u.gl;
|
|
38
|
+
d.clearColor(0, 0, 0, 0), d.enable(d.BLEND), d.blendFunc(d.ONE, d.ONE_MINUS_SRC_ALPHA), d.canvas.style.backgroundColor = "transparent";
|
|
39
|
+
let p = new l(d);
|
|
40
|
+
p.attributes.uv && delete p.attributes.uv;
|
|
41
|
+
let m = "", h = [], g = (e) => {
|
|
42
|
+
let t = e.join(",");
|
|
43
|
+
return t !== m && (m = t, h = e.map((e) => {
|
|
44
|
+
let t = new r(e);
|
|
45
|
+
return [
|
|
46
|
+
t.r,
|
|
47
|
+
t.g,
|
|
48
|
+
t.b
|
|
49
|
+
];
|
|
50
|
+
})), h;
|
|
51
|
+
}, _ = new s(d, {
|
|
52
|
+
vertex: i,
|
|
53
|
+
fragment: a,
|
|
54
|
+
uniforms: {
|
|
55
|
+
uTime: { value: 0 },
|
|
56
|
+
uAmplitude: { value: f.current.amplitude },
|
|
57
|
+
uColorStops: { value: g(f.current.colorStops) },
|
|
58
|
+
uResolution: { value: [e.offsetWidth, e.offsetHeight] },
|
|
59
|
+
uBlend: { value: f.current.blend }
|
|
60
|
+
}
|
|
61
|
+
}), v = new o(d, {
|
|
62
|
+
geometry: p,
|
|
63
|
+
program: _
|
|
64
|
+
}), y = (e) => {
|
|
65
|
+
let t = f.current, n = t.time ?? e * .01;
|
|
66
|
+
_.uniforms.uTime.value = n * (t.speed ?? 1) * .1, _.uniforms.uAmplitude.value = t.amplitude ?? 1, _.uniforms.uBlend.value = t.blend ?? .5, _.uniforms.uColorStops.value = g(t.colorStops), u.render({ scene: v });
|
|
67
|
+
}, b = window.matchMedia("(prefers-reduced-motion: reduce)"), x = 0, S = 0;
|
|
68
|
+
function C() {
|
|
69
|
+
if (!e) return;
|
|
70
|
+
let t = e.offsetWidth, n = e.offsetHeight;
|
|
71
|
+
(t !== x || n !== S) && (x = t, S = n, u.setSize(t, n), _.uniforms.uResolution.value = [t, n], b.matches && y(0));
|
|
72
|
+
}
|
|
73
|
+
let w = null, T = () => {
|
|
74
|
+
w === null && (w = requestAnimationFrame(() => {
|
|
75
|
+
w = null, C();
|
|
76
|
+
}));
|
|
77
|
+
};
|
|
78
|
+
window.addEventListener("resize", T), e.appendChild(d.canvas);
|
|
79
|
+
let E = 0, D = (e) => {
|
|
80
|
+
E = requestAnimationFrame(D), y(e);
|
|
81
|
+
}, O = !0, k = () => {
|
|
82
|
+
cancelAnimationFrame(E), b.matches ? y(0) : O && (E = requestAnimationFrame(D));
|
|
83
|
+
};
|
|
84
|
+
b.addEventListener("change", k);
|
|
85
|
+
let A = new IntersectionObserver((e) => {
|
|
86
|
+
O = e[0].intersectionRatio > 0, k();
|
|
87
|
+
});
|
|
88
|
+
A.observe(e), C(), k(), n = () => {
|
|
89
|
+
cancelAnimationFrame(E), A.disconnect(), b.removeEventListener("change", k), window.removeEventListener("resize", T), w !== null && cancelAnimationFrame(w), e && d.canvas.parentNode === e && e.removeChild(d.canvas), d.getExtension("WEBGL_lose_context")?.loseContext();
|
|
90
|
+
};
|
|
91
|
+
})(), () => {
|
|
92
|
+
t = !0, n?.();
|
|
93
|
+
};
|
|
94
|
+
}, []), /* @__PURE__ */ r("div", {
|
|
95
|
+
ref: d,
|
|
96
|
+
style: {
|
|
97
|
+
width: "100%",
|
|
98
|
+
height: "100%"
|
|
99
|
+
}
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
//#endregion
|
|
103
|
+
export { o as Aurora };
|
|
104
|
+
|
|
105
|
+
//# sourceMappingURL=aurora.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora.js","names":[],"sources":["../../../src/components/ui/aurora.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "success" | "brand" | "outline" | "secondary" | "variable" | "formula" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
declare function Badge({ className, variant, asChild, children, ref, ...props }: React.ComponentProps<"span"> & VariantProps<typeof badgeVariants> & {
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
9
|
+
export { Badge, badgeVariants };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { cva as n } from "class-variance-authority";
|
|
4
|
+
import { useRender as r } from "@base-ui/react/use-render";
|
|
5
|
+
//#region src/components/ui/badge.tsx
|
|
6
|
+
var i = n("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
|
|
7
|
+
variants: { variant: {
|
|
8
|
+
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
9
|
+
brand: "border-transparent bg-brand-emphasis text-brand-foreground [a&]:hover:bg-brand-emphasis/90",
|
|
10
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
11
|
+
destructive: "border-transparent bg-destructive text-destructive-foreground [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
|
|
12
|
+
outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
|
|
13
|
+
variable: "bg-tag-variable/15 border-tag-variable/30 text-tag-variable-foreground font-mono [a&]:hover:bg-tag-variable/25",
|
|
14
|
+
success: "bg-tag-success/15 border-tag-success/40 text-tag-success-foreground font-mono [a&]:hover:bg-tag-success/25",
|
|
15
|
+
formula: "bg-tag-formula/15 border-tag-formula/30 text-tag-formula-foreground font-mono [a&]:hover:bg-tag-formula/25"
|
|
16
|
+
} },
|
|
17
|
+
defaultVariants: { variant: "default" }
|
|
18
|
+
});
|
|
19
|
+
function a({ className: n, variant: a, asChild: o = !1, children: s, ref: c, ...l }) {
|
|
20
|
+
return r({
|
|
21
|
+
defaultTagName: "span",
|
|
22
|
+
ref: c,
|
|
23
|
+
render: o ? t.Children.only(s) : void 0,
|
|
24
|
+
props: {
|
|
25
|
+
"data-slot": "badge",
|
|
26
|
+
className: e(i({ variant: a }), n),
|
|
27
|
+
...o ? {} : { children: s },
|
|
28
|
+
...l
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}
|
|
32
|
+
//#endregion
|
|
33
|
+
export { a as Badge, i as badgeVariants };
|
|
34
|
+
|
|
35
|
+
//# sourceMappingURL=badge.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"badge.js","names":[],"sources":["../../../src/components/ui/badge.tsx"],"mappings":";;;;;AAMA,IAAM,IAAgB,EACpB,oZACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,OAAO;EACP,WAAW;EACX,aACE;EACF,SAAS;EACT,UACE;EACF,SACE;EACF,SACE;CACJ,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,EAAM,EACb,cACA,YACA,aAAU,IACV,aACA,QACA,GAAG,KACyF;CAC5F,OAAO,EAAU;EACf,gBAAgB;EACX;EACL,QAAQ,IAAW,EAAM,SAAS,KAAK,CAAQ,IAA2B,KAAA;EAC1E,OAAO;GACL,aAAa;GACb,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;GACnD,GAAI,IAAU,CAAC,IAAI,EAAE,YAAS;GAC9B,GAAG;EACL;CACF,CAAC;AACH"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
interface BoxProps extends React.HTMLAttributes<HTMLElement> {
|
|
3
|
+
/** Rendered element — a semantic choice only; Box never styles itself. */
|
|
4
|
+
as?: "div" | "section" | "main" | "nav" | "header" | "footer" | "form" | "aside";
|
|
5
|
+
/** `React.HTMLAttributes` has no `ref` prop; React 19 forwards it through the spread. */
|
|
6
|
+
ref?: React.Ref<HTMLElement>;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* The typed escape hatch. When no styled primitive fits (positioned
|
|
10
|
+
* overlays, portal hosts, canvas wrappers), use Box instead of raw HTML —
|
|
11
|
+
* it keeps the no-raw-elements lint rule honest without styling opinions.
|
|
12
|
+
* If a Box pattern recurs across the app, promote it to a real primitive.
|
|
13
|
+
*
|
|
14
|
+
* `as` is not discriminated against `props`: element-specific attributes
|
|
15
|
+
* beyond the shared `HTMLAttributes` (e.g. `action`/`method` on `form`,
|
|
16
|
+
* `start` on `ol`) aren't typed. If you need those, use the real element
|
|
17
|
+
* via an allowlisted exception or extend Box into a dedicated primitive.
|
|
18
|
+
*/
|
|
19
|
+
declare function Box({ as, className, ...props }: BoxProps): React.JSX.Element;
|
|
20
|
+
export { Box };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import "react";
|
|
2
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
+
//#region src/components/ui/box.tsx
|
|
4
|
+
function t({ as: t = "div", className: n, ...r }) {
|
|
5
|
+
return /* @__PURE__ */ e(t, {
|
|
6
|
+
"data-slot": "box",
|
|
7
|
+
className: n,
|
|
8
|
+
...r
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
//#endregion
|
|
12
|
+
export { t as Box };
|
|
13
|
+
|
|
14
|
+
//# sourceMappingURL=box.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"box.js","names":[],"sources":["../../../src/components/ui/box.tsx"],"mappings":";;;AAsBA,SAAS,EAAI,EAAE,QAAK,OAAO,cAAW,GAAG,KAAmB;CAE1D,OAAO,kBAAC,GAAD;EAAW,aAAU;EAAiB;EAAW,GAAI;CAAQ,CAAA;AACtE"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const buttonVariants: (props?: ({
|
|
4
|
+
variant?: "link" | "default" | "destructive" | "brand" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
5
|
+
size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
declare function Button({ className, variant, size, asChild, children, ref, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
|
|
8
|
+
asChild?: boolean;
|
|
9
|
+
}): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
10
|
+
export { Button, buttonVariants };
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { cva as n } from "class-variance-authority";
|
|
4
|
+
import { useRender as r } from "@base-ui/react/use-render";
|
|
5
|
+
//#region src/components/ui/button.tsx
|
|
6
|
+
var i = n("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-[color,background-color,border-color,box-shadow] duration-150 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
|
|
7
|
+
variants: {
|
|
8
|
+
variant: {
|
|
9
|
+
default: "bg-primary text-primary-foreground hover:bg-primary/90",
|
|
10
|
+
brand: "bg-brand-emphasis text-brand-foreground shadow-sm hover:bg-brand-emphasis/85 focus-visible:ring-brand/30",
|
|
11
|
+
destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40",
|
|
12
|
+
outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
|
|
13
|
+
secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
|
|
14
|
+
ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
|
|
15
|
+
link: "text-primary underline-offset-4 hover:underline"
|
|
16
|
+
},
|
|
17
|
+
size: {
|
|
18
|
+
default: "h-9 px-4 py-2 has-[>svg]:px-3",
|
|
19
|
+
sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
|
|
20
|
+
lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
|
|
21
|
+
icon: "size-9",
|
|
22
|
+
"icon-sm": "size-8",
|
|
23
|
+
"icon-lg": "size-10"
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: {
|
|
27
|
+
variant: "default",
|
|
28
|
+
size: "default"
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
function a({ className: n, variant: a = "default", size: o = "default", asChild: s = !1, children: c, ref: l, ...u }) {
|
|
32
|
+
return r({
|
|
33
|
+
defaultTagName: "button",
|
|
34
|
+
ref: l,
|
|
35
|
+
render: s ? t.Children.only(c) : void 0,
|
|
36
|
+
props: {
|
|
37
|
+
"data-slot": "button",
|
|
38
|
+
"data-variant": a,
|
|
39
|
+
"data-size": o,
|
|
40
|
+
className: e(i({
|
|
41
|
+
variant: a,
|
|
42
|
+
size: o
|
|
43
|
+
}), n),
|
|
44
|
+
...s ? {} : { children: c },
|
|
45
|
+
...u
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
//#endregion
|
|
50
|
+
export { a as Button, i as buttonVariants };
|
|
51
|
+
|
|
52
|
+
//# sourceMappingURL=button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.js","names":[],"sources":["../../../src/components/ui/button.tsx"],"mappings":";;;;;AAMA,IAAM,IAAiB,EACrB,yfACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,OACE;GACF,aACE;GACF,SACE;GACF,WAAW;GACX,OAAO;GACP,MAAM;EACR;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;GACN,WAAW;GACX,WAAW;EACb;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAAS,EAAO,EACd,cACA,aAAU,WACV,UAAO,WACP,aAAU,IACV,aACA,QACA,GAAG,KAIA;CACH,OAAO,EAAU;EACf,gBAAgB;EACX;EACL,QAAQ,IAAW,EAAM,SAAS,KAAK,CAAQ,IAA2B,KAAA;EAC1E,OAAO;GACL,aAAa;GACb,gBAAgB;GAChB,aAAa;GACb,WAAW,EAAG,EAAe;IAAE;IAAS;GAAK,CAAC,GAAG,CAAS;GAC1D,GAAI,IAAU,CAAC,IAAI,EAAE,YAAS;GAC9B,GAAG;EACL;CACF,CAAC;AACH"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
3
|
+
declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
4
|
+
declare function CardTitle({ className, as: Component, ...props }: React.ComponentProps<"h3"> & {
|
|
5
|
+
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
6
|
+
}): React.JSX.Element;
|
|
7
|
+
declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
8
|
+
declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
9
|
+
declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
10
|
+
declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
11
|
+
export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
|