@customafk/lunas-ui 0.2.5 → 0.2.7

package/dist/ui/navigation-menu.mjs

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{cva as t}from"class-variance-authority";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ChevronDownIcon as i}from"lucide-react";import{NavigationMenu as a}from"radix-ui";function o({className:t,children:i,viewport:o=!0,...s}){return r(a.Root,{"data-slot":`navigation-menu`,"data-viewport":o,className:e(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,t),...s,children:[i,o&&n(f,{})]})}function s({className:t,...r}){return n(a.List,{"data-slot":`navigation-menu-list`,className:e(`group flex flex-1 list-none items-center justify-center gap-1`,t),...r})}function c({className:t,...r}){return n(a.Item,{"data-slot":`navigation-menu-item`,className:e(`relative`,t),...r})}const l=t([`group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium`,`outline-none transition-[color,box-shadow]`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`disabled:pointer-events-none`,`disabled:opacity-50`,`data-[state=open]:hover:bg-muted-muted`,`data-[state=open]:text-text-positive-strong`,`data-[state=open]:focus:bg-muted-muted`,`data-[state=open]:bg-muted-weak`,`focus-visible:ring-primary-weak`,`focus-visible:ring-[3px]`,`focus-visible:outline-1`]);function u({className:t,children:o,...s}){return r(a.Trigger,{"data-slot":`navigation-menu-trigger`,className:e(l(),`group`,t),...s,children:[o,` `,n(i,{className:`relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180`,"aria-hidden":`true`})]})}function d({className:t,...r}){return n(a.Content,{"data-slot":`navigation-menu-content`,className:e(`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`,`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`,t),...r})}function f({className:t,...r}){return n(`div`,{className:e(`absolute top-full left-0 isolate z-50 flex justify-center`),children:n(a.Viewport,{"data-slot":`navigation-menu-viewport`,className:e(`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)]`,t),...r})})}function p({className:t,...r}){return n(a.Link,{"data-slot":`navigation-menu-link`,className:e(`text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:ring-[3px]`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`[&_svg:not([class*='size-'])]:size-4`,`data-[active=true]:focus:bg-muted-muted`,`data-[active=true]:hover:bg-muted-muted`,`data-[active=true]:bg-muted-weak`,`data-[active=true]:text-text-positive-strong`,t),...r})}function m({className:t,...r}){return n(a.Indicator,{"data-slot":`navigation-menu-indicator`,className:e(`top-full z-1 flex h-1.5 items-end justify-center overflow-hidden`,`data-[state=visible]:animate-in`,`data-[state=hidden]:animate-out`,`data-[state=hidden]:fade-out`,`data-[state=visible]:fade-in`,t),...r,children:n(`div`,{className:`bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md`})})}export{o as NavigationMenu,d as NavigationMenuContent,m as NavigationMenuIndicator,c as NavigationMenuItem,p as NavigationMenuLink,s as NavigationMenuList,u as NavigationMenuTrigger,f as NavigationMenuViewport,l as navigationMenuTriggerStyle};
+"use client";import{ChevronDownIcon as e}from"lucide-react";import{jsx as t,jsxs as n}from"react/jsx-runtime";import{cn as r}from"@customafk/react-toolkit/utils";import{cva as i}from"class-variance-authority";import{NavigationMenu as a}from"radix-ui";function o({className:e,children:i,viewport:o=!0,...s}){return n(a.Root,{"data-slot":`navigation-menu`,"data-viewport":o,className:r(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,e),...s,children:[i,o&&t(f,{})]})}function s({className:e,...n}){return t(a.List,{"data-slot":`navigation-menu-list`,className:r(`group flex flex-1 list-none items-center justify-center gap-1`,e),...n})}function c({className:e,...n}){return t(a.Item,{"data-slot":`navigation-menu-item`,className:r(`relative`,e),...n})}const l=i([`group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium`,`outline-none transition-[color,box-shadow]`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`disabled:pointer-events-none`,`disabled:opacity-50`,`data-[state=open]:hover:bg-muted-muted`,`data-[state=open]:text-text-positive-strong`,`data-[state=open]:focus:bg-muted-muted`,`data-[state=open]:bg-muted-weak`,`focus-visible:ring-primary-weak`,`focus-visible:ring-[3px]`,`focus-visible:outline-1`]);function u({className:i,children:o,...s}){return n(a.Trigger,{"data-slot":`navigation-menu-trigger`,className:r(l(),`group`,i),...s,children:[o,` `,t(e,{className:`relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180`,"aria-hidden":`true`})]})}function d({className:e,...n}){return t(a.Content,{"data-slot":`navigation-menu-content`,className:r(`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`,`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`,e),...n})}function f({className:e,...n}){return t(`div`,{className:r(`absolute top-full left-0 isolate z-50 flex justify-center`),children:t(a.Viewport,{"data-slot":`navigation-menu-viewport`,className:r(`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)]`,e),...n})})}function p({className:e,...n}){return t(a.Link,{"data-slot":`navigation-menu-link`,className:r(`text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none`,`hover:bg-muted-muted`,`hover:text-text-positive-strong`,`focus:bg-muted-muted`,`focus:text-text-positive-strong`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:ring-[3px]`,`[&_svg:not([class*='text-'])]:text-text-positive-weak`,`[&_svg:not([class*='size-'])]:size-4`,`data-[active=true]:focus:bg-muted-muted`,`data-[active=true]:hover:bg-muted-muted`,`data-[active=true]:bg-muted-weak`,`data-[active=true]:text-text-positive-strong`,e),...n})}function m({className:e,...n}){return t(a.Indicator,{"data-slot":`navigation-menu-indicator`,className:r(`top-full z-1 flex h-1.5 items-end justify-center overflow-hidden`,`data-[state=visible]:animate-in`,`data-[state=hidden]:animate-out`,`data-[state=hidden]:fade-out`,`data-[state=visible]:fade-in`,e),...n,children:t(`div`,{className:`bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md`})})}export{o as NavigationMenu,d as NavigationMenuContent,m as NavigationMenuIndicator,c as NavigationMenuItem,p as NavigationMenuLink,s as NavigationMenuList,u as NavigationMenuTrigger,f as NavigationMenuViewport,l as navigationMenuTriggerStyle};
 //# sourceMappingURL=navigation-menu.mjs.map

package/dist/ui/navigation-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-menu.mjs","names":["NavigationMenuPrimitive"],"sources":["../../packages/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cva } from 'class-variance-authority';\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';\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('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\nfunction NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />;\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',\n  'outline-none transition-[color,box-shadow]',\n  'hover:bg-muted-muted',\n  'hover:text-text-positive-strong',\n  'focus:bg-muted-muted',\n  'focus:text-text-positive-strong',\n  'disabled:pointer-events-none',\n  'disabled:opacity-50',\n  'data-[state=open]:hover:bg-muted-muted',\n  'data-[state=open]:text-text-positive-strong',\n  'data-[state=open]:focus:bg-muted-muted',\n  'data-[state=open]:bg-muted-weak',\n  'focus-visible:ring-primary-weak',\n  'focus-visible:ring-[3px]',\n  'focus-visible:outline-1',\n]);\n\nfunction NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger data-slot=\"navigation-menu-trigger\" className={cn(navigationMenuTriggerStyle(), 'group', className)} {...props}>\n      {children} <ChevronDownIcon className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\" aria-hidden=\"true\" />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\nfunction NavigationMenuContent({ className, ...props }: 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({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className={cn('absolute top-full left-0 isolate z-50 flex justify-center')}>\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({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none',\n        'hover:bg-muted-muted',\n        'hover:text-text-positive-strong',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:outline-1',\n        'focus-visible:ring-[3px]',\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        'data-[active=true]:focus:bg-muted-muted',\n        'data-[active=true]:hover:bg-muted-muted',\n        'data-[active=true]:bg-muted-weak',\n        'data-[active=true]:text-text-positive-strong',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',\n        'data-[state=visible]:animate-in',\n        'data-[state=hidden]:animate-out',\n        'data-[state=hidden]:fade-out',\n        'data-[state=visible]:fade-in',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  // eslint-disable-next-line react-refresh/only-export-components\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n"],"mappings":"2PAQA,SAAS,EAAe,CACtB,YACA,WACA,WAAW,GACX,GAAG,GAGF,CACD,OACE,EAACA,EAAwB,KAAA,CACvB,YAAU,kBACV,gBAAe,EACf,UAAW,EAAG,mFAAoF,EAAU,CAC5G,GAAI,YAEH,EACA,GAAY,EAAC,EAAA,EAAA,CAAyB,CAAA,EACV,CAInC,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAACA,EAAwB,KAAA,CACvB,YAAU,uBACV,UAAW,EAAG,gEAAiE,EAAU,CACzF,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OAAO,EAACA,EAAwB,KAAA,CAAK,YAAU,uBAAuB,UAAW,EAAG,WAAY,EAAU,CAAE,GAAI,GAAS,CAG3H,MAAM,EAA6B,EAAI,CACrC,iHACA,6CACA,uBACA,kCACA,uBACA,kCACA,+BACA,sBACA,yCACA,8CACA,yCACA,kCACA,kCACA,2BACA,0BACD,CAAC,CAEF,SAAS,EAAsB,CAAE,YAAW,WAAU,GAAG,GAAuE,CAC9H,OACE,EAACA,EAAwB,QAAA,CAAQ,YAAU,0BAA0B,UAAW,EAAG,GAA4B,CAAE,QAAS,EAAU,CAAE,GAAI,YACvI,EAAS,IAAC,EAAC,EAAA,CAAgB,UAAU,4FAA4F,cAAY,QAAS,GACvH,CAItC,SAAS,EAAsB,CAAE,YAAW,GAAG,GAAuE,CACpH,OACE,EAACA,EAAwB,QAAA,CACvB,YAAU,0BACV,UAAW,EACT,mWACA,4hCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAAC,MAAA,CAAI,UAAW,EAAG,4DAA4D,UAC7E,EAACA,EAAwB,SAAA,CACvB,YAAU,2BACV,UAAW,EACT,qVACA,EACD,CACD,GAAI,GACJ,EACE,CAIV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAACA,EAAwB,KAAA,CACvB,YAAU,uBACV,UAAW,EACT,4FACA,uBACA,kCACA,uBACA,kCACA,kCACA,0BACA,2BACA,wDACA,uCACA,0CACA,0CACA,mCACA,+CACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAwB,CAAE,YAAW,GAAG,GAAyE,CACxH,OACE,EAACA,EAAwB,UAAA,CACvB,YAAU,4BACV,UAAW,EACT,mEACA,kCACA,kCACA,+BACA,+BACA,EACD,CACD,GAAI,WAEJ,EAAC,MAAA,CAAI,UAAU,uEAAA,CAAyE,EACtD"}
+{"version":3,"file":"navigation-menu.mjs","names":["NavigationMenuPrimitive"],"sources":["../../packages/components/ui/navigation-menu.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ChevronDownIcon } from 'lucide-react';\n\nimport { cva } from 'class-variance-authority';\nimport { NavigationMenu as NavigationMenuPrimitive } from 'radix-ui';\n\n/**\n * Root provider for the NavigationMenu — a horizontal nav bar with dropdown content panels.\n *\n * @example\n * ```tsx\n * import {\n *   NavigationMenu, NavigationMenuList, NavigationMenuItem,\n *   NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink,\n * } from '@customafk/lunas-ui/ui/navigation-menu';\n *\n * <NavigationMenu>\n *   <NavigationMenuList>\n *     <NavigationMenuItem>\n *       <NavigationMenuTrigger>Products</NavigationMenuTrigger>\n *       <NavigationMenuContent>\n *         <NavigationMenuLink href=\"/products\">All Products</NavigationMenuLink>\n *       </NavigationMenuContent>\n *     </NavigationMenuItem>\n *   </NavigationMenuList>\n * </NavigationMenu>\n * ```\n */\nfunction NavigationMenu({\n  className,\n  children,\n  viewport = true,\n  ...props\n}: React.ComponentProps<typeof NavigationMenuPrimitive.Root> & {\n  /** When false, the viewport animation panel is omitted (useful for inline menus). */\n  viewport?: boolean;\n}) {\n  return (\n    <NavigationMenuPrimitive.Root\n      data-slot=\"navigation-menu\"\n      data-viewport={viewport}\n      className={cn('group/navigation-menu relative flex max-w-max flex-1 items-center justify-center', className)}\n      {...props}\n    >\n      {children}\n      {viewport && <NavigationMenuViewport />}\n    </NavigationMenuPrimitive.Root>\n  );\n}\n\n/** Horizontal list that holds NavigationMenuItems. */\nfunction NavigationMenuList({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.List>) {\n  return (\n    <NavigationMenuPrimitive.List\n      data-slot=\"navigation-menu-list\"\n      className={cn('group flex flex-1 list-none items-center justify-center gap-1', className)}\n      {...props}\n    />\n  );\n}\n\n/** A single navigation entry that may contain a trigger and a dropdown content panel. */\nfunction NavigationMenuItem({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Item>) {\n  return <NavigationMenuPrimitive.Item data-slot=\"navigation-menu-item\" className={cn('relative', className)} {...props} />;\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',\n  'outline-none transition-[color,box-shadow]',\n  'hover:bg-muted-muted',\n  'hover:text-text-positive-strong',\n  'focus:bg-muted-muted',\n  'focus:text-text-positive-strong',\n  'disabled:pointer-events-none',\n  'disabled:opacity-50',\n  'data-[state=open]:hover:bg-muted-muted',\n  'data-[state=open]:text-text-positive-strong',\n  'data-[state=open]:focus:bg-muted-muted',\n  'data-[state=open]:bg-muted-weak',\n  'focus-visible:ring-primary-weak',\n  'focus-visible:ring-[3px]',\n  'focus-visible:outline-1',\n]);\n\n/** Button that opens the associated NavigationMenuContent panel on focus or hover. */\nfunction NavigationMenuTrigger({ className, children, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Trigger>) {\n  return (\n    <NavigationMenuPrimitive.Trigger data-slot=\"navigation-menu-trigger\" className={cn(navigationMenuTriggerStyle(), 'group', className)} {...props}>\n      {children} <ChevronDownIcon className=\"relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180\" aria-hidden=\"true\" />\n    </NavigationMenuPrimitive.Trigger>\n  );\n}\n\n/** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */\nfunction NavigationMenuContent({ className, ...props }: 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/** Animated viewport container that hosts the active NavigationMenuContent. */\nfunction NavigationMenuViewport({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Viewport>) {\n  return (\n    <div className={cn('absolute top-full left-0 isolate z-50 flex justify-center')}>\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/** A styled link used inside NavigationMenuContent that highlights when active. */\nfunction NavigationMenuLink({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n  return (\n    <NavigationMenuPrimitive.Link\n      data-slot=\"navigation-menu-link\"\n      className={cn(\n        'text-text-positive flex flex-col gap-1 rounded-sm p-2 text-sm transition-all outline-none',\n        'hover:bg-muted-muted',\n        'hover:text-text-positive-strong',\n        'focus:bg-muted-muted',\n        'focus:text-text-positive-strong',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:outline-1',\n        'focus-visible:ring-[3px]',\n        \"[&_svg:not([class*='text-'])]:text-text-positive-weak\",\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        'data-[active=true]:focus:bg-muted-muted',\n        'data-[active=true]:hover:bg-muted-muted',\n        'data-[active=true]:bg-muted-weak',\n        'data-[active=true]:text-text-positive-strong',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\n/** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */\nfunction NavigationMenuIndicator({ className, ...props }: React.ComponentProps<typeof NavigationMenuPrimitive.Indicator>) {\n  return (\n    <NavigationMenuPrimitive.Indicator\n      data-slot=\"navigation-menu-indicator\"\n      className={cn(\n        'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden',\n        'data-[state=visible]:animate-in',\n        'data-[state=hidden]:animate-out',\n        'data-[state=hidden]:fade-out',\n        'data-[state=visible]:fade-in',\n        className\n      )}\n      {...props}\n    >\n      <div className=\"bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md\" />\n    </NavigationMenuPrimitive.Indicator>\n  );\n}\n\nexport {\n  NavigationMenu,\n  NavigationMenuContent,\n  NavigationMenuIndicator,\n  NavigationMenuItem,\n  NavigationMenuLink,\n  NavigationMenuList,\n  NavigationMenuTrigger,\n  // eslint-disable-next-line react-refresh/only-export-components\n  navigationMenuTriggerStyle,\n  NavigationMenuViewport,\n};\n"],"mappings":"2PA8BA,SAAS,EAAe,CACtB,YACA,WACA,WAAW,GACX,GAAG,GAIF,CACD,OACE,EAACA,EAAwB,KAAA,CACvB,YAAU,kBACV,gBAAe,EACf,UAAW,EAAG,mFAAoF,EAAU,CAC5G,GAAI,YAEH,EACA,GAAY,EAAC,EAAA,EAAA,CAAyB,CAAA,EACV,CAKnC,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAACA,EAAwB,KAAA,CACvB,YAAU,uBACV,UAAW,EAAG,gEAAiE,EAAU,CACzF,GAAI,GACJ,CAKN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OAAO,EAACA,EAAwB,KAAA,CAAK,YAAU,uBAAuB,UAAW,EAAG,WAAY,EAAU,CAAE,GAAI,GAAS,CAG3H,MAAM,EAA6B,EAAI,CACrC,iHACA,6CACA,uBACA,kCACA,uBACA,kCACA,+BACA,sBACA,yCACA,8CACA,yCACA,kCACA,kCACA,2BACA,0BACD,CAAC,CAGF,SAAS,EAAsB,CAAE,YAAW,WAAU,GAAG,GAAuE,CAC9H,OACE,EAACA,EAAwB,QAAA,CAAQ,YAAU,0BAA0B,UAAW,EAAG,GAA4B,CAAE,QAAS,EAAU,CAAE,GAAI,YACvI,EAAS,IAAC,EAAC,EAAA,CAAgB,UAAU,4FAA4F,cAAY,QAAS,GACvH,CAKtC,SAAS,EAAsB,CAAE,YAAW,GAAG,GAAuE,CACpH,OACE,EAACA,EAAwB,QAAA,CACvB,YAAU,0BACV,UAAW,EACT,mWACA,4hCACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAAC,MAAA,CAAI,UAAW,EAAG,4DAA4D,UAC7E,EAACA,EAAwB,SAAA,CACvB,YAAU,2BACV,UAAW,EACT,qVACA,EACD,CACD,GAAI,GACJ,EACE,CAKV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAACA,EAAwB,KAAA,CACvB,YAAU,uBACV,UAAW,EACT,4FACA,uBACA,kCACA,uBACA,kCACA,kCACA,0BACA,2BACA,wDACA,uCACA,0CACA,0CACA,mCACA,+CACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAwB,CAAE,YAAW,GAAG,GAAyE,CACxH,OACE,EAACA,EAAwB,UAAA,CACvB,YAAU,4BACV,UAAW,EACT,mEACA,kCACA,kCACA,+BACA,+BACA,EACD,CACD,GAAI,WAEJ,EAAC,MAAA,CAAI,UAAU,uEAAA,CAAyE,EACtD"}

package/dist/ui/pagination.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../button.variants-aqkTmzFu.cjs`);let n=require(`@customafk/react-toolkit/utils`),r=require(`react/jsx-runtime`),i=require(`lucide-react`);function a({className:e,...t}){return(0,r.jsx)(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:(0,n.cn)(`mx-auto flex w-full justify-center`,e),...t})}function o({className:e,...t}){return(0,r.jsx)(`ul`,{"data-slot":`pagination-content`,className:(0,n.cn)(`flex flex-row items-center gap-1`,e),...t})}function s({...e}){return(0,r.jsx)(`li`,{"data-slot":`pagination-item`,...e})}function c({className:e,isActive:i,size:a=`icon`,...o}){return(0,r.jsx)(`a`,{"aria-current":i?`page`:void 0,"data-slot":`pagination-link`,"data-active":i,className:(0,n.cn)(t.n({variant:i?`outline`:`ghost`,size:a}),e),...o})}function l({className:e,...t}){return(0,r.jsxs)(c,{"aria-label":`Go to previous page`,size:`default`,className:(0,n.cn)(`gap-1 px-2.5 sm:pl-2.5`,e),...t,children:[(0,r.jsx)(i.ChevronLeftIcon,{}),(0,r.jsx)(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function u({className:e,...t}){return(0,r.jsxs)(c,{"aria-label":`Go to next page`,size:`default`,className:(0,n.cn)(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[(0,r.jsx)(`span`,{className:`hidden sm:block`,children:`Next`}),(0,r.jsx)(i.ChevronRightIcon,{})]})}function d({className:e,...t}){return(0,r.jsxs)(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:(0,n.cn)(`flex size-9 items-center justify-center`,e),...t,children:[(0,r.jsx)(i.MoreHorizontalIcon,{className:`size-4`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}exports.Pagination=a,exports.PaginationContent=o,exports.PaginationEllipsis=d,exports.PaginationItem=s,exports.PaginationLink=c,exports.PaginationNext=u,exports.PaginationPrevious=l;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../button.variants-tnhb123u.cjs`);let n=require(`lucide-react`),r=require(`react/jsx-runtime`),i=require(`@customafk/react-toolkit/utils`);function a({className:e,...t}){return(0,r.jsx)(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:(0,i.cn)(`mx-auto flex w-full justify-center`,e),...t})}function o({className:e,...t}){return(0,r.jsx)(`ul`,{"data-slot":`pagination-content`,className:(0,i.cn)(`flex flex-row items-center gap-1`,e),...t})}function s({...e}){return(0,r.jsx)(`li`,{"data-slot":`pagination-item`,...e})}function c({className:e,isActive:n,size:a=`icon`,...o}){return(0,r.jsx)(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,className:(0,i.cn)(t.n({variant:n?`outline`:`ghost`,size:a}),e),...o})}function l({className:e,...t}){return(0,r.jsxs)(c,{"aria-label":`Go to previous page`,size:`default`,className:(0,i.cn)(`gap-1 px-2.5 sm:pl-2.5`,e),...t,children:[(0,r.jsx)(n.ChevronLeftIcon,{}),(0,r.jsx)(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function u({className:e,...t}){return(0,r.jsxs)(c,{"aria-label":`Go to next page`,size:`default`,className:(0,i.cn)(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[(0,r.jsx)(`span`,{className:`hidden sm:block`,children:`Next`}),(0,r.jsx)(n.ChevronRightIcon,{})]})}function d({className:e,...t}){return(0,r.jsxs)(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:(0,i.cn)(`flex size-9 items-center justify-center`,e),...t,children:[(0,r.jsx)(n.MoreHorizontalIcon,{className:`size-4`}),(0,r.jsx)(`span`,{className:`sr-only`,children:`More pages`})]})}exports.Pagination=a,exports.PaginationContent=o,exports.PaginationEllipsis=d,exports.PaginationItem=s,exports.PaginationLink=c,exports.PaginationNext=u,exports.PaginationPrevious=l;
 //# sourceMappingURL=pagination.cjs.map

package/dist/ui/pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.cjs","names":["buttonVariants","ChevronLeftIcon","ChevronRightIcon","MoreHorizontalIcon"],"sources":["../../packages/components/ui/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { Button } from '@/components/ui/button';\nimport { buttonVariants } from './button.variants';\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav role=\"navigation\" aria-label=\"pagination\" data-slot=\"pagination\" className={cn('mx-auto flex w-full justify-center', className)} {...props} />;\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex flex-row items-center gap-1', className)} {...props} />;\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({ className, isActive, size = 'icon', ...props }: 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({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pl-2.5', className)} {...props}>\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pr-2.5', className)} {...props}>\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span aria-hidden data-slot=\"pagination-ellipsis\" className={cn('flex size-9 items-center justify-center', className)} {...props}>\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };\n"],"mappings":"4MASA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,KAAK,aAAa,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAG5J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAqC,CAC9E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGvH,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,GAAI,GAAS,CAQtD,SAAS,EAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,GAAG,GAA8B,CAC7F,OACE,EAAA,EAAA,KAAC,IAAA,CACC,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,kBACV,cAAa,EACb,WAAA,EAAA,EAAA,IACEA,EAAAA,EAAe,CACb,QAAS,EAAW,UAAY,QAChC,OACD,CAAC,CACF,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAsD,CAChG,OACE,EAAA,EAAA,MAAC,EAAA,CAAe,aAAW,sBAAsB,KAAK,UAAU,WAAA,EAAA,EAAA,IAAc,yBAA0B,EAAU,CAAE,GAAI,aACtH,EAAA,EAAA,KAACC,EAAAA,gBAAAA,EAAAA,CAAkB,EACnB,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,2BAAkB,YAAe,CAAA,EAClC,CAIrB,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsD,CAC5F,OACE,EAAA,EAAA,MAAC,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,WAAA,EAAA,EAAA,IAAc,yBAA0B,EAAU,CAAE,GAAI,aAClH,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,2BAAkB,QAAW,EAC7C,EAAA,EAAA,KAACC,EAAAA,iBAAAA,EAAAA,CAAmB,CAAA,EACL,CAIrB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAA,EAAA,MAAC,OAAA,CAAK,cAAA,GAAY,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,0CAA2C,EAAU,CAAE,GAAI,aACzH,EAAA,EAAA,KAACC,EAAAA,mBAAAA,CAAmB,UAAU,SAAA,CAAW,EACzC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,cAAiB,CAAA,EACtC"}
+{"version":3,"file":"pagination.cjs","names":["buttonVariants","ChevronLeftIcon","ChevronRightIcon","MoreHorizontalIcon"],"sources":["../../packages/components/ui/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { Button } from '@/components/ui/button';\nimport { buttonVariants } from './button.variants';\n\n/**\n * Root `<nav>` wrapper for a Pagination control with accessible ARIA attributes.\n *\n * @example\n * ```tsx\n * import {\n *   Pagination, PaginationContent, PaginationItem,\n *   PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis,\n * } from '@customafk/lunas-ui/ui/pagination';\n *\n * <Pagination>\n *   <PaginationContent>\n *     <PaginationItem><PaginationPrevious href=\"?page=1\" /></PaginationItem>\n *     <PaginationItem><PaginationLink href=\"?page=2\" isActive>2</PaginationLink></PaginationItem>\n *     <PaginationItem><PaginationEllipsis /></PaginationItem>\n *     <PaginationItem><PaginationNext href=\"?page=3\" /></PaginationItem>\n *   </PaginationContent>\n * </Pagination>\n * ```\n */\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav role=\"navigation\" aria-label=\"pagination\" data-slot=\"pagination\" className={cn('mx-auto flex w-full justify-center', className)} {...props} />;\n}\n\n/** Horizontal list that holds PaginationItem elements. */\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex flex-row items-center gap-1', className)} {...props} />;\n}\n\n/** Wrapper `<li>` for a single pagination button or link. */\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  /** When true, the link is styled as the currently active page. */\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, 'size'> &\n  React.ComponentProps<'a'>;\n\n/** An anchor-based page link styled as a button, highlighted when `isActive` is true. */\nfunction PaginationLink({ className, isActive, size = 'icon', ...props }: 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/** \"Previous page\" navigation link with a left chevron icon. */\nfunction PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pl-2.5', className)} {...props}>\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\n/** \"Next page\" navigation link with a right chevron icon. */\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pr-2.5', className)} {...props}>\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\n/** Ellipsis indicator rendered between non-adjacent page numbers. */\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span aria-hidden data-slot=\"pagination-ellipsis\" className={cn('flex size-9 items-center justify-center', className)} {...props}>\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };\n"],"mappings":"4MA6BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAA,EAAA,KAAC,MAAA,CAAI,KAAK,aAAa,aAAW,aAAa,YAAU,aAAa,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAI5J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAqC,CAC9E,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,qBAAqB,WAAA,EAAA,EAAA,IAAc,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAIvH,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,kBAAkB,GAAI,GAAS,CAUtD,SAAS,EAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,GAAG,GAA8B,CAC7F,OACE,EAAA,EAAA,KAAC,IAAA,CACC,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,kBACV,cAAa,EACb,WAAA,EAAA,EAAA,IACEA,EAAAA,EAAe,CACb,QAAS,EAAW,UAAY,QAChC,OACD,CAAC,CACF,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAsD,CAChG,OACE,EAAA,EAAA,MAAC,EAAA,CAAe,aAAW,sBAAsB,KAAK,UAAU,WAAA,EAAA,EAAA,IAAc,yBAA0B,EAAU,CAAE,GAAI,aACtH,EAAA,EAAA,KAACC,EAAAA,gBAAAA,EAAAA,CAAkB,EACnB,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,2BAAkB,YAAe,CAAA,EAClC,CAKrB,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsD,CAC5F,OACE,EAAA,EAAA,MAAC,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,WAAA,EAAA,EAAA,IAAc,yBAA0B,EAAU,CAAE,GAAI,aAClH,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,2BAAkB,QAAW,EAC7C,EAAA,EAAA,KAACC,EAAAA,iBAAAA,EAAAA,CAAmB,CAAA,EACL,CAKrB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAA,EAAA,MAAC,OAAA,CAAK,cAAA,GAAY,YAAU,sBAAsB,WAAA,EAAA,EAAA,IAAc,0CAA2C,EAAU,CAAE,GAAI,aACzH,EAAA,EAAA,KAACC,EAAAA,mBAAAA,CAAmB,UAAU,SAAA,CAAW,EACzC,EAAA,EAAA,KAAC,OAAA,CAAK,UAAU,mBAAU,cAAiB,CAAA,EACtC"}

package/dist/ui/pagination.d.cts

@@ -1,39 +1,67 @@
-import { t as Button } from "../button-DYZCqN6A.cjs";
-import * as react_jsx_runtime165 from "react/jsx-runtime";
+import { t as Button } from "../button-Bn54lPVz.cjs";
+import * as react_jsx_runtime206 from "react/jsx-runtime";
 
 //#region packages/components/ui/pagination.d.ts
+
+/**
+ * Root `<nav>` wrapper for a Pagination control with accessible ARIA attributes.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Pagination, PaginationContent, PaginationItem,
+ *   PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis,
+ * } from '@customafk/lunas-ui/ui/pagination';
+ *
+ * <Pagination>
+ *   <PaginationContent>
+ *     <PaginationItem><PaginationPrevious href="?page=1" /></PaginationItem>
+ *     <PaginationItem><PaginationLink href="?page=2" isActive>2</PaginationLink></PaginationItem>
+ *     <PaginationItem><PaginationEllipsis /></PaginationItem>
+ *     <PaginationItem><PaginationNext href="?page=3" /></PaginationItem>
+ *   </PaginationContent>
+ * </Pagination>
+ * ```
+ */
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime206.JSX.Element;
+/** Horizontal list that holds PaginationItem elements. */
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime206.JSX.Element;
+/** Wrapper `<li>` for a single pagination button or link. */
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime206.JSX.Element;
 type PaginationLinkProps = {
+  /** When true, the link is styled as the currently active page. */
   isActive?: boolean;
 } & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
+/** An anchor-based page link styled as a button, highlighted when `isActive` is true. */
 declare function PaginationLink({
   className,
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime165.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime206.JSX.Element;
+/** "Previous page" navigation link with a left chevron icon. */
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime206.JSX.Element;
+/** "Next page" navigation link with a right chevron icon. */
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime206.JSX.Element;
+/** Ellipsis indicator rendered between non-adjacent page numbers. */
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime165.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime206.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.cts.map

package/dist/ui/pagination.d.mts

@@ -1,39 +1,67 @@
-import { t as Button } from "../button-B5a1UlC_.mjs";
-import * as react_jsx_runtime119 from "react/jsx-runtime";
+import { t as Button } from "../button-C76drZpd.mjs";
+import * as react_jsx_runtime199 from "react/jsx-runtime";
 
 //#region packages/components/ui/pagination.d.ts
+
+/**
+ * Root `<nav>` wrapper for a Pagination control with accessible ARIA attributes.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Pagination, PaginationContent, PaginationItem,
+ *   PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis,
+ * } from '@customafk/lunas-ui/ui/pagination';
+ *
+ * <Pagination>
+ *   <PaginationContent>
+ *     <PaginationItem><PaginationPrevious href="?page=1" /></PaginationItem>
+ *     <PaginationItem><PaginationLink href="?page=2" isActive>2</PaginationLink></PaginationItem>
+ *     <PaginationItem><PaginationEllipsis /></PaginationItem>
+ *     <PaginationItem><PaginationNext href="?page=3" /></PaginationItem>
+ *   </PaginationContent>
+ * </Pagination>
+ * ```
+ */
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react_jsx_runtime119.JSX.Element;
+}: React.ComponentProps<'nav'>): react_jsx_runtime199.JSX.Element;
+/** Horizontal list that holds PaginationItem elements. */
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react_jsx_runtime119.JSX.Element;
+}: React.ComponentProps<'ul'>): react_jsx_runtime199.JSX.Element;
+/** Wrapper `<li>` for a single pagination button or link. */
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react_jsx_runtime119.JSX.Element;
+}: React.ComponentProps<'li'>): react_jsx_runtime199.JSX.Element;
 type PaginationLinkProps = {
+  /** When true, the link is styled as the currently active page. */
   isActive?: boolean;
 } & Pick<React.ComponentProps<typeof Button>, 'size'> & React.ComponentProps<'a'>;
+/** An anchor-based page link styled as a button, highlighted when `isActive` is true. */
 declare function PaginationLink({
   className,
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react_jsx_runtime119.JSX.Element;
+}: PaginationLinkProps): react_jsx_runtime199.JSX.Element;
+/** "Previous page" navigation link with a left chevron icon. */
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime119.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime199.JSX.Element;
+/** "Next page" navigation link with a right chevron icon. */
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime119.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime199.JSX.Element;
+/** Ellipsis indicator rendered between non-adjacent page numbers. */
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react_jsx_runtime119.JSX.Element;
+}: React.ComponentProps<'span'>): react_jsx_runtime199.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.mts.map

package/dist/ui/pagination.mjs

@@ -1,2 +1,2 @@
-"use client";import{n as e}from"../button.variants-B_dFX3i2.mjs";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ChevronLeftIcon as i,ChevronRightIcon as a,MoreHorizontalIcon as o}from"lucide-react";function s({className:e,...r}){return n(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:t(`mx-auto flex w-full justify-center`,e),...r})}function c({className:e,...r}){return n(`ul`,{"data-slot":`pagination-content`,className:t(`flex flex-row items-center gap-1`,e),...r})}function l({...e}){return n(`li`,{"data-slot":`pagination-item`,...e})}function u({className:r,isActive:i,size:a=`icon`,...o}){return n(`a`,{"aria-current":i?`page`:void 0,"data-slot":`pagination-link`,"data-active":i,className:t(e({variant:i?`outline`:`ghost`,size:a}),r),...o})}function d({className:e,...a}){return r(u,{"aria-label":`Go to previous page`,size:`default`,className:t(`gap-1 px-2.5 sm:pl-2.5`,e),...a,children:[n(i,{}),n(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function f({className:e,...i}){return r(u,{"aria-label":`Go to next page`,size:`default`,className:t(`gap-1 px-2.5 sm:pr-2.5`,e),...i,children:[n(`span`,{className:`hidden sm:block`,children:`Next`}),n(a,{})]})}function p({className:e,...i}){return r(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:t(`flex size-9 items-center justify-center`,e),...i,children:[n(o,{className:`size-4`}),n(`span`,{className:`sr-only`,children:`More pages`})]})}export{s as Pagination,c as PaginationContent,p as PaginationEllipsis,l as PaginationItem,u as PaginationLink,f as PaginationNext,d as PaginationPrevious};
+"use client";import{n as e}from"../button.variants-DeCyas1F.mjs";import{ChevronLeftIcon as t,ChevronRightIcon as n,MoreHorizontalIcon as r}from"lucide-react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cn as o}from"@customafk/react-toolkit/utils";function s({className:e,...t}){return i(`nav`,{role:`navigation`,"aria-label":`pagination`,"data-slot":`pagination`,className:o(`mx-auto flex w-full justify-center`,e),...t})}function c({className:e,...t}){return i(`ul`,{"data-slot":`pagination-content`,className:o(`flex flex-row items-center gap-1`,e),...t})}function l({...e}){return i(`li`,{"data-slot":`pagination-item`,...e})}function u({className:t,isActive:n,size:r=`icon`,...a}){return i(`a`,{"aria-current":n?`page`:void 0,"data-slot":`pagination-link`,"data-active":n,className:o(e({variant:n?`outline`:`ghost`,size:r}),t),...a})}function d({className:e,...n}){return a(u,{"aria-label":`Go to previous page`,size:`default`,className:o(`gap-1 px-2.5 sm:pl-2.5`,e),...n,children:[i(t,{}),i(`span`,{className:`hidden sm:block`,children:`Previous`})]})}function f({className:e,...t}){return a(u,{"aria-label":`Go to next page`,size:`default`,className:o(`gap-1 px-2.5 sm:pr-2.5`,e),...t,children:[i(`span`,{className:`hidden sm:block`,children:`Next`}),i(n,{})]})}function p({className:e,...t}){return a(`span`,{"aria-hidden":!0,"data-slot":`pagination-ellipsis`,className:o(`flex size-9 items-center justify-center`,e),...t,children:[i(r,{className:`size-4`}),i(`span`,{className:`sr-only`,children:`More pages`})]})}export{s as Pagination,c as PaginationContent,p as PaginationEllipsis,l as PaginationItem,u as PaginationLink,f as PaginationNext,d as PaginationPrevious};
 //# sourceMappingURL=pagination.mjs.map

package/dist/ui/pagination.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.mjs","names":[],"sources":["../../packages/components/ui/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { Button } from '@/components/ui/button';\nimport { buttonVariants } from './button.variants';\n\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav role=\"navigation\" aria-label=\"pagination\" data-slot=\"pagination\" className={cn('mx-auto flex w-full justify-center', className)} {...props} />;\n}\n\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex flex-row items-center gap-1', className)} {...props} />;\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({ className, isActive, size = 'icon', ...props }: 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({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pl-2.5', className)} {...props}>\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pr-2.5', className)} {...props}>\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span aria-hidden data-slot=\"pagination-ellipsis\" className={cn('flex size-9 items-center justify-center', className)} {...props}>\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };\n"],"mappings":"oQASA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,KAAK,aAAa,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAG5J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAqC,CAC9E,OAAO,EAAC,KAAA,CAAG,YAAU,qBAAqB,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAGvH,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,GAAI,GAAS,CAQtD,SAAS,EAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,GAAG,GAA8B,CAC7F,OACE,EAAC,IAAA,CACC,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,kBACV,cAAa,EACb,UAAW,EACT,EAAe,CACb,QAAS,EAAW,UAAY,QAChC,OACD,CAAC,CACF,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAsD,CAChG,OACE,EAAC,EAAA,CAAe,aAAW,sBAAsB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YACtH,EAAC,EAAA,EAAA,CAAkB,CACnB,EAAC,OAAA,CAAK,UAAU,2BAAkB,YAAe,CAAA,EAClC,CAIrB,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsD,CAC5F,OACE,EAAC,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YAClH,EAAC,OAAA,CAAK,UAAU,2BAAkB,QAAW,CAC7C,EAAC,EAAA,EAAA,CAAmB,CAAA,EACL,CAIrB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAC,OAAA,CAAK,cAAA,GAAY,YAAU,sBAAsB,UAAW,EAAG,0CAA2C,EAAU,CAAE,GAAI,YACzH,EAAC,EAAA,CAAmB,UAAU,SAAA,CAAW,CACzC,EAAC,OAAA,CAAK,UAAU,mBAAU,cAAiB,CAAA,EACtC"}
+{"version":3,"file":"pagination.mjs","names":[],"sources":["../../packages/components/ui/pagination.tsx"],"sourcesContent":["'use client';\n\nimport { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport type { Button } from '@/components/ui/button';\nimport { buttonVariants } from './button.variants';\n\n/**\n * Root `<nav>` wrapper for a Pagination control with accessible ARIA attributes.\n *\n * @example\n * ```tsx\n * import {\n *   Pagination, PaginationContent, PaginationItem,\n *   PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis,\n * } from '@customafk/lunas-ui/ui/pagination';\n *\n * <Pagination>\n *   <PaginationContent>\n *     <PaginationItem><PaginationPrevious href=\"?page=1\" /></PaginationItem>\n *     <PaginationItem><PaginationLink href=\"?page=2\" isActive>2</PaginationLink></PaginationItem>\n *     <PaginationItem><PaginationEllipsis /></PaginationItem>\n *     <PaginationItem><PaginationNext href=\"?page=3\" /></PaginationItem>\n *   </PaginationContent>\n * </Pagination>\n * ```\n */\nfunction Pagination({ className, ...props }: React.ComponentProps<'nav'>) {\n  return <nav role=\"navigation\" aria-label=\"pagination\" data-slot=\"pagination\" className={cn('mx-auto flex w-full justify-center', className)} {...props} />;\n}\n\n/** Horizontal list that holds PaginationItem elements. */\nfunction PaginationContent({ className, ...props }: React.ComponentProps<'ul'>) {\n  return <ul data-slot=\"pagination-content\" className={cn('flex flex-row items-center gap-1', className)} {...props} />;\n}\n\n/** Wrapper `<li>` for a single pagination button or link. */\nfunction PaginationItem({ ...props }: React.ComponentProps<'li'>) {\n  return <li data-slot=\"pagination-item\" {...props} />;\n}\n\ntype PaginationLinkProps = {\n  /** When true, the link is styled as the currently active page. */\n  isActive?: boolean;\n} & Pick<React.ComponentProps<typeof Button>, 'size'> &\n  React.ComponentProps<'a'>;\n\n/** An anchor-based page link styled as a button, highlighted when `isActive` is true. */\nfunction PaginationLink({ className, isActive, size = 'icon', ...props }: 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/** \"Previous page\" navigation link with a left chevron icon. */\nfunction PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to previous page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pl-2.5', className)} {...props}>\n      <ChevronLeftIcon />\n      <span className=\"hidden sm:block\">Previous</span>\n    </PaginationLink>\n  );\n}\n\n/** \"Next page\" navigation link with a right chevron icon. */\nfunction PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>) {\n  return (\n    <PaginationLink aria-label=\"Go to next page\" size=\"default\" className={cn('gap-1 px-2.5 sm:pr-2.5', className)} {...props}>\n      <span className=\"hidden sm:block\">Next</span>\n      <ChevronRightIcon />\n    </PaginationLink>\n  );\n}\n\n/** Ellipsis indicator rendered between non-adjacent page numbers. */\nfunction PaginationEllipsis({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span aria-hidden data-slot=\"pagination-ellipsis\" className={cn('flex size-9 items-center justify-center', className)} {...props}>\n      <MoreHorizontalIcon className=\"size-4\" />\n      <span className=\"sr-only\">More pages</span>\n    </span>\n  );\n}\n\nexport { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };\n"],"mappings":"oQA6BA,SAAS,EAAW,CAAE,YAAW,GAAG,GAAsC,CACxE,OAAO,EAAC,MAAA,CAAI,KAAK,aAAa,aAAW,aAAa,YAAU,aAAa,UAAW,EAAG,qCAAsC,EAAU,CAAE,GAAI,GAAS,CAI5J,SAAS,EAAkB,CAAE,YAAW,GAAG,GAAqC,CAC9E,OAAO,EAAC,KAAA,CAAG,YAAU,qBAAqB,UAAW,EAAG,mCAAoC,EAAU,CAAE,GAAI,GAAS,CAIvH,SAAS,EAAe,CAAE,GAAG,GAAqC,CAChE,OAAO,EAAC,KAAA,CAAG,YAAU,kBAAkB,GAAI,GAAS,CAUtD,SAAS,EAAe,CAAE,YAAW,WAAU,OAAO,OAAQ,GAAG,GAA8B,CAC7F,OACE,EAAC,IAAA,CACC,eAAc,EAAW,OAAS,IAAA,GAClC,YAAU,kBACV,cAAa,EACb,UAAW,EACT,EAAe,CACb,QAAS,EAAW,UAAY,QAChC,OACD,CAAC,CACF,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAsD,CAChG,OACE,EAAC,EAAA,CAAe,aAAW,sBAAsB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YACtH,EAAC,EAAA,EAAA,CAAkB,CACnB,EAAC,OAAA,CAAK,UAAU,2BAAkB,YAAe,CAAA,EAClC,CAKrB,SAAS,EAAe,CAAE,YAAW,GAAG,GAAsD,CAC5F,OACE,EAAC,EAAA,CAAe,aAAW,kBAAkB,KAAK,UAAU,UAAW,EAAG,yBAA0B,EAAU,CAAE,GAAI,YAClH,EAAC,OAAA,CAAK,UAAU,2BAAkB,QAAW,CAC7C,EAAC,EAAA,EAAA,CAAmB,CAAA,EACL,CAKrB,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAuC,CACjF,OACE,EAAC,OAAA,CAAK,cAAA,GAAY,YAAU,sBAAsB,UAAW,EAAG,0CAA2C,EAAU,CAAE,GAAI,YACzH,EAAC,EAAA,CAAmB,UAAU,SAAA,CAAW,CACzC,EAAC,OAAA,CAAK,UAAU,mBAAU,cAAiB,CAAA,EACtC"}

package/dist/ui/popover.cjs

@@ -1 +1 @@
-"use client";require(`../close-D_Ge7gnP.cjs`);const e=require(`../popover-DzDrgttC.cjs`);exports.Popover=e.t,exports.PopoverAnchor=e.n,exports.PopoverClose=e.r,exports.PopoverContent=e.i,exports.PopoverTrigger=e.a;
+"use client";require(`../close-DXk_H3Gt.cjs`);const e=require(`../popover-AEt-aSy3.cjs`);exports.Popover=e.t,exports.PopoverAnchor=e.n,exports.PopoverClose=e.r,exports.PopoverContent=e.i,exports.PopoverTrigger=e.a;

package/dist/ui/popover.d.cts

@@ -1,26 +1,52 @@
-import * as react_jsx_runtime176 from "react/jsx-runtime";
+import * as react_jsx_runtime158 from "react/jsx-runtime";
 import { Popover as Popover$1 } from "radix-ui";
 
 //#region packages/components/ui/popover.d.ts
+
+/**
+ * Floating panel built on Radix UI's Popover primitives, anchored to a trigger element with animated open/close transitions.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Popover, PopoverTrigger, PopoverContent, PopoverClose,
+ * } from '@customafk/lunas-ui/ui/popover';
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * <Popover>
+ *   <PopoverTrigger asChild>
+ *     <Button variant="outline">Open popover</Button>
+ *   </PopoverTrigger>
+ *   <PopoverContent>
+ *     <PopoverClose />
+ *     <p>Popover body content goes here.</p>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ */
 declare function Popover({
   ...props
-}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime176.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime158.JSX.Element;
+/** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */
 declare function PopoverTrigger({
   ...props
-}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime176.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime158.JSX.Element;
+/** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime176.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime158.JSX.Element;
+/** Optional anchor element that overrides the trigger as the popover's positioning reference point. */
 declare function PopoverAnchor({
   ...props
-}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime176.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime158.JSX.Element;
+/** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */
 declare function PopoverClose({
   className,
   ...props
-}: React.ComponentProps<typeof Popover$1.Close>): react_jsx_runtime176.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Close>): react_jsx_runtime158.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.cts.map

package/dist/ui/popover.d.mts

@@ -1,26 +1,52 @@
-import * as react_jsx_runtime114 from "react/jsx-runtime";
+import * as react_jsx_runtime215 from "react/jsx-runtime";
 import { Popover as Popover$1 } from "radix-ui";
 
 //#region packages/components/ui/popover.d.ts
+
+/**
+ * Floating panel built on Radix UI's Popover primitives, anchored to a trigger element with animated open/close transitions.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   Popover, PopoverTrigger, PopoverContent, PopoverClose,
+ * } from '@customafk/lunas-ui/ui/popover';
+ * import { Button } from '@customafk/lunas-ui/ui/button';
+ *
+ * <Popover>
+ *   <PopoverTrigger asChild>
+ *     <Button variant="outline">Open popover</Button>
+ *   </PopoverTrigger>
+ *   <PopoverContent>
+ *     <PopoverClose />
+ *     <p>Popover body content goes here.</p>
+ *   </PopoverContent>
+ * </Popover>
+ * ```
+ */
 declare function Popover({
   ...props
-}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime114.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react_jsx_runtime215.JSX.Element;
+/** Element that opens or closes the popover on click; use `asChild` to render a custom trigger element. */
 declare function PopoverTrigger({
   ...props
-}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime114.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime215.JSX.Element;
+/** Floating content panel rendered in a portal, matching the trigger width and animated on open/close. */
 declare function PopoverContent({
   className,
   align,
   sideOffset,
   ...props
-}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime114.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react_jsx_runtime215.JSX.Element;
+/** Optional anchor element that overrides the trigger as the popover's positioning reference point. */
 declare function PopoverAnchor({
   ...props
-}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime114.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime215.JSX.Element;
+/** Close button pre-positioned at the top-right corner of `PopoverContent` using the shared `CloseButton` primitive. */
 declare function PopoverClose({
   className,
   ...props
-}: React.ComponentProps<typeof Popover$1.Close>): react_jsx_runtime114.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Close>): react_jsx_runtime215.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.mts.map

package/dist/ui/popover.mjs

@@ -1 +1 @@
-"use client";import"../close-DfuHB7kq.mjs";import{a as e,i as t,n,r,t as i}from"../popover-BckwBuuD.mjs";export{i as Popover,n as PopoverAnchor,r as PopoverClose,t as PopoverContent,e as PopoverTrigger};
+"use client";import"../close-BU0kWRVo.mjs";import{a as e,i as t,n,r,t as i}from"../popover-OJXFbqJi.mjs";export{i as Popover,n as PopoverAnchor,r as PopoverClose,t as PopoverContent,e as PopoverTrigger};

package/dist/ui/progress.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`radix-ui`);function i({className:e,value:i,...a}){return(0,n.jsx)(r.Progress.Root,{"data-slot":`progress`,className:(0,t.cn)(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,e),...a,children:(0,n.jsx)(r.Progress.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}exports.Progress=i;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`react/jsx-runtime`),n=require(`@customafk/react-toolkit/utils`),r=require(`radix-ui`);function i({className:e,value:i,...a}){return(0,t.jsx)(r.Progress.Root,{"data-slot":`progress`,className:(0,n.cn)(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,e),...a,children:(0,t.jsx)(r.Progress.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}exports.Progress=i;
 //# sourceMappingURL=progress.cjs.map

package/dist/ui/progress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress.cjs","names":["ProgressPrimitive"],"sources":["../../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"2JAKA,SAAS,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAAA,EAAA,KAACA,EAAAA,SAAkB,KAAA,CAAK,YAAU,WAAW,WAAA,EAAA,EAAA,IAAc,mEAAoE,EAAU,CAAE,GAAI,YAC7I,EAAA,EAAA,KAACA,EAAAA,SAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}
+{"version":3,"file":"progress.cjs","names":["ProgressPrimitive"],"sources":["../../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\n/**\n * A horizontal progress bar that visually represents a completion percentage.\n *\n * @example\n * ```tsx\n * import { Progress } from '@customafk/lunas-ui/ui/progress';\n *\n * <Progress value={65} />\n * ```\n */\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"2JAeA,SAAS,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAAA,EAAA,KAACA,EAAAA,SAAkB,KAAA,CAAK,YAAU,WAAW,WAAA,EAAA,EAAA,IAAc,mEAAoE,EAAU,CAAE,GAAI,YAC7I,EAAA,EAAA,KAACA,EAAAA,SAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}

package/dist/ui/progress.d.cts

@@ -1,12 +1,23 @@
-import * as react_jsx_runtime181 from "react/jsx-runtime";
+import * as react_jsx_runtime203 from "react/jsx-runtime";
 import { Progress as Progress$1 } from "radix-ui";
 
 //#region packages/components/ui/progress.d.ts
+
+/**
+ * A horizontal progress bar that visually represents a completion percentage.
+ *
+ * @example
+ * ```tsx
+ * import { Progress } from '@customafk/lunas-ui/ui/progress';
+ *
+ * <Progress value={65} />
+ * ```
+ */
 declare function Progress({
   className,
   value,
   ...props
-}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime181.JSX.Element;
+}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime203.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.cts.map

package/dist/ui/progress.d.mts

@@ -1,12 +1,23 @@
-import * as react_jsx_runtime137 from "react/jsx-runtime";
+import * as react_jsx_runtime214 from "react/jsx-runtime";
 import { Progress as Progress$1 } from "radix-ui";
 
 //#region packages/components/ui/progress.d.ts
+
+/**
+ * A horizontal progress bar that visually represents a completion percentage.
+ *
+ * @example
+ * ```tsx
+ * import { Progress } from '@customafk/lunas-ui/ui/progress';
+ *
+ * <Progress value={65} />
+ * ```
+ */
 declare function Progress({
   className,
   value,
   ...props
-}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime137.JSX.Element;
+}: React.ComponentProps<typeof Progress$1.Root>): react_jsx_runtime214.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.mts.map

package/dist/ui/progress.mjs

@@ -1,2 +1,2 @@
-"use client";import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Progress as n}from"radix-ui";function r({className:r,value:i,...a}){return t(n.Root,{"data-slot":`progress`,className:e(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,r),...a,children:t(n.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}export{r as Progress};
+"use client";import{jsx as e}from"react/jsx-runtime";import{cn as t}from"@customafk/react-toolkit/utils";import{Progress as n}from"radix-ui";function r({className:r,value:i,...a}){return e(n.Root,{"data-slot":`progress`,className:t(`bg-primary-weak relative h-2 w-full overflow-hidden rounded-full`,r),...a,children:e(n.Indicator,{"data-slot":`progress-indicator`,className:`bg-primary size-full flex-1 transition-all`,style:{transform:`translateX(-${100-(i||0)}%)`}})})}export{r as Progress};
 //# sourceMappingURL=progress.mjs.map

package/dist/ui/progress.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"progress.mjs","names":["ProgressPrimitive"],"sources":["../../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"6IAKA,SAAS,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAACA,EAAkB,KAAA,CAAK,YAAU,WAAW,UAAW,EAAG,mEAAoE,EAAU,CAAE,GAAI,WAC7I,EAACA,EAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}
+{"version":3,"file":"progress.mjs","names":["ProgressPrimitive"],"sources":["../../packages/components/ui/progress.tsx"],"sourcesContent":["'use client';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Progress as ProgressPrimitive } from 'radix-ui';\n\n/**\n * A horizontal progress bar that visually represents a completion percentage.\n *\n * @example\n * ```tsx\n * import { Progress } from '@customafk/lunas-ui/ui/progress';\n *\n * <Progress value={65} />\n * ```\n */\nfunction Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>) {\n  return (\n    <ProgressPrimitive.Root data-slot=\"progress\" className={cn('bg-primary-weak relative h-2 w-full overflow-hidden rounded-full', className)} {...props}>\n      <ProgressPrimitive.Indicator\n        data-slot=\"progress-indicator\"\n        className=\"bg-primary size-full flex-1 transition-all\"\n        style={{ transform: `translateX(-${100 - (value || 0)}%)` }}\n      />\n    </ProgressPrimitive.Root>\n  );\n}\n\nexport { Progress };\n"],"mappings":"6IAeA,SAAS,EAAS,CAAE,YAAW,QAAO,GAAG,GAA8D,CACrG,OACE,EAACA,EAAkB,KAAA,CAAK,YAAU,WAAW,UAAW,EAAG,mEAAoE,EAAU,CAAE,GAAI,WAC7I,EAACA,EAAkB,UAAA,CACjB,YAAU,qBACV,UAAU,6CACV,MAAO,CAAE,UAAW,eAAe,KAAO,GAAS,GAAG,IAAK,EAC3D,EACqB"}

package/dist/ui/radio-group.cjs

@@ -1 +1 @@
-"use client";const e=require(`../radio-group-CBhRsUjN.cjs`);exports.RadioGroup=e.t,exports.RadioGroupItem=e.n;
+"use client";const e=require(`../radio-group-BWLdQw7M.cjs`);exports.RadioGroup=e.t,exports.RadioGroupItem=e.n;

package/dist/ui/radio-group.d.cts

@@ -1,15 +1,37 @@
-import * as react_jsx_runtime198 from "react/jsx-runtime";
+import * as react_jsx_runtime204 from "react/jsx-runtime";
 import { RadioGroup as RadioGroup$1 } from "radix-ui";
 
 //#region packages/components/ui/radio-group.d.ts
+
+/**
+ * Accessible radio button group built on Radix UI's RadioGroup primitive, where only one option can be selected at a time.
+ *
+ * @example
+ * ```tsx
+ * import { RadioGroup, RadioGroupItem } from '@customafk/lunas-ui/ui/radio-group';
+ * import { Label } from '@customafk/lunas-ui/ui/label';
+ *
+ * <RadioGroup defaultValue="monthly">
+ *   <div className="flex items-center gap-2">
+ *     <RadioGroupItem value="monthly" id="monthly" />
+ *     <Label htmlFor="monthly">Monthly</Label>
+ *   </div>
+ *   <div className="flex items-center gap-2">
+ *     <RadioGroupItem value="annually" id="annually" />
+ *     <Label htmlFor="annually">Annually</Label>
+ *   </div>
+ * </RadioGroup>
+ * ```
+ */
 declare function RadioGroup({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime198.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react_jsx_runtime204.JSX.Element;
+/** Individual radio button within a `RadioGroup`; shows a filled circle indicator when selected. */
 declare function RadioGroupItem({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime198.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react_jsx_runtime204.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.cts.map