@kayleai/ui 0.0.1

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.
Files changed (169) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +15 -0
  3. package/dist/accordion.d.ts +7 -0
  4. package/dist/accordion.d.ts.map +1 -0
  5. package/dist/accordion.js +17 -0
  6. package/dist/alert-dialog.d.ts +19 -0
  7. package/dist/alert-dialog.d.ts.map +1 -0
  8. package/dist/alert-dialog.js +41 -0
  9. package/dist/alert.d.ts +11 -0
  10. package/dist/alert.d.ts.map +1 -0
  11. package/dist/alert.js +27 -0
  12. package/dist/aspect-ratio.d.ts +5 -0
  13. package/dist/aspect-ratio.d.ts.map +1 -0
  14. package/dist/aspect-ratio.js +8 -0
  15. package/dist/avatar.d.ts +12 -0
  16. package/dist/avatar.d.ts.map +1 -0
  17. package/dist/avatar.js +23 -0
  18. package/dist/badge.d.ts +8 -0
  19. package/dist/badge.d.ts.map +1 -0
  20. package/dist/badge.js +33 -0
  21. package/dist/breadcrumb.d.ts +11 -0
  22. package/dist/breadcrumb.d.ts.map +1 -0
  23. package/dist/breadcrumb.js +38 -0
  24. package/dist/button-group.d.ts +11 -0
  25. package/dist/button-group.d.ts.map +1 -0
  26. package/dist/button-group.js +38 -0
  27. package/dist/button.d.ts +9 -0
  28. package/dist/button.d.ts.map +1 -0
  29. package/dist/button.js +34 -0
  30. package/dist/calendar.d.ts +8 -0
  31. package/dist/calendar.d.ts.map +1 -0
  32. package/dist/calendar.js +81 -0
  33. package/dist/card.d.ts +12 -0
  34. package/dist/card.d.ts.map +1 -0
  35. package/dist/card.js +24 -0
  36. package/dist/carousel.d.ts +28 -0
  37. package/dist/carousel.d.ts.map +1 -0
  38. package/dist/carousel.js +95 -0
  39. package/dist/chart.d.ts +41 -0
  40. package/dist/chart.d.ts.map +1 -0
  41. package/dist/chart.js +135 -0
  42. package/dist/checkbox.d.ts +4 -0
  43. package/dist/checkbox.d.ts.map +1 -0
  44. package/dist/checkbox.js +8 -0
  45. package/dist/collapsible.d.ts +6 -0
  46. package/dist/collapsible.d.ts.map +1 -0
  47. package/dist/collapsible.js +13 -0
  48. package/dist/combobox.d.ts +24 -0
  49. package/dist/combobox.d.ts.map +1 -0
  50. package/dist/combobox.js +58 -0
  51. package/dist/command.d.ts +20 -0
  52. package/dist/command.d.ts.map +1 -0
  53. package/dist/command.js +35 -0
  54. package/dist/context-menu.d.ts +26 -0
  55. package/dist/context-menu.d.ts.map +1 -0
  56. package/dist/context-menu.js +50 -0
  57. package/dist/css/index.css +129 -0
  58. package/dist/dialog.d.ts +18 -0
  59. package/dist/dialog.d.ts.map +1 -0
  60. package/dist/dialog.js +37 -0
  61. package/dist/drawer.d.ts +14 -0
  62. package/dist/drawer.d.ts.map +1 -0
  63. package/dist/drawer.js +35 -0
  64. package/dist/dropdown-menu.d.ts +26 -0
  65. package/dist/dropdown-menu.d.ts.map +1 -0
  66. package/dist/dropdown-menu.js +50 -0
  67. package/dist/empty.d.ts +12 -0
  68. package/dist/empty.d.ts.map +1 -0
  69. package/dist/empty.js +33 -0
  70. package/dist/field.d.ts +25 -0
  71. package/dist/field.d.ts.map +1 -0
  72. package/dist/field.js +72 -0
  73. package/dist/hover-card.d.ts +6 -0
  74. package/dist/hover-card.d.ts.map +1 -0
  75. package/dist/hover-card.js +14 -0
  76. package/dist/input-group.d.ts +19 -0
  77. package/dist/input-group.d.ts.map +1 -0
  78. package/dist/input-group.js +60 -0
  79. package/dist/input-otp.d.ts +11 -0
  80. package/dist/input-otp.d.ts.map +1 -0
  81. package/dist/input-otp.js +24 -0
  82. package/dist/input.d.ts +4 -0
  83. package/dist/input.d.ts.map +1 -0
  84. package/dist/input.js +7 -0
  85. package/dist/item.d.ts +23 -0
  86. package/dist/item.d.ts.map +1 -0
  87. package/dist/item.js +80 -0
  88. package/dist/kbd.d.ts +4 -0
  89. package/dist/kbd.d.ts.map +1 -0
  90. package/dist/kbd.js +9 -0
  91. package/dist/label.d.ts +4 -0
  92. package/dist/label.d.ts.map +1 -0
  93. package/dist/label.js +9 -0
  94. package/dist/menubar.d.ts +24 -0
  95. package/dist/menubar.d.ts.map +1 -0
  96. package/dist/menubar.js +55 -0
  97. package/dist/navigation-menu.d.ts +12 -0
  98. package/dist/navigation-menu.d.ts.map +1 -0
  99. package/dist/navigation-menu.js +31 -0
  100. package/dist/pagination.d.ts +14 -0
  101. package/dist/pagination.d.ts.map +1 -0
  102. package/dist/pagination.js +26 -0
  103. package/dist/popover.d.ts +10 -0
  104. package/dist/popover.d.ts.map +1 -0
  105. package/dist/popover.js +22 -0
  106. package/dist/progress.d.ts +8 -0
  107. package/dist/progress.d.ts.map +1 -0
  108. package/dist/progress.js +20 -0
  109. package/dist/radio-group.d.ts +6 -0
  110. package/dist/radio-group.d.ts.map +1 -0
  111. package/dist/radio-group.js +12 -0
  112. package/dist/resizable.d.ts +9 -0
  113. package/dist/resizable.d.ts.map +1 -0
  114. package/dist/resizable.js +14 -0
  115. package/dist/scroll-area.d.ts +5 -0
  116. package/dist/scroll-area.d.ts.map +1 -0
  117. package/dist/scroll-area.js +10 -0
  118. package/dist/select.d.ts +16 -0
  119. package/dist/select.d.ts.map +1 -0
  120. package/dist/select.js +34 -0
  121. package/dist/separator.d.ts +4 -0
  122. package/dist/separator.d.ts.map +1 -0
  123. package/dist/separator.js +7 -0
  124. package/dist/sheet.d.ts +15 -0
  125. package/dist/sheet.d.ts.map +1 -0
  126. package/dist/sheet.js +36 -0
  127. package/dist/sidebar.d.ts +63 -0
  128. package/dist/sidebar.d.ts.map +1 -0
  129. package/dist/sidebar.js +256 -0
  130. package/dist/skeleton.d.ts +3 -0
  131. package/dist/skeleton.d.ts.map +1 -0
  132. package/dist/skeleton.js +6 -0
  133. package/dist/slider.d.ts +4 -0
  134. package/dist/slider.d.ts.map +1 -0
  135. package/dist/slider.js +15 -0
  136. package/dist/sonner.d.ts +4 -0
  137. package/dist/sonner.d.ts.map +1 -0
  138. package/dist/sonner.js +20 -0
  139. package/dist/spinner.d.ts +3 -0
  140. package/dist/spinner.d.ts.map +1 -0
  141. package/dist/spinner.js +7 -0
  142. package/dist/switch.d.ts +6 -0
  143. package/dist/switch.d.ts.map +1 -0
  144. package/dist/switch.js +8 -0
  145. package/dist/table.d.ts +11 -0
  146. package/dist/table.d.ts.map +1 -0
  147. package/dist/table.js +27 -0
  148. package/dist/tabs.d.ts +11 -0
  149. package/dist/tabs.d.ts.map +1 -0
  150. package/dist/tabs.js +29 -0
  151. package/dist/textarea.d.ts +4 -0
  152. package/dist/textarea.d.ts.map +1 -0
  153. package/dist/textarea.js +6 -0
  154. package/dist/toggle-group.d.ts +11 -0
  155. package/dist/toggle-group.d.ts.map +1 -0
  156. package/dist/toggle-group.js +24 -0
  157. package/dist/toggle.d.ts +9 -0
  158. package/dist/toggle.d.ts.map +1 -0
  159. package/dist/toggle.js +25 -0
  160. package/dist/tooltip.d.ts +7 -0
  161. package/dist/tooltip.d.ts.map +1 -0
  162. package/dist/tooltip.js +17 -0
  163. package/dist/utils/cn.d.ts +3 -0
  164. package/dist/utils/cn.d.ts.map +1 -0
  165. package/dist/utils/cn.js +5 -0
  166. package/dist/utils/is-mobile.d.ts +2 -0
  167. package/dist/utils/is-mobile.d.ts.map +1 -0
  168. package/dist/utils/is-mobile.js +4 -0
  169. package/package.json +77 -0
package/dist/card.js ADDED
@@ -0,0 +1,24 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { cn } from "./utils/cn";
3
+ function Card({ className, size = "default", ...props }) {
4
+ return (_jsx("div", { className: cn("group/card flex flex-col gap-6 overflow-hidden rounded-2xl bg-card py-6 text-card-foreground text-sm ring-1 ring-foreground/10 has-[>img:first-child]:pt-0 data-[size=sm]:gap-4 data-[size=sm]:py-4 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), "data-size": size, "data-slot": "card", ...props }));
5
+ }
6
+ function CardHeader({ className, ...props }) {
7
+ return (_jsx("div", { className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-2 rounded-t-xl px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] group-data-[size=sm]/card:px-4 [.border-b]:pb-6 group-data-[size=sm]/card:[.border-b]:pb-4", className), "data-slot": "card-header", ...props }));
8
+ }
9
+ function CardTitle({ className, ...props }) {
10
+ return (_jsx("div", { className: cn("font-medium text-base", className), "data-slot": "card-title", ...props }));
11
+ }
12
+ function CardDescription({ className, ...props }) {
13
+ return (_jsx("div", { className: cn("text-muted-foreground text-sm", className), "data-slot": "card-description", ...props }));
14
+ }
15
+ function CardAction({ className, ...props }) {
16
+ return (_jsx("div", { className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className), "data-slot": "card-action", ...props }));
17
+ }
18
+ function CardContent({ className, ...props }) {
19
+ return (_jsx("div", { className: cn("px-6 group-data-[size=sm]/card:px-4", className), "data-slot": "card-content", ...props }));
20
+ }
21
+ function CardFooter({ className, ...props }) {
22
+ return (_jsx("div", { className: cn("flex items-center rounded-b-xl px-6 group-data-[size=sm]/card:px-4 [.border-t]:pt-6 group-data-[size=sm]/card:[.border-t]:pt-4", className), "data-slot": "card-footer", ...props }));
23
+ }
24
+ export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
@@ -0,0 +1,28 @@
1
+ import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
2
+ import { Button } from "./button";
3
+ type CarouselApi = UseEmblaCarouselType[1];
4
+ type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
5
+ type CarouselOptions = UseCarouselParameters[0];
6
+ type CarouselPlugin = UseCarouselParameters[1];
7
+ type CarouselProps = {
8
+ opts?: CarouselOptions;
9
+ plugins?: CarouselPlugin;
10
+ orientation?: "horizontal" | "vertical";
11
+ setApi?: (api: CarouselApi) => void;
12
+ };
13
+ type CarouselContextProps = {
14
+ carouselRef: ReturnType<typeof useEmblaCarousel>[0];
15
+ api: ReturnType<typeof useEmblaCarousel>[1];
16
+ scrollPrev: () => void;
17
+ scrollNext: () => void;
18
+ canScrollPrev: boolean;
19
+ canScrollNext: boolean;
20
+ } & CarouselProps;
21
+ declare function useCarousel(): CarouselContextProps;
22
+ declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): import("react/jsx-runtime").JSX.Element;
23
+ declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
24
+ declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
25
+ declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
26
+ declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): import("react/jsx-runtime").JSX.Element;
27
+ export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel, };
28
+ //# sourceMappingURL=carousel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,EAAE,EACvB,KAAK,oBAAoB,EAC1B,MAAM,sBAAsB,CAAC;AAS9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAGlC,KAAK,WAAW,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAC3C,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C,KAAK,aAAa,GAAG;IACnB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACpD,GAAG,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;CACxB,GAAG,aAAa,CAAC;AAIlB,iBAAS,WAAW,yBAQnB;AAED,iBAAS,QAAQ,CAAC,EAChB,WAA0B,EAC1B,IAAI,EACJ,MAAM,EACN,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,aAAa,2CAuF7C;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAmB5E;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAiBzE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,2CAuBrC;AAED,OAAO,EACL,KAAK,WAAW,EAChB,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,YAAY,EACZ,WAAW,GACZ,CAAC"}
@@ -0,0 +1,95 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import useEmblaCarousel, {} from "embla-carousel-react";
3
+ import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
4
+ import { createContext, useCallback, useContext, useEffect, useState, } from "react";
5
+ import { Button } from "./button";
6
+ import { cn } from "./utils/cn";
7
+ const CarouselContext = createContext(null);
8
+ function useCarousel() {
9
+ const context = useContext(CarouselContext);
10
+ if (!context) {
11
+ throw new Error("useCarousel must be used within a <Carousel />");
12
+ }
13
+ return context;
14
+ }
15
+ function Carousel({ orientation = "horizontal", opts, setApi, plugins, className, children, ...props }) {
16
+ const [carouselRef, api] = useEmblaCarousel({
17
+ ...opts,
18
+ axis: orientation === "horizontal" ? "x" : "y",
19
+ }, plugins);
20
+ const [canScrollPrev, setCanScrollPrev] = useState(false);
21
+ const [canScrollNext, setCanScrollNext] = useState(false);
22
+ const onSelect = useCallback((a) => {
23
+ if (!a) {
24
+ return;
25
+ }
26
+ setCanScrollPrev(a.canScrollPrev());
27
+ setCanScrollNext(a.canScrollNext());
28
+ }, []);
29
+ const scrollPrev = useCallback(() => {
30
+ api?.scrollPrev();
31
+ }, [api]);
32
+ const scrollNext = useCallback(() => {
33
+ api?.scrollNext();
34
+ }, [api]);
35
+ const handleKeyDown = useCallback((event) => {
36
+ if (event.key === "ArrowLeft") {
37
+ event.preventDefault();
38
+ scrollPrev();
39
+ }
40
+ else if (event.key === "ArrowRight") {
41
+ event.preventDefault();
42
+ scrollNext();
43
+ }
44
+ }, [scrollPrev, scrollNext]);
45
+ useEffect(() => {
46
+ if (!(api && setApi)) {
47
+ return;
48
+ }
49
+ setApi(api);
50
+ }, [api, setApi]);
51
+ useEffect(() => {
52
+ if (!api) {
53
+ return;
54
+ }
55
+ onSelect(api);
56
+ api.on("reInit", onSelect);
57
+ api.on("select", onSelect);
58
+ return () => {
59
+ api?.off("select", onSelect);
60
+ };
61
+ }, [api, onSelect]);
62
+ return (_jsx(CarouselContext.Provider, { value: {
63
+ carouselRef,
64
+ api,
65
+ opts,
66
+ orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
67
+ scrollPrev,
68
+ scrollNext,
69
+ canScrollPrev,
70
+ canScrollNext,
71
+ }, children: _jsx("div", { "aria-roledescription": "carousel", className: cn("relative", className), "data-slot": "carousel", onKeyDownCapture: handleKeyDown, role: "region", ...props, children: children }) }));
72
+ }
73
+ function CarouselContent({ className, ...props }) {
74
+ const { carouselRef, orientation } = useCarousel();
75
+ return (_jsx("div", { className: "overflow-hidden", "data-slot": "carousel-content", ref: carouselRef, children: _jsx("div", { className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className), ...props }) }));
76
+ }
77
+ function CarouselItem({ className, ...props }) {
78
+ const { orientation } = useCarousel();
79
+ return (
80
+ // biome-ignore lint/a11y: intentional
81
+ _jsx("div", { "aria-roledescription": "slide", className: cn("min-w-0 shrink-0 grow-0 basis-full", orientation === "horizontal" ? "pl-4" : "pt-4", className), "data-slot": "carousel-item", role: "group", ...props }));
82
+ }
83
+ function CarouselPrevious({ className, variant = "outline", size = "icon-sm", ...props }) {
84
+ const { orientation, scrollPrev, canScrollPrev } = useCarousel();
85
+ return (_jsxs(Button, { className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal"
86
+ ? "-left-12 -translate-y-1/2 top-1/2"
87
+ : "-top-12 -translate-x-1/2 left-1/2 rotate-90", className), "data-slot": "carousel-previous", disabled: !canScrollPrev, onClick: scrollPrev, size: size, variant: variant, ...props, children: [_jsx(ChevronLeftIcon, {}), _jsx("span", { className: "sr-only", children: "Previous slide" })] }));
88
+ }
89
+ function CarouselNext({ className, variant = "outline", size = "icon-sm", ...props }) {
90
+ const { orientation, scrollNext, canScrollNext } = useCarousel();
91
+ return (_jsxs(Button, { className: cn("absolute touch-manipulation rounded-full", orientation === "horizontal"
92
+ ? "-right-12 -translate-y-1/2 top-1/2"
93
+ : "-bottom-12 -translate-x-1/2 left-1/2 rotate-90", className), "data-slot": "carousel-next", disabled: !canScrollNext, onClick: scrollNext, size: size, variant: variant, ...props, children: [_jsx(ChevronRightIcon, {}), _jsx("span", { className: "sr-only", children: "Next slide" })] }));
94
+ }
95
+ export { Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, useCarousel, };
@@ -0,0 +1,41 @@
1
+ import type { LegendProps } from "recharts";
2
+ import { Legend, ResponsiveContainer, Tooltip } from "recharts";
3
+ declare const THEMES: {
4
+ readonly light: "";
5
+ readonly dark: ".dark";
6
+ };
7
+ export type ChartConfig = {
8
+ [k in string]: {
9
+ label?: React.ReactNode;
10
+ icon?: React.ComponentType;
11
+ } & ({
12
+ color?: string;
13
+ theme?: never;
14
+ } | {
15
+ color?: never;
16
+ theme: Record<keyof typeof THEMES, string>;
17
+ });
18
+ };
19
+ declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
20
+ config: ChartConfig;
21
+ children: React.ComponentProps<typeof ResponsiveContainer>["children"];
22
+ }): import("react/jsx-runtime").JSX.Element;
23
+ declare const ChartStyle: ({ id, config }: {
24
+ id: string;
25
+ config: ChartConfig;
26
+ }) => import("react/jsx-runtime").JSX.Element | null;
27
+ declare const ChartTooltip: typeof Tooltip;
28
+ declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof Tooltip> & React.ComponentProps<"div"> & {
29
+ hideLabel?: boolean;
30
+ hideIndicator?: boolean;
31
+ indicator?: "line" | "dot" | "dashed";
32
+ nameKey?: string;
33
+ labelKey?: string;
34
+ }): import("react/jsx-runtime").JSX.Element | null;
35
+ declare const ChartLegend: typeof Legend;
36
+ declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<LegendProps, "payload" | "verticalAlign"> & {
37
+ hideIcon?: boolean;
38
+ nameKey?: string;
39
+ }): import("react/jsx-runtime").JSX.Element | null;
40
+ export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
41
+ //# sourceMappingURL=chart.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["../src/chart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAKhE,QAAA,MAAM,MAAM;;;CAAwC,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;KACvB,CAAC,IAAI,MAAM,GAAG;QACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC5B,GAAG,CACA;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAE,GACjC;QAAE,KAAK,CAAC,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,OAAO,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAChE;CACF,CAAC;AAkBF,iBAAS,cAAc,CAAC,EACtB,EAAE,EACF,SAAS,EACT,QAAQ,EACR,MAAM,EACN,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,CAAC,UAAU,CAAC,CAAC;CACxE,2CAoBA;AAED,QAAA,MAAM,UAAU,GAAI,gBAAgB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,mDAgCtE,CAAC;AAEF,QAAA,MAAM,YAAY,gBAAU,CAAC;AAE7B,iBAAS,mBAAmB,CAAC,EAC3B,MAAM,EACN,OAAO,EACP,SAAS,EACT,SAAiB,EACjB,SAAiB,EACjB,aAAqB,EACrB,KAAK,EACL,cAAc,EACd,cAAc,EACd,SAAS,EACT,KAAK,EACL,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,GACrC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,kDA+HF;AAED,QAAA,MAAM,WAAW,eAAS,CAAC;AAE3B,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,OAAO,GACR,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAC5B,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,eAAe,CAAC,GAAG;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,kDA6CF;AAwCD,OAAO,EACL,cAAc,EACd,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,kBAAkB,EAClB,UAAU,GACX,CAAC"}
package/dist/chart.js ADDED
@@ -0,0 +1,135 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
3
+ import { createContext, useContext, useId, useMemo } from "react";
4
+ import { Legend, ResponsiveContainer, Tooltip } from "recharts";
5
+ import { cn } from "./utils/cn";
6
+ // Format: { THEME_NAME: CSS_SELECTOR }
7
+ const THEMES = { light: "", dark: ".dark" };
8
+ const ChartContext = createContext(null);
9
+ function useChart() {
10
+ const context = useContext(ChartContext);
11
+ if (!context) {
12
+ throw new Error("useChart must be used within a <ChartContainer />");
13
+ }
14
+ return context;
15
+ }
16
+ function ChartContainer({ id, className, children, config, ...props }) {
17
+ const uniqueId = useId();
18
+ const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
19
+ return (_jsx(ChartContext.Provider, { value: { config }, children: _jsxs("div", { className: cn("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-sector]:outline-hidden [&_.recharts-surface]:outline-hidden", className), "data-chart": chartId, "data-slot": "chart", ...props, children: [_jsx(ChartStyle, { config: config, id: chartId }), _jsx(ResponsiveContainer, { children: children })] }) }));
20
+ }
21
+ const ChartStyle = ({ id, config }) => {
22
+ const colorConfig = Object.entries(config).filter(([, c]) => c.theme || c.color);
23
+ if (!colorConfig.length) {
24
+ return null;
25
+ }
26
+ return (_jsx("style", {
27
+ // biome-ignore lint/security/noDangerouslySetInnerHtml: okay
28
+ dangerouslySetInnerHTML: {
29
+ __html: Object.entries(THEMES)
30
+ .map(([theme, prefix]) => `
31
+ ${prefix} [data-chart=${id}] {
32
+ ${colorConfig
33
+ .map(([key, itemConfig]) => {
34
+ const color = itemConfig.theme?.[theme] ||
35
+ itemConfig.color;
36
+ return color ? ` --color-${key}: ${color};` : null;
37
+ })
38
+ .join("\n")}
39
+ }
40
+ `)
41
+ .join("\n"),
42
+ } }));
43
+ };
44
+ const ChartTooltip = Tooltip;
45
+ function ChartTooltipContent({ active, payload, className, indicator = "dot", hideLabel = false, hideIndicator = false, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }) {
46
+ const { config } = useChart();
47
+ const tooltipLabel = useMemo(() => {
48
+ if (hideLabel || !payload?.length) {
49
+ return null;
50
+ }
51
+ const [item] = payload;
52
+ const key = `${labelKey || item?.dataKey || item?.name || "value"}`;
53
+ const itemConfig = getPayloadConfigFromPayload(config, item, key);
54
+ const value = !labelKey && typeof label === "string"
55
+ ? config[label]?.label || label
56
+ : itemConfig?.label;
57
+ if (labelFormatter) {
58
+ return (_jsx("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) }));
59
+ }
60
+ if (!value) {
61
+ return null;
62
+ }
63
+ return _jsx("div", { className: cn("font-medium", labelClassName), children: value });
64
+ }, [
65
+ label,
66
+ labelFormatter,
67
+ payload,
68
+ hideLabel,
69
+ labelClassName,
70
+ config,
71
+ labelKey,
72
+ ]);
73
+ if (!(active && payload?.length)) {
74
+ return null;
75
+ }
76
+ const nestLabel = payload.length === 1 && indicator !== "dot";
77
+ return (_jsxs("div", { className: cn("grid min-w-[8rem] items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl", className), children: [nestLabel ? null : tooltipLabel, _jsx("div", { className: "grid gap-1.5", children: payload
78
+ .filter((item) => item.type !== "none")
79
+ // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: okay
80
+ .map((item, index) => {
81
+ const key = `${nameKey || item.name || item.dataKey || "value"}`;
82
+ const itemConfig = getPayloadConfigFromPayload(config, item, key);
83
+ const indicatorColor = color || item.payload.fill || item.color;
84
+ return (_jsx("div", { className: cn("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground", indicator === "dot" && "items-center"), children: formatter && item?.value !== undefined && item.name ? (formatter(item.value, item.name, item, index, item.payload)) : (_jsxs(_Fragment, { children: [itemConfig?.icon ? (_jsx(itemConfig.icon, {})) : (!hideIndicator && (_jsx("div", { className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
85
+ "h-2.5 w-2.5": indicator === "dot",
86
+ "w-1": indicator === "line",
87
+ "w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
88
+ // biome-ignore lint/nursery/noLeakedRender: okay
89
+ "my-0.5": nestLabel && indicator === "dashed",
90
+ }), style: {
91
+ "--color-bg": indicatorColor,
92
+ "--color-border": indicatorColor,
93
+ } }))), _jsxs("div", { className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"), children: [_jsxs("div", { className: "grid gap-1.5", children: [nestLabel ? tooltipLabel : null, _jsx("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })] }), item.value ? (_jsx("span", { className: "font-medium font-mono text-foreground tabular-nums", children: item.value.toLocaleString() })) : null] })] })) }, item.dataKey));
94
+ }) })] }));
95
+ }
96
+ const ChartLegend = Legend;
97
+ function ChartLegendContent({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey, }) {
98
+ const { config } = useChart();
99
+ if (!payload?.length) {
100
+ return null;
101
+ }
102
+ return (_jsx("div", { className: cn("flex items-center justify-center gap-4", verticalAlign === "top" ? "pb-3" : "pt-3", className), children: payload
103
+ .filter((item) => item.type !== "none")
104
+ .map((item) => {
105
+ const key = `${nameKey || item.dataKey || "value"}`;
106
+ const itemConfig = getPayloadConfigFromPayload(config, item, key);
107
+ return (_jsxs("div", { className: cn("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"), children: [itemConfig?.icon && !hideIcon ? (_jsx(itemConfig.icon, {})) : (_jsx("div", { className: "h-2 w-2 shrink-0 rounded-[2px]", style: {
108
+ backgroundColor: item.color,
109
+ } })), itemConfig?.label] }, item.value));
110
+ }) }));
111
+ }
112
+ function getPayloadConfigFromPayload(config, payload, key) {
113
+ if (typeof payload !== "object" || payload === null) {
114
+ return;
115
+ }
116
+ const payloadPayload = "payload" in payload &&
117
+ typeof payload.payload === "object" &&
118
+ payload.payload !== null
119
+ ? payload.payload
120
+ : undefined;
121
+ let configLabelKey = key;
122
+ if (key in payload &&
123
+ typeof payload[key] === "string") {
124
+ configLabelKey = payload[key];
125
+ }
126
+ else if (payloadPayload &&
127
+ key in payloadPayload &&
128
+ typeof payloadPayload[key] === "string") {
129
+ configLabelKey = payloadPayload[key];
130
+ }
131
+ return configLabelKey in config
132
+ ? config[configLabelKey]
133
+ : config[key];
134
+ }
135
+ export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, ChartStyle, };
@@ -0,0 +1,4 @@
1
+ import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
2
+ declare function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
3
+ export { Checkbox };
4
+ //# sourceMappingURL=checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../src/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,2CAkBtE;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
@@ -0,0 +1,8 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
3
+ import { CheckIcon } from "lucide-react";
4
+ import { cn } from "./utils/cn";
5
+ function Checkbox({ className, ...props }) {
6
+ return (_jsx(CheckboxPrimitive.Root, { className: cn("peer after:-inset-x-3 after:-inset-y-2 relative flex size-4 shrink-0 items-center justify-center rounded-[6px] border border-input outline-none transition-shadow after:absolute focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 group-has-disabled/field:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:bg-input/30 dark:data-checked:bg-primary dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className), "data-slot": "checkbox", ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: "grid place-content-center text-current transition-none [&>svg]:size-3.5", "data-slot": "checkbox-indicator", children: _jsx(CheckIcon, {}) }) }));
7
+ }
8
+ export { Checkbox };
@@ -0,0 +1,6 @@
1
+ import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
2
+ declare function Collapsible({ ...props }: CollapsiblePrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
3
+ declare function CollapsibleTrigger({ ...props }: CollapsiblePrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
4
+ declare function CollapsibleContent({ ...props }: CollapsiblePrimitive.Panel.Props): import("react/jsx-runtime").JSX.Element;
5
+ export { Collapsible, CollapsibleTrigger, CollapsibleContent };
6
+ //# sourceMappingURL=collapsible.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../src/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAC;AAEjF,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,2CAEjE;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,2CAI3E;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,2CAIzE;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}
@@ -0,0 +1,13 @@
1
+ "use client";
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { Collapsible as CollapsiblePrimitive } from "@base-ui/react/collapsible";
4
+ function Collapsible({ ...props }) {
5
+ return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
6
+ }
7
+ function CollapsibleTrigger({ ...props }) {
8
+ return (_jsx(CollapsiblePrimitive.Trigger, { "data-slot": "collapsible-trigger", ...props }));
9
+ }
10
+ function CollapsibleContent({ ...props }) {
11
+ return (_jsx(CollapsiblePrimitive.Panel, { "data-slot": "collapsible-content", ...props }));
12
+ }
13
+ export { Collapsible, CollapsibleTrigger, CollapsibleContent };
@@ -0,0 +1,24 @@
1
+ import { Combobox as ComboboxPrimitive } from "@base-ui/react";
2
+ declare const Combobox: typeof ComboboxPrimitive.Root;
3
+ declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
4
+ declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
5
+ declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
6
+ showTrigger?: boolean;
7
+ showClear?: boolean;
8
+ }): import("react/jsx-runtime").JSX.Element;
9
+ declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, "side" | "align" | "sideOffset" | "alignOffset" | "anchor">): import("react/jsx-runtime").JSX.Element;
10
+ declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): import("react/jsx-runtime").JSX.Element;
11
+ declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): import("react/jsx-runtime").JSX.Element;
12
+ declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
13
+ declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): import("react/jsx-runtime").JSX.Element;
14
+ declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
15
+ declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
16
+ declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
17
+ declare function ComboboxChips({ className, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): import("react/jsx-runtime").JSX.Element;
18
+ declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
19
+ showRemove?: boolean;
20
+ }): import("react/jsx-runtime").JSX.Element;
21
+ declare function ComboboxChipsInput({ className, ...props }: ComboboxPrimitive.Input.Props): import("react/jsx-runtime").JSX.Element;
22
+ declare function useComboboxAnchor(): import("react").RefObject<HTMLDivElement | null>;
23
+ export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, useComboboxAnchor, };
24
+ //# sourceMappingURL=combobox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../src/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAY/D,QAAA,MAAM,QAAQ,+BAAyB,CAAC;AAExC,iBAAS,aAAa,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,2CAEjE;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,OAAO,CAAC,KAAK,2CAWjC;AAeD,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAgB,EAChB,WAAkB,EAClB,SAAiB,EACjB,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,GAAG;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,2CAuBA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,IAAe,EACf,UAAc,EACd,KAAe,EACf,WAAe,EACf,MAAM,EACN,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,GAC9B,IAAI,CACF,iBAAiB,CAAC,UAAU,CAAC,KAAK,EAClC,MAAM,GAAG,OAAO,GAAG,YAAY,GAAG,aAAa,GAAG,QAAQ,CAC3D,2CAuBF;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,2CAW1E;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,2CAoB9B;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,2CAQ5E;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,UAAU,CAAC,KAAK,2CAQpC;AAED,iBAAS,kBAAkB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,UAAU,CAAC,KAAK,2CAI3E;AAED,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,2CAW5E;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,SAAS,CAAC,KAAK,2CAQnC;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,qBAAqB,CAAC,OAAO,iBAAiB,CAAC,KAAK,CAAC,GAC5D,iBAAiB,CAAC,KAAK,CAAC,KAAK,2CAW9B;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,UAAiB,EACjB,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,IAAI,CAAC,KAAK,GAAG;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,2CAsBA;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,KAAK,CAAC,KAAK,2CAQ/B;AAED,iBAAS,iBAAiB,qDAEzB;AAED,OAAO,EACL,QAAQ,EACR,aAAa,EACb,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,eAAe,EACf,aAAa,EACb,iBAAiB,GAClB,CAAC"}
@@ -0,0 +1,58 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Combobox as ComboboxPrimitive } from "@base-ui/react";
4
+ import { CheckIcon, ChevronDownIcon, XIcon } from "lucide-react";
5
+ import { useRef } from "react";
6
+ import { Button } from "./button";
7
+ import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, } from "./input-group";
8
+ import { cn } from "./utils/cn";
9
+ const Combobox = ComboboxPrimitive.Root;
10
+ function ComboboxValue({ ...props }) {
11
+ return _jsx(ComboboxPrimitive.Value, { "data-slot": "combobox-value", ...props });
12
+ }
13
+ function ComboboxTrigger({ className, children, ...props }) {
14
+ return (_jsxs(ComboboxPrimitive.Trigger, { className: cn("[&_svg:not([class*='size-'])]:size-4", className), "data-slot": "combobox-trigger", ...props, children: [children, _jsx(ChevronDownIcon, { className: "pointer-events-none size-4 text-muted-foreground" })] }));
15
+ }
16
+ function ComboboxClear({ className, ...props }) {
17
+ return (_jsx(ComboboxPrimitive.Clear, { className: cn(className), "data-slot": "combobox-clear", render: _jsx(InputGroupButton, { size: "icon-xs", variant: "ghost" }), ...props, children: _jsx(XIcon, { className: "pointer-events-none" }) }));
18
+ }
19
+ function ComboboxInput({ className, children, disabled = false, showTrigger = true, showClear = false, ...props }) {
20
+ return (_jsxs(InputGroup, { className: cn("w-auto", className), children: [_jsx(ComboboxPrimitive.Input, { render: _jsx(InputGroupInput, { disabled: disabled }), ...props }), _jsxs(InputGroupAddon, { align: "inline-end", children: [showTrigger ? (_jsx(InputGroupButton, { className: "group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent", "data-slot": "input-group-button", disabled: disabled, render: _jsx(ComboboxTrigger, {}), size: "icon-xs", variant: "ghost" })) : null, showClear ? _jsx(ComboboxClear, { disabled: disabled }) : null] }), children] }));
21
+ }
22
+ function ComboboxContent({ className, side = "bottom", sideOffset = 6, align = "start", alignOffset = 0, anchor, ...props }) {
23
+ return (_jsx(ComboboxPrimitive.Portal, { children: _jsx(ComboboxPrimitive.Positioner, { align: align, alignOffset: alignOffset, anchor: anchor, className: "isolate z-50", side: side, sideOffset: sideOffset, children: _jsx(ComboboxPrimitive.Popup, { className: cn("data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 group/combobox-content relative max-h-(--available-height) w-(--anchor-width) min-w-[calc(var(--anchor-width)+--spacing(7))] max-w-(--available-width) origin-(--transform-origin) overflow-hidden rounded-2xl bg-popover text-popover-foreground shadow-2xl ring-1 ring-foreground/5 duration-100 data-[chips=true]:min-w-(--anchor-width) data-closed:animate-out data-open:animate-in *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-9 *:data-[slot=input-group]:border-none *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none", className), "data-chips": !!anchor, "data-slot": "combobox-content", ...props }) }) }));
24
+ }
25
+ function ComboboxList({ className, ...props }) {
26
+ return (_jsx(ComboboxPrimitive.List, { className: cn("no-scrollbar max-h-[min(calc(--spacing(72)---spacing(9)),calc(var(--available-height)---spacing(9)))] scroll-py-1 overflow-y-auto overscroll-contain p-1 data-empty:p-0", className), "data-slot": "combobox-list", ...props }));
27
+ }
28
+ function ComboboxItem({ className, children, ...props }) {
29
+ return (_jsxs(ComboboxPrimitive.Item, { className: cn("relative flex w-full cursor-default select-none items-center gap-2.5 rounded-xl py-2 pr-8 pl-3 text-sm outline-hidden data-[disabled]:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[disabled]:opacity-50 not-data-[variant=destructive]:data-highlighted:**:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", className), "data-slot": "combobox-item", ...props, children: [children, _jsx(ComboboxPrimitive.ItemIndicator, { render: _jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }), children: _jsx(CheckIcon, { className: "pointer-events-none" }) })] }));
30
+ }
31
+ function ComboboxGroup({ className, ...props }) {
32
+ return (_jsx(ComboboxPrimitive.Group, { className: cn(className), "data-slot": "combobox-group", ...props }));
33
+ }
34
+ function ComboboxLabel({ className, ...props }) {
35
+ return (_jsx(ComboboxPrimitive.GroupLabel, { className: cn("px-3.5 py-2.5 text-muted-foreground text-xs", className), "data-slot": "combobox-label", ...props }));
36
+ }
37
+ function ComboboxCollection({ ...props }) {
38
+ return (_jsx(ComboboxPrimitive.Collection, { "data-slot": "combobox-collection", ...props }));
39
+ }
40
+ function ComboboxEmpty({ className, ...props }) {
41
+ return (_jsx(ComboboxPrimitive.Empty, { className: cn("hidden w-full justify-center py-2 text-center text-muted-foreground text-sm group-data-empty/combobox-content:flex", className), "data-slot": "combobox-empty", ...props }));
42
+ }
43
+ function ComboboxSeparator({ className, ...props }) {
44
+ return (_jsx(ComboboxPrimitive.Separator, { className: cn("-mx-1 my-1 h-px bg-border/50", className), "data-slot": "combobox-separator", ...props }));
45
+ }
46
+ function ComboboxChips({ className, ...props }) {
47
+ return (_jsx(ComboboxPrimitive.Chips, { className: cn("flex min-h-9 flex-wrap items-center gap-1.5 rounded-4xl border border-input bg-input/30 bg-clip-padding px-2.5 py-1.5 text-sm transition-colors focus-within:border-ring focus-within:ring-[3px] focus-within:ring-ring/50 has-aria-invalid:border-destructive has-data-[slot=combobox-chip]:px-1.5 has-aria-invalid:ring-[3px] has-aria-invalid:ring-destructive/20 dark:has-aria-invalid:border-destructive/50 dark:has-aria-invalid:ring-destructive/40", className), "data-slot": "combobox-chips", ...props }));
48
+ }
49
+ function ComboboxChip({ className, children, showRemove = true, ...props }) {
50
+ return (_jsxs(ComboboxPrimitive.Chip, { className: cn("flex h-[calc(--spacing(5.5))] w-fit items-center justify-center gap-1 whitespace-nowrap rounded-4xl bg-muted-foreground/10 px-2 font-medium text-foreground text-xs has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-data-[slot=combobox-chip-remove]:pr-0 has-disabled:opacity-50", className), "data-slot": "combobox-chip", ...props, children: [children, showRemove ? (_jsx(ComboboxPrimitive.ChipRemove, { className: "-ml-1 opacity-50 hover:opacity-100", "data-slot": "combobox-chip-remove", render: _jsx(Button, { size: "icon-xs", variant: "ghost" }), children: _jsx(XIcon, { className: "pointer-events-none" }) })) : null] }));
51
+ }
52
+ function ComboboxChipsInput({ className, ...props }) {
53
+ return (_jsx(ComboboxPrimitive.Input, { className: cn("min-w-16 flex-1 outline-none", className), "data-slot": "combobox-chip-input", ...props }));
54
+ }
55
+ function useComboboxAnchor() {
56
+ return useRef(null);
57
+ }
58
+ export { Combobox, ComboboxInput, ComboboxContent, ComboboxList, ComboboxItem, ComboboxGroup, ComboboxLabel, ComboboxCollection, ComboboxEmpty, ComboboxSeparator, ComboboxChips, ComboboxChip, ComboboxChipsInput, ComboboxTrigger, ComboboxValue, useComboboxAnchor, };
@@ -0,0 +1,20 @@
1
+ import { Command as CommandPrimitive } from "cmdk";
2
+ import type * as React from "react";
3
+ import { Dialog } from "./dialog";
4
+ declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
5
+ declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: Omit<React.ComponentProps<typeof Dialog>, "children"> & {
6
+ title?: string;
7
+ description?: string;
8
+ className?: string;
9
+ showCloseButton?: boolean;
10
+ children: React.ReactNode;
11
+ }): import("react/jsx-runtime").JSX.Element;
12
+ declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
13
+ declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
14
+ declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): import("react/jsx-runtime").JSX.Element;
15
+ declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
16
+ declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
17
+ declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
18
+ declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
19
+ export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
20
+ //# sourceMappingURL=command.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"command.d.ts","sourceRoot":"","sources":["../src/command.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAEnD,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,EACL,MAAM,EAKP,MAAM,UAAU,CAAC;AAIlB,iBAAS,OAAO,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,2CAW/C;AAED,iBAAS,aAAa,CAAC,EACrB,KAAyB,EACzB,WAA8C,EAC9C,QAAQ,EACR,SAAS,EACT,eAAuB,EACvB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,UAAU,CAAC,GAAG;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,2CAeA;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAkBrD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAWpD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAQrD;AAED,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,KAAK,CAAC,2CAWrD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,SAAS,CAAC,2CAQzD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAcpD;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW9B;AAED,OAAO,EACL,OAAO,EACP,aAAa,EACb,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,eAAe,EACf,gBAAgB,GACjB,CAAC"}
@@ -0,0 +1,35 @@
1
+ "use client";
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Command as CommandPrimitive } from "cmdk";
4
+ import { CheckIcon, SearchIcon } from "lucide-react";
5
+ import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "./dialog";
6
+ import { InputGroup, InputGroupAddon } from "./input-group";
7
+ import { cn } from "./utils/cn";
8
+ function Command({ className, ...props }) {
9
+ return (_jsx(CommandPrimitive, { className: cn("flex size-full flex-col overflow-hidden rounded-4xl bg-popover p-1 text-popover-foreground", className), "data-slot": "command", ...props }));
10
+ }
11
+ function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = false, ...props }) {
12
+ return (_jsxs(Dialog, { ...props, children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("overflow-hidden rounded-4xl! p-0", className), showCloseButton: showCloseButton, children: children })] }));
13
+ }
14
+ function CommandInput({ className, ...props }) {
15
+ return (_jsx("div", { className: "p-1 pb-0", "data-slot": "command-input-wrapper", children: _jsxs(InputGroup, { className: "h-9 bg-input/30", children: [_jsx(CommandPrimitive.Input, { className: cn("w-full text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className), "data-slot": "command-input", ...props }), _jsx(InputGroupAddon, { children: _jsx(SearchIcon, { className: "size-4 shrink-0 opacity-50" }) })] }) }));
16
+ }
17
+ function CommandList({ className, ...props }) {
18
+ return (_jsx(CommandPrimitive.List, { className: cn("no-scrollbar max-h-72 scroll-py-1 overflow-y-auto overflow-x-hidden outline-none", className), "data-slot": "command-list", ...props }));
19
+ }
20
+ function CommandEmpty({ className, ...props }) {
21
+ return (_jsx(CommandPrimitive.Empty, { className: cn("py-6 text-center text-sm", className), "data-slot": "command-empty", ...props }));
22
+ }
23
+ function CommandGroup({ className, ...props }) {
24
+ return (_jsx(CommandPrimitive.Group, { className: cn("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group-heading]]:text-xs", className), "data-slot": "command-group", ...props }));
25
+ }
26
+ function CommandSeparator({ className, ...props }) {
27
+ return (_jsx(CommandPrimitive.Separator, { className: cn("my-1 h-px bg-border/50", className), "data-slot": "command-separator", ...props }));
28
+ }
29
+ function CommandItem({ className, children, ...props }) {
30
+ return (_jsxs(CommandPrimitive.Item, { className: cn("group/command-item relative flex cursor-default select-none items-center gap-2 rounded-lg px-3 py-2 text-sm outline-hidden data-[disabled=true]:pointer-events-none data-selected:bg-muted data-selected:text-foreground data-[disabled=true]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0 [[data-slot=dialog-content]_&]:rounded-2xl data-selected:*:[svg]:text-foreground", className), "data-slot": "command-item", ...props, children: [children, _jsx(CheckIcon, { className: "ml-auto opacity-0 group-has-[[data-slot=command-shortcut]]/command-item:hidden group-data-[checked=true]/command-item:opacity-100" })] }));
31
+ }
32
+ function CommandShortcut({ className, ...props }) {
33
+ return (_jsx("span", { className: cn("ml-auto text-muted-foreground text-xs tracking-widest group-data-selected/command-item:text-foreground", className), "data-slot": "command-shortcut", ...props }));
34
+ }
35
+ export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
@@ -0,0 +1,26 @@
1
+ import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
2
+ import type * as React from "react";
3
+ declare function ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
4
+ declare function ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props): import("react/jsx-runtime").JSX.Element;
5
+ declare function ContextMenuTrigger({ className, ...props }: ContextMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
6
+ declare function ContextMenuContent({ className, align, alignOffset, side, sideOffset, ...props }: ContextMenuPrimitive.Popup.Props & Pick<ContextMenuPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): import("react/jsx-runtime").JSX.Element;
7
+ declare function ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
8
+ declare function ContextMenuLabel({ className, inset, ...props }: ContextMenuPrimitive.GroupLabel.Props & {
9
+ inset?: boolean;
10
+ }): import("react/jsx-runtime").JSX.Element;
11
+ declare function ContextMenuItem({ className, inset, variant, ...props }: ContextMenuPrimitive.Item.Props & {
12
+ inset?: boolean;
13
+ variant?: "default" | "destructive";
14
+ }): import("react/jsx-runtime").JSX.Element;
15
+ declare function ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props): import("react/jsx-runtime").JSX.Element;
16
+ declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ContextMenuPrimitive.SubmenuTrigger.Props & {
17
+ inset?: boolean;
18
+ }): import("react/jsx-runtime").JSX.Element;
19
+ declare function ContextMenuSubContent({ ...props }: React.ComponentProps<typeof ContextMenuContent>): import("react/jsx-runtime").JSX.Element;
20
+ declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: ContextMenuPrimitive.CheckboxItem.Props): import("react/jsx-runtime").JSX.Element;
21
+ declare function ContextMenuRadioGroup({ ...props }: ContextMenuPrimitive.RadioGroup.Props): import("react/jsx-runtime").JSX.Element;
22
+ declare function ContextMenuRadioItem({ className, children, ...props }: ContextMenuPrimitive.RadioItem.Props): import("react/jsx-runtime").JSX.Element;
23
+ declare function ContextMenuSeparator({ className, ...props }: ContextMenuPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
24
+ declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
25
+ export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
26
+ //# sourceMappingURL=context-menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../src/context-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAElF,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,2CAEjE;AAED,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,MAAM,CAAC,KAAK,2CAIzE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,OAAO,CAAC,KAAK,2CAQpC;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,KAAe,EACf,WAAe,EACf,IAAc,EACd,UAAc,EACd,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,GACjC,IAAI,CACF,oBAAoB,CAAC,UAAU,CAAC,KAAK,EACrC,OAAO,GAAG,aAAa,GAAG,MAAM,GAAG,YAAY,CAChD,2CAqBF;AAED,iBAAS,gBAAgB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,KAAK,CAAC,KAAK,2CAIvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,UAAU,CAAC,KAAK,GAAG;IACzC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CAYA;AAED,iBAAS,eAAe,CAAC,EACvB,SAAS,EACT,KAAK,EACL,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,IAAI,CAAC,KAAK,GAAG;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CACrC,2CAaA;AAED,iBAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,WAAW,CAAC,KAAK,2CAI3E;AAED,iBAAS,qBAAqB,CAAC,EAC7B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,cAAc,CAAC,KAAK,GAAG;IAC7C,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,2CAeA;AAED,iBAAS,qBAAqB,CAAC,EAC7B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,2CASjD;AAED,iBAAS,uBAAuB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,YAAY,CAAC,KAAK,2CAmBzC;AAED,iBAAS,qBAAqB,CAAC,EAC7B,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,UAAU,CAAC,KAAK,2CAOvC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,SAAS,CAAC,KAAK,2CAkBtC;AAED,iBAAS,oBAAoB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,SAAS,CAAC,KAAK,2CAQtC;AAED,iBAAS,mBAAmB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW9B;AAED,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACtB,CAAC"}