@ravenopsnet/ui 0.0.1 → 0.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/README.md +1 -1
  2. package/dist/components/theme-provider.d.ts +15 -0
  3. package/dist/components/ui/accordion.d.ts +6 -0
  4. package/dist/components/ui/alert-dialog.d.ts +18 -0
  5. package/dist/components/ui/alert-dialog.js +95 -0
  6. package/dist/components/ui/alert.d.ts +10 -0
  7. package/dist/components/ui/alert.js +43 -0
  8. package/dist/components/ui/aspect-ratio.d.ts +4 -0
  9. package/dist/components/ui/aspect-ratio.js +13 -0
  10. package/dist/components/ui/avatar.d.ts +11 -0
  11. package/dist/components/ui/avatar.js +50 -0
  12. package/dist/components/ui/badge.d.ts +7 -0
  13. package/dist/components/ui/badge.js +29 -0
  14. package/dist/components/ui/breadcrumb.d.ts +10 -0
  15. package/dist/components/ui/breadcrumb.js +72 -0
  16. package/dist/components/ui/button-group.d.ts +10 -0
  17. package/dist/components/ui/button-group.js +41 -0
  18. package/dist/components/ui/button.d.ts +8 -0
  19. package/dist/components/ui/button.js +44 -0
  20. package/dist/components/ui/calendar.d.ts +10 -0
  21. package/dist/components/ui/calendar.js +96 -0
  22. package/dist/components/ui/card.d.ts +11 -0
  23. package/dist/components/ui/card.js +56 -0
  24. package/dist/components/ui/carousel.d.ts +28 -0
  25. package/dist/components/ui/carousel.js +111 -0
  26. package/dist/components/ui/chart.d.ts +44 -0
  27. package/dist/components/ui/chart.js +130 -0
  28. package/dist/components/ui/checkbox.d.ts +3 -0
  29. package/dist/components/ui/checkbox.js +20 -0
  30. package/dist/components/ui/collapsible.d.ts +5 -0
  31. package/dist/components/ui/collapsible.js +23 -0
  32. package/dist/components/ui/combobox.d.ts +24 -0
  33. package/dist/components/ui/combobox.js +161 -0
  34. package/dist/components/ui/command.d.ts +19 -0
  35. package/dist/components/ui/context-menu.d.ts +29 -0
  36. package/dist/components/ui/context-menu.js +133 -0
  37. package/dist/components/ui/dialog.d.ts +17 -0
  38. package/dist/components/ui/dialog.js +91 -0
  39. package/dist/components/ui/direction.d.ts +1 -0
  40. package/dist/components/ui/direction.js +2 -0
  41. package/dist/components/ui/drawer.d.ts +13 -0
  42. package/dist/components/ui/drawer.js +78 -0
  43. package/dist/components/ui/dropdown-menu.d.ts +29 -0
  44. package/dist/components/ui/dropdown-menu.js +136 -0
  45. package/dist/components/ui/empty.d.ts +11 -0
  46. package/dist/components/ui/empty.js +59 -0
  47. package/dist/components/ui/field.d.ts +24 -0
  48. package/dist/components/ui/field.js +107 -0
  49. package/dist/components/ui/hover-card.d.ts +5 -0
  50. package/dist/components/ui/hover-card.js +36 -0
  51. package/dist/components/ui/input-group.d.ts +18 -0
  52. package/dist/components/ui/input-group.js +78 -0
  53. package/dist/components/ui/input-otp.d.ts +11 -0
  54. package/dist/components/ui/input-otp.js +46 -0
  55. package/dist/components/ui/input.d.ts +3 -0
  56. package/dist/components/ui/input.js +15 -0
  57. package/dist/components/ui/item.d.ts +22 -0
  58. package/dist/components/ui/item.js +121 -0
  59. package/dist/components/ui/kbd.d.ts +3 -0
  60. package/dist/components/ui/kbd.js +19 -0
  61. package/dist/components/ui/label.d.ts +3 -0
  62. package/dist/components/ui/label.js +14 -0
  63. package/dist/components/ui/menubar.d.ts +29 -0
  64. package/dist/components/ui/menubar.js +136 -0
  65. package/dist/components/ui/native-select.d.ts +8 -0
  66. package/dist/components/ui/native-select.js +38 -0
  67. package/dist/components/ui/navigation-menu.d.ts +11 -0
  68. package/dist/components/ui/navigation-menu.js +82 -0
  69. package/dist/components/ui/pagination.d.ts +17 -0
  70. package/dist/components/ui/pagination.js +86 -0
  71. package/dist/components/ui/popover.d.ts +9 -0
  72. package/dist/components/ui/popover.js +54 -0
  73. package/dist/components/ui/progress.d.ts +7 -0
  74. package/dist/components/ui/radio-group.d.ts +5 -0
  75. package/dist/components/ui/radio-group.js +26 -0
  76. package/dist/components/ui/resizable.d.ts +7 -0
  77. package/dist/components/ui/resizable.js +28 -0
  78. package/dist/components/ui/scroll-area.d.ts +4 -0
  79. package/dist/components/ui/scroll-area.js +35 -0
  80. package/dist/components/ui/select.d.ts +15 -0
  81. package/dist/components/ui/select.js +98 -0
  82. package/dist/components/ui/separator.d.ts +3 -0
  83. package/dist/components/ui/separator.js +14 -0
  84. package/dist/components/ui/sheet.d.ts +14 -0
  85. package/dist/components/ui/sheet.js +89 -0
  86. package/dist/components/ui/sidebar.d.ts +63 -0
  87. package/dist/components/ui/sidebar.js +358 -0
  88. package/dist/components/ui/skeleton.d.ts +2 -0
  89. package/dist/components/ui/skeleton.js +12 -0
  90. package/dist/components/ui/slider.d.ts +3 -0
  91. package/dist/components/ui/slider.js +33 -0
  92. package/dist/components/ui/sonner.d.ts +3 -0
  93. package/dist/components/ui/sonner.js +30 -0
  94. package/dist/components/ui/spinner.d.ts +2 -0
  95. package/dist/components/ui/spinner.js +14 -0
  96. package/dist/components/ui/switch.d.ts +5 -0
  97. package/dist/components/ui/switch.js +18 -0
  98. package/dist/components/ui/table.d.ts +10 -0
  99. package/dist/components/ui/table.js +67 -0
  100. package/dist/components/ui/tabs.d.ts +10 -0
  101. package/dist/components/ui/tabs.js +44 -0
  102. package/dist/components/ui/textarea.d.ts +3 -0
  103. package/dist/components/ui/textarea.js +13 -0
  104. package/dist/components/ui/toggle-group.d.ts +11 -0
  105. package/dist/components/ui/toggle-group.js +52 -0
  106. package/dist/components/ui/toggle.d.ts +8 -0
  107. package/dist/components/ui/toggle.js +36 -0
  108. package/dist/components/ui/tooltip.d.ts +6 -0
  109. package/dist/components/ui/tooltip.js +40 -0
  110. package/dist/hooks/use-mobile.d.ts +1 -0
  111. package/dist/hooks/use-mobile.js +14 -0
  112. package/dist/index.css +1 -1
  113. package/dist/index.d.ts +52 -1
  114. package/dist/index.js +54 -40132
  115. package/dist/lib/utils.d.ts +2 -0
  116. package/dist/lib/utils.js +8 -0
  117. package/package.json +1 -1
  118. package/dist/vite.svg +0 -1
@@ -0,0 +1,136 @@
1
+ "use client";
2
+ import { cn as e } from "../../lib/utils.js";
3
+ import { DropdownMenu as t, DropdownMenuContent as n, DropdownMenuGroup as r, DropdownMenuItem as i, DropdownMenuLabel as a, DropdownMenuPortal as o, DropdownMenuRadioGroup as s, DropdownMenuSeparator as c, DropdownMenuShortcut as l, DropdownMenuSub as u, DropdownMenuSubContent as d, DropdownMenuSubTrigger as f, DropdownMenuTrigger as p } from "./dropdown-menu.js";
4
+ import "react";
5
+ import { jsx as m, jsxs as h } from "react/jsx-runtime";
6
+ import { CheckIcon as g } from "lucide-react";
7
+ import { Menu as _ } from "@base-ui/react/menu";
8
+ import { Menubar as v } from "@base-ui/react/menubar";
9
+ //#region src/components/ui/menubar.tsx
10
+ function y({ className: t, ...n }) {
11
+ return /* @__PURE__ */ m(v, {
12
+ "data-slot": "menubar",
13
+ className: e("flex h-8 items-center gap-0.5 rounded-lg border p-[3px]", t),
14
+ ...n
15
+ });
16
+ }
17
+ function b({ ...e }) {
18
+ return /* @__PURE__ */ m(t, {
19
+ "data-slot": "menubar-menu",
20
+ ...e
21
+ });
22
+ }
23
+ function x({ ...e }) {
24
+ return /* @__PURE__ */ m(r, {
25
+ "data-slot": "menubar-group",
26
+ ...e
27
+ });
28
+ }
29
+ function S({ ...e }) {
30
+ return /* @__PURE__ */ m(o, {
31
+ "data-slot": "menubar-portal",
32
+ ...e
33
+ });
34
+ }
35
+ function C({ className: t, ...n }) {
36
+ return /* @__PURE__ */ m(p, {
37
+ "data-slot": "menubar-trigger",
38
+ className: e("flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted aria-expanded:bg-muted", t),
39
+ ...n
40
+ });
41
+ }
42
+ function w({ className: t, align: r = "start", alignOffset: i = -4, sideOffset: a = 8, ...o }) {
43
+ return /* @__PURE__ */ m(n, {
44
+ "data-slot": "menubar-content",
45
+ align: r,
46
+ alignOffset: i,
47
+ sideOffset: a,
48
+ className: e("min-w-36 rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95", t),
49
+ ...o
50
+ });
51
+ }
52
+ function T({ className: t, inset: n, variant: r = "default", ...a }) {
53
+ return /* @__PURE__ */ m(i, {
54
+ "data-slot": "menubar-item",
55
+ "data-inset": n,
56
+ "data-variant": r,
57
+ className: e("group/menubar-item gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:ps-7 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 data-[variant=destructive]:*:[svg]:text-destructive!", t),
58
+ ...a
59
+ });
60
+ }
61
+ function E({ className: t, children: n, checked: r, inset: i, ...a }) {
62
+ return /* @__PURE__ */ h(_.CheckboxItem, {
63
+ "data-slot": "menubar-checkbox-item",
64
+ "data-inset": i,
65
+ className: e("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-1.5 ps-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", t),
66
+ checked: r,
67
+ ...a,
68
+ children: [/* @__PURE__ */ m("span", {
69
+ className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
70
+ children: /* @__PURE__ */ m(_.CheckboxItemIndicator, { children: /* @__PURE__ */ m(g, {}) })
71
+ }), n]
72
+ });
73
+ }
74
+ function D({ ...e }) {
75
+ return /* @__PURE__ */ m(s, {
76
+ "data-slot": "menubar-radio-group",
77
+ ...e
78
+ });
79
+ }
80
+ function O({ className: t, children: n, inset: r, ...i }) {
81
+ return /* @__PURE__ */ h(_.RadioItem, {
82
+ "data-slot": "menubar-radio-item",
83
+ "data-inset": r,
84
+ className: e("relative flex cursor-default items-center gap-1.5 rounded-md py-1 pe-1.5 ps-7 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:ps-7 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
85
+ ...i,
86
+ children: [/* @__PURE__ */ m("span", {
87
+ className: "pointer-events-none absolute start-1.5 flex size-4 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
88
+ children: /* @__PURE__ */ m(_.RadioItemIndicator, { children: /* @__PURE__ */ m(g, {}) })
89
+ }), n]
90
+ });
91
+ }
92
+ function k({ className: t, inset: n, ...r }) {
93
+ return /* @__PURE__ */ m(a, {
94
+ "data-slot": "menubar-label",
95
+ "data-inset": n,
96
+ className: e("px-1.5 py-1 text-sm font-medium data-inset:ps-7", t),
97
+ ...r
98
+ });
99
+ }
100
+ function A({ className: t, ...n }) {
101
+ return /* @__PURE__ */ m(c, {
102
+ "data-slot": "menubar-separator",
103
+ className: e("-mx-1 my-1 h-px bg-border", t),
104
+ ...n
105
+ });
106
+ }
107
+ function j({ className: t, ...n }) {
108
+ return /* @__PURE__ */ m(l, {
109
+ "data-slot": "menubar-shortcut",
110
+ className: e("ms-auto text-xs tracking-widest text-muted-foreground group-focus/menubar-item:text-accent-foreground", t),
111
+ ...n
112
+ });
113
+ }
114
+ function M({ ...e }) {
115
+ return /* @__PURE__ */ m(u, {
116
+ "data-slot": "menubar-sub",
117
+ ...e
118
+ });
119
+ }
120
+ function N({ className: t, inset: n, ...r }) {
121
+ return /* @__PURE__ */ m(f, {
122
+ "data-slot": "menubar-sub-trigger",
123
+ "data-inset": n,
124
+ className: e("gap-1.5 rounded-md px-1.5 py-1 text-sm focus:bg-accent focus:text-accent-foreground data-inset:ps-7 data-open:bg-accent data-open:text-accent-foreground [&_svg:not([class*='size-'])]:size-4", t),
125
+ ...r
126
+ });
127
+ }
128
+ function P({ className: t, ...n }) {
129
+ return /* @__PURE__ */ m(d, {
130
+ "data-slot": "menubar-sub-content",
131
+ className: e("min-w-32 rounded-lg bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10 duration-100 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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", t),
132
+ ...n
133
+ });
134
+ }
135
+ //#endregion
136
+ export { y as Menubar, E as MenubarCheckboxItem, w as MenubarContent, x as MenubarGroup, T as MenubarItem, k as MenubarLabel, b as MenubarMenu, S as MenubarPortal, D as MenubarRadioGroup, O as MenubarRadioItem, A as MenubarSeparator, j as MenubarShortcut, M as MenubarSub, P as MenubarSubContent, N as MenubarSubTrigger, C as MenubarTrigger };
@@ -0,0 +1,8 @@
1
+ import * as React from "react";
2
+ type NativeSelectProps = Omit<React.ComponentProps<"select">, "size"> & {
3
+ size?: "sm" | "default";
4
+ };
5
+ declare function NativeSelect({ className, size, ...props }: NativeSelectProps): React.JSX.Element;
6
+ declare function NativeSelectOption({ className, ...props }: React.ComponentProps<"option">): React.JSX.Element;
7
+ declare function NativeSelectOptGroup({ className, ...props }: React.ComponentProps<"optgroup">): React.JSX.Element;
8
+ export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
@@ -0,0 +1,38 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import "react";
3
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
4
+ import { ChevronDownIcon as r } from "lucide-react";
5
+ //#region src/components/ui/native-select.tsx
6
+ function i({ className: i, size: a = "default", ...o }) {
7
+ return /* @__PURE__ */ n("div", {
8
+ className: e("group/native-select relative w-fit has-[select:disabled]:opacity-50", i),
9
+ "data-slot": "native-select-wrapper",
10
+ "data-size": a,
11
+ children: [/* @__PURE__ */ t("select", {
12
+ "data-slot": "native-select",
13
+ "data-size": a,
14
+ className: "h-8 w-full min-w-0 appearance-none rounded-lg border border-input bg-transparent py-1 pe-8 ps-2.5 text-sm transition-colors outline-none select-none selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=sm]:py-0.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
15
+ ...o
16
+ }), /* @__PURE__ */ t(r, {
17
+ className: "pointer-events-none absolute top-1/2 end-2.5 size-4 -translate-y-1/2 text-muted-foreground select-none",
18
+ "aria-hidden": "true",
19
+ "data-slot": "native-select-icon"
20
+ })]
21
+ });
22
+ }
23
+ function a({ className: n, ...r }) {
24
+ return /* @__PURE__ */ t("option", {
25
+ "data-slot": "native-select-option",
26
+ className: e("bg-[Canvas] text-[CanvasText]", n),
27
+ ...r
28
+ });
29
+ }
30
+ function o({ className: n, ...r }) {
31
+ return /* @__PURE__ */ t("optgroup", {
32
+ "data-slot": "native-select-optgroup",
33
+ className: e("bg-[Canvas] text-[CanvasText]", n),
34
+ ...r
35
+ });
36
+ }
37
+ //#endregion
38
+ export { i as NativeSelect, o as NativeSelectOptGroup, a as NativeSelectOption };
@@ -0,0 +1,11 @@
1
+ import { NavigationMenu as NavigationMenuPrimitive } from '@base-ui/react/navigation-menu';
2
+ declare function NavigationMenu({ align, className, children, ...props }: NavigationMenuPrimitive.Root.Props & Pick<NavigationMenuPrimitive.Positioner.Props, "align">): import("react").JSX.Element;
3
+ declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>): import("react").JSX.Element;
4
+ declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>): import("react").JSX.Element;
5
+ declare const navigationMenuTriggerStyle: (props?: import('class-variance-authority/types').ClassProp | undefined) => string;
6
+ declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props): import("react").JSX.Element;
7
+ declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): import("react").JSX.Element;
8
+ declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, ...props }: NavigationMenuPrimitive.Positioner.Props): import("react").JSX.Element;
9
+ declare function NavigationMenuLink({ className, ...props }: NavigationMenuPrimitive.Link.Props): import("react").JSX.Element;
10
+ declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>): import("react").JSX.Element;
11
+ export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuPositioner, };
@@ -0,0 +1,82 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import { cva as t } from "class-variance-authority";
3
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
+ import { ChevronDownIcon as i } from "lucide-react";
5
+ import { NavigationMenu as a } from "@base-ui/react/navigation-menu";
6
+ //#region src/components/ui/navigation-menu.tsx
7
+ function o({ align: t = "start", className: i, children: o, ...s }) {
8
+ return /* @__PURE__ */ r(a.Root, {
9
+ "data-slot": "navigation-menu",
10
+ className: e("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", i),
11
+ ...s,
12
+ children: [o, /* @__PURE__ */ n(f, { align: t })]
13
+ });
14
+ }
15
+ function s({ className: t, ...r }) {
16
+ return /* @__PURE__ */ n(a.List, {
17
+ "data-slot": "navigation-menu-list",
18
+ className: e("group flex flex-1 list-none items-center justify-center gap-0", t),
19
+ ...r
20
+ });
21
+ }
22
+ function c({ className: t, ...r }) {
23
+ return /* @__PURE__ */ n(a.Item, {
24
+ "data-slot": "navigation-menu-item",
25
+ className: e("relative", t),
26
+ ...r
27
+ });
28
+ }
29
+ var l = t("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted");
30
+ function u({ className: t, children: o, ...s }) {
31
+ return /* @__PURE__ */ r(a.Trigger, {
32
+ "data-slot": "navigation-menu-trigger",
33
+ className: e(l(), "group", t),
34
+ ...s,
35
+ children: [
36
+ o,
37
+ " ",
38
+ /* @__PURE__ */ n(i, {
39
+ className: "relative top-px ms-1 size-3 transition duration-300 group-data-popup-open/navigation-menu-trigger:rotate-180 group-data-open/navigation-menu-trigger:rotate-180",
40
+ "aria-hidden": "true"
41
+ })
42
+ ]
43
+ });
44
+ }
45
+ function d({ className: t, ...r }) {
46
+ return /* @__PURE__ */ n(a.Content, {
47
+ "data-slot": "navigation-menu-content",
48
+ className: e("data-ending-style:data-activation-direction=left:translate-x-[50%] rtl:data-ending-style:data-activation-direction=left:-translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] rtl:data-ending-style:data-activation-direction=right:-translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] rtl:data-starting-style:data-activation-direction=left:-translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] rtl:data-starting-style:data-activation-direction=right:-translate-x-[50%] h-full w-auto p-1 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-lg group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:ring-foreground/10 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95", t),
49
+ ...r
50
+ });
51
+ }
52
+ function f({ className: t, side: r = "bottom", sideOffset: i = 8, align: o = "start", alignOffset: s = 0, ...c }) {
53
+ return /* @__PURE__ */ n(a.Portal, { children: /* @__PURE__ */ n(a.Positioner, {
54
+ side: r,
55
+ sideOffset: i,
56
+ align: o,
57
+ alignOffset: s,
58
+ className: e("isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:end-0 data-[side=bottom]:before:start-0", t),
59
+ ...c,
60
+ children: /* @__PURE__ */ n(a.Popup, {
61
+ className: "data-[ending-style]:easing-[ease] xs:w-(--popup-width) relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg bg-popover text-popover-foreground shadow ring-1 ring-foreground/10 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0",
62
+ children: /* @__PURE__ */ n(a.Viewport, { className: "relative size-full overflow-hidden" })
63
+ })
64
+ }) });
65
+ }
66
+ function p({ className: t, ...r }) {
67
+ return /* @__PURE__ */ n(a.Link, {
68
+ "data-slot": "navigation-menu-link",
69
+ className: e("flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-md data-active:bg-muted/50 data-active:hover:bg-muted data-active:focus:bg-muted [&_svg:not([class*='size-'])]:size-4", t),
70
+ ...r
71
+ });
72
+ }
73
+ function m({ className: t, ...r }) {
74
+ return /* @__PURE__ */ n(a.Icon, {
75
+ "data-slot": "navigation-menu-indicator",
76
+ className: e("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in", t),
77
+ ...r,
78
+ children: /* @__PURE__ */ n("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-ss-sm bg-border shadow-md" })
79
+ });
80
+ }
81
+ //#endregion
82
+ export { o as NavigationMenu, d as NavigationMenuContent, m as NavigationMenuIndicator, c as NavigationMenuItem, p as NavigationMenuLink, s as NavigationMenuList, f as NavigationMenuPositioner, u as NavigationMenuTrigger, l as navigationMenuTriggerStyle };
@@ -0,0 +1,17 @@
1
+ import { Button } from './button';
2
+ import * as React from "react";
3
+ declare function Pagination({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
4
+ declare function PaginationContent({ className, ...props }: React.ComponentProps<"ul">): React.JSX.Element;
5
+ declare function PaginationItem({ ...props }: React.ComponentProps<"li">): React.JSX.Element;
6
+ type PaginationLinkProps = {
7
+ isActive?: boolean;
8
+ } & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
9
+ declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): React.JSX.Element;
10
+ declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
11
+ text?: string;
12
+ }): React.JSX.Element;
13
+ declare function PaginationNext({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
14
+ text?: string;
15
+ }): React.JSX.Element;
16
+ declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
17
+ export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
@@ -0,0 +1,86 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import { Button as t } from "./button.js";
3
+ import "react";
4
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
+ import { ChevronLeftIcon as i, ChevronRightIcon as a, MoreHorizontalIcon as o } from "lucide-react";
6
+ //#region src/components/ui/pagination.tsx
7
+ function s({ className: t, ...r }) {
8
+ return /* @__PURE__ */ n("nav", {
9
+ role: "navigation",
10
+ "aria-label": "pagination",
11
+ "data-slot": "pagination",
12
+ className: e("mx-auto flex w-full justify-center", t),
13
+ ...r
14
+ });
15
+ }
16
+ function c({ className: t, ...r }) {
17
+ return /* @__PURE__ */ n("ul", {
18
+ "data-slot": "pagination-content",
19
+ className: e("flex items-center gap-0.5", t),
20
+ ...r
21
+ });
22
+ }
23
+ function l({ ...e }) {
24
+ return /* @__PURE__ */ n("li", {
25
+ "data-slot": "pagination-item",
26
+ ...e
27
+ });
28
+ }
29
+ function u({ className: r, isActive: i, size: a = "icon", ...o }) {
30
+ return /* @__PURE__ */ n(t, {
31
+ variant: i ? "outline" : "ghost",
32
+ size: a,
33
+ className: e(r),
34
+ nativeButton: !1,
35
+ render: /* @__PURE__ */ n("a", {
36
+ "aria-current": i ? "page" : void 0,
37
+ "data-slot": "pagination-link",
38
+ "data-active": i,
39
+ ...o
40
+ })
41
+ });
42
+ }
43
+ function d({ className: t, text: a = "Previous", ...o }) {
44
+ return /* @__PURE__ */ r(u, {
45
+ "aria-label": "Go to previous page",
46
+ size: "default",
47
+ className: e("ps-1.5!", t),
48
+ ...o,
49
+ children: [/* @__PURE__ */ n(i, {
50
+ "data-icon": "inline-start",
51
+ className: "rtl:rotate-180"
52
+ }), /* @__PURE__ */ n("span", {
53
+ className: "hidden sm:block",
54
+ children: a
55
+ })]
56
+ });
57
+ }
58
+ function f({ className: t, text: i = "Next", ...o }) {
59
+ return /* @__PURE__ */ r(u, {
60
+ "aria-label": "Go to next page",
61
+ size: "default",
62
+ className: e("pe-1.5!", t),
63
+ ...o,
64
+ children: [/* @__PURE__ */ n("span", {
65
+ className: "hidden sm:block",
66
+ children: i
67
+ }), /* @__PURE__ */ n(a, {
68
+ "data-icon": "inline-end",
69
+ className: "rtl:rotate-180"
70
+ })]
71
+ });
72
+ }
73
+ function p({ className: t, ...i }) {
74
+ return /* @__PURE__ */ r("span", {
75
+ "aria-hidden": !0,
76
+ "data-slot": "pagination-ellipsis",
77
+ className: e("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", t),
78
+ ...i,
79
+ children: [/* @__PURE__ */ n(o, {}), /* @__PURE__ */ n("span", {
80
+ className: "sr-only",
81
+ children: "More pages"
82
+ })]
83
+ });
84
+ }
85
+ //#endregion
86
+ export { s as Pagination, c as PaginationContent, p as PaginationEllipsis, l as PaginationItem, u as PaginationLink, f as PaginationNext, d as PaginationPrevious };
@@ -0,0 +1,9 @@
1
+ import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
2
+ import * as React from "react";
3
+ declare function Popover({ ...props }: PopoverPrimitive.Root.Props): React.JSX.Element;
4
+ declare function PopoverTrigger({ ...props }: PopoverPrimitive.Trigger.Props): React.JSX.Element;
5
+ declare function PopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): React.JSX.Element;
6
+ declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
7
+ declare function PopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): React.JSX.Element;
8
+ declare function PopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): React.JSX.Element;
9
+ export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };
@@ -0,0 +1,54 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import "react";
3
+ import { jsx as t } from "react/jsx-runtime";
4
+ import { Popover as n } from "@base-ui/react/popover";
5
+ //#region src/components/ui/popover.tsx
6
+ function r({ ...e }) {
7
+ return /* @__PURE__ */ t(n.Root, {
8
+ "data-slot": "popover",
9
+ ...e
10
+ });
11
+ }
12
+ function i({ ...e }) {
13
+ return /* @__PURE__ */ t(n.Trigger, {
14
+ "data-slot": "popover-trigger",
15
+ ...e
16
+ });
17
+ }
18
+ function a({ className: r, align: i = "center", alignOffset: a = 0, side: o = "bottom", sideOffset: s = 4, ...c }) {
19
+ return /* @__PURE__ */ t(n.Portal, { children: /* @__PURE__ */ t(n.Positioner, {
20
+ align: i,
21
+ alignOffset: a,
22
+ side: o,
23
+ sideOffset: s,
24
+ className: "isolate z-50",
25
+ children: /* @__PURE__ */ t(n.Popup, {
26
+ "data-slot": "popover-content",
27
+ className: e("z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg bg-popover p-2.5 text-sm text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-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 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", r),
28
+ ...c
29
+ })
30
+ }) });
31
+ }
32
+ function o({ className: n, ...r }) {
33
+ return /* @__PURE__ */ t("div", {
34
+ "data-slot": "popover-header",
35
+ className: e("flex flex-col gap-0.5 text-sm", n),
36
+ ...r
37
+ });
38
+ }
39
+ function s({ className: r, ...i }) {
40
+ return /* @__PURE__ */ t(n.Title, {
41
+ "data-slot": "popover-title",
42
+ className: e("font-medium", r),
43
+ ...i
44
+ });
45
+ }
46
+ function c({ className: r, ...i }) {
47
+ return /* @__PURE__ */ t(n.Description, {
48
+ "data-slot": "popover-description",
49
+ className: e("text-muted-foreground", r),
50
+ ...i
51
+ });
52
+ }
53
+ //#endregion
54
+ export { r as Popover, a as PopoverContent, c as PopoverDescription, o as PopoverHeader, s as PopoverTitle, i as PopoverTrigger };
@@ -0,0 +1,7 @@
1
+ import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
2
+ declare function Progress({ className, children, value, ...props }: ProgressPrimitive.Root.Props): import("react").JSX.Element;
3
+ declare function ProgressTrack({ className, ...props }: ProgressPrimitive.Track.Props): import("react").JSX.Element;
4
+ declare function ProgressIndicator({ className, ...props }: ProgressPrimitive.Indicator.Props): import("react").JSX.Element;
5
+ declare function ProgressLabel({ className, ...props }: ProgressPrimitive.Label.Props): import("react").JSX.Element;
6
+ declare function ProgressValue({ className, ...props }: ProgressPrimitive.Value.Props): import("react").JSX.Element;
7
+ export { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue, };
@@ -0,0 +1,5 @@
1
+ import { Radio as RadioPrimitive } from '@base-ui/react/radio';
2
+ import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
3
+ declare function RadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react").JSX.Element;
4
+ declare function RadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props): import("react").JSX.Element;
5
+ export { RadioGroup, RadioGroupItem };
@@ -0,0 +1,26 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import { jsx as t } from "react/jsx-runtime";
3
+ import { Radio as n } from "@base-ui/react/radio";
4
+ import { RadioGroup as r } from "@base-ui/react/radio-group";
5
+ //#region src/components/ui/radio-group.tsx
6
+ function i({ className: n, ...i }) {
7
+ return /* @__PURE__ */ t(r, {
8
+ "data-slot": "radio-group",
9
+ className: e("grid w-full gap-2", n),
10
+ ...i
11
+ });
12
+ }
13
+ function a({ className: r, ...i }) {
14
+ return /* @__PURE__ */ t(n.Root, {
15
+ "data-slot": "radio-group-item",
16
+ className: e("group/radio-group-item peer relative flex aspect-square size-4 shrink-0 rounded-full border border-input outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 aria-invalid:aria-checked:border-primary dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 data-checked:border-primary data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary", r),
17
+ ...i,
18
+ children: /* @__PURE__ */ t(n.Indicator, {
19
+ "data-slot": "radio-group-indicator",
20
+ className: "flex size-4 items-center justify-center",
21
+ children: /* @__PURE__ */ t("span", { className: "absolute top-1/2 start-1/2 size-2 -translate-x-1/2 rtl:translate-x-1/2 -translate-y-1/2 rounded-full bg-primary-foreground" })
22
+ })
23
+ });
24
+ }
25
+ //#endregion
26
+ export { i as RadioGroup, a as RadioGroupItem };
@@ -0,0 +1,7 @@
1
+ import * as ResizablePrimitive from "react-resizable-panels";
2
+ declare function ResizablePanelGroup({ className, ...props }: ResizablePrimitive.GroupProps): import("react").JSX.Element;
3
+ declare function ResizablePanel({ ...props }: ResizablePrimitive.PanelProps): import("react").JSX.Element;
4
+ declare function ResizableHandle({ withHandle, className, ...props }: ResizablePrimitive.SeparatorProps & {
5
+ withHandle?: boolean;
6
+ }): import("react").JSX.Element;
7
+ export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
@@ -0,0 +1,28 @@
1
+ "use client";
2
+ import { cn as e } from "../../lib/utils.js";
3
+ import { jsx as t } from "react/jsx-runtime";
4
+ import * as n from "react-resizable-panels";
5
+ //#region src/components/ui/resizable.tsx
6
+ function r({ className: r, ...i }) {
7
+ return /* @__PURE__ */ t(n.Group, {
8
+ "data-slot": "resizable-panel-group",
9
+ className: e("flex h-full w-full aria-[orientation=vertical]:flex-col", r),
10
+ ...i
11
+ });
12
+ }
13
+ function i({ ...e }) {
14
+ return /* @__PURE__ */ t(n.Panel, {
15
+ "data-slot": "resizable-panel",
16
+ ...e
17
+ });
18
+ }
19
+ function a({ withHandle: r, className: i, ...a }) {
20
+ return /* @__PURE__ */ t(n.Separator, {
21
+ "data-slot": "resizable-handle",
22
+ className: e("relative flex w-px items-center justify-center bg-border ring-offset-background after:absolute after:inset-y-0 after:start-1/2 after:w-1 after:-translate-x-1/2 rtl:after:translate-x-1/2 focus-visible:ring-1 focus-visible:ring-ring focus-visible:outline-hidden aria-[orientation=horizontal]:h-px aria-[orientation=horizontal]:w-full aria-[orientation=horizontal]:after:start-0 aria-[orientation=horizontal]:after:h-1 aria-[orientation=horizontal]:after:w-full aria-[orientation=horizontal]:after:translate-x-0 rtl:aria-[orientation=horizontal]:after:-translate-x-0 aria-[orientation=horizontal]:after:-translate-y-1/2 [&[aria-orientation=horizontal]>div]:rotate-90", i),
23
+ ...a,
24
+ children: r && /* @__PURE__ */ t("div", { className: "z-10 flex h-6 w-1 shrink-0 rounded-lg bg-border" })
25
+ });
26
+ }
27
+ //#endregion
28
+ export { a as ResizableHandle, i as ResizablePanel, r as ResizablePanelGroup };
@@ -0,0 +1,4 @@
1
+ import { ScrollArea as ScrollAreaPrimitive } from '@base-ui/react/scroll-area';
2
+ declare function ScrollArea({ className, children, ...props }: ScrollAreaPrimitive.Root.Props): import("react").JSX.Element;
3
+ declare function ScrollBar({ className, orientation, ...props }: ScrollAreaPrimitive.Scrollbar.Props): import("react").JSX.Element;
4
+ export { ScrollArea, ScrollBar };
@@ -0,0 +1,35 @@
1
+ import { cn as e } from "../../lib/utils.js";
2
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
+ import { ScrollArea as r } from "@base-ui/react/scroll-area";
4
+ //#region src/components/ui/scroll-area.tsx
5
+ function i({ className: i, children: o, ...s }) {
6
+ return /* @__PURE__ */ n(r.Root, {
7
+ "data-slot": "scroll-area",
8
+ className: e("relative", i),
9
+ ...s,
10
+ children: [
11
+ /* @__PURE__ */ t(r.Viewport, {
12
+ "data-slot": "scroll-area-viewport",
13
+ className: "size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1",
14
+ children: o
15
+ }),
16
+ /* @__PURE__ */ t(a, {}),
17
+ /* @__PURE__ */ t(r.Corner, {})
18
+ ]
19
+ });
20
+ }
21
+ function a({ className: n, orientation: i = "vertical", ...a }) {
22
+ return /* @__PURE__ */ t(r.Scrollbar, {
23
+ "data-slot": "scroll-area-scrollbar",
24
+ "data-orientation": i,
25
+ orientation: i,
26
+ className: e("flex touch-none p-px transition-colors select-none data-horizontal:h-2.5 data-horizontal:flex-col data-horizontal:border-t data-horizontal:border-t-transparent data-vertical:h-full data-vertical:w-2.5 data-vertical:border-s data-vertical:border-s-transparent", n),
27
+ ...a,
28
+ children: /* @__PURE__ */ t(r.Thumb, {
29
+ "data-slot": "scroll-area-thumb",
30
+ className: "relative flex-1 rounded-full bg-border"
31
+ })
32
+ });
33
+ }
34
+ //#endregion
35
+ export { i as ScrollArea, a as ScrollBar };
@@ -0,0 +1,15 @@
1
+ import { Select as SelectPrimitive } from '@base-ui/react/select';
2
+ import * as React from "react";
3
+ declare const Select: typeof SelectPrimitive.Root;
4
+ declare function SelectGroup({ className, ...props }: SelectPrimitive.Group.Props): React.JSX.Element;
5
+ declare function SelectValue({ className, ...props }: SelectPrimitive.Value.Props): React.JSX.Element;
6
+ declare function SelectTrigger({ className, size, children, ...props }: SelectPrimitive.Trigger.Props & {
7
+ size?: "sm" | "default";
8
+ }): React.JSX.Element;
9
+ declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectPrimitive.Popup.Props & Pick<SelectPrimitive.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React.JSX.Element;
10
+ declare function SelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): React.JSX.Element;
11
+ declare function SelectItem({ className, children, ...props }: SelectPrimitive.Item.Props): React.JSX.Element;
12
+ declare function SelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): React.JSX.Element;
13
+ declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpArrow>): React.JSX.Element;
14
+ declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownArrow>): React.JSX.Element;
15
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };