@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,77 @@
|
|
|
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/grid.tsx
|
|
6
|
+
var r = n("grid", {
|
|
7
|
+
variants: {
|
|
8
|
+
cols: {
|
|
9
|
+
1: "grid-cols-1",
|
|
10
|
+
2: "grid-cols-2",
|
|
11
|
+
3: "grid-cols-3",
|
|
12
|
+
4: "grid-cols-4",
|
|
13
|
+
5: "grid-cols-5",
|
|
14
|
+
6: "grid-cols-6",
|
|
15
|
+
8: "grid-cols-8"
|
|
16
|
+
},
|
|
17
|
+
sm: {
|
|
18
|
+
1: "sm:grid-cols-1",
|
|
19
|
+
2: "sm:grid-cols-2",
|
|
20
|
+
3: "sm:grid-cols-3",
|
|
21
|
+
4: "sm:grid-cols-4",
|
|
22
|
+
5: "sm:grid-cols-5",
|
|
23
|
+
6: "sm:grid-cols-6",
|
|
24
|
+
8: "sm:grid-cols-8"
|
|
25
|
+
},
|
|
26
|
+
md: {
|
|
27
|
+
1: "md:grid-cols-1",
|
|
28
|
+
2: "md:grid-cols-2",
|
|
29
|
+
3: "md:grid-cols-3",
|
|
30
|
+
4: "md:grid-cols-4",
|
|
31
|
+
5: "md:grid-cols-5",
|
|
32
|
+
6: "md:grid-cols-6",
|
|
33
|
+
8: "md:grid-cols-8"
|
|
34
|
+
},
|
|
35
|
+
lg: {
|
|
36
|
+
1: "lg:grid-cols-1",
|
|
37
|
+
2: "lg:grid-cols-2",
|
|
38
|
+
3: "lg:grid-cols-3",
|
|
39
|
+
4: "lg:grid-cols-4",
|
|
40
|
+
5: "lg:grid-cols-5",
|
|
41
|
+
6: "lg:grid-cols-6",
|
|
42
|
+
8: "lg:grid-cols-8"
|
|
43
|
+
},
|
|
44
|
+
gap: {
|
|
45
|
+
0: "gap-0",
|
|
46
|
+
"0.5": "gap-0.5",
|
|
47
|
+
1: "gap-1",
|
|
48
|
+
"1.5": "gap-1.5",
|
|
49
|
+
2: "gap-2",
|
|
50
|
+
"2.5": "gap-2.5",
|
|
51
|
+
3: "gap-3",
|
|
52
|
+
4: "gap-4",
|
|
53
|
+
5: "gap-5",
|
|
54
|
+
6: "gap-6",
|
|
55
|
+
8: "gap-8",
|
|
56
|
+
12: "gap-12"
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
defaultVariants: { cols: "1" }
|
|
60
|
+
});
|
|
61
|
+
function i({ className: n, cols: i, sm: a, md: o, lg: s, gap: c, ...l }) {
|
|
62
|
+
return /* @__PURE__ */ t("div", {
|
|
63
|
+
"data-slot": "grid",
|
|
64
|
+
className: e(r({
|
|
65
|
+
cols: i,
|
|
66
|
+
sm: a,
|
|
67
|
+
md: o,
|
|
68
|
+
lg: s,
|
|
69
|
+
gap: c
|
|
70
|
+
}), n),
|
|
71
|
+
...l
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
//#endregion
|
|
75
|
+
export { i as Grid, r as gridVariants };
|
|
76
|
+
|
|
77
|
+
//# sourceMappingURL=grid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid.js","names":[],"sources":["../../../src/components/ui/grid.tsx"],"mappings":";;;;;AAKA,IAAM,IAAe,EAAI,QAAQ;CAC/B,UAAU;EACR,MAAM;GACJ,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;EACP;EACA,IAAI;GACF,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;EACP;EACA,IAAI;GACF,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;EACP;EACA,IAAI;GACF,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;EACP;EACA,KAAK;GACH,GAAK;GACL,OAAO;GACP,GAAK;GACL,OAAO;GACP,GAAK;GACL,OAAO;GACP,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,IAAM;EACR;CACF;CACA,iBAAiB,EACf,MAAM,IACR;AACF,CAAC;AAWD,SAAS,EAAK,EACZ,cACA,SACA,OACA,OACA,OACA,QACA,GAAG,KAC+D;CAClE,OAAO,kBAAC,OAAD;EAAK,aAAU;EAAO,WAAW,EAAG,EAAa;GAAE;GAAM;GAAI;GAAI;GAAI;EAAI,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC9G"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const headingVariants: (props?: ({
|
|
4
|
+
size?: "base" | "sm" | "lg" | "xl" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
|
|
7
|
+
/** Semantic heading element. h1 is reserved for PageHeader. */
|
|
8
|
+
level?: 2 | 3 | 4;
|
|
9
|
+
/** `React.HTMLAttributes` has no `ref` prop; React 19 forwards it through the spread. */
|
|
10
|
+
ref?: React.Ref<HTMLHeadingElement>;
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Section heading primitive for h2–h4, carrying the unified title
|
|
14
|
+
* typography (semibold + tight leading/tracking). Semantic `level` and
|
|
15
|
+
* visual `size` are independent so document outline never fights layout.
|
|
16
|
+
*/
|
|
17
|
+
declare function Heading({ level, size, className, ...props }: HeadingProps): React.JSX.Element;
|
|
18
|
+
export { Heading, headingVariants };
|
|
@@ -0,0 +1,26 @@
|
|
|
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/heading.tsx
|
|
6
|
+
var r = n("font-semibold leading-none tracking-tight text-foreground", {
|
|
7
|
+
variants: { size: {
|
|
8
|
+
sm: "text-sm",
|
|
9
|
+
base: "text-base",
|
|
10
|
+
lg: "text-lg",
|
|
11
|
+
xl: "text-xl"
|
|
12
|
+
} },
|
|
13
|
+
defaultVariants: { size: "base" }
|
|
14
|
+
});
|
|
15
|
+
function i({ level: n = 2, size: i, className: a, ...o }) {
|
|
16
|
+
let s = `h${n}`;
|
|
17
|
+
return /* @__PURE__ */ t(s, {
|
|
18
|
+
"data-slot": "heading",
|
|
19
|
+
className: e(r({ size: i }), a),
|
|
20
|
+
...o
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
//#endregion
|
|
24
|
+
export { i as Heading, r as headingVariants };
|
|
25
|
+
|
|
26
|
+
//# sourceMappingURL=heading.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"heading.js","names":[],"sources":["../../../src/components/ui/heading.tsx"],"mappings":";;;;;AAKA,IAAM,IAAkB,EAAI,6DAA6D;CACvF,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,MAAM;EACN,IAAI;EACJ,IAAI;CACN,EACF;CACA,iBAAiB,EACf,MAAM,OACR;AACF,CAAC;AAcD,SAAS,EAAQ,EAAE,WAAQ,GAAG,SAAM,cAAW,GAAG,KAAuB;CACvE,IAAM,IAAY,IAAI;CACtB,OAAO,kBAAC,GAAD;EAAW,aAAU;EAAU,WAAW,EAAG,EAAgB,EAAE,QAAK,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AACzG"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/ui/input.tsx
|
|
5
|
+
function n({ className: n, type: r, ...i }) {
|
|
6
|
+
return /* @__PURE__ */ t("input", {
|
|
7
|
+
type: r,
|
|
8
|
+
"data-slot": "input",
|
|
9
|
+
className: e("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "placeholder:text-muted-foreground", "outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "disabled:cursor-not-allowed disabled:opacity-50", n),
|
|
10
|
+
...i
|
|
11
|
+
});
|
|
12
|
+
}
|
|
13
|
+
//#endregion
|
|
14
|
+
export { n as Input };
|
|
15
|
+
|
|
16
|
+
//# sourceMappingURL=input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.js","names":[],"sources":["../../../src/components/ui/input.tsx"],"mappings":";;;;AAMA,SAAS,EAAM,EAAE,cAAW,SAAM,GAAG,KAAqB;CACxD,OACE,kBAAC,SAAD;EACQ;EACN,aAAU;EACV,WAAW,EACT,+GACA,wFACA,qCACA,8FACA,mDACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { cn as e } from "../../lib/utils.js";
|
|
2
|
+
import "react";
|
|
3
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/ui/label.tsx
|
|
5
|
+
function n({ className: n, ...r }) {
|
|
6
|
+
return /* @__PURE__ */ t("label", {
|
|
7
|
+
"data-slot": "label",
|
|
8
|
+
className: e("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", n),
|
|
9
|
+
...r
|
|
10
|
+
});
|
|
11
|
+
}
|
|
12
|
+
//#endregion
|
|
13
|
+
export { n as Label };
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.js","names":[],"sources":["../../../src/components/ui/label.tsx"],"mappings":";;;;AAMA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAqB;CAClD,OACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EACT,8FACA,CACF;EACA,GAAI;CACL,CAAA;AAEL"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { type VariantProps } from "class-variance-authority";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare const listVariants: (props?: ({
|
|
4
|
+
marker?: "none" | "decimal" | "disc" | null | undefined;
|
|
5
|
+
gap?: "0" | "1" | "2" | "3" | "4" | null | undefined;
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
interface ListProps extends React.HTMLAttributes<HTMLUListElement | HTMLOListElement>, VariantProps<typeof listVariants> {
|
|
8
|
+
/** Rendered element: unordered (default) or ordered. */
|
|
9
|
+
as?: "ul" | "ol";
|
|
10
|
+
/** `React.HTMLAttributes` has no `ref` prop; React 19 forwards it through the spread. */
|
|
11
|
+
ref?: React.Ref<HTMLUListElement | HTMLOListElement>;
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Semantic list container — replaces raw `<ul>`/`<ol>` + space-y wrappers.
|
|
15
|
+
*
|
|
16
|
+
* `marker` controls the list-style (`"none"` default, or `"disc"`/`"decimal"`
|
|
17
|
+
* for real bulleted/numbered content). `gap` sets the vertical space between
|
|
18
|
+
* items and defaults to `"1"` (non-zero) — migrators replacing a bare
|
|
19
|
+
* `<ul>`/`<ol>` should pass `gap="0"` to keep spacing identical to the
|
|
20
|
+
* un-primitived markup.
|
|
21
|
+
*/
|
|
22
|
+
declare function List({ as, className, marker, gap, ...props }: ListProps): React.JSX.Element;
|
|
23
|
+
/** Semantic list item — unstyled; compose Flex/Text inside as needed. */
|
|
24
|
+
declare function ListItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
|
|
25
|
+
export { List, ListItem, listVariants };
|
|
@@ -0,0 +1,46 @@
|
|
|
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/list.tsx
|
|
6
|
+
var r = n("", {
|
|
7
|
+
variants: {
|
|
8
|
+
marker: {
|
|
9
|
+
none: "list-none",
|
|
10
|
+
disc: "list-disc pl-5",
|
|
11
|
+
decimal: "list-decimal pl-5"
|
|
12
|
+
},
|
|
13
|
+
gap: {
|
|
14
|
+
0: "space-y-0",
|
|
15
|
+
1: "space-y-1",
|
|
16
|
+
2: "space-y-2",
|
|
17
|
+
3: "space-y-3",
|
|
18
|
+
4: "space-y-4"
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
defaultVariants: {
|
|
22
|
+
marker: "none",
|
|
23
|
+
gap: "1"
|
|
24
|
+
}
|
|
25
|
+
});
|
|
26
|
+
function i({ as: n = "ul", className: i, marker: a, gap: o, ...s }) {
|
|
27
|
+
return /* @__PURE__ */ t(n, {
|
|
28
|
+
"data-slot": "list",
|
|
29
|
+
className: e(r({
|
|
30
|
+
marker: a,
|
|
31
|
+
gap: o
|
|
32
|
+
}), i),
|
|
33
|
+
...s
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
function a({ className: e, ...n }) {
|
|
37
|
+
return /* @__PURE__ */ t("li", {
|
|
38
|
+
"data-slot": "list-item",
|
|
39
|
+
className: e,
|
|
40
|
+
...n
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
//#endregion
|
|
44
|
+
export { i as List, a as ListItem, r as listVariants };
|
|
45
|
+
|
|
46
|
+
//# sourceMappingURL=list.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"list.js","names":[],"sources":["../../../src/components/ui/list.tsx"],"mappings":";;;;;AAKA,IAAM,IAAe,EAAI,IAAI;CAC3B,UAAU;EACR,QAAQ;GACN,MAAM;GACN,MAAM;GACN,SAAS;EACX;EACA,KAAK;GACH,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;GACL,GAAK;EACP;CACF;CACA,iBAAiB;EACf,QAAQ;EACR,KAAK;CACP;AACF,CAAC;AAmBD,SAAS,EAAK,EAAE,QAAK,MAAM,cAAW,WAAQ,QAAK,GAAG,KAAoB;CAExE,OAAO,kBAAC,GAAD;EAAW,aAAU;EAAO,WAAW,EAAG,EAAa;GAAE;GAAQ;EAAI,CAAC,GAAG,CAAS;EAAG,GAAI;CAAQ,CAAA;AAC1G;AAGA,SAAS,EAAS,EAAE,cAAW,GAAG,KAAqC;CACrE,OAAO,kBAAC,MAAD;EAAI,aAAU;EAAuB;EAAW,GAAI;CAAQ,CAAA;AACrE"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface DecryptedTextProps {
|
|
2
|
+
text: string;
|
|
3
|
+
speed?: number;
|
|
4
|
+
maxIterations?: number;
|
|
5
|
+
sequential?: boolean;
|
|
6
|
+
revealDirection?: "start" | "end" | "center";
|
|
7
|
+
characters?: string;
|
|
8
|
+
className?: string;
|
|
9
|
+
encryptedClassName?: string;
|
|
10
|
+
parentClassName?: string;
|
|
11
|
+
animateOn?: "view" | "hover" | "both";
|
|
12
|
+
}
|
|
13
|
+
export default function DecryptedText({ text, speed, maxIterations, sequential, revealDirection, characters, className, parentClassName, encryptedClassName, animateOn, }: DecryptedTextProps): import("react").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../../lib/utils.js";
|
|
3
|
+
import { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
|
|
4
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
5
|
+
//#region src/components/ui/react-bits/decrypted-text.tsx
|
|
6
|
+
function c({ text: c, speed: l = 50, maxIterations: u = 10, sequential: d = !1, revealDirection: f = "start", characters: p = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz!@#$%^&*()_+", className: m = "", parentClassName: h = "", encryptedClassName: g = "", animateOn: _ = "hover" }) {
|
|
7
|
+
let [v, y] = a(c), [b, x] = a(!1), [S, C] = a(!1), [w, T] = a(/* @__PURE__ */ new Set()), [E, D] = a(!1), O = i(null), k = i(/* @__PURE__ */ new Set()), A = i(!1);
|
|
8
|
+
n(() => {
|
|
9
|
+
let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => D(e.matches);
|
|
10
|
+
return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
|
|
11
|
+
}, []);
|
|
12
|
+
let j = t((e) => {
|
|
13
|
+
let t = c.length;
|
|
14
|
+
switch (f) {
|
|
15
|
+
case "start": return e.size;
|
|
16
|
+
case "end": return t - 1 - e.size;
|
|
17
|
+
case "center": {
|
|
18
|
+
let n = Math.floor(t / 2), r = Math.floor(e.size / 2), i = e.size % 2 == 0 ? n + r : n - r - 1;
|
|
19
|
+
if (i >= 0 && i < t && !e.has(i)) return i;
|
|
20
|
+
for (let n = 0; n < t; n++) if (!e.has(n)) return n;
|
|
21
|
+
return 0;
|
|
22
|
+
}
|
|
23
|
+
default: return e.size;
|
|
24
|
+
}
|
|
25
|
+
}, [c.length, f]);
|
|
26
|
+
n(() => {
|
|
27
|
+
let e, t = 0, n = p.split(""), r = (e, t) => e.split("").map((r, i) => r === " " ? " " : t.has(i) ? e[i] : n[Math.floor(Math.random() * n.length)]).join("");
|
|
28
|
+
return b && !E ? (C(!0), e = setInterval(() => {
|
|
29
|
+
if (d) {
|
|
30
|
+
let t = k.current;
|
|
31
|
+
if (t.size < c.length) {
|
|
32
|
+
let e = j(t), n = new Set(t);
|
|
33
|
+
n.add(e), k.current = n, T(n), y(r(c, n));
|
|
34
|
+
} else clearInterval(e), C(!1);
|
|
35
|
+
} else y(r(c, k.current)), t++, t >= u && (clearInterval(e), C(!1), y(c));
|
|
36
|
+
}, l)) : (y(c), T(/* @__PURE__ */ new Set()), k.current = /* @__PURE__ */ new Set(), C(!1)), () => {
|
|
37
|
+
e && clearInterval(e);
|
|
38
|
+
};
|
|
39
|
+
}, [
|
|
40
|
+
b,
|
|
41
|
+
E,
|
|
42
|
+
c,
|
|
43
|
+
l,
|
|
44
|
+
u,
|
|
45
|
+
d,
|
|
46
|
+
p,
|
|
47
|
+
j
|
|
48
|
+
]), n(() => {
|
|
49
|
+
if (_ !== "view" && _ !== "both") return;
|
|
50
|
+
let e = new IntersectionObserver((e) => {
|
|
51
|
+
e.forEach((e) => {
|
|
52
|
+
e.isIntersecting && !A.current && (x(!0), A.current = !0);
|
|
53
|
+
});
|
|
54
|
+
}, {
|
|
55
|
+
root: null,
|
|
56
|
+
rootMargin: "0px",
|
|
57
|
+
threshold: .1
|
|
58
|
+
}), t = O.current;
|
|
59
|
+
return t && e.observe(t), () => e.disconnect();
|
|
60
|
+
}, [_]);
|
|
61
|
+
let M = _ === "hover" || _ === "both" ? {
|
|
62
|
+
onMouseEnter: () => x(!0),
|
|
63
|
+
onMouseLeave: () => x(!1)
|
|
64
|
+
} : {}, N = r(() => v.split(""), [v]);
|
|
65
|
+
return /* @__PURE__ */ s("span", {
|
|
66
|
+
ref: O,
|
|
67
|
+
className: e("inline-block", h),
|
|
68
|
+
...M,
|
|
69
|
+
children: [/* @__PURE__ */ o("span", {
|
|
70
|
+
className: "sr-only",
|
|
71
|
+
children: c
|
|
72
|
+
}), /* @__PURE__ */ o("span", {
|
|
73
|
+
"aria-hidden": !0,
|
|
74
|
+
className: m,
|
|
75
|
+
children: N.map((e, t) => {
|
|
76
|
+
let n = w.has(t) || !S || !b;
|
|
77
|
+
return /* @__PURE__ */ o("span", {
|
|
78
|
+
className: n ? m : g,
|
|
79
|
+
children: e
|
|
80
|
+
}, t);
|
|
81
|
+
})
|
|
82
|
+
})]
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
//#endregion
|
|
86
|
+
export { c as default };
|
|
87
|
+
|
|
88
|
+
//# sourceMappingURL=decrypted-text.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"decrypted-text.js","names":[],"sources":["../../../../src/components/ui/react-bits/decrypted-text.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
interface FadeContentProps {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
blur?: boolean;
|
|
4
|
+
duration?: number;
|
|
5
|
+
delay?: number;
|
|
6
|
+
threshold?: number;
|
|
7
|
+
className?: string;
|
|
8
|
+
translateY?: number;
|
|
9
|
+
}
|
|
10
|
+
export default function FadeContent({ children, blur, duration, delay, threshold, className, translateY, }: FadeContentProps): import("react").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useEffect as e, useLayoutEffect as t, useMemo as n, useRef as r, useState as i } from "react";
|
|
3
|
+
import { jsx as a } from "react/jsx-runtime";
|
|
4
|
+
//#region src/components/ui/react-bits/fade-content.tsx
|
|
5
|
+
function o({ children: o, blur: s = !1, duration: c = .6, delay: l = 0, threshold: u = .1, className: d = "", translateY: f = 20 }) {
|
|
6
|
+
let p = r(null), [m, h] = i(!1), [g, _] = i(!1);
|
|
7
|
+
e(() => {
|
|
8
|
+
let e = window.matchMedia("(prefers-reduced-motion: reduce)"), t = () => _(e.matches);
|
|
9
|
+
return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
|
|
10
|
+
}, []), t(() => {
|
|
11
|
+
if (g) return;
|
|
12
|
+
let e = p.current;
|
|
13
|
+
if (!e) return;
|
|
14
|
+
let t = e.getBoundingClientRect(), n = window.innerHeight || document.documentElement.clientHeight, r = window.innerWidth || document.documentElement.clientWidth;
|
|
15
|
+
if (t.bottom > 0 && t.right > 0 && t.top < n && t.left < r) {
|
|
16
|
+
let e = requestAnimationFrame(() => h(!0));
|
|
17
|
+
return () => cancelAnimationFrame(e);
|
|
18
|
+
}
|
|
19
|
+
let i = new IntersectionObserver(([t]) => {
|
|
20
|
+
t.isIntersecting && (h(!0), i.unobserve(e));
|
|
21
|
+
}, { threshold: u });
|
|
22
|
+
return i.observe(e), () => i.disconnect();
|
|
23
|
+
}, [u, g]);
|
|
24
|
+
let v = m || g, y = n(() => ({
|
|
25
|
+
opacity: +!!v,
|
|
26
|
+
filter: s ? v ? "blur(0px)" : "blur(10px)" : void 0,
|
|
27
|
+
transform: v ? "translateY(0)" : `translateY(${f}px)`,
|
|
28
|
+
transition: g ? void 0 : `opacity ${c}s ease, filter ${c}s ease, transform ${c}s ease`,
|
|
29
|
+
transitionDelay: g ? void 0 : `${l}s`
|
|
30
|
+
}), [
|
|
31
|
+
v,
|
|
32
|
+
g,
|
|
33
|
+
s,
|
|
34
|
+
c,
|
|
35
|
+
l,
|
|
36
|
+
f
|
|
37
|
+
]);
|
|
38
|
+
return /* @__PURE__ */ a("div", {
|
|
39
|
+
ref: p,
|
|
40
|
+
className: d,
|
|
41
|
+
style: y,
|
|
42
|
+
children: o
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
//#endregion
|
|
46
|
+
export { o as default };
|
|
47
|
+
|
|
48
|
+
//# sourceMappingURL=fade-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fade-content.js","names":[],"sources":["../../../../src/components/ui/react-bits/fade-content.tsx"],"mappings":";;;;AAcA,SAAwB,EAAY,EAClC,aACA,UAAO,IACP,cAAW,IACX,WAAQ,GACR,eAAY,IACZ,eAAY,IACZ,gBAAa,MACM;CACnB,IAAM,IAAM,EAAuB,IAAI,GACjC,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,CAAC,GAAsB,KAA2B,EAAS,EAAK;CAoBtE,AAfA,QAAgB;EACd,IAAM,IAAgB,OAAO,WAAW,kCAAkC,GACpE,UAAe,EAAwB,EAAc,OAAO;EAGlE,OAFA,EAAO,GACP,EAAc,iBAAiB,UAAU,CAAM,SAClC,EAAc,oBAAoB,UAAU,CAAM;CACjE,GAAG,CAAC,CAAC,GASL,QAAsB;EAGpB,IAAI,GAAsB;EAE1B,IAAM,IAAK,EAAI;EACf,IAAI,CAAC,GAAI;EAET,IAAM,IAAO,EAAG,sBAAsB,GAChC,IAAK,OAAO,eAAe,SAAS,gBAAgB,cACpD,IAAK,OAAO,cAAc,SAAS,gBAAgB;EAGzD,IAFiB,EAAK,SAAS,KAAK,EAAK,QAAQ,KAAK,EAAK,MAAM,KAAM,EAAK,OAAO,GAErE;GACZ,IAAM,IAAM,4BAA4B,EAAU,EAAI,CAAC;GACvD,aAAa,qBAAqB,CAAG;EACvC;EAEA,IAAM,IAAW,IAAI,sBAClB,CAAC,OAAW;GACX,AAAI,EAAM,mBACR,EAAU,EAAI,GACd,EAAS,UAAU,CAAE;EAEzB,GACA,EAAE,aAAU,CACd;EAEA,OADA,EAAS,QAAQ,CAAE,SACN,EAAS,WAAW;CACnC,GAAG,CAAC,GAAW,CAAoB,CAAC;CAEpC,IAAM,IAAU,KAAU,GACpB,IAAQ,SACL;EACL,SAAS;EACT,QAAQ,IAAQ,IAAU,cAAc,eAAgB,KAAA;EACxD,WAAW,IAAU,kBAAkB,cAAc,EAAW;EAChE,YAAY,IACR,KAAA,IACA,WAAW,EAAS,iBAAiB,EAAS,oBAAoB,EAAS;EAC/E,iBAAiB,IAAuB,KAAA,IAAY,GAAG,EAAM;CAC/D,IACA;EAAC;EAAS;EAAsB;EAAM;EAAU;EAAO;CAAU,CACnE;CAEA,OACE,kBAAC,OAAD;EAAU;EAAgB;EAAkB;EACzC;CACE,CAAA;AAET"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): React.JSX.Element;
|
|
4
|
+
declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>): React.JSX.Element;
|
|
5
|
+
export { ScrollArea, ScrollBar };
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx as t, jsxs as n } from "react/jsx-runtime";
|
|
5
|
+
import { ScrollArea as r } from "@base-ui/react/scroll-area";
|
|
6
|
+
//#region src/components/ui/scroll-area.tsx
|
|
7
|
+
function i({ className: i, children: o, ...s }) {
|
|
8
|
+
return /* @__PURE__ */ n(r.Root, {
|
|
9
|
+
"data-slot": "scroll-area",
|
|
10
|
+
className: e("relative overflow-hidden", i),
|
|
11
|
+
...s,
|
|
12
|
+
children: [
|
|
13
|
+
/* @__PURE__ */ t(r.Viewport, {
|
|
14
|
+
"data-slot": "scroll-area-viewport",
|
|
15
|
+
className: "h-full w-full rounded-[inherit] outline-none focus-visible:ring-ring/50 focus-visible:ring-[3px]",
|
|
16
|
+
tabIndex: 0,
|
|
17
|
+
children: o
|
|
18
|
+
}),
|
|
19
|
+
/* @__PURE__ */ t(a, {}),
|
|
20
|
+
/* @__PURE__ */ t(r.Corner, {})
|
|
21
|
+
]
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
function a({ className: n, orientation: i = "vertical", ...a }) {
|
|
25
|
+
return /* @__PURE__ */ t(r.Scrollbar, {
|
|
26
|
+
"data-slot": "scroll-area-scrollbar",
|
|
27
|
+
orientation: i,
|
|
28
|
+
className: e("flex touch-none select-none opacity-0 transition-[colors,opacity] duration-150 data-[hovering]:opacity-100 data-[scrolling]:opacity-100", i === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]", i === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]", n),
|
|
29
|
+
...a,
|
|
30
|
+
children: /* @__PURE__ */ t(r.Thumb, {
|
|
31
|
+
"data-slot": "scroll-area-thumb",
|
|
32
|
+
className: "relative flex-1 rounded-full bg-border"
|
|
33
|
+
})
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
//#endregion
|
|
37
|
+
export { i as ScrollArea, a as ScrollBar };
|
|
38
|
+
|
|
39
|
+
//# sourceMappingURL=scroll-area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.js","names":[],"sources":["../../../src/components/ui/scroll-area.tsx"],"mappings":";;;;;;AAOA,SAAS,EAAW,EAAE,cAAW,aAAU,GAAG,KAAgE;CAC5G,OACE,kBAAC,EAAoB,MAArB;EAA0B,aAAU;EAAc,WAAW,EAAG,4BAA4B,CAAS;EAAG,GAAI;EAA5G,UAAA;GACE,kBAAC,EAAoB,UAArB;IACE,aAAU;IACV,WAAU;IACV,UAAU;IAET;GAC2B,CAAA;GAC9B,kBAAC,GAAD,CAAY,CAAA;GACZ,kBAAC,EAAoB,QAArB,CAA6B,CAAA;EACL;;AAE9B;AAEA,SAAS,EAAU,EACjB,cACA,iBAAc,YACd,GAAG,KAC0D;CAC7D,OACE,kBAAC,EAAoB,WAArB;EACE,aAAU;EACG;EACb,WAAW,EACT,2IACA,MAAgB,cAAc,sDAC9B,MAAgB,gBAAgB,wDAChC,CACF;EACA,GAAI;EAEJ,UAAA,kBAAC,EAAoB,OAArB;GAA2B,aAAU;GAAoB,WAAU;EAA0C,CAAA;CAChF,CAAA;AAEnC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Select as SelectPrimitive } from "@base-ui/react/select";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
type SelectProps = Omit<React.ComponentProps<typeof SelectPrimitive.Root>, "value" | "defaultValue" | "onValueChange" | "items"> & {
|
|
4
|
+
value?: string;
|
|
5
|
+
defaultValue?: string;
|
|
6
|
+
onValueChange?: (value: string) => void;
|
|
7
|
+
};
|
|
8
|
+
declare function Select({ children, onValueChange, ...props }: SelectProps): React.JSX.Element;
|
|
9
|
+
declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): React.JSX.Element;
|
|
10
|
+
declare function SelectValue({ placeholder, ...props }: React.ComponentProps<typeof SelectPrimitive.Value> & {
|
|
11
|
+
placeholder?: React.ReactNode;
|
|
12
|
+
}): React.JSX.Element;
|
|
13
|
+
declare function SelectTrigger({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger>): React.JSX.Element;
|
|
14
|
+
declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): React.JSX.Element;
|
|
15
|
+
declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): React.JSX.Element;
|
|
16
|
+
declare function SelectContent({ className, children, side, align, sideOffset, position: _position, disableHeightConstraint, ...props }: React.ComponentProps<typeof SelectPrimitive.Popup> & {
|
|
17
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
18
|
+
align?: "start" | "center" | "end";
|
|
19
|
+
sideOffset?: number;
|
|
20
|
+
position?: "popper" | "item-aligned";
|
|
21
|
+
disableHeightConstraint?: boolean;
|
|
22
|
+
}): React.JSX.Element;
|
|
23
|
+
declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.GroupLabel>): React.JSX.Element;
|
|
24
|
+
declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.JSX.Element;
|
|
25
|
+
declare function SelectSeparator({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
|
|
26
|
+
export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn as e } from "../../lib/utils.js";
|
|
3
|
+
import { stabilizeSelectItems as t } from "../../lib/select-items.js";
|
|
4
|
+
import { Check as n, ChevronDown as r, ChevronUp as i } from "lucide-react";
|
|
5
|
+
import * as a from "react";
|
|
6
|
+
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
7
|
+
import { Select as c } from "@base-ui/react/select";
|
|
8
|
+
//#region src/components/ui/select.tsx
|
|
9
|
+
function l(e) {
|
|
10
|
+
let t = [], n = (e) => {
|
|
11
|
+
a.Children.forEach(e, (e) => {
|
|
12
|
+
if (!a.isValidElement(e)) return;
|
|
13
|
+
let r = e.props;
|
|
14
|
+
e.type === y && r.value !== void 0 ? t.push({
|
|
15
|
+
value: r.value,
|
|
16
|
+
label: r.children
|
|
17
|
+
}) : r.children && n(r.children);
|
|
18
|
+
});
|
|
19
|
+
};
|
|
20
|
+
return n(e), t;
|
|
21
|
+
}
|
|
22
|
+
var u = a.createContext([]);
|
|
23
|
+
function d({ children: e, onValueChange: n, ...r }) {
|
|
24
|
+
let i = l(e), [s, d] = a.useState(() => t(null, i)), f = t(s, i);
|
|
25
|
+
f !== s && d(f);
|
|
26
|
+
let p = f.items, m = a.useMemo(() => n ? (e) => {
|
|
27
|
+
e != null && n(e);
|
|
28
|
+
} : void 0, [n]);
|
|
29
|
+
return /* @__PURE__ */ o(u.Provider, {
|
|
30
|
+
value: p,
|
|
31
|
+
children: /* @__PURE__ */ o(c.Root, {
|
|
32
|
+
items: p.length > 0 ? p : void 0,
|
|
33
|
+
onValueChange: m,
|
|
34
|
+
...r,
|
|
35
|
+
children: e
|
|
36
|
+
})
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
function f({ ...e }) {
|
|
40
|
+
return /* @__PURE__ */ o(c.Group, {
|
|
41
|
+
"data-slot": "select-group",
|
|
42
|
+
...e
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
function p({ placeholder: e, ...t }) {
|
|
46
|
+
let n = a.useContext(u), r = a.useMemo(() => new Map(n.map((e) => [e.value, e.label])), [n]), i = a.useCallback((t) => t == null || t === "" ? e : r.has(t) ? r.get(t) : e, [r, e]);
|
|
47
|
+
return /* @__PURE__ */ o(c.Value, {
|
|
48
|
+
"data-slot": "select-value",
|
|
49
|
+
...t,
|
|
50
|
+
children: i
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
function m({ className: t, children: n, ...i }) {
|
|
54
|
+
return /* @__PURE__ */ s(c.Trigger, {
|
|
55
|
+
"data-slot": "select-trigger",
|
|
56
|
+
className: e("flex h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 [&>span]:line-clamp-1", t),
|
|
57
|
+
...i,
|
|
58
|
+
children: [n, /* @__PURE__ */ o(c.Icon, {
|
|
59
|
+
className: "flex",
|
|
60
|
+
children: /* @__PURE__ */ o(r, { className: "h-4 w-4 text-muted-foreground" })
|
|
61
|
+
})]
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
function h({ className: t, ...n }) {
|
|
65
|
+
return /* @__PURE__ */ o(c.ScrollUpArrow, {
|
|
66
|
+
"data-slot": "select-scroll-up-button",
|
|
67
|
+
className: e("sticky top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1", t),
|
|
68
|
+
...n,
|
|
69
|
+
children: /* @__PURE__ */ o(i, { className: "h-4 w-4" })
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
function g({ className: t, ...n }) {
|
|
73
|
+
return /* @__PURE__ */ o(c.ScrollDownArrow, {
|
|
74
|
+
"data-slot": "select-scroll-down-button",
|
|
75
|
+
className: e("sticky bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1", t),
|
|
76
|
+
...n,
|
|
77
|
+
children: /* @__PURE__ */ o(r, { className: "h-4 w-4" })
|
|
78
|
+
});
|
|
79
|
+
}
|
|
80
|
+
function _({ className: t, children: n, side: r, align: i, sideOffset: a = 4, position: l, disableHeightConstraint: u = !1, ...d }) {
|
|
81
|
+
return /* @__PURE__ */ o(c.Portal, { children: /* @__PURE__ */ o(c.Positioner, {
|
|
82
|
+
side: r,
|
|
83
|
+
align: i,
|
|
84
|
+
sideOffset: a,
|
|
85
|
+
alignItemWithTrigger: !1,
|
|
86
|
+
className: "z-[var(--z-select)]",
|
|
87
|
+
children: /* @__PURE__ */ s(c.Popup, {
|
|
88
|
+
"data-slot": "select-content",
|
|
89
|
+
className: e("relative min-w-[max(8rem,var(--anchor-width))] max-w-[calc(100vw-16px)] overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md", !u && "max-h-[min(24rem,var(--available-height))]", u && "!h-[90px] !min-h-[90px] !max-h-[90px]", t),
|
|
90
|
+
...d,
|
|
91
|
+
children: [
|
|
92
|
+
/* @__PURE__ */ o(h, {}),
|
|
93
|
+
/* @__PURE__ */ o(c.List, {
|
|
94
|
+
className: "w-full p-1",
|
|
95
|
+
children: n
|
|
96
|
+
}),
|
|
97
|
+
/* @__PURE__ */ o(g, {})
|
|
98
|
+
]
|
|
99
|
+
})
|
|
100
|
+
}) });
|
|
101
|
+
}
|
|
102
|
+
function v({ className: t, ...n }) {
|
|
103
|
+
return /* @__PURE__ */ o(c.GroupLabel, {
|
|
104
|
+
"data-slot": "select-label",
|
|
105
|
+
className: e("py-1.5 pl-8 pr-2 text-sm font-semibold", t),
|
|
106
|
+
...n
|
|
107
|
+
});
|
|
108
|
+
}
|
|
109
|
+
function y({ className: t, children: r, ...i }) {
|
|
110
|
+
return /* @__PURE__ */ s(c.Item, {
|
|
111
|
+
"data-slot": "select-item",
|
|
112
|
+
className: e("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", t),
|
|
113
|
+
...i,
|
|
114
|
+
children: [/* @__PURE__ */ o("span", {
|
|
115
|
+
className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
|
|
116
|
+
children: /* @__PURE__ */ o(c.ItemIndicator, { children: /* @__PURE__ */ o(n, { className: "h-4 w-4" }) })
|
|
117
|
+
}), /* @__PURE__ */ o(c.ItemText, { children: r })]
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
function b({ className: t, ...n }) {
|
|
121
|
+
return /* @__PURE__ */ o("div", {
|
|
122
|
+
"data-slot": "select-separator",
|
|
123
|
+
role: "separator",
|
|
124
|
+
"aria-orientation": "horizontal",
|
|
125
|
+
className: e("-mx-1 my-1 h-px bg-muted", t),
|
|
126
|
+
...n
|
|
127
|
+
});
|
|
128
|
+
}
|
|
129
|
+
//#endregion
|
|
130
|
+
export { d as Select, _ as SelectContent, f as SelectGroup, y as SelectItem, v as SelectLabel, g as SelectScrollDownButton, h as SelectScrollUpButton, b as SelectSeparator, m as SelectTrigger, p as SelectValue };
|
|
131
|
+
|
|
132
|
+
//# sourceMappingURL=select.js.map
|