@c-rex/ui 0.0.4 → 0.0.6

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 (53) hide show
  1. package/dist/ui/src/alert.d.ts +1 -1
  2. package/dist/ui/src/alert.d.ts.map +1 -1
  3. package/dist/ui/src/button.d.ts +1 -1
  4. package/dist/ui/src/button.d.ts.map +1 -1
  5. package/dist/ui/src/sheet.d.ts +1 -1
  6. package/dist/ui/src/sheet.d.ts.map +1 -1
  7. package/dist/ui/src/sidebar.d.ts +1 -1
  8. package/dist/ui/src/sidebar.d.ts.map +1 -1
  9. package/package.json +17 -16
  10. package/src/alert.tsx +58 -0
  11. package/src/breadcrumb.tsx +115 -0
  12. package/src/button.tsx +66 -0
  13. package/src/command.tsx +151 -0
  14. package/src/dialog.tsx +122 -0
  15. package/src/hooks/use-mobile.tsx +19 -0
  16. package/src/input.tsx +22 -0
  17. package/src/popover.tsx +31 -0
  18. package/src/select.tsx +157 -0
  19. package/src/separator.tsx +29 -0
  20. package/src/sheet.tsx +140 -0
  21. package/src/sidebar.tsx +785 -0
  22. package/src/skeleton.tsx +15 -0
  23. package/src/table.tsx +120 -0
  24. package/src/tooltip.tsx +30 -0
  25. package/dist/constants/src/index.js +0 -30
  26. package/dist/interfaces/src/common.js +0 -2
  27. package/dist/interfaces/src/config.js +0 -2
  28. package/dist/interfaces/src/directoryNodes.js +0 -2
  29. package/dist/interfaces/src/documentTypes.js +0 -2
  30. package/dist/interfaces/src/index.js +0 -22
  31. package/dist/interfaces/src/informationUnits.js +0 -2
  32. package/dist/interfaces/src/treeOfContent.js +0 -2
  33. package/dist/types/src/index.js +0 -2
  34. package/dist/ui/src/alert.js +0 -60
  35. package/dist/ui/src/breadcrumb.js +0 -65
  36. package/dist/ui/src/button.js +0 -79
  37. package/dist/ui/src/command.js +0 -72
  38. package/dist/ui/src/dialog.js +0 -68
  39. package/dist/ui/src/hooks/use-mobile.js +0 -18
  40. package/dist/ui/src/input.js +0 -44
  41. package/dist/ui/src/popover.js +0 -49
  42. package/dist/ui/src/select.js +0 -71
  43. package/dist/ui/src/separator.js +0 -43
  44. package/dist/ui/src/sheet.js +0 -82
  45. package/dist/ui/src/sidebar.js +0 -292
  46. package/dist/ui/src/skeleton.js +0 -8
  47. package/dist/ui/src/table.js +0 -63
  48. package/dist/ui/src/tooltip.js +0 -49
  49. package/dist/utils/src/breadcrumbs.js +0 -14
  50. package/dist/utils/src/classMerge.js +0 -8
  51. package/dist/utils/src/index.js +0 -20
  52. package/dist/utils/src/treeOfContent.js +0 -85
  53. package/dist/utils/src/utils.js +0 -37
@@ -1,44 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.Input = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const utils_1 = require("@c-rex/utils");
40
- const Input = React.forwardRef(({ className, type, ...props }, ref) => {
41
- return ((0, jsx_runtime_1.jsx)("input", { type: type, className: (0, utils_1.cn)("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground 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 }));
42
- });
43
- exports.Input = Input;
44
- Input.displayName = "Input";
@@ -1,49 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const PopoverPrimitive = __importStar(require("@radix-ui/react-popover"));
40
- const utils_1 = require("@c-rex/utils");
41
- const Popover = PopoverPrimitive.Root;
42
- exports.Popover = Popover;
43
- const PopoverTrigger = PopoverPrimitive.Trigger;
44
- exports.PopoverTrigger = PopoverTrigger;
45
- const PopoverAnchor = PopoverPrimitive.Anchor;
46
- exports.PopoverAnchor = PopoverAnchor;
47
- const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => ((0, jsx_runtime_1.jsx)(PopoverPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(PopoverPrimitive.Content, { ref: ref, align: align, sideOffset: sideOffset, className: (0, utils_1.cn)("z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none 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", className), ...props }) })));
48
- exports.PopoverContent = PopoverContent;
49
- PopoverContent.displayName = PopoverPrimitive.Content.displayName;
@@ -1,71 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const SelectPrimitive = __importStar(require("@radix-ui/react-select"));
40
- const lucide_react_1 = require("lucide-react");
41
- const utils_1 = require("@c-rex/utils");
42
- const Select = SelectPrimitive.Root;
43
- exports.Select = Select;
44
- const SelectGroup = SelectPrimitive.Group;
45
- exports.SelectGroup = SelectGroup;
46
- const SelectValue = SelectPrimitive.Value;
47
- exports.SelectValue = SelectValue;
48
- const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Trigger, { ref: ref, className: (0, utils_1.cn)("flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1", className), ...props, children: [children, (0, jsx_runtime_1.jsx)(SelectPrimitive.Icon, { asChild: true, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-4 w-4 opacity-50" }) })] })));
49
- exports.SelectTrigger = SelectTrigger;
50
- SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
51
- const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollUpButton, { ref: ref, className: (0, utils_1.cn)("flex cursor-default items-center justify-center py-1", className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronUp, { className: "h-4 w-4" }) })));
52
- exports.SelectScrollUpButton = SelectScrollUpButton;
53
- SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
54
- const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.ScrollDownButton, { ref: ref, className: (0, utils_1.cn)("flex cursor-default items-center justify-center py-1", className), ...props, children: (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "h-4 w-4" }) })));
55
- exports.SelectScrollDownButton = SelectScrollDownButton;
56
- SelectScrollDownButton.displayName =
57
- SelectPrimitive.ScrollDownButton.displayName;
58
- const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.Portal, { children: (0, jsx_runtime_1.jsxs)(SelectPrimitive.Content, { ref: ref, className: (0, utils_1.cn)("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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", position === "popper" &&
59
- "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), position: position, ...props, children: [(0, jsx_runtime_1.jsx)(SelectScrollUpButton, {}), (0, jsx_runtime_1.jsx)(SelectPrimitive.Viewport, { className: (0, utils_1.cn)("p-1", position === "popper" &&
60
- "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"), children: children }), (0, jsx_runtime_1.jsx)(SelectScrollDownButton, {})] }) })));
61
- exports.SelectContent = SelectContent;
62
- SelectContent.displayName = SelectPrimitive.Content.displayName;
63
- const SelectLabel = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.Label, { ref: ref, className: (0, utils_1.cn)("px-2 py-1.5 text-sm font-semibold", className), ...props })));
64
- exports.SelectLabel = SelectLabel;
65
- SelectLabel.displayName = SelectPrimitive.Label.displayName;
66
- const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(SelectPrimitive.Item, { ref: ref, className: (0, utils_1.cn)("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [(0, jsx_runtime_1.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(lucide_react_1.Check, { className: "h-4 w-4" }) }) }), (0, jsx_runtime_1.jsx)(SelectPrimitive.ItemText, { children: children })] })));
67
- exports.SelectItem = SelectItem;
68
- SelectItem.displayName = SelectPrimitive.Item.displayName;
69
- const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SelectPrimitive.Separator, { ref: ref, className: (0, utils_1.cn)("-mx-1 my-1 h-px bg-muted", className), ...props })));
70
- exports.SelectSeparator = SelectSeparator;
71
- SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
@@ -1,43 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || (function () {
19
- var ownKeys = function(o) {
20
- ownKeys = Object.getOwnPropertyNames || function (o) {
21
- var ar = [];
22
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
- return ar;
24
- };
25
- return ownKeys(o);
26
- };
27
- return function (mod) {
28
- if (mod && mod.__esModule) return mod;
29
- var result = {};
30
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
- __setModuleDefault(result, mod);
32
- return result;
33
- };
34
- })();
35
- Object.defineProperty(exports, "__esModule", { value: true });
36
- exports.Separator = void 0;
37
- const jsx_runtime_1 = require("react/jsx-runtime");
38
- const React = __importStar(require("react"));
39
- const SeparatorPrimitive = __importStar(require("@radix-ui/react-separator"));
40
- const utils_1 = require("@c-rex/utils");
41
- const Separator = React.forwardRef(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SeparatorPrimitive.Root, { ref: ref, decorative: decorative, orientation: orientation, className: (0, utils_1.cn)("shrink-0 bg-border", orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]", className), ...props })));
42
- exports.Separator = Separator;
43
- Separator.displayName = SeparatorPrimitive.Root.displayName;
@@ -1,82 +0,0 @@
1
- "use client";
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || (function () {
20
- var ownKeys = function(o) {
21
- ownKeys = Object.getOwnPropertyNames || function (o) {
22
- var ar = [];
23
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
- return ar;
25
- };
26
- return ownKeys(o);
27
- };
28
- return function (mod) {
29
- if (mod && mod.__esModule) return mod;
30
- var result = {};
31
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
- __setModuleDefault(result, mod);
33
- return result;
34
- };
35
- })();
36
- Object.defineProperty(exports, "__esModule", { value: true });
37
- exports.SheetDescription = exports.SheetTitle = exports.SheetFooter = exports.SheetHeader = exports.SheetContent = exports.SheetClose = exports.SheetTrigger = exports.SheetOverlay = exports.SheetPortal = exports.Sheet = void 0;
38
- const jsx_runtime_1 = require("react/jsx-runtime");
39
- const React = __importStar(require("react"));
40
- const SheetPrimitive = __importStar(require("@radix-ui/react-dialog"));
41
- const class_variance_authority_1 = require("class-variance-authority");
42
- const lucide_react_1 = require("lucide-react");
43
- const utils_1 = require("@c-rex/utils");
44
- const Sheet = SheetPrimitive.Root;
45
- exports.Sheet = Sheet;
46
- const SheetTrigger = SheetPrimitive.Trigger;
47
- exports.SheetTrigger = SheetTrigger;
48
- const SheetClose = SheetPrimitive.Close;
49
- exports.SheetClose = SheetClose;
50
- const SheetPortal = SheetPrimitive.Portal;
51
- exports.SheetPortal = SheetPortal;
52
- const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SheetPrimitive.Overlay, { className: (0, utils_1.cn)("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props, ref: ref })));
53
- exports.SheetOverlay = SheetOverlay;
54
- SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
55
- const sheetVariants = (0, class_variance_authority_1.cva)("fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out", {
56
- variants: {
57
- side: {
58
- top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
59
- bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
60
- left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
61
- right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
62
- },
63
- },
64
- defaultVariants: {
65
- side: "right",
66
- },
67
- });
68
- const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => ((0, jsx_runtime_1.jsxs)(SheetPortal, { children: [(0, jsx_runtime_1.jsx)(SheetOverlay, {}), (0, jsx_runtime_1.jsxs)(SheetPrimitive.Content, { ref: ref, className: (0, utils_1.cn)(sheetVariants({ side }), className), ...props, children: [(0, jsx_runtime_1.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [(0, jsx_runtime_1.jsx)(lucide_react_1.X, { className: "h-4 w-4" }), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Close" })] }), children] })] })));
69
- exports.SheetContent = SheetContent;
70
- SheetContent.displayName = SheetPrimitive.Content.displayName;
71
- const SheetHeader = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex flex-col space-y-2 text-center sm:text-left", className), ...props }));
72
- exports.SheetHeader = SheetHeader;
73
- SheetHeader.displayName = "SheetHeader";
74
- const SheetFooter = ({ className, ...props }) => ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
75
- exports.SheetFooter = SheetFooter;
76
- SheetFooter.displayName = "SheetFooter";
77
- const SheetTitle = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SheetPrimitive.Title, { ref: ref, className: (0, utils_1.cn)("text-lg font-semibold text-foreground", className), ...props })));
78
- exports.SheetTitle = SheetTitle;
79
- SheetTitle.displayName = SheetPrimitive.Title.displayName;
80
- const SheetDescription = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)(SheetPrimitive.Description, { ref: ref, className: (0, utils_1.cn)("text-sm text-muted-foreground", className), ...props })));
81
- exports.SheetDescription = SheetDescription;
82
- SheetDescription.displayName = SheetPrimitive.Description.displayName;
@@ -1,292 +0,0 @@
1
- "use client";
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || (function () {
20
- var ownKeys = function(o) {
21
- ownKeys = Object.getOwnPropertyNames || function (o) {
22
- var ar = [];
23
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
- return ar;
25
- };
26
- return ownKeys(o);
27
- };
28
- return function (mod) {
29
- if (mod && mod.__esModule) return mod;
30
- var result = {};
31
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
- __setModuleDefault(result, mod);
33
- return result;
34
- };
35
- })();
36
- Object.defineProperty(exports, "__esModule", { value: true });
37
- exports.SidebarTrigger = exports.SidebarSeparator = exports.SidebarRail = exports.SidebarProvider = exports.SidebarMenuSubItem = exports.SidebarMenuSubButton = exports.SidebarMenuSub = exports.SidebarMenuSkeleton = exports.SidebarMenuItem = exports.SidebarMenuButton = exports.SidebarMenuBadge = exports.SidebarMenuAction = exports.SidebarMenu = exports.SidebarInset = exports.SidebarInput = exports.SidebarHeader = exports.SidebarGroupLabel = exports.SidebarGroupContent = exports.SidebarGroupAction = exports.SidebarGroup = exports.SidebarFooter = exports.SidebarContent = exports.Sidebar = void 0;
38
- exports.useSidebar = useSidebar;
39
- const jsx_runtime_1 = require("react/jsx-runtime");
40
- const React = __importStar(require("react"));
41
- const react_slot_1 = require("@radix-ui/react-slot");
42
- const class_variance_authority_1 = require("class-variance-authority");
43
- const lucide_react_1 = require("lucide-react");
44
- const utils_1 = require("@c-rex/utils");
45
- const use_mobile_1 = require("./hooks/use-mobile");
46
- const button_1 = require("./button");
47
- const input_1 = require("./input");
48
- const separator_1 = require("./separator");
49
- const sheet_1 = require("./sheet");
50
- const skeleton_1 = require("./skeleton");
51
- const tooltip_1 = require("./tooltip");
52
- const SIDEBAR_COOKIE_NAME = "sidebar_state";
53
- const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
54
- const SIDEBAR_WIDTH = "16rem";
55
- const SIDEBAR_WIDTH_MOBILE = "18rem";
56
- const SIDEBAR_WIDTH_ICON = "3rem";
57
- const SIDEBAR_KEYBOARD_SHORTCUT = "b";
58
- const SidebarContext = React.createContext(null);
59
- function useSidebar() {
60
- const context = React.useContext(SidebarContext);
61
- if (!context) {
62
- throw new Error("useSidebar must be used within a SidebarProvider.");
63
- }
64
- return context;
65
- }
66
- const SidebarProvider = React.forwardRef(({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }, ref) => {
67
- const isMobile = (0, use_mobile_1.useIsMobile)();
68
- const [openMobile, setOpenMobile] = React.useState(false);
69
- // This is the internal state of the sidebar.
70
- // We use openProp and setOpenProp for control from outside the component.
71
- const [_open, _setOpen] = React.useState(defaultOpen);
72
- const open = openProp ?? _open;
73
- const setOpen = React.useCallback((value) => {
74
- const openState = typeof value === "function" ? value(open) : value;
75
- if (setOpenProp) {
76
- setOpenProp(openState);
77
- }
78
- else {
79
- _setOpen(openState);
80
- }
81
- // This sets the cookie to keep the sidebar state.
82
- document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
83
- }, [setOpenProp, open]);
84
- // Helper to toggle the sidebar.
85
- const toggleSidebar = React.useCallback(() => {
86
- return isMobile
87
- ? setOpenMobile((open) => !open)
88
- : setOpen((open) => !open);
89
- }, [isMobile, setOpen, setOpenMobile]);
90
- // Adds a keyboard shortcut to toggle the sidebar.
91
- React.useEffect(() => {
92
- const handleKeyDown = (event) => {
93
- if (event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
94
- (event.metaKey || event.ctrlKey)) {
95
- event.preventDefault();
96
- toggleSidebar();
97
- }
98
- };
99
- window.addEventListener("keydown", handleKeyDown);
100
- return () => window.removeEventListener("keydown", handleKeyDown);
101
- }, [toggleSidebar]);
102
- // We add a state so that we can do data-state="expanded" or "collapsed".
103
- // This makes it easier to style the sidebar with Tailwind classes.
104
- const state = open ? "expanded" : "collapsed";
105
- const contextValue = React.useMemo(() => ({
106
- state,
107
- open,
108
- setOpen,
109
- isMobile,
110
- openMobile,
111
- setOpenMobile,
112
- toggleSidebar,
113
- }), [
114
- state,
115
- open,
116
- setOpen,
117
- isMobile,
118
- openMobile,
119
- setOpenMobile,
120
- toggleSidebar,
121
- ]);
122
- return ((0, jsx_runtime_1.jsx)(SidebarContext.Provider, { value: contextValue, children: (0, jsx_runtime_1.jsx)(tooltip_1.TooltipProvider, { delayDuration: 0, children: (0, jsx_runtime_1.jsx)("div", { style: {
123
- "--sidebar-width": SIDEBAR_WIDTH,
124
- "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
125
- ...style,
126
- }, className: (0, utils_1.cn)("group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar", className), ref: ref, ...props, children: children }) }) }));
127
- });
128
- exports.SidebarProvider = SidebarProvider;
129
- SidebarProvider.displayName = "SidebarProvider";
130
- const Sidebar = React.forwardRef(({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }, ref) => {
131
- const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
132
- if (collapsible === "none") {
133
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground", className), ref: ref, ...props, children: children }));
134
- }
135
- if (isMobile) {
136
- return ((0, jsx_runtime_1.jsx)(sheet_1.Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: (0, jsx_runtime_1.jsxs)(sheet_1.SheetContent, { "data-sidebar": "sidebar", "data-mobile": "true", className: "w-[--sidebar-width] bg-sidebar p-0 text-sidebar-foreground [&>button]:hidden", style: {
137
- "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
138
- }, side: side, children: [(0, jsx_runtime_1.jsxs)(sheet_1.SheetHeader, { className: "sr-only", children: [(0, jsx_runtime_1.jsx)(sheet_1.SheetTitle, { children: "Sidebar" }), (0, jsx_runtime_1.jsx)(sheet_1.SheetDescription, { children: "Displays the mobile sidebar." })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex h-full w-full flex-col", children: children })] }) }));
139
- }
140
- return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, className: "group peer hidden text-sidebar-foreground md:block", "data-state": state, "data-collapsible": state === "collapsed" ? collapsible : "", "data-variant": variant, "data-side": side, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("relative w-[--sidebar-width] bg-transparent transition-[width] duration-200 ease-linear", "group-data-[collapsible=offcanvas]:w-0", "group-data-[side=right]:rotate-180", variant === "floating" || variant === "inset"
141
- ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4))]"
142
- : "group-data-[collapsible=icon]:w-[--sidebar-width-icon]") }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] duration-200 ease-linear md:flex", side === "left"
143
- ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
144
- : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
145
- // Adjust the padding for floating and inset variants.
146
- variant === "floating" || variant === "inset"
147
- ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)_+_theme(spacing.4)_+2px)]"
148
- : "group-data-[collapsible=icon]:w-[--sidebar-width-icon] group-data-[side=left]:border-r group-data-[side=right]:border-l", className), ...props, children: (0, jsx_runtime_1.jsx)("div", { "data-sidebar": "sidebar", className: "flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow", children: children }) })] }));
149
- });
150
- exports.Sidebar = Sidebar;
151
- Sidebar.displayName = "Sidebar";
152
- const SidebarTrigger = React.forwardRef(({ className, onClick, ...props }, ref) => {
153
- const { toggleSidebar } = useSidebar();
154
- return ((0, jsx_runtime_1.jsxs)(button_1.Button, { ref: ref, "data-sidebar": "trigger", variant: "ghost", size: "icon", className: (0, utils_1.cn)("h-7 w-7", className), onClick: (event) => {
155
- onClick?.(event);
156
- toggleSidebar();
157
- }, ...props, children: [(0, jsx_runtime_1.jsx)(lucide_react_1.PanelLeft, {}), (0, jsx_runtime_1.jsx)("span", { className: "sr-only", children: "Toggle Sidebar" })] }));
158
- });
159
- exports.SidebarTrigger = SidebarTrigger;
160
- SidebarTrigger.displayName = "SidebarTrigger";
161
- const SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
162
- const { toggleSidebar } = useSidebar();
163
- return ((0, jsx_runtime_1.jsx)("button", { ref: ref, "data-sidebar": "rail", "aria-label": "Toggle Sidebar", tabIndex: -1, onClick: toggleSidebar, title: "Toggle Sidebar", className: (0, utils_1.cn)("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex", "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize", "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize", "group-data-[collapsible=offcanvas]:translate-x-0 group-data-[collapsible=offcanvas]:after:left-full group-data-[collapsible=offcanvas]:hover:bg-sidebar", "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2", "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2", className), ...props }));
164
- });
165
- exports.SidebarRail = SidebarRail;
166
- SidebarRail.displayName = "SidebarRail";
167
- const SidebarInset = React.forwardRef(({ className, ...props }, ref) => {
168
- return ((0, jsx_runtime_1.jsx)("main", { ref: ref, className: (0, utils_1.cn)("relative flex w-full flex-1 flex-col bg-background", "md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow", className), ...props }));
169
- });
170
- exports.SidebarInset = SidebarInset;
171
- SidebarInset.displayName = "SidebarInset";
172
- const SidebarInput = React.forwardRef(({ className, ...props }, ref) => {
173
- return ((0, jsx_runtime_1.jsx)(input_1.Input, { ref: ref, "data-sidebar": "input", className: (0, utils_1.cn)("h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring", className), ...props }));
174
- });
175
- exports.SidebarInput = SidebarInput;
176
- SidebarInput.displayName = "SidebarInput";
177
- const SidebarHeader = React.forwardRef(({ className, ...props }, ref) => {
178
- return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-sidebar": "header", className: (0, utils_1.cn)("flex flex-col gap-2 p-2", className), ...props }));
179
- });
180
- exports.SidebarHeader = SidebarHeader;
181
- SidebarHeader.displayName = "SidebarHeader";
182
- const SidebarFooter = React.forwardRef(({ className, ...props }, ref) => {
183
- return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-sidebar": "footer", className: (0, utils_1.cn)("flex flex-col gap-2 p-2", className), ...props }));
184
- });
185
- exports.SidebarFooter = SidebarFooter;
186
- SidebarFooter.displayName = "SidebarFooter";
187
- const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => {
188
- return ((0, jsx_runtime_1.jsx)(separator_1.Separator, { ref: ref, "data-sidebar": "separator", className: (0, utils_1.cn)("mx-2 w-auto bg-sidebar-border", className), ...props }));
189
- });
190
- exports.SidebarSeparator = SidebarSeparator;
191
- SidebarSeparator.displayName = "SidebarSeparator";
192
- const SidebarContent = React.forwardRef(({ className, ...props }, ref) => {
193
- return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-sidebar": "content", className: (0, utils_1.cn)("flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden", className), ...props }));
194
- });
195
- exports.SidebarContent = SidebarContent;
196
- SidebarContent.displayName = "SidebarContent";
197
- const SidebarGroup = React.forwardRef(({ className, ...props }, ref) => {
198
- return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-sidebar": "group", className: (0, utils_1.cn)("relative flex w-full min-w-0 flex-col p-2", className), ...props }));
199
- });
200
- exports.SidebarGroup = SidebarGroup;
201
- SidebarGroup.displayName = "SidebarGroup";
202
- const SidebarGroupLabel = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
203
- const Comp = asChild ? react_slot_1.Slot : "div";
204
- return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, "data-sidebar": "group-label", className: (0, utils_1.cn)("flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0", "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0", className), ...props }));
205
- });
206
- exports.SidebarGroupLabel = SidebarGroupLabel;
207
- SidebarGroupLabel.displayName = "SidebarGroupLabel";
208
- const SidebarGroupAction = React.forwardRef(({ className, asChild = false, ...props }, ref) => {
209
- const Comp = asChild ? react_slot_1.Slot : "button";
210
- return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, "data-sidebar": "group-action", className: (0, utils_1.cn)("absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
211
- // Increases the hit area of the button on mobile.
212
- "after:absolute after:-inset-2 after:md:hidden", "group-data-[collapsible=icon]:hidden", className), ...props }));
213
- });
214
- exports.SidebarGroupAction = SidebarGroupAction;
215
- SidebarGroupAction.displayName = "SidebarGroupAction";
216
- const SidebarGroupContent = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-sidebar": "group-content", className: (0, utils_1.cn)("w-full text-sm", className), ...props })));
217
- exports.SidebarGroupContent = SidebarGroupContent;
218
- SidebarGroupContent.displayName = "SidebarGroupContent";
219
- const SidebarMenu = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("ul", { ref: ref, "data-sidebar": "menu", className: (0, utils_1.cn)("flex w-full min-w-0 flex-col gap-1", className), ...props })));
220
- exports.SidebarMenu = SidebarMenu;
221
- SidebarMenu.displayName = "SidebarMenu";
222
- const SidebarMenuItem = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("li", { ref: ref, "data-sidebar": "menu-item", className: (0, utils_1.cn)("group/menu-item relative", className), ...props })));
223
- exports.SidebarMenuItem = SidebarMenuItem;
224
- SidebarMenuItem.displayName = "SidebarMenuItem";
225
- const sidebarMenuButtonVariants = (0, class_variance_authority_1.cva)("peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-none ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:!size-8 group-data-[collapsible=icon]:!p-2 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0", {
226
- variants: {
227
- variant: {
228
- default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
229
- outline: "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
230
- },
231
- size: {
232
- default: "text-sm",
233
- sm: "text-xs",
234
- lg: "text-sm group-data-[collapsible=icon]:!p-0",
235
- },
236
- },
237
- defaultVariants: {
238
- variant: "default",
239
- size: "default",
240
- },
241
- });
242
- const SidebarMenuButton = React.forwardRef(({ asChild = false, isActive = false, variant = "default", size = "default", tooltip, className, ...props }, ref) => {
243
- const Comp = asChild ? react_slot_1.Slot : "button";
244
- const { isMobile, state } = useSidebar();
245
- const button = ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, "data-sidebar": "menu-button", "data-size": size, "data-active": isActive, className: (0, utils_1.cn)(isActive && "font-bold", sidebarMenuButtonVariants({ variant, size }), className), ...props }));
246
- if (!tooltip) {
247
- return button;
248
- }
249
- if (typeof tooltip === "string") {
250
- tooltip = {
251
- children: tooltip,
252
- };
253
- }
254
- return ((0, jsx_runtime_1.jsxs)(tooltip_1.Tooltip, { children: [(0, jsx_runtime_1.jsx)(tooltip_1.TooltipTrigger, { asChild: true, children: button }), (0, jsx_runtime_1.jsx)(tooltip_1.TooltipContent, { side: "right", align: "center", hidden: state !== "collapsed" || isMobile, ...tooltip })] }));
255
- });
256
- exports.SidebarMenuButton = SidebarMenuButton;
257
- SidebarMenuButton.displayName = "SidebarMenuButton";
258
- const SidebarMenuAction = React.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
259
- const Comp = asChild ? react_slot_1.Slot : "button";
260
- return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, "data-sidebar": "menu-action", className: (0, utils_1.cn)("absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
261
- // Increases the hit area of the button on mobile.
262
- "after:absolute after:-inset-2 after:md:hidden", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", showOnHover &&
263
- "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0", className), ...props }));
264
- });
265
- exports.SidebarMenuAction = SidebarMenuAction;
266
- SidebarMenuAction.displayName = "SidebarMenuAction";
267
- const SidebarMenuBadge = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-sidebar": "menu-badge", className: (0, utils_1.cn)("pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground", "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground", "peer-data-[size=sm]/menu-button:top-1", "peer-data-[size=default]/menu-button:top-1.5", "peer-data-[size=lg]/menu-button:top-2.5", "group-data-[collapsible=icon]:hidden", className), ...props })));
268
- exports.SidebarMenuBadge = SidebarMenuBadge;
269
- SidebarMenuBadge.displayName = "SidebarMenuBadge";
270
- const SidebarMenuSkeleton = React.forwardRef(({ className, showIcon = false, ...props }, ref) => {
271
- // Random width between 50 to 90%.
272
- const width = React.useMemo(() => {
273
- return `${Math.floor(Math.random() * 40) + 50}%`;
274
- }, []);
275
- return ((0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-sidebar": "menu-skeleton", className: (0, utils_1.cn)("flex h-8 items-center gap-2 rounded-md px-2", className), ...props, children: [showIcon && ((0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" })), (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "h-4 max-w-[--skeleton-width] flex-1", "data-sidebar": "menu-skeleton-text", style: {
276
- "--skeleton-width": width,
277
- } })] }));
278
- });
279
- exports.SidebarMenuSkeleton = SidebarMenuSkeleton;
280
- SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
281
- const SidebarMenuSub = React.forwardRef(({ className, ...props }, ref) => ((0, jsx_runtime_1.jsx)("ul", { ref: ref, "data-sidebar": "menu-sub", className: (0, utils_1.cn)("mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5", "group-data-[collapsible=icon]:hidden", className), ...props })));
282
- exports.SidebarMenuSub = SidebarMenuSub;
283
- SidebarMenuSub.displayName = "SidebarMenuSub";
284
- const SidebarMenuSubItem = React.forwardRef(({ ...props }, ref) => (0, jsx_runtime_1.jsx)("li", { ref: ref, ...props }));
285
- exports.SidebarMenuSubItem = SidebarMenuSubItem;
286
- SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
287
- const SidebarMenuSubButton = React.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
288
- const Comp = asChild ? react_slot_1.Slot : "a";
289
- return ((0, jsx_runtime_1.jsx)(Comp, { ref: ref, "data-sidebar": "menu-sub-button", "data-size": size, "data-active": isActive, className: (0, utils_1.cn)("flex min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md p-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground", "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground", size === "sm" && "text-xs", size === "md" && "text-sm", isActive && "font-bold", "group-data-[collapsible=icon]:hidden", className), ...props }));
290
- });
291
- exports.SidebarMenuSubButton = SidebarMenuSubButton;
292
- SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Skeleton = Skeleton;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const utils_1 = require("@c-rex/utils");
6
- function Skeleton({ className, ...props }) {
7
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.cn)("animate-pulse rounded-md bg-primary/10", className), ...props }));
8
- }