@pixpilot/shadcn 0.4.0 → 0.6.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 (77) hide show
  1. package/dist/components/index.cjs +6 -4
  2. package/dist/components/index.d.cts +6 -4
  3. package/dist/components/index.d.ts +6 -4
  4. package/dist/components/index.js +7 -5
  5. package/dist/components/ui/OrContinueWithSeparator.d.cts +2 -2
  6. package/dist/components/ui/OrContinueWithSeparator.d.ts +2 -2
  7. package/dist/components/ui/button.cjs +3 -1
  8. package/dist/components/ui/button.js +3 -1
  9. package/dist/components/ui/color-picker.cjs +1171 -0
  10. package/dist/components/ui/color-picker.d.cts +94 -0
  11. package/dist/components/ui/color-picker.d.ts +94 -0
  12. package/dist/components/ui/color-picker.js +1152 -0
  13. package/dist/components/ui/command.d.cts +10 -10
  14. package/dist/components/ui/command.d.ts +10 -10
  15. package/dist/components/ui/dialog.d.cts +11 -11
  16. package/dist/components/ui/dialog.d.ts +11 -11
  17. package/dist/components/ui/dropdown-menu.d.cts +16 -16
  18. package/dist/components/ui/dropdown-menu.d.ts +16 -16
  19. package/dist/components/ui/file-upload.d.cts +11 -11
  20. package/dist/components/ui/file-upload.d.ts +11 -11
  21. package/dist/components/ui/form.d.cts +7 -7
  22. package/dist/components/ui/form.d.ts +7 -7
  23. package/dist/components/ui/index.cjs +6 -4
  24. package/dist/components/ui/index.d.cts +6 -4
  25. package/dist/components/ui/index.d.ts +6 -4
  26. package/dist/components/ui/index.js +7 -5
  27. package/dist/components/ui/input-group.cjs +90 -0
  28. package/dist/components/ui/input-group.d.cts +43 -0
  29. package/dist/components/ui/input-group.d.ts +43 -0
  30. package/dist/components/ui/input-group.js +81 -0
  31. package/dist/components/ui/input.d.cts +2 -2
  32. package/dist/components/ui/input.d.ts +2 -2
  33. package/dist/components/ui/label.d.cts +2 -2
  34. package/dist/components/ui/label.d.ts +2 -2
  35. package/dist/components/ui/pagination.d.cts +8 -8
  36. package/dist/components/ui/pagination.d.ts +8 -8
  37. package/dist/components/ui/popover.d.cts +5 -5
  38. package/dist/components/ui/popover.d.ts +5 -5
  39. package/dist/components/ui/radio-group.d.cts +3 -3
  40. package/dist/components/ui/radio-group.d.ts +3 -3
  41. package/dist/components/ui/select.d.cts +11 -11
  42. package/dist/components/ui/select.d.ts +11 -11
  43. package/dist/components/ui/separator.d.cts +2 -2
  44. package/dist/components/ui/separator.d.ts +2 -2
  45. package/dist/components/ui/shadcn-io/tags/index.cjs +1 -1
  46. package/dist/components/ui/shadcn-io/tags/index.d.cts +10 -10
  47. package/dist/components/ui/shadcn-io/tags/index.d.ts +10 -10
  48. package/dist/components/ui/shadcn-io/tags/index.js +1 -1
  49. package/dist/components/ui/shadcn-io/tags-input-inline/index.d.cts +7 -7
  50. package/dist/components/ui/shadcn-io/tags-input-inline/index.d.ts +7 -7
  51. package/dist/components/ui/sheet.d.cts +9 -9
  52. package/dist/components/ui/sheet.d.ts +9 -9
  53. package/dist/components/ui/slider.d.cts +2 -2
  54. package/dist/components/ui/slider.d.ts +2 -2
  55. package/dist/components/ui/switch.d.cts +2 -2
  56. package/dist/components/ui/switch.d.ts +2 -2
  57. package/dist/components/ui/tabs.cjs +24 -4
  58. package/dist/components/ui/tabs.d.cts +15 -5
  59. package/dist/components/ui/tabs.d.ts +15 -5
  60. package/dist/components/ui/tabs.js +23 -4
  61. package/dist/components/ui/textarea.d.cts +2 -2
  62. package/dist/components/ui/textarea.d.ts +2 -2
  63. package/dist/components/visually-hidden-input.cjs +116 -0
  64. package/dist/components/visually-hidden-input.js +113 -0
  65. package/dist/hooks/use-as-ref.cjs +16 -0
  66. package/dist/hooks/use-as-ref.js +14 -0
  67. package/dist/hooks/use-isomorphic-layout-effect.cjs +9 -0
  68. package/dist/hooks/use-isomorphic-layout-effect.js +7 -0
  69. package/dist/hooks/use-lazy-ref.cjs +13 -0
  70. package/dist/hooks/use-lazy-ref.js +11 -0
  71. package/dist/index.cjs +24 -4
  72. package/dist/index.d.cts +7 -5
  73. package/dist/index.d.ts +7 -5
  74. package/dist/index.js +8 -6
  75. package/dist/lib/compose-refs.cjs +44 -0
  76. package/dist/lib/compose-refs.js +42 -0
  77. package/package.json +3 -3
@@ -1,17 +1,17 @@
1
- import * as react_jsx_runtime98 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime114 from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import * as SelectPrimitive from "@radix-ui/react-select";
4
4
 
5
5
  //#region src/components/ui/select.d.ts
6
6
  declare function Select({
7
7
  ...props
8
- }: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime98.JSX.Element;
8
+ }: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime114.JSX.Element;
9
9
  declare function SelectGroup({
10
10
  ...props
11
- }: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime98.JSX.Element;
11
+ }: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime114.JSX.Element;
12
12
  declare function SelectValue({
13
13
  ...props
14
- }: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime98.JSX.Element;
14
+ }: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime114.JSX.Element;
15
15
  declare function SelectTrigger({
16
16
  className,
17
17
  size,
@@ -19,34 +19,34 @@ declare function SelectTrigger({
19
19
  ...props
20
20
  }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
21
21
  size?: 'sm' | 'default';
22
- }): react_jsx_runtime98.JSX.Element;
22
+ }): react_jsx_runtime114.JSX.Element;
23
23
  declare function SelectContent({
24
24
  className,
25
25
  children,
26
26
  position,
27
27
  align,
28
28
  ...props
29
- }: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime98.JSX.Element;
29
+ }: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime114.JSX.Element;
30
30
  declare function SelectLabel({
31
31
  className,
32
32
  ...props
33
- }: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime98.JSX.Element;
33
+ }: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime114.JSX.Element;
34
34
  declare function SelectItem({
35
35
  className,
36
36
  children,
37
37
  ...props
38
- }: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime98.JSX.Element;
38
+ }: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime114.JSX.Element;
39
39
  declare function SelectSeparator({
40
40
  className,
41
41
  ...props
42
- }: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime98.JSX.Element;
42
+ }: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime114.JSX.Element;
43
43
  declare function SelectScrollUpButton({
44
44
  className,
45
45
  ...props
46
- }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime98.JSX.Element;
46
+ }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime114.JSX.Element;
47
47
  declare function SelectScrollDownButton({
48
48
  className,
49
49
  ...props
50
- }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime98.JSX.Element;
50
+ }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime114.JSX.Element;
51
51
  //#endregion
52
52
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
@@ -1,17 +1,17 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime98 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime114 from "react/jsx-runtime";
3
3
  import * as SelectPrimitive from "@radix-ui/react-select";
4
4
 
5
5
  //#region src/components/ui/select.d.ts
6
6
  declare function Select({
7
7
  ...props
8
- }: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime98.JSX.Element;
8
+ }: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime114.JSX.Element;
9
9
  declare function SelectGroup({
10
10
  ...props
11
- }: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime98.JSX.Element;
11
+ }: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime114.JSX.Element;
12
12
  declare function SelectValue({
13
13
  ...props
14
- }: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime98.JSX.Element;
14
+ }: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime114.JSX.Element;
15
15
  declare function SelectTrigger({
16
16
  className,
17
17
  size,
@@ -19,34 +19,34 @@ declare function SelectTrigger({
19
19
  ...props
20
20
  }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
21
21
  size?: 'sm' | 'default';
22
- }): react_jsx_runtime98.JSX.Element;
22
+ }): react_jsx_runtime114.JSX.Element;
23
23
  declare function SelectContent({
24
24
  className,
25
25
  children,
26
26
  position,
27
27
  align,
28
28
  ...props
29
- }: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime98.JSX.Element;
29
+ }: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime114.JSX.Element;
30
30
  declare function SelectLabel({
31
31
  className,
32
32
  ...props
33
- }: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime98.JSX.Element;
33
+ }: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime114.JSX.Element;
34
34
  declare function SelectItem({
35
35
  className,
36
36
  children,
37
37
  ...props
38
- }: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime98.JSX.Element;
38
+ }: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime114.JSX.Element;
39
39
  declare function SelectSeparator({
40
40
  className,
41
41
  ...props
42
- }: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime98.JSX.Element;
42
+ }: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime114.JSX.Element;
43
43
  declare function SelectScrollUpButton({
44
44
  className,
45
45
  ...props
46
- }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime98.JSX.Element;
46
+ }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime114.JSX.Element;
47
47
  declare function SelectScrollDownButton({
48
48
  className,
49
49
  ...props
50
- }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime98.JSX.Element;
50
+ }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime114.JSX.Element;
51
51
  //#endregion
52
52
  export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime108 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime124 from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import * as SeparatorPrimitive from "@radix-ui/react-separator";
4
4
 
@@ -8,6 +8,6 @@ declare function Separator({
8
8
  orientation,
9
9
  decorative,
10
10
  ...props
11
- }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime108.JSX.Element;
11
+ }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime124.JSX.Element;
12
12
  //#endregion
13
13
  export { Separator };
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime108 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime124 from "react/jsx-runtime";
3
3
  import * as SeparatorPrimitive from "@radix-ui/react-separator";
4
4
 
5
5
  //#region src/components/ui/separator.d.ts
@@ -8,6 +8,6 @@ declare function Separator({
8
8
  orientation,
9
9
  decorative,
10
10
  ...props
11
- }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime108.JSX.Element;
11
+ }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime124.JSX.Element;
12
12
  //#endregion
13
13
  export { Separator };
@@ -6,8 +6,8 @@ const require_utils = require('../../../../lib/utils.cjs');
6
6
  require('../../../../lib/index.cjs');
7
7
  const require_badge = require('../../badge.cjs');
8
8
  const require_button = require('../../button.cjs');
9
- const require_command = require('../../command.cjs');
10
9
  const require_popover = require('../../popover.cjs');
10
+ const require_command = require('../../command.cjs');
11
11
  let react = require("react");
12
12
  react = require_rolldown_runtime.__toESM(react);
13
13
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -1,8 +1,8 @@
1
1
  import { Badge } from "../../badge.cjs";
2
2
  import { Button } from "../../button.cjs";
3
- import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.cjs";
4
3
  import { PopoverContent } from "../../popover.cjs";
5
- import * as react_jsx_runtime109 from "react/jsx-runtime";
4
+ import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.cjs";
5
+ import * as react_jsx_runtime125 from "react/jsx-runtime";
6
6
  import { ComponentProps, ReactNode } from "react";
7
7
 
8
8
  //#region src/components/ui/shadcn-io/tags/index.d.ts
@@ -21,13 +21,13 @@ declare function Tags({
21
21
  onOpenChange: controlledOnOpenChange,
22
22
  children,
23
23
  className
24
- }: TagsProps): react_jsx_runtime109.JSX.Element;
24
+ }: TagsProps): react_jsx_runtime125.JSX.Element;
25
25
  type TagsTriggerProps = ComponentProps<typeof Button>;
26
26
  declare function TagsTrigger({
27
27
  className,
28
28
  children,
29
29
  ...props
30
- }: TagsTriggerProps): react_jsx_runtime109.JSX.Element;
30
+ }: TagsTriggerProps): react_jsx_runtime125.JSX.Element;
31
31
  type TagsValueProps = ComponentProps<typeof Badge>;
32
32
  declare function TagsValue({
33
33
  className,
@@ -36,35 +36,35 @@ declare function TagsValue({
36
36
  ...props
37
37
  }: TagsValueProps & {
38
38
  onRemove?: () => void;
39
- }): react_jsx_runtime109.JSX.Element;
39
+ }): react_jsx_runtime125.JSX.Element;
40
40
  type TagsContentProps = ComponentProps<typeof PopoverContent>;
41
41
  declare function TagsContent({
42
42
  className,
43
43
  children,
44
44
  ...props
45
- }: TagsContentProps): react_jsx_runtime109.JSX.Element;
45
+ }: TagsContentProps): react_jsx_runtime125.JSX.Element;
46
46
  type TagsInputProps = ComponentProps<typeof CommandInput>;
47
47
  declare function TagsInput({
48
48
  className,
49
49
  ...props
50
- }: TagsInputProps): react_jsx_runtime109.JSX.Element;
50
+ }: TagsInputProps): react_jsx_runtime125.JSX.Element;
51
51
  type TagsListProps = ComponentProps<typeof CommandList>;
52
52
  declare function TagsList({
53
53
  className,
54
54
  ...props
55
- }: TagsListProps): react_jsx_runtime109.JSX.Element;
55
+ }: TagsListProps): react_jsx_runtime125.JSX.Element;
56
56
  type TagsEmptyProps = ComponentProps<typeof CommandEmpty>;
57
57
  declare function TagsEmpty({
58
58
  children,
59
59
  className,
60
60
  ...props
61
- }: TagsEmptyProps): react_jsx_runtime109.JSX.Element;
61
+ }: TagsEmptyProps): react_jsx_runtime125.JSX.Element;
62
62
  type TagsGroupProps = ComponentProps<typeof CommandGroup>;
63
63
  declare const TagsGroup: typeof CommandGroup;
64
64
  type TagsItemProps = ComponentProps<typeof CommandItem>;
65
65
  declare function TagsItem({
66
66
  className,
67
67
  ...props
68
- }: TagsItemProps): react_jsx_runtime109.JSX.Element;
68
+ }: TagsItemProps): react_jsx_runtime125.JSX.Element;
69
69
  //#endregion
70
70
  export { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps };
@@ -1,9 +1,9 @@
1
1
  import { Badge } from "../../badge.js";
2
2
  import { Button } from "../../button.js";
3
- import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.js";
4
3
  import { PopoverContent } from "../../popover.js";
4
+ import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.js";
5
5
  import { ComponentProps, ReactNode } from "react";
6
- import * as react_jsx_runtime109 from "react/jsx-runtime";
6
+ import * as react_jsx_runtime125 from "react/jsx-runtime";
7
7
 
8
8
  //#region src/components/ui/shadcn-io/tags/index.d.ts
9
9
  interface TagsProps {
@@ -21,13 +21,13 @@ declare function Tags({
21
21
  onOpenChange: controlledOnOpenChange,
22
22
  children,
23
23
  className
24
- }: TagsProps): react_jsx_runtime109.JSX.Element;
24
+ }: TagsProps): react_jsx_runtime125.JSX.Element;
25
25
  type TagsTriggerProps = ComponentProps<typeof Button>;
26
26
  declare function TagsTrigger({
27
27
  className,
28
28
  children,
29
29
  ...props
30
- }: TagsTriggerProps): react_jsx_runtime109.JSX.Element;
30
+ }: TagsTriggerProps): react_jsx_runtime125.JSX.Element;
31
31
  type TagsValueProps = ComponentProps<typeof Badge>;
32
32
  declare function TagsValue({
33
33
  className,
@@ -36,35 +36,35 @@ declare function TagsValue({
36
36
  ...props
37
37
  }: TagsValueProps & {
38
38
  onRemove?: () => void;
39
- }): react_jsx_runtime109.JSX.Element;
39
+ }): react_jsx_runtime125.JSX.Element;
40
40
  type TagsContentProps = ComponentProps<typeof PopoverContent>;
41
41
  declare function TagsContent({
42
42
  className,
43
43
  children,
44
44
  ...props
45
- }: TagsContentProps): react_jsx_runtime109.JSX.Element;
45
+ }: TagsContentProps): react_jsx_runtime125.JSX.Element;
46
46
  type TagsInputProps = ComponentProps<typeof CommandInput>;
47
47
  declare function TagsInput({
48
48
  className,
49
49
  ...props
50
- }: TagsInputProps): react_jsx_runtime109.JSX.Element;
50
+ }: TagsInputProps): react_jsx_runtime125.JSX.Element;
51
51
  type TagsListProps = ComponentProps<typeof CommandList>;
52
52
  declare function TagsList({
53
53
  className,
54
54
  ...props
55
- }: TagsListProps): react_jsx_runtime109.JSX.Element;
55
+ }: TagsListProps): react_jsx_runtime125.JSX.Element;
56
56
  type TagsEmptyProps = ComponentProps<typeof CommandEmpty>;
57
57
  declare function TagsEmpty({
58
58
  children,
59
59
  className,
60
60
  ...props
61
- }: TagsEmptyProps): react_jsx_runtime109.JSX.Element;
61
+ }: TagsEmptyProps): react_jsx_runtime125.JSX.Element;
62
62
  type TagsGroupProps = ComponentProps<typeof CommandGroup>;
63
63
  declare const TagsGroup: typeof CommandGroup;
64
64
  type TagsItemProps = ComponentProps<typeof CommandItem>;
65
65
  declare function TagsItem({
66
66
  className,
67
67
  ...props
68
- }: TagsItemProps): react_jsx_runtime109.JSX.Element;
68
+ }: TagsItemProps): react_jsx_runtime125.JSX.Element;
69
69
  //#endregion
70
70
  export { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps };
@@ -5,8 +5,8 @@ import { cn } from "../../../../lib/utils.js";
5
5
  import "../../../../lib/index.js";
6
6
  import { Badge } from "../../badge.js";
7
7
  import { Button } from "../../button.js";
8
- import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.js";
9
8
  import { Popover, PopoverContent, PopoverTrigger } from "../../popover.js";
9
+ import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.js";
10
10
  import { createContext, use, useEffect, useRef, useState } from "react";
11
11
  import { jsx, jsxs } from "react/jsx-runtime";
12
12
  import { XIcon } from "lucide-react";
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime117 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime133 from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import * as TagsInputPrimitive from "@diceui/tags-input";
4
4
 
@@ -6,26 +6,26 @@ import * as TagsInputPrimitive from "@diceui/tags-input";
6
6
  declare function TagsInputInLineRoot({
7
7
  className,
8
8
  ...props
9
- }: React.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime117.JSX.Element;
9
+ }: React.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime133.JSX.Element;
10
10
  declare function TagsInputInLineLabel({
11
11
  className,
12
12
  ...props
13
- }: React.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime117.JSX.Element;
13
+ }: React.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime133.JSX.Element;
14
14
  declare function TagsInputInLineList({
15
15
  className,
16
16
  ...props
17
- }: React.ComponentProps<'div'>): react_jsx_runtime117.JSX.Element;
17
+ }: React.ComponentProps<'div'>): react_jsx_runtime133.JSX.Element;
18
18
  declare function TagsInputInLineInput({
19
19
  className,
20
20
  ...props
21
- }: React.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime117.JSX.Element;
21
+ }: React.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime133.JSX.Element;
22
22
  declare function TagsInputInLineItem({
23
23
  className,
24
24
  children,
25
25
  ...props
26
- }: React.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime117.JSX.Element;
26
+ }: React.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime133.JSX.Element;
27
27
  declare function TagsInputInLineClear({
28
28
  ...props
29
- }: React.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime117.JSX.Element;
29
+ }: React.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime133.JSX.Element;
30
30
  //#endregion
31
31
  export { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot };
@@ -1,31 +1,31 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime117 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime133 from "react/jsx-runtime";
3
3
  import * as TagsInputPrimitive from "@diceui/tags-input";
4
4
 
5
5
  //#region src/components/ui/shadcn-io/tags-input-inline/index.d.ts
6
6
  declare function TagsInputInLineRoot({
7
7
  className,
8
8
  ...props
9
- }: React.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime117.JSX.Element;
9
+ }: React.ComponentProps<typeof TagsInputPrimitive.Root>): react_jsx_runtime133.JSX.Element;
10
10
  declare function TagsInputInLineLabel({
11
11
  className,
12
12
  ...props
13
- }: React.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime117.JSX.Element;
13
+ }: React.ComponentProps<typeof TagsInputPrimitive.Label>): react_jsx_runtime133.JSX.Element;
14
14
  declare function TagsInputInLineList({
15
15
  className,
16
16
  ...props
17
- }: React.ComponentProps<'div'>): react_jsx_runtime117.JSX.Element;
17
+ }: React.ComponentProps<'div'>): react_jsx_runtime133.JSX.Element;
18
18
  declare function TagsInputInLineInput({
19
19
  className,
20
20
  ...props
21
- }: React.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime117.JSX.Element;
21
+ }: React.ComponentProps<typeof TagsInputPrimitive.Input>): react_jsx_runtime133.JSX.Element;
22
22
  declare function TagsInputInLineItem({
23
23
  className,
24
24
  children,
25
25
  ...props
26
- }: React.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime117.JSX.Element;
26
+ }: React.ComponentProps<typeof TagsInputPrimitive.Item>): react_jsx_runtime133.JSX.Element;
27
27
  declare function TagsInputInLineClear({
28
28
  ...props
29
- }: React.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime117.JSX.Element;
29
+ }: React.ComponentProps<typeof TagsInputPrimitive.Clear>): react_jsx_runtime133.JSX.Element;
30
30
  //#endregion
31
31
  export { TagsInputInLineClear, TagsInputInLineInput, TagsInputInLineItem, TagsInputInLineLabel, TagsInputInLineList, TagsInputInLineRoot };
@@ -1,17 +1,17 @@
1
- import * as react_jsx_runtime123 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime139 from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import * as SheetPrimitive from "@radix-ui/react-dialog";
4
4
 
5
5
  //#region src/components/ui/sheet.d.ts
6
6
  declare function Sheet({
7
7
  ...props
8
- }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime123.JSX.Element;
8
+ }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime139.JSX.Element;
9
9
  declare function SheetTrigger({
10
10
  ...props
11
- }: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime123.JSX.Element;
11
+ }: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime139.JSX.Element;
12
12
  declare function SheetClose({
13
13
  ...props
14
- }: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime123.JSX.Element;
14
+ }: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime139.JSX.Element;
15
15
  declare function SheetContent({
16
16
  className,
17
17
  children,
@@ -19,22 +19,22 @@ declare function SheetContent({
19
19
  ...props
20
20
  }: React.ComponentProps<typeof SheetPrimitive.Content> & {
21
21
  side?: 'top' | 'right' | 'bottom' | 'left';
22
- }): react_jsx_runtime123.JSX.Element;
22
+ }): react_jsx_runtime139.JSX.Element;
23
23
  declare function SheetHeader({
24
24
  className,
25
25
  ...props
26
- }: React.ComponentProps<'div'>): react_jsx_runtime123.JSX.Element;
26
+ }: React.ComponentProps<'div'>): react_jsx_runtime139.JSX.Element;
27
27
  declare function SheetFooter({
28
28
  className,
29
29
  ...props
30
- }: React.ComponentProps<'div'>): react_jsx_runtime123.JSX.Element;
30
+ }: React.ComponentProps<'div'>): react_jsx_runtime139.JSX.Element;
31
31
  declare function SheetTitle({
32
32
  className,
33
33
  ...props
34
- }: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime123.JSX.Element;
34
+ }: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime139.JSX.Element;
35
35
  declare function SheetDescription({
36
36
  className,
37
37
  ...props
38
- }: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime123.JSX.Element;
38
+ }: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime139.JSX.Element;
39
39
  //#endregion
40
40
  export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
@@ -1,17 +1,17 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime123 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime139 from "react/jsx-runtime";
3
3
  import * as SheetPrimitive from "@radix-ui/react-dialog";
4
4
 
5
5
  //#region src/components/ui/sheet.d.ts
6
6
  declare function Sheet({
7
7
  ...props
8
- }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime123.JSX.Element;
8
+ }: React.ComponentProps<typeof SheetPrimitive.Root>): react_jsx_runtime139.JSX.Element;
9
9
  declare function SheetTrigger({
10
10
  ...props
11
- }: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime123.JSX.Element;
11
+ }: React.ComponentProps<typeof SheetPrimitive.Trigger>): react_jsx_runtime139.JSX.Element;
12
12
  declare function SheetClose({
13
13
  ...props
14
- }: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime123.JSX.Element;
14
+ }: React.ComponentProps<typeof SheetPrimitive.Close>): react_jsx_runtime139.JSX.Element;
15
15
  declare function SheetContent({
16
16
  className,
17
17
  children,
@@ -19,22 +19,22 @@ declare function SheetContent({
19
19
  ...props
20
20
  }: React.ComponentProps<typeof SheetPrimitive.Content> & {
21
21
  side?: 'top' | 'right' | 'bottom' | 'left';
22
- }): react_jsx_runtime123.JSX.Element;
22
+ }): react_jsx_runtime139.JSX.Element;
23
23
  declare function SheetHeader({
24
24
  className,
25
25
  ...props
26
- }: React.ComponentProps<'div'>): react_jsx_runtime123.JSX.Element;
26
+ }: React.ComponentProps<'div'>): react_jsx_runtime139.JSX.Element;
27
27
  declare function SheetFooter({
28
28
  className,
29
29
  ...props
30
- }: React.ComponentProps<'div'>): react_jsx_runtime123.JSX.Element;
30
+ }: React.ComponentProps<'div'>): react_jsx_runtime139.JSX.Element;
31
31
  declare function SheetTitle({
32
32
  className,
33
33
  ...props
34
- }: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime123.JSX.Element;
34
+ }: React.ComponentProps<typeof SheetPrimitive.Title>): react_jsx_runtime139.JSX.Element;
35
35
  declare function SheetDescription({
36
36
  className,
37
37
  ...props
38
- }: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime123.JSX.Element;
38
+ }: React.ComponentProps<typeof SheetPrimitive.Description>): react_jsx_runtime139.JSX.Element;
39
39
  //#endregion
40
40
  export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime131 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime147 from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import * as SliderPrimitive from "@radix-ui/react-slider";
4
4
 
@@ -10,6 +10,6 @@ declare function Slider({
10
10
  min,
11
11
  max,
12
12
  ...props
13
- }: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime131.JSX.Element;
13
+ }: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime147.JSX.Element;
14
14
  //#endregion
15
15
  export { Slider };
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime131 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime147 from "react/jsx-runtime";
3
3
  import * as SliderPrimitive from "@radix-ui/react-slider";
4
4
 
5
5
  //#region src/components/ui/slider.d.ts
@@ -10,6 +10,6 @@ declare function Slider({
10
10
  min,
11
11
  max,
12
12
  ...props
13
- }: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime131.JSX.Element;
13
+ }: React.ComponentProps<typeof SliderPrimitive.Root>): react_jsx_runtime147.JSX.Element;
14
14
  //#endregion
15
15
  export { Slider };
@@ -1,4 +1,4 @@
1
- import * as react_jsx_runtime132 from "react/jsx-runtime";
1
+ import * as react_jsx_runtime148 from "react/jsx-runtime";
2
2
  import * as React from "react";
3
3
  import * as SwitchPrimitive from "@radix-ui/react-switch";
4
4
 
@@ -6,6 +6,6 @@ import * as SwitchPrimitive from "@radix-ui/react-switch";
6
6
  declare function Switch({
7
7
  className,
8
8
  ...props
9
- }: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime132.JSX.Element;
9
+ }: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime148.JSX.Element;
10
10
  //#endregion
11
11
  export { Switch };
@@ -1,11 +1,11 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime132 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime148 from "react/jsx-runtime";
3
3
  import * as SwitchPrimitive from "@radix-ui/react-switch";
4
4
 
5
5
  //#region src/components/ui/switch.d.ts
6
6
  declare function Switch({
7
7
  className,
8
8
  ...props
9
- }: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime132.JSX.Element;
9
+ }: React.ComponentProps<typeof SwitchPrimitive.Root>): react_jsx_runtime148.JSX.Element;
10
10
  //#endregion
11
11
  export { Switch };
@@ -1,6 +1,8 @@
1
1
  const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
2
2
  const require_utils = require('../../lib/utils.cjs');
3
3
  require('../../lib/index.cjs');
4
+ let class_variance_authority = require("class-variance-authority");
5
+ class_variance_authority = require_rolldown_runtime.__toESM(class_variance_authority);
4
6
  let react = require("react");
5
7
  react = require_rolldown_runtime.__toESM(react);
6
8
  let react_jsx_runtime = require("react/jsx-runtime");
@@ -9,6 +11,24 @@ let __radix_ui_react_tabs = require("@radix-ui/react-tabs");
9
11
  __radix_ui_react_tabs = require_rolldown_runtime.__toESM(__radix_ui_react_tabs);
10
12
 
11
13
  //#region src/components/ui/tabs.tsx
14
+ const tabsListVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center", {
15
+ variants: { variant: {
16
+ default: "bg-muted text-muted-foreground h-9 w-fit rounded-lg p-[3px]",
17
+ outline: "border border-input bg-background h-9 w-fit rounded-lg p-[3px]",
18
+ ghost: "h-9 w-fit rounded-lg p-[3px]",
19
+ pill: "bg-muted text-muted-foreground h-10 w-fit rounded-full p-1"
20
+ } },
21
+ defaultVariants: { variant: "default" }
22
+ });
23
+ const tabsTriggerVariants = (0, class_variance_authority.cva)("inline-flex items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
24
+ variants: { variant: {
25
+ default: "data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground h-[calc(100%-1px)] flex-1 data-[state=active]:shadow-sm",
26
+ outline: "data-[state=active]:bg-background data-[state=active]:border-input focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-muted-foreground data-[state=active]:text-foreground h-[calc(100%-1px)] flex-1 data-[state=active]:shadow-sm border-input",
27
+ ghost: "data-[state=active]:bg-accent data-[state=active]:text-accent-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-muted-foreground hover:text-foreground h-[calc(100%-1px)] flex-1",
28
+ pill: "data-[state=active]:bg-background data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground h-[calc(100%-2px)] flex-1 rounded-full data-[state=active]:shadow-sm"
29
+ } },
30
+ defaultVariants: { variant: "default" }
31
+ });
12
32
  function Tabs({ className,...props }) {
13
33
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.Root, {
14
34
  "data-slot": "tabs",
@@ -16,17 +36,17 @@ function Tabs({ className,...props }) {
16
36
  ...props
17
37
  });
18
38
  }
19
- function TabsList({ className,...props }) {
39
+ function TabsList({ className, variant,...props }) {
20
40
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.List, {
21
41
  "data-slot": "tabs-list",
22
- className: require_utils.cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
42
+ className: require_utils.cn(tabsListVariants({ variant }), className),
23
43
  ...props
24
44
  });
25
45
  }
26
- function TabsTrigger({ className,...props }) {
46
+ function TabsTrigger({ className, variant,...props }) {
27
47
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tabs.Trigger, {
28
48
  "data-slot": "tabs-trigger",
29
- className: require_utils.cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
49
+ className: require_utils.cn(tabsTriggerVariants({ variant }), className),
30
50
  ...props
31
51
  });
32
52
  }