@a2v2ai/uikit 0.0.26 → 0.0.28
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 +1 -0
- package/Sidebar/Sidebar.js +2 -2
- package/index.d.ts +1 -0
- package/index.js +3 -1
- package/package.json +1 -1
package/Sidebar/Sidebar.d.ts
CHANGED
|
@@ -27,6 +27,7 @@ declare const sidebarMenuItemVariants: (props?: ({
|
|
|
27
27
|
export interface SidebarMenuItemProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof sidebarMenuItemVariants> {
|
|
28
28
|
icon?: React.ReactNode;
|
|
29
29
|
label: string;
|
|
30
|
+
labelClassName?: string;
|
|
30
31
|
badge?: React.ReactNode;
|
|
31
32
|
hasChildren?: boolean;
|
|
32
33
|
expanded?: boolean;
|
package/Sidebar/Sidebar.js
CHANGED
|
@@ -109,7 +109,7 @@ const sidebarMenuItemVariants = (0, class_variance_authority_1.cva)("flex items-
|
|
|
109
109
|
},
|
|
110
110
|
});
|
|
111
111
|
exports.sidebarMenuItemVariants = sidebarMenuItemVariants;
|
|
112
|
-
const SidebarMenuItem = React.forwardRef(({ className, icon, label, badge, active, hasChildren, expanded, onExpandedChange, children, onClick, ...props }, ref) => {
|
|
112
|
+
const SidebarMenuItem = React.forwardRef(({ className, icon, label, labelClassName, badge, active, hasChildren, expanded, onExpandedChange, children, onClick, ...props }, ref) => {
|
|
113
113
|
const { collapsed } = useSidebar();
|
|
114
114
|
const [internalExpanded, setInternalExpanded] = React.useState(expanded ?? false);
|
|
115
115
|
const isExpanded = expanded !== undefined ? expanded : internalExpanded;
|
|
@@ -124,7 +124,7 @@ const SidebarMenuItem = React.forwardRef(({ className, icon, label, badge, activ
|
|
|
124
124
|
if (collapsed) {
|
|
125
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
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 }))] }));
|
|
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: (0, utils_1.cn)("flex-1 truncate", labelClassName), 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
128
|
});
|
|
129
129
|
exports.SidebarMenuItem = SidebarMenuItem;
|
|
130
130
|
SidebarMenuItem.displayName = "SidebarMenuItem";
|
package/index.d.ts
CHANGED
|
@@ -28,6 +28,7 @@ export { Sidebar, SidebarHeader, SidebarContent, SidebarFooter, SidebarGroup, Si
|
|
|
28
28
|
export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, selectTriggerVariants, type SelectTriggerProps, type SelectTriggerSize, } from "./Select/Select";
|
|
29
29
|
export { Separator } from "./Separator/Separator";
|
|
30
30
|
export { Skeleton, type SkeletonProps } from "./Skeleton/Skeleton";
|
|
31
|
+
export { Slider, type SliderProps } from "./Slider/Slider";
|
|
31
32
|
export { Spinner, spinnerVariants, type SpinnerProps, type SpinnerSize, type SpinnerVariant } from "./Spinner/Spinner";
|
|
32
33
|
export { Switch, switchVariants, type SwitchProps, type SwitchSize } from "./Switch/Switch";
|
|
33
34
|
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, } from "./Table/Table";
|
package/index.js
CHANGED
|
@@ -3,7 +3,7 @@ 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
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.TableCaption = exports.TableCell = exports.TableRow = exports.TableHead = exports.TableFooter = exports.TableBody = exports.TableHeader = exports.Table = exports.switchVariants = exports.Switch = exports.spinnerVariants = exports.Spinner = exports.Skeleton = exports.Separator = exports.selectTriggerVariants = exports.SelectScrollDownButton = exports.SelectScrollUpButton = exports.SelectSeparator = 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.TableCaption = exports.TableCell = exports.TableRow = exports.TableHead = exports.TableFooter = exports.TableBody = exports.TableHeader = exports.Table = exports.switchVariants = exports.Switch = exports.spinnerVariants = exports.Spinner = exports.Slider = 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
|
|
@@ -192,6 +192,8 @@ var Separator_1 = require("./Separator/Separator");
|
|
|
192
192
|
Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return Separator_1.Separator; } });
|
|
193
193
|
var Skeleton_1 = require("./Skeleton/Skeleton");
|
|
194
194
|
Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
|
|
195
|
+
var Slider_1 = require("./Slider/Slider");
|
|
196
|
+
Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return Slider_1.Slider; } });
|
|
195
197
|
var Spinner_1 = require("./Spinner/Spinner");
|
|
196
198
|
Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
|
|
197
199
|
Object.defineProperty(exports, "spinnerVariants", { enumerable: true, get: function () { return Spinner_1.spinnerVariants; } });
|