@appcorp/shadcn 1.0.38 → 1.1.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 (147) hide show
  1. package/components/audio.js +3 -3
  2. package/components/dashboard.js +2 -2
  3. package/components/enhanced-checkbox.d.ts +9 -0
  4. package/components/{checkbox.js → enhanced-checkbox.js} +10 -11
  5. package/components/{combobox.d.ts → enhanced-combobox.d.ts} +2 -2
  6. package/components/{combobox.js → enhanced-combobox.js} +11 -11
  7. package/components/enhanced-dropzone.js +2 -2
  8. package/components/enhanced-input.d.ts +8 -0
  9. package/components/{input.js → enhanced-input.js} +8 -7
  10. package/components/enhanced-label.d.ts +7 -0
  11. package/components/{label.js → enhanced-label.js} +4 -4
  12. package/components/enhanced-select.d.ts +25 -0
  13. package/components/enhanced-select.js +81 -0
  14. package/components/enhanced-switch.d.ts +10 -0
  15. package/components/{switch.js → enhanced-switch.js} +9 -11
  16. package/components/enhanced-table-footer-action.js +1 -1
  17. package/components/enhanced-table-footer-pagination.js +1 -1
  18. package/components/enhanced-table-header-action.js +2 -2
  19. package/components/enhanced-table-header-search.js +1 -1
  20. package/components/enhanced-table.js +6 -5
  21. package/components/enhanced-textarea.d.ts +8 -0
  22. package/components/{textarea.js → enhanced-textarea.js} +10 -7
  23. package/components/field.d.ts +1 -1
  24. package/components/field.js +2 -2
  25. package/components/nav-main.js +1 -1
  26. package/components/nav-projects.js +1 -1
  27. package/components/nav-user.js +2 -2
  28. package/components/shadcn-example/coming-soon/index.js +2 -2
  29. package/components/shadcn-io/color-picker/index.d.ts +2 -2
  30. package/components/shadcn-io/color-picker/index.js +5 -5
  31. package/components/shadcn-io/dropzone/index.js +1 -1
  32. package/components/shadcn-io/gantt/index.js +2 -2
  33. package/components/shadcn-io/table/index.js +3 -3
  34. package/components/sidebar.d.ts +3 -3
  35. package/components/sidebar.js +5 -5
  36. package/components/team-switcher.js +2 -2
  37. package/components/{accordion.js → ui/accordion.js} +1 -1
  38. package/components/ui/alert-dialog.d.ts +20 -0
  39. package/components/ui/alert-dialog.js +120 -0
  40. package/components/ui/alert.d.ts +8 -0
  41. package/components/ui/alert.js +90 -0
  42. package/components/ui/aspect-ratio.d.ts +3 -0
  43. package/components/ui/aspect-ratio.js +40 -0
  44. package/components/ui/avatar.d.ts +6 -0
  45. package/components/{avatar.js → ui/avatar.js} +17 -17
  46. package/components/{badge.d.ts → ui/badge.d.ts} +3 -3
  47. package/components/{badge.js → ui/badge.js} +8 -10
  48. package/components/ui/breadcrumb.d.ts +19 -0
  49. package/components/{breadcrumb.js → ui/breadcrumb.js} +39 -31
  50. package/components/{button.d.ts → ui/button.d.ts} +3 -2
  51. package/components/{button.js → ui/button.js} +17 -16
  52. package/components/ui/calendar.d.ts +8 -0
  53. package/components/ui/calendar.js +109 -0
  54. package/components/ui/card.d.ts +8 -0
  55. package/components/{card.js → ui/card.js} +32 -30
  56. package/components/ui/carousel.d.ts +18 -0
  57. package/components/{carousel.js → ui/carousel.js} +42 -39
  58. package/components/ui/checkbox.d.ts +4 -0
  59. package/components/ui/checkbox.js +71 -0
  60. package/components/ui/collapsible.d.ts +5 -0
  61. package/components/ui/collapsible.js +44 -0
  62. package/components/ui/combobox.d.ts +2 -0
  63. package/components/ui/combobox.js +88 -0
  64. package/components/ui/command.d.ts +80 -0
  65. package/components/{command.js → ui/command.js} +50 -47
  66. package/components/ui/context-menu.d.ts +27 -0
  67. package/components/ui/context-menu.js +141 -0
  68. package/components/ui/dialog.d.ts +19 -0
  69. package/components/{dialog.js → ui/dialog.js} +46 -51
  70. package/components/ui/drawer.d.ts +22 -0
  71. package/components/{drawer.js → ui/drawer.js} +45 -46
  72. package/components/ui/dropdown-menu.d.ts +27 -0
  73. package/components/ui/dropdown-menu.js +143 -0
  74. package/components/{form.d.ts → ui/form.d.ts} +5 -6
  75. package/components/{form.js → ui/form.js} +37 -30
  76. package/components/ui/hover-card.d.ts +6 -0
  77. package/components/ui/hover-card.js +72 -0
  78. package/components/ui/input-otp.d.ts +34 -0
  79. package/components/ui/input-otp.js +93 -0
  80. package/components/ui/input.d.ts +3 -0
  81. package/components/ui/input.js +66 -0
  82. package/components/ui/label.d.ts +5 -0
  83. package/components/{collapsible.js → ui/label.js} +12 -20
  84. package/components/ui/menubar.d.ts +28 -0
  85. package/components/ui/menubar.js +165 -0
  86. package/components/ui/navigation-menu.d.ts +12 -0
  87. package/components/ui/navigation-menu.js +114 -0
  88. package/components/ui/pagination.d.ts +28 -0
  89. package/components/ui/pagination.js +113 -0
  90. package/components/ui/popover.d.ts +7 -0
  91. package/components/{popover.js → ui/popover.js} +12 -19
  92. package/components/ui/progress.d.ts +4 -0
  93. package/components/ui/progress.js +69 -0
  94. package/components/ui/radio-group.d.ts +5 -0
  95. package/components/ui/radio-group.js +77 -0
  96. package/components/ui/resizable.d.ts +24 -0
  97. package/components/ui/resizable.js +79 -0
  98. package/components/ui/scroll-area.d.ts +5 -0
  99. package/components/ui/scroll-area.js +80 -0
  100. package/components/ui/select.d.ts +13 -0
  101. package/components/{select.js → ui/select.js} +53 -53
  102. package/components/ui/separator.d.ts +4 -0
  103. package/components/{separator.js → ui/separator.js} +7 -5
  104. package/components/ui/sheet.d.ts +25 -0
  105. package/components/ui/sheet.js +127 -0
  106. package/components/ui/skeleton.d.ts +3 -0
  107. package/components/{skeleton.js → ui/skeleton.js} +2 -2
  108. package/components/ui/slider.d.ts +4 -0
  109. package/components/ui/slider.js +71 -0
  110. package/components/{sonner.d.ts → ui/sonner.d.ts} +2 -1
  111. package/components/{sonner.js → ui/sonner.js} +5 -14
  112. package/components/ui/switch.d.ts +4 -0
  113. package/components/ui/switch.js +69 -0
  114. package/components/ui/table.d.ts +10 -0
  115. package/components/{table.js → ui/table.js} +43 -35
  116. package/components/ui/tabs.d.ts +7 -0
  117. package/components/ui/tabs.js +82 -0
  118. package/components/ui/textarea.d.ts +3 -0
  119. package/components/ui/textarea.js +66 -0
  120. package/components/ui/toggle.d.ts +12 -0
  121. package/components/ui/toggle.js +87 -0
  122. package/package.json +26 -7
  123. package/components/avatar.d.ts +0 -6
  124. package/components/breadcrumb.d.ts +0 -11
  125. package/components/card.d.ts +0 -9
  126. package/components/carousel.d.ts +0 -19
  127. package/components/checkbox.d.ts +0 -9
  128. package/components/collapsible.d.ts +0 -6
  129. package/components/command.d.ts +0 -18
  130. package/components/context-menu.d.ts +0 -25
  131. package/components/context-menu.js +0 -148
  132. package/components/dialog.d.ts +0 -15
  133. package/components/drawer.d.ts +0 -13
  134. package/components/dropdown-menu.d.ts +0 -25
  135. package/components/dropdown-menu.js +0 -148
  136. package/components/input.d.ts +0 -8
  137. package/components/label.d.ts +0 -7
  138. package/components/popover.d.ts +0 -7
  139. package/components/select.d.ts +0 -15
  140. package/components/separator.d.ts +0 -4
  141. package/components/sheet.d.ts +0 -13
  142. package/components/sheet.js +0 -120
  143. package/components/skeleton.d.ts +0 -3
  144. package/components/switch.d.ts +0 -10
  145. package/components/table.d.ts +0 -10
  146. package/components/textarea.d.ts +0 -8
  147. /package/components/{accordion.d.ts → ui/accordion.d.ts} +0 -0
@@ -1,4 +1,3 @@
1
- "use client";
2
1
  "use strict";
3
2
  var __assign = (this && this.__assign) || function () {
4
3
  __assign = Object.assign || function(t) {
@@ -56,46 +55,55 @@ var __rest = (this && this.__rest) || function (s, e) {
56
55
  return t;
57
56
  };
58
57
  Object.defineProperty(exports, "__esModule", { value: true });
59
- exports.Table = Table;
60
- exports.TableHeader = TableHeader;
61
- exports.TableBody = TableBody;
62
- exports.TableFooter = TableFooter;
63
- exports.TableHead = TableHead;
64
- exports.TableRow = TableRow;
65
- exports.TableCell = TableCell;
66
- exports.TableCaption = TableCaption;
58
+ exports.TableCaption = exports.TableCell = exports.TableRow = exports.TableHead = exports.TableFooter = exports.TableBody = exports.TableHeader = exports.Table = void 0;
67
59
  var React = __importStar(require("react"));
68
- var utils_1 = require("../lib/utils");
69
- function Table(_a) {
60
+ var utils_1 = require("../../lib/utils");
61
+ var Table = React.forwardRef(function (_a, ref) {
70
62
  var className = _a.className, props = __rest(_a, ["className"]);
71
- return (React.createElement("div", { "data-slot": "table-container", className: "relative w-full overflow-x-auto" },
72
- React.createElement("table", __assign({ "data-slot": "table", className: (0, utils_1.cn)("w-full caption-bottom text-sm", className) }, props))));
73
- }
74
- function TableHeader(_a) {
63
+ return (React.createElement("div", { className: "relative w-full overflow-auto" },
64
+ React.createElement("table", __assign({ ref: ref, className: (0, utils_1.cn)("w-full caption-bottom text-sm", className) }, props))));
65
+ });
66
+ exports.Table = Table;
67
+ Table.displayName = "Table";
68
+ var TableHeader = React.forwardRef(function (_a, ref) {
75
69
  var className = _a.className, props = __rest(_a, ["className"]);
76
- return (React.createElement("thead", __assign({ "data-slot": "table-header", className: (0, utils_1.cn)("[&_tr]:border-b", className) }, props)));
77
- }
78
- function TableBody(_a) {
70
+ return (React.createElement("thead", __assign({ ref: ref, className: (0, utils_1.cn)("[&_tr]:border-b", className) }, props)));
71
+ });
72
+ exports.TableHeader = TableHeader;
73
+ TableHeader.displayName = "TableHeader";
74
+ var TableBody = React.forwardRef(function (_a, ref) {
79
75
  var className = _a.className, props = __rest(_a, ["className"]);
80
- return (React.createElement("tbody", __assign({ "data-slot": "table-body", className: (0, utils_1.cn)("[&_tr:last-child]:border-0", className) }, props)));
81
- }
82
- function TableFooter(_a) {
76
+ return (React.createElement("tbody", __assign({ ref: ref, className: (0, utils_1.cn)("[&_tr:last-child]:border-0", className) }, props)));
77
+ });
78
+ exports.TableBody = TableBody;
79
+ TableBody.displayName = "TableBody";
80
+ var TableFooter = React.forwardRef(function (_a, ref) {
83
81
  var className = _a.className, props = __rest(_a, ["className"]);
84
- return (React.createElement("tfoot", __assign({ "data-slot": "table-footer", className: (0, utils_1.cn)("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className) }, props)));
85
- }
86
- function TableRow(_a) {
82
+ return (React.createElement("tfoot", __assign({ ref: ref, className: (0, utils_1.cn)("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0", className) }, props)));
83
+ });
84
+ exports.TableFooter = TableFooter;
85
+ TableFooter.displayName = "TableFooter";
86
+ var TableRow = React.forwardRef(function (_a, ref) {
87
87
  var className = _a.className, props = __rest(_a, ["className"]);
88
- return (React.createElement("tr", __assign({ "data-slot": "table-row", className: (0, utils_1.cn)("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className) }, props)));
89
- }
90
- function TableHead(_a) {
88
+ return (React.createElement("tr", __assign({ ref: ref, className: (0, utils_1.cn)("border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted", className) }, props)));
89
+ });
90
+ exports.TableRow = TableRow;
91
+ TableRow.displayName = "TableRow";
92
+ var TableHead = React.forwardRef(function (_a, ref) {
91
93
  var className = _a.className, props = __rest(_a, ["className"]);
92
- return (React.createElement("th", __assign({ "data-slot": "table-head", className: (0, utils_1.cn)("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className) }, props)));
93
- }
94
- function TableCell(_a) {
94
+ return (React.createElement("th", __assign({ ref: ref, className: (0, utils_1.cn)("h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className) }, props)));
95
+ });
96
+ exports.TableHead = TableHead;
97
+ TableHead.displayName = "TableHead";
98
+ var TableCell = React.forwardRef(function (_a, ref) {
95
99
  var className = _a.className, props = __rest(_a, ["className"]);
96
- return (React.createElement("td", __assign({ "data-slot": "table-cell", className: (0, utils_1.cn)("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className) }, props)));
97
- }
98
- function TableCaption(_a) {
100
+ return (React.createElement("td", __assign({ ref: ref, className: (0, utils_1.cn)("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className) }, props)));
101
+ });
102
+ exports.TableCell = TableCell;
103
+ TableCell.displayName = "TableCell";
104
+ var TableCaption = React.forwardRef(function (_a, ref) {
99
105
  var className = _a.className, props = __rest(_a, ["className"]);
100
- return (React.createElement("caption", __assign({ "data-slot": "table-caption", className: (0, utils_1.cn)("text-muted-foreground mt-4 text-sm", className) }, props)));
101
- }
106
+ return (React.createElement("caption", __assign({ ref: ref, className: (0, utils_1.cn)("mt-4 text-sm text-muted-foreground", className) }, props)));
107
+ });
108
+ exports.TableCaption = TableCaption;
109
+ TableCaption.displayName = "TableCaption";
@@ -0,0 +1,7 @@
1
+ import * as React from "react";
2
+ import * as TabsPrimitive from "@radix-ui/react-tabs";
3
+ declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
4
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
5
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
6
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
7
+ export { Tabs, TabsList, TabsTrigger, TabsContent };
@@ -0,0 +1,82 @@
1
+ "use client";
2
+ "use strict";
3
+ var __assign = (this && this.__assign) || function () {
4
+ __assign = Object.assign || function(t) {
5
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
6
+ s = arguments[i];
7
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
8
+ t[p] = s[p];
9
+ }
10
+ return t;
11
+ };
12
+ return __assign.apply(this, arguments);
13
+ };
14
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
15
+ if (k2 === undefined) k2 = k;
16
+ var desc = Object.getOwnPropertyDescriptor(m, k);
17
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
18
+ desc = { enumerable: true, get: function() { return m[k]; } };
19
+ }
20
+ Object.defineProperty(o, k2, desc);
21
+ }) : (function(o, m, k, k2) {
22
+ if (k2 === undefined) k2 = k;
23
+ o[k2] = m[k];
24
+ }));
25
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
26
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
27
+ }) : function(o, v) {
28
+ o["default"] = v;
29
+ });
30
+ var __importStar = (this && this.__importStar) || (function () {
31
+ var ownKeys = function(o) {
32
+ ownKeys = Object.getOwnPropertyNames || function (o) {
33
+ var ar = [];
34
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
35
+ return ar;
36
+ };
37
+ return ownKeys(o);
38
+ };
39
+ return function (mod) {
40
+ if (mod && mod.__esModule) return mod;
41
+ var result = {};
42
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
43
+ __setModuleDefault(result, mod);
44
+ return result;
45
+ };
46
+ })();
47
+ var __rest = (this && this.__rest) || function (s, e) {
48
+ var t = {};
49
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
50
+ t[p] = s[p];
51
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
52
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
53
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
54
+ t[p[i]] = s[p[i]];
55
+ }
56
+ return t;
57
+ };
58
+ Object.defineProperty(exports, "__esModule", { value: true });
59
+ exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = void 0;
60
+ var React = __importStar(require("react"));
61
+ var TabsPrimitive = __importStar(require("@radix-ui/react-tabs"));
62
+ var utils_1 = require("../../lib/utils");
63
+ var Tabs = TabsPrimitive.Root;
64
+ exports.Tabs = Tabs;
65
+ var TabsList = React.forwardRef(function (_a, ref) {
66
+ var className = _a.className, props = __rest(_a, ["className"]);
67
+ return (React.createElement(TabsPrimitive.List, __assign({ ref: ref, className: (0, utils_1.cn)("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground", className) }, props)));
68
+ });
69
+ exports.TabsList = TabsList;
70
+ TabsList.displayName = TabsPrimitive.List.displayName;
71
+ var TabsTrigger = React.forwardRef(function (_a, ref) {
72
+ var className = _a.className, props = __rest(_a, ["className"]);
73
+ return (React.createElement(TabsPrimitive.Trigger, __assign({ ref: ref, className: (0, utils_1.cn)("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow", className) }, props)));
74
+ });
75
+ exports.TabsTrigger = TabsTrigger;
76
+ TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
77
+ var TabsContent = React.forwardRef(function (_a, ref) {
78
+ var className = _a.className, props = __rest(_a, ["className"]);
79
+ return (React.createElement(TabsPrimitive.Content, __assign({ ref: ref, className: (0, utils_1.cn)("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className) }, props)));
80
+ });
81
+ exports.TabsContent = TabsContent;
82
+ TabsContent.displayName = TabsPrimitive.Content.displayName;
@@ -0,0 +1,3 @@
1
+ import * as React from "react";
2
+ declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
3
+ export { Textarea };
@@ -0,0 +1,66 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
14
+ if (k2 === undefined) k2 = k;
15
+ var desc = Object.getOwnPropertyDescriptor(m, k);
16
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
17
+ desc = { enumerable: true, get: function() { return m[k]; } };
18
+ }
19
+ Object.defineProperty(o, k2, desc);
20
+ }) : (function(o, m, k, k2) {
21
+ if (k2 === undefined) k2 = k;
22
+ o[k2] = m[k];
23
+ }));
24
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
25
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
26
+ }) : function(o, v) {
27
+ o["default"] = v;
28
+ });
29
+ var __importStar = (this && this.__importStar) || (function () {
30
+ var ownKeys = function(o) {
31
+ ownKeys = Object.getOwnPropertyNames || function (o) {
32
+ var ar = [];
33
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
34
+ return ar;
35
+ };
36
+ return ownKeys(o);
37
+ };
38
+ return function (mod) {
39
+ if (mod && mod.__esModule) return mod;
40
+ var result = {};
41
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
42
+ __setModuleDefault(result, mod);
43
+ return result;
44
+ };
45
+ })();
46
+ var __rest = (this && this.__rest) || function (s, e) {
47
+ var t = {};
48
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
49
+ t[p] = s[p];
50
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
51
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
52
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
53
+ t[p[i]] = s[p[i]];
54
+ }
55
+ return t;
56
+ };
57
+ Object.defineProperty(exports, "__esModule", { value: true });
58
+ exports.Textarea = void 0;
59
+ var React = __importStar(require("react"));
60
+ var utils_1 = require("../../lib/utils");
61
+ var Textarea = React.forwardRef(function (_a, ref) {
62
+ var className = _a.className, props = __rest(_a, ["className"]);
63
+ return (React.createElement("textarea", __assign({ className: (0, utils_1.cn)("flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ref: ref }, props)));
64
+ });
65
+ exports.Textarea = Textarea;
66
+ Textarea.displayName = "Textarea";
@@ -0,0 +1,12 @@
1
+ import * as React from "react";
2
+ import * as TogglePrimitive from "@radix-ui/react-toggle";
3
+ import { type VariantProps } from "class-variance-authority";
4
+ declare const toggleVariants: (props?: ({
5
+ variant?: "default" | "outline" | null | undefined;
6
+ size?: "default" | "sm" | "lg" | null | undefined;
7
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
8
+ declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
9
+ variant?: "default" | "outline" | null | undefined;
10
+ size?: "default" | "sm" | "lg" | null | undefined;
11
+ } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
12
+ export { Toggle, toggleVariants };
@@ -0,0 +1,87 @@
1
+ "use client";
2
+ "use strict";
3
+ var __assign = (this && this.__assign) || function () {
4
+ __assign = Object.assign || function(t) {
5
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
6
+ s = arguments[i];
7
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
8
+ t[p] = s[p];
9
+ }
10
+ return t;
11
+ };
12
+ return __assign.apply(this, arguments);
13
+ };
14
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
15
+ if (k2 === undefined) k2 = k;
16
+ var desc = Object.getOwnPropertyDescriptor(m, k);
17
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
18
+ desc = { enumerable: true, get: function() { return m[k]; } };
19
+ }
20
+ Object.defineProperty(o, k2, desc);
21
+ }) : (function(o, m, k, k2) {
22
+ if (k2 === undefined) k2 = k;
23
+ o[k2] = m[k];
24
+ }));
25
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
26
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
27
+ }) : function(o, v) {
28
+ o["default"] = v;
29
+ });
30
+ var __importStar = (this && this.__importStar) || (function () {
31
+ var ownKeys = function(o) {
32
+ ownKeys = Object.getOwnPropertyNames || function (o) {
33
+ var ar = [];
34
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
35
+ return ar;
36
+ };
37
+ return ownKeys(o);
38
+ };
39
+ return function (mod) {
40
+ if (mod && mod.__esModule) return mod;
41
+ var result = {};
42
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
43
+ __setModuleDefault(result, mod);
44
+ return result;
45
+ };
46
+ })();
47
+ var __rest = (this && this.__rest) || function (s, e) {
48
+ var t = {};
49
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
50
+ t[p] = s[p];
51
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
52
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
53
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
54
+ t[p[i]] = s[p[i]];
55
+ }
56
+ return t;
57
+ };
58
+ Object.defineProperty(exports, "__esModule", { value: true });
59
+ exports.toggleVariants = exports.Toggle = void 0;
60
+ var React = __importStar(require("react"));
61
+ var TogglePrimitive = __importStar(require("@radix-ui/react-toggle"));
62
+ var class_variance_authority_1 = require("class-variance-authority");
63
+ var utils_1 = require("../../lib/utils");
64
+ var toggleVariants = (0, class_variance_authority_1.cva)("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
65
+ variants: {
66
+ variant: {
67
+ default: "bg-transparent",
68
+ outline: "border border-input bg-transparent shadow-sm hover:bg-accent hover:text-accent-foreground",
69
+ },
70
+ size: {
71
+ default: "h-9 px-2 min-w-9",
72
+ sm: "h-8 px-1.5 min-w-8",
73
+ lg: "h-10 px-2.5 min-w-10",
74
+ },
75
+ },
76
+ defaultVariants: {
77
+ variant: "default",
78
+ size: "default",
79
+ },
80
+ });
81
+ exports.toggleVariants = toggleVariants;
82
+ var Toggle = React.forwardRef(function (_a, ref) {
83
+ var className = _a.className, variant = _a.variant, size = _a.size, props = __rest(_a, ["className", "variant", "size"]);
84
+ return (React.createElement(TogglePrimitive.Root, __assign({ ref: ref, className: (0, utils_1.cn)(toggleVariants({ variant: variant, size: size, className: className })) }, props)));
85
+ });
86
+ exports.Toggle = Toggle;
87
+ Toggle.displayName = TogglePrimitive.Root.displayName;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/shadcn",
3
- "version": "1.0.38",
3
+ "version": "1.1.0",
4
4
  "scripts": {
5
5
  "build:next": "next build",
6
6
  "build:storybook": "storybook build -c .storybook -o .out",
@@ -37,17 +37,32 @@
37
37
  "@dnd-kit/modifiers": "^9.0.0",
38
38
  "@eslint/eslintrc": "^3.3.1",
39
39
  "@eslint/js": "^9.37.0",
40
+ "@hookform/resolvers": "^5.2.2",
40
41
  "@radix-ui/react-accordion": "^1.2.12",
42
+ "@radix-ui/react-alert-dialog": "^1.1.15",
43
+ "@radix-ui/react-aspect-ratio": "^1.1.8",
44
+ "@radix-ui/react-avatar": "^1.1.11",
41
45
  "@radix-ui/react-checkbox": "^1.3.3",
46
+ "@radix-ui/react-collapsible": "^1.1.12",
42
47
  "@radix-ui/react-context-menu": "^2.2.16",
48
+ "@radix-ui/react-dialog": "^1.1.15",
43
49
  "@radix-ui/react-dropdown-menu": "^2.1.16",
50
+ "@radix-ui/react-hover-card": "^1.1.15",
44
51
  "@radix-ui/react-icons": "^1.3.2",
45
- "@radix-ui/react-label": "^2.1.7",
52
+ "@radix-ui/react-label": "^2.1.8",
53
+ "@radix-ui/react-menubar": "^1.1.16",
54
+ "@radix-ui/react-navigation-menu": "^1.2.14",
46
55
  "@radix-ui/react-popover": "^1.1.15",
56
+ "@radix-ui/react-progress": "^1.1.8",
57
+ "@radix-ui/react-radio-group": "^1.3.8",
58
+ "@radix-ui/react-scroll-area": "^1.2.10",
47
59
  "@radix-ui/react-select": "^2.2.6",
48
- "@radix-ui/react-separator": "^1.1.7",
49
- "@radix-ui/react-slot": "^1.2.3",
60
+ "@radix-ui/react-separator": "^1.1.8",
61
+ "@radix-ui/react-slider": "^1.3.6",
62
+ "@radix-ui/react-slot": "^1.2.4",
50
63
  "@radix-ui/react-switch": "^1.2.6",
64
+ "@radix-ui/react-tabs": "^1.1.13",
65
+ "@radix-ui/react-toggle": "^1.1.10",
51
66
  "@storybook/addon-docs": "^10.0.6",
52
67
  "@storybook/addon-onboarding": "^10.0.6",
53
68
  "@storybook/nextjs": "^10.0.6",
@@ -76,6 +91,7 @@
76
91
  "eslint-config-prettier": "^10.1.8",
77
92
  "eslint-plugin-storybook": "10.0.6",
78
93
  "husky": "^9.1.7",
94
+ "input-otp": "^1.4.2",
79
95
  "jest": "^30.2.0",
80
96
  "jest-environment-jsdom": "^30.2.0",
81
97
  "jotai": "^2.15.0",
@@ -89,9 +105,11 @@
89
105
  "prettier": "^3.6.2",
90
106
  "radix-ui": "^1.4.3",
91
107
  "react": "^19.2.0",
108
+ "react-day-picker": "^9.11.1",
92
109
  "react-dom": "^19.2.0",
93
110
  "react-dropzone": "^14.3.8",
94
- "react-hook-form": "^7.65.0",
111
+ "react-hook-form": "^7.66.1",
112
+ "react-resizable-panels": "^3.0.6",
95
113
  "rimraf": "^6.0.1",
96
114
  "sonner": "^2.0.7",
97
115
  "storybook": "^10.0.6",
@@ -99,7 +117,8 @@
99
117
  "tailwindcss": "3",
100
118
  "ts-node": "^10.9.2",
101
119
  "typescript": "^5.9.3",
102
- "vaul": "^1.1.2"
120
+ "vaul": "^1.1.2",
121
+ "zod": "^4.1.12"
103
122
  },
104
- "packageManager": "yarn@4.10.3"
123
+ "packageManager": "yarn@4.11.0"
105
124
  }
@@ -1,6 +0,0 @@
1
- import * as React from "react";
2
- import * as AvatarPrimitive from "@radix-ui/react-avatar";
3
- declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): React.JSX.Element;
4
- declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): React.JSX.Element;
5
- declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): React.JSX.Element;
6
- export { Avatar, AvatarImage, AvatarFallback };
@@ -1,11 +0,0 @@
1
- import * as React from "react";
2
- declare function Breadcrumb({ ...props }: React.ComponentProps<"nav">): React.JSX.Element;
3
- declare function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">): React.JSX.Element;
4
- declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
5
- declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<"a"> & {
6
- asChild?: boolean;
7
- }): React.JSX.Element;
8
- declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
9
- declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
10
- declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
11
- export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
@@ -1,9 +0,0 @@
1
- import * as React from "react";
2
- declare function Card({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
3
- declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
4
- declare function CardTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
5
- declare function CardDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
6
- declare function CardAction({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
7
- declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
8
- declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
9
- export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
@@ -1,19 +0,0 @@
1
- import * as React from "react";
2
- import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
3
- import { Button } from "./button";
4
- type CarouselApi = UseEmblaCarouselType[1];
5
- type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
6
- type CarouselOptions = UseCarouselParameters[0];
7
- type CarouselPlugin = UseCarouselParameters[1];
8
- type CarouselProps = {
9
- opts?: CarouselOptions;
10
- plugins?: CarouselPlugin;
11
- orientation?: "horizontal" | "vertical";
12
- setApi?: (api: CarouselApi) => void;
13
- };
14
- declare function Carousel({ orientation, opts, setApi, plugins, className, children, ...props }: React.ComponentProps<"div"> & CarouselProps): React.JSX.Element;
15
- declare function CarouselContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
16
- declare function CarouselItem({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
17
- declare function CarouselPrevious({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
18
- declare function CarouselNext({ className, variant, size, ...props }: React.ComponentProps<typeof Button>): React.JSX.Element;
19
- export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };
@@ -1,9 +0,0 @@
1
- import * as React from "react";
2
- import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
3
- interface CheckboxProps extends React.ComponentProps<typeof CheckboxPrimitive.Root> {
4
- error?: string;
5
- info?: string;
6
- label?: string;
7
- }
8
- declare function Checkbox({ className, error, info, label, id, ...props }: CheckboxProps): React.JSX.Element;
9
- export { Checkbox };
@@ -1,6 +0,0 @@
1
- import React from "react";
2
- import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
3
- declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): React.JSX.Element;
4
- declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React.JSX.Element;
5
- declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React.JSX.Element;
6
- export { Collapsible, CollapsibleTrigger, CollapsibleContent };
@@ -1,18 +0,0 @@
1
- import * as React from "react";
2
- import { Command as CommandPrimitive } from "cmdk";
3
- import { Dialog } from "./dialog";
4
- declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): React.JSX.Element;
5
- declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
6
- title?: string;
7
- description?: string;
8
- className?: string;
9
- showCloseButton?: boolean;
10
- }): React.JSX.Element;
11
- declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): React.JSX.Element;
12
- declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): React.JSX.Element;
13
- declare function CommandEmpty({ ...props }: React.ComponentProps<typeof CommandPrimitive.Empty>): React.JSX.Element;
14
- declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Group>): React.JSX.Element;
15
- declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): React.JSX.Element;
16
- declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): React.JSX.Element;
17
- declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
18
- export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };
@@ -1,25 +0,0 @@
1
- import * as React from "react";
2
- import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
3
- declare function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>): React.JSX.Element;
4
- declare function ContextMenuTrigger({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>): React.JSX.Element;
5
- declare function ContextMenuGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Group>): React.JSX.Element;
6
- declare function ContextMenuPortal({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Portal>): React.JSX.Element;
7
- declare function ContextMenuSub({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Sub>): React.JSX.Element;
8
- declare function ContextMenuRadioGroup({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): React.JSX.Element;
9
- declare function ContextMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
10
- inset?: boolean;
11
- }): React.JSX.Element;
12
- declare function ContextMenuSubContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>): React.JSX.Element;
13
- declare function ContextMenuContent({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Content>): React.JSX.Element;
14
- declare function ContextMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
15
- inset?: boolean;
16
- variant?: "default" | "destructive";
17
- }): React.JSX.Element;
18
- declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): React.JSX.Element;
19
- declare function ContextMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>): React.JSX.Element;
20
- declare function ContextMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
21
- inset?: boolean;
22
- }): React.JSX.Element;
23
- declare function ContextMenuSeparator({ className, ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Separator>): React.JSX.Element;
24
- declare function ContextMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
25
- export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };