@customafk/lunas-ui 0.2.50 → 0.2.52

package/dist/ui/navigation-menu.js

@@ -1,2 +0,0 @@
-"use client";import{ChevronDownIcon as e}from"lucide-react";import{cn as t}from"@customafk/react-toolkit/utils";import{cva as n}from"class-variance-authority";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{NavigationMenu as a}from"radix-ui";function o({className:e,children:n,viewport:o=!0,...s}){return i(a.Root,{"data-slot":`navigation-menu`,"data-viewport":o,className:t(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,e),...s,children:[n,o&&r(f,{})]})}function s({className:e,...n}){return r(a.List,{"data-slot":`navigation-menu-list`,className:t(`group flex flex-1 list-none items-center justify-center gap-1`,e),...n})}function c({className:e,...n}){return r(a.Item,{"data-slot":`navigation-menu-item`,className:t(`relative`,e),...n})}const l=n([`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:n,children:o,...s}){return i(a.Trigger,{"data-slot":`navigation-menu-trigger`,className:t(l(),`group`,n),...s,children:[o,` `,r(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 r(a.Content,{"data-slot":`navigation-menu-content`,className:t(`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 r(`div`,{className:t(`absolute top-full left-0 isolate z-50 flex justify-center`),children:r(a.Viewport,{"data-slot":`navigation-menu-viewport`,className:t(`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 r(a.Link,{"data-slot":`navigation-menu-link`,className:t(`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 r(a.Indicator,{"data-slot":`navigation-menu-indicator`,className:t(`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:r(`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.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-menu.js","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.map

@@ -1 +0,0 @@
-{"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.ts

@@ -1,67 +0,0 @@
-import { t as Button } from "../button-C-YKF6eM.js";
-import * as react214 from "react";
-
-//#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'>): react214.JSX.Element;
-/** Horizontal list that holds PaginationItem elements. */
-declare function PaginationContent({
-  className,
-  ...props
-}: React.ComponentProps<'ul'>): react214.JSX.Element;
-/** Wrapper `<li>` for a single pagination button or link. */
-declare function PaginationItem({
-  ...props
-}: React.ComponentProps<'li'>): react214.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): react214.JSX.Element;
-/** "Previous page" navigation link with a left chevron icon. */
-declare function PaginationPrevious({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): react214.JSX.Element;
-/** "Next page" navigation link with a right chevron icon. */
-declare function PaginationNext({
-  className,
-  ...props
-}: React.ComponentProps<typeof PaginationLink>): react214.JSX.Element;
-/** Ellipsis indicator rendered between non-adjacent page numbers. */
-declare function PaginationEllipsis({
-  className,
-  ...props
-}: React.ComponentProps<'span'>): react214.JSX.Element;
-//#endregion
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
-//# sourceMappingURL=pagination.d.ts.map

package/dist/ui/pagination.js

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

package/dist/ui/pagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.js","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":"mQA6BA,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.d.ts

@@ -1,52 +0,0 @@
-import * as react190 from "react";
-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>): react190.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>): react190.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>): react190.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>): react190.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>): react190.JSX.Element;
-//#endregion
-export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=popover.d.ts.map

package/dist/ui/popover.js

@@ -1 +0,0 @@
-"use client";import"../close-C0PdZGxr.js";import{a as e,i as t,n,r,t as i}from"../popover-6233wU1s.js";export{i as Popover,n as PopoverAnchor,r as PopoverClose,t as PopoverContent,e as PopoverTrigger};

package/dist/ui/progress.d.ts

@@ -1,23 +0,0 @@
-import * as react189 from "react";
-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>): react189.JSX.Element;
-//#endregion
-export { Progress };
-//# sourceMappingURL=progress.d.ts.map

package/dist/ui/progress.js

@@ -1 +0,0 @@
-"use client";import{t as e}from"../progress-AYknlEgK.js";export{e as Progress};

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

@@ -1,37 +0,0 @@
-import * as react297 from "react";
-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>): react297.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>): react297.JSX.Element;
-//#endregion
-export { RadioGroup, RadioGroupItem };
-//# sourceMappingURL=radio-group.d.ts.map

package/dist/ui/radio-group.js

@@ -1 +0,0 @@
-"use client";import{n as e,t}from"../radio-group-ImoBjpqZ.js";export{t as RadioGroup,e as RadioGroupItem};

package/dist/ui/resizable.d.ts

@@ -1,63 +0,0 @@
-import * as react179 from "react";
-import * as ResizablePrimitive from "react-resizable-panels";
-import * as node_modules_react_resizable_panels_dist_declarations_src_types0 from "node_modules/react-resizable-panels/dist/declarations/src/types";
-
-//#region packages/components/ui/resizable.d.ts
-type TResizableHandle = React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
-  withHandle?: boolean;
-};
-/**
- * Root container that manages a group of resizable panels; supports horizontal and vertical orientations.
- *
- * @example
- * ```tsx
- * import { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '@customafk/lunas-ui/ui/resizable';
- *
- * <ResizablePanelGroup direction="horizontal">
- *   <ResizablePanel defaultSize={50}>Left</ResizablePanel>
- *   <ResizableHandle withHandle />
- *   <ResizablePanel defaultSize={50}>Right</ResizablePanel>
- * </ResizablePanelGroup>
- * ```
- */
-declare const ResizablePanelGroup: react179.NamedExoticComponent<Omit<react179.HTMLAttributes<keyof HTMLElementTagNameMap>, "id"> & {
-  autoSaveId?: string | null;
-  className?: string;
-  direction: node_modules_react_resizable_panels_dist_declarations_src_types0.Direction;
-  id?: string | null;
-  keyboardResizeBy?: number | null;
-  onLayout?: ResizablePrimitive.PanelGroupOnLayout | null;
-  storage?: ResizablePrimitive.PanelGroupStorage;
-  style?: react179.CSSProperties;
-  tagName?: keyof HTMLElementTagNameMap;
-  dir?: "auto" | "ltr" | "rtl" | undefined;
-} & {
-  children?: react179.ReactNode | undefined;
-} & react179.RefAttributes<ResizablePrimitive.ImperativePanelGroupHandle>>;
-/** An individual resizable panel within a ResizablePanelGroup. */
-declare const ResizablePanel: react179.NamedExoticComponent<Omit<react179.HTMLAttributes<HTMLParagraphElement | HTMLElement | HTMLInputElement | HTMLButtonElement | HTMLDivElement | HTMLFieldSetElement | HTMLLegendElement | HTMLLabelElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement>, "id" | "onResize"> & {
-  className?: string;
-  collapsedSize?: number | undefined;
-  collapsible?: boolean | undefined;
-  defaultSize?: number | undefined;
-  id?: string;
-  maxSize?: number | undefined;
-  minSize?: number | undefined;
-  onCollapse?: ResizablePrimitive.PanelOnCollapse;
-  onExpand?: ResizablePrimitive.PanelOnExpand;
-  onResize?: ResizablePrimitive.PanelOnResize;
-  order?: number;
-  style?: object;
-  tagName?: keyof HTMLElementTagNameMap | undefined;
-} & {
-  children?: react179.ReactNode | undefined;
-} & react179.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
-/**
- * The drag handle placed between two ResizablePanels to resize them.
- *
- * @param withHandle - When true, renders a visible grip icon centered on the handle.
- */
-declare const ResizableHandle: react179.NamedExoticComponent<TResizableHandle>;
-//#endregion
-export { ResizableHandle, ResizablePanel, ResizablePanelGroup };
-//# sourceMappingURL=resizable.d.ts.map

package/dist/ui/resizable.js

@@ -1 +0,0 @@
-"use client";import{n as e,r as t,t as n}from"../resizable-C-M-mu6b.js";export{n as ResizableHandle,e as ResizablePanel,t as ResizablePanelGroup};

package/dist/ui/scroll-area.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-area.cjs","names":["ScrollAreaPrimitive"],"sources":["../../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\n/**\n * A scrollable container with a styled, custom scrollbar that overlays the content.\n *\n * @example\n * ```tsx\n * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';\n *\n * <ScrollArea className=\"h-64 w-full\">\n *   <div className=\"p-4\">Long content goes here…</div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * The styled scrollbar track and thumb rendered inside a ScrollArea.\n *\n * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.\n */\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"8KAmBA,MAAM,GAAA,EAAA,EAAA,OAAmB,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,MAE9D,EAAA,EAAA,MAACA,EAAAA,WAAoB,KAAA,CAAK,YAAU,cAAc,WAAA,EAAA,EAAA,IAAc,2BAA4B,EAAU,CAAE,GAAI,aAC1G,EAAA,EAAA,KAACA,EAAAA,WAAoB,SAAA,CAAc,MAAK,UAAU,8BAAwC,WACvF,YAC4B,EAC/B,EAAA,EAAA,KAAC,EAAA,EAAA,CAAY,EACb,EAAA,EAAA,KAACA,EAAAA,WAAoB,OAAA,EAAA,CAAS,GACL,CAE7B,CACF,EAAW,YAAc,aAOzB,MAAM,GAAA,EAAA,EAAA,OAAkB,CAAE,YAAW,cAAc,WAAY,GAAG,MAE9D,EAAA,EAAA,KAACA,EAAAA,WAAoB,oBAAA,CACnB,YAAU,wBACG,cACb,WAAA,EAAA,EAAA,IACE,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAACA,EAAAA,WAAoB,gBAAA,CAAgB,UAAU,8CAAA,CAAgD,EACvD,CAE5C,CACF,EAAU,YAAc"}

package/dist/ui/scroll-area.d.ts

@@ -1,37 +0,0 @@
-import * as react142 from "react";
-import { ScrollArea as ScrollArea$1 } from "radix-ui";
-
-//#region packages/components/ui/scroll-area.d.ts
-
-/**
- * A scrollable container with a styled, custom scrollbar that overlays the content.
- *
- * @example
- * ```tsx
- * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';
- *
- * <ScrollArea className="h-64 w-full">
- *   <div className="p-4">Long content goes here…</div>
- * </ScrollArea>
- * ```
- */
-declare const ScrollArea: react142.MemoExoticComponent<({
-  className,
-  children,
-  ref,
-  onScroll,
-  ...props
-}: React.ComponentProps<typeof ScrollArea$1.Root>) => react142.JSX.Element>;
-/**
- * The styled scrollbar track and thumb rendered inside a ScrollArea.
- *
- * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.
- */
-declare const ScrollBar: react142.MemoExoticComponent<({
-  className,
-  orientation,
-  ...props
-}: React.ComponentProps<typeof ScrollArea$1.ScrollAreaScrollbar>) => react142.JSX.Element>;
-//#endregion
-export { ScrollArea, ScrollBar };
-//# sourceMappingURL=scroll-area.d.ts.map

package/dist/ui/scroll-area.js

@@ -1,2 +0,0 @@
-"use client";import{memo as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{ScrollArea as i}from"radix-ui";const a=e(({className:e,children:a,ref:s,onScroll:c,...l})=>r(i.Root,{"data-slot":`scroll-area`,className:t(`relative overflow-hidden`,e),...l,children:[n(i.Viewport,{ref:s,className:`size-full rounded-[inherit]`,onScroll:c,children:a}),n(o,{}),n(i.Corner,{})]}));a.displayName=`ScrollArea`;const o=e(({className:e,orientation:r=`vertical`,...a})=>n(i.ScrollAreaScrollbar,{"data-slot":`scroll-area-scrollbar`,orientation:r,className:t(`flex touch-none select-none border-border-weak p-px transition-colors`,r===`vertical`&&`h-full w-2.5 border-l border-l-transparent`,r===`horizontal`&&`h-2.5 flex-col border-t border-t-transparent`,e),...a,children:n(i.ScrollAreaThumb,{className:`relative flex-1 rounded-full bg-border-weak`})}));o.displayName=`ScrollBar`;export{a as ScrollArea,o as ScrollBar};
-//# sourceMappingURL=scroll-area.js.map

package/dist/ui/scroll-area.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../../packages/components/ui/scroll-area.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { ScrollArea as ScrollAreaPrimitive } from 'radix-ui';\n\n/**\n * A scrollable container with a styled, custom scrollbar that overlays the content.\n *\n * @example\n * ```tsx\n * import { ScrollArea } from '@customafk/lunas-ui/ui/scroll-area';\n *\n * <ScrollArea className=\"h-64 w-full\">\n *   <div className=\"p-4\">Long content goes here…</div>\n * </ScrollArea>\n * ```\n */\nconst ScrollArea = memo(({ className, children, ref, onScroll, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) => {\n  return (\n    <ScrollAreaPrimitive.Root data-slot=\"scroll-area\" className={cn('relative overflow-hidden', className)} {...props}>\n      <ScrollAreaPrimitive.Viewport ref={ref} className=\"size-full rounded-[inherit]\" onScroll={onScroll}>\n        {children}\n      </ScrollAreaPrimitive.Viewport>\n      <ScrollBar />\n      <ScrollAreaPrimitive.Corner />\n    </ScrollAreaPrimitive.Root>\n  );\n});\nScrollArea.displayName = 'ScrollArea';\n\n/**\n * The styled scrollbar track and thumb rendered inside a ScrollArea.\n *\n * @param orientation - Direction of the scrollbar: `'vertical'` (default) or `'horizontal'`.\n */\nconst ScrollBar = memo(({ className, orientation = 'vertical', ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) => {\n  return (\n    <ScrollAreaPrimitive.ScrollAreaScrollbar\n      data-slot=\"scroll-area-scrollbar\"\n      orientation={orientation}\n      className={cn(\n        'flex touch-none select-none border-border-weak p-px transition-colors',\n        orientation === 'vertical' && 'h-full w-2.5 border-l border-l-transparent',\n        orientation === 'horizontal' && 'h-2.5 flex-col border-t border-t-transparent',\n        className\n      )}\n      {...props}\n    >\n      <ScrollAreaPrimitive.ScrollAreaThumb className=\"relative flex-1 rounded-full bg-border-weak\" />\n    </ScrollAreaPrimitive.ScrollAreaScrollbar>\n  );\n});\nScrollBar.displayName = 'ScrollBar';\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":"sLAmBA,MAAM,EAAa,GAAM,CAAE,YAAW,WAAU,MAAK,WAAU,GAAG,KAE9D,EAACA,EAAoB,KAAA,CAAK,YAAU,cAAc,UAAW,EAAG,2BAA4B,EAAU,CAAE,GAAI,YAC1G,EAACA,EAAoB,SAAA,CAAc,MAAK,UAAU,8BAAwC,WACvF,YAC4B,CAC/B,EAAC,EAAA,EAAA,CAAY,CACb,EAACA,EAAoB,OAAA,EAAA,CAAS,GACL,CAE7B,CACF,EAAW,YAAc,aAOzB,MAAM,EAAY,GAAM,CAAE,YAAW,cAAc,WAAY,GAAG,KAE9D,EAACA,EAAoB,oBAAA,CACnB,YAAU,wBACG,cACb,UAAW,EACT,wEACA,IAAgB,YAAc,6CAC9B,IAAgB,cAAgB,+CAChC,EACD,CACD,GAAI,WAEJ,EAACA,EAAoB,gBAAA,CAAgB,UAAU,8CAAA,CAAgD,EACvD,CAE5C,CACF,EAAU,YAAc"}

package/dist/ui/select.d.ts

@@ -1,77 +0,0 @@
-import * as react274 from "react";
-import { Select as Select$1 } from "radix-ui";
-
-//#region packages/components/ui/select.d.ts
-
-/**
- * Accessible dropdown select built on Radix UI's Select primitives, composed from `Select`, `SelectTrigger`, `SelectContent`, and `SelectItem`.
- *
- * @example
- * ```tsx
- * import {
- *   Select, SelectTrigger, SelectValue,
- *   SelectContent, SelectItem,
- * } from '@customafk/lunas-ui/ui/select';
- *
- * <Select>
- *   <SelectTrigger>
- *     <SelectValue placeholder="Pick a fruit" />
- *   </SelectTrigger>
- *   <SelectContent>
- *     <SelectItem value="apple">Apple</SelectItem>
- *     <SelectItem value="banana">Banana</SelectItem>
- *   </SelectContent>
- * </Select>
- * ```
- */
-declare function Select({
-  ...props
-}: React.ComponentProps<typeof Select$1.Root>): react274.JSX.Element;
-/** Groups related `SelectItem` elements with an optional `SelectLabel` header. */
-declare function SelectGroup({
-  ...props
-}: React.ComponentProps<typeof Select$1.Group>): react274.JSX.Element;
-/** Renders the currently selected value (or a placeholder) inside `SelectTrigger`. */
-declare function SelectValue({
-  ...props
-}: React.ComponentProps<typeof Select$1.Value>): react274.JSX.Element;
-/**
- * The button that opens the select dropdown; renders the current value and a chevron icon.
- *
- * @param size - `'default'` (standard padding) or `'sm'` (compact).
- */
-declare function SelectTrigger({
-  className,
-  size,
-  children,
-  ...props
-}: React.ComponentProps<typeof Select$1.Trigger> & {
-  /** Controls the trigger's padding — `'default'` or `'sm'`. */
-  size?: 'sm' | 'default';
-}): react274.JSX.Element;
-/** Floating dropdown panel that renders inside a portal with enter/exit animations. */
-declare function SelectContent({
-  className,
-  children,
-  position,
-  ...props
-}: React.ComponentProps<typeof Select$1.Content>): react274.JSX.Element;
-/** Non-interactive label displayed above a `SelectGroup` to describe its options. */
-declare function SelectLabel({
-  className,
-  ...props
-}: React.ComponentProps<typeof Select$1.Label>): react274.JSX.Element;
-/** A selectable option within `SelectContent`; shows a check icon when chosen. */
-declare function SelectItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof Select$1.Item>): react274.JSX.Element;
-/** Thin horizontal rule used to visually separate groups of `SelectItem` elements. */
-declare function SelectSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Select$1.Separator>): react274.JSX.Element;
-//#endregion
-export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectSeparator, SelectTrigger, SelectValue };
-//# sourceMappingURL=select.d.ts.map

package/dist/ui/select.js

@@ -1 +0,0 @@
-"use client";import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"../select-CryLzZA0.js";export{s as Select,r as SelectContent,a as SelectGroup,n as SelectItem,e as SelectLabel,i as SelectSeparator,o as SelectTrigger,t as SelectValue};

package/dist/ui/separator.d.ts

@@ -1,34 +0,0 @@
-import * as react168 from "react";
-import { Separator as Separator$1 } from "radix-ui";
-
-//#region packages/components/ui/separator.d.ts
-
-/**
- * Thin visual divider built on Radix UI's Separator primitive, supporting horizontal and vertical orientations.
- *
- * @example
- * ```tsx
- * import { Separator } from '@customafk/lunas-ui/ui/separator';
- *
- * <div className="space-y-4">
- *   <p>Section one</p>
- *   <Separator />
- *   <p>Section two</p>
- * </div>
- *
- * <div className="flex h-8 items-center gap-4">
- *   <span>Left</span>
- *   <Separator orientation="vertical" />
- *   <span>Right</span>
- * </div>
- * ```
- */
-declare function Separator({
-  className,
-  orientation,
-  decorative,
-  ...props
-}: React.ComponentProps<typeof Separator$1.Root>): react168.JSX.Element;
-//#endregion
-export { Separator };
-//# sourceMappingURL=separator.d.ts.map

package/dist/ui/separator.js

@@ -1 +0,0 @@
-"use client";import{t as e}from"../separator-BM8hA4DP.js";export{e as Separator};

package/dist/ui/sheet.d.ts

@@ -1,69 +0,0 @@
-import * as react289 from "react";
-import { Dialog } from "radix-ui";
-
-//#region packages/components/ui/sheet.d.ts
-
-/**
- * Root provider for the Sheet panel — wraps all Sheet sub-components and manages open state.
- *
- * @example
- * ```tsx
- * import { Sheet, SheetTrigger, SheetContent, SheetHeader, SheetTitle, SheetDescription } from '@customafk/lunas-ui/ui/sheet';
- *
- * <Sheet>
- *   <SheetTrigger>Open</SheetTrigger>
- *   <SheetContent side="right">
- *     <SheetHeader>
- *       <SheetTitle>Settings</SheetTitle>
- *       <SheetDescription>Manage your preferences.</SheetDescription>
- *     </SheetHeader>
- *   </SheetContent>
- * </Sheet>
- * ```
- */
-declare function Sheet({
-  ...props
-}: React.ComponentProps<typeof Dialog.Root>): react289.JSX.Element;
-/** Button or element that opens the Sheet when interacted with. */
-declare function SheetTrigger({
-  ...props
-}: React.ComponentProps<typeof Dialog.Trigger>): react289.JSX.Element;
-/** Button that programmatically closes the Sheet. */
-declare function SheetClose({
-  ...props
-}: React.ComponentProps<typeof Dialog.Close>): react289.JSX.Element;
-/**
- * The sliding panel itself; renders on the specified `side` of the viewport and includes a built-in close button.
- */
-declare function SheetContent({
-  className,
-  children,
-  side,
-  ...props
-}: React.ComponentProps<typeof Dialog.Content> & {
-  /** Edge of the viewport from which the sheet slides in. */
-  side?: 'top' | 'right' | 'bottom' | 'left';
-}): react289.JSX.Element;
-/** Padded container for the Sheet title and description at the top of the panel. */
-declare function SheetHeader({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react289.JSX.Element;
-/** Sticky footer area at the bottom of the Sheet panel, typically used for action buttons. */
-declare function SheetFooter({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react289.JSX.Element;
-/** Accessible title element for the Sheet, announced by screen readers on open. */
-declare function SheetTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Title>): react289.JSX.Element;
-/** Accessible description element for the Sheet, providing supplemental context to the title. */
-declare function SheetDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof Dialog.Description>): react289.JSX.Element;
-//#endregion
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger };
-//# sourceMappingURL=sheet.d.ts.map

package/dist/ui/sheet.js

@@ -1 +0,0 @@
-"use client";import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"../sheet-DGXXYgWB.js";export{s as Sheet,r as SheetClose,a as SheetContent,n as SheetDescription,e as SheetFooter,i as SheetHeader,o as SheetTitle,t as SheetTrigger};

package/dist/ui/skeleton.d.ts

@@ -1,27 +0,0 @@
-import * as react125 from "react";
-
-//#region packages/components/ui/skeleton.d.ts
-
-/**
- * Animated pulse placeholder used to indicate loading state for text, images, or other UI elements.
- *
- * @example
- * ```tsx
- * import { Skeleton } from '@customafk/lunas-ui/ui/skeleton';
- *
- * <div className="flex items-center gap-4">
- *   <Skeleton className="size-10 rounded-full" />
- *   <div className="space-y-2">
- *     <Skeleton className="h-4 w-40" />
- *     <Skeleton className="h-4 w-24" />
- *   </div>
- * </div>
- * ```
- */
-declare function Skeleton({
-  className,
-  ...props
-}: React.ComponentProps<'div'>): react125.JSX.Element;
-//#endregion
-export { Skeleton };
-//# sourceMappingURL=skeleton.d.ts.map

package/dist/ui/skeleton.js

@@ -1 +0,0 @@
-"use client";import{t as e}from"../skeleton-DlRDNM97.js";export{e as Skeleton};

package/dist/ui/slider.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.cjs","names":["SliderPrimitive"],"sources":["../../packages/components/ui/slider.tsx"],"sourcesContent":["'use client';\nimport { useMemo } from 'react';\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Slider as SliderPrimitive } from 'radix-ui';\n\n/**\n * An accessible range slider supporting single-thumb, multi-thumb, and vertical orientations.\n *\n * @example\n * ```tsx\n * import { Slider } from '@customafk/lunas-ui/ui/slider';\n *\n * <Slider defaultValue={[40]} min={0} max={100} step={5} />\n * ```\n */\nfunction Slider({ className, defaultValue, value, min = 0, max = 100, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = useMemo(() => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]), [value, defaultValue, min, max]);\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        'relative flex w-full touch-none items-center select-none',\n        'data-[disabled]:opacity-50',\n        'data-[orientation=vertical]:h-full',\n        'data-[orientation=vertical]:min-h-44',\n        'data-[orientation=vertical]:w-auto',\n        'data-[orientation=vertical]:flex-col',\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className={cn(\n          'bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5'\n        )}\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className={cn('bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full')}\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  );\n}\n\nexport { Slider };\n"],"mappings":"8KAgBA,SAAS,EAAO,CAAE,YAAW,eAAc,QAAO,MAAM,EAAG,MAAM,IAAK,GAAG,GAA4D,CACnI,IAAM,GAAA,EAAA,EAAA,aAAyB,MAAM,QAAQ,EAAM,CAAG,EAAQ,MAAM,QAAQ,EAAa,CAAG,EAAe,CAAC,EAAK,EAAI,CAAG,CAAC,EAAO,EAAc,EAAK,EAAI,CAAC,CAExJ,OACE,EAAA,EAAA,MAACA,EAAAA,OAAgB,KAAA,CACf,YAAU,SACI,eACP,QACF,MACA,MACL,WAAA,EAAA,EAAA,IACE,2DACA,6BACA,qCACA,uCACA,qCACA,uCACA,EACD,CACD,GAAI,aAEJ,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CACf,YAAU,eACV,WAAA,EAAA,EAAA,IACE,oMACD,WAED,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CACf,YAAU,eACV,WAAA,EAAA,EAAA,IAAc,8FAA8F,EAC5G,EACoB,CACvB,MAAM,KAAK,CAAE,OAAQ,EAAQ,OAAQ,EAAG,EAAG,KAC1C,EAAA,EAAA,KAACA,EAAAA,OAAgB,MAAA,CACf,YAAU,eAEV,UAAU,+OADL,EAEL,CACF,CAAA,EACmB"}