ivt 0.4.5 → 0.4.7

package/dist/sheet/index.mjs

@@ -1,97 +1,24 @@
-import { c as cn } from '../chunks/utils-SWF3jXjy.mjs';
-import { R as Root, b as Trigger, C as Close, a as Content, T as Title, D as Description, P as Portal, O as Overlay } from '../chunks/index-Bv_h_hMx.mjs';
-import React__default from 'react';
-import { X } from '../chunks/x-B9_z9ee1.mjs';
-import '../chunks/bundle-mjs--Uc0zBMR.mjs';
-import '../chunks/index-VGFs-gvq.mjs';
-import '../chunks/index-DfGdJ6wp.mjs';
-import '../chunks/index-ZiahhVWN.mjs';
+export { S as Sheet, b as SheetClose, c as SheetContent, g as SheetDescription, e as SheetFooter, d as SheetHeader, f as SheetTitle, a as SheetTrigger } from '../chunks/sheet-CG9T6jEm.mjs';
+import '../chunks/utils-DiIQyE9g.mjs';
+import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
+import '../chunks/index-C-eBEzsd.mjs';
+import 'react';
+import '../chunks/index-BL6I2O8I.mjs';
+import '../chunks/index-x0TwBXvJ.mjs';
+import '../chunks/index-Bfqp6L57.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-BIfMxNBh.mjs';
-import '../chunks/index-hd6oiDyZ.mjs';
-import '../chunks/index-CiQJ7wod.mjs';
-import '../chunks/index-ypP8ZSEh.mjs';
-import '../chunks/index-DujcHJqa.mjs';
+import '../chunks/index-CiJHmWph.mjs';
+import '../chunks/index-AD2ohxjm.mjs';
+import '../chunks/index-Dj2mKKII.mjs';
+import '../chunks/index-DGB6xduL.mjs';
+import '../chunks/index-Cx4XlYKf.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-D1toVD_V.mjs';
-import '../chunks/index-Bzi8Hpka.mjs';
-import '../chunks/tslib.es6-CZ32kgxs.mjs';
-import '../chunks/index-0tMmOuv1.mjs';
-import '../chunks/createLucideIcon-C-36jtLf.mjs';
-
-function Sheet({ ...props }) {
-    return /*#__PURE__*/ React__default.createElement(Root, {
-        "data-slot": "sheet",
-        ...props
-    });
-}
-function SheetTrigger({ ...props }) {
-    return /*#__PURE__*/ React__default.createElement(Trigger, {
-        "data-slot": "sheet-trigger",
-        ...props
-    });
-}
-function SheetClose({ ...props }) {
-    return /*#__PURE__*/ React__default.createElement(Close, {
-        "data-slot": "sheet-close",
-        ...props
-    });
-}
-function SheetPortal({ ...props }) {
-    return /*#__PURE__*/ React__default.createElement(Portal, {
-        "data-slot": "sheet-portal",
-        ...props
-    });
-}
-function SheetOverlay({ className, ...props }) {
-    return /*#__PURE__*/ React__default.createElement(Overlay, {
-        "data-slot": "sheet-overlay",
-        className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 *:font-lato fixed inset-0 z-50 bg-black/50", className),
-        ...props
-    });
-}
-function SheetContent({ className, children, side = "right", ...props }) {
-    return /*#__PURE__*/ React__default.createElement(SheetPortal, null, /*#__PURE__*/ React__default.createElement(SheetOverlay, null), /*#__PURE__*/ React__default.createElement(Content, {
-        "data-slot": "sheet-content",
-        className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out *:font-lato fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t", className),
-        ...props
-    }, children, /*#__PURE__*/ React__default.createElement(Close, {
-        className: "border-border-grid-container bg-card ring-offset-background focus:ring-ring data-[state=open]:bg-secondary *:font-lato absolute top-4 right-4 cursor-pointer rounded-sm border p-1.5 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none"
-    }, /*#__PURE__*/ React__default.createElement(X, {
-        className: "size-4"
-    }), /*#__PURE__*/ React__default.createElement("span", {
-        className: "sr-only"
-    }, "Close"))));
-}
-function SheetHeader({ className, ...props }) {
-    return /*#__PURE__*/ React__default.createElement("div", {
-        "data-slot": "sheet-header",
-        className: cn("*:font-lato flex flex-col space-y-2 text-center sm:text-left", className),
-        ...props
-    });
-}
-function SheetFooter({ className, ...props }) {
-    return /*#__PURE__*/ React__default.createElement("div", {
-        "data-slot": "sheet-footer",
-        className: cn("*:font-lato flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
-        ...props
-    });
-}
-function SheetTitle({ className, ...props }) {
-    return /*#__PURE__*/ React__default.createElement(Title, {
-        "data-slot": "sheet-title",
-        className: cn("text-foreground *:font-lato text-lg font-semibold", className),
-        ...props
-    });
-}
-function SheetDescription({ className, ...props }) {
-    return /*#__PURE__*/ React__default.createElement(Description, {
-        "data-slot": "sheet-description",
-        className: cn("text-muted-foreground *:font-lato text-sm", className),
-        ...props
-    });
-}
-
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
+import '../chunks/index-BtzrdXXu.mjs';
+import '../chunks/index-xgPrRc3G.mjs';
+import '../chunks/tslib.es6-dgoTq-4a.mjs';
+import '../chunks/index-plymPSgY.mjs';
+import '../chunks/index-CIlaxeML.mjs';
+import '../chunks/x-BCPCYl4o.mjs';
+import '../chunks/createLucideIcon-BnuYhciy.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/sheet/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/components/ui/sheet/sheet.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"@/lib/utils\";\nimport * as SheetPrimitive from \"@radix-ui/react-dialog\";\nimport { XIcon } from \"lucide-react\";\nimport React from \"react\";\n\nfunction Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {\n\treturn <SheetPrimitive.Root data-slot=\"sheet\" {...props} />;\n}\n\nfunction SheetTrigger({ ...props }: React.ComponentProps<typeof SheetPrimitive.Trigger>) {\n\treturn <SheetPrimitive.Trigger data-slot=\"sheet-trigger\" {...props} />;\n}\n\nfunction SheetClose({ ...props }: React.ComponentProps<typeof SheetPrimitive.Close>) {\n\treturn <SheetPrimitive.Close data-slot=\"sheet-close\" {...props} />;\n}\n\nfunction SheetPortal({ ...props }: React.ComponentProps<typeof SheetPrimitive.Portal>) {\n\treturn <SheetPrimitive.Portal data-slot=\"sheet-portal\" {...props} />;\n}\n\nfunction SheetOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {\n\treturn (\n\t\t<SheetPrimitive.Overlay\n\t\t\tdata-slot=\"sheet-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 *:font-lato fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetContent({\n\tclassName,\n\tchildren,\n\tside = \"right\",\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Content> & {\n\tside?: \"top\" | \"right\" | \"bottom\" | \"left\";\n}) {\n\treturn (\n\t\t<SheetPortal>\n\t\t\t<SheetOverlay />\n\t\t\t<SheetPrimitive.Content\n\t\t\t\tdata-slot=\"sheet-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background data-[state=open]:animate-in data-[state=closed]:animate-out *:font-lato fixed z-50 gap-4 p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500\",\n\t\t\t\t\tside === \"right\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm\",\n\t\t\t\t\tside === \"left\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm\",\n\t\t\t\t\tside === \"top\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 border-b\",\n\t\t\t\t\tside === \"bottom\" &&\n\t\t\t\t\t\t\"data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 border-t\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t<SheetPrimitive.Close className=\"border-border-grid-container bg-card ring-offset-background focus:ring-ring data-[state=open]:bg-secondary *:font-lato absolute top-4 right-4 cursor-pointer rounded-sm border p-1.5 opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-none disabled:pointer-events-none\">\n\t\t\t\t\t<XIcon className=\"size-4\" />\n\t\t\t\t\t<span className=\"sr-only\">Close</span>\n\t\t\t\t</SheetPrimitive.Close>\n\t\t\t</SheetPrimitive.Content>\n\t\t</SheetPortal>\n\t);\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-header\"\n\t\t\tclassName={cn(\"*:font-lato flex flex-col space-y-2 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"sheet-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"*:font-lato flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetTitle({ className, ...props }: React.ComponentProps<typeof SheetPrimitive.Title>) {\n\treturn (\n\t\t<SheetPrimitive.Title\n\t\t\tdata-slot=\"sheet-title\"\n\t\t\tclassName={cn(\"text-foreground *:font-lato text-lg font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SheetDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SheetPrimitive.Description>) {\n\treturn (\n\t\t<SheetPrimitive.Description\n\t\t\tdata-slot=\"sheet-description\"\n\t\t\tclassName={cn(\"text-muted-foreground *:font-lato text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tSheet,\n\tSheetTrigger,\n\tSheetClose,\n\tSheetContent,\n\tSheetHeader,\n\tSheetFooter,\n\tSheetTitle,\n\tSheetDescription,\n};\n"],"names":["Sheet","props","React","SheetPrimitive","data-slot","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","className","cn","SheetContent","children","side","XIcon","span","SheetHeader","div","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAOA,SAASA,KAAAA,CAAM,EAAE,GAAGC,KAAAA,EAAyD,EAAA;IAC5E,qBAAOC,cAAA,CAAA,aAAA,CAACC,IAAmB,EAAA;QAACC,WAAAA,EAAU,OAAA;AAAS,QAAA,GAAGH;;AACnD;AAEA,SAASI,YAAAA,CAAa,EAAE,GAAGJ,KAAAA,EAA4D,EAAA;IACtF,qBAAOC,cAAA,CAAA,aAAA,CAACC,OAAsB,EAAA;QAACC,WAAAA,EAAU,eAAA;AAAiB,QAAA,GAAGH;;AAC9D;AAEA,SAASK,UAAAA,CAAW,EAAE,GAAGL,KAAAA,EAA0D,EAAA;IAClF,qBAAOC,cAAA,CAAA,aAAA,CAACC,KAAoB,EAAA;QAACC,WAAAA,EAAU,aAAA;AAAe,QAAA,GAAGH;;AAC1D;AAEA,SAASM,WAAAA,CAAY,EAAE,GAAGN,KAAAA,EAA2D,EAAA;IACpF,qBAAOC,cAAA,CAAA,aAAA,CAACC,MAAqB,EAAA;QAACC,WAAAA,EAAU,cAAA;AAAgB,QAAA,GAAGH;;AAC5D;AAEA,SAASO,YAAAA,CAAa,EACrBC,SAAS,EACT,GAAGR,KAAAA,EACkD,EAAA;IACrD,qBACCC,cAAA,CAAA,aAAA,CAACC,OAAsB,EAAA;QACtBC,WAAAA,EAAU,eAAA;AACVK,QAAAA,SAAAA,EAAWC,GACV,oKAAA,EACAD,SAAAA,CAAAA;AAEA,QAAA,GAAGR;;AAGP;AAEA,SAASU,YAAAA,CAAa,EACrBF,SAAS,EACTG,QAAQ,EACRC,IAAAA,GAAO,OAAO,EACd,GAAGZ,KAAAA,EAGH,EAAA;AACA,IAAA,qBACCC,6BAACK,WAAAA,EAAAA,IAAAA,gBACAL,cAAA,CAAA,aAAA,CAACM,YAAAA,EAAAA,IAAAA,CAAAA,gBACDN,cAAA,CAAA,aAAA,CAACC,OAAsB,EAAA;QACtBC,WAAAA,EAAU,eAAA;AACVK,QAAAA,SAAAA,EAAWC,EAAAA,CACV,8MAAA,EACAG,IAAAA,KAAS,OAAA,IACR,kIAAA,EACDA,IAAAA,KAAS,MAAA,IACR,+HAAA,EACDA,IAAAA,KAAS,KAAA,IACR,mGAAA,EACDA,IAAAA,KAAS,YACR,4GAAA,EACDJ,SAAAA,CAAAA;AAEA,QAAA,GAAGR;OAEHW,QAAAA,gBACDV,cAAA,CAAA,aAAA,CAACC,KAAoB,EAAA;QAACM,SAAAA,EAAU;qBAC/BP,cAAA,CAAA,aAAA,CAACY,CAAAA,EAAAA;QAAML,SAAAA,EAAU;sBACjBP,cAAA,CAAA,aAAA,CAACa,MAAAA,EAAAA;QAAKN,SAAAA,EAAU;AAAU,KAAA,EAAA,OAAA,CAAA,CAAA,CAAA,CAAA;AAK/B;AAEA,SAASO,WAAAA,CAAY,EAAEP,SAAS,EAAE,GAAGR,KAAAA,EAAoC,EAAA;AACxE,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACe,KAAAA,EAAAA;QACAb,WAAAA,EAAU,cAAA;AACVK,QAAAA,SAAAA,EAAWC,GAAG,8DAAA,EAAgED,SAAAA,CAAAA;AAC7E,QAAA,GAAGR;;AAGP;AAEA,SAASiB,WAAAA,CAAY,EAAET,SAAS,EAAE,GAAGR,KAAAA,EAAoC,EAAA;AACxE,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACe,KAAAA,EAAAA;QACAb,WAAAA,EAAU,cAAA;AACVK,QAAAA,SAAAA,EAAWC,GACV,2EAAA,EACAD,SAAAA,CAAAA;AAEA,QAAA,GAAGR;;AAGP;AAEA,SAASkB,UAAAA,CAAW,EAAEV,SAAS,EAAE,GAAGR,KAAAA,EAA0D,EAAA;IAC7F,qBACCC,cAAA,CAAA,aAAA,CAACC,KAAoB,EAAA;QACpBC,WAAAA,EAAU,aAAA;AACVK,QAAAA,SAAAA,EAAWC,GAAG,mDAAA,EAAqDD,SAAAA,CAAAA;AAClE,QAAA,GAAGR;;AAGP;AAEA,SAASmB,gBAAAA,CAAiB,EACzBX,SAAS,EACT,GAAGR,KAAAA,EACsD,EAAA;IACzD,qBACCC,cAAA,CAAA,aAAA,CAACC,WAA0B,EAAA;QAC1BC,WAAAA,EAAU,mBAAA;AACVK,QAAAA,SAAAA,EAAWC,GAAG,2CAAA,EAA6CD,SAAAA,CAAAA;AAC1D,QAAA,GAAGR;;AAGP;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/sidebar/index.d.ts

@@ -0,0 +1,75 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { Button } from '../button/index.js';
+import { Input } from '../input/index.js';
+import { Separator } from '../separator/index.js';
+import { TooltipContent } from '../tooltip/index.js';
+import '@radix-ui/react-separator';
+import '@radix-ui/react-tooltip';
+
+type SidebarContextProps = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps;
+declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React.ComponentProps<"div"> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React.ComponentProps<"div"> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>): react_jsx_runtime.JSX.Element;
+declare function SidebarRail({ className, ...props }: React.ComponentProps<"button">): react_jsx_runtime.JSX.Element;
+declare function SidebarInset({ className, ...props }: React.ComponentProps<"main">): react_jsx_runtime.JSX.Element;
+declare function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>): react_jsx_runtime.JSX.Element;
+declare function SidebarHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare function SidebarContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupLabel({ className, asChild, ...props }: React.ComponentProps<"div"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupAction({ className, asChild, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarGroupContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuAction({ className, asChild, showOnHover, ...props }: React.ComponentProps<"button"> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuBadge({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React.ComponentProps<"div"> & {
+    showIcon?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
+declare function SidebarMenuSubButton({ asChild, size, isActive, className, ...props }: React.ComponentProps<"a"> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}): react_jsx_runtime.JSX.Element;
+
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };