@customafk/lunas-ui 0.2.40 → 0.2.42

package/dist/index.js

@@ -1 +1 @@
-import{$ as e,A as t,B as n,C as r,D as i,E as a,F as o,G as s,H as c,I as l,J as u,K as d,L as f,M as p,N as m,O as h,P as g,Q as _,R as v,S as y,T as b,U as x,V as S,W as C,X as w,Y as T,Z as E,_ as D,a as O,b as k,c as A,d as j,et as M,f as N,g as P,h as F,i as I,j as L,k as R,l as z,m as B,n as V,o as H,p as U,q as W,r as G,s as K,t as q,u as J,v as Y,w as X,x as Z,y as Q,z as $}from"./tanstack-form-YVdm9V01.js";import"./button.variants-CoSpd71B.js";import{t as ee}from"./button-LMMbL-uH.js";import"./heading-Bz-hSatD.js";import{n as te,t as ne}from"./paragraph-Cc13ZI4d.js";import{Card as re,CardAction as ie,CardContent as ae,CardDescription as oe,CardFooter as se,CardHeader as ce,CardTitle as le}from"./ui/card.js";import{t as ue}from"./skeleton-DlRDNM97.js";import{t as de}from"./image-BpTuF_1w.js";import{GridProductCard as fe}from"./cards/grid-product-card.js";import{ProductCard as pe}from"./cards/product-card.js";import{SimpleCard as me}from"./cards/simple-card.js";import{t as he}from"./flex-CinRrgEy.js";import{CountryDisplay as ge}from"./data-display/country.js";import{DataList as _e,DataListItem as ve}from"./data-display/data-list.js";import{t as ye}from"./date-BIqCFM1Z.js";import{n as be,t as xe}from"./badge-CRpRXSuO.js";import{i as Se,n as Ce,r as we,t as Te}from"./tooltip-CVIl6Hln.js";import{DateTooltip as Ee}from"./data-display/date-tooltip.js";import{EmptyDisplay as De}from"./data-display/empty.js";import{NameDisplay as Oe}from"./data-display/name.js";import{PhoneNumberDisplay as ke}from"./data-display/phone-number.js";import{RoleBadge as Ae}from"./data-display/role-badge.js";import{t as je}from"./statistic-CYMqAYNc.js";import{n as Me,r as Ne,t as Pe}from"./avatar-Hpj8lmux.js";import{t as Fe}from"./user-BSpgswEC.js";import{AlertDialog as Ie,AlertDialogAction as Le,AlertDialogCancel as Re,AlertDialogContent as ze,AlertDialogDescription as Be,AlertDialogFooter as Ve,AlertDialogHeader as He,AlertDialogOverlay as Ue,AlertDialogPortal as We,AlertDialogTitle as Ge,AlertDialogTrigger as Ke}from"./ui/alert-dialog.js";import{ConfirmDialog as qe}from"./dialogs/confirm-dialog.js";import{Title as Je}from"./typography/title.js";import{t as Ye}from"./separator-BM8hA4DP.js";import{a as Xe,c as Ze,i as Qe,n as $e,o as et,r as tt,s as nt,t as rt}from"./sheet-DGXXYgWB.js";import"./sidebar-BDrsbzo5.js";import{DetailDialog as it}from"./dialogs/detail-dialog/index.js";import{ErrorDialog as at}from"./dialogs/error-dialog.js";import"./close-C0PdZGxr.js";import{a as ot,c as st,i as ct,l as lt,n as ut,o as dt,r as ft,s as pt,t as mt,u as ht}from"./dialog-CmutQ3rp.js";import{LoadingDialog as gt}from"./dialogs/loading-dialog.js";import{Description as _t,DescriptionBadge as vt,DescriptionBoolean as yt,DescriptionCopy as bt,DescriptionDate as xt,DescriptionEmpty as St,DescriptionHeader as Ct,DescriptionImages as wt,DescriptionItem as Tt,DescriptionLink as Et,DescriptionLongText as Dt,DescriptionName as Ot,DescriptionNumberPhone as kt,DescriptionSection as At,DescriptionStatistic as jt,DescriptionStatus as Mt,DescriptionTagList as Nt,DescriptionUser as Pt}from"./features/descriptions/index.js";import{a as Ft,c as It,i as Lt,l as Rt,n as zt,o as Bt,r as Vt,s as Ht,t as Ut}from"./command-2gUejA6g.js";import{t as Wt}from"./search-modal-b2AE5WEW.js";import{A as Gt,B as Kt,C as qt,D as Jt,E as Yt,F as Xt,H as Zt,I as Qt,L as $t,M as en,N as tn,O as nn,P as rn,R as an,S as on,T as sn,V as cn,_ as ln,a as un,b as dn,c as fn,d as pn,f as mn,g as hn,h as gn,i as _n,j as vn,k as yn,l as bn,m as xn,n as Sn,o as Cn,p as wn,r as Tn,s as En,t as Dn,u as On,v as kn,w as An,x as jn,y as Mn,z as Nn}from"./tables-DWQytYNm.js";import{a as Pn,c as Fn,d as In,f as Ln,h as Rn,i as zn,l as Bn,m as Vn,n as Hn,o as Un,p as Wn,r as Gn,s as Kn,t as qn,u as Jn}from"./dropdown-menu-DeHCVyby.js";import{t as Yn}from"./progress-AYknlEgK.js";import{t as Xn}from"./checkbox-DLGDoU-1.js";import{t as Zn}from"./spinner-C1eamx3w.js";import{n as Qn,r as $n,t as er}from"./resizable-C-M-mu6b.js";import{t as tr}from"./input-DAfP6LZ7.js";import{t as nr}from"./label-B8cAG2kc.js";import{a as rr,i as ir,n as ar,r as or,t as sr}from"./popover-6233wU1s.js";import{a as cr,c as lr,i as ur,n as dr,o as fr,r as pr,s as mr,t as hr}from"./select-CryLzZA0.js";import{t as gr}from"./switch-BLHmdRq2.js";import{a as _r,c as vr,i as yr,l as br,n as xr,o as Sr,r as Cr,s as wr,t as Tr,u as Er}from"./drawer-B3qXaN5p.js";import{n as Dr,t as Or}from"./calendar-DzPt7b6k.js";import{n as kr,t as Ar}from"./radio-group-ImoBjpqZ.js";import{t as jr}from"./textarea-Bp6VvhiA.js";import{n as Mr,t as Nr}from"./text-editor-WbS7pJJs.js";import{t as Pr}from"./cms-layout-tPwrgJZc.js";import{t as Fr}from"./payment-layout-giaGvs8T.js";import{Grid as Ir}from"./layouts/grid.js";import{FeatureDeveloping as Lr}from"./pages/FeatureDeveloping.js";import{FeatureFixing as Rr}from"./pages/FeatureFixing.js";import{NotAuthorized as zr}from"./pages/NotAuthorized.js";import{NotFound as Br}from"./pages/NotFound.js";import{n as Vr,r as Hr,t as Ur}from"./alert-BzBDfGk2.js";import{LoginPage as Wr}from"./pages/LoginPage.js";import{RegisterPage as Gr}from"./pages/RegisterPage.js";import{InputOTP as Kr,InputOTPGroup as qr,InputOTPSeparator as Jr,InputOTPSlot as Yr}from"./ui/input-otp.js";import{VerifyEmailPage as Xr}from"./pages/VerifyEmailPage.js";import{Google as Zr}from"./systems/google.js";import{AddNewBtn as Qr}from"./ui/buttons/add-new.js";import{EditBtn as $r}from"./ui/buttons/edit.js";import{RefreshBtn as ei}from"./ui/buttons/refresh.js";import{TrashBtn as ti}from"./ui/buttons/trash.js";import{UploadImageBtn as ni}from"./ui/buttons/upload-image.js";import{SearchInput as ri}from"./ui/inputs/search-input.js";import{AspectRatio as ii}from"./ui/aspect-ratio.js";import{Breadcrumb as ai,BreadcrumbEllipsis as oi,BreadcrumbItem as si,BreadcrumbLink as ci,BreadcrumbList as li,BreadcrumbPage as ui,BreadcrumbSeparator as di}from"./ui/breadcrumb.js";import{ButtonGroup as fi,ButtonGroupSeparator as pi,ButtonGroupText as mi,buttonGroupVariants as hi}from"./ui/button-group.js";import{Carousel as gi,CarouselContent as _i,CarouselItem as vi,CarouselNext as yi,CarouselPrevious as bi}from"./ui/carousel.js";import{Collapsible as xi,CollapsibleContent as Si,CollapsibleTrigger as Ci}from"./ui/collapsible.js";import{ContextMenu as wi,ContextMenuCheckboxItem as Ti,ContextMenuContent as Ei,ContextMenuGroup as Di,ContextMenuItem as Oi,ContextMenuLabel as ki,ContextMenuPortal as Ai,ContextMenuRadioGroup as ji,ContextMenuRadioItem as Mi,ContextMenuSeparator as Ni,ContextMenuShortcut as Pi,ContextMenuSub as Fi,ContextMenuSubContent as Ii,ContextMenuSubTrigger as Li,ContextMenuTrigger as Ri}from"./ui/context-menu.js";import{Empty as zi,EmptyContent as Bi,EmptyDescription as Vi,EmptyHeader as Hi,EmptyMedia as Ui,EmptyTitle as Wi}from"./ui/empty.js";import{FileUploader as Gi}from"./ui/file-uploader.js";import"./field-DpoKF1nY.js";import{Form as Ki,FormControl as qi,FormDescription as Ji,FormField as Yi,FormItem as Xi,FormLabel as Zi,FormMessage as Qi,useFormField as $i}from"./ui/form.js";import{HoverCard as ea,HoverCardContent as ta,HoverCardTrigger as na}from"./ui/hover-card.js";import{Item as ra,ItemActions as ia,ItemContent as aa,ItemDescription as oa,ItemFooter as sa,ItemGroup as ca,ItemHeader as la,ItemMedia as ua,ItemSeparator as da,ItemTitle as fa}from"./ui/item.js";import{Menubar as pa,MenubarCheckboxItem as ma,MenubarContent as ha,MenubarGroup as ga,MenubarItem as _a,MenubarLabel as va,MenubarMenu as ya,MenubarPortal as ba,MenubarRadioGroup as xa,MenubarRadioItem as Sa,MenubarSeparator as Ca,MenubarShortcut as wa,MenubarSub as Ta,MenubarSubContent as Ea,MenubarSubTrigger as Da,MenubarTrigger as Oa}from"./ui/menubar.js";import{MultipleSelector as ka,useDebounce as Aa}from"./ui/multi-select.js";import{NavigationMenu as ja,NavigationMenuContent as Ma,NavigationMenuIndicator as Na,NavigationMenuItem as Pa,NavigationMenuLink as Fa,NavigationMenuList as Ia,NavigationMenuTrigger as La,NavigationMenuViewport as Ra,navigationMenuTriggerStyle as za}from"./ui/navigation-menu.js";import{Pagination as Ba,PaginationContent as Va,PaginationEllipsis as Ha,PaginationItem as Ua,PaginationLink as Wa,PaginationNext as Ga,PaginationPrevious as Ka}from"./ui/pagination.js";import{ScrollArea as qa,ScrollBar as Ja}from"./ui/scroll-area.js";import{Slider as Ya}from"./ui/slider.js";import{Toaster as Xa,toast as Za}from"./ui/sonner.js";import{Table as Qa,TableBody as $a,TableCaption as eo,TableCell as to,TableFooter as no,TableHead as ro,TableHeader as io,TableRow as ao}from"./ui/table.js";import{Tabs as oo,TabsContent as so,TabsList as co,TabsTrigger as lo}from"./ui/tabs.js";import{Toggle as uo,toggleVariants as fo}from"./ui/toggle.js";import{ToggleGroup as po,ToggleGroupItem as mo}from"./ui/toggle-group.js";export{Qr as AddNewBtn,Ur as Alert,Vr as AlertDescription,Ie as AlertDialog,Le as AlertDialogAction,Re as AlertDialogCancel,ze as AlertDialogContent,Be as AlertDialogDescription,Ve as AlertDialogFooter,He as AlertDialogHeader,Ue as AlertDialogOverlay,We as AlertDialogPortal,Ge as AlertDialogTitle,Ke as AlertDialogTrigger,Hr as AlertTitle,_ as ArrayCol,e as ArrayHeaderRow,ii as AspectRatio,Pe as Avatar,Me as AvatarFallback,Ne as AvatarImage,xe as Badge,ai as Breadcrumb,oi as BreadcrumbEllipsis,si as BreadcrumbItem,ci as BreadcrumbLink,li as BreadcrumbList,ui as BreadcrumbPage,di as BreadcrumbSeparator,ee as Button,fi as ButtonGroup,pi as ButtonGroupSeparator,mi as ButtonGroupText,Pr as CMSLayout,Or as Calendar,Dr as CalendarDayButton,N as CancelButton,re as Card,ie as CardAction,ae as CardContent,oe as CardDescription,se as CardFooter,ce as CardHeader,le as CardTitle,gi as Carousel,_i as CarouselContent,vi as CarouselItem,yi as CarouselNext,bi as CarouselPrevious,Xn as Checkbox,h as CheckboxField,xi as Collapsible,Si as CollapsibleContent,Ci as CollapsibleTrigger,i as ComboboxField,Ut as Command,zt as CommandDialog,Vt as CommandEmpty,Lt as CommandGroup,Ft as CommandInput,Bt as CommandItem,Ht as CommandList,It as CommandSeparator,Rt as CommandShortcut,qe as ConfirmDialog,wi as ContextMenu,Ti as ContextMenuCheckboxItem,Ei as ContextMenuContent,Di as ContextMenuGroup,Oi as ContextMenuItem,ki as ContextMenuLabel,Ai as ContextMenuPortal,ji as ContextMenuRadioGroup,Mi as ContextMenuRadioItem,Ni as ContextMenuSeparator,Pi as ContextMenuShortcut,Fi as ContextMenuSub,Ii as ContextMenuSubContent,Li as ContextMenuSubTrigger,Ri as ContextMenuTrigger,ge as CountryDisplay,_e as DataList,ve as DataListItem,ye as DateDisplay,a as DateField,Ee as DateTooltip,_t as Description,vt as DescriptionBadge,yt as DescriptionBoolean,bt as DescriptionCopy,xt as DescriptionDate,St as DescriptionEmpty,Ct as DescriptionHeader,wt as DescriptionImages,Tt as DescriptionItem,Et as DescriptionLink,Dt as DescriptionLongText,Ot as DescriptionName,kt as DescriptionNumberPhone,At as DescriptionSection,jt as DescriptionStatistic,Mt as DescriptionStatus,Nt as DescriptionTagList,Pt as DescriptionUser,it as DetailDialog,mt as Dialog,ut as DialogClose,ft as DialogContent,ct as DialogDescription,ot as DialogFooter,dt as DialogHeader,pt as DialogOverlay,st as DialogPortal,lt as DialogTitle,ht as DialogTrigger,Tr as Drawer,xr as DrawerClose,Cr as DrawerContent,yr as DrawerDescription,_r as DrawerFooter,Sr as DrawerHeader,wr as DrawerOverlay,vr as DrawerPortal,br as DrawerTitle,Er as DrawerTrigger,qn as DropdownMenu,Hn as DropdownMenuCheckboxItem,Gn as DropdownMenuContent,zn as DropdownMenuGroup,Pn as DropdownMenuItem,Un as DropdownMenuLabel,Kn as DropdownMenuPortal,Fn as DropdownMenuRadioGroup,Bn as DropdownMenuRadioItem,Jn as DropdownMenuSeparator,In as DropdownMenuShortcut,Ln as DropdownMenuSub,Wn as DropdownMenuSubContent,Vn as DropdownMenuSubTrigger,Rn as DropdownMenuTrigger,$r as EditBtn,b as EmailField,zi as Empty,Bi as EmptyContent,Vi as EmptyDescription,De as EmptyDisplay,Hi as EmptyHeader,Ui as EmptyMedia,Wi as EmptyTitle,at as ErrorDialog,Lr as FeatureDeveloping,Rr as FeatureFixing,$ as Field,n as FieldContent,S as FieldContentMain,c as FieldDescription,x as FieldError,C as FieldGroup,s as FieldLabel,d as FieldLegend,W as FieldNote,u as FieldSeparator,T as FieldSet,w as FieldTitle,E as FieldTooltip,Gi as FileUploader,he as Flex,Ki as Form,qi as FormControl,Ji as FormDescription,Yi as FormField,Xi as FormItem,Zi as FormLabel,Qi as FormMessage,Zr as Google,Ir as Grid,fe as GridProductCard,ea as HoverCard,ta as HoverCardContent,na as HoverCardTrigger,de as Image,tr as Input,Kr as InputOTP,qr as InputOTPGroup,Jr as InputOTPSeparator,Yr as InputOTPSlot,ra as Item,ia as ItemActions,aa as ItemContent,oa as ItemDescription,sa as ItemFooter,ca as ItemGroup,la as ItemHeader,ua as ItemMedia,da as ItemSeparator,fa as ItemTitle,nr as Label,gt as LoadingDialog,Wr as LoginPage,pa as Menubar,ma as MenubarCheckboxItem,ha as MenubarContent,ga as MenubarGroup,_a as MenubarItem,va as MenubarLabel,ya as MenubarMenu,ba as MenubarPortal,xa as MenubarRadioGroup,Sa as MenubarRadioItem,Ca as MenubarSeparator,wa as MenubarShortcut,Ta as MenubarSub,Ea as MenubarSubContent,Da as MenubarSubTrigger,Oa as MenubarTrigger,ka as MultipleSelector,Oe as NameDisplay,ja as NavigationMenu,Ma as NavigationMenuContent,Na as NavigationMenuIndicator,Pa as NavigationMenuItem,Fa as NavigationMenuLink,Ia as NavigationMenuList,La as NavigationMenuTrigger,Ra as NavigationMenuViewport,zr as NotAuthorized,Br as NotFound,X as NumberField,Ba as Pagination,Va as PaginationContent,Ha as PaginationEllipsis,Ua as PaginationItem,Wa as PaginationLink,Ga as PaginationNext,Ka as PaginationPrevious,ne as Paragraph,r as PasswordField,Fr as PaymentLayout,ke as PhoneNumberDisplay,sr as Popover,ar as PopoverAnchor,or as PopoverClose,ir as PopoverContent,rr as PopoverTrigger,pe as ProductCard,Yn as Progress,Ar as RadioGroup,y as RadioGroupField,kr as RadioGroupItem,ei as RefreshBtn,Gr as RegisterPage,er as ResizableHandle,Qn as ResizablePanel,$n as ResizablePanelGroup,Ae as RoleBadge,qa as ScrollArea,Ja as ScrollBar,ri as SearchInput,Wt as SearchModal,hr as Select,dr as SelectContent,Z as SelectField,pr as SelectGroup,ur as SelectItem,cr as SelectLabel,fr as SelectSeparator,mr as SelectTrigger,lr as SelectValue,Ye as Separator,rt as Sheet,$e as SheetClose,tt as SheetContent,Qe as SheetDescription,Xe as SheetFooter,et as SheetHeader,nt as SheetTitle,Ze as SheetTrigger,M as SimpleArrayField,v as SimpleBooleanField,me as SimpleCard,f as SimpleComboboxField,l as SimpleDateField,g as SimpleEmailField,m as SimpleNumberField,p as SimplePasswordField,o as SimpleRadioGroupField,L as SimpleSelectField,R as SimpleTextField,t as SimpleTextareaField,ue as Skeleton,Ya as Slider,Zn as Spinner,je as Statistic,j as SubmitButton,gr as Switch,k as SwitchField,Qa as Table,$a as TableBody,eo as TableCaption,to as TableCell,no as TableFooter,ro as TableHead,io as TableHeader,ao as TableRow,oo as Tabs,so as TabsContent,co as TabsList,lo as TabsTrigger,P as TanStackActionSubmit,F as TanStackActionsForm,B as TanStackCardForm,U as TanStackContainerForm,J as TanStackDialogForm,z as TanStackFieldGroup,A as TanStackPopoverForm,K as TanStackSectionForm,H as TanStackTitleField,Nr as TextEditor,D as TextEditorField,Mr as TextEditorToolbar,Q as TextField,jr as Textarea,Y as TextareaField,Je as Title,Xa as Toaster,uo as Toggle,po as ToggleGroup,mo as ToggleGroupItem,Te as Tooltip,Ce as TooltipContent,we as TooltipProvider,Se as TooltipTrigger,ti as TrashBtn,En as UITableAnalysisPanel,Zt as UITableAvatarNameDisplay,cn as UITableBadgeDisplay,sn as UITableBody,Kt as UITableBooleanDisplay,An as UITableCell,qt as UITableCellActions,on as UITableCellSelect,fn as UITableContainer,Nn as UITableCurrencyDisplay,an as UITableDateDisplay,$t as UITableDescriptionDisplay,Qt as UITableEmailDisplay,jn as UITableEmptyDisplay,Cn as UITableFilter,dn as UITableFooter,Mn as UITableFooterRow,kn as UITableHead,hn as UITableHeadCell,ln as UITableHeadCellOption,gn as UITableHeadCellSelect,xn as UITableHeadRow,wn as UITableInnerTable,mn as UITableInnerWrapper,Xt as UITableListDisplay,pn as UITableLoadMore,rn as UITableMoreButton,tn as UITableNameDisplay,en as UITablePermalink,vn as UITablePhoneNumberDisplay,Gt as UITableProgressDisplay,un as UITableProvider,yn as UITableRemoveButton,On as UITableRow,nn as UITableStatisticDisplay,Jt as UITableStatusDisplay,_n as UITableSummaryBar,Dn as UITableTooltip,Sn as UITableTooltipActions,Tn as UITableTooltipFilter,Yt as UITableUserDataDisplay,bn as UITableWrapper,ni as UploadImageBtn,Fe as UserDataDisplay,Xr as VerifyEmailPage,be as badgeVariants,hi as buttonGroupVariants,za as navigationMenuTriggerStyle,te as paragraphVariants,Za as toast,fo as toggleVariants,Aa as useDebounce,$i as useFormField,q as useTanStackFieldContext,V as useTanStackForm,G as useTanStackFormContext,I as withTanStackFieldGroup,O as withTanStackForm};
+import"./button.variants-BruXd4VM.js";import{Button as e}from"./ui/button.js";import"./heading-Bw3eo6IT.js";import{n as t,t as n}from"./paragraph-ESjXXqHU.js";import{Card as r,CardAction as i,CardContent as a,CardDescription as o,CardFooter as s,CardHeader as c,CardTitle as l}from"./ui/card.js";import{t as u}from"./skeleton-DAcbjBGp.js";import{Image as d}from"./ui/image.js";import{GridProductCard as f}from"./cards/grid-product-card.js";import{ProductCard as p}from"./cards/product-card.js";import{SimpleCard as m}from"./cards/simple-card.js";import{t as h}from"./flex-D_XtSjf4.js";import{CountryDisplay as g}from"./data-display/country.js";import{DataList as _,DataListItem as v}from"./data-display/data-list.js";import{DateDisplay as y}from"./data-display/date.js";import{DateTooltip as b}from"./data-display/date-tooltip.js";import{EmptyDisplay as x}from"./data-display/empty.js";import{Tooltip as S,TooltipContent as C,TooltipProvider as w,TooltipTrigger as T}from"./ui/tooltip.js";import{NameDisplay as E}from"./data-display/name.js";import{PhoneNumberDisplay as D}from"./data-display/phone-number.js";import{Badge as O,badgeVariants as k}from"./ui/badge.js";import{RoleBadge as A}from"./data-display/role-badge.js";import{Statistic as j}from"./data-display/statistic.js";import{Avatar as M,AvatarFallback as N,AvatarImage as P}from"./ui/avatar.js";import{UserDataDisplay as F}from"./data-display/user.js";import{AlertDialog as I,AlertDialogAction as L,AlertDialogCancel as R,AlertDialogContent as z,AlertDialogDescription as B,AlertDialogFooter as V,AlertDialogHeader as H,AlertDialogOverlay as U,AlertDialogPortal as W,AlertDialogTitle as G,AlertDialogTrigger as K}from"./ui/alert-dialog.js";import{ConfirmDialog as q}from"./dialogs/confirm-dialog.js";import"./sidebar-BCuXtop_.js";import{DetailDialog as J}from"./dialogs/detail-dialog/index.js";import{ErrorDialog as Y}from"./dialogs/error-dialog.js";import"./close-DrkwaVXK.js";import{Dialog as X,DialogClose as Z,DialogContent as Q,DialogDescription as $,DialogFooter as ee,DialogHeader as te,DialogOverlay as ne,DialogPortal as re,DialogTitle as ie,DialogTrigger as ae}from"./ui/dialog.js";import{LoadingDialog as oe}from"./dialogs/loading-dialog.js";import{Description as se,DescriptionBadge as ce,DescriptionBoolean as le,DescriptionCopy as ue,DescriptionDate as de,DescriptionEmpty as fe,DescriptionHeader as pe,DescriptionImages as me,DescriptionItem as he,DescriptionLink as ge,DescriptionLongText as _e,DescriptionName as ve,DescriptionNumberPhone as ye,DescriptionSection as be,DescriptionStatistic as xe,DescriptionStatus as Se,DescriptionTagList as Ce,DescriptionUser as we}from"./features/descriptions/index.js";import{t as Te}from"./search-modal-DdonKbwA.js";import{A as Ee,B as De,C as Oe,D as ke,E as Ae,F as je,H as Me,I as Ne,L as Pe,M as Fe,N as Ie,O as Le,P as Re,R as ze,S as Be,T as Ve,V as He,_ as Ue,a as We,b as Ge,c as Ke,d as qe,f as Je,g as Ye,h as Xe,i as Ze,j as Qe,k as $e,l as et,m as tt,n as nt,o as rt,p as it,r as at,s as ot,t as st,u as ct,v as lt,w as ut,x as dt,y as ft,z as pt}from"./tables-DbwtCMRI.js";import{$ as mt,A as ht,B as gt,C as _t,D as vt,E as yt,F as bt,G as xt,H as St,I as Ct,J as wt,K as Tt,L as Et,M as Dt,N as Ot,O as kt,P as At,Q as jt,R as Mt,S as Nt,T as Pt,U as Ft,V as It,W as Lt,X as Rt,Y as zt,Z as Bt,_ as Vt,a as Ht,b as Ut,c as Wt,d as Gt,et as Kt,f as qt,g as Jt,h as Yt,i as Xt,j as Zt,k as Qt,l as $t,m as en,n as tn,o as nn,p as rn,q as an,r as on,s as sn,t as cn,u as ln,v as un,w as dn,x as fn,y as pn,z as mn}from"./tanstack-form-Ds_Zjt20.js";import{n as hn,t as gn}from"./text-editor-DwisU9_U.js";import{t as _n}from"./cms-layout-CLeGdpMb.js";import{t as vn}from"./payment-layout-CksJbGsl.js";import{Grid as yn}from"./layouts/grid.js";import{FeatureDeveloping as bn}from"./pages/FeatureDeveloping.js";import{FeatureFixing as xn}from"./pages/FeatureFixing.js";import{NotAuthorized as Sn}from"./pages/NotAuthorized.js";import{NotFound as Cn}from"./pages/NotFound.js";import{n as wn,r as Tn,t as En}from"./alert-D5VmhFT9.js";import{Input as Dn}from"./ui/input.js";import{Label as On}from"./ui/label.js";import{LoginPage as kn}from"./pages/LoginPage.js";import{RegisterPage as An}from"./pages/RegisterPage.js";import{InputOTP as jn,InputOTPGroup as Mn,InputOTPSeparator as Nn,InputOTPSlot as Pn}from"./ui/input-otp.js";import{VerifyEmailPage as Fn}from"./pages/VerifyEmailPage.js";import{Google as In}from"./systems/google.js";import{Title as Ln}from"./typography/title.js";import{AddNewBtn as Rn}from"./ui/buttons/add-new.js";import{EditBtn as zn}from"./ui/buttons/edit.js";import{RefreshBtn as Bn}from"./ui/buttons/refresh.js";import{TrashBtn as Vn}from"./ui/buttons/trash.js";import{UploadImageBtn as Hn}from"./ui/buttons/upload-image.js";import{SearchInput as Un}from"./ui/inputs/search-input.js";import{AspectRatio as Wn}from"./ui/aspect-ratio.js";import{Breadcrumb as Gn,BreadcrumbEllipsis as Kn,BreadcrumbItem as qn,BreadcrumbLink as Jn,BreadcrumbList as Yn,BreadcrumbPage as Xn,BreadcrumbSeparator as Zn}from"./ui/breadcrumb.js";import{ButtonGroup as Qn,ButtonGroupSeparator as $n,ButtonGroupText as er,buttonGroupVariants as tr}from"./ui/button-group.js";import{Calendar as nr,CalendarDayButton as rr}from"./ui/calendar.js";import{Carousel as ir,CarouselContent as ar,CarouselItem as or,CarouselNext as sr,CarouselPrevious as cr}from"./ui/carousel.js";import{Checkbox as lr}from"./ui/checkbox.js";import{Collapsible as ur,CollapsibleContent as dr,CollapsibleTrigger as fr}from"./ui/collapsible.js";import{Command as pr,CommandDialog as mr,CommandEmpty as hr,CommandGroup as gr,CommandInput as _r,CommandItem as vr,CommandList as yr,CommandSeparator as br,CommandShortcut as xr}from"./ui/command.js";import{ContextMenu as Sr,ContextMenuCheckboxItem as Cr,ContextMenuContent as wr,ContextMenuGroup as Tr,ContextMenuItem as Er,ContextMenuLabel as Dr,ContextMenuPortal as Or,ContextMenuRadioGroup as kr,ContextMenuRadioItem as Ar,ContextMenuSeparator as jr,ContextMenuShortcut as Mr,ContextMenuSub as Nr,ContextMenuSubContent as Pr,ContextMenuSubTrigger as Fr,ContextMenuTrigger as Ir}from"./ui/context-menu.js";import{Drawer as Lr,DrawerClose as Rr,DrawerContent as zr,DrawerDescription as Br,DrawerFooter as Vr,DrawerHeader as Hr,DrawerOverlay as Ur,DrawerPortal as Wr,DrawerTitle as Gr,DrawerTrigger as Kr}from"./ui/drawer.js";import{DropdownMenu as qr,DropdownMenuCheckboxItem as Jr,DropdownMenuContent as Yr,DropdownMenuGroup as Xr,DropdownMenuItem as Zr,DropdownMenuLabel as Qr,DropdownMenuPortal as $r,DropdownMenuRadioGroup as ei,DropdownMenuRadioItem as ti,DropdownMenuSeparator as ni,DropdownMenuShortcut as ri,DropdownMenuSub as ii,DropdownMenuSubContent as ai,DropdownMenuSubTrigger as oi,DropdownMenuTrigger as si}from"./ui/dropdown-menu.js";import{Empty as ci,EmptyContent as li,EmptyDescription as ui,EmptyHeader as di,EmptyMedia as fi,EmptyTitle as pi}from"./ui/empty.js";import{FileUploader as mi}from"./ui/file-uploader.js";import"./field-DG-kX3HU.js";import{Form as hi,FormControl as gi,FormDescription as _i,FormField as vi,FormItem as yi,FormLabel as bi,FormMessage as xi,useFormField as Si}from"./ui/form.js";import{HoverCard as Ci,HoverCardContent as wi,HoverCardTrigger as Ti}from"./ui/hover-card.js";import{Item as Ei,ItemActions as Di,ItemContent as Oi,ItemDescription as ki,ItemFooter as Ai,ItemGroup as ji,ItemHeader as Mi,ItemMedia as Ni,ItemSeparator as Pi,ItemTitle as Fi}from"./ui/item.js";import{Menubar as Ii,MenubarCheckboxItem as Li,MenubarContent as Ri,MenubarGroup as zi,MenubarItem as Bi,MenubarLabel as Vi,MenubarMenu as Hi,MenubarPortal as Ui,MenubarRadioGroup as Wi,MenubarRadioItem as Gi,MenubarSeparator as Ki,MenubarShortcut as qi,MenubarSub as Ji,MenubarSubContent as Yi,MenubarSubTrigger as Xi,MenubarTrigger as Zi}from"./ui/menubar.js";import{MultipleSelector as Qi,useDebounce as $i}from"./ui/multi-select.js";import{NavigationMenu as ea,NavigationMenuContent as ta,NavigationMenuIndicator as na,NavigationMenuItem as ra,NavigationMenuLink as ia,NavigationMenuList as aa,NavigationMenuTrigger as oa,NavigationMenuViewport as sa,navigationMenuTriggerStyle as ca}from"./ui/navigation-menu.js";import{Pagination as la,PaginationContent as ua,PaginationEllipsis as da,PaginationItem as fa,PaginationLink as pa,PaginationNext as ma,PaginationPrevious as ha}from"./ui/pagination.js";import{Popover as ga,PopoverAnchor as _a,PopoverClose as va,PopoverContent as ya,PopoverTrigger as ba}from"./ui/popover.js";import{Progress as xa}from"./ui/progress.js";import{RadioGroup as Sa,RadioGroupItem as Ca}from"./ui/radio-group.js";import{ResizableHandle as wa,ResizablePanel as Ta,ResizablePanelGroup as Ea}from"./ui/resizable.js";import{ScrollArea as Da,ScrollBar as Oa}from"./ui/scroll-area.js";import{Select as ka,SelectContent as Aa,SelectGroup as ja,SelectItem as Ma,SelectLabel as Na,SelectSeparator as Pa,SelectTrigger as Fa,SelectValue as Ia}from"./ui/select.js";import{Separator as La}from"./ui/separator.js";import{Sheet as Ra,SheetClose as za,SheetContent as Ba,SheetDescription as Va,SheetFooter as Ha,SheetHeader as Ua,SheetTitle as Wa,SheetTrigger as Ga}from"./ui/sheet.js";import{Slider as Ka}from"./ui/slider.js";import{Toaster as qa,toast as Ja}from"./ui/sonner.js";import{Spinner as Ya}from"./ui/spinner.js";import{Switch as Xa}from"./ui/switch.js";import{Table as Za,TableBody as Qa,TableCaption as $a,TableCell as eo,TableFooter as to,TableHead as no,TableHeader as ro,TableRow as io}from"./ui/table.js";import{Tabs as ao,TabsContent as oo,TabsList as so,TabsTrigger as co}from"./ui/tabs.js";import{Textarea as lo}from"./ui/textarea.js";import{Toggle as uo,toggleVariants as fo}from"./ui/toggle.js";import{ToggleGroup as po,ToggleGroupItem as mo}from"./ui/toggle-group.js";export{Rn as AddNewBtn,En as Alert,wn as AlertDescription,I as AlertDialog,L as AlertDialogAction,R as AlertDialogCancel,z as AlertDialogContent,B as AlertDialogDescription,V as AlertDialogFooter,H as AlertDialogHeader,U as AlertDialogOverlay,W as AlertDialogPortal,G as AlertDialogTitle,K as AlertDialogTrigger,Tn as AlertTitle,jt as ArrayCol,mt as ArrayHeaderRow,Wn as AspectRatio,M as Avatar,N as AvatarFallback,P as AvatarImage,O as Badge,Gn as Breadcrumb,Kn as BreadcrumbEllipsis,qn as BreadcrumbItem,Jn as BreadcrumbLink,Yn as BreadcrumbList,Xn as BreadcrumbPage,Zn as BreadcrumbSeparator,e as Button,Qn as ButtonGroup,$n as ButtonGroupSeparator,er as ButtonGroupText,_n as CMSLayout,nr as Calendar,rr as CalendarDayButton,qt as CancelButton,r as Card,i as CardAction,a as CardContent,o as CardDescription,s as CardFooter,c as CardHeader,l as CardTitle,ir as Carousel,ar as CarouselContent,or as CarouselItem,sr as CarouselNext,cr as CarouselPrevious,lr as Checkbox,kt as CheckboxField,ur as Collapsible,dr as CollapsibleContent,fr as CollapsibleTrigger,vt as ComboboxField,pr as Command,mr as CommandDialog,hr as CommandEmpty,gr as CommandGroup,_r as CommandInput,vr as CommandItem,yr as CommandList,br as CommandSeparator,xr as CommandShortcut,q as ConfirmDialog,Sr as ContextMenu,Cr as ContextMenuCheckboxItem,wr as ContextMenuContent,Tr as ContextMenuGroup,Er as ContextMenuItem,Dr as ContextMenuLabel,Or as ContextMenuPortal,kr as ContextMenuRadioGroup,Ar as ContextMenuRadioItem,jr as ContextMenuSeparator,Mr as ContextMenuShortcut,Nr as ContextMenuSub,Pr as ContextMenuSubContent,Fr as ContextMenuSubTrigger,Ir as ContextMenuTrigger,g as CountryDisplay,_ as DataList,v as DataListItem,y as DateDisplay,yt as DateField,b as DateTooltip,se as Description,ce as DescriptionBadge,le as DescriptionBoolean,ue as DescriptionCopy,de as DescriptionDate,fe as DescriptionEmpty,pe as DescriptionHeader,me as DescriptionImages,he as DescriptionItem,ge as DescriptionLink,_e as DescriptionLongText,ve as DescriptionName,ye as DescriptionNumberPhone,be as DescriptionSection,xe as DescriptionStatistic,Se as DescriptionStatus,Ce as DescriptionTagList,we as DescriptionUser,J as DetailDialog,X as Dialog,Z as DialogClose,Q as DialogContent,$ as DialogDescription,ee as DialogFooter,te as DialogHeader,ne as DialogOverlay,re as DialogPortal,ie as DialogTitle,ae as DialogTrigger,Lr as Drawer,Rr as DrawerClose,zr as DrawerContent,Br as DrawerDescription,Vr as DrawerFooter,Hr as DrawerHeader,Ur as DrawerOverlay,Wr as DrawerPortal,Gr as DrawerTitle,Kr as DrawerTrigger,qr as DropdownMenu,Jr as DropdownMenuCheckboxItem,Yr as DropdownMenuContent,Xr as DropdownMenuGroup,Zr as DropdownMenuItem,Qr as DropdownMenuLabel,$r as DropdownMenuPortal,ei as DropdownMenuRadioGroup,ti as DropdownMenuRadioItem,ni as DropdownMenuSeparator,ri as DropdownMenuShortcut,ii as DropdownMenuSub,ai as DropdownMenuSubContent,oi as DropdownMenuSubTrigger,si as DropdownMenuTrigger,zn as EditBtn,Pt as EmailField,ci as Empty,li as EmptyContent,ui as EmptyDescription,x as EmptyDisplay,di as EmptyHeader,fi as EmptyMedia,pi as EmptyTitle,Y as ErrorDialog,bn as FeatureDeveloping,xn as FeatureFixing,mn as Field,gt as FieldContent,It as FieldContentMain,St as FieldDescription,Ft as FieldError,Lt as FieldGroup,xt as FieldLabel,Tt as FieldLegend,an as FieldNote,wt as FieldSeparator,zt as FieldSet,Rt as FieldTitle,Bt as FieldTooltip,mi as FileUploader,h as Flex,hi as Form,gi as FormControl,_i as FormDescription,vi as FormField,yi as FormItem,bi as FormLabel,xi as FormMessage,In as Google,yn as Grid,f as GridProductCard,Ci as HoverCard,wi as HoverCardContent,Ti as HoverCardTrigger,d as Image,Dn as Input,jn as InputOTP,Mn as InputOTPGroup,Nn as InputOTPSeparator,Pn as InputOTPSlot,Ei as Item,Di as ItemActions,Oi as ItemContent,ki as ItemDescription,Ai as ItemFooter,ji as ItemGroup,Mi as ItemHeader,Ni as ItemMedia,Pi as ItemSeparator,Fi as ItemTitle,On as Label,oe as LoadingDialog,kn as LoginPage,Ii as Menubar,Li as MenubarCheckboxItem,Ri as MenubarContent,zi as MenubarGroup,Bi as MenubarItem,Vi as MenubarLabel,Hi as MenubarMenu,Ui as MenubarPortal,Wi as MenubarRadioGroup,Gi as MenubarRadioItem,Ki as MenubarSeparator,qi as MenubarShortcut,Ji as MenubarSub,Yi as MenubarSubContent,Xi as MenubarSubTrigger,Zi as MenubarTrigger,Qi as MultipleSelector,E as NameDisplay,ea as NavigationMenu,ta as NavigationMenuContent,na as NavigationMenuIndicator,ra as NavigationMenuItem,ia as NavigationMenuLink,aa as NavigationMenuList,oa as NavigationMenuTrigger,sa as NavigationMenuViewport,Sn as NotAuthorized,Cn as NotFound,dn as NumberField,la as Pagination,ua as PaginationContent,da as PaginationEllipsis,fa as PaginationItem,pa as PaginationLink,ma as PaginationNext,ha as PaginationPrevious,n as Paragraph,_t as PasswordField,vn as PaymentLayout,D as PhoneNumberDisplay,ga as Popover,_a as PopoverAnchor,va as PopoverClose,ya as PopoverContent,ba as PopoverTrigger,p as ProductCard,xa as Progress,Sa as RadioGroup,Nt as RadioGroupField,Ca as RadioGroupItem,Bn as RefreshBtn,An as RegisterPage,wa as ResizableHandle,Ta as ResizablePanel,Ea as ResizablePanelGroup,A as RoleBadge,Da as ScrollArea,Oa as ScrollBar,Un as SearchInput,Te as SearchModal,ka as Select,Aa as SelectContent,fn as SelectField,ja as SelectGroup,Ma as SelectItem,Na as SelectLabel,Pa as SelectSeparator,Fa as SelectTrigger,Ia as SelectValue,La as Separator,Ra as Sheet,za as SheetClose,Ba as SheetContent,Va as SheetDescription,Ha as SheetFooter,Ua as SheetHeader,Wa as SheetTitle,Ga as SheetTrigger,Kt as SimpleArrayField,Mt as SimpleBooleanField,m as SimpleCard,Et as SimpleComboboxField,Ct as SimpleDateField,At as SimpleEmailField,Ot as SimpleNumberField,Dt as SimplePasswordField,bt as SimpleRadioGroupField,Zt as SimpleSelectField,Qt as SimpleTextField,ht as SimpleTextareaField,u as Skeleton,Ka as Slider,Ya as Spinner,j as Statistic,Gt as SubmitButton,Xa as Switch,Ut as SwitchField,Za as Table,Qa as TableBody,$a as TableCaption,eo as TableCell,to as TableFooter,no as TableHead,ro as TableHeader,io as TableRow,ao as Tabs,oo as TabsContent,so as TabsList,co as TabsTrigger,Jt as TanStackActionSubmit,Yt as TanStackActionsForm,en as TanStackCardForm,rn as TanStackContainerForm,ln as TanStackDialogForm,$t as TanStackFieldGroup,Wt as TanStackPopoverForm,sn as TanStackSectionForm,nn as TanStackTitleField,gn as TextEditor,Vt as TextEditorField,hn as TextEditorToolbar,pn as TextField,lo as Textarea,un as TextareaField,Ln as Title,qa as Toaster,uo as Toggle,po as ToggleGroup,mo as ToggleGroupItem,S as Tooltip,C as TooltipContent,w as TooltipProvider,T as TooltipTrigger,Vn as TrashBtn,ot as UITableAnalysisPanel,Me as UITableAvatarNameDisplay,He as UITableBadgeDisplay,Ve as UITableBody,De as UITableBooleanDisplay,ut as UITableCell,Oe as UITableCellActions,Be as UITableCellSelect,Ke as UITableContainer,pt as UITableCurrencyDisplay,ze as UITableDateDisplay,Pe as UITableDescriptionDisplay,Ne as UITableEmailDisplay,dt as UITableEmptyDisplay,rt as UITableFilter,Ge as UITableFooter,ft as UITableFooterRow,lt as UITableHead,Ye as UITableHeadCell,Ue as UITableHeadCellOption,Xe as UITableHeadCellSelect,tt as UITableHeadRow,it as UITableInnerTable,Je as UITableInnerWrapper,je as UITableListDisplay,qe as UITableLoadMore,Re as UITableMoreButton,Ie as UITableNameDisplay,Fe as UITablePermalink,Qe as UITablePhoneNumberDisplay,Ee as UITableProgressDisplay,We as UITableProvider,$e as UITableRemoveButton,ct as UITableRow,Le as UITableStatisticDisplay,ke as UITableStatusDisplay,Ze as UITableSummaryBar,st as UITableTooltip,nt as UITableTooltipActions,at as UITableTooltipFilter,Ae as UITableUserDataDisplay,et as UITableWrapper,Hn as UploadImageBtn,F as UserDataDisplay,Fn as VerifyEmailPage,k as badgeVariants,tr as buttonGroupVariants,ca as navigationMenuTriggerStyle,t as paragraphVariants,Ja as toast,fo as toggleVariants,$i as useDebounce,Si as useFormField,cn as useTanStackFieldContext,tn as useTanStackForm,on as useTanStackFormContext,Xt as withTanStackFieldGroup,Ht as withTanStackForm};

package/dist/layouts/cms-layout/index.cjs

@@ -1 +1 @@
-"use client";require(`../../button.variants-4kw6plrv.cjs`),require(`../../button-C--DAN1D.cjs`),require(`../../skeleton-CX1USu1w.cjs`),require(`../../tooltip-CBdoIzoM.cjs`),require(`../../avatar-TyOphzGo.cjs`),require(`../../separator-KuymG9g0.cjs`),require(`../../sheet-CvKSi0UC.cjs`),require(`../../dropdown-menu-CVh520yG.cjs`),require(`../../input-WJ0DLHTR.cjs`);const e=require(`../../cms-layout-BCH4NroR.cjs`);exports.CMSLayout=e.t;
+"use client";const e=require(`../../cms-layout-B8maJRLp.cjs`);exports.CMSLayout=e.t;

package/dist/layouts/cms-layout/index.d.cts

@@ -1,2 +1,2 @@
-import { n as CMSLayoutProps, r as CMSLayoutUser, t as CMSLayout } from "../../index-KO98y6L0.cjs";
+import { n as CMSLayoutProps, r as CMSLayoutUser, t as CMSLayout } from "../../index-rNI5ia8r.cjs";
 export { CMSLayout, CMSLayoutProps, CMSLayoutUser };

package/dist/layouts/cms-layout/index.d.ts

@@ -1,2 +1,2 @@
-import { n as CMSLayoutProps, r as CMSLayoutUser, t as CMSLayout } from "../../index-BlQGXGqt.js";
+import { n as CMSLayoutProps, r as CMSLayoutUser, t as CMSLayout } from "../../index-C257sc-c.js";
 export { CMSLayout, CMSLayoutProps, CMSLayoutUser };

package/dist/layouts/cms-layout/index.js

@@ -1 +1 @@
-"use client";import"../../button.variants-CoSpd71B.js";import"../../button-LMMbL-uH.js";import"../../skeleton-DlRDNM97.js";import"../../tooltip-CVIl6Hln.js";import"../../avatar-Hpj8lmux.js";import"../../separator-BM8hA4DP.js";import"../../sheet-DGXXYgWB.js";import"../../dropdown-menu-DeHCVyby.js";import"../../input-DAfP6LZ7.js";import{t as e}from"../../cms-layout-tPwrgJZc.js";export{e as CMSLayout};
+"use client";import{t as e}from"../../cms-layout-CLeGdpMb.js";export{e as CMSLayout};

package/dist/layouts/flex.cjs

@@ -1 +1 @@
-"use client";const e=require(`../flex-DmWmOBn5.cjs`);exports.Flex=e.t;
+"use client";const e=require(`../flex-BAfCk_in.cjs`);exports.Flex=e.t;

package/dist/layouts/flex.d.cts

@@ -1,5 +1,5 @@
-import * as react25 from "react";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
+import * as react149 from "react";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region packages/components/layouts/flex.d.ts
@@ -12,7 +12,7 @@ declare const flexVariants: (props?: ({
   gap?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | null | undefined;
   justify?: "start" | "center" | "end" | "between" | "around" | "evenly" | "stretch" | null | undefined;
   align?: "start" | "center" | "end" | "stretch" | "baseline" | null | undefined;
-} & class_variance_authority_types1.ClassProp) | undefined) => string;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 type Props = {
   /** Additional Tailwind classes merged on top of the variant-generated classes. */
   className?: string;
@@ -100,7 +100,7 @@ type Props = {
  * </Flex>
  * ```
  */
-declare const Flex: react25.MemoExoticComponent<({
+declare const Flex: react149.MemoExoticComponent<({
   vertical,
   wrap,
   width,
@@ -111,7 +111,7 @@ declare const Flex: react25.MemoExoticComponent<({
   align,
   className,
   children
-}: React.PropsWithChildren<Props>) => react25.JSX.Element>;
+}: React.PropsWithChildren<Props>) => react149.JSX.Element>;
 //#endregion
 export { Flex };
 //# sourceMappingURL=flex.d.cts.map

package/dist/layouts/flex.d.ts

@@ -1,5 +1,5 @@
-import * as react25 from "react";
 import { VariantProps } from "class-variance-authority";
+import * as react29 from "react";
 import * as class_variance_authority_types1 from "class-variance-authority/types";
 
 //#region packages/components/layouts/flex.d.ts
@@ -100,7 +100,7 @@ type Props = {
  * </Flex>
  * ```
  */
-declare const Flex: react25.MemoExoticComponent<({
+declare const Flex: react29.MemoExoticComponent<({
   vertical,
   wrap,
   width,
@@ -111,7 +111,7 @@ declare const Flex: react25.MemoExoticComponent<({
   align,
   className,
   children
-}: React.PropsWithChildren<Props>) => react25.JSX.Element>;
+}: React.PropsWithChildren<Props>) => react29.JSX.Element>;
 //#endregion
 export { Flex };
 //# sourceMappingURL=flex.d.ts.map

package/dist/layouts/flex.js

@@ -1 +1 @@
-"use client";import{t as e}from"../flex-CinRrgEy.js";export{e as Flex};
+"use client";import{t as e}from"../flex-D_XtSjf4.js";export{e as Flex};

package/dist/layouts/grid.cjs

@@ -1,2 +1,2 @@
-"use client";const e=require(`../chunk-350yNsax.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`);const r=({children:e})=>(0,n.jsx)(`div`,{className:`@container size-full`,children:(0,n.jsx)(`div`,{className:(0,t.cn)(`grid grid-cols-1 gap-4`,`@3xs:grid-cols-1`,`@2xs:grid-cols-1`,`@xs:grid-cols-1`,`@sm:grid-cols-1`,`@md:grid-cols-2`,`@lg:grid-cols-2`,`@xl:grid-cols-2`,`@2xl:grid-cols-2`,`@3xl:grid-cols-3`,`@4xl:grid-cols-3`,`@5xl:grid-cols-4`,`@6xl:grid-cols-4`,`@7xl:grid-cols-5`,`@8xl:grid-cols-6`,`@9xl:grid-cols-7`,`@10xl:grid-cols-8`),children:e})});exports.Grid=r;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`);const r=({children:e})=>(0,n.jsx)(`div`,{className:`@container size-full`,children:(0,n.jsx)(`div`,{className:(0,t.cn)(`grid grid-cols-1 gap-4`,`@3xs:grid-cols-1`,`@2xs:grid-cols-1`,`@xs:grid-cols-1`,`@sm:grid-cols-1`,`@md:grid-cols-2`,`@lg:grid-cols-2`,`@xl:grid-cols-2`,`@2xl:grid-cols-2`,`@3xl:grid-cols-3`,`@4xl:grid-cols-3`,`@5xl:grid-cols-4`,`@6xl:grid-cols-4`,`@7xl:grid-cols-5`,`@8xl:grid-cols-6`,`@9xl:grid-cols-7`,`@10xl:grid-cols-8`),children:e})});exports.Grid=r;
 //# sourceMappingURL=grid.cjs.map

package/dist/layouts/payment-layout/index.cjs

@@ -1 +1 @@
-require(`../../button.variants-4kw6plrv.cjs`),require(`../../button-C--DAN1D.cjs`),require(`../../paragraph-DvTZvbzw.cjs`),require(`../../skeleton-CX1USu1w.cjs`),require(`../../flex-DmWmOBn5.cjs`),require(`../../tooltip-CBdoIzoM.cjs`),require(`../../avatar-TyOphzGo.cjs`),require(`../../separator-KuymG9g0.cjs`),require(`../../sheet-CvKSi0UC.cjs`),require(`../../dropdown-menu-CVh520yG.cjs`),require(`../../input-WJ0DLHTR.cjs`);const e=require(`../../payment-layout-DyILfyVG.cjs`);exports.PaymentLayout=e.t;
+require(`../../flex-BAfCk_in.cjs`);const e=require(`../../payment-layout-O7TNw2Cr.cjs`);exports.PaymentLayout=e.t;

package/dist/layouts/payment-layout/index.js

@@ -1 +1 @@
-import"../../button.variants-CoSpd71B.js";import"../../button-LMMbL-uH.js";import"../../paragraph-Cc13ZI4d.js";import"../../skeleton-DlRDNM97.js";import"../../flex-CinRrgEy.js";import"../../tooltip-CVIl6Hln.js";import"../../avatar-Hpj8lmux.js";import"../../separator-BM8hA4DP.js";import"../../sheet-DGXXYgWB.js";import"../../dropdown-menu-DeHCVyby.js";import"../../input-DAfP6LZ7.js";import{t as e}from"../../payment-layout-giaGvs8T.js";export{e as PaymentLayout};
+import"../../flex-D_XtSjf4.js";import{t as e}from"../../payment-layout-CksJbGsl.js";export{e as PaymentLayout};

package/dist/pages/FeatureDeveloping.cjs

@@ -1,2 +1,2 @@
-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;
+Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-DgVFNsVc.cjs`);const t=require(`../ui/button.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.Button,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.FeatureDeveloping=a,exports.default=o;
 //# sourceMappingURL=FeatureDeveloping.cjs.map

package/dist/pages/FeatureDeveloping.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureDeveloping.cjs","names":["Construction","Button"],"sources":["../../packages/components/pages/FeatureDeveloping.tsx"],"sourcesContent":["import { Construction } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\n\nexport interface FeatureDevelopingProps {\n  /** Main heading shown beneath the construction icon. Defaults to `'Tính năng đang phát triển'`. */\n  title?: string;\n  /** Supporting text shown below the title. Defaults to a Vietnamese message asking the user to check back later. */\n  subtitle?: string;\n  /** Label for the action button. Defaults to `'Quay lại'`. */\n  buttonText?: string;\n  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */\n  onButtonClick?: () => void;\n  /** Additional class names applied to the root container element. */\n  className?: string;\n  /** Additional class names applied to the `Construction` icon. */\n  iconClassName?: string;\n}\n\n/**\n * Full-page placeholder displayed when a feature is still under active development.\n *\n * @example\n * ```tsx\n * import { FeatureDeveloping } from '@customafk/lunas-ui/pages/FeatureDeveloping';\n *\n * <FeatureDeveloping\n *   title=\"Coming Soon\"\n *   subtitle=\"This feature is not ready yet.\"\n *   buttonText=\"Go Back\"\n *   onButtonClick={() => router.back()}\n * />\n * ```\n */\nexport const FeatureDeveloping = ({\n  title = 'Tính năng đang phát triển',\n  subtitle = 'Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureDevelopingProps) => {\n  return (\n    <div className={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', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Construction className={cn('size-16 sm:size-24 text-yellow-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-yellow-500\">{/* This text shows the feature is in development */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureDeveloping;\n"],"mappings":"8RAoCA,MAAa,GAAqB,CAChC,QAAQ,4BACR,WAAW,kEACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAa,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAc,CAAA,CAAI,EACpF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iDAAA,CAA4G,CAAA,EACvH,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}
+{"version":3,"file":"FeatureDeveloping.cjs","names":["Construction","Button"],"sources":["../../packages/components/pages/FeatureDeveloping.tsx"],"sourcesContent":["import { Construction } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\n\nexport interface FeatureDevelopingProps {\n  /** Main heading shown beneath the construction icon. Defaults to `'Tính năng đang phát triển'`. */\n  title?: string;\n  /** Supporting text shown below the title. Defaults to a Vietnamese message asking the user to check back later. */\n  subtitle?: string;\n  /** Label for the action button. Defaults to `'Quay lại'`. */\n  buttonText?: string;\n  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */\n  onButtonClick?: () => void;\n  /** Additional class names applied to the root container element. */\n  className?: string;\n  /** Additional class names applied to the `Construction` icon. */\n  iconClassName?: string;\n}\n\n/**\n * Full-page placeholder displayed when a feature is still under active development.\n *\n * @example\n * ```tsx\n * import { FeatureDeveloping } from '@customafk/lunas-ui/pages/FeatureDeveloping';\n *\n * <FeatureDeveloping\n *   title=\"Coming Soon\"\n *   subtitle=\"This feature is not ready yet.\"\n *   buttonText=\"Go Back\"\n *   onButtonClick={() => router.back()}\n * />\n * ```\n */\nexport const FeatureDeveloping = ({\n  title = 'Tính năng đang phát triển',\n  subtitle = 'Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureDevelopingProps) => {\n  return (\n    <div className={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', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Construction className={cn('size-16 sm:size-24 text-yellow-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-yellow-500\">{/* This text shows the feature is in development */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureDeveloping;\n"],"mappings":"wRAoCA,MAAa,GAAqB,CAChC,QAAQ,4BACR,WAAW,kEACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,aAAAA,CAAa,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAc,CAAA,CAAI,EACpF,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iDAAA,CAA4G,CAAA,EACvH,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/FeatureDeveloping.d.cts

@@ -1,4 +1,4 @@
-import * as react27 from "react";
+import * as react30 from "react";
 
 //#region packages/components/pages/FeatureDeveloping.d.ts
 interface FeatureDevelopingProps {
@@ -37,7 +37,7 @@ declare const FeatureDeveloping: ({
   onButtonClick,
   className,
   iconClassName
-}: FeatureDevelopingProps) => react27.JSX.Element;
+}: FeatureDevelopingProps) => react30.JSX.Element;
 //#endregion
 export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };
 //# sourceMappingURL=FeatureDeveloping.d.cts.map

package/dist/pages/FeatureDeveloping.d.ts

@@ -1,4 +1,4 @@
-import * as react28 from "react";
+import * as react32 from "react";
 
 //#region packages/components/pages/FeatureDeveloping.d.ts
 interface FeatureDevelopingProps {
@@ -37,7 +37,7 @@ declare const FeatureDeveloping: ({
   onButtonClick,
   className,
   iconClassName
-}: FeatureDevelopingProps) => react28.JSX.Element;
+}: FeatureDevelopingProps) => react32.JSX.Element;
 //#endregion
 export { FeatureDeveloping, FeatureDeveloping as default, FeatureDevelopingProps };
 //# sourceMappingURL=FeatureDeveloping.d.ts.map

package/dist/pages/FeatureDeveloping.js

@@ -1,2 +1,2 @@
-import"../button.variants-CoSpd71B.js";import{t as e}from"../button-LMMbL-uH.js";import{Construction as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Tính năng đang phát triển`,subtitle:o=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`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`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-yellow-500`,u)}),r(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureDeveloping,o as default};
+import"../button.variants-BruXd4VM.js";import{Button as e}from"../ui/button.js";import{Construction as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Tính năng đang phát triển`,subtitle:o=`Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.`,buttonText:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`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`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-yellow-500`,u)}),r(`div`,{className:`text-3xl sm:text-5xl font-bold text-yellow-500`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureDeveloping,o as default};
 //# sourceMappingURL=FeatureDeveloping.js.map

package/dist/pages/FeatureDeveloping.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureDeveloping.js","names":[],"sources":["../../packages/components/pages/FeatureDeveloping.tsx"],"sourcesContent":["import { Construction } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\n\nexport interface FeatureDevelopingProps {\n  /** Main heading shown beneath the construction icon. Defaults to `'Tính năng đang phát triển'`. */\n  title?: string;\n  /** Supporting text shown below the title. Defaults to a Vietnamese message asking the user to check back later. */\n  subtitle?: string;\n  /** Label for the action button. Defaults to `'Quay lại'`. */\n  buttonText?: string;\n  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */\n  onButtonClick?: () => void;\n  /** Additional class names applied to the root container element. */\n  className?: string;\n  /** Additional class names applied to the `Construction` icon. */\n  iconClassName?: string;\n}\n\n/**\n * Full-page placeholder displayed when a feature is still under active development.\n *\n * @example\n * ```tsx\n * import { FeatureDeveloping } from '@customafk/lunas-ui/pages/FeatureDeveloping';\n *\n * <FeatureDeveloping\n *   title=\"Coming Soon\"\n *   subtitle=\"This feature is not ready yet.\"\n *   buttonText=\"Go Back\"\n *   onButtonClick={() => router.back()}\n * />\n * ```\n */\nexport const FeatureDeveloping = ({\n  title = 'Tính năng đang phát triển',\n  subtitle = 'Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureDevelopingProps) => {\n  return (\n    <div className={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', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Construction className={cn('size-16 sm:size-24 text-yellow-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-yellow-500\">{/* This text shows the feature is in development */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureDeveloping;\n"],"mappings":"mOAoCA,MAAa,GAAqB,CAChC,QAAQ,4BACR,WAAW,kEACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAa,UAAW,EAAG,qCAAsC,EAAc,CAAA,CAAI,CACpF,EAAC,MAAA,CAAI,UAAU,iDAAA,CAA4G,CAAA,EACvH,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}
+{"version":3,"file":"FeatureDeveloping.js","names":[],"sources":["../../packages/components/pages/FeatureDeveloping.tsx"],"sourcesContent":["import { Construction } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Button } from '../ui/button';\n\nexport interface FeatureDevelopingProps {\n  /** Main heading shown beneath the construction icon. Defaults to `'Tính năng đang phát triển'`. */\n  title?: string;\n  /** Supporting text shown below the title. Defaults to a Vietnamese message asking the user to check back later. */\n  subtitle?: string;\n  /** Label for the action button. Defaults to `'Quay lại'`. */\n  buttonText?: string;\n  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */\n  onButtonClick?: () => void;\n  /** Additional class names applied to the root container element. */\n  className?: string;\n  /** Additional class names applied to the `Construction` icon. */\n  iconClassName?: string;\n}\n\n/**\n * Full-page placeholder displayed when a feature is still under active development.\n *\n * @example\n * ```tsx\n * import { FeatureDeveloping } from '@customafk/lunas-ui/pages/FeatureDeveloping';\n *\n * <FeatureDeveloping\n *   title=\"Coming Soon\"\n *   subtitle=\"This feature is not ready yet.\"\n *   buttonText=\"Go Back\"\n *   onButtonClick={() => router.back()}\n * />\n * ```\n */\nexport const FeatureDeveloping = ({\n  title = 'Tính năng đang phát triển',\n  subtitle = 'Chúng tôi đang phát triển tính năng này. Vui lòng quay lại sau.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureDevelopingProps) => {\n  return (\n    <div className={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', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Construction className={cn('size-16 sm:size-24 text-yellow-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-yellow-500\">{/* This text shows the feature is in development */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureDeveloping;\n"],"mappings":"kOAoCA,MAAa,GAAqB,CAChC,QAAQ,4BACR,WAAW,kEACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAa,UAAW,EAAG,qCAAsC,EAAc,CAAA,CAAI,CACpF,EAAC,MAAA,CAAI,UAAU,iDAAA,CAA4G,CAAA,EACvH,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/FeatureFixing.cjs

@@ -1,2 +1,2 @@
-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;
+Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-DgVFNsVc.cjs`);const t=require(`../ui/button.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.Button,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.FeatureFixing=a,exports.default=o;
 //# sourceMappingURL=FeatureFixing.cjs.map

package/dist/pages/FeatureFixing.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureFixing.cjs","names":["Wrench","Button"],"sources":["../../packages/components/pages/FeatureFixing.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { Wrench } from 'lucide-react';\n\nexport interface FeatureFixingProps {\n  /** Main heading shown beneath the wrench icon. Defaults to `'Tính năng đang bảo trì'`. */\n  title?: string;\n  /** Supporting text shown below the title. Defaults to a Vietnamese maintenance message. */\n  subtitle?: string;\n  /** Label for the action button. Defaults to `'Quay lại'`. */\n  buttonText?: string;\n  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */\n  onButtonClick?: () => void;\n  /** Additional class names applied to the root container element. */\n  className?: string;\n  /** Additional class names applied to the `Wrench` icon. */\n  iconClassName?: string;\n}\n\n/**\n * Full-page placeholder displayed when a feature is temporarily unavailable due to maintenance or bug fixes.\n *\n * @example\n * ```tsx\n * import { FeatureFixing } from '@customafk/lunas-ui/pages/FeatureFixing';\n *\n * <FeatureFixing\n *   title=\"Under Maintenance\"\n *   subtitle=\"We are fixing an issue. Please check back later.\"\n *   buttonText=\"Go Back\"\n *   onButtonClick={() => router.back()}\n * />\n * ```\n */\nexport const FeatureFixing = ({\n  title = 'Tính năng đang bảo trì',\n  subtitle = '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.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureFixingProps) => {\n  return (\n    <div className={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', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Wrench className={cn('size-16 sm:size-24 text-orange-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-orange-500\">{/* This text indicates the feature is being fixed */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureFixing;\n"],"mappings":"8RAkCA,MAAa,GAAiB,CAC5B,QAAQ,yBACR,WAAW,4EACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAO,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAc,CAAA,CAAI,EAC9E,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iDAAA,CAA6G,CAAA,EACxH,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,EAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}
+{"version":3,"file":"FeatureFixing.cjs","names":["Wrench","Button"],"sources":["../../packages/components/pages/FeatureFixing.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { Wrench } from 'lucide-react';\n\nexport interface FeatureFixingProps {\n  /** Main heading shown beneath the wrench icon. Defaults to `'Tính năng đang bảo trì'`. */\n  title?: string;\n  /** Supporting text shown below the title. Defaults to a Vietnamese maintenance message. */\n  subtitle?: string;\n  /** Label for the action button. Defaults to `'Quay lại'`. */\n  buttonText?: string;\n  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */\n  onButtonClick?: () => void;\n  /** Additional class names applied to the root container element. */\n  className?: string;\n  /** Additional class names applied to the `Wrench` icon. */\n  iconClassName?: string;\n}\n\n/**\n * Full-page placeholder displayed when a feature is temporarily unavailable due to maintenance or bug fixes.\n *\n * @example\n * ```tsx\n * import { FeatureFixing } from '@customafk/lunas-ui/pages/FeatureFixing';\n *\n * <FeatureFixing\n *   title=\"Under Maintenance\"\n *   subtitle=\"We are fixing an issue. Please check back later.\"\n *   buttonText=\"Go Back\"\n *   onButtonClick={() => router.back()}\n * />\n * ```\n */\nexport const FeatureFixing = ({\n  title = 'Tính năng đang bảo trì',\n  subtitle = '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.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureFixingProps) => {\n  return (\n    <div className={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', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Wrench className={cn('size-16 sm:size-24 text-orange-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-orange-500\">{/* This text indicates the feature is being fixed */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureFixing;\n"],"mappings":"wRAkCA,MAAa,GAAiB,CAC5B,QAAQ,yBACR,WAAW,4EACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,oBAGE,EAAA,EAAA,MAAC,MAAA,CAAI,WAAA,EAAA,EAAA,IAAc,8GAA+G,EAAU,YAC1I,EAAA,EAAA,MAAC,MAAA,CAAI,UAAU,8CACb,EAAA,EAAA,KAACA,EAAAA,OAAAA,CAAO,WAAA,EAAA,EAAA,IAAc,qCAAsC,EAAc,CAAA,CAAI,EAC9E,EAAA,EAAA,KAAC,MAAA,CAAI,UAAU,iDAAA,CAA6G,CAAA,EACxH,EAEN,EAAA,EAAA,KAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,EAEnE,EAAA,EAAA,KAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,EAEjF,EAAA,EAAA,KAACC,EAAAA,OAAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/FeatureFixing.d.cts

@@ -1,4 +1,4 @@
-import * as react24 from "react";
+import * as react31 from "react";
 
 //#region packages/components/pages/FeatureFixing.d.ts
 interface FeatureFixingProps {
@@ -37,7 +37,7 @@ declare const FeatureFixing: ({
   onButtonClick,
   className,
   iconClassName
-}: FeatureFixingProps) => react24.JSX.Element;
+}: FeatureFixingProps) => react31.JSX.Element;
 //#endregion
 export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };
 //# sourceMappingURL=FeatureFixing.d.cts.map

package/dist/pages/FeatureFixing.d.ts

@@ -1,4 +1,4 @@
-import * as react27 from "react";
+import * as react31 from "react";
 
 //#region packages/components/pages/FeatureFixing.d.ts
 interface FeatureFixingProps {
@@ -37,7 +37,7 @@ declare const FeatureFixing: ({
   onButtonClick,
   className,
   iconClassName
-}: FeatureFixingProps) => react27.JSX.Element;
+}: FeatureFixingProps) => react31.JSX.Element;
 //#endregion
 export { FeatureFixing, FeatureFixing as default, FeatureFixingProps };
 //# sourceMappingURL=FeatureFixing.d.ts.map

package/dist/pages/FeatureFixing.js

@@ -1,2 +1,2 @@
-import"../button.variants-CoSpd71B.js";import{t as e}from"../button-LMMbL-uH.js";import{Wrench as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Tính năng đang bảo trì`,subtitle:o=`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:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`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`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-orange-500`,u)}),r(`div`,{className:`text-3xl sm:text-5xl font-bold text-orange-500`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureFixing,o as default};
+import"../button.variants-BruXd4VM.js";import{Button as e}from"../ui/button.js";import{Wrench as t}from"lucide-react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=({title:a=`Tính năng đang bảo trì`,subtitle:o=`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:s=`Quay lại`,onButtonClick:c=()=>window.history.back(),className:l,iconClassName:u})=>i(`div`,{className:n(`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`,l),children:[i(`div`,{className:`flex flex-col items-center gap-2`,children:[r(t,{className:n(`size-16 sm:size-24 text-orange-500`,u)}),r(`div`,{className:`text-3xl sm:text-5xl font-bold text-orange-500`})]}),r(`h1`,{className:`text-xl sm:text-2xl font-semibold mt-2`,children:a}),r(`p`,{className:`text-muted-foreground max-w-md text-sm sm:text-base`,children:o}),r(e,{onClick:c,variant:`default`,className:`mt-2`,size:`sm`,children:s})]});var o=a;export{a as FeatureFixing,o as default};
 //# sourceMappingURL=FeatureFixing.js.map

package/dist/pages/FeatureFixing.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureFixing.js","names":[],"sources":["../../packages/components/pages/FeatureFixing.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { Wrench } from 'lucide-react';\n\nexport interface FeatureFixingProps {\n  /** Main heading shown beneath the wrench icon. Defaults to `'Tính năng đang bảo trì'`. */\n  title?: string;\n  /** Supporting text shown below the title. Defaults to a Vietnamese maintenance message. */\n  subtitle?: string;\n  /** Label for the action button. Defaults to `'Quay lại'`. */\n  buttonText?: string;\n  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */\n  onButtonClick?: () => void;\n  /** Additional class names applied to the root container element. */\n  className?: string;\n  /** Additional class names applied to the `Wrench` icon. */\n  iconClassName?: string;\n}\n\n/**\n * Full-page placeholder displayed when a feature is temporarily unavailable due to maintenance or bug fixes.\n *\n * @example\n * ```tsx\n * import { FeatureFixing } from '@customafk/lunas-ui/pages/FeatureFixing';\n *\n * <FeatureFixing\n *   title=\"Under Maintenance\"\n *   subtitle=\"We are fixing an issue. Please check back later.\"\n *   buttonText=\"Go Back\"\n *   onButtonClick={() => router.back()}\n * />\n * ```\n */\nexport const FeatureFixing = ({\n  title = 'Tính năng đang bảo trì',\n  subtitle = '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.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureFixingProps) => {\n  return (\n    <div className={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', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Wrench className={cn('size-16 sm:size-24 text-orange-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-orange-500\">{/* This text indicates the feature is being fixed */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureFixing;\n"],"mappings":"6NAkCA,MAAa,GAAiB,CAC5B,QAAQ,yBACR,WAAW,4EACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAO,UAAW,EAAG,qCAAsC,EAAc,CAAA,CAAI,CAC9E,EAAC,MAAA,CAAI,UAAU,iDAAA,CAA6G,CAAA,EACxH,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}
+{"version":3,"file":"FeatureFixing.js","names":[],"sources":["../../packages/components/pages/FeatureFixing.tsx"],"sourcesContent":["import { Button } from '../ui/button';\nimport { cn } from '@customafk/react-toolkit/utils';\nimport { Wrench } from 'lucide-react';\n\nexport interface FeatureFixingProps {\n  /** Main heading shown beneath the wrench icon. Defaults to `'Tính năng đang bảo trì'`. */\n  title?: string;\n  /** Supporting text shown below the title. Defaults to a Vietnamese maintenance message. */\n  subtitle?: string;\n  /** Label for the action button. Defaults to `'Quay lại'`. */\n  buttonText?: string;\n  /** Handler called when the action button is clicked. Defaults to `window.history.back()`. */\n  onButtonClick?: () => void;\n  /** Additional class names applied to the root container element. */\n  className?: string;\n  /** Additional class names applied to the `Wrench` icon. */\n  iconClassName?: string;\n}\n\n/**\n * Full-page placeholder displayed when a feature is temporarily unavailable due to maintenance or bug fixes.\n *\n * @example\n * ```tsx\n * import { FeatureFixing } from '@customafk/lunas-ui/pages/FeatureFixing';\n *\n * <FeatureFixing\n *   title=\"Under Maintenance\"\n *   subtitle=\"We are fixing an issue. Please check back later.\"\n *   buttonText=\"Go Back\"\n *   onButtonClick={() => router.back()}\n * />\n * ```\n */\nexport const FeatureFixing = ({\n  title = 'Tính năng đang bảo trì',\n  subtitle = '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.',\n  buttonText = 'Quay lại',\n  onButtonClick = () => window.history.back(),\n  className,\n  iconClassName,\n}: FeatureFixingProps) => {\n  return (\n    <div className={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', className)}>\n      <div className=\"flex flex-col items-center gap-2\">\n        <Wrench className={cn('size-16 sm:size-24 text-orange-500', iconClassName)} />\n        <div className=\"text-3xl sm:text-5xl font-bold text-orange-500\">{/* This text indicates the feature is being fixed */}</div>\n      </div>\n\n      <h1 className=\"text-xl sm:text-2xl font-semibold mt-2\">{title}</h1>\n\n      <p className=\"text-muted-foreground max-w-md text-sm sm:text-base\">{subtitle}</p>\n\n      <Button onClick={onButtonClick} variant=\"default\" className=\"mt-2\" size=\"sm\">\n        {buttonText}\n      </Button>\n    </div>\n  );\n};\n\nexport default FeatureFixing;\n"],"mappings":"4NAkCA,MAAa,GAAiB,CAC5B,QAAQ,yBACR,WAAW,4EACX,aAAa,WACb,oBAAsB,OAAO,QAAQ,MAAM,CAC3C,YACA,mBAGE,EAAC,MAAA,CAAI,UAAW,EAAG,8GAA+G,EAAU,WAC1I,EAAC,MAAA,CAAI,UAAU,6CACb,EAAC,EAAA,CAAO,UAAW,EAAG,qCAAsC,EAAc,CAAA,CAAI,CAC9E,EAAC,MAAA,CAAI,UAAU,iDAAA,CAA6G,CAAA,EACxH,CAEN,EAAC,KAAA,CAAG,UAAU,kDAA0C,GAAW,CAEnE,EAAC,IAAA,CAAE,UAAU,+DAAuD,GAAa,CAEjF,EAAC,EAAA,CAAO,QAAS,EAAe,QAAQ,UAAU,UAAU,OAAO,KAAK,cACrE,GACM,GACL,CAIV,IAAA,EAAe"}

package/dist/pages/LoginPage.cjs

@@ -1,2 +1,2 @@
-"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;
+"use client";const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-DgVFNsVc.cjs`);const t=require(`../ui/button.cjs`);require(`../heading-BX7ZVnVg.cjs`),require(`../paragraph-D0x3Jc6W.cjs`),require(`../close-Dflkky9q.cjs`);const n=require(`../ui/dialog.cjs`),r=require(`../alert-JwECRZfz.cjs`),i=require(`../ui/input.cjs`),a=require(`../ui/label.cjs`);let o=require(`lucide-react`),s=require(`react/jsx-runtime`),c=require(`react`),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,c.useId)(),y=(0,c.useId)(),[b,x]=(0,c.useState)(``),[S,C]=(0,c.useState)(``),[w,T]=(0,c.useState)(!1),[E,D]=(0,c.useState)({});return(0,s.jsx)(n.Dialog,{open:e,onOpenChange:l,children:(0,s.jsxs)(n.DialogContent,{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,s.jsxs)(n.DialogHeader,{children:[(0,s.jsx)(n.DialogTitle,{children:g}),(0,s.jsx)(n.DialogDescription,{children:_})]}),(0,s.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,s.jsx)(r.t,{variant:`destructive`,children:(0,s.jsx)(r.n,{children:h})}),(0,s.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,s.jsx)(a.Label,{htmlFor:v,children:`Email`}),(0,s.jsx)(i.Input,{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,s.jsx)(`p`,{className:`text-destructive text-xs`,children:E.email})]}),(0,s.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,s.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,s.jsx)(a.Label,{htmlFor:y,children:`Mật khẩu`}),f&&(0,s.jsx)(t.Button,{type:`button`,variant:`link`,size:`sm`,className:`h-auto p-0 text-xs`,onClick:f,children:`Quên mật khẩu?`})]}),(0,s.jsxs)(`div`,{className:`relative`,children:[(0,s.jsx)(i.Input,{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,s.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,s.jsx)(o.EyeOff,{size:16}):(0,s.jsx)(o.Eye,{size:16})})]}),E.password&&(0,s.jsx)(`p`,{className:`text-destructive text-xs`,children:E.password})]}),(0,s.jsx)(t.Button,{type:`submit`,isLoading:m,className:`w-full`,children:`Đăng nhập`}),(0,s.jsx)(t.Button,{type:`button`,variant:`outline`,className:`w-full`,disabled:m,onClick:()=>l(!1),children:`Đóng hộp thoại`})]}),p&&(0,s.jsxs)(`div`,{className:`flex justify-center gap-1 text-muted-foreground text-sm`,children:[(0,s.jsx)(`span`,{children:`Chưa có tài khoản?`}),(0,s.jsx)(t.Button,{variant:`link`,size:`sm`,className:`h-auto p-0`,onClick:p,children:`Đăng ký`})]})]})})};exports.LoginPage=d;
 //# sourceMappingURL=LoginPage.cjs.map

package/dist/pages/LoginPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"LoginPage.cjs","names":["z","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","Alert","AlertDescription","Label","Input","Button","EyeOff","Eye"],"sources":["../../packages/components/pages/LoginPage.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useState } from 'react';\n\nimport { Eye, EyeOff } from 'lucide-react';\nimport { z } from 'zod';\n\nimport { Alert, AlertDescription } from '../ui/alert';\nimport { Button } from '../ui/button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/dialog';\nimport { Input } from '../ui/input';\nimport { Label } from '../ui/label';\n\nexport interface LoginPageProps {\n  /** Controls whether the dialog is open */\n  open: boolean;\n  /** Called when the dialog open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** Called when the user submits login credentials */\n  onLogin: (email: string, password: string) => Promise<void> | void;\n  /** Called when the \"Quên mật khẩu?\" link is clicked */\n  onForgotPassword?: () => void;\n  /** Called when the \"Đăng ký\" link is clicked */\n  onRegister?: () => void;\n  /** Disables the form and shows a spinner on the submit button */\n  isLoading?: boolean;\n  /** Server-side error message rendered in a destructive Alert */\n  errorMessage?: string;\n  /** Dialog heading. Default: \"Đăng nhập\" */\n  title?: string;\n  /** Dialog subheading. Default: \"Nhập thông tin để tiếp tục\" */\n  subtitle?: string;\n}\n\nconst loginSchema = z.object({\n  email: z.string().min(1, 'Vui lòng nhập email').email('Email không hợp lệ'),\n  password: z.string().min(1, 'Vui lòng nhập mật khẩu'),\n});\n\n/**\n * Modal login dialog for the client authentication flow.\n *\n * @example\n * ```tsx\n * import { LoginPage } from '@customafk/lunas-ui/pages/LoginPage';\n *\n * <LoginPage\n *   open={open}\n *   onOpenChange={setOpen}\n *   onLogin={async (email, password) => {\n *     await authService.login(email, password);\n *     setOpen(false);\n *   }}\n *   onRegister={() => { setOpen(false); setRegisterOpen(true); }}\n * />\n * ```\n */\nexport const LoginPage = ({\n  open,\n  onOpenChange,\n  onLogin,\n  onForgotPassword,\n  onRegister,\n  isLoading = false,\n  errorMessage,\n  title = 'Đăng nhập',\n  subtitle = 'Nhập thông tin để tiếp tục',\n}: LoginPageProps) => {\n  const emailId = useId();\n  const passwordId = useId();\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const [showPassword, setShowPassword] = useState(false);\n  const [fieldErrors, setFieldErrors] = useState<{ email?: string; password?: string }>({});\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const result = loginSchema.safeParse({ email, password });\n    if (!result.success) {\n      const errors = result.error.flatten().fieldErrors;\n      setFieldErrors({ email: errors.email?.[0], password: errors.password?.[0] });\n      return;\n    }\n    setFieldErrors({});\n    await onLogin(email, password);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent 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\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{subtitle}</DialogDescription>\n        </DialogHeader>\n\n        <form onSubmit={handleSubmit} noValidate className=\"flex flex-col gap-4\">\n          {errorMessage && (\n            <Alert variant=\"destructive\">\n              <AlertDescription>{errorMessage}</AlertDescription>\n            </Alert>\n          )}\n\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor={emailId}>Email</Label>\n            <Input\n              id={emailId}\n              type=\"email\"\n              autoComplete=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={e => setEmail(e.target.value)}\n              aria-invalid={!!fieldErrors.email}\n              disabled={isLoading}\n            />\n            {fieldErrors.email && <p className=\"text-destructive text-xs\">{fieldErrors.email}</p>}\n          </div>\n\n          <div className=\"flex flex-col gap-1.5\">\n            <div className=\"flex items-center justify-between\">\n              <Label htmlFor={passwordId}>Mật khẩu</Label>\n              {onForgotPassword && (\n                <Button type=\"button\" variant=\"link\" size=\"sm\" className=\"h-auto p-0 text-xs\" onClick={onForgotPassword}>\n                  Quên mật khẩu?\n                </Button>\n              )}\n            </div>\n            <div className=\"relative\">\n              <Input\n                id={passwordId}\n                type={showPassword ? 'text' : 'password'}\n                autoComplete=\"current-password\"\n                placeholder=\"••••••••\"\n                value={password}\n                onChange={e => setPassword(e.target.value)}\n                aria-invalid={!!fieldErrors.password}\n                disabled={isLoading}\n                className=\"pr-10\"\n              />\n              <button\n                type=\"button\"\n                className=\"absolute inset-y-0 right-0 flex items-center px-3 text-muted-foreground hover:text-foreground\"\n                onMouseDown={e => {\n                  e.preventDefault();\n                  setShowPassword(v => !v);\n                }}\n                aria-label={showPassword ? 'Ẩn mật khẩu' : 'Hiện mật khẩu'}\n              >\n                {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}\n              </button>\n            </div>\n            {fieldErrors.password && <p className=\"text-destructive text-xs\">{fieldErrors.password}</p>}\n          </div>\n\n          <Button type=\"submit\" isLoading={isLoading} className=\"w-full\">\n            Đăng nhập\n          </Button>\n          <Button type=\"button\" variant=\"outline\" className=\"w-full\" disabled={isLoading} onClick={() => onOpenChange(false)}>\n            Đóng hộp thoại\n          </Button>\n        </form>\n\n        {onRegister && (\n          <div className=\"flex justify-center gap-1 text-muted-foreground text-sm\">\n            <span>Chưa có tài khoản?</span>\n            <Button variant=\"link\" size=\"sm\" className=\"h-auto p-0\" onClick={onRegister}>\n              Đăng ký\n            </Button>\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LoginPage.cjs","names":["z","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","Alert","AlertDescription","Label","Input","Button","EyeOff","Eye"],"sources":["../../packages/components/pages/LoginPage.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useState } from 'react';\n\nimport { Eye, EyeOff } from 'lucide-react';\nimport { z } from 'zod';\n\nimport { Alert, AlertDescription } from '../ui/alert';\nimport { Button } from '../ui/button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/dialog';\nimport { Input } from '../ui/input';\nimport { Label } from '../ui/label';\n\nexport interface LoginPageProps {\n  /** Controls whether the dialog is open */\n  open: boolean;\n  /** Called when the dialog open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** Called when the user submits login credentials */\n  onLogin: (email: string, password: string) => Promise<void> | void;\n  /** Called when the \"Quên mật khẩu?\" link is clicked */\n  onForgotPassword?: () => void;\n  /** Called when the \"Đăng ký\" link is clicked */\n  onRegister?: () => void;\n  /** Disables the form and shows a spinner on the submit button */\n  isLoading?: boolean;\n  /** Server-side error message rendered in a destructive Alert */\n  errorMessage?: string;\n  /** Dialog heading. Default: \"Đăng nhập\" */\n  title?: string;\n  /** Dialog subheading. Default: \"Nhập thông tin để tiếp tục\" */\n  subtitle?: string;\n}\n\nconst loginSchema = z.object({\n  email: z.string().min(1, 'Vui lòng nhập email').email('Email không hợp lệ'),\n  password: z.string().min(1, 'Vui lòng nhập mật khẩu'),\n});\n\n/**\n * Modal login dialog for the client authentication flow.\n *\n * @example\n * ```tsx\n * import { LoginPage } from '@customafk/lunas-ui/pages/LoginPage';\n *\n * <LoginPage\n *   open={open}\n *   onOpenChange={setOpen}\n *   onLogin={async (email, password) => {\n *     await authService.login(email, password);\n *     setOpen(false);\n *   }}\n *   onRegister={() => { setOpen(false); setRegisterOpen(true); }}\n * />\n * ```\n */\nexport const LoginPage = ({\n  open,\n  onOpenChange,\n  onLogin,\n  onForgotPassword,\n  onRegister,\n  isLoading = false,\n  errorMessage,\n  title = 'Đăng nhập',\n  subtitle = 'Nhập thông tin để tiếp tục',\n}: LoginPageProps) => {\n  const emailId = useId();\n  const passwordId = useId();\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const [showPassword, setShowPassword] = useState(false);\n  const [fieldErrors, setFieldErrors] = useState<{ email?: string; password?: string }>({});\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const result = loginSchema.safeParse({ email, password });\n    if (!result.success) {\n      const errors = result.error.flatten().fieldErrors;\n      setFieldErrors({ email: errors.email?.[0], password: errors.password?.[0] });\n      return;\n    }\n    setFieldErrors({});\n    await onLogin(email, password);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent 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\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{subtitle}</DialogDescription>\n        </DialogHeader>\n\n        <form onSubmit={handleSubmit} noValidate className=\"flex flex-col gap-4\">\n          {errorMessage && (\n            <Alert variant=\"destructive\">\n              <AlertDescription>{errorMessage}</AlertDescription>\n            </Alert>\n          )}\n\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor={emailId}>Email</Label>\n            <Input\n              id={emailId}\n              type=\"email\"\n              autoComplete=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={e => setEmail(e.target.value)}\n              aria-invalid={!!fieldErrors.email}\n              disabled={isLoading}\n            />\n            {fieldErrors.email && <p className=\"text-destructive text-xs\">{fieldErrors.email}</p>}\n          </div>\n\n          <div className=\"flex flex-col gap-1.5\">\n            <div className=\"flex items-center justify-between\">\n              <Label htmlFor={passwordId}>Mật khẩu</Label>\n              {onForgotPassword && (\n                <Button type=\"button\" variant=\"link\" size=\"sm\" className=\"h-auto p-0 text-xs\" onClick={onForgotPassword}>\n                  Quên mật khẩu?\n                </Button>\n              )}\n            </div>\n            <div className=\"relative\">\n              <Input\n                id={passwordId}\n                type={showPassword ? 'text' : 'password'}\n                autoComplete=\"current-password\"\n                placeholder=\"••••••••\"\n                value={password}\n                onChange={e => setPassword(e.target.value)}\n                aria-invalid={!!fieldErrors.password}\n                disabled={isLoading}\n                className=\"pr-10\"\n              />\n              <button\n                type=\"button\"\n                className=\"absolute inset-y-0 right-0 flex items-center px-3 text-muted-foreground hover:text-foreground\"\n                onMouseDown={e => {\n                  e.preventDefault();\n                  setShowPassword(v => !v);\n                }}\n                aria-label={showPassword ? 'Ẩn mật khẩu' : 'Hiện mật khẩu'}\n              >\n                {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}\n              </button>\n            </div>\n            {fieldErrors.password && <p className=\"text-destructive text-xs\">{fieldErrors.password}</p>}\n          </div>\n\n          <Button type=\"submit\" isLoading={isLoading} className=\"w-full\">\n            Đăng nhập\n          </Button>\n          <Button type=\"button\" variant=\"outline\" className=\"w-full\" disabled={isLoading} onClick={() => onOpenChange(false)}>\n            Đóng hộp thoại\n          </Button>\n        </form>\n\n        {onRegister && (\n          <div className=\"flex justify-center gap-1 text-muted-foreground text-sm\">\n            <span>Chưa có tài khoản?</span>\n            <Button variant=\"link\" size=\"sm\" className=\"h-auto p-0\" onClick={onRegister}>\n              Đăng ký\n            </Button>\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/LoginPage.d.cts

@@ -1,4 +1,4 @@
-import * as react33 from "react";
+import * as react3 from "react";
 
 //#region packages/components/pages/LoginPage.d.ts
 interface LoginPageProps {
@@ -49,7 +49,7 @@ declare const LoginPage: ({
   errorMessage,
   title,
   subtitle
-}: LoginPageProps) => react33.JSX.Element;
+}: LoginPageProps) => react3.JSX.Element;
 //#endregion
 export { LoginPage, LoginPageProps };
 //# sourceMappingURL=LoginPage.d.cts.map

package/dist/pages/LoginPage.d.ts

@@ -1,4 +1,4 @@
-import * as react183 from "react";
+import * as react35 from "react";
 
 //#region packages/components/pages/LoginPage.d.ts
 interface LoginPageProps {
@@ -49,7 +49,7 @@ declare const LoginPage: ({
   errorMessage,
   title,
   subtitle
-}: LoginPageProps) => react183.JSX.Element;
+}: LoginPageProps) => react35.JSX.Element;
 //#endregion
 export { LoginPage, LoginPageProps };
 //# sourceMappingURL=LoginPage.d.ts.map

package/dist/pages/LoginPage.js

@@ -1,2 +1,2 @@
-"use client";import"../button.variants-CoSpd71B.js";import{t as e}from"../button-LMMbL-uH.js";import"../heading-Bz-hSatD.js";import"../paragraph-Cc13ZI4d.js";import"../close-C0PdZGxr.js";import{i as t,l as n,o as r,r as i,t as a}from"../dialog-CmutQ3rp.js";import{t as o}from"../input-DAfP6LZ7.js";import{t as s}from"../label-B8cAG2kc.js";import{n as c,t as l}from"../alert-BzBDfGk2.js";import{Eye as u,EyeOff as d}from"lucide-react";import{useId as f,useState as p}from"react";import{jsx as m,jsxs as h}from"react/jsx-runtime";import{z as g}from"zod";const _=g.object({email:g.string().min(1,`Vui lòng nhập email`).email(`Email không hợp lệ`),password:g.string().min(1,`Vui lòng nhập mật khẩu`)}),v=({open:g,onOpenChange:v,onLogin:y,onForgotPassword:b,onRegister:x,isLoading:S=!1,errorMessage:C,title:w=`Đăng nhập`,subtitle:T=`Nhập thông tin để tiếp tục`})=>{let E=f(),D=f(),[O,k]=p(``),[A,j]=p(``),[M,N]=p(!1),[P,F]=p({});return m(a,{open:g,onOpenChange:v,children:h(i,{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:[h(r,{children:[m(n,{children:w}),m(t,{children:T})]}),h(`form`,{onSubmit:async e=>{e.preventDefault();let t=_.safeParse({email:O,password:A});if(!t.success){let e=t.error.flatten().fieldErrors;F({email:e.email?.[0],password:e.password?.[0]});return}F({}),await y(O,A)},noValidate:!0,className:`flex flex-col gap-4`,children:[C&&m(l,{variant:`destructive`,children:m(c,{children:C})}),h(`div`,{className:`flex flex-col gap-1.5`,children:[m(s,{htmlFor:E,children:`Email`}),m(o,{id:E,type:`email`,autoComplete:`email`,placeholder:`you@example.com`,value:O,onChange:e=>k(e.target.value),"aria-invalid":!!P.email,disabled:S}),P.email&&m(`p`,{className:`text-destructive text-xs`,children:P.email})]}),h(`div`,{className:`flex flex-col gap-1.5`,children:[h(`div`,{className:`flex items-center justify-between`,children:[m(s,{htmlFor:D,children:`Mật khẩu`}),b&&m(e,{type:`button`,variant:`link`,size:`sm`,className:`h-auto p-0 text-xs`,onClick:b,children:`Quên mật khẩu?`})]}),h(`div`,{className:`relative`,children:[m(o,{id:D,type:M?`text`:`password`,autoComplete:`current-password`,placeholder:`••••••••`,value:A,onChange:e=>j(e.target.value),"aria-invalid":!!P.password,disabled:S,className:`pr-10`}),m(`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(),N(e=>!e)},"aria-label":M?`Ẩn mật khẩu`:`Hiện mật khẩu`,children:m(M?d:u,{size:16})})]}),P.password&&m(`p`,{className:`text-destructive text-xs`,children:P.password})]}),m(e,{type:`submit`,isLoading:S,className:`w-full`,children:`Đăng nhập`}),m(e,{type:`button`,variant:`outline`,className:`w-full`,disabled:S,onClick:()=>v(!1),children:`Đóng hộp thoại`})]}),x&&h(`div`,{className:`flex justify-center gap-1 text-muted-foreground text-sm`,children:[m(`span`,{children:`Chưa có tài khoản?`}),m(e,{variant:`link`,size:`sm`,className:`h-auto p-0`,onClick:x,children:`Đăng ký`})]})]})})};export{v as LoginPage};
+"use client";import"../button.variants-BruXd4VM.js";import{Button as e}from"../ui/button.js";import"../heading-Bw3eo6IT.js";import"../paragraph-ESjXXqHU.js";import"../close-DrkwaVXK.js";import{Dialog as t,DialogContent as n,DialogDescription as r,DialogHeader as i,DialogTitle as a}from"../ui/dialog.js";import{n as o,t as s}from"../alert-D5VmhFT9.js";import{Input as c}from"../ui/input.js";import{Label as l}from"../ui/label.js";import{Eye as u,EyeOff as d}from"lucide-react";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{useId as m,useState as h}from"react";import{z as g}from"zod";const _=g.object({email:g.string().min(1,`Vui lòng nhập email`).email(`Email không hợp lệ`),password:g.string().min(1,`Vui lòng nhập mật khẩu`)}),v=({open:g,onOpenChange:v,onLogin:y,onForgotPassword:b,onRegister:x,isLoading:S=!1,errorMessage:C,title:w=`Đăng nhập`,subtitle:T=`Nhập thông tin để tiếp tục`})=>{let E=m(),D=m(),[O,k]=h(``),[A,j]=h(``),[M,N]=h(!1),[P,F]=h({});return f(t,{open:g,onOpenChange:v,children:p(n,{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:[p(i,{children:[f(a,{children:w}),f(r,{children:T})]}),p(`form`,{onSubmit:async e=>{e.preventDefault();let t=_.safeParse({email:O,password:A});if(!t.success){let e=t.error.flatten().fieldErrors;F({email:e.email?.[0],password:e.password?.[0]});return}F({}),await y(O,A)},noValidate:!0,className:`flex flex-col gap-4`,children:[C&&f(s,{variant:`destructive`,children:f(o,{children:C})}),p(`div`,{className:`flex flex-col gap-1.5`,children:[f(l,{htmlFor:E,children:`Email`}),f(c,{id:E,type:`email`,autoComplete:`email`,placeholder:`you@example.com`,value:O,onChange:e=>k(e.target.value),"aria-invalid":!!P.email,disabled:S}),P.email&&f(`p`,{className:`text-destructive text-xs`,children:P.email})]}),p(`div`,{className:`flex flex-col gap-1.5`,children:[p(`div`,{className:`flex items-center justify-between`,children:[f(l,{htmlFor:D,children:`Mật khẩu`}),b&&f(e,{type:`button`,variant:`link`,size:`sm`,className:`h-auto p-0 text-xs`,onClick:b,children:`Quên mật khẩu?`})]}),p(`div`,{className:`relative`,children:[f(c,{id:D,type:M?`text`:`password`,autoComplete:`current-password`,placeholder:`••••••••`,value:A,onChange:e=>j(e.target.value),"aria-invalid":!!P.password,disabled:S,className:`pr-10`}),f(`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(),N(e=>!e)},"aria-label":M?`Ẩn mật khẩu`:`Hiện mật khẩu`,children:f(M?d:u,{size:16})})]}),P.password&&f(`p`,{className:`text-destructive text-xs`,children:P.password})]}),f(e,{type:`submit`,isLoading:S,className:`w-full`,children:`Đăng nhập`}),f(e,{type:`button`,variant:`outline`,className:`w-full`,disabled:S,onClick:()=>v(!1),children:`Đóng hộp thoại`})]}),x&&p(`div`,{className:`flex justify-center gap-1 text-muted-foreground text-sm`,children:[f(`span`,{children:`Chưa có tài khoản?`}),f(e,{variant:`link`,size:`sm`,className:`h-auto p-0`,onClick:x,children:`Đăng ký`})]})]})})};export{v as LoginPage};
 //# sourceMappingURL=LoginPage.js.map

package/dist/pages/LoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginPage.js","names":[],"sources":["../../packages/components/pages/LoginPage.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useState } from 'react';\n\nimport { Eye, EyeOff } from 'lucide-react';\nimport { z } from 'zod';\n\nimport { Alert, AlertDescription } from '../ui/alert';\nimport { Button } from '../ui/button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/dialog';\nimport { Input } from '../ui/input';\nimport { Label } from '../ui/label';\n\nexport interface LoginPageProps {\n  /** Controls whether the dialog is open */\n  open: boolean;\n  /** Called when the dialog open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** Called when the user submits login credentials */\n  onLogin: (email: string, password: string) => Promise<void> | void;\n  /** Called when the \"Quên mật khẩu?\" link is clicked */\n  onForgotPassword?: () => void;\n  /** Called when the \"Đăng ký\" link is clicked */\n  onRegister?: () => void;\n  /** Disables the form and shows a spinner on the submit button */\n  isLoading?: boolean;\n  /** Server-side error message rendered in a destructive Alert */\n  errorMessage?: string;\n  /** Dialog heading. Default: \"Đăng nhập\" */\n  title?: string;\n  /** Dialog subheading. Default: \"Nhập thông tin để tiếp tục\" */\n  subtitle?: string;\n}\n\nconst loginSchema = z.object({\n  email: z.string().min(1, 'Vui lòng nhập email').email('Email không hợp lệ'),\n  password: z.string().min(1, 'Vui lòng nhập mật khẩu'),\n});\n\n/**\n * Modal login dialog for the client authentication flow.\n *\n * @example\n * ```tsx\n * import { LoginPage } from '@customafk/lunas-ui/pages/LoginPage';\n *\n * <LoginPage\n *   open={open}\n *   onOpenChange={setOpen}\n *   onLogin={async (email, password) => {\n *     await authService.login(email, password);\n *     setOpen(false);\n *   }}\n *   onRegister={() => { setOpen(false); setRegisterOpen(true); }}\n * />\n * ```\n */\nexport const LoginPage = ({\n  open,\n  onOpenChange,\n  onLogin,\n  onForgotPassword,\n  onRegister,\n  isLoading = false,\n  errorMessage,\n  title = 'Đăng nhập',\n  subtitle = 'Nhập thông tin để tiếp tục',\n}: LoginPageProps) => {\n  const emailId = useId();\n  const passwordId = useId();\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const [showPassword, setShowPassword] = useState(false);\n  const [fieldErrors, setFieldErrors] = useState<{ email?: string; password?: string }>({});\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const result = loginSchema.safeParse({ email, password });\n    if (!result.success) {\n      const errors = result.error.flatten().fieldErrors;\n      setFieldErrors({ email: errors.email?.[0], password: errors.password?.[0] });\n      return;\n    }\n    setFieldErrors({});\n    await onLogin(email, password);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent 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\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{subtitle}</DialogDescription>\n        </DialogHeader>\n\n        <form onSubmit={handleSubmit} noValidate className=\"flex flex-col gap-4\">\n          {errorMessage && (\n            <Alert variant=\"destructive\">\n              <AlertDescription>{errorMessage}</AlertDescription>\n            </Alert>\n          )}\n\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor={emailId}>Email</Label>\n            <Input\n              id={emailId}\n              type=\"email\"\n              autoComplete=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={e => setEmail(e.target.value)}\n              aria-invalid={!!fieldErrors.email}\n              disabled={isLoading}\n            />\n            {fieldErrors.email && <p className=\"text-destructive text-xs\">{fieldErrors.email}</p>}\n          </div>\n\n          <div className=\"flex flex-col gap-1.5\">\n            <div className=\"flex items-center justify-between\">\n              <Label htmlFor={passwordId}>Mật khẩu</Label>\n              {onForgotPassword && (\n                <Button type=\"button\" variant=\"link\" size=\"sm\" className=\"h-auto p-0 text-xs\" onClick={onForgotPassword}>\n                  Quên mật khẩu?\n                </Button>\n              )}\n            </div>\n            <div className=\"relative\">\n              <Input\n                id={passwordId}\n                type={showPassword ? 'text' : 'password'}\n                autoComplete=\"current-password\"\n                placeholder=\"••••••••\"\n                value={password}\n                onChange={e => setPassword(e.target.value)}\n                aria-invalid={!!fieldErrors.password}\n                disabled={isLoading}\n                className=\"pr-10\"\n              />\n              <button\n                type=\"button\"\n                className=\"absolute inset-y-0 right-0 flex items-center px-3 text-muted-foreground hover:text-foreground\"\n                onMouseDown={e => {\n                  e.preventDefault();\n                  setShowPassword(v => !v);\n                }}\n                aria-label={showPassword ? 'Ẩn mật khẩu' : 'Hiện mật khẩu'}\n              >\n                {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}\n              </button>\n            </div>\n            {fieldErrors.password && <p className=\"text-destructive text-xs\">{fieldErrors.password}</p>}\n          </div>\n\n          <Button type=\"submit\" isLoading={isLoading} className=\"w-full\">\n            Đăng nhập\n          </Button>\n          <Button type=\"button\" variant=\"outline\" className=\"w-full\" disabled={isLoading} onClick={() => onOpenChange(false)}>\n            Đóng hộp thoại\n          </Button>\n        </form>\n\n        {onRegister && (\n          <div className=\"flex justify-center gap-1 text-muted-foreground text-sm\">\n            <span>Chưa có tài khoản?</span>\n            <Button variant=\"link\" size=\"sm\" className=\"h-auto p-0\" onClick={onRegister}>\n              Đăng ký\n            </Button>\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"LoginPage.js","names":[],"sources":["../../packages/components/pages/LoginPage.tsx"],"sourcesContent":["'use client';\n\nimport { useId, useState } from 'react';\n\nimport { Eye, EyeOff } from 'lucide-react';\nimport { z } from 'zod';\n\nimport { Alert, AlertDescription } from '../ui/alert';\nimport { Button } from '../ui/button';\nimport { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from '../ui/dialog';\nimport { Input } from '../ui/input';\nimport { Label } from '../ui/label';\n\nexport interface LoginPageProps {\n  /** Controls whether the dialog is open */\n  open: boolean;\n  /** Called when the dialog open state changes */\n  onOpenChange: (open: boolean) => void;\n  /** Called when the user submits login credentials */\n  onLogin: (email: string, password: string) => Promise<void> | void;\n  /** Called when the \"Quên mật khẩu?\" link is clicked */\n  onForgotPassword?: () => void;\n  /** Called when the \"Đăng ký\" link is clicked */\n  onRegister?: () => void;\n  /** Disables the form and shows a spinner on the submit button */\n  isLoading?: boolean;\n  /** Server-side error message rendered in a destructive Alert */\n  errorMessage?: string;\n  /** Dialog heading. Default: \"Đăng nhập\" */\n  title?: string;\n  /** Dialog subheading. Default: \"Nhập thông tin để tiếp tục\" */\n  subtitle?: string;\n}\n\nconst loginSchema = z.object({\n  email: z.string().min(1, 'Vui lòng nhập email').email('Email không hợp lệ'),\n  password: z.string().min(1, 'Vui lòng nhập mật khẩu'),\n});\n\n/**\n * Modal login dialog for the client authentication flow.\n *\n * @example\n * ```tsx\n * import { LoginPage } from '@customafk/lunas-ui/pages/LoginPage';\n *\n * <LoginPage\n *   open={open}\n *   onOpenChange={setOpen}\n *   onLogin={async (email, password) => {\n *     await authService.login(email, password);\n *     setOpen(false);\n *   }}\n *   onRegister={() => { setOpen(false); setRegisterOpen(true); }}\n * />\n * ```\n */\nexport const LoginPage = ({\n  open,\n  onOpenChange,\n  onLogin,\n  onForgotPassword,\n  onRegister,\n  isLoading = false,\n  errorMessage,\n  title = 'Đăng nhập',\n  subtitle = 'Nhập thông tin để tiếp tục',\n}: LoginPageProps) => {\n  const emailId = useId();\n  const passwordId = useId();\n  const [email, setEmail] = useState('');\n  const [password, setPassword] = useState('');\n  const [showPassword, setShowPassword] = useState(false);\n  const [fieldErrors, setFieldErrors] = useState<{ email?: string; password?: string }>({});\n\n  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault();\n    const result = loginSchema.safeParse({ email, password });\n    if (!result.success) {\n      const errors = result.error.flatten().fieldErrors;\n      setFieldErrors({ email: errors.email?.[0], password: errors.password?.[0] });\n      return;\n    }\n    setFieldErrors({});\n    await onLogin(email, password);\n  };\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent 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\">\n        <DialogHeader>\n          <DialogTitle>{title}</DialogTitle>\n          <DialogDescription>{subtitle}</DialogDescription>\n        </DialogHeader>\n\n        <form onSubmit={handleSubmit} noValidate className=\"flex flex-col gap-4\">\n          {errorMessage && (\n            <Alert variant=\"destructive\">\n              <AlertDescription>{errorMessage}</AlertDescription>\n            </Alert>\n          )}\n\n          <div className=\"flex flex-col gap-1.5\">\n            <Label htmlFor={emailId}>Email</Label>\n            <Input\n              id={emailId}\n              type=\"email\"\n              autoComplete=\"email\"\n              placeholder=\"you@example.com\"\n              value={email}\n              onChange={e => setEmail(e.target.value)}\n              aria-invalid={!!fieldErrors.email}\n              disabled={isLoading}\n            />\n            {fieldErrors.email && <p className=\"text-destructive text-xs\">{fieldErrors.email}</p>}\n          </div>\n\n          <div className=\"flex flex-col gap-1.5\">\n            <div className=\"flex items-center justify-between\">\n              <Label htmlFor={passwordId}>Mật khẩu</Label>\n              {onForgotPassword && (\n                <Button type=\"button\" variant=\"link\" size=\"sm\" className=\"h-auto p-0 text-xs\" onClick={onForgotPassword}>\n                  Quên mật khẩu?\n                </Button>\n              )}\n            </div>\n            <div className=\"relative\">\n              <Input\n                id={passwordId}\n                type={showPassword ? 'text' : 'password'}\n                autoComplete=\"current-password\"\n                placeholder=\"••••••••\"\n                value={password}\n                onChange={e => setPassword(e.target.value)}\n                aria-invalid={!!fieldErrors.password}\n                disabled={isLoading}\n                className=\"pr-10\"\n              />\n              <button\n                type=\"button\"\n                className=\"absolute inset-y-0 right-0 flex items-center px-3 text-muted-foreground hover:text-foreground\"\n                onMouseDown={e => {\n                  e.preventDefault();\n                  setShowPassword(v => !v);\n                }}\n                aria-label={showPassword ? 'Ẩn mật khẩu' : 'Hiện mật khẩu'}\n              >\n                {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}\n              </button>\n            </div>\n            {fieldErrors.password && <p className=\"text-destructive text-xs\">{fieldErrors.password}</p>}\n          </div>\n\n          <Button type=\"submit\" isLoading={isLoading} className=\"w-full\">\n            Đăng nhập\n          </Button>\n          <Button type=\"button\" variant=\"outline\" className=\"w-full\" disabled={isLoading} onClick={() => onOpenChange(false)}>\n            Đóng hộp thoại\n          </Button>\n        </form>\n\n        {onRegister && (\n          <div className=\"flex justify-center gap-1 text-muted-foreground text-sm\">\n            <span>Chưa có tài khoản?</span>\n            <Button variant=\"link\" size=\"sm\" className=\"h-auto p-0\" onClick={onRegister}>\n              Đăng ký\n            </Button>\n          </div>\n        )}\n      </DialogContent>\n    </Dialog>\n  );\n};\n"],"mappings":"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"}

package/dist/pages/NotAuthorized.cjs

@@ -1,2 +1,2 @@
-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;
+Object.defineProperty(exports,`__esModule`,{value:!0});const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../button.variants-DgVFNsVc.cjs`);const t=require(`../ui/button.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.Button,{onClick:s,variant:`default`,className:`mt-2`,size:`sm`,children:o})]});var o=a;exports.NotAuthorized=a,exports.default=o;
 //# sourceMappingURL=NotAuthorized.cjs.map