@customafk/lunas-ui 0.2.37 → 0.2.39

package/dist/ui/navigation-menu.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`class-variance-authority`),i=require(`react/jsx-runtime`),a=require(`radix-ui`);function o({className:e,children:t,viewport:r=!0,...o}){return(0,i.jsxs)(a.NavigationMenu.Root,{"data-slot":`navigation-menu`,"data-viewport":r,className:(0,n.cn)(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,e),...o,children:[t,r&&(0,i.jsx)(f,{})]})}function s({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.List,{"data-slot":`navigation-menu-list`,className:(0,n.cn)(`group flex flex-1 list-none items-center justify-center gap-1`,e),...t})}function c({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Item,{"data-slot":`navigation-menu-item`,className:(0,n.cn)(`relative`,e),...t})}const l=(0,r.cva)([`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:e,children:r,...o}){return(0,i.jsxs)(a.NavigationMenu.Trigger,{"data-slot":`navigation-menu-trigger`,className:(0,n.cn)(l(),`group`,e),...o,children:[r,` `,(0,i.jsx)(t.ChevronDownIcon,{className:`relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180`,"aria-hidden":`true`})]})}function d({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Content,{"data-slot":`navigation-menu-content`,className:(0,n.cn)(`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),...t})}function f({className:e,...t}){return(0,i.jsx)(`div`,{className:(0,n.cn)(`absolute top-full left-0 isolate z-50 flex justify-center`),children:(0,i.jsx)(a.NavigationMenu.Viewport,{"data-slot":`navigation-menu-viewport`,className:(0,n.cn)(`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),...t})})}function p({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Link,{"data-slot":`navigation-menu-link`,className:(0,n.cn)(`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),...t})}function m({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Indicator,{"data-slot":`navigation-menu-indicator`,className:(0,n.cn)(`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),...t,children:(0,i.jsx)(`div`,{className:`bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md`})})}exports.NavigationMenu=o,exports.NavigationMenuContent=d,exports.NavigationMenuIndicator=m,exports.NavigationMenuItem=c,exports.NavigationMenuLink=p,exports.NavigationMenuList=s,exports.NavigationMenuTrigger=u,exports.NavigationMenuViewport=f,exports.navigationMenuTriggerStyle=l;
+"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`lucide-react`),n=require(`@customafk/react-toolkit/utils`),r=require(`class-variance-authority`),i=require(`react/jsx-runtime`),a=require(`radix-ui`);function o({className:e,children:t,viewport:r=!0,...o}){return(0,i.jsxs)(a.NavigationMenu.Root,{"data-slot":`navigation-menu`,"data-viewport":r,className:(0,n.cn)(`group/navigation-menu relative flex max-w-max flex-1 items-center justify-center`,e),...o,children:[t,r&&(0,i.jsx)(f,{})]})}function s({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.List,{"data-slot":`navigation-menu-list`,className:(0,n.cn)(`group flex flex-1 list-none items-center justify-center gap-1`,e),...t})}function c({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Item,{"data-slot":`navigation-menu-item`,className:(0,n.cn)(`relative`,e),...t})}const l=(0,r.cva)([`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:e,children:r,...o}){return(0,i.jsxs)(a.NavigationMenu.Trigger,{"data-slot":`navigation-menu-trigger`,className:(0,n.cn)(l(),`group`,e),...o,children:[r,` `,(0,i.jsx)(t.ChevronDownIcon,{className:`relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180`,"aria-hidden":`true`})]})}function d({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Content,{"data-slot":`navigation-menu-content`,className:(0,n.cn)(`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),...t})}function f({className:e,...t}){return(0,i.jsx)(`div`,{className:(0,n.cn)(`absolute top-full left-0 isolate z-50 flex justify-center`),children:(0,i.jsx)(a.NavigationMenu.Viewport,{"data-slot":`navigation-menu-viewport`,className:(0,n.cn)(`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),...t})})}function p({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Link,{"data-slot":`navigation-menu-link`,className:(0,n.cn)(`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),...t})}function m({className:e,...t}){return(0,i.jsx)(a.NavigationMenu.Indicator,{"data-slot":`navigation-menu-indicator`,className:(0,n.cn)(`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),...t,children:(0,i.jsx)(`div`,{className:`bg-border relative top-3/5 h-2 w-2 rotate-45 rounded-tl-sm shadow-md`})})}exports.NavigationMenu=o,exports.NavigationMenuContent=d,exports.NavigationMenuIndicator=m,exports.NavigationMenuItem=c,exports.NavigationMenuLink=p,exports.NavigationMenuList=s,exports.NavigationMenuTrigger=u,exports.NavigationMenuViewport=f,exports.navigationMenuTriggerStyle=l;
 //# sourceMappingURL=navigation-menu.cjs.map

package/dist/ui/navigation-menu.d.cts

@@ -1,4 +1,4 @@
-import * as react250 from "react";
+import * as react278 from "react";
 import * as class_variance_authority_types11 from "class-variance-authority/types";
 import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
 
@@ -34,44 +34,44 @@ declare function NavigationMenu({
 }: React.ComponentProps<typeof NavigationMenu$1.Root> & {
   /** When false, the viewport animation panel is omitted (useful for inline menus). */
   viewport?: boolean;
-}): react250.JSX.Element;
+}): react278.JSX.Element;
 /** Horizontal list that holds NavigationMenuItems. */
 declare function NavigationMenuList({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.List>): react250.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react278.JSX.Element;
 /** A single navigation entry that may contain a trigger and a dropdown content panel. */
 declare function NavigationMenuItem({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Item>): react250.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react278.JSX.Element;
 declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types11.ClassProp | undefined) => string;
 /** Button that opens the associated NavigationMenuContent panel on focus or hover. */
 declare function NavigationMenuTrigger({
   className,
   children,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react250.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react278.JSX.Element;
 /** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
 declare function NavigationMenuContent({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Content>): react250.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react278.JSX.Element;
 /** Animated viewport container that hosts the active NavigationMenuContent. */
 declare function NavigationMenuViewport({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react250.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react278.JSX.Element;
 /** A styled link used inside NavigationMenuContent that highlights when active. */
 declare function NavigationMenuLink({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Link>): react250.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react278.JSX.Element;
 /** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */
 declare function NavigationMenuIndicator({
   className,
   ...props
-}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react250.JSX.Element;
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react278.JSX.Element;
 //#endregion
 export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
 //# sourceMappingURL=navigation-menu.d.cts.map

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

@@ -0,0 +1,77 @@
+import * as react221 from "react";
+import { NavigationMenu as NavigationMenu$1 } from "radix-ui";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
+
+//#region packages/components/ui/navigation-menu.d.ts
+
+/**
+ * Root provider for the NavigationMenu — a horizontal nav bar with dropdown content panels.
+ *
+ * @example
+ * ```tsx
+ * import {
+ *   NavigationMenu, NavigationMenuList, NavigationMenuItem,
+ *   NavigationMenuTrigger, NavigationMenuContent, NavigationMenuLink,
+ * } from '@customafk/lunas-ui/ui/navigation-menu';
+ *
+ * <NavigationMenu>
+ *   <NavigationMenuList>
+ *     <NavigationMenuItem>
+ *       <NavigationMenuTrigger>Products</NavigationMenuTrigger>
+ *       <NavigationMenuContent>
+ *         <NavigationMenuLink href="/products">All Products</NavigationMenuLink>
+ *       </NavigationMenuContent>
+ *     </NavigationMenuItem>
+ *   </NavigationMenuList>
+ * </NavigationMenu>
+ * ```
+ */
+declare function NavigationMenu({
+  className,
+  children,
+  viewport,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Root> & {
+  /** When false, the viewport animation panel is omitted (useful for inline menus). */
+  viewport?: boolean;
+}): react221.JSX.Element;
+/** Horizontal list that holds NavigationMenuItems. */
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.List>): react221.JSX.Element;
+/** A single navigation entry that may contain a trigger and a dropdown content panel. */
+declare function NavigationMenuItem({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Item>): react221.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types10.ClassProp | undefined) => string;
+/** Button that opens the associated NavigationMenuContent panel on focus or hover. */
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Trigger>): react221.JSX.Element;
+/** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Content>): react221.JSX.Element;
+/** Animated viewport container that hosts the active NavigationMenuContent. */
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Viewport>): react221.JSX.Element;
+/** A styled link used inside NavigationMenuContent that highlights when active. */
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Link>): react221.JSX.Element;
+/** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu$1.Indicator>): react221.JSX.Element;
+//#endregion
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle };
+//# sourceMappingURL=navigation-menu.d.ts.map

package/dist/ui/navigation-menu.js

@@ -0,0 +1,2 @@
+"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

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

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

@@ -1,5 +1,5 @@
-import { t as Button } from "../button-CYLxBCfa.cjs";
-import * as react236 from "react";
+import { t as Button } from "../button-IMi0bEY_.cjs";
+import * as react134 from "react";
 
 //#region packages/components/ui/pagination.d.ts
 
@@ -26,16 +26,16 @@ import * as react236 from "react";
 declare function Pagination({
   className,
   ...props
-}: React.ComponentProps<'nav'>): react236.JSX.Element;
+}: React.ComponentProps<'nav'>): react134.JSX.Element;
 /** Horizontal list that holds PaginationItem elements. */
 declare function PaginationContent({
   className,
   ...props
-}: React.ComponentProps<'ul'>): react236.JSX.Element;
+}: React.ComponentProps<'ul'>): react134.JSX.Element;
 /** Wrapper `<li>` for a single pagination button or link. */
 declare function PaginationItem({
   ...props
-}: React.ComponentProps<'li'>): react236.JSX.Element;
+}: React.ComponentProps<'li'>): react134.JSX.Element;
 type PaginationLinkProps = {
   /** When true, the link is styled as the currently active page. */
   isActive?: boolean;
@@ -46,22 +46,22 @@ declare function PaginationLink({
   isActive,
   size,
   ...props
-}: PaginationLinkProps): react236.JSX.Element;
+}: PaginationLinkProps): react134.JSX.Element;
 /** "Previous page" navigation link with a left chevron icon. */
 declare function PaginationPrevious({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react236.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react134.JSX.Element;
 /** "Next page" navigation link with a right chevron icon. */
 declare function PaginationNext({
   className,
   ...props
-}: React.ComponentProps<typeof PaginationLink>): react236.JSX.Element;
+}: React.ComponentProps<typeof PaginationLink>): react134.JSX.Element;
 /** Ellipsis indicator rendered between non-adjacent page numbers. */
 declare function PaginationEllipsis({
   className,
   ...props
-}: React.ComponentProps<'span'>): react236.JSX.Element;
+}: React.ComponentProps<'span'>): react134.JSX.Element;
 //#endregion
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
 //# sourceMappingURL=pagination.d.cts.map

package/dist/ui/pagination.d.ts

@@ -0,0 +1,67 @@
+import { t as Button } from "../button-D4YMSwqK.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

@@ -0,0 +1,2 @@
+"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

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

@@ -1 +1 @@
-"use client";require(`../close-DrCUWZt0.cjs`);const e=require(`../popover-fsTCOb6a.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-Dlo1bI8x.cjs`);const e=require(`../popover-DBsC8Ltp.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,4 +1,4 @@
-import * as react136 from "react";
+import * as react129 from "react";
 import { Popover as Popover$1 } from "radix-ui";
 
 //#region packages/components/ui/popover.d.ts
@@ -26,27 +26,27 @@ import { Popover as Popover$1 } from "radix-ui";
  */
 declare function Popover({
   ...props
-}: React.ComponentProps<typeof Popover$1.Root>): react136.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Root>): react129.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>): react136.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Trigger>): react129.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>): react136.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Content>): react129.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>): react136.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Anchor>): react129.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>): react136.JSX.Element;
+}: React.ComponentProps<typeof Popover$1.Close>): react129.JSX.Element;
 //#endregion
 export { Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger };
 //# sourceMappingURL=popover.d.cts.map

package/dist/ui/popover.d.ts

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

package/dist/ui/popover.js

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

@@ -1 +1 @@
-"use client";const e=require(`../progress-CDYA2V-W.cjs`);exports.Progress=e.t;
+"use client";const e=require(`../progress-gvBqNiHp.cjs`);exports.Progress=e.t;

package/dist/ui/progress.d.cts

@@ -1,4 +1,4 @@
-import * as react147 from "react";
+import * as react141 from "react";
 import { Progress as Progress$1 } from "radix-ui";
 
 //#region packages/components/ui/progress.d.ts
@@ -17,7 +17,7 @@ declare function Progress({
   className,
   value,
   ...props
-}: React.ComponentProps<typeof Progress$1.Root>): react147.JSX.Element;
+}: React.ComponentProps<typeof Progress$1.Root>): react141.JSX.Element;
 //#endregion
 export { Progress };
 //# sourceMappingURL=progress.d.cts.map

package/dist/ui/progress.d.ts

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

package/dist/ui/progress.js

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

package/dist/ui/radio-group.cjs

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

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

@@ -1,4 +1,4 @@
-import * as react258 from "react";
+import * as react143 from "react";
 import { RadioGroup as RadioGroup$1 } from "radix-ui";
 
 //#region packages/components/ui/radio-group.d.ts
@@ -26,12 +26,12 @@ import { RadioGroup as RadioGroup$1 } from "radix-ui";
 declare function RadioGroup({
   className,
   ...props
-}: React.ComponentProps<typeof RadioGroup$1.Root>): react258.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Root>): react143.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>): react258.JSX.Element;
+}: React.ComponentProps<typeof RadioGroup$1.Item>): react143.JSX.Element;
 //#endregion
 export { RadioGroup, RadioGroupItem };
 //# sourceMappingURL=radio-group.d.cts.map

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

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

package/dist/ui/radio-group.js

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

package/dist/ui/resizable.cjs

@@ -1 +1 @@
-"use client";const e=require(`../resizable-DATSh0Du.cjs`);exports.ResizableHandle=e.t,exports.ResizablePanel=e.n,exports.ResizablePanelGroup=e.r;
+"use client";const e=require(`../resizable-sgpaHAb8.cjs`);exports.ResizableHandle=e.t,exports.ResizablePanel=e.n,exports.ResizablePanelGroup=e.r;