@me1a/ui 2.2.1 → 2.2.2

package/dist/organisms/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/organisms/dropdown-menu/dropdown-menu.tsx"],"names":["cn","inputs","twMerge","clsx","DropdownMenu","e","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","d","className","inset","children","props","ref","jsxs","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"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","file":"dropdown-menu.js","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\n/**\n * DropdownMenu component for creating accessible dropdown menus.\n * Built on top of Radix UI's DropdownMenu primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-dropdown-menu--docs\n *\n * @example\n * ```tsx\n * <DropdownMenu>\n *   <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>\n *   <DropdownMenuContent>\n *     <DropdownMenuItem>Item 1</DropdownMenuItem>\n *     <DropdownMenuItem>Item 2</DropdownMenuItem>\n *     <DropdownMenuItem>Item 3</DropdownMenuItem>\n *   </DropdownMenuContent>\n * </DropdownMenu>\n * ```\n */\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup\n}\n"]}

package/dist/organisms/dropdown-menu.mjs

@@ -0,0 +1,2 @@
+import*as d from'react';import*as e from'@radix-ui/react-dropdown-menu';import {ChevronRight,Check,Circle}from'lucide-react';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {jsxs,jsx}from'react/jsx-runtime';function a(...o){return twMerge(clsx(o))}var h=e.Root,x=e.Trigger,C=e.Group,I=e.Portal,N=e.Sub,S=e.RadioGroup,m=d.forwardRef(({className:o,inset:t,children:n,...i},p)=>jsxs(e.SubTrigger,{ref:p,className:a("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",t&&"pl-8",o),...i,children:[n,jsx(ChevronRight,{className:"ml-auto h-4 w-4"})]}));m.displayName=e.SubTrigger.displayName;var u=d.forwardRef(({className:o,...t},n)=>jsx(e.SubContent,{ref:n,className:a("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",o),...t}));u.displayName=e.SubContent.displayName;var c=d.forwardRef(({className:o,sideOffset:t=4,...n},i)=>jsx(e.Portal,{children:jsx(e.Content,{ref:i,sideOffset:t,className:a("z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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",o),...n})}));c.displayName=e.Content.displayName;var l=d.forwardRef(({className:o,inset:t,...n},i)=>jsx(e.Item,{ref:i,className:a("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",t&&"pl-8",o),...n}));l.displayName=e.Item.displayName;var w=d.forwardRef(({className:o,children:t,checked:n,...i},p)=>jsxs(e.CheckboxItem,{ref:p,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),checked:n,...i,children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(e.ItemIndicator,{children:jsx(Check,{className:"h-4 w-4"})})}),t]}));w.displayName=e.CheckboxItem.displayName;var f=d.forwardRef(({className:o,children:t,...n},i)=>jsxs(e.RadioItem,{ref:i,className:a("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",o),...n,children:[jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:jsx(e.ItemIndicator,{children:jsx(Circle,{className:"h-2 w-2 fill-current"})})}),t]}));f.displayName=e.RadioItem.displayName;var M=d.forwardRef(({className:o,inset:t,...n},i)=>jsx(e.Label,{ref:i,className:a("px-2 py-1.5 text-sm font-semibold",t&&"pl-8",o),...n}));M.displayName=e.Label.displayName;var D=d.forwardRef(({className:o,...t},n)=>jsx(e.Separator,{ref:n,className:a("-mx-1 my-1 h-px bg-muted",o),...t}));D.displayName=e.Separator.displayName;var P=({className:o,...t})=>jsx("span",{className:a("ml-auto text-xs tracking-widest opacity-60",o),...t});P.displayName="DropdownMenuShortcut";export{h as DropdownMenu,w as DropdownMenuCheckboxItem,c as DropdownMenuContent,C as DropdownMenuGroup,l as DropdownMenuItem,M as DropdownMenuLabel,I as DropdownMenuPortal,S as DropdownMenuRadioGroup,f as DropdownMenuRadioItem,D as DropdownMenuSeparator,P as DropdownMenuShortcut,N as DropdownMenuSub,u as DropdownMenuSubContent,m as DropdownMenuSubTrigger,x as DropdownMenuTrigger};//# sourceMappingURL=dropdown-menu.mjs.map
+//# sourceMappingURL=dropdown-menu.mjs.map

package/dist/organisms/dropdown-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/cn.ts","../../src/components/organisms/dropdown-menu/dropdown-menu.tsx"],"names":["cn","inputs","twMerge","clsx","DropdownMenu","DropdownMenuTrigger","DropdownMenuGroup","DropdownMenuPortal","DropdownMenuSub","DropdownMenuRadioGroup","DropdownMenuSubTrigger","className","inset","children","props","ref","jsxs","jsx","ChevronRight","DropdownMenuSubContent","DropdownMenuContent","sideOffset","DropdownMenuItem","DropdownMenuCheckboxItem","checked","Check","DropdownMenuRadioItem","Circle","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut"],"mappings":"mOAGO,SAASA,KAAMC,CAAsB,CAAA,CAC1C,OAAOC,OAAQC,CAAAA,IAAAA,CAAKF,CAAM,CAAC,CAC7B,CCmBMG,IAAAA,CAAAA,CAAqC,OAErCC,CAA4C,CAAA,CAAA,CAAA,OAAA,CAE5CC,EAA0C,CAE1CC,CAAAA,KAAAA,CAAAA,CAAAA,CAA2C,SAE3CC,CAAwC,CAAA,CAAA,CAAA,GAAA,CAExCC,EAA+C,CAE/CC,CAAAA,UAAAA,CAAAA,CAAAA,CAA+B,aAKnC,CAAC,CAAE,UAAAC,CAAW,CAAA,KAAA,CAAAC,EAAO,QAAAC,CAAAA,CAAAA,CAAU,GAAGC,CAAM,CAAA,CAAGC,IAC3CC,IAAuB,CAAA,CAAA,CAAA,UAAA,CAAtB,CACC,GAAKD,CAAAA,CAAAA,CACL,UAAWf,CACT,CAAA,sIAAA,CACAY,GAAS,MACTD,CAAAA,CACF,EACC,GAAGG,CAAAA,CAEH,UAAAD,CACDI,CAAAA,GAAAA,CAACC,aAAA,CAAa,SAAA,CAAU,kBAAkB,CAC5C,CAAA,CAAA,CACD,EACDR,CAAuB,CAAA,WAAA,CAAoC,aAAW,WAEtE,CAAA,IAAMS,EAA+B,CAGnC,CAAA,UAAA,CAAA,CAAC,CAAE,SAAAR,CAAAA,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAGC,IAC1BE,GAAuB,CAAA,CAAA,CAAA,UAAA,CAAtB,CACC,GAAKF,CAAAA,CAAAA,CACL,UAAWf,CACT,CAAA,ubAAA,CACAW,CACF,CACC,CAAA,GAAGG,EACN,CACD,EACDK,EAAuB,WAAoC,CAAA,CAAA,CAAA,UAAA,CAAW,YAEhEC,IAAAA,CAAAA,CAA4B,aAGhC,CAAC,CAAE,UAAAT,CAAW,CAAA,UAAA,CAAAU,EAAa,CAAG,CAAA,GAAGP,CAAM,CAAGC,CAAAA,CAAAA,GAC1CE,IAAuB,CAAtB,CAAA,MAAA,CAAA,CACC,SAAAA,GAAuB,CAAA,CAAA,CAAA,OAAA,CAAtB,CACC,GAAKF,CAAAA,CAAAA,CACL,WAAYM,CACZ,CAAA,SAAA,CAAWrB,EACT,ubACAW,CAAAA,CACF,EACC,GAAGG,CAAAA,CACN,EACF,CACD,EACDM,EAAoB,WAAoC,CAAA,CAAA,CAAA,OAAA,CAAQ,YAE1DE,IAAAA,CAAAA,CAAyB,aAK7B,CAAC,CAAE,UAAAX,CAAW,CAAA,KAAA,CAAAC,EAAO,GAAGE,CAAM,EAAGC,CACjCE,GAAAA,GAAAA,CAAuB,OAAtB,CACC,GAAA,CAAKF,EACL,SAAWf,CAAAA,CAAAA,CACT,kOACAY,CAAS,EAAA,MAAA,CACTD,CACF,CACC,CAAA,GAAGG,EACN,CACD,EACDQ,EAAiB,WAAoC,CAAA,CAAA,CAAA,IAAA,CAAK,YAEpDC,IAAAA,CAAAA,CAAiC,aAGrC,CAAC,CAAE,UAAAZ,CAAW,CAAA,QAAA,CAAAE,EAAU,OAAAW,CAAAA,CAAAA,CAAS,GAAGV,CAAM,CAAA,CAAGC,IAC7CC,IAAuB,CAAA,CAAA,CAAA,YAAA,CAAtB,CACC,GAAKD,CAAAA,CAAAA,CACL,UAAWf,CACT,CAAA,sOAAA,CACAW,CACF,CACA,CAAA,OAAA,CAASa,EACR,GAAGV,CAAAA,CAEJ,UAAAG,GAAC,CAAA,MAAA,CAAA,CAAK,UAAU,8DACd,CAAA,QAAA,CAAAA,IAAuB,CAAtB,CAAA,aAAA,CAAA,CACC,SAAAA,GAACQ,CAAAA,KAAAA,CAAA,CAAM,SAAU,CAAA,SAAA,CAAU,EAC7B,CACF,CAAA,CAAA,CACCZ,GACH,CACD,EACDU,EAAyB,WAAoC,CAAA,CAAA,CAAA,YAAA,CAAa,YAEpEG,IAAAA,CAAAA,CAA8B,aAGlC,CAAC,CAAE,UAAAf,CAAW,CAAA,QAAA,CAAAE,EAAU,GAAGC,CAAM,EAAGC,CACpCC,GAAAA,IAAAA,CAAuB,YAAtB,CACC,GAAA,CAAKD,EACL,SAAWf,CAAAA,CAAAA,CACT,uOACAW,CACF,CAAA,CACC,GAAGG,CAEJ,CAAA,QAAA,CAAA,CAAAG,IAAC,MAAK,CAAA,CAAA,SAAA,CAAU,+DACd,QAAAA,CAAAA,GAAAA,CAAuB,gBAAtB,CACC,QAAA,CAAAA,IAACU,MAAA,CAAA,CAAO,UAAU,sBAAuB,CAAA,CAAA,CAC3C,EACF,CACCd,CAAAA,CAAAA,CAAAA,CACH,CACD,EACDa,CAAAA,CAAsB,YAAoC,CAAU,CAAA,SAAA,CAAA,WAAA,KAE9DE,CAA0B,CAAA,CAAA,CAAA,UAAA,CAK9B,CAAC,CAAE,SAAA,CAAAjB,EAAW,KAAAC,CAAAA,CAAAA,CAAO,GAAGE,CAAM,CAAA,CAAGC,IACjCE,GAAuB,CAAA,CAAA,CAAA,KAAA,CAAtB,CACC,GAAKF,CAAAA,CAAAA,CACL,UAAWf,CAAG,CAAA,mCAAA,CAAqCY,GAAS,MAAQD,CAAAA,CAAS,EAC5E,GAAGG,CAAAA,CACN,CACD,EACDc,CAAAA,CAAkB,YAAoC,CAAM,CAAA,KAAA,CAAA,WAAA,KAEtDC,CAA8B,CAAA,CAAA,CAAA,UAAA,CAGlC,CAAC,CAAE,SAAA,CAAAlB,EAAW,GAAGG,CAAM,EAAGC,CAC1BE,GAAAA,GAAAA,CAAuB,YAAtB,CACC,GAAA,CAAKF,EACL,SAAWf,CAAAA,CAAAA,CAAG,2BAA4BW,CAAS,CAAA,CAClD,GAAGG,CACN,CAAA,CACD,EACDe,CAAsB,CAAA,WAAA,CAAoC,YAAU,WAEpE,CAAA,IAAMC,EAAuB,CAAC,CAAE,UAAAnB,CAAW,CAAA,GAAGG,CAAM,CAC3CG,GAAAA,GAAAA,CAAC,QAAK,SAAWjB,CAAAA,CAAAA,CAAG,6CAA8CW,CAAS,CAAA,CAAI,GAAGG,CAAO,CAAA,EAElGgB,EAAqB,WAAc,CAAA,sBAAA","file":"dropdown-menu.mjs","sourcesContent":["import { type ClassValue, clsx } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/utils\"\n\n/**\n * DropdownMenu component for creating accessible dropdown menus.\n * Built on top of Radix UI's DropdownMenu primitive.\n *\n * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-dropdown-menu--docs\n *\n * @example\n * ```tsx\n * <DropdownMenu>\n *   <DropdownMenuTrigger>Open Menu</DropdownMenuTrigger>\n *   <DropdownMenuContent>\n *     <DropdownMenuItem>Item 1</DropdownMenuItem>\n *     <DropdownMenuItem>Item 2</DropdownMenuItem>\n *     <DropdownMenuItem>Item 3</DropdownMenuItem>\n *   </DropdownMenuContent>\n * </DropdownMenu>\n * ```\n */\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {\n    inset?: boolean\n  }\n>(({ className, inset, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubTrigger\n    ref={ref}\n    className={cn(\n      \"flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  >\n    {children}\n    <ChevronRight className=\"ml-auto h-4 w-4\" />\n  </DropdownMenuPrimitive.SubTrigger>\n))\nDropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.SubContent\n    ref={ref}\n    className={cn(\n      \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n  <DropdownMenuPrimitive.Portal>\n    <DropdownMenuPrimitive.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 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\",\n        className\n      )}\n      {...props}\n    />\n  </DropdownMenuPrimitive.Portal>\n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Item\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      inset && \"pl-8\",\n      className\n    )}\n    {...props}\n  />\n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <DropdownMenuPrimitive.CheckboxItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    checked={checked}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Check className=\"h-4 w-4\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.CheckboxItem>\n))\nDropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <DropdownMenuPrimitive.RadioItem\n    ref={ref}\n    className={cn(\n      \"relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\",\n      className\n    )}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <DropdownMenuPrimitive.ItemIndicator>\n        <Circle className=\"h-2 w-2 fill-current\" />\n      </DropdownMenuPrimitive.ItemIndicator>\n    </span>\n    {children}\n  </DropdownMenuPrimitive.RadioItem>\n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Label>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {\n    inset?: boolean\n  }\n>(({ className, inset, ...props }, ref) => (\n  <DropdownMenuPrimitive.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-sm font-semibold\", inset && \"pl-8\", className)}\n    {...props}\n  />\n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,\n  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>\n>(({ className, ...props }, ref) => (\n  <DropdownMenuPrimitive.Separator\n    ref={ref}\n    className={cn(\"-mx-1 my-1 h-px bg-muted\", className)}\n    {...props}\n  />\n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>) => {\n  return <span className={cn(\"ml-auto text-xs tracking-widest opacity-60\", className)} {...props} />\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuRadioGroup\n}\n"]}

package/dist/organisms/sidebar.d.mts

@@ -0,0 +1,328 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as _radix_ui_react_separator from '@radix-ui/react-separator';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+/**
+ * Props interface for the Button component.
+ * Extends the native button HTML attributes and adds support for variants and asChild prop.
+ * Implements proper accessibility features and follows WCAG 2.1 Level AA guidelines.
+ *
+ * @interface ButtonProps
+ * @extends {React.ButtonHTMLAttributes<HTMLButtonElement>}
+ * @extends {VariantProps<typeof buttonVariants>}
+ *
+ * @property {boolean} [asChild] - When true, renders the button as a child component using Radix UI's Slot.
+ * @property {ButtonVariant} [variant] - The visual style variant of the button.
+ * @property {ButtonSize} [size] - The size variant of the button.
+ * @property {string} [className] - Additional CSS classes to apply to the button.
+ * @property {React.ReactNode} [startIcon] - Icon to display before the button text.
+ * @property {React.ReactNode} [endIcon] - Icon to display after the button text.
+ * @property {boolean} [loading] - Whether the button is in a loading state.
+ * @property {string} [type] - The type of button (button, submit, reset). Defaults to "button".
+ * @property {string} [aria-label] - Accessible label for the button. Falls back to button text if not provided.
+ */
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    loading?: boolean;
+    type?: "button" | "submit" | "reset";
+    "aria-label"?: string;
+}
+
+/**
+ * Button variant styles using class-variance-authority.
+ * Defines the visual styles for different button variants and sizes.
+ * Follows WCAG 2.1 Level AA guidelines for accessibility.
+ *
+ * @example
+ * ```tsx
+ * <Button variant="primary" size="lg">Click me</Button>
+ * ```
+ */
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+type SidebarContextProps$1 = {
+    state: "expanded" | "collapsed";
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    openMobile: boolean;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: boolean;
+    toggleSidebar: () => void;
+};
+declare function useSidebar(): SidebarContextProps$1;
+declare const SidebarProvider: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/**
+ * A flexible sidebar component that supports various layouts and configurations.
+ * The sidebar can be positioned on either side of the screen and supports different
+ * visual styles and collapse behaviors.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <Sidebar>
+ *   <SidebarHeader>
+ *     <SidebarTitle>Dashboard</SidebarTitle>
+ *   </SidebarHeader>
+ *   <SidebarContent>
+ *     <SidebarMenu>
+ *       <SidebarMenuItem icon={<HomeIcon />}>Home</SidebarMenuItem>
+ *       <SidebarMenuItem icon={<SettingsIcon />}>Settings</SidebarMenuItem>
+ *     </SidebarMenu>
+ *   </SidebarContent>
+ *   <SidebarFooter>
+ *     <SidebarTrigger />
+ *   </SidebarFooter>
+ * </Sidebar>
+ * ```
+ */
+declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    side?: "left" | "right";
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarTrigger: React.ForwardRefExoticComponent<Omit<ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarRail: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarInset: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const SidebarHeader: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarSeparator: React.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_separator.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupLabel: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarGroupAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarGroupContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenu: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const sidebarMenuButtonVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const SidebarMenuButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    isActive?: boolean;
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<(props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuAction: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    asChild?: boolean;
+    showOnHover?: boolean;
+}, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SidebarMenuBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSkeleton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    showIcon?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SidebarMenuSub: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const SidebarMenuSubItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const SidebarMenuSubButton: React.ForwardRefExoticComponent<Omit<React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    size?: "sm" | "md";
+    isActive?: boolean;
+}, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
+
+/**
+ * Context props for the Sidebar component that manages its state and behavior.
+ * This context provides the necessary state and methods to control the sidebar's
+ * expansion, collapse, and mobile responsiveness.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ */
+type SidebarContextProps = {
+    /** Current state of the sidebar - either expanded or collapsed */
+    state: "expanded" | "collapsed";
+    /** Whether the sidebar is currently open */
+    open: boolean;
+    /** Function to control the sidebar's open state */
+    setOpen: (open: boolean) => void;
+    /** Whether the mobile sidebar is currently open */
+    openMobile: boolean;
+    /** Function to control the mobile sidebar's open state */
+    setOpenMobile: (open: boolean) => void;
+    /** Whether the sidebar is being viewed on a mobile device */
+    isMobile: boolean;
+    /** Function to toggle the sidebar's state */
+    toggleSidebar: () => void;
+};
+/**
+ * Props for the main Sidebar component.
+ * Extends the base div props and adds sidebar-specific configuration options.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <Sidebar
+ *   side="left"
+ *   variant="sidebar"
+ *   collapsible="icon"
+ * >
+ *   <SidebarContent>...</SidebarContent>
+ * </Sidebar>
+ * ```
+ */
+type SidebarProps = React.ComponentProps<"div"> & {
+    /** Position of the sidebar relative to the main content */
+    side?: "left" | "right";
+    /** Visual style variant of the sidebar */
+    variant?: "sidebar" | "floating" | "inset";
+    /** Collapse behavior of the sidebar */
+    collapsible?: "offcanvas" | "icon" | "none";
+};
+/**
+ * Props for the SidebarProvider component that manages sidebar state.
+ * Provides controlled and uncontrolled state management options.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <SidebarProvider defaultOpen={true}>
+ *   <Sidebar>...</Sidebar>
+ * </SidebarProvider>
+ * ```
+ */
+type SidebarProviderProps = React.ComponentProps<"div"> & {
+    /** Initial open state for uncontrolled usage */
+    defaultOpen?: boolean;
+    /** Controlled open state */
+    open?: boolean;
+    /** Callback when open state changes */
+    onOpenChange?: (open: boolean) => void;
+};
+/**
+ * Props for the SidebarMenuButton component.
+ * Extends button props with additional styling and behavior options.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <SidebarMenuButton
+ *   isActive={true}
+ *   tooltip="Dashboard"
+ * >
+ *   <DashboardIcon />
+ * </SidebarMenuButton>
+ * ```
+ */
+type SidebarMenuButtonProps = React.ComponentProps<"button"> & {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Whether the button is currently active */
+    isActive?: boolean;
+    /** Tooltip content or configuration */
+    tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+} & VariantProps<typeof sidebarMenuButtonVariants>;
+/**
+ * Props for the SidebarMenuAction component.
+ * Used for action buttons within the sidebar menu.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <SidebarMenuAction showOnHover>
+ *   <PlusIcon />
+ * </SidebarMenuAction>
+ * ```
+ */
+type SidebarMenuActionProps = React.ComponentProps<"button"> & {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Whether to only show the action on hover */
+    showOnHover?: boolean;
+};
+/**
+ * Props for the SidebarMenuSubButton component.
+ * Used for secondary navigation items within the sidebar.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <SidebarMenuSubButton
+ *   size="sm"
+ *   isActive={true}
+ *   href="/settings/profile"
+ * >
+ *   Profile Settings
+ * </SidebarMenuSubButton>
+ * ```
+ */
+type SidebarMenuSubButtonProps = React.ComponentProps<"a"> & {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+    /** Size variant of the sub-button */
+    size?: "sm" | "md";
+    /** Whether the sub-button is currently active */
+    isActive?: boolean;
+};
+/**
+ * Props for the SidebarMenuSkeleton component.
+ * Used to show loading states in the sidebar menu.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <SidebarMenuSkeleton showIcon />
+ * ```
+ */
+type SidebarMenuSkeletonProps = React.ComponentProps<"div"> & {
+    /** Whether to show an icon skeleton */
+    showIcon?: boolean;
+};
+/**
+ * Props for the SidebarGroupLabel component.
+ * Used to display section labels within the sidebar.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <SidebarGroupLabel>Navigation</SidebarGroupLabel>
+ * ```
+ */
+type SidebarGroupLabelProps = React.ComponentProps<"div"> & {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+};
+/**
+ * Props for the SidebarGroupAction component.
+ * Used for action buttons within sidebar groups.
+ *
+ * @url https://sergii-melnykov.github.io/ui/?path=/docs/organisms-sidebar--docs
+ *
+ * @example
+ * ```tsx
+ * <SidebarGroupAction>
+ *   <SettingsIcon />
+ * </SidebarGroupAction>
+ * ```
+ */
+type SidebarGroupActionProps = React.ComponentProps<"button"> & {
+    /** Whether to render as a child component */
+    asChild?: boolean;
+};
+
+export { Sidebar, SidebarContent, type SidebarContextProps, SidebarFooter, SidebarGroup, SidebarGroupAction, type SidebarGroupActionProps, SidebarGroupContent, SidebarGroupLabel, type SidebarGroupLabelProps, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, type SidebarMenuActionProps, SidebarMenuBadge, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuItem, SidebarMenuSkeleton, type SidebarMenuSkeletonProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarProps, SidebarProvider, type SidebarProviderProps, SidebarRail, SidebarSeparator, SidebarTrigger, sidebarMenuButtonVariants, useSidebar };