@databricks/appkit-ui 0.3.0 → 0.4.1

package/dist/react/ui/menubar.d.ts

@@ -1,36 +1,37 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime169 from "react/jsx-runtime";
+import * as react_jsx_runtime180 from "react/jsx-runtime";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 
 //#region src/react/ui/menubar.d.ts
+/** Horizontal menu bar with dropdown menus */
 declare function Menubar({
   className,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Root>): react_jsx_runtime180.JSX.Element;
 declare function MenubarMenu({
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Menu>): react_jsx_runtime180.JSX.Element;
 declare function MenubarGroup({
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Group>): react_jsx_runtime180.JSX.Element;
 declare function MenubarPortal({
   container,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Portal>): react_jsx_runtime180.JSX.Element;
 declare function MenubarRadioGroup({
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.RadioGroup>): react_jsx_runtime180.JSX.Element;
 declare function MenubarTrigger({
   className,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Trigger>): react_jsx_runtime180.JSX.Element;
 declare function MenubarContent({
   className,
   align,
   alignOffset,
   sideOffset,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Content>): react_jsx_runtime180.JSX.Element;
 declare function MenubarItem({
   className,
   inset,
@@ -39,36 +40,36 @@ declare function MenubarItem({
 }: React$1.ComponentProps<typeof MenubarPrimitive.Item> & {
   inset?: boolean;
   variant?: "default" | "destructive";
-}): react_jsx_runtime169.JSX.Element;
+}): react_jsx_runtime180.JSX.Element;
 declare function MenubarCheckboxItem({
   className,
   children,
   checked,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.CheckboxItem>): react_jsx_runtime180.JSX.Element;
 declare function MenubarRadioItem({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.RadioItem>): react_jsx_runtime180.JSX.Element;
 declare function MenubarLabel({
   className,
   inset,
   ...props
 }: React$1.ComponentProps<typeof MenubarPrimitive.Label> & {
   inset?: boolean;
-}): react_jsx_runtime169.JSX.Element;
+}): react_jsx_runtime180.JSX.Element;
 declare function MenubarSeparator({
   className,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Separator>): react_jsx_runtime180.JSX.Element;
 declare function MenubarShortcut({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime180.JSX.Element;
 declare function MenubarSub({
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.Sub>): react_jsx_runtime180.JSX.Element;
 declare function MenubarSubTrigger({
   className,
   inset,
@@ -76,11 +77,11 @@ declare function MenubarSubTrigger({
   ...props
 }: React$1.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {
   inset?: boolean;
-}): react_jsx_runtime169.JSX.Element;
+}): react_jsx_runtime180.JSX.Element;
 declare function MenubarSubContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime169.JSX.Element;
+}: React$1.ComponentProps<typeof MenubarPrimitive.SubContent>): react_jsx_runtime180.JSX.Element;
 //#endregion
 export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };
 //# sourceMappingURL=menubar.d.ts.map

package/dist/react/ui/menubar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.d.ts","names":[],"sources":["../../../src/react/ui/menubar.tsx"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"menubar.d.ts","names":[],"sources":["../../../src/react/ui/menubar.tsx"],"sourcesContent":[],"mappings":"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"}

package/dist/react/ui/menubar.js

@@ -5,6 +5,7 @@ import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import * as MenubarPrimitive from "@radix-ui/react-menubar";
 
 //#region src/react/ui/menubar.tsx
+/** Horizontal menu bar with dropdown menus */
 function Menubar({ className, ...props }) {
 	return /* @__PURE__ */ jsx(MenubarPrimitive.Root, {
 		"data-slot": "menubar",

package/dist/react/ui/menubar.js.map

@@ -1 +1 @@
-{"version":3,"file":"menubar.js","names":[],"sources":["../../../src/react/ui/menubar.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction Menubar({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn(\n        \"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarMenu({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return (\n    <MenubarPrimitive.Portal\n      data-slot=\"menubar-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return (\n    <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n  );\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in 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 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md\",\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  );\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground 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 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,QAAQ,EACf,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,iBAAiB;EAChB,aAAU;EACV,WAAW,GACT,6EACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,iBAAiB;EAAK,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAAC,iBAAiB;EAAM,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAAC,iBAAiB;EAChB,aAAU;EACV,WAAW,2BAA2B,UAAU;EAChD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,GAAG,SACwD;AAC3D,QACE,oBAAC,iBAAiB;EAAW,aAAU;EAAsB,GAAI;GAAS;;AAI9E,SAAS,eAAe,EACtB,WACA,GAAG,SACqD;AACxD,QACE,oBAAC,iBAAiB;EAChB,aAAU;EACV,WAAW,GACT,2MACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,eAAe,EACtB,WACA,QAAQ,SACR,cAAc,IACd,aAAa,GACb,GAAG,SACqD;AACxD,QACE,oBAAC,2BACC,oBAAC,iBAAiB;EAChB,aAAU;EACH;EACM;EACD;EACZ,WAAW,GACT,4cACA,UACD;EACD,GAAI;GACJ,GACY;;AAIpB,SAAS,YAAY,EACnB,WACA,OACA,UAAU,WACV,GAAG,SAIF;AACD,QACE,oBAAC,iBAAiB;EAChB,aAAU;EACV,cAAY;EACZ,gBAAc;EACd,WAAW,GACT,+mBACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,oBAAoB,EAC3B,WACA,UACA,SACA,GAAG,SAC0D;AAC7D,QACE,qBAAC,iBAAiB;EAChB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACQ;EACT,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,iBAAiB,2BAChB,oBAAC,aAAU,WAAU,WAAW,GACD;IAC5B,EACN;GAC6B;;AAIpC,SAAS,iBAAiB,EACxB,WACA,UACA,GAAG,SACuD;AAC1D,QACE,qBAAC,iBAAiB;EAChB,aAAU;EACV,WAAW,GACT,gTACA,UACD;EACD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aACd,oBAAC,iBAAiB,2BAChB,oBAAC,cAAW,WAAU,wBAAwB,GACf;IAC5B,EACN;GAC0B;;AAIjC,SAAS,aAAa,EACpB,WACA,OACA,GAAG,SAGF;AACD,QACE,oBAAC,iBAAiB;EAChB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,qDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,iBAAiB,EACxB,WACA,GAAG,SACuD;AAC1D,QACE,oBAAC,iBAAiB;EAChB,aAAU;EACV,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,SAAS,gBAAgB,EACvB,WACA,GAAG,SAC4B;AAC/B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,yDACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,WAAW,EAClB,GAAG,SACiD;AACpD,QAAO,oBAAC,iBAAiB;EAAI,aAAU;EAAc,GAAI;GAAS;;AAGpE,SAAS,kBAAkB,EACzB,WACA,OACA,UACA,GAAG,SAGF;AACD,QACE,qBAAC,iBAAiB;EAChB,aAAU;EACV,cAAY;EACZ,WAAW,GACT,gOACA,UACD;EACD,GAAI;aAEH,UACD,oBAAC,oBAAiB,WAAU,oBAAoB;GACpB;;AAIlC,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,iBAAiB;EAChB,aAAU;EACV,WAAW,GACT,2eACA,UACD;EACD,GAAI;GACJ"}
+{"version":3,"file":"menubar.js","names":[],"sources":["../../../src/react/ui/menubar.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\n/** Horizontal menu bar with dropdown menus */\nfunction Menubar({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n  return (\n    <MenubarPrimitive.Root\n      data-slot=\"menubar\"\n      className={cn(\n        \"bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarMenu({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n  return <MenubarPrimitive.Menu data-slot=\"menubar-menu\" {...props} />;\n}\n\nfunction MenubarGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Group>) {\n  return <MenubarPrimitive.Group data-slot=\"menubar-group\" {...props} />;\n}\n\nfunction MenubarPortal({\n  container,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Portal>) {\n  return (\n    <MenubarPrimitive.Portal\n      data-slot=\"menubar-portal\"\n      container={useResolvedPortalContainer(container)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarRadioGroup({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioGroup>) {\n  return (\n    <MenubarPrimitive.RadioGroup data-slot=\"menubar-radio-group\" {...props} />\n  );\n}\n\nfunction MenubarTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Trigger>) {\n  return (\n    <MenubarPrimitive.Trigger\n      data-slot=\"menubar-trigger\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarContent({\n  className,\n  align = \"start\",\n  alignOffset = -4,\n  sideOffset = 8,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Content>) {\n  return (\n    <MenubarPortal>\n      <MenubarPrimitive.Content\n        data-slot=\"menubar-content\"\n        align={align}\n        alignOffset={alignOffset}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground data-[state=open]:animate-in 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 z-50 min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md\",\n          className,\n        )}\n        {...props}\n      />\n    </MenubarPortal>\n  );\n}\n\nfunction MenubarItem({\n  className,\n  inset,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Item> & {\n  inset?: boolean;\n  variant?: \"default\" | \"destructive\";\n}) {\n  return (\n    <MenubarPrimitive.Item\n      data-slot=\"menubar-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.CheckboxItem>) {\n  return (\n    <MenubarPrimitive.CheckboxItem\n      data-slot=\"menubar-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.CheckboxItem>\n  );\n}\n\nfunction MenubarRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.RadioItem>) {\n  return (\n    <MenubarPrimitive.RadioItem\n      data-slot=\"menubar-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <MenubarPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </MenubarPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </MenubarPrimitive.RadioItem>\n  );\n}\n\nfunction MenubarLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.Label\n      data-slot=\"menubar-label\"\n      data-inset={inset}\n      className={cn(\n        \"px-2 py-1.5 text-sm font-medium data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Separator>) {\n  return (\n    <MenubarPrimitive.Separator\n      data-slot=\"menubar-separator\"\n      className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarShortcut({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      data-slot=\"menubar-shortcut\"\n      className={cn(\n        \"text-muted-foreground ml-auto text-xs tracking-widest\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction MenubarSub({\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.Sub>) {\n  return <MenubarPrimitive.Sub data-slot=\"menubar-sub\" {...props} />;\n}\n\nfunction MenubarSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <MenubarPrimitive.SubTrigger\n      data-slot=\"menubar-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto h-4 w-4\" />\n    </MenubarPrimitive.SubTrigger>\n  );\n}\n\nfunction MenubarSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof MenubarPrimitive.SubContent>) {\n  return (\n    <MenubarPrimitive.SubContent\n      data-slot=\"menubar-sub-content\"\n      className={cn(\n        \"bg-popover text-popover-foreground 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 z-50 min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Menubar,\n  MenubarPortal,\n  MenubarMenu,\n  MenubarTrigger,\n  MenubarContent,\n  MenubarGroup,\n  MenubarSeparator,\n  MenubarLabel,\n  MenubarItem,\n  MenubarShortcut,\n  MenubarCheckboxItem,\n  MenubarRadioGroup,\n  MenubarRadioItem,\n  MenubarSub,\n  MenubarSubTrigger,\n  MenubarSubContent,\n};\n"],"mappings":"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"}

package/dist/react/ui/navigation-menu.d.ts

@@ -1,9 +1,10 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime185 from "react/jsx-runtime";
+import * as react_jsx_runtime196 from "react/jsx-runtime";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 import * as class_variance_authority_types9 from "class-variance-authority/types";
 
 //#region src/react/ui/navigation-menu.d.ts
+/** Horizontal navigation menu with dropdown submenus */
 declare function NavigationMenu({
   className,
   children,
@@ -11,37 +12,44 @@ declare function NavigationMenu({
   ...props
 }: React$1.ComponentProps<typeof NavigationMenuPrimitive.Root> & {
   viewport?: boolean;
-}): react_jsx_runtime185.JSX.Element;
+}): react_jsx_runtime196.JSX.Element;
+/** Container list for navigation menu items */
 declare function NavigationMenuList({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.List>): react_jsx_runtime196.JSX.Element;
+/** Individual navigation menu item */
 declare function NavigationMenuItem({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Item>): react_jsx_runtime196.JSX.Element;
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types9.ClassProp | undefined) => string;
+/** Button that opens a navigation submenu */
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Trigger>): react_jsx_runtime196.JSX.Element;
+/** Dropdown content area for navigation submenu */
 declare function NavigationMenuContent({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Content>): react_jsx_runtime196.JSX.Element;
+/** Viewport container for navigation menu content */
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Viewport>): react_jsx_runtime196.JSX.Element;
+/** Clickable link within navigation menu */
 declare function NavigationMenuLink({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Link>): react_jsx_runtime196.JSX.Element;
+/** Visual indicator for active navigation menu item */
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime185.JSX.Element;
+}: React$1.ComponentProps<typeof NavigationMenuPrimitive.Indicator>): react_jsx_runtime196.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.ts.map

package/dist/react/ui/navigation-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/react/ui/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAOS,cAAA;;;;;GAKN,OAAA,CAAM,sBAAsB,uBAAA,CAAwB;;IAEtD,oBAAA,CAAA,GAAA,CAAA;iBAiBQ,kBAAA;;;GAGN,OAAA,CAAM,sBAAsB,uBAAA,CAAwB,QAAK,oBAAA,CAAA,GAAA,CAAA;AAjCe,iBA8ClE,kBAAA,CAxCc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CpB,OAAA,CAAM,cA3Cc,CAAA,OA2CQ,uBAAA,CAAwB,IA3ChC,CAAA,CAAA,EA2CqC,oBAAA,CAAA,GAAA,CAAA,OA3CrC;cAqDjB,0BArDiB,EAAA,CAAA,KAAA,CAAA,EAuDtB,+BAAA,CAF+B,SAAA,GArDT,SAAA,EAAA,GAAA,MAAA;iBAyDd,qBAAA,CAxDP;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA4DC,OAAA,CAAM,cA5DP,CAAA,OA4D6B,uBAAA,CAAwB,OA5DrD,CAAA,CAAA,EA4D6D,oBAAA,CAAA,GAAA,CAAA,OA5D7D;iBA4EO,qBAAA,CA3EP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA8EC,OAAA,CAAM,cA9EP,CAAA,OA8E6B,uBAAA,CAAwB,OA9ErD,CAAA,CAAA,EA8E6D,oBAAA,CAAA,GAAA,CAAA,OA9E7D;iBA4FO,sBAAA,CA3FP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA8FC,OAAA,CAAM,cA9FP,CAAA,OA8F6B,uBAAA,CAAwB,QA9FrD,CAAA,CAAA,EA8F8D,oBAAA,CAAA,GAAA,CAAA,OA9F9D;iBAiHO,kBAAA,CA/G8C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkHpD,OAAA,CAAM,cAlH8C,CAAA,OAkHxB,uBAAA,CAAwB,IAlHA,CAAA,CAAA,EAkHK,oBAAA,CAAA,GAAA,CAAA,OAlHL;iBA+H9C,uBAAA,CA/HA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkIN,OAAA,CAAM,cAlIA,CAAA,OAkIsB,uBAAA,CAAwB,SAlI9C,CAAA,CAAA,EAkIwD,oBAAA,CAAA,GAAA,CAAA,OAlIxD"}
+{"version":3,"file":"navigation-menu.d.ts","names":[],"sources":["../../../src/react/ui/navigation-menu.tsx"],"sourcesContent":[],"mappings":";;;;;;;iBAQS,cAAA;;;;;GAKN,OAAA,CAAM,sBAAsB,uBAAA,CAAwB;;IAEtD,oBAAA,CAAA,GAAA,CAAA;AAd0E;iBAgClE,kBAAA,CAzBc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4BpB,OAAA,CAAM,cA5Bc,CAAA,OA4BQ,uBAAA,CAAwB,IA5BhC,CAAA,CAAA,EA4BqC,oBAAA,CAAA,GAAA,CAAA,OA5BrC;;iBA0Cd,kBAAA,CAxCP;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA2CC,OAAA,CAAM,cA3CP,CAAA,OA2C6B,uBAAA,CAAwB,IA3CrD,CAAA,CAAA,EA2C0D,oBAAA,CAAA,GAAA,CAAA,OA3C1D;cAqDI,0BApDJ,EAAA,CAAA,KAAA,CAAA,EAsDD,+BAAA,CAF+B,SAAA,GApD9B,SAAA,EAAA,GAAA,MAAA;;iBAyDO,qBAAA,CAvDA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA2DN,OAAA,CAAM,cA3DA,CAAA,OA2DsB,uBAAA,CAAwB,OA3D9C,CAAA,CAAA,EA2DsD,oBAAA,CAAA,GAAA,CAAA,OA3DtD;;iBA4EA,qBAAA,CA1ER;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6EE,OAAA,CAAM,cA7ER,CAAA,OA6E8B,uBAAA,CAAwB,OA7EtD,CAAA,CAAA,EA6E8D,oBAAA,CAAA,GAAA,CAAA,OA7E9D;AAAA;iBA4FQ,sBAAA,CA1EkB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6ExB,OAAA,CAAM,cA7EkB,CAAA,OA6EI,uBAAA,CAAwB,QA7E5B,CAAA,CAAA,EA6EqC,oBAAA,CAAA,GAAA,CAAA,OA7ErC;;iBAiGlB,kBAAA,CA9F8C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAiGpD,OAAA,CAAM,cAjG8C,CAAA,OAiGxB,uBAAA,CAAwB,IAjGA,CAAA,CAAA,EAiGK,oBAAA,CAAA,GAAA,CAAA,OAjGL;;iBA+G9C,uBAAA,CA/GmD;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkHzD,OAAA,CAAM,cAlHmD,CAAA,OAkH7B,uBAAA,CAAwB,SAlHK,CAAA,CAAA,EAkHK,oBAAA,CAAA,GAAA,CAAA,OAlHL"}

package/dist/react/ui/navigation-menu.js

@@ -5,6 +5,7 @@ import { cva } from "class-variance-authority";
 import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
 
 //#region src/react/ui/navigation-menu.tsx
+/** Horizontal navigation menu with dropdown submenus */
 function NavigationMenu({ className, children, viewport = true, ...props }) {
 	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Root, {
 		"data-slot": "navigation-menu",
@@ -14,6 +15,7 @@ function NavigationMenu({ className, children, viewport = true, ...props }) {
 		children: [children, viewport && /* @__PURE__ */ jsx(NavigationMenuViewport, {})]
 	});
 }
+/** Container list for navigation menu items */
 function NavigationMenuList({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.List, {
 		"data-slot": "navigation-menu-list",
@@ -21,6 +23,7 @@ function NavigationMenuList({ className, ...props }) {
 		...props
 	});
 }
+/** Individual navigation menu item */
 function NavigationMenuItem({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Item, {
 		"data-slot": "navigation-menu-item",
@@ -29,6 +32,7 @@ function NavigationMenuItem({ className, ...props }) {
 	});
 }
 const navigationMenuTriggerStyle = cva("group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1");
+/** Button that opens a navigation submenu */
 function NavigationMenuTrigger({ className, children, ...props }) {
 	return /* @__PURE__ */ jsxs(NavigationMenuPrimitive.Trigger, {
 		"data-slot": "navigation-menu-trigger",
@@ -44,6 +48,7 @@ function NavigationMenuTrigger({ className, children, ...props }) {
 		]
 	});
 }
+/** Dropdown content area for navigation submenu */
 function NavigationMenuContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Content, {
 		"data-slot": "navigation-menu-content",
@@ -51,6 +56,7 @@ function NavigationMenuContent({ className, ...props }) {
 		...props
 	});
 }
+/** Viewport container for navigation menu content */
 function NavigationMenuViewport({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		className: cn("absolute top-full left-0 isolate z-50 flex justify-center"),
@@ -61,6 +67,7 @@ function NavigationMenuViewport({ className, ...props }) {
 		})
 	});
 }
+/** Clickable link within navigation menu */
 function NavigationMenuLink({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Link, {
 		"data-slot": "navigation-menu-link",
@@ -68,6 +75,7 @@ function NavigationMenuLink({ className, ...props }) {
 		...props
 	});
 }
+/** Visual indicator for active navigation menu item */
 function NavigationMenuIndicator({ className, ...props }) {
 	return /* @__PURE__ */ jsx(NavigationMenuPrimitive.Indicator, {
 		"data-slot": "navigation-menu-indicator",

package/dist/react/ui/navigation-menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../../src/react/ui/navigation-menu.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\",\n);\n\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n        \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        \"absolute top-full left-0 isolate z-50 flex justify-center\",\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n"],"mappings":";;;;;;;AAOA,SAAS,eAAe,EACtB,WACA,UACA,WAAW,MACX,GAAG,SAGF;AACD,QACE,qBAAC,wBAAwB;EACvB,aAAU;EACV,iBAAe;EACf,WAAW,GACT,oFACA,UACD;EACD,GAAI;aAEH,UACA,YAAY,oBAAC,2BAAyB;GACV;;AAInC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;GACJ;;AAIN,MAAM,6BAA6B,IACjC,+fACD;AAED,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;AAC/D,QACE,qBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAI;;GAEH;GAAU;GACX,oBAAC;IACC,WAAU;IACV,eAAY;KACZ;;GAC8B;;AAItC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,oWACA,6hCACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC;EACC,WAAW,GACT,4DACD;YAED,oBAAC,wBAAwB;GACvB,aAAU;GACV,WAAW,GACT,sVACA,UACD;GACD,GAAI;IACJ;GACE;;AAIV,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,ydACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;AACjE,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,gMACA,UACD;EACD,GAAI;YAEJ,oBAAC,SAAI,WAAU,2EAA2E;GACxD"}
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../../src/react/ui/navigation-menu.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport { cva } from \"class-variance-authority\";\nimport { ChevronDownIcon } from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\n\n/** Horizontal navigation menu with dropdown submenus */\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn(\n        \"group/navigation-menu relative flex max-w-max flex-1 items-center justify-center\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\n/** Container list for navigation menu items */\nfunction NavigationMenuList({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn(\n        \"group flex flex-1 list-none items-center justify-center gap-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Individual navigation menu item */\nfunction NavigationMenuItem({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return (\n    <NavigationMenuPrimitive.Item\n      data-slot=\"navigation-menu-item\"\n      className={cn(\"relative\", className)}\n      {...props}\n    />\n  );\n}\n\nconst navigationMenuTriggerStyle = cva(\n  \"group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1\",\n);\n\n/** Button that opens a navigation submenu */\nfunction NavigationMenuTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger\n      data-slot=\"navigation-menu-trigger\"\n      className={cn(navigationMenuTriggerStyle(), \"group\", className)}\n      {...props}\n    >\n      {children}{\" \"}\n      <ChevronDownIcon\n        className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\"\n        aria-hidden=\"true\"\n      />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\n/** Dropdown content area for navigation submenu */\nfunction NavigationMenuContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Content>) {\n  return (\n    <NavigationMenuPrimitive.Content\n      data-slot=\"navigation-menu-content\"\n      className={cn(\n        \"data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 top-0 left-0 w-full p-2 pr-2.5 md:absolute md:w-auto\",\n        \"group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:data-[state=open]:animate-in group-data-[viewport=false]/navigation-menu:data-[state=closed]:animate-out group-data-[viewport=false]/navigation-menu:data-[state=closed]:zoom-out-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-[state=open]:fade-in-0 group-data-[viewport=false]/navigation-menu:data-[state=closed]:fade-out-0 group-data-[viewport=false]/navigation-menu:top-full group-data-[viewport=false]/navigation-menu:mt-1.5 group-data-[viewport=false]/navigation-menu:overflow-hidden group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:border group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:duration-200 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Viewport container for navigation menu content */\nfunction NavigationMenuViewport({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div\n      className={cn(\n        \"absolute top-full left-0 isolate z-50 flex justify-center\",\n      )}\n    >\n      <NavigationMenuPrimitive.Viewport\n        data-slot=\"navigation-menu-viewport\"\n        className={cn(\n          \"origin-top-center bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border shadow md:w-[var(--radix-navigation-menu-viewport-width)]\",\n          className,\n        )}\n        {...props}\n      />\n    </div>\n  );\n}\n\n/** Clickable link within navigation menu */\nfunction NavigationMenuLink({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        \"data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus-visible:ring-ring/50 [&_svg:not([class*='text-'])]:text-muted-foreground flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Visual indicator for active navigation menu item */\nfunction NavigationMenuIndicator({\n  className,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        \"data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuList,\n  NavigationMenuItem,\n  NavigationMenuContent,\n  NavigationMenuTrigger,\n  NavigationMenuLink,\n  NavigationMenuIndicator,\n  NavigationMenuViewport,\n  navigationMenuTriggerStyle,\n};\n"],"mappings":";;;;;;;;AAQA,SAAS,eAAe,EACtB,WACA,UACA,WAAW,MACX,GAAG,SAGF;AACD,QACE,qBAAC,wBAAwB;EACvB,aAAU;EACV,iBAAe;EACf,WAAW,GACT,oFACA,UACD;EACD,GAAI;aAEH,UACA,YAAY,oBAAC,2BAAyB;GACV;;;AAKnC,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,iEACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;GACJ;;AAIN,MAAM,6BAA6B,IACjC,+fACD;;AAGD,SAAS,sBAAsB,EAC7B,WACA,UACA,GAAG,SAC4D;AAC/D,QACE,qBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GAAG,4BAA4B,EAAE,SAAS,UAAU;EAC/D,GAAI;;GAEH;GAAU;GACX,oBAAC;IACC,WAAU;IACV,eAAY;KACZ;;GAC8B;;;AAKtC,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC4D;AAC/D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,oWACA,6hCACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,uBAAuB,EAC9B,WACA,GAAG,SAC6D;AAChE,QACE,oBAAC;EACC,WAAW,GACT,4DACD;YAED,oBAAC,wBAAwB;GACvB,aAAU;GACV,WAAW,GACT,sVACA,UACD;GACD,GAAI;IACJ;GACE;;;AAKV,SAAS,mBAAmB,EAC1B,WACA,GAAG,SACyD;AAC5D,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,ydACA,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,wBAAwB,EAC/B,WACA,GAAG,SAC8D;AACjE,QACE,oBAAC,wBAAwB;EACvB,aAAU;EACV,WAAW,GACT,gMACA,UACD;EACD,GAAI;YAEJ,oBAAC,SAAI,WAAU,2EAA2E;GACxD"}

package/dist/react/ui/pagination.d.ts

@@ -1,40 +1,47 @@
 import { Button } from "./button.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime193 from "react/jsx-runtime";
+import * as react_jsx_runtime204 from "react/jsx-runtime";
 
 //#region src/react/ui/pagination.d.ts
+/** Navigation component for paginated content */
 declare function Pagination({
   className,
   ...props
-}: React$1.ComponentProps<"nav">): react_jsx_runtime193.JSX.Element;
+}: React$1.ComponentProps<"nav">): react_jsx_runtime204.JSX.Element;
+/** Container for pagination items */
 declare function PaginationContent({
   className,
   ...props
-}: React$1.ComponentProps<"ul">): react_jsx_runtime193.JSX.Element;
+}: React$1.ComponentProps<"ul">): react_jsx_runtime204.JSX.Element;
+/** Individual pagination item wrapper */
 declare function PaginationItem({
   ...props
-}: React$1.ComponentProps<"li">): react_jsx_runtime193.JSX.Element;
+}: React$1.ComponentProps<"li">): react_jsx_runtime204.JSX.Element;
 type PaginationLinkProps = {
   isActive?: boolean;
 } & Pick<React$1.ComponentProps<typeof Button>, "size"> & React$1.ComponentProps<"a">;
+/** Clickable link for navigating to a specific page */
 declare function PaginationLink({
   className,
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime193.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime204.JSX.Element;
+/** Button for navigating to the previous page */
 declare function PaginationPrevious({
   className,
   ...props
-}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime193.JSX.Element;
+}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime204.JSX.Element;
+/** Button for navigating to the next page */
 declare function PaginationNext({
   className,
   ...props
-}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime193.JSX.Element;
+}: React$1.ComponentProps<typeof PaginationLink>): react_jsx_runtime204.JSX.Element;
+/** Ellipsis indicator for skipped page numbers */
 declare function PaginationEllipsis({
   className,
   ...props
-}: React$1.ComponentProps<"span">): react_jsx_runtime193.JSX.Element;
+}: React$1.ComponentProps<"span">): react_jsx_runtime204.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.ts.map

package/dist/react/ui/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../src/react/ui/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;iBAUS,UAAA;;;GAAoC,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;iBAY/D,iBAAA;;;GAGN,OAAA,CAAM,uBAAoB,oBAAA,CAAA,GAAA,CAAA;iBAUpB,cAAA;;GAA6B,OAAA,CAAM,uBAAoB,oBAAA,CAAA,GAAA,CAAA;AA3BT,KA+BlD,mBAAA,GA7Bc;EAAA,QAAA,CAAA,EAAA,OAAA;IA+Bf,IA/BkB,CA+Bb,OAAA,CAAM,cA/BO,CAAA,OA+Be,MA/Bf,CAAA,EAAA,MAAA,CAAA,GAgCpB,OAAA,CAAM,cAhCc,CAAA,GAAA,CAAA;iBAkCb,cAAA,CAlC0C;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EAuChD,mBAvCgD,CAAA,EAuC7B,oBAAA,CAAA,GAAA,CAAA,OAvC6B;iBAyD1C,kBAAA,CAzD+D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA4DrE,OAAA,CAAM,cA5D+D,CAAA,OA4DzC,cA5DyC,CAAA,CAAA,EA4D1B,oBAAA,CAAA,GAAA,CAAA,OA5D0B;iBA0E/D,cAAA,CA1E+D;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6ErE,OAAA,CAAM,cA7E+D,CAAA,OA6EzC,cA7EyC,CAAA,CAAA,EA6E1B,oBAAA,CAAA,GAAA,CAAA,OA7E0B;AAAA,iBA2F/D,kBAAA,CA/EiB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkFvB,OAAA,CAAM,cAlFiB,CAAA,MAAA,CAAA,CAAA,EAkFK,oBAAA,CAAA,GAAA,CAAA,OAlFL"}
+{"version":3,"file":"pagination.d.ts","names":[],"sources":["../../../src/react/ui/pagination.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAWS,UAAA;;;GAAoC,OAAA,CAAM,wBAAqB,oBAAA,CAAA,GAAA,CAAA;;AAHjB,iBAgB9C,iBAAA,CAbU;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgBhB,OAAA,CAAM,cAhBU,CAAA,IAAA,CAAA,CAAA,EAgBU,oBAAA,CAAA,GAAA,CAAA,OAhBV;;iBA2BV,cAAA,CA3Ba;EAAA,GAAA;AAAA,CAAA,EA2BgB,OAAA,CAAM,cA3BtB,CAAA,IAAA,CAAA,CAAA,EA2B0C,oBAAA,CAAA,GAAA,CAAA,OA3B1C;KA+BjB,mBAAA,GA/B8C;UAAqB,CAAA,EAAA,OAAA;CAAA,GAiCpE,IAjCoE,CAiC/D,OAAA,CAAM,cAjCyD,CAAA,OAiCnC,MAjCmC,CAAA,EAAA,MAAA,CAAA,GAkCtE,OAAA,CAAM,cAlCgE,CAAA,GAAA,CAAA;AAAA;iBAqC/D,cAAA,CAxBiB;EAAA,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,CAAA,EA6BvB,mBA7BuB,CAAA,EA6BJ,oBAAA,CAAA,GAAA,CAAA,OA7BI;;iBAgDjB,kBAAA,CA7CA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAgDN,OAAA,CAAM,cAhDA,CAAA,OAgDsB,cAhDtB,CAAA,CAAA,EAgDqC,oBAAA,CAAA,GAAA,CAAA,OAhDrC;;iBA+DA,cAAA,CA/DoB;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkE1B,OAAA,CAAM,cAlEoB,CAAA,OAkEE,cAlEF,CAAA,CAAA,EAkEiB,oBAAA,CAAA,GAAA,CAAA,OAlEjB;AAAA;iBAiFpB,kBAAA,CAtEc;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyEpB,OAAA,CAAM,cAzEc,CAAA,MAAA,CAAA,CAAA,EAyEQ,oBAAA,CAAA,GAAA,CAAA,OAzER"}

package/dist/react/ui/pagination.js

@@ -4,6 +4,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
 
 //#region src/react/ui/pagination.tsx
+/** Navigation component for paginated content */
 function Pagination({ className, ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		role: "navigation",
@@ -13,6 +14,7 @@ function Pagination({ className, ...props }) {
 		...props
 	});
 }
+/** Container for pagination items */
 function PaginationContent({ className, ...props }) {
 	return /* @__PURE__ */ jsx("ul", {
 		"data-slot": "pagination-content",
@@ -20,12 +22,14 @@ function PaginationContent({ className, ...props }) {
 		...props
 	});
 }
+/** Individual pagination item wrapper */
 function PaginationItem({ ...props }) {
 	return /* @__PURE__ */ jsx("li", {
 		"data-slot": "pagination-item",
 		...props
 	});
 }
+/** Clickable link for navigating to a specific page */
 function PaginationLink({ className, isActive, size = "icon", ...props }) {
 	return /* @__PURE__ */ jsx("a", {
 		"aria-current": isActive ? "page" : void 0,
@@ -38,6 +42,7 @@ function PaginationLink({ className, isActive, size = "icon", ...props }) {
 		...props
 	});
 }
+/** Button for navigating to the previous page */
 function PaginationPrevious({ className, ...props }) {
 	return /* @__PURE__ */ jsxs(PaginationLink, {
 		"aria-label": "Go to previous page",
@@ -50,6 +55,7 @@ function PaginationPrevious({ className, ...props }) {
 		})]
 	});
 }
+/** Button for navigating to the next page */
 function PaginationNext({ className, ...props }) {
 	return /* @__PURE__ */ jsxs(PaginationLink, {
 		"aria-label": "Go to next page",
@@ -62,6 +68,7 @@ function PaginationNext({ className, ...props }) {
 		}), /* @__PURE__ */ jsx(ChevronRightIcon, {})]
 	});
 }
+/** Ellipsis indicator for skipped page numbers */
 function PaginationEllipsis({ className, ...props }) {
 	return /* @__PURE__ */ jsxs("span", {
 		"aria-hidden": true,

package/dist/react/ui/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/react/ui/pagination.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { type Button, buttonVariants } from \"./button\";\n\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex flex-row items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n        }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction PaginationPrevious({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"mappings":";;;;;;AAUA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;GACJ;;AAIN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,oBAAC;EAAG,aAAU;EAAkB,GAAI;GAAS;;AAQtD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,oBAAC;EACC,gBAAc,WAAW,SAAS;EAClC,aAAU;EACV,eAAa;EACb,WAAW,GACT,eAAe;GACb,SAAS,WAAW,YAAY;GAChC;GACD,CAAC,EACF,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC2C;AAC9C,QACE,qBAAC;EACC,cAAW;EACX,MAAK;EACL,WAAW,GAAG,0BAA0B,UAAU;EAClD,GAAI;aAEJ,oBAAC,oBAAkB,EACnB,oBAAC;GAAK,WAAU;aAAkB;IAAe;GAClC;;AAIrB,SAAS,eAAe,EACtB,WACA,GAAG,SAC2C;AAC9C,QACE,qBAAC;EACC,cAAW;EACX,MAAK;EACL,WAAW,GAAG,0BAA0B,UAAU;EAClD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aAAkB;IAAW,EAC7C,oBAAC,qBAAmB;GACL;;AAIrB,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,qBAAC;EACC;EACA,aAAU;EACV,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;aAEJ,oBAAC,sBAAmB,WAAU,WAAW,EACzC,oBAAC;GAAK,WAAU;aAAU;IAAiB;GACtC"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/react/ui/pagination.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport {\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  MoreHorizontalIcon,\n} from \"lucide-react\";\n\nimport { cn } from \"../lib/utils\";\nimport { type Button, buttonVariants } from \"./button\";\n\n/** Navigation component for paginated content */\nfunction Pagination({ className, ...props }: React.ComponentProps<\"nav\">) {\n  return (\n    <nav\n      role=\"navigation\"\n      aria-label=\"pagination\"\n      data-slot=\"pagination\"\n      className={cn(\"mx-auto flex w-full justify-center\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Container for pagination items */\nfunction PaginationContent({\n  className,\n  ...props\n}: React.ComponentProps<\"ul\">) {\n  return (\n    <ul\n      data-slot=\"pagination-content\"\n      className={cn(\"flex flex-row items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Individual pagination item wrapper */\nfunction PaginationItem({ ...props }: React.ComponentProps<\"li\">) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, \"size\"> &\n  React.ComponentProps<\"a\">;\n\n/** Clickable link for navigating to a specific page */\nfunction PaginationLink({\n  className,\n  isActive,\n  size = \"icon\",\n  ...props\n}: PaginationLinkProps) {\n  return (\n    <a\n      aria-current={isActive ? \"page\" : undefined}\n      data-slot=\"pagination-link\"\n      data-active={isActive}\n      className={cn(\n        buttonVariants({\n          variant: isActive ? \"outline\" : \"ghost\",\n          size,\n        }),\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Button for navigating to the previous page */\nfunction PaginationPrevious({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to previous page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pl-2.5\", className)}\n      {...props}\n    >\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\n/** Button for navigating to the next page */\nfunction PaginationNext({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink\n      aria-label=\"Go to next page\"\n      size=\"default\"\n      className={cn(\"gap-1 px-2.5 sm:pr-2.5\", className)}\n      {...props}\n    >\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\n/** Ellipsis indicator for skipped page numbers */\nfunction PaginationEllipsis({\n  className,\n  ...props\n}: React.ComponentProps<\"span\">) {\n  return (\n    <span\n      aria-hidden\n      data-slot=\"pagination-ellipsis\"\n      className={cn(\"flex size-9 items-center justify-center\", className)}\n      {...props}\n    >\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n};\n"],"mappings":";;;;;;;AAWA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAsC;AACxE,QACE,oBAAC;EACC,MAAK;EACL,cAAW;EACX,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;;AAKN,SAAS,kBAAkB,EACzB,WACA,GAAG,SAC0B;AAC7B,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;GACJ;;;AAKN,SAAS,eAAe,EAAE,GAAG,SAAqC;AAChE,QAAO,oBAAC;EAAG,aAAU;EAAkB,GAAI;GAAS;;;AAStD,SAAS,eAAe,EACtB,WACA,UACA,OAAO,QACP,GAAG,SACmB;AACtB,QACE,oBAAC;EACC,gBAAc,WAAW,SAAS;EAClC,aAAU;EACV,eAAa;EACb,WAAW,GACT,eAAe;GACb,SAAS,WAAW,YAAY;GAChC;GACD,CAAC,EACF,UACD;EACD,GAAI;GACJ;;;AAKN,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC2C;AAC9C,QACE,qBAAC;EACC,cAAW;EACX,MAAK;EACL,WAAW,GAAG,0BAA0B,UAAU;EAClD,GAAI;aAEJ,oBAAC,oBAAkB,EACnB,oBAAC;GAAK,WAAU;aAAkB;IAAe;GAClC;;;AAKrB,SAAS,eAAe,EACtB,WACA,GAAG,SAC2C;AAC9C,QACE,qBAAC;EACC,cAAW;EACX,MAAK;EACL,WAAW,GAAG,0BAA0B,UAAU;EAClD,GAAI;aAEJ,oBAAC;GAAK,WAAU;aAAkB;IAAW,EAC7C,oBAAC,qBAAmB;GACL;;;AAKrB,SAAS,mBAAmB,EAC1B,WACA,GAAG,SAC4B;AAC/B,QACE,qBAAC;EACC;EACA,aAAU;EACV,WAAW,GAAG,2CAA2C,UAAU;EACnE,GAAI;aAEJ,oBAAC,sBAAmB,WAAU,WAAW,EACzC,oBAAC;GAAK,WAAU;aAAU;IAAiB;GACtC"}

package/dist/react/ui/popover.d.ts

@@ -1,23 +1,24 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime200 from "react/jsx-runtime";
+import * as react_jsx_runtime211 from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 //#region src/react/ui/popover.d.ts
+/** Floating content panel anchored to a trigger element */
 declare function Popover({
   ...props
-}: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime200.JSX.Element;
+}: React$1.ComponentProps<typeof PopoverPrimitive.Root>): react_jsx_runtime211.JSX.Element;
 declare function PopoverTrigger({
   ...props
-}: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime200.JSX.Element;
+}: React$1.ComponentProps<typeof PopoverPrimitive.Trigger>): react_jsx_runtime211.JSX.Element;
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime200.JSX.Element;
+}: React$1.ComponentProps<typeof PopoverPrimitive.Content>): react_jsx_runtime211.JSX.Element;
 declare function PopoverAnchor({
   ...props
-}: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime200.JSX.Element;
+}: React$1.ComponentProps<typeof PopoverPrimitive.Anchor>): react_jsx_runtime211.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.ts.map

package/dist/react/ui/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","names":[],"sources":["../../../src/react/ui/popover.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,OAAA;;GAEN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAI5C,cAAA;;GAEN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,WAAQ,oBAAA,CAAA,GAAA,CAAA;iBAI/C,cAAA;;;;;GAKN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,WAAQ,oBAAA,CAAA,GAAA,CAAA;AAtBI,iBAuCnD,aAAA,CAlCO;EAAA,GAAA;AAAA,CAAA,EAoCb,OAAA,CAAM,cApCO,CAAA,OAoCe,gBAAA,CAAiB,MApChC,CAAA,CAAA,EAoCuC,oBAAA,CAAA,GAAA,CAAA,OApCvC"}
+{"version":3,"file":"popover.d.ts","names":[],"sources":["../../../src/react/ui/popover.tsx"],"sourcesContent":[],"mappings":";;;;;;iBASS,OAAA;;GAEN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAI5C,cAAA;;GAEN,OAAA,CAAM,sBAAsB,gBAAA,CAAiB,WAAQ,oBAAA,CAAA,GAAA,CAAA;AAdI,iBAkBnD,cAAA,CAZO;EAAA,SAAA;EAAA,KAAA;EAAA,UAAA;EAAA,GAAA;AAAA,CAAA,EAiBb,OAAA,CAAM,cAjBO,CAAA,OAiBe,gBAAA,CAAiB,OAjBhC,CAAA,CAAA,EAiBwC,oBAAA,CAAA,GAAA,CAAA,OAjBxC;iBAkCP,aAAA,CAlCO;EAAA,GAAA;AAAA,CAAA,EAoCb,OAAA,CAAM,cApCO,CAAA,OAoCe,gBAAA,CAAiB,MApChC,CAAA,CAAA,EAoCuC,oBAAA,CAAA,GAAA,CAAA,OApCvC"}

package/dist/react/ui/popover.js

@@ -6,6 +6,7 @@ import { jsx } from "react/jsx-runtime";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 //#region src/react/ui/popover.tsx
+/** Floating content panel anchored to a trigger element */
 function Popover({ ...props }) {
 	return /* @__PURE__ */ jsx(PopoverPrimitive.Root, {
 		"data-slot": "popover",

package/dist/react/ui/popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"popover.js","names":[],"sources":["../../../src/react/ui/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal container={useResolvedPortalContainer()}>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"mappings":";;;;;;;;AAQA,SAAS,QAAQ,EACf,GAAG,SACkD;AACrD,QAAO,oBAAC,iBAAiB;EAAK,aAAU;EAAU,GAAI;GAAS;;AAGjE,SAAS,eAAe,EACtB,GAAG,SACqD;AACxD,QAAO,oBAAC,iBAAiB;EAAQ,aAAU;EAAkB,GAAI;GAAS;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,aAAa,GACb,GAAG,SACqD;AACxD,QACE,oBAAC,iBAAiB;EAAO,WAAW,4BAA4B;YAC9D,oBAAC,iBAAiB;GAChB,aAAU;GACH;GACK;GACZ,WAAW,GACT,keACA,UACD;GACD,GAAI;IACJ;GACsB;;AAI9B,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAAC,iBAAiB;EAAO,aAAU;EAAiB,GAAI;GAAS"}
+{"version":3,"file":"popover.js","names":[],"sources":["../../../src/react/ui/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport type * as React from \"react\";\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\";\n\nimport { cn } from \"../lib/utils\";\nimport { useResolvedPortalContainer } from \"../portal-container-context\";\n\n/** Floating content panel anchored to a trigger element */\nfunction Popover({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n  return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n}\n\nfunction PopoverTrigger({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n  return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n}\n\nfunction PopoverContent({\n  className,\n  align = \"center\",\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Content>) {\n  return (\n    <PopoverPrimitive.Portal container={useResolvedPortalContainer()}>\n      <PopoverPrimitive.Content\n        data-slot=\"popover-content\"\n        align={align}\n        sideOffset={sideOffset}\n        className={cn(\n          \"bg-popover text-popover-foreground 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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden\",\n          className,\n        )}\n        {...props}\n      />\n    </PopoverPrimitive.Portal>\n  );\n}\n\nfunction PopoverAnchor({\n  ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n  return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n}\n\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };\n"],"mappings":";;;;;;;;;AASA,SAAS,QAAQ,EACf,GAAG,SACkD;AACrD,QAAO,oBAAC,iBAAiB;EAAK,aAAU;EAAU,GAAI;GAAS;;AAGjE,SAAS,eAAe,EACtB,GAAG,SACqD;AACxD,QAAO,oBAAC,iBAAiB;EAAQ,aAAU;EAAkB,GAAI;GAAS;;AAG5E,SAAS,eAAe,EACtB,WACA,QAAQ,UACR,aAAa,GACb,GAAG,SACqD;AACxD,QACE,oBAAC,iBAAiB;EAAO,WAAW,4BAA4B;YAC9D,oBAAC,iBAAiB;GAChB,aAAU;GACH;GACK;GACZ,WAAW,GACT,keACA,UACD;GACD,GAAI;IACJ;GACsB;;AAI9B,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAAC,iBAAiB;EAAO,aAAU;EAAiB,GAAI;GAAS"}

package/dist/react/ui/progress.d.ts

@@ -1,13 +1,14 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime204 from "react/jsx-runtime";
+import * as react_jsx_runtime215 from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 
 //#region src/react/ui/progress.d.ts
+/** Visual indicator showing task completion percentage */
 declare function Progress({
   className,
   value,
   ...props
-}: React$1.ComponentProps<typeof ProgressPrimitive.Root>): react_jsx_runtime204.JSX.Element;
+}: React$1.ComponentProps<typeof ProgressPrimitive.Root>): react_jsx_runtime215.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.ts.map

package/dist/react/ui/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","names":[],"sources":["../../../src/react/ui/progress.tsx"],"sourcesContent":[],"mappings":";;;;;iBAKS,QAAA;;;;GAIN,OAAA,CAAM,sBAAsB,iBAAA,CAAkB,QAAK,oBAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"progress.d.ts","names":[],"sources":["../../../src/react/ui/progress.tsx"],"sourcesContent":[],"mappings":";;;;;;iBAMS,QAAA;;;;GAIN,OAAA,CAAM,sBAAsB,iBAAA,CAAkB,QAAK,oBAAA,CAAA,GAAA,CAAA"}

package/dist/react/ui/progress.js

@@ -3,6 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
 
 //#region src/react/ui/progress.tsx
+/** Visual indicator showing task completion percentage */
 function Progress({ className, value, ...props }) {
 	return /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
 		"data-slot": "progress",