@a2v2ai/uikit 0.0.22 → 0.0.23
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.
- package/Sidebar/Sidebar.d.ts +47 -0
- package/Sidebar/Sidebar.js +161 -0
- package/Sidebar/index.d.ts +2 -0
- package/Sidebar/index.js +17 -0
- package/index.d.ts +1 -0
- package/index.js +16 -2
- package/package.json +1 -1
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type VariantProps } from "class-variance-authority";
|
|
3
|
+
interface SidebarContextValue {
|
|
4
|
+
collapsed: boolean;
|
|
5
|
+
setCollapsed: (collapsed: boolean) => void;
|
|
6
|
+
}
|
|
7
|
+
declare function useSidebar(): SidebarContextValue;
|
|
8
|
+
export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
9
|
+
collapsed?: boolean;
|
|
10
|
+
onCollapsedChange?: (collapsed: boolean) => void;
|
|
11
|
+
defaultCollapsed?: boolean;
|
|
12
|
+
}
|
|
13
|
+
declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export type SidebarHeaderProps = React.HTMLAttributes<HTMLDivElement>;
|
|
15
|
+
declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;
|
|
16
|
+
export type SidebarContentProps = React.HTMLAttributes<HTMLDivElement>;
|
|
17
|
+
declare const SidebarContent: React.ForwardRefExoticComponent<SidebarContentProps & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export type SidebarFooterProps = React.HTMLAttributes<HTMLDivElement>;
|
|
19
|
+
declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export type SidebarGroupProps = React.HTMLAttributes<HTMLDivElement>;
|
|
21
|
+
declare const SidebarGroup: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
|
+
export type SidebarGroupLabelProps = React.HTMLAttributes<HTMLDivElement>;
|
|
23
|
+
declare const SidebarGroupLabel: React.ForwardRefExoticComponent<SidebarGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
|
|
24
|
+
declare const sidebarMenuItemVariants: (props?: ({
|
|
25
|
+
active?: boolean | null | undefined;
|
|
26
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
27
|
+
export interface SidebarMenuItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarMenuItemVariants> {
|
|
28
|
+
icon?: React.ReactNode;
|
|
29
|
+
label: string;
|
|
30
|
+
badge?: React.ReactNode;
|
|
31
|
+
hasChildren?: boolean;
|
|
32
|
+
expanded?: boolean;
|
|
33
|
+
onExpandedChange?: (expanded: boolean) => void;
|
|
34
|
+
}
|
|
35
|
+
declare const SidebarMenuItem: React.ForwardRefExoticComponent<SidebarMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
36
|
+
declare const sidebarSubMenuItemVariants: (props?: ({
|
|
37
|
+
active?: boolean | null | undefined;
|
|
38
|
+
} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
|
|
39
|
+
export interface SidebarSubMenuItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarSubMenuItemVariants> {
|
|
40
|
+
label: string;
|
|
41
|
+
}
|
|
42
|
+
declare const SidebarSubMenuItem: React.ForwardRefExoticComponent<SidebarSubMenuItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
43
|
+
export type SidebarSeparatorProps = React.HTMLAttributes<HTMLDivElement>;
|
|
44
|
+
declare const SidebarSeparator: React.ForwardRefExoticComponent<SidebarSeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
45
|
+
export type SidebarToggleProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
46
|
+
declare const SidebarToggle: React.ForwardRefExoticComponent<SidebarToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
47
|
+
export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, };
|
|
@@ -0,0 +1,161 @@
|
|
|
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.sidebarSubMenuItemVariants = exports.sidebarMenuItemVariants = exports.SidebarToggle = exports.SidebarSeparator = exports.SidebarSubMenuItem = exports.SidebarMenuItem = exports.SidebarGroupLabel = exports.SidebarGroup = exports.SidebarFooter = exports.SidebarContent = exports.SidebarHeader = exports.Sidebar = void 0;
|
|
37
|
+
exports.useSidebar = useSidebar;
|
|
38
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
+
const React = __importStar(require("react"));
|
|
40
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
41
|
+
const lucide_react_1 = require("lucide-react");
|
|
42
|
+
const utils_1 = require("../lib/utils");
|
|
43
|
+
const SidebarContext = React.createContext(undefined);
|
|
44
|
+
function useSidebar() {
|
|
45
|
+
const context = React.useContext(SidebarContext);
|
|
46
|
+
if (!context) {
|
|
47
|
+
throw new Error("useSidebar must be used within a Sidebar");
|
|
48
|
+
}
|
|
49
|
+
return context;
|
|
50
|
+
}
|
|
51
|
+
const Sidebar = React.forwardRef(({ className, collapsed: controlledCollapsed, onCollapsedChange, defaultCollapsed = false, children, ...props }, ref) => {
|
|
52
|
+
const [uncontrolledCollapsed, setUncontrolledCollapsed] = React.useState(defaultCollapsed);
|
|
53
|
+
const isControlled = controlledCollapsed !== undefined;
|
|
54
|
+
const collapsed = isControlled ? controlledCollapsed : uncontrolledCollapsed;
|
|
55
|
+
const setCollapsed = React.useCallback((value) => {
|
|
56
|
+
if (!isControlled) {
|
|
57
|
+
setUncontrolledCollapsed(value);
|
|
58
|
+
}
|
|
59
|
+
onCollapsedChange?.(value);
|
|
60
|
+
}, [isControlled, onCollapsedChange]);
|
|
61
|
+
return ((0, jsx_runtime_1.jsx)(SidebarContext.Provider, { value: { collapsed, setCollapsed }, children: (0, jsx_runtime_1.jsx)("div", { ref: ref, "data-slot": "sidebar", "data-collapsed": collapsed, className: (0, utils_1.cn)("flex h-full flex-col bg-white border-r border-grey-200 transition-all duration-300", collapsed ? "w-[52px]" : "w-[240px]", className), ...props, children: children }) }));
|
|
62
|
+
});
|
|
63
|
+
exports.Sidebar = Sidebar;
|
|
64
|
+
Sidebar.displayName = "Sidebar";
|
|
65
|
+
const SidebarHeader = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
66
|
+
const { collapsed } = useSidebar();
|
|
67
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-slot": "sidebar-header", className: (0, utils_1.cn)("flex shrink-0 items-center", collapsed ? "justify-center p-2" : "p-4", className), ...props, children: children }));
|
|
68
|
+
});
|
|
69
|
+
exports.SidebarHeader = SidebarHeader;
|
|
70
|
+
SidebarHeader.displayName = "SidebarHeader";
|
|
71
|
+
const SidebarContent = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
72
|
+
const { collapsed } = useSidebar();
|
|
73
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-slot": "sidebar-content", className: (0, utils_1.cn)("flex-1 overflow-y-auto", collapsed ? "px-2 py-4" : "p-4", className), ...props, children: children }));
|
|
74
|
+
});
|
|
75
|
+
exports.SidebarContent = SidebarContent;
|
|
76
|
+
SidebarContent.displayName = "SidebarContent";
|
|
77
|
+
const SidebarFooter = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
78
|
+
const { collapsed } = useSidebar();
|
|
79
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-slot": "sidebar-footer", className: (0, utils_1.cn)("flex shrink-0 items-center border-t border-grey-200", collapsed ? "justify-center p-2" : "p-4", className), ...props, children: children }));
|
|
80
|
+
});
|
|
81
|
+
exports.SidebarFooter = SidebarFooter;
|
|
82
|
+
SidebarFooter.displayName = "SidebarFooter";
|
|
83
|
+
const SidebarGroup = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
84
|
+
const { collapsed } = useSidebar();
|
|
85
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-slot": "sidebar-group", className: (0, utils_1.cn)("flex flex-col", collapsed ? "gap-1" : "gap-0.5", className), ...props, children: children }));
|
|
86
|
+
});
|
|
87
|
+
exports.SidebarGroup = SidebarGroup;
|
|
88
|
+
SidebarGroup.displayName = "SidebarGroup";
|
|
89
|
+
const SidebarGroupLabel = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
90
|
+
const { collapsed } = useSidebar();
|
|
91
|
+
if (collapsed)
|
|
92
|
+
return null;
|
|
93
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-slot": "sidebar-group-label", className: (0, utils_1.cn)("px-3 py-2 text-xs font-normal text-grey-500", className), ...props, children: children }));
|
|
94
|
+
});
|
|
95
|
+
exports.SidebarGroupLabel = SidebarGroupLabel;
|
|
96
|
+
SidebarGroupLabel.displayName = "SidebarGroupLabel";
|
|
97
|
+
/* -----------------------------------------------------------------------------
|
|
98
|
+
* SidebarMenuItem
|
|
99
|
+
* -------------------------------------------------------------------------- */
|
|
100
|
+
const sidebarMenuItemVariants = (0, class_variance_authority_1.cva)("flex items-center gap-2 px-3 py-2 rounded-md text-sm font-normal cursor-pointer transition-colors outline-none", {
|
|
101
|
+
variants: {
|
|
102
|
+
active: {
|
|
103
|
+
true: "bg-grey-100 text-grey-900",
|
|
104
|
+
false: "text-grey-600 hover:bg-grey-50",
|
|
105
|
+
},
|
|
106
|
+
},
|
|
107
|
+
defaultVariants: {
|
|
108
|
+
active: false,
|
|
109
|
+
},
|
|
110
|
+
});
|
|
111
|
+
exports.sidebarMenuItemVariants = sidebarMenuItemVariants;
|
|
112
|
+
const SidebarMenuItem = React.forwardRef(({ className, icon, label, badge, active, hasChildren, expanded, onExpandedChange, children, onClick, ...props }, ref) => {
|
|
113
|
+
const { collapsed } = useSidebar();
|
|
114
|
+
const [internalExpanded, setInternalExpanded] = React.useState(expanded ?? false);
|
|
115
|
+
const isExpanded = expanded !== undefined ? expanded : internalExpanded;
|
|
116
|
+
const handleClick = (e) => {
|
|
117
|
+
if (hasChildren) {
|
|
118
|
+
const newExpanded = !isExpanded;
|
|
119
|
+
setInternalExpanded(newExpanded);
|
|
120
|
+
onExpandedChange?.(newExpanded);
|
|
121
|
+
}
|
|
122
|
+
onClick?.(e);
|
|
123
|
+
};
|
|
124
|
+
if (collapsed) {
|
|
125
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-slot": "sidebar-menu-item", className: (0, utils_1.cn)("flex items-center justify-center size-9 rounded-lg cursor-pointer transition-colors mx-auto", active ? "bg-grey-100 text-grey-900" : "text-grey-600 hover:bg-grey-50", className), onClick: onClick, ...props, children: icon && (0, jsx_runtime_1.jsx)("span", { className: "size-4", children: icon }) }));
|
|
126
|
+
}
|
|
127
|
+
return ((0, jsx_runtime_1.jsxs)("div", { "data-slot": "sidebar-menu-item-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { ref: ref, "data-slot": "sidebar-menu-item", className: (0, utils_1.cn)(sidebarMenuItemVariants({ active }), className), onClick: handleClick, ...props, children: [icon && (0, jsx_runtime_1.jsx)("span", { className: "size-4 shrink-0", children: icon }), (0, jsx_runtime_1.jsx)("span", { className: "flex-1 truncate", children: label }), badge && (0, jsx_runtime_1.jsx)("span", { className: "shrink-0", children: badge }), hasChildren && ((0, jsx_runtime_1.jsx)("span", { className: "size-4 shrink-0 text-grey-400", children: isExpanded ? (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronDown, { className: "size-4" }) : (0, jsx_runtime_1.jsx)(lucide_react_1.ChevronRight, { className: "size-4" }) }))] }), hasChildren && isExpanded && children && ((0, jsx_runtime_1.jsx)("div", { className: "ml-6 mt-1 flex flex-col", children: children }))] }));
|
|
128
|
+
});
|
|
129
|
+
exports.SidebarMenuItem = SidebarMenuItem;
|
|
130
|
+
SidebarMenuItem.displayName = "SidebarMenuItem";
|
|
131
|
+
/* -----------------------------------------------------------------------------
|
|
132
|
+
* SidebarSubMenuItem
|
|
133
|
+
* -------------------------------------------------------------------------- */
|
|
134
|
+
const sidebarSubMenuItemVariants = (0, class_variance_authority_1.cva)("flex items-center px-3 py-2 rounded-md text-sm font-normal cursor-pointer transition-colors outline-none", {
|
|
135
|
+
variants: {
|
|
136
|
+
active: {
|
|
137
|
+
true: "bg-grey-100 text-grey-900",
|
|
138
|
+
false: "text-grey-500 hover:bg-grey-50 hover:text-grey-700",
|
|
139
|
+
},
|
|
140
|
+
},
|
|
141
|
+
defaultVariants: {
|
|
142
|
+
active: false,
|
|
143
|
+
},
|
|
144
|
+
});
|
|
145
|
+
exports.sidebarSubMenuItemVariants = sidebarSubMenuItemVariants;
|
|
146
|
+
const SidebarSubMenuItem = React.forwardRef(({ className, label, active, ...props }, ref) => {
|
|
147
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-slot": "sidebar-sub-menu-item", className: (0, utils_1.cn)(sidebarSubMenuItemVariants({ active }), className), ...props, children: (0, jsx_runtime_1.jsx)("span", { className: "truncate", children: label }) }));
|
|
148
|
+
});
|
|
149
|
+
exports.SidebarSubMenuItem = SidebarSubMenuItem;
|
|
150
|
+
SidebarSubMenuItem.displayName = "SidebarSubMenuItem";
|
|
151
|
+
const SidebarSeparator = React.forwardRef(({ className, ...props }, ref) => {
|
|
152
|
+
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, "data-slot": "sidebar-separator", className: (0, utils_1.cn)("my-2 h-px bg-grey-200", className), ...props }));
|
|
153
|
+
});
|
|
154
|
+
exports.SidebarSeparator = SidebarSeparator;
|
|
155
|
+
SidebarSeparator.displayName = "SidebarSeparator";
|
|
156
|
+
const SidebarToggle = React.forwardRef(({ className, children, ...props }, ref) => {
|
|
157
|
+
const { collapsed, setCollapsed } = useSidebar();
|
|
158
|
+
return ((0, jsx_runtime_1.jsx)("button", { ref: ref, "data-slot": "sidebar-toggle", type: "button", className: (0, utils_1.cn)("flex items-center justify-center p-2 rounded-md text-grey-500 hover:bg-grey-100 hover:text-grey-700 transition-colors", className), onClick: () => setCollapsed(!collapsed), ...props, children: children }));
|
|
159
|
+
});
|
|
160
|
+
exports.SidebarToggle = SidebarToggle;
|
|
161
|
+
SidebarToggle.displayName = "SidebarToggle";
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, } from "./Sidebar";
|
|
2
|
+
export type { SidebarProps, SidebarHeaderProps, SidebarContentProps, SidebarFooterProps, SidebarGroupProps, SidebarGroupLabelProps, SidebarMenuItemProps, SidebarSubMenuItemProps, SidebarSeparatorProps, SidebarToggleProps, } from "./Sidebar";
|
package/Sidebar/index.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.sidebarSubMenuItemVariants = exports.sidebarMenuItemVariants = exports.useSidebar = exports.SidebarToggle = exports.SidebarSeparator = exports.SidebarSubMenuItem = exports.SidebarMenuItem = exports.SidebarGroupLabel = exports.SidebarGroup = exports.SidebarFooter = exports.SidebarContent = exports.SidebarHeader = exports.Sidebar = void 0;
|
|
4
|
+
var Sidebar_1 = require("./Sidebar");
|
|
5
|
+
Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return Sidebar_1.Sidebar; } });
|
|
6
|
+
Object.defineProperty(exports, "SidebarHeader", { enumerable: true, get: function () { return Sidebar_1.SidebarHeader; } });
|
|
7
|
+
Object.defineProperty(exports, "SidebarContent", { enumerable: true, get: function () { return Sidebar_1.SidebarContent; } });
|
|
8
|
+
Object.defineProperty(exports, "SidebarFooter", { enumerable: true, get: function () { return Sidebar_1.SidebarFooter; } });
|
|
9
|
+
Object.defineProperty(exports, "SidebarGroup", { enumerable: true, get: function () { return Sidebar_1.SidebarGroup; } });
|
|
10
|
+
Object.defineProperty(exports, "SidebarGroupLabel", { enumerable: true, get: function () { return Sidebar_1.SidebarGroupLabel; } });
|
|
11
|
+
Object.defineProperty(exports, "SidebarMenuItem", { enumerable: true, get: function () { return Sidebar_1.SidebarMenuItem; } });
|
|
12
|
+
Object.defineProperty(exports, "SidebarSubMenuItem", { enumerable: true, get: function () { return Sidebar_1.SidebarSubMenuItem; } });
|
|
13
|
+
Object.defineProperty(exports, "SidebarSeparator", { enumerable: true, get: function () { return Sidebar_1.SidebarSeparator; } });
|
|
14
|
+
Object.defineProperty(exports, "SidebarToggle", { enumerable: true, get: function () { return Sidebar_1.SidebarToggle; } });
|
|
15
|
+
Object.defineProperty(exports, "useSidebar", { enumerable: true, get: function () { return Sidebar_1.useSidebar; } });
|
|
16
|
+
Object.defineProperty(exports, "sidebarMenuItemVariants", { enumerable: true, get: function () { return Sidebar_1.sidebarMenuItemVariants; } });
|
|
17
|
+
Object.defineProperty(exports, "sidebarSubMenuItemVariants", { enumerable: true, get: function () { return Sidebar_1.sidebarSubMenuItemVariants; } });
|
package/index.d.ts
CHANGED
|
@@ -24,6 +24,7 @@ export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./Popove
|
|
|
24
24
|
export { Progress, progressVariants, progressIndicatorVariants, type ProgressProps, type ProgressSize, type ProgressVariant } from "./Progress/Progress";
|
|
25
25
|
export { RadioGroup, RadioGroupItem, radioGroupItemVariants, type RadioGroupItemProps, type RadioGroupItemSize } from "./RadioGroup/RadioGroup";
|
|
26
26
|
export { ScrollArea, ScrollBar } from "./ScrollArea/ScrollArea";
|
|
27
|
+
export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarMenuItem, SidebarSubMenuItem, SidebarSeparator, SidebarToggle, useSidebar, sidebarMenuItemVariants, sidebarSubMenuItemVariants, type SidebarProps, type SidebarHeaderProps, type SidebarContentProps, type SidebarFooterProps, type SidebarGroupProps, type SidebarGroupLabelProps, type SidebarMenuItemProps, type SidebarSubMenuItemProps, type SidebarSeparatorProps, type SidebarToggleProps, } from "./Sidebar/Sidebar";
|
|
27
28
|
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, type SelectTriggerProps, type SelectTriggerSize, } from "./Select/Select";
|
|
28
29
|
export { Separator } from "./Separator/Separator";
|
|
29
30
|
export { Skeleton, type SkeletonProps } from "./Skeleton/Skeleton";
|
package/index.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.AlertDialogTitle = exports.AlertDialogFooter = exports.AlertDialogHeader = exports.AlertDialogContent = exports.AlertDialogTrigger = exports.AlertDialogOverlay = exports.AlertDialogPortal = exports.AlertDialog = exports.checkboxVariants = exports.Checkbox = exports.bubbleContentVariants = exports.chatBubbleVariants = exports.ChatBubble = exports.useCarousel = exports.carouselItemVariants = exports.carouselContentVariants = exports.carouselVariants = exports.CarouselNext = exports.CarouselPrevious = exports.CarouselItem = exports.CarouselContent = exports.Carousel = exports.cardVariants = exports.CardContent = exports.CardDescription = exports.CardTitle = exports.CardFooter = exports.CardHeader = exports.Card = exports.CalendarDayButton = exports.Calendar = exports.buttonVariants = exports.Button = exports.BreadcrumbEllipsis = exports.BreadcrumbSeparator = exports.BreadcrumbPage = exports.BreadcrumbLink = exports.BreadcrumbItem = exports.BreadcrumbList = exports.Breadcrumb = exports.badgeVariants = exports.Badge = exports.avatarVariants = exports.AvatarFallback = exports.AvatarImage = exports.Avatar = exports.alertVariants = exports.AlertDescription = exports.AlertTitle = exports.Alert = void 0;
|
|
4
4
|
exports.labelVariants = exports.Label = exports.inputOTPSlotVariants = exports.inputOTPVariants = exports.InputOTPSeparator = exports.InputOTPSlot = exports.InputOTPGroup = exports.InputOTP = exports.inputVariants = exports.Input = exports.iconButtonVariants = exports.IconButton = exports.flexVariants = exports.Flex = exports.ErrorMessage = exports.DropdownMenuRadioGroup = exports.DropdownMenuSubTrigger = exports.DropdownMenuSubContent = exports.DropdownMenuSub = exports.DropdownMenuPortal = exports.DropdownMenuGroup = exports.DropdownMenuShortcut = exports.DropdownMenuSeparator = exports.DropdownMenuLabel = exports.DropdownMenuRadioItem = exports.DropdownMenuCheckboxItem = exports.DropdownMenuItem = exports.DropdownMenuContent = exports.DropdownMenuTrigger = exports.DropdownMenu = exports.drawerOverlayVariants = exports.drawerContentVariants = exports.DrawerDescription = exports.DrawerTitle = exports.DrawerBody = exports.DrawerFooter = exports.DrawerHeader = exports.DrawerContent = exports.DrawerClose = exports.DrawerTrigger = exports.DrawerOverlay = exports.DrawerPortal = exports.Drawer = exports.alertDialogFooterVariants = exports.alertDialogHeaderVariants = exports.alertDialogContentVariants = exports.AlertDialogCancel = exports.AlertDialogAction = exports.AlertDialogBody = exports.AlertDialogDescription = void 0;
|
|
5
|
-
exports.
|
|
6
|
-
exports.copyToClipboard = exports.cn = exports.typographyVariants = exports.Typography = exports.tooltipContentVariants = exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = exports.toast = exports.Toaster = exports.textareaVariants = exports.Textarea = exports.tabsListVariants = exports.TabsContent = void 0;
|
|
5
|
+
exports.SelectItem = exports.SelectLabel = exports.SelectContent = exports.SelectTrigger = exports.SelectValue = exports.SelectGroup = exports.Select = exports.sidebarSubMenuItemVariants = exports.sidebarMenuItemVariants = exports.useSidebar = exports.SidebarToggle = exports.SidebarSeparator = exports.SidebarSubMenuItem = exports.SidebarMenuItem = exports.SidebarGroupLabel = exports.SidebarGroup = exports.SidebarFooter = exports.SidebarContent = exports.SidebarHeader = exports.Sidebar = exports.ScrollBar = exports.ScrollArea = exports.radioGroupItemVariants = exports.RadioGroupItem = exports.RadioGroup = exports.progressIndicatorVariants = exports.progressVariants = exports.Progress = exports.PopoverAnchor = exports.PopoverContent = exports.PopoverTrigger = exports.Popover = exports.MenubarSubContent = exports.MenubarSubTrigger = exports.MenubarSub = exports.MenubarRadioItem = exports.MenubarRadioGroup = exports.MenubarCheckboxItem = exports.MenubarShortcut = exports.MenubarItem = exports.MenubarLabel = exports.MenubarSeparator = exports.MenubarGroup = exports.MenubarContent = exports.MenubarTrigger = exports.MenubarMenu = exports.MenubarPortal = exports.Menubar = exports.loaderVariants = exports.Loader = void 0;
|
|
6
|
+
exports.copyToClipboard = exports.cn = exports.typographyVariants = exports.Typography = exports.tooltipContentVariants = exports.TooltipProvider = exports.TooltipContent = exports.TooltipTrigger = exports.Tooltip = exports.toast = exports.Toaster = exports.textareaVariants = exports.Textarea = exports.tabsListVariants = exports.TabsContent = exports.TabsTrigger = exports.TabsList = exports.Tabs = exports.switchVariants = exports.Switch = exports.spinnerVariants = exports.Spinner = exports.Skeleton = exports.Separator = exports.selectTriggerVariants = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = void 0;
|
|
7
7
|
// Styles
|
|
8
8
|
require("./index.css");
|
|
9
9
|
// Components
|
|
@@ -162,6 +162,20 @@ Object.defineProperty(exports, "radioGroupItemVariants", { enumerable: true, get
|
|
|
162
162
|
var ScrollArea_1 = require("./ScrollArea/ScrollArea");
|
|
163
163
|
Object.defineProperty(exports, "ScrollArea", { enumerable: true, get: function () { return ScrollArea_1.ScrollArea; } });
|
|
164
164
|
Object.defineProperty(exports, "ScrollBar", { enumerable: true, get: function () { return ScrollArea_1.ScrollBar; } });
|
|
165
|
+
var Sidebar_1 = require("./Sidebar/Sidebar");
|
|
166
|
+
Object.defineProperty(exports, "Sidebar", { enumerable: true, get: function () { return Sidebar_1.Sidebar; } });
|
|
167
|
+
Object.defineProperty(exports, "SidebarHeader", { enumerable: true, get: function () { return Sidebar_1.SidebarHeader; } });
|
|
168
|
+
Object.defineProperty(exports, "SidebarContent", { enumerable: true, get: function () { return Sidebar_1.SidebarContent; } });
|
|
169
|
+
Object.defineProperty(exports, "SidebarFooter", { enumerable: true, get: function () { return Sidebar_1.SidebarFooter; } });
|
|
170
|
+
Object.defineProperty(exports, "SidebarGroup", { enumerable: true, get: function () { return Sidebar_1.SidebarGroup; } });
|
|
171
|
+
Object.defineProperty(exports, "SidebarGroupLabel", { enumerable: true, get: function () { return Sidebar_1.SidebarGroupLabel; } });
|
|
172
|
+
Object.defineProperty(exports, "SidebarMenuItem", { enumerable: true, get: function () { return Sidebar_1.SidebarMenuItem; } });
|
|
173
|
+
Object.defineProperty(exports, "SidebarSubMenuItem", { enumerable: true, get: function () { return Sidebar_1.SidebarSubMenuItem; } });
|
|
174
|
+
Object.defineProperty(exports, "SidebarSeparator", { enumerable: true, get: function () { return Sidebar_1.SidebarSeparator; } });
|
|
175
|
+
Object.defineProperty(exports, "SidebarToggle", { enumerable: true, get: function () { return Sidebar_1.SidebarToggle; } });
|
|
176
|
+
Object.defineProperty(exports, "useSidebar", { enumerable: true, get: function () { return Sidebar_1.useSidebar; } });
|
|
177
|
+
Object.defineProperty(exports, "sidebarMenuItemVariants", { enumerable: true, get: function () { return Sidebar_1.sidebarMenuItemVariants; } });
|
|
178
|
+
Object.defineProperty(exports, "sidebarSubMenuItemVariants", { enumerable: true, get: function () { return Sidebar_1.sidebarSubMenuItemVariants; } });
|
|
165
179
|
var Select_1 = require("./Select/Select");
|
|
166
180
|
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.Select; } });
|
|
167
181
|
Object.defineProperty(exports, "SelectGroup", { enumerable: true, get: function () { return Select_1.SelectGroup; } });
|