@pixpilot/shadcn 0.10.0 → 0.11.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 (142) hide show
  1. package/dist/components/index.d.ts +0 -1
  2. package/dist/components/ui/alert-dialog.d.ts +12 -12
  3. package/dist/components/ui/alert-dialog.js +0 -2
  4. package/dist/components/ui/alert.d.ts +4 -4
  5. package/dist/components/ui/alert.js +0 -1
  6. package/dist/components/ui/avatar.d.ts +4 -4
  7. package/dist/components/ui/avatar.js +0 -1
  8. package/dist/components/ui/badge.d.ts +2 -2
  9. package/dist/components/ui/badge.js +0 -1
  10. package/dist/components/ui/button-group.d.ts +4 -4
  11. package/dist/components/ui/button-group.js +0 -1
  12. package/dist/components/ui/button.d.ts +2 -2
  13. package/dist/components/ui/button.js +0 -1
  14. package/dist/components/ui/calendar.d.ts +3 -3
  15. package/dist/components/ui/calendar.js +0 -1
  16. package/dist/components/ui/card.d.ts +8 -8
  17. package/dist/components/ui/card.js +0 -1
  18. package/dist/components/ui/checkbox.d.ts +2 -2
  19. package/dist/components/ui/checkbox.js +0 -1
  20. package/dist/components/ui/color-picker.d.ts +11 -11
  21. package/dist/components/ui/color-picker.js +0 -1
  22. package/dist/components/ui/command.d.ts +10 -10
  23. package/dist/components/ui/command.js +0 -1
  24. package/dist/components/ui/dialog.d.ts +11 -11
  25. package/dist/components/ui/dialog.js +0 -1
  26. package/dist/components/ui/dropdown-menu.d.ts +16 -16
  27. package/dist/components/ui/dropdown-menu.js +0 -1
  28. package/dist/components/ui/file-upload.d.ts +11 -11
  29. package/dist/components/ui/file-upload.js +0 -1
  30. package/dist/components/ui/form.d.ts +8 -8
  31. package/dist/components/ui/form.js +0 -1
  32. package/dist/components/ui/index.d.ts +0 -1
  33. package/dist/components/ui/input-group.js +0 -1
  34. package/dist/components/ui/input.js +0 -1
  35. package/dist/components/ui/label.js +0 -1
  36. package/dist/components/ui/pagination.js +0 -2
  37. package/dist/components/ui/popover.js +0 -1
  38. package/dist/components/ui/radio-group.js +0 -1
  39. package/dist/components/ui/select.js +0 -1
  40. package/dist/components/ui/separator.js +0 -1
  41. package/dist/components/ui/shadcn-io/tags/index.js +0 -1
  42. package/dist/components/ui/sheet.js +0 -1
  43. package/dist/components/ui/slider.js +0 -1
  44. package/dist/components/ui/switch.js +0 -1
  45. package/dist/components/ui/tabs.js +0 -1
  46. package/dist/components/ui/textarea.js +0 -1
  47. package/dist/components/ui/toggle-group.js +0 -1
  48. package/dist/components/ui/toggle.js +0 -1
  49. package/dist/components/ui/tooltip.d.ts +5 -5
  50. package/dist/components/ui/tooltip.js +0 -1
  51. package/dist/form/index.d.ts +2 -0
  52. package/dist/form/index.js +3 -0
  53. package/dist/index.d.ts +1 -2
  54. package/dist/index.js +2 -5
  55. package/package.json +6 -1
  56. package/dist/_virtual/rolldown_runtime.cjs +0 -25
  57. package/dist/components/index.cjs +0 -35
  58. package/dist/components/index.d.cts +0 -35
  59. package/dist/components/index.js +0 -35
  60. package/dist/components/ui/OrContinueWithSeparator.cjs +0 -30
  61. package/dist/components/ui/OrContinueWithSeparator.d.cts +0 -11
  62. package/dist/components/ui/alert-dialog.cjs +0 -101
  63. package/dist/components/ui/alert-dialog.d.cts +0 -48
  64. package/dist/components/ui/alert.cjs +0 -45
  65. package/dist/components/ui/alert.d.cts +0 -24
  66. package/dist/components/ui/avatar.cjs +0 -37
  67. package/dist/components/ui/avatar.d.cts +0 -19
  68. package/dist/components/ui/badge.cjs +0 -33
  69. package/dist/components/ui/badge.d.cts +0 -19
  70. package/dist/components/ui/button-group.cjs +0 -48
  71. package/dist/components/ui/button-group.d.cts +0 -28
  72. package/dist/components/ui/button.cjs +0 -56
  73. package/dist/components/ui/button.d.cts +0 -21
  74. package/dist/components/ui/calendar.cjs +0 -113
  75. package/dist/components/ui/calendar.d.cts +0 -26
  76. package/dist/components/ui/card.cjs +0 -67
  77. package/dist/components/ui/card.d.cts +0 -34
  78. package/dist/components/ui/checkbox.cjs +0 -31
  79. package/dist/components/ui/checkbox.d.cts +0 -11
  80. package/dist/components/ui/color-picker.cjs +0 -1171
  81. package/dist/components/ui/color-picker.d.cts +0 -94
  82. package/dist/components/ui/command.cjs +0 -104
  83. package/dist/components/ui/command.d.cts +0 -52
  84. package/dist/components/ui/dialog.cjs +0 -102
  85. package/dist/components/ui/dialog.d.cts +0 -47
  86. package/dist/components/ui/dropdown-menu.cjs +0 -144
  87. package/dist/components/ui/dropdown-menu.d.cts +0 -77
  88. package/dist/components/ui/file-upload.cjs +0 -926
  89. package/dist/components/ui/file-upload.d.cts +0 -95
  90. package/dist/components/ui/form.cjs +0 -101
  91. package/dist/components/ui/form.d.cts +0 -45
  92. package/dist/components/ui/index.cjs +0 -34
  93. package/dist/components/ui/index.d.cts +0 -34
  94. package/dist/components/ui/index.js +0 -34
  95. package/dist/components/ui/input-group.cjs +0 -90
  96. package/dist/components/ui/input-group.d.cts +0 -43
  97. package/dist/components/ui/input.cjs +0 -20
  98. package/dist/components/ui/input.d.cts +0 -12
  99. package/dist/components/ui/label.cjs +0 -21
  100. package/dist/components/ui/label.d.cts +0 -11
  101. package/dist/components/ui/pagination.cjs +0 -92
  102. package/dist/components/ui/pagination.d.cts +0 -40
  103. package/dist/components/ui/popover.cjs +0 -44
  104. package/dist/components/ui/popover.d.cts +0 -22
  105. package/dist/components/ui/radio-group.cjs +0 -36
  106. package/dist/components/ui/radio-group.d.cts +0 -15
  107. package/dist/components/ui/select.cjs +0 -116
  108. package/dist/components/ui/select.d.cts +0 -52
  109. package/dist/components/ui/separator.cjs +0 -23
  110. package/dist/components/ui/separator.d.cts +0 -13
  111. package/dist/components/ui/shadcn-io/tags/index.cjs +0 -146
  112. package/dist/components/ui/shadcn-io/tags/index.d.cts +0 -70
  113. package/dist/components/ui/shadcn-io/tags-input-inline/index.cjs +0 -66
  114. package/dist/components/ui/shadcn-io/tags-input-inline/index.d.cts +0 -31
  115. package/dist/components/ui/sheet.cjs +0 -96
  116. package/dist/components/ui/sheet.d.cts +0 -40
  117. package/dist/components/ui/slider.cjs +0 -42
  118. package/dist/components/ui/slider.d.cts +0 -15
  119. package/dist/components/ui/switch.cjs +0 -28
  120. package/dist/components/ui/switch.d.cts +0 -11
  121. package/dist/components/ui/tabs.cjs +0 -65
  122. package/dist/components/ui/tabs.d.cts +0 -33
  123. package/dist/components/ui/textarea.cjs +0 -19
  124. package/dist/components/ui/textarea.d.cts +0 -10
  125. package/dist/components/ui/toggle-group.cjs +0 -59
  126. package/dist/components/ui/toggle-group.d.cts +0 -30
  127. package/dist/components/ui/toggle.cjs +0 -45
  128. package/dist/components/ui/toggle.d.cts +0 -19
  129. package/dist/components/ui/tooltip.cjs +0 -45
  130. package/dist/components/ui/tooltip.d.cts +0 -23
  131. package/dist/components/visually-hidden-input.cjs +0 -116
  132. package/dist/hooks/use-as-ref.cjs +0 -16
  133. package/dist/hooks/use-isomorphic-layout-effect.cjs +0 -9
  134. package/dist/hooks/use-lazy-ref.cjs +0 -13
  135. package/dist/index.cjs +0 -220
  136. package/dist/index.d.cts +0 -38
  137. package/dist/lib/compose-refs.cjs +0 -44
  138. package/dist/lib/index.cjs +0 -1
  139. package/dist/lib/index.d.cts +0 -1
  140. package/dist/lib/index.js +0 -1
  141. package/dist/lib/utils.cjs +0 -13
  142. package/dist/lib/utils.d.cts +0 -6
@@ -1,40 +0,0 @@
1
- import { Button } from "./button.cjs";
2
- import "../../index.cjs";
3
- import * as react_jsx_runtime104 from "react/jsx-runtime";
4
- import * as React from "react";
5
-
6
- //#region src/components/ui/pagination.d.ts
7
- declare function Pagination({
8
- className,
9
- ...props
10
- }: React.ComponentProps<'nav'>): react_jsx_runtime104.JSX.Element;
11
- declare function PaginationContent({
12
- className,
13
- ...props
14
- }: React.ComponentProps<'ul'>): react_jsx_runtime104.JSX.Element;
15
- declare function PaginationItem({
16
- ...props
17
- }: React.ComponentProps<'li'>): react_jsx_runtime104.JSX.Element;
18
- type PaginationLinkProps = {
19
- isActive?: boolean;
20
- } & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
21
- declare function PaginationLink({
22
- className,
23
- isActive,
24
- size,
25
- ...props
26
- }: PaginationLinkProps): react_jsx_runtime104.JSX.Element;
27
- declare function PaginationPrevious({
28
- className,
29
- ...props
30
- }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime104.JSX.Element;
31
- declare function PaginationNext({
32
- className,
33
- ...props
34
- }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime104.JSX.Element;
35
- declare function PaginationEllipsis({
36
- className,
37
- ...props
38
- }: React.ComponentProps<'span'>): react_jsx_runtime104.JSX.Element;
39
- //#endregion
40
- export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
@@ -1,44 +0,0 @@
1
- const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
2
- const require_utils = require('../../lib/utils.cjs');
3
- require('../../lib/index.cjs');
4
- let react = require("react");
5
- react = require_rolldown_runtime.__toESM(react);
6
- let react_jsx_runtime = require("react/jsx-runtime");
7
- react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
8
- let __radix_ui_react_popover = require("@radix-ui/react-popover");
9
- __radix_ui_react_popover = require_rolldown_runtime.__toESM(__radix_ui_react_popover);
10
-
11
- //#region src/components/ui/popover.tsx
12
- function Popover({ ...props }) {
13
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Root, {
14
- "data-slot": "popover",
15
- ...props
16
- });
17
- }
18
- function PopoverTrigger({ ...props }) {
19
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Trigger, {
20
- "data-slot": "popover-trigger",
21
- ...props
22
- });
23
- }
24
- function PopoverContent({ className, align = "center", sideOffset = 4,...props }) {
25
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Content, {
26
- "data-slot": "popover-content",
27
- align,
28
- sideOffset,
29
- className: require_utils.cn("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 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
30
- ...props
31
- }) });
32
- }
33
- function PopoverAnchor({ ...props }) {
34
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_popover.Anchor, {
35
- "data-slot": "popover-anchor",
36
- ...props
37
- });
38
- }
39
-
40
- //#endregion
41
- exports.Popover = Popover;
42
- exports.PopoverAnchor = PopoverAnchor;
43
- exports.PopoverContent = PopoverContent;
44
- exports.PopoverTrigger = PopoverTrigger;
@@ -1,22 +0,0 @@
1
- import * as react_jsx_runtime111 from "react/jsx-runtime";
2
- import * as React from "react";
3
- import * as PopoverPrimitive from "@radix-ui/react-popover";
4
-
5
- //#region src/components/ui/popover.d.ts
6
- declare function Popover({
7
- ...props
8
- }: React.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime111.JSX.Element;
9
- declare function PopoverTrigger({
10
- ...props
11
- }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime111.JSX.Element;
12
- declare function PopoverContent({
13
- className,
14
- align,
15
- sideOffset,
16
- ...props
17
- }: React.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime111.JSX.Element;
18
- declare function PopoverAnchor({
19
- ...props
20
- }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime111.JSX.Element;
21
- //#endregion
22
- export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
@@ -1,36 +0,0 @@
1
- const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
2
- const require_utils = require('../../lib/utils.cjs');
3
- require('../../lib/index.cjs');
4
- let react = require("react");
5
- react = require_rolldown_runtime.__toESM(react);
6
- let react_jsx_runtime = require("react/jsx-runtime");
7
- react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
8
- let lucide_react = require("lucide-react");
9
- lucide_react = require_rolldown_runtime.__toESM(lucide_react);
10
- let __radix_ui_react_radio_group = require("@radix-ui/react-radio-group");
11
- __radix_ui_react_radio_group = require_rolldown_runtime.__toESM(__radix_ui_react_radio_group);
12
-
13
- //#region src/components/ui/radio-group.tsx
14
- function RadioGroup({ className,...props }) {
15
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Root, {
16
- "data-slot": "radio-group",
17
- className: require_utils.cn("grid gap-3", className),
18
- ...props
19
- });
20
- }
21
- function RadioGroupItem({ className,...props }) {
22
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Item, {
23
- "data-slot": "radio-group-item",
24
- className: require_utils.cn("border-input text-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
25
- ...props,
26
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_radio_group.Indicator, {
27
- "data-slot": "radio-group-indicator",
28
- className: "relative flex items-center justify-center",
29
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
30
- })
31
- });
32
- }
33
-
34
- //#endregion
35
- exports.RadioGroup = RadioGroup;
36
- exports.RadioGroupItem = RadioGroupItem;
@@ -1,15 +0,0 @@
1
- import * as react_jsx_runtime115 from "react/jsx-runtime";
2
- import * as React from "react";
3
- import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
4
-
5
- //#region src/components/ui/radio-group.d.ts
6
- declare function RadioGroup({
7
- className,
8
- ...props
9
- }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): react_jsx_runtime115.JSX.Element;
10
- declare function RadioGroupItem({
11
- className,
12
- ...props
13
- }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): react_jsx_runtime115.JSX.Element;
14
- //#endregion
15
- export { RadioGroup, RadioGroupItem };
@@ -1,116 +0,0 @@
1
- 'use client';
2
-
3
-
4
- const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
5
- const require_utils = require('../../lib/utils.cjs');
6
- require('../../lib/index.cjs');
7
- let react = require("react");
8
- react = require_rolldown_runtime.__toESM(react);
9
- let react_jsx_runtime = require("react/jsx-runtime");
10
- react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
11
- let lucide_react = require("lucide-react");
12
- lucide_react = require_rolldown_runtime.__toESM(lucide_react);
13
- let __radix_ui_react_select = require("@radix-ui/react-select");
14
- __radix_ui_react_select = require_rolldown_runtime.__toESM(__radix_ui_react_select);
15
-
16
- //#region src/components/ui/select.tsx
17
- function Select({ ...props }) {
18
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Root, {
19
- "data-slot": "select",
20
- ...props
21
- });
22
- }
23
- function SelectGroup({ ...props }) {
24
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Group, {
25
- "data-slot": "select-group",
26
- ...props
27
- });
28
- }
29
- function SelectValue({ ...props }) {
30
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Value, {
31
- "data-slot": "select-value",
32
- ...props
33
- });
34
- }
35
- function SelectTrigger({ className, size = "default", children,...props }) {
36
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_select.Trigger, {
37
- "data-slot": "select-trigger",
38
- "data-size": size,
39
- className: require_utils.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
40
- ...props,
41
- children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Icon, {
42
- asChild: true,
43
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "size-4 opacity-50" })
44
- })]
45
- });
46
- }
47
- function SelectContent({ className, children, position = "popper", align = "center",...props }) {
48
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_select.Content, {
49
- "data-slot": "select-content",
50
- className: require_utils.cn("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 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
51
- position,
52
- align,
53
- ...props,
54
- children: [
55
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollUpButton, {}),
56
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Viewport, {
57
- className: require_utils.cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
58
- children
59
- }),
60
- /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SelectScrollDownButton, {})
61
- ]
62
- }) });
63
- }
64
- function SelectLabel({ className,...props }) {
65
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Label, {
66
- "data-slot": "select-label",
67
- className: require_utils.cn("text-muted-foreground px-2 py-1.5 text-xs", className),
68
- ...props
69
- });
70
- }
71
- function SelectItem({ className, children,...props }) {
72
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_select.Item, {
73
- "data-slot": "select-item",
74
- className: require_utils.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
75
- ...props,
76
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
77
- className: "absolute right-2 flex size-3.5 items-center justify-center",
78
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ItemIndicator, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, { className: "size-4" }) })
79
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ItemText, { children })]
80
- });
81
- }
82
- function SelectSeparator({ className,...props }) {
83
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.Separator, {
84
- "data-slot": "select-separator",
85
- className: require_utils.cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
86
- ...props
87
- });
88
- }
89
- function SelectScrollUpButton({ className,...props }) {
90
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ScrollUpButton, {
91
- "data-slot": "select-scroll-up-button",
92
- className: require_utils.cn("flex cursor-default items-center justify-center py-1", className),
93
- ...props,
94
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronUpIcon, { className: "size-4" })
95
- });
96
- }
97
- function SelectScrollDownButton({ className,...props }) {
98
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_select.ScrollDownButton, {
99
- "data-slot": "select-scroll-down-button",
100
- className: require_utils.cn("flex cursor-default items-center justify-center py-1", className),
101
- ...props,
102
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ChevronDownIcon, { className: "size-4" })
103
- });
104
- }
105
-
106
- //#endregion
107
- exports.Select = Select;
108
- exports.SelectContent = SelectContent;
109
- exports.SelectGroup = SelectGroup;
110
- exports.SelectItem = SelectItem;
111
- exports.SelectLabel = SelectLabel;
112
- exports.SelectScrollDownButton = SelectScrollDownButton;
113
- exports.SelectScrollUpButton = SelectScrollUpButton;
114
- exports.SelectSeparator = SelectSeparator;
115
- exports.SelectTrigger = SelectTrigger;
116
- exports.SelectValue = SelectValue;
@@ -1,52 +0,0 @@
1
- import * as react_jsx_runtime117 from "react/jsx-runtime";
2
- import * as React from "react";
3
- import * as SelectPrimitive from "@radix-ui/react-select";
4
-
5
- //#region src/components/ui/select.d.ts
6
- declare function Select({
7
- ...props
8
- }: React.ComponentProps<typeof SelectPrimitive.Root>): react_jsx_runtime117.JSX.Element;
9
- declare function SelectGroup({
10
- ...props
11
- }: React.ComponentProps<typeof SelectPrimitive.Group>): react_jsx_runtime117.JSX.Element;
12
- declare function SelectValue({
13
- ...props
14
- }: React.ComponentProps<typeof SelectPrimitive.Value>): react_jsx_runtime117.JSX.Element;
15
- declare function SelectTrigger({
16
- className,
17
- size,
18
- children,
19
- ...props
20
- }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
21
- size?: 'sm' | 'default';
22
- }): react_jsx_runtime117.JSX.Element;
23
- declare function SelectContent({
24
- className,
25
- children,
26
- position,
27
- align,
28
- ...props
29
- }: React.ComponentProps<typeof SelectPrimitive.Content>): react_jsx_runtime117.JSX.Element;
30
- declare function SelectLabel({
31
- className,
32
- ...props
33
- }: React.ComponentProps<typeof SelectPrimitive.Label>): react_jsx_runtime117.JSX.Element;
34
- declare function SelectItem({
35
- className,
36
- children,
37
- ...props
38
- }: React.ComponentProps<typeof SelectPrimitive.Item>): react_jsx_runtime117.JSX.Element;
39
- declare function SelectSeparator({
40
- className,
41
- ...props
42
- }: React.ComponentProps<typeof SelectPrimitive.Separator>): react_jsx_runtime117.JSX.Element;
43
- declare function SelectScrollUpButton({
44
- className,
45
- ...props
46
- }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): react_jsx_runtime117.JSX.Element;
47
- declare function SelectScrollDownButton({
48
- className,
49
- ...props
50
- }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): react_jsx_runtime117.JSX.Element;
51
- //#endregion
52
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
@@ -1,23 +0,0 @@
1
- const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
2
- const require_utils = require('../../lib/utils.cjs');
3
- require('../../lib/index.cjs');
4
- let react = require("react");
5
- react = require_rolldown_runtime.__toESM(react);
6
- let react_jsx_runtime = require("react/jsx-runtime");
7
- react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
8
- let __radix_ui_react_separator = require("@radix-ui/react-separator");
9
- __radix_ui_react_separator = require_rolldown_runtime.__toESM(__radix_ui_react_separator);
10
-
11
- //#region src/components/ui/separator.tsx
12
- function Separator({ className, orientation = "horizontal", decorative = true,...props }) {
13
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_separator.Root, {
14
- "data-slot": "separator",
15
- decorative,
16
- orientation,
17
- className: require_utils.cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
18
- ...props
19
- });
20
- }
21
-
22
- //#endregion
23
- exports.Separator = Separator;
@@ -1,13 +0,0 @@
1
- import * as react_jsx_runtime127 from "react/jsx-runtime";
2
- import * as React from "react";
3
- import * as SeparatorPrimitive from "@radix-ui/react-separator";
4
-
5
- //#region src/components/ui/separator.d.ts
6
- declare function Separator({
7
- className,
8
- orientation,
9
- decorative,
10
- ...props
11
- }: React.ComponentProps<typeof SeparatorPrimitive.Root>): react_jsx_runtime127.JSX.Element;
12
- //#endregion
13
- export { Separator };
@@ -1,146 +0,0 @@
1
- 'use client';
2
-
3
-
4
- const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
5
- const require_utils = require('../../../../lib/utils.cjs');
6
- require('../../../../lib/index.cjs');
7
- const require_badge = require('../../badge.cjs');
8
- const require_button = require('../../button.cjs');
9
- const require_popover = require('../../popover.cjs');
10
- const require_command = require('../../command.cjs');
11
- let react = require("react");
12
- react = require_rolldown_runtime.__toESM(react);
13
- let react_jsx_runtime = require("react/jsx-runtime");
14
- react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
15
- let lucide_react = require("lucide-react");
16
- lucide_react = require_rolldown_runtime.__toESM(lucide_react);
17
-
18
- //#region src/components/ui/shadcn-io/tags/index.tsx
19
- const TagsContext = (0, react.createContext)({
20
- value: void 0,
21
- setValue: void 0,
22
- open: false,
23
- onOpenChange: () => {},
24
- width: void 0,
25
- setWidth: void 0
26
- });
27
- function useTagsContext() {
28
- const context = (0, react.use)(TagsContext);
29
- if (!context) throw new Error("useTagsContext must be used within a TagsProvider");
30
- return context;
31
- }
32
- function Tags({ value, setValue, open: controlledOpen, onOpenChange: controlledOnOpenChange, children, className }) {
33
- const [uncontrolledOpen, setUncontrolledOpen] = (0, react.useState)(false);
34
- const [width, setWidth] = (0, react.useState)();
35
- const ref = (0, react.useRef)(null);
36
- const open = controlledOpen ?? uncontrolledOpen;
37
- const onOpenChange = controlledOnOpenChange ?? setUncontrolledOpen;
38
- (0, react.useEffect)(() => {
39
- if (!ref.current) return;
40
- const resizeObserver = new ResizeObserver((entries) => {
41
- if (entries[0]) setWidth(entries[0].contentRect.width);
42
- });
43
- resizeObserver.observe(ref.current);
44
- return () => {
45
- resizeObserver.disconnect();
46
- };
47
- }, []);
48
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TagsContext.Provider, {
49
- value: {
50
- value,
51
- setValue,
52
- open,
53
- onOpenChange,
54
- width,
55
- setWidth
56
- },
57
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.Popover, {
58
- onOpenChange,
59
- open,
60
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
61
- className: require_utils.cn("relative w-full", className),
62
- ref,
63
- children
64
- })
65
- })
66
- });
67
- }
68
- function TagsTrigger({ className, children,...props }) {
69
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverTrigger, {
70
- asChild: true,
71
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
72
- className: require_utils.cn("h-auto w-full justify-between p-2", className),
73
- role: "combobox",
74
- variant: "outline",
75
- ...props,
76
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
77
- className: "flex flex-wrap items-center gap-1",
78
- children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
79
- className: "px-2 py-px text-muted-foreground",
80
- children: "Select a tag..."
81
- })]
82
- })
83
- })
84
- });
85
- }
86
- function TagsValue({ className, children, onRemove,...props }) {
87
- const handleRemove = (event) => {
88
- event.preventDefault();
89
- event.stopPropagation();
90
- onRemove?.();
91
- };
92
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_badge.Badge, {
93
- className: require_utils.cn("flex items-center gap-2", className),
94
- ...props,
95
- children: [children, onRemove && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
96
- className: "size-auto cursor-pointer hover:text-muted-foreground",
97
- onClick: handleRemove,
98
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, { size: 12 })
99
- })]
100
- });
101
- }
102
- function TagsContent({ className, children,...props }) {
103
- const { width } = useTagsContext();
104
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_popover.PopoverContent, {
105
- className: require_utils.cn("p-0", className),
106
- style: { width },
107
- ...props,
108
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.Command, { children })
109
- });
110
- }
111
- function TagsInput({ className,...props }) {
112
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandInput, {
113
- className: require_utils.cn("h-9", className),
114
- ...props
115
- });
116
- }
117
- function TagsList({ className,...props }) {
118
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandList, {
119
- className: require_utils.cn("max-h-[200px]", className),
120
- ...props
121
- });
122
- }
123
- function TagsEmpty({ children, className,...props }) {
124
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandEmpty, {
125
- ...props,
126
- children: children ?? "No tags found."
127
- });
128
- }
129
- const TagsGroup = require_command.CommandGroup;
130
- function TagsItem({ className,...props }) {
131
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_command.CommandItem, {
132
- className: require_utils.cn("cursor-pointer items-center justify-between", className),
133
- ...props
134
- });
135
- }
136
-
137
- //#endregion
138
- exports.Tags = Tags;
139
- exports.TagsContent = TagsContent;
140
- exports.TagsEmpty = TagsEmpty;
141
- exports.TagsGroup = TagsGroup;
142
- exports.TagsInput = TagsInput;
143
- exports.TagsItem = TagsItem;
144
- exports.TagsList = TagsList;
145
- exports.TagsTrigger = TagsTrigger;
146
- exports.TagsValue = TagsValue;
@@ -1,70 +0,0 @@
1
- import { Badge } from "../../badge.cjs";
2
- import { Button } from "../../button.cjs";
3
- import { PopoverContent } from "../../popover.cjs";
4
- import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from "../../command.cjs";
5
- import * as react_jsx_runtime128 from "react/jsx-runtime";
6
- import { ComponentProps, ReactNode } from "react";
7
-
8
- //#region src/components/ui/shadcn-io/tags/index.d.ts
9
- interface TagsProps {
10
- value?: string;
11
- setValue?: (value: string) => void;
12
- open?: boolean;
13
- onOpenChange?: (open: boolean) => void;
14
- children?: ReactNode;
15
- className?: string;
16
- }
17
- declare function Tags({
18
- value,
19
- setValue,
20
- open: controlledOpen,
21
- onOpenChange: controlledOnOpenChange,
22
- children,
23
- className
24
- }: TagsProps): react_jsx_runtime128.JSX.Element;
25
- type TagsTriggerProps = ComponentProps<typeof Button>;
26
- declare function TagsTrigger({
27
- className,
28
- children,
29
- ...props
30
- }: TagsTriggerProps): react_jsx_runtime128.JSX.Element;
31
- type TagsValueProps = ComponentProps<typeof Badge>;
32
- declare function TagsValue({
33
- className,
34
- children,
35
- onRemove,
36
- ...props
37
- }: TagsValueProps & {
38
- onRemove?: () => void;
39
- }): react_jsx_runtime128.JSX.Element;
40
- type TagsContentProps = ComponentProps<typeof PopoverContent>;
41
- declare function TagsContent({
42
- className,
43
- children,
44
- ...props
45
- }: TagsContentProps): react_jsx_runtime128.JSX.Element;
46
- type TagsInputProps = ComponentProps<typeof CommandInput>;
47
- declare function TagsInput({
48
- className,
49
- ...props
50
- }: TagsInputProps): react_jsx_runtime128.JSX.Element;
51
- type TagsListProps = ComponentProps<typeof CommandList>;
52
- declare function TagsList({
53
- className,
54
- ...props
55
- }: TagsListProps): react_jsx_runtime128.JSX.Element;
56
- type TagsEmptyProps = ComponentProps<typeof CommandEmpty>;
57
- declare function TagsEmpty({
58
- children,
59
- className,
60
- ...props
61
- }: TagsEmptyProps): react_jsx_runtime128.JSX.Element;
62
- type TagsGroupProps = ComponentProps<typeof CommandGroup>;
63
- declare const TagsGroup: typeof CommandGroup;
64
- type TagsItemProps = ComponentProps<typeof CommandItem>;
65
- declare function TagsItem({
66
- className,
67
- ...props
68
- }: TagsItemProps): react_jsx_runtime128.JSX.Element;
69
- //#endregion
70
- export { Tags, TagsContent, TagsContentProps, TagsEmpty, TagsEmptyProps, TagsGroup, TagsGroupProps, TagsInput, TagsInputProps, TagsItem, TagsItemProps, TagsList, TagsListProps, TagsProps, TagsTrigger, TagsTriggerProps, TagsValue, TagsValueProps };
@@ -1,66 +0,0 @@
1
- const require_rolldown_runtime = require('../../../../_virtual/rolldown_runtime.cjs');
2
- const require_utils = require('../../../../lib/utils.cjs');
3
- let react_jsx_runtime = require("react/jsx-runtime");
4
- react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
5
- let lucide_react = require("lucide-react");
6
- lucide_react = require_rolldown_runtime.__toESM(lucide_react);
7
- let __diceui_tags_input = require("@diceui/tags-input");
8
- __diceui_tags_input = require_rolldown_runtime.__toESM(__diceui_tags_input);
9
-
10
- //#region src/components/ui/shadcn-io/tags-input-inline/index.tsx
11
- function TagsInputInLineRoot({ className,...props }) {
12
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__diceui_tags_input.Root, {
13
- "data-slot": "tags-input",
14
- className: require_utils.cn("flex w-full flex-col", className),
15
- ...props
16
- });
17
- }
18
- function TagsInputInLineLabel({ className,...props }) {
19
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__diceui_tags_input.Label, {
20
- "data-slot": "tags-input-label",
21
- className: require_utils.cn("font-medium text-sm leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", className),
22
- ...props
23
- });
24
- }
25
- function TagsInputInLineList({ className,...props }) {
26
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
27
- "data-slot": "tags-input-list",
28
- className: require_utils.cn("flex min-h-10 w-full flex-wrap items-center gap-1.5 rounded-md border border-input bg-background px-3 py-2 text-sm focus-within:ring-1 focus-within:ring-ring disabled:cursor-not-allowed disabled:opacity-50", className),
29
- ...props
30
- });
31
- }
32
- function TagsInputInLineInput({ className,...props }) {
33
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__diceui_tags_input.Input, {
34
- "data-slot": "tags-input-input",
35
- className: require_utils.cn("flex-1 bg-transparent outline-hidden placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-50", className),
36
- ...props
37
- });
38
- }
39
- function TagsInputInLineItem({ className, children,...props }) {
40
- return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__diceui_tags_input.Item, {
41
- "data-slot": "tags-input-item",
42
- className: require_utils.cn("inline-flex max-w-[calc(100%-8px)] items-center gap-1.5 rounded border bg-transparent px-2.5 py-1 text-sm focus:outline-hidden data-disabled:cursor-not-allowed data-editable:select-none data-editing:bg-transparent data-disabled:opacity-50 data-editing:ring-1 data-editing:ring-ring [&:not([data-editing])]:pr-1.5 [&[data-highlighted]:not([data-editing])]:bg-accent [&[data-highlighted]:not([data-editing])]:text-accent-foreground", className),
43
- ...props,
44
- children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__diceui_tags_input.ItemText, {
45
- className: "truncate",
46
- children
47
- }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__diceui_tags_input.ItemDelete, {
48
- className: "size-4 shrink-0 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100",
49
- children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.X, { className: "size-3.5" })
50
- })]
51
- });
52
- }
53
- function TagsInputInLineClear({ ...props }) {
54
- return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__diceui_tags_input.Clear, {
55
- "data-slot": "tags-input-clear",
56
- ...props
57
- });
58
- }
59
-
60
- //#endregion
61
- exports.TagsInputInLineClear = TagsInputInLineClear;
62
- exports.TagsInputInLineInput = TagsInputInLineInput;
63
- exports.TagsInputInLineItem = TagsInputInLineItem;
64
- exports.TagsInputInLineLabel = TagsInputInLineLabel;
65
- exports.TagsInputInLineList = TagsInputInLineList;
66
- exports.TagsInputInLineRoot = TagsInputInLineRoot;