@kenshinx/ui 1.2.0 → 1.4.0

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 (4) hide show
  1. package/dist/index.d.ts +82 -1
  2. package/dist/index.js +449 -30
  3. package/dist/styles.css +1 -1
  4. package/package.json +6 -1
package/dist/index.d.ts CHANGED
@@ -10,6 +10,11 @@ import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
10
10
  import * as SelectPrimitive from '@radix-ui/react-select';
11
11
  import { ToasterProps } from 'sonner';
12
12
  export { toast } from 'sonner';
13
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
14
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
15
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
16
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
17
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
13
18
 
14
19
  /**
15
20
  * Utility function to merge Tailwind CSS classes with clsx
@@ -92,4 +97,80 @@ interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<
92
97
  }
93
98
  declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
94
99
 
95
- export { Alert, AlertDescription, AlertTitle, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input, type InputProps, Label, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Switch, Textarea, type TextareaProps, Toaster, alertVariants, badgeVariants, buttonVariants, cn };
100
+ declare const DropdownMenu: React.FC<DropdownMenuPrimitive.DropdownMenuProps>;
101
+ declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
102
+ declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
103
+ declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
104
+ declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
105
+ declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
106
+ declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
107
+ inset?: boolean;
108
+ } & React.RefAttributes<HTMLDivElement>>;
109
+ declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
110
+ declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
111
+ declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
112
+ inset?: boolean;
113
+ } & React.RefAttributes<HTMLDivElement>>;
114
+ declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
115
+ declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
116
+ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
117
+ inset?: boolean;
118
+ } & React.RefAttributes<HTMLDivElement>>;
119
+ declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
120
+ declare const DropdownMenuShortcut: {
121
+ ({ className, ...props }: React.HTMLAttributes<globalThis.HTMLSpanElement>): react_jsx_runtime.JSX.Element;
122
+ displayName: string;
123
+ };
124
+
125
+ declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
126
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
127
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
128
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
129
+
130
+ declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
131
+ declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
132
+ declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
133
+ declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
134
+
135
+ declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
136
+ declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
137
+ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
138
+
139
+ declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
140
+ declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
141
+ declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
142
+ declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
143
+ declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
144
+ declare const sheetVariants: (props?: ({
145
+ side?: "top" | "right" | "bottom" | "left" | null | undefined;
146
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
147
+ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
148
+ }
149
+ declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
150
+ declare const SheetHeader: {
151
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
152
+ displayName: string;
153
+ };
154
+ declare const SheetFooter: {
155
+ ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
156
+ displayName: string;
157
+ };
158
+ declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
159
+ declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
160
+
161
+ declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
162
+ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
163
+ declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
164
+
165
+ declare function Skeleton({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
166
+
167
+ declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
168
+ declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
169
+ declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
170
+ declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
171
+ declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
172
+ declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
173
+ declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
174
+ declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
175
+
176
+ export { Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, type InputProps, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, type TextareaProps, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonVariants, cn };
package/dist/index.js CHANGED
@@ -1,18 +1,23 @@
1
1
  import { clsx } from 'clsx';
2
2
  import { twMerge } from 'tailwind-merge';
3
- import * as React9 from 'react';
3
+ import * as React12 from 'react';
4
4
  import { useState, useEffect } from 'react';
5
5
  import { Slot } from '@radix-ui/react-slot';
6
6
  import { cva } from 'class-variance-authority';
7
7
  import { jsx, jsxs } from 'react/jsx-runtime';
8
8
  import * as LabelPrimitive from '@radix-ui/react-label';
9
9
  import * as DialogPrimitive from '@radix-ui/react-dialog';
10
- import { X, Check, ChevronDown, ChevronUp } from 'lucide-react';
10
+ import { X, Check, ChevronDown, ChevronUp, ChevronRight, Circle } from 'lucide-react';
11
11
  import * as SwitchPrimitives from '@radix-ui/react-switch';
12
12
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
13
13
  import * as SelectPrimitive from '@radix-ui/react-select';
14
14
  import { Toaster as Toaster$1 } from 'sonner';
15
15
  export { toast } from 'sonner';
16
+ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
17
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
18
+ import * as TooltipPrimitive from '@radix-ui/react-tooltip';
19
+ import * as PopoverPrimitive from '@radix-ui/react-popover';
20
+ import * as AvatarPrimitive from '@radix-ui/react-avatar';
16
21
 
17
22
  // src/lib/utils.ts
18
23
  function cn(...inputs) {
@@ -43,7 +48,7 @@ var buttonVariants = cva(
43
48
  }
44
49
  }
45
50
  );
46
- var Button = React9.forwardRef(
51
+ var Button = React12.forwardRef(
47
52
  ({ className, variant, size, asChild = false, ...props }, ref) => {
48
53
  const Comp = asChild ? Slot : "button";
49
54
  return /* @__PURE__ */ jsx(
@@ -57,7 +62,7 @@ var Button = React9.forwardRef(
57
62
  }
58
63
  );
59
64
  Button.displayName = "Button";
60
- var Input = React9.forwardRef(
65
+ var Input = React12.forwardRef(
61
66
  ({ className, type, ...props }, ref) => {
62
67
  return /* @__PURE__ */ jsx(
63
68
  "input",
@@ -77,7 +82,7 @@ Input.displayName = "Input";
77
82
  var labelVariants = cva(
78
83
  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
79
84
  );
80
- var Label = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
85
+ var Label = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
81
86
  LabelPrimitive.Root,
82
87
  {
83
88
  ref,
@@ -86,7 +91,7 @@ var Label = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
86
91
  }
87
92
  ));
88
93
  Label.displayName = LabelPrimitive.Root.displayName;
89
- var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
94
+ var Card = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
90
95
  "div",
91
96
  {
92
97
  ref,
@@ -98,7 +103,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
98
103
  }
99
104
  ));
100
105
  Card.displayName = "Card";
101
- var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
106
+ var CardHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
102
107
  "div",
103
108
  {
104
109
  ref,
@@ -107,7 +112,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
107
112
  }
108
113
  ));
109
114
  CardHeader.displayName = "CardHeader";
110
- var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
115
+ var CardTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
111
116
  "h3",
112
117
  {
113
118
  ref,
@@ -119,7 +124,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
119
124
  }
120
125
  ));
121
126
  CardTitle.displayName = "CardTitle";
122
- var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
127
+ var CardDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
123
128
  "p",
124
129
  {
125
130
  ref,
@@ -128,9 +133,9 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
128
133
  }
129
134
  ));
130
135
  CardDescription.displayName = "CardDescription";
131
- var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
136
+ var CardContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
132
137
  CardContent.displayName = "CardContent";
133
- var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
138
+ var CardFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
134
139
  "div",
135
140
  {
136
141
  ref,
@@ -143,7 +148,7 @@ var Dialog = DialogPrimitive.Root;
143
148
  var DialogTrigger = DialogPrimitive.Trigger;
144
149
  var DialogPortal = DialogPrimitive.Portal;
145
150
  var DialogClose = DialogPrimitive.Close;
146
- var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
151
+ var DialogOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
147
152
  DialogPrimitive.Overlay,
148
153
  {
149
154
  ref,
@@ -155,7 +160,7 @@ var DialogOverlay = React9.forwardRef(({ className, ...props }, ref) => /* @__PU
155
160
  }
156
161
  ));
157
162
  DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
158
- var DialogContent = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
163
+ var DialogContent = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
159
164
  /* @__PURE__ */ jsx(DialogOverlay, {}),
160
165
  /* @__PURE__ */ jsxs(
161
166
  DialogPrimitive.Content,
@@ -205,7 +210,7 @@ var DialogFooter = ({
205
210
  }
206
211
  );
207
212
  DialogFooter.displayName = "DialogFooter";
208
- var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
213
+ var DialogTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
209
214
  DialogPrimitive.Title,
210
215
  {
211
216
  ref,
@@ -217,7 +222,7 @@ var DialogTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
217
222
  }
218
223
  ));
219
224
  DialogTitle.displayName = DialogPrimitive.Title.displayName;
220
- var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
225
+ var DialogDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
221
226
  DialogPrimitive.Description,
222
227
  {
223
228
  ref,
@@ -226,7 +231,7 @@ var DialogDescription = React9.forwardRef(({ className, ...props }, ref) => /* @
226
231
  }
227
232
  ));
228
233
  DialogDescription.displayName = DialogPrimitive.Description.displayName;
229
- var Switch = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
234
+ var Switch = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
230
235
  SwitchPrimitives.Root,
231
236
  {
232
237
  className: cn(
@@ -246,7 +251,7 @@ var Switch = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
246
251
  }
247
252
  ));
248
253
  Switch.displayName = SwitchPrimitives.Root.displayName;
249
- var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
254
+ var Checkbox = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
250
255
  CheckboxPrimitive.Root,
251
256
  {
252
257
  ref,
@@ -265,7 +270,7 @@ var Checkbox = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
265
270
  }
266
271
  ));
267
272
  Checkbox.displayName = CheckboxPrimitive.Root.displayName;
268
- var Textarea = React9.forwardRef(
273
+ var Textarea = React12.forwardRef(
269
274
  ({ className, ...props }, ref) => {
270
275
  return /* @__PURE__ */ jsx(
271
276
  "textarea",
@@ -284,7 +289,7 @@ Textarea.displayName = "Textarea";
284
289
  var Select = SelectPrimitive.Root;
285
290
  var SelectGroup = SelectPrimitive.Group;
286
291
  var SelectValue = SelectPrimitive.Value;
287
- var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
292
+ var SelectTrigger = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
288
293
  SelectPrimitive.Trigger,
289
294
  {
290
295
  ref,
@@ -300,7 +305,7 @@ var SelectTrigger = React9.forwardRef(({ className, children, ...props }, ref) =
300
305
  }
301
306
  ));
302
307
  SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
303
- var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
308
+ var SelectScrollUpButton = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
304
309
  SelectPrimitive.ScrollUpButton,
305
310
  {
306
311
  ref,
@@ -313,7 +318,7 @@ var SelectScrollUpButton = React9.forwardRef(({ className, ...props }, ref) => /
313
318
  }
314
319
  ));
315
320
  SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
316
- var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
321
+ var SelectScrollDownButton = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
317
322
  SelectPrimitive.ScrollDownButton,
318
323
  {
319
324
  ref,
@@ -326,7 +331,7 @@ var SelectScrollDownButton = React9.forwardRef(({ className, ...props }, ref) =>
326
331
  }
327
332
  ));
328
333
  SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
329
- var SelectContent = React9.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
334
+ var SelectContent = React12.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
330
335
  SelectPrimitive.Content,
331
336
  {
332
337
  ref,
@@ -354,7 +359,7 @@ var SelectContent = React9.forwardRef(({ className, children, position = "popper
354
359
  }
355
360
  ) }));
356
361
  SelectContent.displayName = SelectPrimitive.Content.displayName;
357
- var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
362
+ var SelectLabel = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
358
363
  SelectPrimitive.Label,
359
364
  {
360
365
  ref,
@@ -363,7 +368,7 @@ var SelectLabel = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE
363
368
  }
364
369
  ));
365
370
  SelectLabel.displayName = SelectPrimitive.Label.displayName;
366
- var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
371
+ var SelectItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
367
372
  SelectPrimitive.Item,
368
373
  {
369
374
  ref,
@@ -379,7 +384,7 @@ var SelectItem = React9.forwardRef(({ className, children, ...props }, ref) => /
379
384
  }
380
385
  ));
381
386
  SelectItem.displayName = SelectPrimitive.Item.displayName;
382
- var SelectSeparator = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
387
+ var SelectSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
383
388
  SelectPrimitive.Separator,
384
389
  {
385
390
  ref,
@@ -449,7 +454,7 @@ var alertVariants = cva(
449
454
  }
450
455
  }
451
456
  );
452
- var Alert = React9.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
457
+ var Alert = React12.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
453
458
  "div",
454
459
  {
455
460
  ref,
@@ -459,7 +464,7 @@ var Alert = React9.forwardRef(({ className, variant, ...props }, ref) => /* @__P
459
464
  }
460
465
  ));
461
466
  Alert.displayName = "Alert";
462
- var AlertTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
467
+ var AlertTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
463
468
  "h5",
464
469
  {
465
470
  ref,
@@ -468,7 +473,7 @@ var AlertTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
468
473
  }
469
474
  ));
470
475
  AlertTitle.displayName = "AlertTitle";
471
- var AlertDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
476
+ var AlertDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
472
477
  "div",
473
478
  {
474
479
  ref,
@@ -493,7 +498,7 @@ var badgeVariants = cva(
493
498
  }
494
499
  }
495
500
  );
496
- var Badge = React9.forwardRef(
501
+ var Badge = React12.forwardRef(
497
502
  ({ className, variant, asChild = false, ...props }, ref) => {
498
503
  const Comp = asChild ? Slot : "div";
499
504
  return /* @__PURE__ */ jsx(
@@ -507,5 +512,419 @@ var Badge = React9.forwardRef(
507
512
  }
508
513
  );
509
514
  Badge.displayName = "Badge";
515
+ var DropdownMenu = DropdownMenuPrimitive.Root;
516
+ var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
517
+ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
518
+ var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
519
+ var DropdownMenuSub = DropdownMenuPrimitive.Sub;
520
+ var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
521
+ var DropdownMenuSubTrigger = React12.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(
522
+ DropdownMenuPrimitive.SubTrigger,
523
+ {
524
+ ref,
525
+ className: cn(
526
+ "focus:bg-accent data-[state=open]:bg-accent flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
527
+ inset && "pl-8",
528
+ className
529
+ ),
530
+ ...props,
531
+ children: [
532
+ children,
533
+ /* @__PURE__ */ jsx(ChevronRight, { className: "ml-auto" })
534
+ ]
535
+ }
536
+ ));
537
+ DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
538
+ var DropdownMenuSubContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
539
+ DropdownMenuPrimitive.SubContent,
540
+ {
541
+ ref,
542
+ className: cn(
543
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg",
544
+ className
545
+ ),
546
+ ...props
547
+ }
548
+ ));
549
+ DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
550
+ var DropdownMenuContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
551
+ DropdownMenuPrimitive.Content,
552
+ {
553
+ ref,
554
+ sideOffset,
555
+ className: cn(
556
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md",
557
+ className
558
+ ),
559
+ ...props
560
+ }
561
+ ) }));
562
+ DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
563
+ var DropdownMenuItem = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
564
+ DropdownMenuPrimitive.Item,
565
+ {
566
+ ref,
567
+ className: cn(
568
+ "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
569
+ inset && "pl-8",
570
+ className
571
+ ),
572
+ ...props
573
+ }
574
+ ));
575
+ DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
576
+ var DropdownMenuCheckboxItem = React12.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
577
+ DropdownMenuPrimitive.CheckboxItem,
578
+ {
579
+ ref,
580
+ className: cn(
581
+ "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
582
+ className
583
+ ),
584
+ checked,
585
+ ...props,
586
+ children: [
587
+ /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
588
+ children
589
+ ]
590
+ }
591
+ ));
592
+ DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
593
+ var DropdownMenuRadioItem = React12.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
594
+ DropdownMenuPrimitive.RadioItem,
595
+ {
596
+ ref,
597
+ className: cn(
598
+ "focus:bg-accent focus:text-accent-foreground relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
599
+ className
600
+ ),
601
+ ...props,
602
+ children: [
603
+ /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }),
604
+ children
605
+ ]
606
+ }
607
+ ));
608
+ DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
609
+ var DropdownMenuLabel = React12.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
610
+ DropdownMenuPrimitive.Label,
611
+ {
612
+ ref,
613
+ className: cn(
614
+ "px-2 py-1.5 text-sm font-semibold",
615
+ inset && "pl-8",
616
+ className
617
+ ),
618
+ ...props
619
+ }
620
+ ));
621
+ DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
622
+ var DropdownMenuSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
623
+ DropdownMenuPrimitive.Separator,
624
+ {
625
+ ref,
626
+ className: cn("bg-muted -mx-1 my-1 h-px", className),
627
+ ...props
628
+ }
629
+ ));
630
+ DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
631
+ var DropdownMenuShortcut = ({
632
+ className,
633
+ ...props
634
+ }) => {
635
+ return /* @__PURE__ */ jsx(
636
+ "span",
637
+ {
638
+ className: cn("ml-auto text-xs tracking-widest opacity-60", className),
639
+ ...props
640
+ }
641
+ );
642
+ };
643
+ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
644
+ var Tabs = TabsPrimitive.Root;
645
+ var TabsList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
646
+ TabsPrimitive.List,
647
+ {
648
+ ref,
649
+ className: cn(
650
+ "bg-muted text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1",
651
+ className
652
+ ),
653
+ ...props
654
+ }
655
+ ));
656
+ TabsList.displayName = TabsPrimitive.List.displayName;
657
+ var TabsTrigger = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
658
+ TabsPrimitive.Trigger,
659
+ {
660
+ ref,
661
+ className: cn(
662
+ "ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm",
663
+ className
664
+ ),
665
+ ...props
666
+ }
667
+ ));
668
+ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
669
+ var TabsContent = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
670
+ TabsPrimitive.Content,
671
+ {
672
+ ref,
673
+ className: cn(
674
+ "ring-offset-background focus-visible:ring-ring mt-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
675
+ className
676
+ ),
677
+ ...props
678
+ }
679
+ ));
680
+ TabsContent.displayName = TabsPrimitive.Content.displayName;
681
+ var TooltipProvider = TooltipPrimitive.Provider;
682
+ var Tooltip = TooltipPrimitive.Root;
683
+ var TooltipTrigger = TooltipPrimitive.Trigger;
684
+ var TooltipContent = React12.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
685
+ TooltipPrimitive.Content,
686
+ {
687
+ ref,
688
+ sideOffset,
689
+ className: cn(
690
+ "bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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 z-50 overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md",
691
+ className
692
+ ),
693
+ ...props
694
+ }
695
+ ));
696
+ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
697
+ var Popover = PopoverPrimitive.Root;
698
+ var PopoverTrigger = PopoverPrimitive.Trigger;
699
+ var PopoverContent = React12.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
700
+ PopoverPrimitive.Content,
701
+ {
702
+ ref,
703
+ align,
704
+ sideOffset,
705
+ className: cn(
706
+ "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 w-72 rounded-md border p-4 shadow-md outline-none",
707
+ className
708
+ ),
709
+ ...props
710
+ }
711
+ ) }));
712
+ PopoverContent.displayName = PopoverPrimitive.Content.displayName;
713
+ var Sheet = DialogPrimitive.Root;
714
+ var SheetTrigger = DialogPrimitive.Trigger;
715
+ var SheetClose = DialogPrimitive.Close;
716
+ var SheetPortal = DialogPrimitive.Portal;
717
+ var SheetOverlay = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
718
+ DialogPrimitive.Overlay,
719
+ {
720
+ className: cn(
721
+ "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
722
+ className
723
+ ),
724
+ ...props,
725
+ ref
726
+ }
727
+ ));
728
+ SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
729
+ var sheetVariants = cva(
730
+ "bg-background fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
731
+ {
732
+ variants: {
733
+ side: {
734
+ top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
735
+ bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
736
+ left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
737
+ right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
738
+ }
739
+ },
740
+ defaultVariants: {
741
+ side: "right"
742
+ }
743
+ }
744
+ );
745
+ var SheetContent = React12.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
746
+ /* @__PURE__ */ jsx(SheetOverlay, {}),
747
+ /* @__PURE__ */ jsxs(
748
+ DialogPrimitive.Content,
749
+ {
750
+ ref,
751
+ className: cn(sheetVariants({ side }), className),
752
+ ...props,
753
+ children: [
754
+ children,
755
+ /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none", children: [
756
+ /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
757
+ /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
758
+ ] })
759
+ ]
760
+ }
761
+ )
762
+ ] }));
763
+ SheetContent.displayName = DialogPrimitive.Content.displayName;
764
+ var SheetHeader = ({
765
+ className,
766
+ ...props
767
+ }) => /* @__PURE__ */ jsx(
768
+ "div",
769
+ {
770
+ className: cn(
771
+ "flex flex-col space-y-2 text-center sm:text-left",
772
+ className
773
+ ),
774
+ ...props
775
+ }
776
+ );
777
+ SheetHeader.displayName = "SheetHeader";
778
+ var SheetFooter = ({
779
+ className,
780
+ ...props
781
+ }) => /* @__PURE__ */ jsx(
782
+ "div",
783
+ {
784
+ className: cn(
785
+ "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
786
+ className
787
+ ),
788
+ ...props
789
+ }
790
+ );
791
+ SheetFooter.displayName = "SheetFooter";
792
+ var SheetTitle = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
793
+ DialogPrimitive.Title,
794
+ {
795
+ ref,
796
+ className: cn("text-foreground text-lg font-semibold", className),
797
+ ...props
798
+ }
799
+ ));
800
+ SheetTitle.displayName = DialogPrimitive.Title.displayName;
801
+ var SheetDescription = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
802
+ DialogPrimitive.Description,
803
+ {
804
+ ref,
805
+ className: cn("text-muted-foreground text-sm", className),
806
+ ...props
807
+ }
808
+ ));
809
+ SheetDescription.displayName = DialogPrimitive.Description.displayName;
810
+ var Avatar = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
811
+ AvatarPrimitive.Root,
812
+ {
813
+ ref,
814
+ className: cn(
815
+ "relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full",
816
+ className
817
+ ),
818
+ ...props
819
+ }
820
+ ));
821
+ Avatar.displayName = AvatarPrimitive.Root.displayName;
822
+ var AvatarImage = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
823
+ AvatarPrimitive.Image,
824
+ {
825
+ ref,
826
+ className: cn("aspect-square h-full w-full", className),
827
+ ...props
828
+ }
829
+ ));
830
+ AvatarImage.displayName = AvatarPrimitive.Image.displayName;
831
+ var AvatarFallback = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
832
+ AvatarPrimitive.Fallback,
833
+ {
834
+ ref,
835
+ className: cn(
836
+ "bg-muted flex h-full w-full items-center justify-center rounded-full",
837
+ className
838
+ ),
839
+ ...props
840
+ }
841
+ ));
842
+ AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
843
+ function Skeleton({
844
+ className,
845
+ ...props
846
+ }) {
847
+ return /* @__PURE__ */ jsx(
848
+ "div",
849
+ {
850
+ className: cn("bg-muted animate-pulse rounded-md", className),
851
+ ...props
852
+ }
853
+ );
854
+ }
855
+ var Table = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
856
+ "table",
857
+ {
858
+ ref,
859
+ className: cn("w-full caption-bottom text-sm", className),
860
+ ...props
861
+ }
862
+ ) }));
863
+ Table.displayName = "Table";
864
+ var TableHeader = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
865
+ TableHeader.displayName = "TableHeader";
866
+ var TableBody = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
867
+ "tbody",
868
+ {
869
+ ref,
870
+ className: cn("[&_tr:last-child]:border-0", className),
871
+ ...props
872
+ }
873
+ ));
874
+ TableBody.displayName = "TableBody";
875
+ var TableFooter = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
876
+ "tfoot",
877
+ {
878
+ ref,
879
+ className: cn(
880
+ "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
881
+ className
882
+ ),
883
+ ...props
884
+ }
885
+ ));
886
+ TableFooter.displayName = "TableFooter";
887
+ var TableRow = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
888
+ "tr",
889
+ {
890
+ ref,
891
+ className: cn(
892
+ "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
893
+ className
894
+ ),
895
+ ...props
896
+ }
897
+ ));
898
+ TableRow.displayName = "TableRow";
899
+ var TableHead = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
900
+ "th",
901
+ {
902
+ ref,
903
+ className: cn(
904
+ "text-muted-foreground h-12 px-4 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0",
905
+ className
906
+ ),
907
+ ...props
908
+ }
909
+ ));
910
+ TableHead.displayName = "TableHead";
911
+ var TableCell = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
912
+ "td",
913
+ {
914
+ ref,
915
+ className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
916
+ ...props
917
+ }
918
+ ));
919
+ TableCell.displayName = "TableCell";
920
+ var TableCaption = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
921
+ "caption",
922
+ {
923
+ ref,
924
+ className: cn("text-muted-foreground mt-4 text-sm", className),
925
+ ...props
926
+ }
927
+ ));
928
+ TableCaption.displayName = "TableCaption";
510
929
 
511
- export { Alert, AlertDescription, AlertTitle, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Input, Label, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Switch, Textarea, Toaster, alertVariants, badgeVariants, buttonVariants, cn };
930
+ export { Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, alertVariants, badgeVariants, buttonVariants, cn };
package/dist/styles.css CHANGED
@@ -83,7 +83,7 @@
83
83
  --secondary-foreground: 218 13% 84%;
84
84
 
85
85
  /* Muted */
86
- --muted: 270 18% 18%;
86
+ --muted: 270 18% 24%;
87
87
  --muted-foreground: 218 10% 65%;
88
88
 
89
89
  /* Accent */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kenshinx/ui",
3
- "version": "1.2.0",
3
+ "version": "1.4.0",
4
4
  "description": "Personal React UI component library based on shadcn/ui patterns",
5
5
  "type": "module",
6
6
  "sideEffects": false,
@@ -33,12 +33,17 @@
33
33
  "clean": "rm -rf dist"
34
34
  },
35
35
  "dependencies": {
36
+ "@radix-ui/react-avatar": "^1.1.11",
36
37
  "@radix-ui/react-checkbox": "^1.1.3",
37
38
  "@radix-ui/react-dialog": "^1.1.4",
39
+ "@radix-ui/react-dropdown-menu": "^2.1.16",
38
40
  "@radix-ui/react-label": "^2.1.1",
41
+ "@radix-ui/react-popover": "^1.1.15",
39
42
  "@radix-ui/react-select": "^2.1.5",
40
43
  "@radix-ui/react-slot": "^1.1.0",
41
44
  "@radix-ui/react-switch": "^1.1.2",
45
+ "@radix-ui/react-tabs": "^1.1.13",
46
+ "@radix-ui/react-tooltip": "^1.2.8",
42
47
  "class-variance-authority": "^0.7.1",
43
48
  "clsx": "^2.1.1",
44
49
  "lucide-react": "^0.469.0",