@yselimcan/ui 0.0.13 → 0.0.14

package/dist/index.d.ts

@@ -437,19 +437,19 @@ export declare function KbdGroup({ className, ...props }: React.ComponentProps<"
 
 export declare function Label({ className, ...props }: React_2.ComponentProps<"label">): JSX.Element;
 
-export declare function Pagination({ className, ...props }: React_2.ComponentProps<"nav">): JSX.Element;
+export declare function Pagination({ className, ...props }: React_2.ComponentProps<'nav'>): JSX.Element;
 
-export declare function PaginationContent({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+export declare function PaginationContent({ className, ...props }: React_2.ComponentProps<'ul'>): JSX.Element;
 
-export declare function PaginationEllipsis({ className, ...props }: React_2.ComponentProps<"span">): JSX.Element;
+export declare function PaginationEllipsis({ className, ...props }: React_2.ComponentProps<'span'>): JSX.Element;
 
-export declare function PaginationItem({ ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare function PaginationItem({ ...props }: React_2.ComponentProps<'li'>): JSX.Element;
 
-export declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): JSX.Element;
+export declare function PaginationLink({ className, isActive, size, isIcon, ...props }: PaginationLinkProps): JSX.Element;
 
 declare type PaginationLinkProps = {
     isActive?: boolean;
-} & Pick<React_2.ComponentProps<typeof Button>, "size"> & React_2.ComponentProps<"a">;
+} & Pick<React_2.ComponentProps<typeof Button>, 'size' | 'isIcon'> & React_2.ComponentProps<'a'>;
 
 export declare function PaginationNext({ className, ...props }: React_2.ComponentProps<typeof PaginationLink>): JSX.Element;
 
@@ -498,30 +498,30 @@ export declare function Sheet({ ...props }: Dialog_2.Root.Props): JSX.Element;
 export declare function SheetClose({ ...props }: Dialog_2.Close.Props): JSX.Element;
 
 export declare function SheetContent({ className, children, side, showCloseButton, ...props }: Dialog_2.Popup.Props & {
-    side?: "top" | "right" | "bottom" | "left";
+    side?: 'top' | 'right' | 'bottom' | 'left';
     showCloseButton?: boolean;
 }): JSX.Element;
 
 export declare function SheetDescription({ className, ...props }: Dialog_2.Description.Props): JSX.Element;
 
-export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function SheetFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
-export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function SheetHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
 export declare function SheetTitle({ className, ...props }: Dialog_2.Title.Props): JSX.Element;
 
 export declare function SheetTrigger({ ...props }: Dialog_2.Trigger.Props): JSX.Element;
 
-export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<"div"> & {
-    side?: "left" | "right";
-    variant?: "sidebar" | "floating" | "inset";
-    collapsible?: "offExamples" | "icon" | "none";
+export declare function Sidebar({ side, variant, collapsible, className, children, ...props }: React_2.ComponentProps<'div'> & {
+    side?: 'left' | 'right';
+    variant?: 'sidebar' | 'floating' | 'inset';
+    collapsible?: 'offExamples' | 'icon' | 'none';
 }): JSX.Element;
 
-export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function SidebarContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
 declare type SidebarContextProps = {
-    state: "expanded" | "collapsed";
+    state: 'expanded' | 'collapsed';
     open: boolean;
     setOpen: (open: boolean) => void;
     openMobile: boolean;
@@ -530,31 +530,31 @@ declare type SidebarContextProps = {
     toggleSidebar: () => void;
 };
 
-export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function SidebarFooter({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
-export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function SidebarGroup({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
-export declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<"button"> & React_2.ComponentProps<"button">): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+export declare function SidebarGroupAction({ className, render, ...props }: useRender.ComponentProps<'button'> & React_2.ComponentProps<'button'>): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
 
-export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function SidebarGroupContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
-export declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<"div"> & React_2.ComponentProps<"div">): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
+export declare function SidebarGroupLabel({ className, render, ...props }: useRender.ComponentProps<'div'> & React_2.ComponentProps<'div'>): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
 
-export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function SidebarHeader({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
 export declare function SidebarInput({ className, ...props }: React_2.ComponentProps<typeof Input>): JSX.Element;
 
-export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<"main">): JSX.Element;
+export declare function SidebarInset({ className, ...props }: React_2.ComponentProps<'main'>): JSX.Element;
 
-export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+export declare function SidebarMenu({ className, ...props }: React_2.ComponentProps<'ul'>): JSX.Element;
 
-export declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<"button"> & React_2.ComponentProps<"button"> & {
+export declare function SidebarMenuAction({ className, render, showOnHover, ...props }: useRender.ComponentProps<'button'> & React_2.ComponentProps<'button'> & {
     showOnHover?: boolean;
 }): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
 
-export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<"div">): JSX.Element;
+export declare function SidebarMenuBadge({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
 
-export declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<"button"> & React_2.ComponentProps<"button"> & {
+export declare function SidebarMenuButton({ render, isActive, variant, size, tooltip, className, ...props }: useRender.ComponentProps<'button'> & React_2.ComponentProps<'button'> & {
     isActive?: boolean;
     tooltip?: string | React_2.ComponentProps<typeof TooltipContent>;
 } & VariantProps<typeof sidebarMenuButtonVariants>): JSX.Element;
@@ -564,28 +564,28 @@ declare const sidebarMenuButtonVariants: (props?: ({
     size?: "default" | "sm" | "lg" | null | undefined;
 } & ClassProp) | undefined) => string;
 
-export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare function SidebarMenuItem({ className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
 
-export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<"div"> & {
+export declare function SidebarMenuSkeleton({ className, showIcon, ...props }: React_2.ComponentProps<'div'> & {
     showIcon?: boolean;
 }): JSX.Element;
 
-export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<"ul">): JSX.Element;
+export declare function SidebarMenuSub({ className, ...props }: React_2.ComponentProps<'ul'>): JSX.Element;
 
-export declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<"a"> & React_2.ComponentProps<"a"> & {
-    size?: "sm" | "md";
+export declare function SidebarMenuSubButton({ render, size, isActive, className, ...props }: useRender.ComponentProps<'a'> & React_2.ComponentProps<'a'> & {
+    size?: 'sm' | 'md';
     isActive?: boolean;
 }): React_2.ReactElement<unknown, string | React_2.JSXElementConstructor<any>>;
 
-export declare function SidebarMenuSubItem({ className, ...props }: React_2.ComponentProps<"li">): JSX.Element;
+export declare function SidebarMenuSubItem({ className, ...props }: React_2.ComponentProps<'li'>): JSX.Element;
 
-export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<"div"> & {
+export declare function SidebarProvider({ defaultOpen, open: openProp, onOpenChange: setOpenProp, className, style, children, ...props }: React_2.ComponentProps<'div'> & {
     defaultOpen?: boolean;
     open?: boolean;
     onOpenChange?: (open: boolean) => void;
 }): JSX.Element;
 
-export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<"button">): JSX.Element;
+export declare function SidebarRail({ className, ...props }: React_2.ComponentProps<'button'>): JSX.Element;
 
 export declare function SidebarSeparator({ className, ...props }: React_2.ComponentProps<typeof Separator>): JSX.Element;
 

package/dist/index.js

@@ -27907,10 +27907,7 @@ function pW({ className: e, ...t }) {
       role: "navigation",
       "aria-label": "pagination",
       "data-slot": "pagination",
-      className: B(
-        "mx-auto flex w-full justify-center",
-        e
-      ),
+      className: B("mx-auto flex w-full justify-center", e),
       ...t
     }
   );
@@ -27923,7 +27920,7 @@ function mW({
     "ul",
     {
       "data-slot": "pagination-content",
-      className: B("gap-0.5 flex items-center", e),
+      className: B("flex items-center gap-0.5", e),
       ...t
     }
   );
@@ -27934,14 +27931,16 @@ function gW({ ...e }) {
 function VS({
   className: e,
   isActive: t,
-  size: n = "icon",
-  ...r
+  size: n = "sm",
+  isIcon: r = !0,
+  ...o
 }) {
   return /* @__PURE__ */ C(
     Pn,
     {
       variant: t ? "outline" : "ghost",
       size: n,
+      isIcon: r,
       className: B(e),
       nativeButton: !1,
       render: /* @__PURE__ */ C(
@@ -27950,7 +27949,7 @@ function VS({
           "aria-current": t ? "page" : void 0,
           "data-slot": "pagination-link",
           "data-active": t,
-          ...r
+          ...o
         }
       )
     }
@@ -27965,6 +27964,7 @@ function hW({
     {
       "aria-label": "Go to previous page",
       size: "default",
+      isIcon: !1,
       className: B("pl-1.5!", e),
       ...t,
       children: [
@@ -27983,6 +27983,7 @@ function bW({
     {
       "aria-label": "Go to next page",
       size: "default",
+      isIcon: !1,
       className: B("pr-1.5!", e),
       ...t,
       children: [
@@ -28002,15 +28003,12 @@ function vW({
       "aria-hidden": !0,
       "data-slot": "pagination-ellipsis",
       className: B(
-        "size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4 flex items-center justify-center",
+        "flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4",
         e
       ),
       ...t,
       children: [
-        /* @__PURE__ */ C(
-          Qy,
-          {}
-        ),
+        /* @__PURE__ */ C(Qy, {}),
         /* @__PURE__ */ C("span", { className: "sr-only", children: "More pages" })
       ]
     }
@@ -28301,7 +28299,10 @@ function J2({ className: e, ...t }) {
     ds,
     {
       "data-slot": "sheet-overlay",
-      className: B("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs fixed inset-0 z-50", e),
+      className: B(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
+        e
+      ),
       ...t
     }
   );
@@ -28320,7 +28321,10 @@ function ez({
       {
         "data-slot": "sheet-content",
         "data-side": n,
-        className: B("bg-background data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm", e),
+        className: B(
+          "bg-background data-open:animate-in data-closed:animate-out data-[side=right]:data-closed:slide-out-to-right-10 data-[side=right]:data-open:slide-in-from-right-10 data-[side=left]:data-closed:slide-out-to-left-10 data-[side=left]:data-open:slide-in-from-left-10 data-[side=top]:data-closed:slide-out-to-top-10 data-[side=top]:data-open:slide-in-from-top-10 data-closed:fade-out-0 data-open:fade-in-0 data-[side=bottom]:data-closed:slide-out-to-bottom-10 data-[side=bottom]:data-open:slide-in-from-bottom-10 fixed z-50 flex flex-col gap-4 bg-clip-padding text-sm shadow-lg transition duration-200 ease-in-out data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
+          e
+        ),
         ...o,
         children: [
           t,
@@ -28333,14 +28337,12 @@ function ez({
                 {
                   variant: "ghost",
                   className: "absolute top-3 right-3",
-                  size: "icon-sm"
+                  size: "sm",
+                  isIcon: !0
                 }
               ),
               children: [
-                /* @__PURE__ */ C(
-                  Ji,
-                  {}
-                ),
+                /* @__PURE__ */ C(Ji, {}),
                 /* @__PURE__ */ C("span", { className: "sr-only", children: "Close" })
               ]
             }
@@ -28355,7 +28357,7 @@ function tz({ className: e, ...t }) {
     "div",
     {
       "data-slot": "sheet-header",
-      className: B("gap-0.5 p-4 flex flex-col", e),
+      className: B("flex flex-col gap-0.5 p-4", e),
       ...t
     }
   );
@@ -28365,7 +28367,7 @@ function DW({ className: e, ...t }) {
     "div",
     {
       "data-slot": "sheet-footer",
-      className: B("gap-2 p-4 mt-auto flex flex-col", e),
+      className: B("mt-auto flex flex-col gap-2 p-4", e),
       ...t
     }
   );
@@ -28508,7 +28510,15 @@ function AW({
       setOpenMobile: c,
       toggleSidebar: y
     }),
-    [g, p, m, s, l, c, y]
+    [
+      g,
+      p,
+      m,
+      s,
+      l,
+      c,
+      y
+    ]
   );
   return /* @__PURE__ */ C(FS.Provider, { value: h, children: /* @__PURE__ */ C(
     "div",
@@ -28582,7 +28592,7 @@ function VW({
           {
             "data-slot": "sidebar-gap",
             className: B(
-              "transition-[width] duration-200 ease-linear relative w-(--sidebar-width) bg-transparent",
+              "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
               "group-data-[collapsible=offExamples]:w-0",
               "group-data-[side=right]:rotate-180",
               t === "floating" || t === "inset" ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)"
@@ -28606,7 +28616,7 @@ function VW({
               {
                 "data-sidebar": "sidebar",
                 "data-slot": "sidebar-inner",
-                className: "bg-sidebar group-data-[variant=floating]:ring-sidebar-border group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1 flex size-full flex-col",
+                className: "bg-sidebar group-data-[variant=floating]:ring-sidebar-border flex size-full flex-col group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:shadow-sm group-data-[variant=floating]:ring-1",
                 children: o
               }
             )
@@ -28628,17 +28638,15 @@ function FW({
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       variant: "ghost",
-      size: "icon-sm",
+      size: "sm",
+      isIcon: !0,
       className: B(e),
       onClick: (o) => {
         t?.(o), r();
       },
       ...n,
       children: [
-        /* @__PURE__ */ C(
-          dR,
-          {}
-        ),
+        /* @__PURE__ */ C(dR, {}),
         /* @__PURE__ */ C("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -28674,7 +28682,7 @@ function LW({ className: e, ...t }) {
     {
       "data-slot": "sidebar-inset",
       className: B(
-        "bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 relative flex w-full flex-1 flex-col",
+        "bg-background relative flex w-full flex-1 flex-col md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
         e
       ),
       ...t
@@ -28701,7 +28709,7 @@ function qW({ className: e, ...t }) {
     {
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: B("gap-2 p-2 flex flex-col", e),
+      className: B("flex flex-col gap-2 p-2", e),
       ...t
     }
   );
@@ -28712,7 +28720,7 @@ function $W({ className: e, ...t }) {
     {
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: B("gap-2 p-2 flex flex-col", e),
+      className: B("flex flex-col gap-2 p-2", e),
       ...t
     }
   );
@@ -28738,7 +28746,7 @@ function jW({ className: e, ...t }) {
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
       className: B(
-        "no-scrollbar gap-0 flex min-h-0 flex-1 flex-col overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        "no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
         e
       ),
       ...t
@@ -28752,7 +28760,7 @@ function HW({ className: e, ...t }) {
       "data-slot": "sidebar-group",
       "data-sidebar": "group",
       className: B(
-        "p-2 relative flex w-full min-w-0 flex-col",
+        "relative flex w-full min-w-0 flex-col p-2",
         e
       ),
       ...t
@@ -28814,7 +28822,7 @@ function YW({
     {
       "data-slot": "sidebar-group-content",
       "data-sidebar": "group-content",
-      className: B("text-sm w-full", e),
+      className: B("w-full text-sm", e),
       ...t
     }
   );
@@ -28825,7 +28833,7 @@ function KW({ className: e, ...t }) {
     {
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: B("gap-0 flex w-full min-w-0 flex-col", e),
+      className: B("flex w-full min-w-0 flex-col gap-0", e),
       ...t
     }
   );
@@ -28874,7 +28882,10 @@ function ZW({
     defaultTagName: "button",
     props: Rt(
       {
-        className: B(gz({ variant: n, size: r }), a)
+        className: B(
+          gz({ variant: n, size: r }),
+          a
+        )
       },
       i
     ),
@@ -28936,7 +28947,7 @@ function JW({
       "data-slot": "sidebar-menu-badge",
       "data-sidebar": "menu-badge",
       className: B(
-        "text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 rounded-md px-1 text-xs font-medium peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 flex items-center justify-center tabular-nums select-none group-data-[collapsible=icon]:hidden",
+        "text-sidebar-foreground peer-hover/menu-button:text-sidebar-accent-foreground peer-data-active/menu-button:text-sidebar-accent-foreground pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums select-none group-data-[collapsible=icon]:hidden peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1",
         e
       ),
       ...t
@@ -28954,7 +28965,10 @@ function ej({
     {
       "data-slot": "sidebar-menu-skeleton",
       "data-sidebar": "menu-skeleton",
-      className: B("h-8 gap-2 rounded-md px-2 flex items-center", e),
+      className: B(
+        "flex h-8 items-center gap-2 rounded-md px-2",
+        e
+      ),
       ...n,
       children: [
         t && /* @__PURE__ */ C(
@@ -28984,7 +28998,10 @@ function tj({ className: e, ...t }) {
     {
       "data-slot": "sidebar-menu-sub",
       "data-sidebar": "menu-sub",
-      className: B("border-sidebar-border mx-3.5 translate-x-px gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden flex min-w-0 flex-col", e),
+      className: B(
+        "border-sidebar-border mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",
+        e
+      ),
       ...t
     }
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yselimcan/ui",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",