@customafk/lunas-ui 0.2.51 → 0.2.53

package/dist/navigation-menu-BNEtQ0JM.cjs

@@ -0,0 +1,2 @@
+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`})})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=navigation-menu-BNEtQ0JM.cjs.map

package/dist/navigation-menu-BNEtQ0JM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-BNEtQ0JM.cjs","names":["NavigationMenuPrimitive","ChevronDownIcon"],"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":"6MA8BA,SAAS,EAAe,CACtB,YACA,WACA,WAAW,GACX,GAAG,GAIF,CACD,OACE,EAAA,EAAA,MAACA,EAAAA,eAAwB,KAAA,CACvB,YAAU,kBACV,gBAAe,EACf,WAAA,EAAA,EAAA,IAAc,mFAAoF,EAAU,CAC5G,GAAI,YAEH,EACA,IAAY,EAAA,EAAA,KAAC,EAAA,EAAA,CAAyB,CAAA,EACV,CAKnC,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAACA,EAAAA,eAAwB,KAAA,CACvB,YAAU,uBACV,WAAA,EAAA,EAAA,IAAc,gEAAiE,EAAU,CACzF,GAAI,GACJ,CAKN,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OAAO,EAAA,EAAA,KAACA,EAAAA,eAAwB,KAAA,CAAK,YAAU,uBAAuB,WAAA,EAAA,EAAA,IAAc,WAAY,EAAU,CAAE,GAAI,GAAS,CAG3H,MAAM,GAAA,EAAA,EAAA,KAAiC,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,EAAA,EAAA,MAACA,EAAAA,eAAwB,QAAA,CAAQ,YAAU,0BAA0B,WAAA,EAAA,EAAA,IAAc,GAA4B,CAAE,QAAS,EAAU,CAAE,GAAI,YACvI,EAAS,KAAC,EAAA,EAAA,KAACC,EAAAA,gBAAAA,CAAgB,UAAU,4FAA4F,cAAY,QAAS,GACvH,CAKtC,SAAS,EAAsB,CAAE,YAAW,GAAG,GAAuE,CACpH,OACE,EAAA,EAAA,KAACD,EAAAA,eAAwB,QAAA,CACvB,YAAU,0BACV,WAAA,EAAA,EAAA,IACE,mWACA,4hCACA,EACD,CACD,GAAI,GACJ,CAKN,SAAS,EAAuB,CAAE,YAAW,GAAG,GAAwE,CACtH,OACE,EAAA,EAAA,KAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,4DAA4D,WAC7E,EAAA,EAAA,KAACA,EAAAA,eAAwB,SAAA,CACvB,YAAU,2BACV,WAAA,EAAA,EAAA,IACE,qVACA,EACD,CACD,GAAI,GACJ,EACE,CAKV,SAAS,EAAmB,CAAE,YAAW,GAAG,GAAoE,CAC9G,OACE,EAAA,EAAA,KAACA,EAAAA,eAAwB,KAAA,CACvB,YAAU,uBACV,WAAA,EAAA,EAAA,IACE,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,EAAA,EAAA,KAACA,EAAAA,eAAwB,UAAA,CACvB,YAAU,4BACV,WAAA,EAAA,EAAA,IACE,mEACA,kCACA,kCACA,+BACA,+BACA,EACD,CACD,GAAI,YAEJ,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,uEAAA,CAAyE,EACtD"}

package/dist/navigation-menu-DT9LfEFB.d.mts

@@ -0,0 +1,77 @@
+import * as react174 from "react";
+import { NavigationMenu } from "radix-ui";
+import * as class_variance_authority_types9 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$1({
+  className,
+  children,
+  viewport,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Root> & {
+  /** When false, the viewport animation panel is omitted (useful for inline menus). */
+  viewport?: boolean;
+}): react174.JSX.Element;
+/** Horizontal list that holds NavigationMenuItems. */
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.List>): react174.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.Item>): react174.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types9.ClassProp | undefined) => string;
+/** Button that opens the associated NavigationMenuContent panel on focus or hover. */
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Trigger>): react174.JSX.Element;
+/** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Content>): react174.JSX.Element;
+/** Animated viewport container that hosts the active NavigationMenuContent. */
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Viewport>): react174.JSX.Element;
+/** A styled link used inside NavigationMenuContent that highlights when active. */
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Link>): react174.JSX.Element;
+/** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Indicator>): react174.JSX.Element;
+//#endregion
+export { NavigationMenuLink as a, NavigationMenuViewport as c, NavigationMenuItem as i, navigationMenuTriggerStyle as l, NavigationMenuContent as n, NavigationMenuList as o, NavigationMenuIndicator as r, NavigationMenuTrigger as s, NavigationMenu$1 as t };
+//# sourceMappingURL=navigation-menu-DT9LfEFB.d.mts.map

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

@@ -0,0 +1,77 @@
+import * as react233 from "react";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
+import { NavigationMenu } from "radix-ui";
+
+//#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$1({
+  className,
+  children,
+  viewport,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Root> & {
+  /** When false, the viewport animation panel is omitted (useful for inline menus). */
+  viewport?: boolean;
+}): react233.JSX.Element;
+/** Horizontal list that holds NavigationMenuItems. */
+declare function NavigationMenuList({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.List>): react233.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.Item>): react233.JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: class_variance_authority_types9.ClassProp | undefined) => string;
+/** Button that opens the associated NavigationMenuContent panel on focus or hover. */
+declare function NavigationMenuTrigger({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Trigger>): react233.JSX.Element;
+/** Dropdown content panel revealed when a NavigationMenuTrigger is activated. */
+declare function NavigationMenuContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Content>): react233.JSX.Element;
+/** Animated viewport container that hosts the active NavigationMenuContent. */
+declare function NavigationMenuViewport({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Viewport>): react233.JSX.Element;
+/** A styled link used inside NavigationMenuContent that highlights when active. */
+declare function NavigationMenuLink({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Link>): react233.JSX.Element;
+/** Small arrow indicator that points from the active NavigationMenuTrigger to its content panel. */
+declare function NavigationMenuIndicator({
+  className,
+  ...props
+}: React.ComponentProps<typeof NavigationMenu.Indicator>): react233.JSX.Element;
+//#endregion
+export { NavigationMenuLink as a, NavigationMenuViewport as c, NavigationMenuItem as i, navigationMenuTriggerStyle as l, NavigationMenuContent as n, NavigationMenuList as o, NavigationMenuIndicator as r, NavigationMenuTrigger as s, NavigationMenu$1 as t };
+//# sourceMappingURL=navigation-menu-Dl0kgmce.d.cts.map

package/dist/navigation-menu-zlpQ6hqY.mjs

@@ -0,0 +1,2 @@
+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{p as a,f as c,c as i,l,d as n,s as o,m as r,u as s,o as t};
+//# sourceMappingURL=navigation-menu-zlpQ6hqY.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu-zlpQ6hqY.mjs","names":["NavigationMenu","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":"8OA8BA,SAASA,EAAe,CACtB,YACA,WACA,WAAW,GACX,GAAG,GAIF,CACD,OACE,EAACC,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/pages/FeatureDeveloping.cjs

@@ -1,2 +1 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Tính năng đang phát triển`,subtitle:a=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.Construction,{className:(0,r.cn)(`size-16 sm:size-24 text-yellow-500`,l)}),(0,i.jsx)(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.FeatureDeveloping=a,exports.default=o;
-//# sourceMappingURL=FeatureDeveloping.cjs.map
+Object.defineProperty(exports,`__esModule`,{value:!0}),require(`../button.variants-4kw6plrv.cjs`),require(`../button-C--DAN1D.cjs`);const e=require(`../FeatureDeveloping-CVFrndc_.cjs`);exports.FeatureDeveloping=e.t,exports.default=e.n;

package/dist/pages/FeatureDeveloping.d.cts

@@ -1,43 +1,2 @@
-import * as react3 from "react";
-
-//#region packages/components/pages/FeatureDeveloping.d.ts
-interface FeatureDevelopingProps {
-  /** Main heading shown beneath the construction icon. Defaults to `'Tính năng đang phát triển'`. */
-  title?: string;
-  /** Supporting text shown below the title. Defaults to a Vietnamese message asking the user to check back later. */
-  subtitle?: string;
-  /** Label for the action button. Defaults to `'Quay lại'`. */
-  buttonText?: string;
-  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */
-  onButtonClick?: () => void;
-  /** Additional class names applied to the root container element. */
-  className?: string;
-  /** Additional class names applied to the `Construction` icon. */
-  iconClassName?: string;
-}
-/**
- * Full-page placeholder displayed when a feature is still under active development.
- *
- * @example
- * ```tsx
- * import { FeatureDeveloping } from '@customafk/lunas-ui/pages/FeatureDeveloping';
- *
- * <FeatureDeveloping
- *   title="Coming Soon"
- *   subtitle="This feature is not ready yet."
- *   buttonText="Go Back"
- *   onButtonClick={() => router.back()}
- * />
- * ```
- */
-declare const FeatureDeveloping: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: FeatureDevelopingProps) => react3.JSX.Element;
-//#endregion
-export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };
-//# sourceMappingURL=FeatureDeveloping.d.cts.map
+import { n as FeatureDevelopingProps, t as FeatureDeveloping } from "../FeatureDeveloping-Bpmk3ZyS.cjs";
+export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };

package/dist/pages/FeatureDeveloping.d.mts

@@ -0,0 +1,2 @@
+import { n as FeatureDevelopingProps, t as FeatureDeveloping } from "../FeatureDeveloping-oS433qZK.mjs";
+export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };

package/dist/pages/FeatureDeveloping.mjs

@@ -0,0 +1 @@
+import"../button.variants-DkMqWB8G.mjs";import"../button-CCVJTHBI.mjs";import{n as e,t}from"../FeatureDeveloping-k_14m44U.mjs";export{t as FeatureDeveloping,e as default};

package/dist/pages/FeatureFixing.cjs

@@ -1,2 +1 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Tính năng đang bảo trì`,subtitle:a=`Chúng tôi đang khắc phục vấn đề với tính năng này. Vui lòng quay lại sau.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.Wrench,{className:(0,r.cn)(`size-16 sm:size-24 text-orange-500`,l)}),(0,i.jsx)(`div`,{className:`text-3xl sm:text-5xl font-bold text-orange-500`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.FeatureFixing=a,exports.default=o;
-//# sourceMappingURL=FeatureFixing.cjs.map
+Object.defineProperty(exports,`__esModule`,{value:!0}),require(`../button.variants-4kw6plrv.cjs`),require(`../button-C--DAN1D.cjs`);const e=require(`../FeatureFixing-CqDnOmou.cjs`);exports.FeatureFixing=e.t,exports.default=e.n;

package/dist/pages/FeatureFixing.d.cts

@@ -1,43 +1,2 @@
-import * as react20 from "react";
-
-//#region packages/components/pages/FeatureFixing.d.ts
-interface FeatureFixingProps {
-  /** Main heading shown beneath the wrench icon. Defaults to `'Tính năng đang bảo trì'`. */
-  title?: string;
-  /** Supporting text shown below the title. Defaults to a Vietnamese maintenance message. */
-  subtitle?: string;
-  /** Label for the action button. Defaults to `'Quay lại'`. */
-  buttonText?: string;
-  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */
-  onButtonClick?: () => void;
-  /** Additional class names applied to the root container element. */
-  className?: string;
-  /** Additional class names applied to the `Wrench` icon. */
-  iconClassName?: string;
-}
-/**
- * Full-page placeholder displayed when a feature is temporarily unavailable due to maintenance or bug fixes.
- *
- * @example
- * ```tsx
- * import { FeatureFixing } from '@customafk/lunas-ui/pages/FeatureFixing';
- *
- * <FeatureFixing
- *   title="Under Maintenance"
- *   subtitle="We are fixing an issue. Please check back later."
- *   buttonText="Go Back"
- *   onButtonClick={() => router.back()}
- * />
- * ```
- */
-declare const FeatureFixing: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: FeatureFixingProps) => react20.JSX.Element;
-//#endregion
-export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };
-//# sourceMappingURL=FeatureFixing.d.cts.map
+import { n as FeatureFixingProps, t as FeatureFixing } from "../FeatureFixing-Vwb-odpJ.cjs";
+export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };

package/dist/pages/FeatureFixing.d.mts

@@ -0,0 +1,2 @@
+import { n as FeatureFixingProps, t as FeatureFixing } from "../FeatureFixing-CRTE4tkV.mjs";
+export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };

package/dist/pages/FeatureFixing.mjs

@@ -0,0 +1 @@
+import"../button.variants-DkMqWB8G.mjs";import"../button-CCVJTHBI.mjs";import{n as e,t}from"../FeatureFixing-D7qYhigu.mjs";export{t as FeatureFixing,e as default};

package/dist/pages/LoginPage.cjs

@@ -1,2 +1 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`),require(`../close-Dlo1bI8x.cjs`);const n=require(`../dialog-BigPrWIj.cjs`),r=require(`../input-WJ0DLHTR.cjs`),i=require(`../label-CC6fXVbC.cjs`),a=require(`../alert-B2PaDJp6.cjs`);let o=require(`lucide-react`),s=require(`react`),c=require(`react/jsx-runtime`),l=require(`zod`);const u=l.z.object({email:l.z.string().min(1,`Vui lòng nhập email`).email(`Email không hợp lệ`),password:l.z.string().min(1,`Vui lòng nhập mật khẩu`)}),d=({open:e,onOpenChange:l,onLogin:d,onForgotPassword:f,onRegister:p,isLoading:m=!1,errorMessage:h,title:g=`Đăng nhập`,subtitle:_=`Nhập thông tin để tiếp tục`})=>{let v=(0,s.useId)(),y=(0,s.useId)(),[b,x]=(0,s.useState)(``),[S,C]=(0,s.useState)(``),[w,T]=(0,s.useState)(!1),[E,D]=(0,s.useState)({});return(0,c.jsx)(n.t,{open:e,onOpenChange:l,children:(0,c.jsxs)(n.r,{className:`max-sm:data-[state=open]:slide-in-from-bottom max-sm:data-[state=open]:zoom-in-100 max-sm:data-[state=closed]:slide-out-to-bottom max-sm:data-[state=closed]:zoom-out-100 max-sm:top-auto max-sm:right-0 max-sm:bottom-0 max-sm:left-0 max-sm:max-w-full max-sm:translate-x-0 max-sm:translate-y-0 max-sm:rounded-b-none sm:max-w-sm`,children:[(0,c.jsxs)(n.o,{children:[(0,c.jsx)(n.l,{children:g}),(0,c.jsx)(n.i,{children:_})]}),(0,c.jsxs)(`form`,{onSubmit:async e=>{e.preventDefault();let t=u.safeParse({email:b,password:S});if(!t.success){let e=t.error.flatten().fieldErrors;D({email:e.email?.[0],password:e.password?.[0]});return}D({}),await d(b,S)},noValidate:!0,className:`flex flex-col gap-4`,children:[h&&(0,c.jsx)(a.t,{variant:`destructive`,children:(0,c.jsx)(a.n,{children:h})}),(0,c.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,c.jsx)(i.t,{htmlFor:v,children:`Email`}),(0,c.jsx)(r.t,{id:v,type:`email`,autoComplete:`email`,placeholder:`you@example.com`,value:b,onChange:e=>x(e.target.value),"aria-invalid":!!E.email,disabled:m}),E.email&&(0,c.jsx)(`p`,{className:`text-destructive text-xs`,children:E.email})]}),(0,c.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,c.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,c.jsx)(i.t,{htmlFor:y,children:`Mật khẩu`}),f&&(0,c.jsx)(t.t,{type:`button`,variant:`link`,size:`sm`,className:`h-auto p-0 text-xs`,onClick:f,children:`Quên mật khẩu?`})]}),(0,c.jsxs)(`div`,{className:`relative`,children:[(0,c.jsx)(r.t,{id:y,type:w?`text`:`password`,autoComplete:`current-password`,placeholder:`••••••••`,value:S,onChange:e=>C(e.target.value),"aria-invalid":!!E.password,disabled:m,className:`pr-10`}),(0,c.jsx)(`button`,{type:`button`,className:`absolute inset-y-0 right-0 flex items-center px-3 text-muted-foreground hover:text-foreground`,onMouseDown:e=>{e.preventDefault(),T(e=>!e)},"aria-label":w?`Ẩn mật khẩu`:`Hiện mật khẩu`,children:w?(0,c.jsx)(o.EyeOff,{size:16}):(0,c.jsx)(o.Eye,{size:16})})]}),E.password&&(0,c.jsx)(`p`,{className:`text-destructive text-xs`,children:E.password})]}),(0,c.jsx)(t.t,{type:`submit`,isLoading:m,className:`w-full`,children:`Đăng nhập`}),(0,c.jsx)(t.t,{type:`button`,variant:`outline`,className:`w-full`,disabled:m,onClick:()=>l(!1),children:`Đóng hộp thoại`})]}),p&&(0,c.jsxs)(`div`,{className:`flex justify-center gap-1 text-muted-foreground text-sm`,children:[(0,c.jsx)(`span`,{children:`Chưa có tài khoản?`}),(0,c.jsx)(t.t,{variant:`link`,size:`sm`,className:`h-auto p-0`,onClick:p,children:`Đăng ký`})]})]})})};exports.LoginPage=d;
-//# sourceMappingURL=LoginPage.cjs.map
+"use client";require(`../button.variants-4kw6plrv.cjs`),require(`../button-C--DAN1D.cjs`),require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`),require(`../close-DYBVx-8O.cjs`),require(`../dialog-DNEUhYSv.cjs`),require(`../input-BatF2xqI.cjs`),require(`../label--hinNDHW.cjs`),require(`../alert-DDdHIRib.cjs`);const e=require(`../LoginPage-CSewNEGN.cjs`);exports.LoginPage=e.t;

package/dist/pages/LoginPage.d.cts

@@ -1,55 +1,2 @@
-import * as react12 from "react";
-
-//#region packages/components/pages/LoginPage.d.ts
-interface LoginPageProps {
-  /** Controls whether the dialog is open */
-  open: boolean;
-  /** Called when the dialog open state changes */
-  onOpenChange: (open: boolean) => void;
-  /** Called when the user submits login credentials */
-  onLogin: (email: string, password: string) => Promise<void> | void;
-  /** Called when the "Quên mật khẩu?" link is clicked */
-  onForgotPassword?: () => void;
-  /** Called when the "Đăng ký" link is clicked */
-  onRegister?: () => void;
-  /** Disables the form and shows a spinner on the submit button */
-  isLoading?: boolean;
-  /** Server-side error message rendered in a destructive Alert */
-  errorMessage?: string;
-  /** Dialog heading. Default: "Đăng nhập" */
-  title?: string;
-  /** Dialog subheading. Default: "Nhập thông tin để tiếp tục" */
-  subtitle?: string;
-}
-/**
- * Modal login dialog for the client authentication flow.
- *
- * @example
- * ```tsx
- * import { LoginPage } from '@customafk/lunas-ui/pages/LoginPage';
- *
- * <LoginPage
- *   open={open}
- *   onOpenChange={setOpen}
- *   onLogin={async (email, password) => {
- *     await authService.login(email, password);
- *     setOpen(false);
- *   }}
- *   onRegister={() => { setOpen(false); setRegisterOpen(true); }}
- * />
- * ```
- */
-declare const LoginPage: ({
-  open,
-  onOpenChange,
-  onLogin,
-  onForgotPassword,
-  onRegister,
-  isLoading,
-  errorMessage,
-  title,
-  subtitle
-}: LoginPageProps) => react12.JSX.Element;
-//#endregion
-export { LoginPage, LoginPageProps };
-//# sourceMappingURL=LoginPage.d.cts.map
+import { n as LoginPageProps, t as LoginPage } from "../LoginPage-B7SgjP72.cjs";
+export { LoginPage, LoginPageProps };

package/dist/pages/LoginPage.d.mts

@@ -0,0 +1,2 @@
+import { n as LoginPageProps, t as LoginPage } from "../LoginPage-Bsh_Wo-4.mjs";
+export { LoginPage, LoginPageProps };

package/dist/pages/LoginPage.mjs

@@ -0,0 +1 @@
+"use client";import"../button.variants-DkMqWB8G.mjs";import"../button-CCVJTHBI.mjs";import"../heading-De4Pn3mZ.mjs";import"../paragraph-DYLaQtTV.mjs";import"../close-Co-WLsSG.mjs";import"../dialog--BvCecaD.mjs";import"../input-CFsouxvo.mjs";import"../label-BMVyfKu9.mjs";import"../alert-BEcGZfPW.mjs";import{t as e}from"../LoginPage-BDh57TIY.mjs";export{e as LoginPage};

package/dist/pages/NotAuthorized.cjs

@@ -1,2 +1 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Quyền truy cập bị từ chối`,subtitle:a=`Xin lỗi, bạn không có quyền truy cập vào trang này.`,buttonText:o=`Quay lại`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.ShieldAlert,{className:(0,r.cn)(`size-16 sm:size-24 text-primary`,l)}),(0,i.jsx)(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`403`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.NotAuthorized=a,exports.default=o;
-//# sourceMappingURL=NotAuthorized.cjs.map
+Object.defineProperty(exports,`__esModule`,{value:!0}),require(`../button.variants-4kw6plrv.cjs`),require(`../button-C--DAN1D.cjs`);const e=require(`../NotAuthorized-BBlhgNjt.cjs`);exports.NotAuthorized=e.t,exports.default=e.n;

package/dist/pages/NotAuthorized.d.cts

@@ -1,43 +1,2 @@
-import * as react1 from "react";
-
-//#region packages/components/pages/NotAuthorized.d.ts
-interface NotAuthorizedProps {
-  /** Main heading shown beneath the shield icon. Defaults to `'Quyền truy cập bị từ chối'`. */
-  title?: string;
-  /** Supporting text shown below the title. Defaults to a Vietnamese access-denied message. */
-  subtitle?: string;
-  /** Label for the action button. Defaults to `'Quay lại'`. */
-  buttonText?: string;
-  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */
-  onButtonClick?: () => void;
-  /** Additional class names applied to the root container element. */
-  className?: string;
-  /** Additional class names applied to the `ShieldAlert` icon. */
-  iconClassName?: string;
-}
-/**
- * Full-page 403 error screen shown when the current user lacks permission to access a resource.
- *
- * @example
- * ```tsx
- * import { NotAuthorized } from '@customafk/lunas-ui/pages/NotAuthorized';
- *
- * <NotAuthorized
- *   title="Access Denied"
- *   subtitle="You do not have permission to view this page."
- *   buttonText="Go Back"
- *   onButtonClick={() => router.push('/')}
- * />
- * ```
- */
-declare const NotAuthorized: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: NotAuthorizedProps) => react1.JSX.Element;
-//#endregion
-export { NotAuthorized, NotAuthorized as default, NotAuthorizedProps };
-//# sourceMappingURL=NotAuthorized.d.cts.map
+import { n as NotAuthorizedProps, t as NotAuthorized } from "../NotAuthorized-DcXH7UbQ.cjs";
+export { NotAuthorized, NotAuthorized as default, NotAuthorizedProps };

package/dist/pages/NotAuthorized.d.mts

@@ -0,0 +1,2 @@
+import { n as NotAuthorizedProps, t as NotAuthorized } from "../NotAuthorized-B1nln3YY.mjs";
+export { NotAuthorized, NotAuthorized as default, NotAuthorizedProps };

package/dist/pages/NotAuthorized.mjs

@@ -0,0 +1 @@
+import"../button.variants-DkMqWB8G.mjs";import"../button-CCVJTHBI.mjs";import{n as e,t}from"../NotAuthorized-xXIwCXtZ.mjs";export{t as NotAuthorized,e as default};

package/dist/pages/NotFound.cjs

@@ -1,2 +1 @@
-Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);let n=require(`lucide-react`),r=require(`@customafk/react-toolkit/utils`),i=require(`react/jsx-runtime`);const a=({title:e=`Không tìm thấy trang`,subtitle:a=`Xin lỗi, trang bạn đang tìm kiếm không tồn tại hoặc đã bị di chuyển.`,buttonText:o=`Trở về trang chủ`,onButtonClick:s=()=>window.history.back(),className:c,iconClassName:l})=>(0,i.jsxs)(`div`,{className:(0,r.cn)(`flex flex-col items-center justify-center min-h-[50vh] gap-4 sm:gap-6 py-8 sm:py-10 px-4 text-center w-full`,c),children:[(0,i.jsxs)(`div`,{className:`flex flex-col items-center gap-2`,children:[(0,i.jsx)(n.FileQuestion,{className:(0,r.cn)(`size-16 sm:size-24 text-primary`,l)}),(0,i.jsx)(`div`,{className:`text-4xl sm:text-6xl font-bold text-primary`,children:`404`})]}),(0,i.jsx)(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:e}),(0,i.jsx)(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:a}),(0,i.jsx)(t.t,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.NotFound=a,exports.default=o;
-//# sourceMappingURL=NotFound.cjs.map
+Object.defineProperty(exports,`__esModule`,{value:!0}),require(`../button.variants-4kw6plrv.cjs`),require(`../button-C--DAN1D.cjs`);const e=require(`../NotFound-BOAR7QCc.cjs`);exports.NotFound=e.t,exports.default=e.n;

package/dist/pages/NotFound.d.cts

@@ -1,43 +1,2 @@
-import * as react0 from "react";
-
-//#region packages/components/pages/NotFound.d.ts
-interface NotFoundProps {
-  /** Main heading shown beneath the file-question icon. Defaults to `'Không tìm thấy trang'`. */
-  title?: string;
-  /** Supporting text shown below the title. Defaults to a Vietnamese 404 message. */
-  subtitle?: string;
-  /** Label for the action button. Defaults to `'Trở về trang chủ'`. */
-  buttonText?: string;
-  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */
-  onButtonClick?: () => void;
-  /** Additional class names applied to the root container element. */
-  className?: string;
-  /** Additional class names applied to the `FileQuestion` icon. */
-  iconClassName?: string;
-}
-/**
- * Full-page 404 error screen displayed when a requested route or resource does not exist.
- *
- * @example
- * ```tsx
- * import { NotFound } from '@customafk/lunas-ui/pages/NotFound';
- *
- * <NotFound
- *   title="Page Not Found"
- *   subtitle="The page you are looking for does not exist."
- *   buttonText="Go Home"
- *   onButtonClick={() => router.push('/')}
- * />
- * ```
- */
-declare const NotFound: ({
-  title,
-  subtitle,
-  buttonText,
-  onButtonClick,
-  className,
-  iconClassName
-}: NotFoundProps) => react0.JSX.Element;
-//#endregion
-export { NotFound, NotFound as default, NotFoundProps };
-//# sourceMappingURL=NotFound.d.cts.map
+import { n as NotFoundProps, t as NotFound } from "../NotFound-Co0y_Fpa.cjs";
+export { NotFound, NotFound as default, NotFoundProps };

package/dist/pages/NotFound.d.mts

@@ -0,0 +1,2 @@
+import { n as NotFoundProps, t as NotFound } from "../NotFound-Kvw-yvr_.mjs";
+export { NotFound, NotFound as default, NotFoundProps };

package/dist/pages/NotFound.mjs

@@ -0,0 +1 @@
+import"../button.variants-DkMqWB8G.mjs";import"../button-CCVJTHBI.mjs";import{n as e,t}from"../NotFound-H7T1wCkf.mjs";export{t as NotFound,e as default};

package/dist/pages/RegisterPage.cjs

@@ -1,2 +1 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);require(`../button.variants-4kw6plrv.cjs`);const t=require(`../button-C--DAN1D.cjs`);require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`),require(`../close-Dlo1bI8x.cjs`);const n=require(`../dialog-BigPrWIj.cjs`),r=require(`../input-WJ0DLHTR.cjs`),i=require(`../label-CC6fXVbC.cjs`),a=require(`../alert-B2PaDJp6.cjs`);let o=require(`lucide-react`),s=require(`react`),c=require(`react/jsx-runtime`),l=require(`zod`);const u=l.z.object({email:l.z.string().min(1,`Vui lòng nhập email`).email(`Email không hợp lệ`),password:l.z.string().min(8,`Mật khẩu phải có ít nhất 8 ký tự`).max(50,`Mật khẩu không được vượt quá 50 ký tự`).regex(/[A-Z]/,`Phải có ít nhất một chữ hoa`).regex(/[a-z]/,`Phải có ít nhất một chữ thường`).regex(/[0-9]/,`Phải có ít nhất một chữ số`).regex(/[^A-Za-z0-9]/,`Phải có ít nhất một ký tự đặc biệt`),confirmPassword:l.z.string().min(1,`Vui lòng xác nhận mật khẩu`)}).refine(e=>e.password===e.confirmPassword,{message:`Mật khẩu xác nhận không khớp`,path:[`confirmPassword`]}),d=({open:e,onOpenChange:l,onRegister:d,onLogin:f,isLoading:p=!1,errorMessage:m,title:h=`Đăng ký`,subtitle:g=`Tạo tài khoản mới để bắt đầu`})=>{let _=(0,s.useId)(),v=(0,s.useId)(),y=(0,s.useId)(),[b,x]=(0,s.useState)(``),[S,C]=(0,s.useState)(``),[w,T]=(0,s.useState)(``),[E,D]=(0,s.useState)(!1),[O,k]=(0,s.useState)(!1),[A,j]=(0,s.useState)({});return(0,c.jsx)(n.t,{open:e,onOpenChange:l,children:(0,c.jsxs)(n.r,{className:`max-sm:data-[state=open]:slide-in-from-bottom max-sm:data-[state=open]:zoom-in-100 max-sm:data-[state=closed]:slide-out-to-bottom max-sm:data-[state=closed]:zoom-out-100 max-sm:top-auto max-sm:right-0 max-sm:bottom-0 max-sm:left-0 max-sm:max-w-full max-sm:translate-x-0 max-sm:translate-y-0 max-sm:rounded-b-none sm:max-w-sm`,children:[(0,c.jsxs)(n.o,{children:[(0,c.jsx)(n.l,{children:h}),(0,c.jsx)(n.i,{children:g})]}),(0,c.jsxs)(`form`,{onSubmit:async e=>{e.preventDefault();let t=u.safeParse({email:b,password:S,confirmPassword:w});if(!t.success){let e=t.error.flatten().fieldErrors;j({email:e.email?.[0],password:e.password?.[0],confirmPassword:e.confirmPassword?.[0]});return}j({}),await d(b,S)},noValidate:!0,className:`flex flex-col gap-4`,children:[m&&(0,c.jsx)(a.t,{variant:`destructive`,children:(0,c.jsx)(a.n,{children:m})}),(0,c.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,c.jsx)(i.t,{htmlFor:_,children:`Email`}),(0,c.jsx)(r.t,{id:_,type:`email`,autoComplete:`email`,placeholder:`you@example.com`,value:b,onChange:e=>x(e.target.value),"aria-invalid":!!A.email,disabled:p}),A.email&&(0,c.jsx)(`p`,{className:`text-destructive text-xs`,children:A.email})]}),(0,c.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,c.jsx)(i.t,{htmlFor:v,children:`Mật khẩu`}),(0,c.jsxs)(`div`,{className:`relative`,children:[(0,c.jsx)(r.t,{id:v,type:E?`text`:`password`,autoComplete:`new-password`,placeholder:`••••••••`,value:S,onChange:e=>C(e.target.value),"aria-invalid":!!A.password,disabled:p,className:`pr-10`}),(0,c.jsx)(`button`,{type:`button`,className:`absolute inset-y-0 right-0 flex items-center px-3 text-muted-foreground hover:text-foreground`,onMouseDown:e=>{e.preventDefault(),D(e=>!e)},"aria-label":E?`Ẩn mật khẩu`:`Hiện mật khẩu`,children:E?(0,c.jsx)(o.EyeOff,{size:16}):(0,c.jsx)(o.Eye,{size:16})})]}),A.password?(0,c.jsx)(`p`,{className:`text-destructive text-xs`,children:A.password}):(0,c.jsx)(`p`,{className:`text-muted-foreground text-xs`,children:`Tối thiểu 8 ký tự, bao gồm chữ hoa, chữ thường, số và ký tự đặc biệt.`})]}),(0,c.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,c.jsx)(i.t,{htmlFor:y,children:`Xác nhận mật khẩu`}),(0,c.jsxs)(`div`,{className:`relative`,children:[(0,c.jsx)(r.t,{id:y,type:O?`text`:`password`,autoComplete:`new-password`,placeholder:`••••••••`,value:w,onChange:e=>T(e.target.value),"aria-invalid":!!A.confirmPassword,disabled:p,className:`pr-10`}),(0,c.jsx)(`button`,{type:`button`,className:`absolute inset-y-0 right-0 flex items-center px-3 text-muted-foreground hover:text-foreground`,onMouseDown:e=>{e.preventDefault(),k(e=>!e)},"aria-label":O?`Ẩn mật khẩu`:`Hiện mật khẩu`,children:O?(0,c.jsx)(o.EyeOff,{size:16}):(0,c.jsx)(o.Eye,{size:16})})]}),A.confirmPassword&&(0,c.jsx)(`p`,{className:`text-destructive text-xs`,children:A.confirmPassword})]}),(0,c.jsx)(t.t,{type:`submit`,isLoading:p,className:`w-full`,children:`Đăng ký`}),(0,c.jsx)(t.t,{type:`button`,variant:`outline`,className:`w-full`,disabled:p,onClick:()=>l(!1),children:`Đóng hộp thoại`})]}),f&&(0,c.jsxs)(`div`,{className:`flex justify-center gap-1 text-muted-foreground text-sm`,children:[(0,c.jsx)(`span`,{children:`Đã có tài khoản?`}),(0,c.jsx)(t.t,{variant:`link`,size:`sm`,className:`h-auto p-0`,onClick:f,children:`Đăng nhập`})]})]})})};exports.RegisterPage=d;
-//# sourceMappingURL=RegisterPage.cjs.map
+"use client";require(`../button.variants-4kw6plrv.cjs`),require(`../button-C--DAN1D.cjs`),require(`../heading-tGTqk3pA.cjs`),require(`../paragraph-DvTZvbzw.cjs`),require(`../close-DYBVx-8O.cjs`),require(`../dialog-DNEUhYSv.cjs`),require(`../input-BatF2xqI.cjs`),require(`../label--hinNDHW.cjs`),require(`../alert-DDdHIRib.cjs`);const e=require(`../RegisterPage-BI5efPEP.cjs`);exports.RegisterPage=e.t;