@customafk/lunas-ui 0.2.82 → 0.2.84

package/dist/index.mjs

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

package/dist/{input-DxNK7Wo6.d.cts → input-D73TrUof.d.cts}

@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
 //#region packages/components/ui/input.d.ts
 /** CVA variant definitions for the `Input` component — controls sizing and visual style. */
 declare const inputVariants: (props?: ({
-  variant?: "soft" | "outline" | "ghost" | "none" | "subtle" | null | undefined;
+  variant?: "none" | "soft" | "outline" | "ghost" | "subtle" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type InputVariantProps = VariantProps<typeof inputVariants>;
@@ -31,4 +31,4 @@ declare function Input({ className, variant, size, onChange, onValueChange, ...p
 }): import("react").JSX.Element;
 //#endregion
 export { InputVariantProps as n, inputVariants as r, Input as t };
-//# sourceMappingURL=input-DxNK7Wo6.d.cts.map
+//# sourceMappingURL=input-D73TrUof.d.cts.map

package/dist/{input-DxNK7Wo6.d.mts → input-D73TrUof.d.mts}

@@ -2,7 +2,7 @@ import { VariantProps } from "class-variance-authority";
 //#region packages/components/ui/input.d.ts
 /** CVA variant definitions for the `Input` component — controls sizing and visual style. */
 declare const inputVariants: (props?: ({
-  variant?: "soft" | "outline" | "ghost" | "none" | "subtle" | null | undefined;
+  variant?: "none" | "soft" | "outline" | "ghost" | "subtle" | null | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type InputVariantProps = VariantProps<typeof inputVariants>;
@@ -31,4 +31,4 @@ declare function Input({ className, variant, size, onChange, onValueChange, ...p
 }): import("react").JSX.Element;
 //#endregion
 export { InputVariantProps as n, inputVariants as r, Input as t };
-//# sourceMappingURL=input-DxNK7Wo6.d.mts.map
+//# sourceMappingURL=input-D73TrUof.d.mts.map

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

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../cms-layout-DCJhB-GY.cjs");exports.CMSLayout=e.t;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../cms-layout-DYEmSqzx.cjs");exports.CMSLayout=e.t;

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

@@ -1 +1 @@
-"use client";import{t as e}from"../../cms-layout-Ba_5wSnr.mjs";export{e as CMSLayout};
+"use client";import{t as e}from"../../cms-layout-BHLo0_L_.mjs";export{e as CMSLayout};

package/dist/layouts/flex.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@customafk/react-toolkit/utils"),n=require("class-variance-authority"),r=require("react/jsx-runtime");const i=(0,n.cva)([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),a=(0,e.memo)(({vertical:e,wrap:n,width:a,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f})=>(0,r.jsx)(`div`,{className:(0,t.cn)(i({vertical:e,width:a,wrap:n,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f}));a.displayName=`Flex`,exports.Flex=a;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@customafk/react-toolkit/utils"),n=require("class-variance-authority"),r=require("react/jsx-runtime");const i=(0,n.cva)([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),a=(0,e.memo)(({vertical:e,wrap:n,width:a,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f,...p})=>(0,r.jsx)(`div`,{...p,className:(0,t.cn)(i({vertical:e,width:a,wrap:n,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f}));a.displayName=`Flex`,exports.Flex=a;
 //# sourceMappingURL=flex.cjs.map

package/dist/layouts/flex.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"flex.cjs","names":[],"sources":["../../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  /** Additional Tailwind classes merged on top of the variant-generated classes. */\n  className?: string;\n  /**\n   * Stacks children vertically (`flex-col`) when `true`, horizontally (`flex-row`) when `false`.\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Controls the width of the flex container.\n   * - `'full'` — `w-full`\n   * - `'auto'` — `w-auto`\n   * - `'fit'`  — `w-fit` (default)\n   * - `'screen'` — `w-screen`\n   * - `'min'` — `w-min`\n   * - `'max'` — `w-max`\n   * - `'null'` — no width utility applied\n   * @default 'fit'\n   */\n  width?: 'full' | 'auto' | 'fit' | 'screen' | 'min' | 'max' | 'null';\n  /**\n   * Allows children to wrap onto multiple lines when `true`.\n   * @default true\n   */\n  wrap?: boolean;\n  /**\n   * Uniform margin applied to the container.\n   * - `'none'` — `m-0` (default)\n   * - `'sm'` — `m-2`\n   * - `'md'` — `m-4`\n   * - `'lg'` — `m-6`\n   * - `'xl'` — `m-8`\n   * @default 'none'\n   */\n  margin?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Uniform padding applied to the container.\n   * - `'none'` — `p-0`\n   * - `'sm'`  — `p-2` (default)\n   * - `'md'`  — `p-4`\n   * - `'lg'`  — `p-6`\n   * - `'xl'`  — `p-8`\n   * @default 'sm'\n   */\n  padding?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Gap between child elements.\n   * - `'none'` — `gap-0`\n   * - `'xs'`  — `gap-1` (default)\n   * - `'sm'`  — `gap-2`\n   * - `'md'`  — `gap-4`\n   * - `'lg'`  — `gap-6`\n   * - `'xl'`  — `gap-8`\n   * @default 'xs'\n   */\n  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Justification of children along the main axis (`justify-content`).\n   * @default 'start'\n   */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';\n  /**\n   * Alignment of children along the cross axis (`align-items`).\n   * @default 'center'\n   */\n  align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';\n} & VariantProps<typeof flexVariants>;\n\n/**\n * A flexible, variant-driven flex container built on CVA and TailwindCSS.\n *\n * @example\n * ```tsx\n * import { Flex } from '@customafk/lunas-ui/layouts/flex';\n *\n * // Horizontal row with centered children and a medium gap\n * <Flex gap=\"md\" justify=\"between\" align=\"center\">\n *   <span>Left</span>\n *   <span>Right</span>\n * </Flex>\n *\n * // Vertical stack that fills parent width\n * <Flex vertical width=\"full\" gap=\"sm\" padding=\"md\">\n *   <p>First item</p>\n *   <p>Second item</p>\n * </Flex>\n * ```\n */\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"wNAOA,MAAM,GAAA,EAAA,EAAA,IAAA,CAAmB,CAAC,gBAAiB,SAAS,EAAG,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,UACT,EACA,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,EACR,EACA,KAAM,CACJ,KAAM,YACN,MAAO,aACT,EACA,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,KACR,EACA,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,KACR,EACA,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,OACR,EACA,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,iBACX,EACA,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,eACX,CACF,EACA,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,QACT,CACF,CAAC,EA0FY,GAAA,EAAA,EAAA,KAAA,EAAa,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,eAEhG,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,WAAA,EAAA,EAAA,GAAA,CACE,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,WACF,CAAC,CACH,EAEC,UACE,CAAA,CAER,EACD,EAAK,YAAc"}
+{"version":3,"file":"flex.cjs","names":[],"sources":["../../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  /** Additional Tailwind classes merged on top of the variant-generated classes. */\n  className?: string;\n  /**\n   * Stacks children vertically (`flex-col`) when `true`, horizontally (`flex-row`) when `false`.\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Controls the width of the flex container.\n   * - `'full'` — `w-full`\n   * - `'auto'` — `w-auto`\n   * - `'fit'`  — `w-fit` (default)\n   * - `'screen'` — `w-screen`\n   * - `'min'` — `w-min`\n   * - `'max'` — `w-max`\n   * - `'null'` — no width utility applied\n   * @default 'fit'\n   */\n  width?: 'full' | 'auto' | 'fit' | 'screen' | 'min' | 'max' | 'null';\n  /**\n   * Allows children to wrap onto multiple lines when `true`.\n   * @default true\n   */\n  wrap?: boolean;\n  /**\n   * Uniform margin applied to the container.\n   * - `'none'` — `m-0` (default)\n   * - `'sm'` — `m-2`\n   * - `'md'` — `m-4`\n   * - `'lg'` — `m-6`\n   * - `'xl'` — `m-8`\n   * @default 'none'\n   */\n  margin?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Uniform padding applied to the container.\n   * - `'none'` — `p-0`\n   * - `'sm'`  — `p-2` (default)\n   * - `'md'`  — `p-4`\n   * - `'lg'`  — `p-6`\n   * - `'xl'`  — `p-8`\n   * @default 'sm'\n   */\n  padding?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Gap between child elements.\n   * - `'none'` — `gap-0`\n   * - `'xs'`  — `gap-1` (default)\n   * - `'sm'`  — `gap-2`\n   * - `'md'`  — `gap-4`\n   * - `'lg'`  — `gap-6`\n   * - `'xl'`  — `gap-8`\n   * @default 'xs'\n   */\n  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Justification of children along the main axis (`justify-content`).\n   * @default 'start'\n   */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';\n  /**\n   * Alignment of children along the cross axis (`align-items`).\n   * @default 'center'\n   */\n  align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';\n} & VariantProps<typeof flexVariants> &\n  Omit<React.ComponentPropsWithoutRef<'div'>, 'className'>;\n\n/**\n * A flexible, variant-driven flex container built on CVA and TailwindCSS.\n *\n * Any other `div` attribute (`data-slot`, `id`, `role`, `onClick`, ...) is forwarded to the root element.\n *\n * @example\n * ```tsx\n * import { Flex } from '@customafk/lunas-ui/layouts/flex';\n *\n * // Horizontal row with centered children and a medium gap\n * <Flex gap=\"md\" justify=\"between\" align=\"center\">\n *   <span>Left</span>\n *   <span>Right</span>\n * </Flex>\n *\n * // Vertical stack that fills parent width\n * <Flex vertical width=\"full\" gap=\"sm\" padding=\"md\">\n *   <p>First item</p>\n *   <p>Second item</p>\n * </Flex>\n * ```\n */\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children, ...rest }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      {...rest}\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"wNAOA,MAAM,GAAA,EAAA,EAAA,IAAA,CAAmB,CAAC,gBAAiB,SAAS,EAAG,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,UACT,EACA,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,EACR,EACA,KAAM,CACJ,KAAM,YACN,MAAO,aACT,EACA,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,KACR,EACA,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,KACR,EACA,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,OACR,EACA,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,iBACX,EACA,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,eACX,CACF,EACA,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,QACT,CACF,CAAC,EA6FY,GAAA,EAAA,EAAA,KAAA,EAAa,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,WAAU,GAAG,MAE7G,EAAA,EAAA,IAAA,CAAC,MAAD,CACE,GAAI,EACJ,WAAA,EAAA,EAAA,GAAA,CACE,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,WACF,CAAC,CACH,EAEC,UACE,CAAA,CAER,EACD,EAAK,YAAc"}

package/dist/layouts/flex.d.cts

@@ -1,2 +1,2 @@
-import { t as Flex } from "../flex-CrxTaAXE.cjs";
+import { t as Flex } from "../flex-D7IE_cdR.cjs";
 export { Flex };

package/dist/layouts/flex.d.mts

@@ -1,2 +1,2 @@
-import { t as Flex } from "../flex-CrxTaAXE.mjs";
+import { t as Flex } from "../flex-D7IE_cdR.mjs";
 export { Flex };

package/dist/layouts/flex.mjs

@@ -1,2 +1,2 @@
-"use client";import{memo as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{cva as n}from"class-variance-authority";import{jsx as r}from"react/jsx-runtime";const i=n([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),a=e(({vertical:e,wrap:n,width:a,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f})=>r(`div`,{className:t(i({vertical:e,width:a,wrap:n,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f}));a.displayName=`Flex`;export{a as Flex};
+"use client";import{memo as e}from"react";import{cn as t}from"@customafk/react-toolkit/utils";import{cva as n}from"class-variance-authority";import{jsx as r}from"react/jsx-runtime";const i=n([`relative flex`,`text-sm`],{variants:{vertical:{true:`flex-col`,false:`flex-row`},width:{full:`w-full`,auto:`w-auto`,fit:`w-fit`,screen:`w-screen`,min:`w-min`,max:`w-max`,null:``},wrap:{true:`flex-wrap`,false:`flex-nowrap`},margin:{sm:`m-2`,md:`m-4`,lg:`m-6`,xl:`m-8`,none:`m-0`},padding:{sm:`p-2`,md:`p-4`,lg:`p-6`,xl:`p-8`,none:`p-0`},gap:{xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`},justify:{start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`,around:`justify-around`,evenly:`justify-evenly`,stretch:`justify-stretch`},align:{start:`items-start`,center:`items-center`,end:`items-end`,baseline:`items-baseline`,stretch:`items-stretch`}},defaultVariants:{vertical:!1,wrap:!0,width:`fit`,margin:`none`,padding:`sm`,gap:`xs`,justify:`start`,align:`center`}}),a=e(({vertical:e,wrap:n,width:a,margin:o,padding:s,gap:c,justify:l,align:u,className:d,children:f,...p})=>r(`div`,{...p,className:t(i({vertical:e,width:a,wrap:n,margin:o,padding:s,gap:c,justify:l,align:u,className:d})),children:f}));a.displayName=`Flex`;export{a as Flex};
 //# sourceMappingURL=flex.mjs.map

package/dist/layouts/flex.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"flex.mjs","names":[],"sources":["../../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  /** Additional Tailwind classes merged on top of the variant-generated classes. */\n  className?: string;\n  /**\n   * Stacks children vertically (`flex-col`) when `true`, horizontally (`flex-row`) when `false`.\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Controls the width of the flex container.\n   * - `'full'` — `w-full`\n   * - `'auto'` — `w-auto`\n   * - `'fit'`  — `w-fit` (default)\n   * - `'screen'` — `w-screen`\n   * - `'min'` — `w-min`\n   * - `'max'` — `w-max`\n   * - `'null'` — no width utility applied\n   * @default 'fit'\n   */\n  width?: 'full' | 'auto' | 'fit' | 'screen' | 'min' | 'max' | 'null';\n  /**\n   * Allows children to wrap onto multiple lines when `true`.\n   * @default true\n   */\n  wrap?: boolean;\n  /**\n   * Uniform margin applied to the container.\n   * - `'none'` — `m-0` (default)\n   * - `'sm'` — `m-2`\n   * - `'md'` — `m-4`\n   * - `'lg'` — `m-6`\n   * - `'xl'` — `m-8`\n   * @default 'none'\n   */\n  margin?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Uniform padding applied to the container.\n   * - `'none'` — `p-0`\n   * - `'sm'`  — `p-2` (default)\n   * - `'md'`  — `p-4`\n   * - `'lg'`  — `p-6`\n   * - `'xl'`  — `p-8`\n   * @default 'sm'\n   */\n  padding?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Gap between child elements.\n   * - `'none'` — `gap-0`\n   * - `'xs'`  — `gap-1` (default)\n   * - `'sm'`  — `gap-2`\n   * - `'md'`  — `gap-4`\n   * - `'lg'`  — `gap-6`\n   * - `'xl'`  — `gap-8`\n   * @default 'xs'\n   */\n  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Justification of children along the main axis (`justify-content`).\n   * @default 'start'\n   */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';\n  /**\n   * Alignment of children along the cross axis (`align-items`).\n   * @default 'center'\n   */\n  align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';\n} & VariantProps<typeof flexVariants>;\n\n/**\n * A flexible, variant-driven flex container built on CVA and TailwindCSS.\n *\n * @example\n * ```tsx\n * import { Flex } from '@customafk/lunas-ui/layouts/flex';\n *\n * // Horizontal row with centered children and a medium gap\n * <Flex gap=\"md\" justify=\"between\" align=\"center\">\n *   <span>Left</span>\n *   <span>Right</span>\n * </Flex>\n *\n * // Vertical stack that fills parent width\n * <Flex vertical width=\"full\" gap=\"sm\" padding=\"md\">\n *   <p>First item</p>\n *   <p>Second item</p>\n * </Flex>\n * ```\n */\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"qLAOA,MAAM,EAAe,EAAI,CAAC,gBAAiB,SAAS,EAAG,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,UACT,EACA,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,EACR,EACA,KAAM,CACJ,KAAM,YACN,MAAO,aACT,EACA,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,KACR,EACA,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,KACR,EACA,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,OACR,EACA,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,iBACX,EACA,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,eACX,CACF,EACA,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,QACT,CACF,CAAC,EA0FY,EAAO,GAAM,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,cAEhG,EAAC,MAAD,CACE,UAAW,EACT,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,WACF,CAAC,CACH,EAEC,UACE,CAAA,CAER,EACD,EAAK,YAAc"}
+{"version":3,"file":"flex.mjs","names":[],"sources":["../../packages/components/layouts/flex.tsx"],"sourcesContent":["'use client';\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nconst flexVariants = cva(['relative flex', 'text-sm'], {\n  variants: {\n    vertical: {\n      true: 'flex-col',\n      false: 'flex-row',\n    },\n    width: {\n      full: 'w-full',\n      auto: 'w-auto',\n      fit: 'w-fit',\n      screen: 'w-screen',\n      min: 'w-min',\n      max: 'w-max',\n      null: '',\n    },\n    wrap: {\n      true: 'flex-wrap',\n      false: 'flex-nowrap',\n    },\n    margin: {\n      sm: 'm-2',\n      md: 'm-4',\n      lg: 'm-6',\n      xl: 'm-8',\n      none: 'm-0',\n    },\n    padding: {\n      sm: 'p-2',\n      md: 'p-4',\n      lg: 'p-6',\n      xl: 'p-8',\n      none: 'p-0',\n    },\n    gap: {\n      xs: 'gap-1',\n      sm: 'gap-2',\n      md: 'gap-4',\n      lg: 'gap-6',\n      xl: 'gap-8',\n      none: 'gap-0',\n    },\n    justify: {\n      start: 'justify-start',\n      center: 'justify-center',\n      end: 'justify-end',\n      between: 'justify-between',\n      around: 'justify-around',\n      evenly: 'justify-evenly',\n      stretch: 'justify-stretch',\n    },\n    align: {\n      start: 'items-start',\n      center: 'items-center',\n      end: 'items-end',\n      baseline: 'items-baseline',\n      stretch: 'items-stretch',\n    },\n  },\n  defaultVariants: {\n    vertical: false,\n    wrap: true,\n    width: 'fit',\n    margin: 'none',\n    padding: 'sm',\n    gap: 'xs',\n    justify: 'start',\n    align: 'center',\n  },\n});\n\ntype Props = {\n  /** Additional Tailwind classes merged on top of the variant-generated classes. */\n  className?: string;\n  /**\n   * Stacks children vertically (`flex-col`) when `true`, horizontally (`flex-row`) when `false`.\n   * @default false\n   */\n  vertical?: boolean;\n  /**\n   * Controls the width of the flex container.\n   * - `'full'` — `w-full`\n   * - `'auto'` — `w-auto`\n   * - `'fit'`  — `w-fit` (default)\n   * - `'screen'` — `w-screen`\n   * - `'min'` — `w-min`\n   * - `'max'` — `w-max`\n   * - `'null'` — no width utility applied\n   * @default 'fit'\n   */\n  width?: 'full' | 'auto' | 'fit' | 'screen' | 'min' | 'max' | 'null';\n  /**\n   * Allows children to wrap onto multiple lines when `true`.\n   * @default true\n   */\n  wrap?: boolean;\n  /**\n   * Uniform margin applied to the container.\n   * - `'none'` — `m-0` (default)\n   * - `'sm'` — `m-2`\n   * - `'md'` — `m-4`\n   * - `'lg'` — `m-6`\n   * - `'xl'` — `m-8`\n   * @default 'none'\n   */\n  margin?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Uniform padding applied to the container.\n   * - `'none'` — `p-0`\n   * - `'sm'`  — `p-2` (default)\n   * - `'md'`  — `p-4`\n   * - `'lg'`  — `p-6`\n   * - `'xl'`  — `p-8`\n   * @default 'sm'\n   */\n  padding?: 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Gap between child elements.\n   * - `'none'` — `gap-0`\n   * - `'xs'`  — `gap-1` (default)\n   * - `'sm'`  — `gap-2`\n   * - `'md'`  — `gap-4`\n   * - `'lg'`  — `gap-6`\n   * - `'xl'`  — `gap-8`\n   * @default 'xs'\n   */\n  gap?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'none';\n  /**\n   * Justification of children along the main axis (`justify-content`).\n   * @default 'start'\n   */\n  justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' | 'stretch';\n  /**\n   * Alignment of children along the cross axis (`align-items`).\n   * @default 'center'\n   */\n  align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';\n} & VariantProps<typeof flexVariants> &\n  Omit<React.ComponentPropsWithoutRef<'div'>, 'className'>;\n\n/**\n * A flexible, variant-driven flex container built on CVA and TailwindCSS.\n *\n * Any other `div` attribute (`data-slot`, `id`, `role`, `onClick`, ...) is forwarded to the root element.\n *\n * @example\n * ```tsx\n * import { Flex } from '@customafk/lunas-ui/layouts/flex';\n *\n * // Horizontal row with centered children and a medium gap\n * <Flex gap=\"md\" justify=\"between\" align=\"center\">\n *   <span>Left</span>\n *   <span>Right</span>\n * </Flex>\n *\n * // Vertical stack that fills parent width\n * <Flex vertical width=\"full\" gap=\"sm\" padding=\"md\">\n *   <p>First item</p>\n *   <p>Second item</p>\n * </Flex>\n * ```\n */\nexport const Flex = memo(({ vertical, wrap, width, margin, padding, gap, justify, align, className, children, ...rest }: React.PropsWithChildren<Props>) => {\n  return (\n    <div\n      {...rest}\n      className={cn(\n        flexVariants({\n          vertical,\n          width,\n          wrap,\n          margin,\n          padding,\n          gap,\n          justify,\n          align,\n          className,\n        })\n      )}\n    >\n      {children}\n    </div>\n  );\n});\nFlex.displayName = 'Flex';\n"],"mappings":"qLAOA,MAAM,EAAe,EAAI,CAAC,gBAAiB,SAAS,EAAG,CACrD,SAAU,CACR,SAAU,CACR,KAAM,WACN,MAAO,UACT,EACA,MAAO,CACL,KAAM,SACN,KAAM,SACN,IAAK,QACL,OAAQ,WACR,IAAK,QACL,IAAK,QACL,KAAM,EACR,EACA,KAAM,CACJ,KAAM,YACN,MAAO,aACT,EACA,OAAQ,CACN,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,KACR,EACA,QAAS,CACP,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,GAAI,MACJ,KAAM,KACR,EACA,IAAK,CACH,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,GAAI,QACJ,KAAM,OACR,EACA,QAAS,CACP,MAAO,gBACP,OAAQ,iBACR,IAAK,cACL,QAAS,kBACT,OAAQ,iBACR,OAAQ,iBACR,QAAS,iBACX,EACA,MAAO,CACL,MAAO,cACP,OAAQ,eACR,IAAK,YACL,SAAU,iBACV,QAAS,eACX,CACF,EACA,gBAAiB,CACf,SAAU,GACV,KAAM,GACN,MAAO,MACP,OAAQ,OACR,QAAS,KACT,IAAK,KACL,QAAS,QACT,MAAO,QACT,CACF,CAAC,EA6FY,EAAO,GAAM,CAAE,WAAU,OAAM,QAAO,SAAQ,UAAS,MAAK,UAAS,QAAO,YAAW,WAAU,GAAG,KAE7G,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EACT,EAAa,CACX,WACA,QACA,OACA,SACA,UACA,MACA,UACA,QACA,WACF,CAAC,CACH,EAEC,UACE,CAAA,CAER,EACD,EAAK,YAAc"}

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../payment-layout-DDcLanA0.cjs");exports.PaymentLayout=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../payment-layout-C38xIc2X.cjs");exports.PaymentLayout=e.t;

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

@@ -1 +1 @@
-import{t as e}from"../../payment-layout-BSl9DYQA.mjs";export{e as PaymentLayout};
+import{t as e}from"../../payment-layout--b7bhmR1.mjs";export{e as PaymentLayout};

package/dist/layouts/ui-grid.cjs

@@ -1,2 +1,2 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@customafk/react-toolkit/utils"),n=require("react/jsx-runtime");const r={base:{1:`grid-cols-1`,2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`,7:`grid-cols-7`,8:`grid-cols-8`,9:`grid-cols-9`,10:`grid-cols-10`,11:`grid-cols-11`,12:`grid-cols-12`},sm:{1:`@sm/ui-grid:grid-cols-1`,2:`@sm/ui-grid:grid-cols-2`,3:`@sm/ui-grid:grid-cols-3`,4:`@sm/ui-grid:grid-cols-4`,5:`@sm/ui-grid:grid-cols-5`,6:`@sm/ui-grid:grid-cols-6`,7:`@sm/ui-grid:grid-cols-7`,8:`@sm/ui-grid:grid-cols-8`,9:`@sm/ui-grid:grid-cols-9`,10:`@sm/ui-grid:grid-cols-10`,11:`@sm/ui-grid:grid-cols-11`,12:`@sm/ui-grid:grid-cols-12`},md:{1:`@md/ui-grid:grid-cols-1`,2:`@md/ui-grid:grid-cols-2`,3:`@md/ui-grid:grid-cols-3`,4:`@md/ui-grid:grid-cols-4`,5:`@md/ui-grid:grid-cols-5`,6:`@md/ui-grid:grid-cols-6`,7:`@md/ui-grid:grid-cols-7`,8:`@md/ui-grid:grid-cols-8`,9:`@md/ui-grid:grid-cols-9`,10:`@md/ui-grid:grid-cols-10`,11:`@md/ui-grid:grid-cols-11`,12:`@md/ui-grid:grid-cols-12`},lg:{1:`@lg/ui-grid:grid-cols-1`,2:`@lg/ui-grid:grid-cols-2`,3:`@lg/ui-grid:grid-cols-3`,4:`@lg/ui-grid:grid-cols-4`,5:`@lg/ui-grid:grid-cols-5`,6:`@lg/ui-grid:grid-cols-6`,7:`@lg/ui-grid:grid-cols-7`,8:`@lg/ui-grid:grid-cols-8`,9:`@lg/ui-grid:grid-cols-9`,10:`@lg/ui-grid:grid-cols-10`,11:`@lg/ui-grid:grid-cols-11`,12:`@lg/ui-grid:grid-cols-12`},xl:{1:`@xl/ui-grid:grid-cols-1`,2:`@xl/ui-grid:grid-cols-2`,3:`@xl/ui-grid:grid-cols-3`,4:`@xl/ui-grid:grid-cols-4`,5:`@xl/ui-grid:grid-cols-5`,6:`@xl/ui-grid:grid-cols-6`,7:`@xl/ui-grid:grid-cols-7`,8:`@xl/ui-grid:grid-cols-8`,9:`@xl/ui-grid:grid-cols-9`,10:`@xl/ui-grid:grid-cols-10`,11:`@xl/ui-grid:grid-cols-11`,12:`@xl/ui-grid:grid-cols-12`},"2xl":{1:`@2xl/ui-grid:grid-cols-1`,2:`@2xl/ui-grid:grid-cols-2`,3:`@2xl/ui-grid:grid-cols-3`,4:`@2xl/ui-grid:grid-cols-4`,5:`@2xl/ui-grid:grid-cols-5`,6:`@2xl/ui-grid:grid-cols-6`,7:`@2xl/ui-grid:grid-cols-7`,8:`@2xl/ui-grid:grid-cols-8`,9:`@2xl/ui-grid:grid-cols-9`,10:`@2xl/ui-grid:grid-cols-10`,11:`@2xl/ui-grid:grid-cols-11`,12:`@2xl/ui-grid:grid-cols-12`},"3xl":{1:`@3xl/ui-grid:grid-cols-1`,2:`@3xl/ui-grid:grid-cols-2`,3:`@3xl/ui-grid:grid-cols-3`,4:`@3xl/ui-grid:grid-cols-4`,5:`@3xl/ui-grid:grid-cols-5`,6:`@3xl/ui-grid:grid-cols-6`,7:`@3xl/ui-grid:grid-cols-7`,8:`@3xl/ui-grid:grid-cols-8`,9:`@3xl/ui-grid:grid-cols-9`,10:`@3xl/ui-grid:grid-cols-10`,11:`@3xl/ui-grid:grid-cols-11`,12:`@3xl/ui-grid:grid-cols-12`}},i={xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`};function a(e){return typeof e==`number`?[r.base[e]]:Object.entries(e).map(([e,t])=>r[e][t])}const o=(0,e.memo)(({cols:e=12,gap:r=`md`,className:o,children:s})=>(0,n.jsx)(`div`,{"data-slot":`ui-grid`,className:`@container/ui-grid w-full`,children:(0,n.jsx)(`div`,{"data-slot":`ui-grid-columns`,className:(0,t.cn)(`grid w-full`,a(e),i[r],o),children:s})}));o.displayName=`UIGrid`;const s={base:{1:`col-span-1`,2:`col-span-2`,3:`col-span-3`,4:`col-span-4`,5:`col-span-5`,6:`col-span-6`,7:`col-span-7`,8:`col-span-8`,9:`col-span-9`,10:`col-span-10`,11:`col-span-11`,12:`col-span-12`},sm:{1:`@sm/ui-grid:col-span-1`,2:`@sm/ui-grid:col-span-2`,3:`@sm/ui-grid:col-span-3`,4:`@sm/ui-grid:col-span-4`,5:`@sm/ui-grid:col-span-5`,6:`@sm/ui-grid:col-span-6`,7:`@sm/ui-grid:col-span-7`,8:`@sm/ui-grid:col-span-8`,9:`@sm/ui-grid:col-span-9`,10:`@sm/ui-grid:col-span-10`,11:`@sm/ui-grid:col-span-11`,12:`@sm/ui-grid:col-span-12`},md:{1:`@md/ui-grid:col-span-1`,2:`@md/ui-grid:col-span-2`,3:`@md/ui-grid:col-span-3`,4:`@md/ui-grid:col-span-4`,5:`@md/ui-grid:col-span-5`,6:`@md/ui-grid:col-span-6`,7:`@md/ui-grid:col-span-7`,8:`@md/ui-grid:col-span-8`,9:`@md/ui-grid:col-span-9`,10:`@md/ui-grid:col-span-10`,11:`@md/ui-grid:col-span-11`,12:`@md/ui-grid:col-span-12`},lg:{1:`@lg/ui-grid:col-span-1`,2:`@lg/ui-grid:col-span-2`,3:`@lg/ui-grid:col-span-3`,4:`@lg/ui-grid:col-span-4`,5:`@lg/ui-grid:col-span-5`,6:`@lg/ui-grid:col-span-6`,7:`@lg/ui-grid:col-span-7`,8:`@lg/ui-grid:col-span-8`,9:`@lg/ui-grid:col-span-9`,10:`@lg/ui-grid:col-span-10`,11:`@lg/ui-grid:col-span-11`,12:`@lg/ui-grid:col-span-12`},xl:{1:`@xl/ui-grid:col-span-1`,2:`@xl/ui-grid:col-span-2`,3:`@xl/ui-grid:col-span-3`,4:`@xl/ui-grid:col-span-4`,5:`@xl/ui-grid:col-span-5`,6:`@xl/ui-grid:col-span-6`,7:`@xl/ui-grid:col-span-7`,8:`@xl/ui-grid:col-span-8`,9:`@xl/ui-grid:col-span-9`,10:`@xl/ui-grid:col-span-10`,11:`@xl/ui-grid:col-span-11`,12:`@xl/ui-grid:col-span-12`},"2xl":{1:`@2xl/ui-grid:col-span-1`,2:`@2xl/ui-grid:col-span-2`,3:`@2xl/ui-grid:col-span-3`,4:`@2xl/ui-grid:col-span-4`,5:`@2xl/ui-grid:col-span-5`,6:`@2xl/ui-grid:col-span-6`,7:`@2xl/ui-grid:col-span-7`,8:`@2xl/ui-grid:col-span-8`,9:`@2xl/ui-grid:col-span-9`,10:`@2xl/ui-grid:col-span-10`,11:`@2xl/ui-grid:col-span-11`,12:`@2xl/ui-grid:col-span-12`},"3xl":{1:`@3xl/ui-grid:col-span-1`,2:`@3xl/ui-grid:col-span-2`,3:`@3xl/ui-grid:col-span-3`,4:`@3xl/ui-grid:col-span-4`,5:`@3xl/ui-grid:col-span-5`,6:`@3xl/ui-grid:col-span-6`,7:`@3xl/ui-grid:col-span-7`,8:`@3xl/ui-grid:col-span-8`,9:`@3xl/ui-grid:col-span-9`,10:`@3xl/ui-grid:col-span-10`,11:`@3xl/ui-grid:col-span-11`,12:`@3xl/ui-grid:col-span-12`}};function c(e){return typeof e==`number`?[s.base[e]]:Object.entries(e).map(([e,t])=>s[e][t])}const l=(0,e.memo)(({span:r=12,className:i,children:a,suspense:o=!0,fallback:s=null})=>{let l=o?(0,n.jsx)(e.Suspense,{fallback:s,children:a}):a;return(0,n.jsx)(`div`,{"data-slot":`ui-grid-item`,className:(0,t.cn)(c(r),i),children:l})});l.displayName=`UIGridItem`,exports.UIGrid=o,exports.UIGridItem=l;
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react"),t=require("@customafk/react-toolkit/utils"),n=require("react/jsx-runtime");const r={base:{1:`grid-cols-1`,2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`,7:`grid-cols-7`,8:`grid-cols-8`,9:`grid-cols-9`,10:`grid-cols-10`,11:`grid-cols-11`,12:`grid-cols-12`},sm:{1:`@sm/ui-grid:grid-cols-1`,2:`@sm/ui-grid:grid-cols-2`,3:`@sm/ui-grid:grid-cols-3`,4:`@sm/ui-grid:grid-cols-4`,5:`@sm/ui-grid:grid-cols-5`,6:`@sm/ui-grid:grid-cols-6`,7:`@sm/ui-grid:grid-cols-7`,8:`@sm/ui-grid:grid-cols-8`,9:`@sm/ui-grid:grid-cols-9`,10:`@sm/ui-grid:grid-cols-10`,11:`@sm/ui-grid:grid-cols-11`,12:`@sm/ui-grid:grid-cols-12`},md:{1:`@md/ui-grid:grid-cols-1`,2:`@md/ui-grid:grid-cols-2`,3:`@md/ui-grid:grid-cols-3`,4:`@md/ui-grid:grid-cols-4`,5:`@md/ui-grid:grid-cols-5`,6:`@md/ui-grid:grid-cols-6`,7:`@md/ui-grid:grid-cols-7`,8:`@md/ui-grid:grid-cols-8`,9:`@md/ui-grid:grid-cols-9`,10:`@md/ui-grid:grid-cols-10`,11:`@md/ui-grid:grid-cols-11`,12:`@md/ui-grid:grid-cols-12`},lg:{1:`@lg/ui-grid:grid-cols-1`,2:`@lg/ui-grid:grid-cols-2`,3:`@lg/ui-grid:grid-cols-3`,4:`@lg/ui-grid:grid-cols-4`,5:`@lg/ui-grid:grid-cols-5`,6:`@lg/ui-grid:grid-cols-6`,7:`@lg/ui-grid:grid-cols-7`,8:`@lg/ui-grid:grid-cols-8`,9:`@lg/ui-grid:grid-cols-9`,10:`@lg/ui-grid:grid-cols-10`,11:`@lg/ui-grid:grid-cols-11`,12:`@lg/ui-grid:grid-cols-12`},xl:{1:`@xl/ui-grid:grid-cols-1`,2:`@xl/ui-grid:grid-cols-2`,3:`@xl/ui-grid:grid-cols-3`,4:`@xl/ui-grid:grid-cols-4`,5:`@xl/ui-grid:grid-cols-5`,6:`@xl/ui-grid:grid-cols-6`,7:`@xl/ui-grid:grid-cols-7`,8:`@xl/ui-grid:grid-cols-8`,9:`@xl/ui-grid:grid-cols-9`,10:`@xl/ui-grid:grid-cols-10`,11:`@xl/ui-grid:grid-cols-11`,12:`@xl/ui-grid:grid-cols-12`},"2xl":{1:`@2xl/ui-grid:grid-cols-1`,2:`@2xl/ui-grid:grid-cols-2`,3:`@2xl/ui-grid:grid-cols-3`,4:`@2xl/ui-grid:grid-cols-4`,5:`@2xl/ui-grid:grid-cols-5`,6:`@2xl/ui-grid:grid-cols-6`,7:`@2xl/ui-grid:grid-cols-7`,8:`@2xl/ui-grid:grid-cols-8`,9:`@2xl/ui-grid:grid-cols-9`,10:`@2xl/ui-grid:grid-cols-10`,11:`@2xl/ui-grid:grid-cols-11`,12:`@2xl/ui-grid:grid-cols-12`},"3xl":{1:`@3xl/ui-grid:grid-cols-1`,2:`@3xl/ui-grid:grid-cols-2`,3:`@3xl/ui-grid:grid-cols-3`,4:`@3xl/ui-grid:grid-cols-4`,5:`@3xl/ui-grid:grid-cols-5`,6:`@3xl/ui-grid:grid-cols-6`,7:`@3xl/ui-grid:grid-cols-7`,8:`@3xl/ui-grid:grid-cols-8`,9:`@3xl/ui-grid:grid-cols-9`,10:`@3xl/ui-grid:grid-cols-10`,11:`@3xl/ui-grid:grid-cols-11`,12:`@3xl/ui-grid:grid-cols-12`}},i={xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`};function a(e){return typeof e==`number`?[r.base[e]]:Object.entries(e).map(([e,t])=>r[e][t])}const o=(0,e.memo)(({cols:e=12,gap:r=`md`,className:o,children:s,...c})=>(0,n.jsx)(`div`,{"data-slot":`ui-grid`,className:`@container/ui-grid w-full`,children:(0,n.jsx)(`div`,{"data-slot":`ui-grid-columns`,...c,className:(0,t.cn)(`grid w-full`,a(e),i[r],o),children:s})}));o.displayName=`UIGrid`;const s={base:{1:`col-span-1`,2:`col-span-2`,3:`col-span-3`,4:`col-span-4`,5:`col-span-5`,6:`col-span-6`,7:`col-span-7`,8:`col-span-8`,9:`col-span-9`,10:`col-span-10`,11:`col-span-11`,12:`col-span-12`},sm:{1:`@sm/ui-grid:col-span-1`,2:`@sm/ui-grid:col-span-2`,3:`@sm/ui-grid:col-span-3`,4:`@sm/ui-grid:col-span-4`,5:`@sm/ui-grid:col-span-5`,6:`@sm/ui-grid:col-span-6`,7:`@sm/ui-grid:col-span-7`,8:`@sm/ui-grid:col-span-8`,9:`@sm/ui-grid:col-span-9`,10:`@sm/ui-grid:col-span-10`,11:`@sm/ui-grid:col-span-11`,12:`@sm/ui-grid:col-span-12`},md:{1:`@md/ui-grid:col-span-1`,2:`@md/ui-grid:col-span-2`,3:`@md/ui-grid:col-span-3`,4:`@md/ui-grid:col-span-4`,5:`@md/ui-grid:col-span-5`,6:`@md/ui-grid:col-span-6`,7:`@md/ui-grid:col-span-7`,8:`@md/ui-grid:col-span-8`,9:`@md/ui-grid:col-span-9`,10:`@md/ui-grid:col-span-10`,11:`@md/ui-grid:col-span-11`,12:`@md/ui-grid:col-span-12`},lg:{1:`@lg/ui-grid:col-span-1`,2:`@lg/ui-grid:col-span-2`,3:`@lg/ui-grid:col-span-3`,4:`@lg/ui-grid:col-span-4`,5:`@lg/ui-grid:col-span-5`,6:`@lg/ui-grid:col-span-6`,7:`@lg/ui-grid:col-span-7`,8:`@lg/ui-grid:col-span-8`,9:`@lg/ui-grid:col-span-9`,10:`@lg/ui-grid:col-span-10`,11:`@lg/ui-grid:col-span-11`,12:`@lg/ui-grid:col-span-12`},xl:{1:`@xl/ui-grid:col-span-1`,2:`@xl/ui-grid:col-span-2`,3:`@xl/ui-grid:col-span-3`,4:`@xl/ui-grid:col-span-4`,5:`@xl/ui-grid:col-span-5`,6:`@xl/ui-grid:col-span-6`,7:`@xl/ui-grid:col-span-7`,8:`@xl/ui-grid:col-span-8`,9:`@xl/ui-grid:col-span-9`,10:`@xl/ui-grid:col-span-10`,11:`@xl/ui-grid:col-span-11`,12:`@xl/ui-grid:col-span-12`},"2xl":{1:`@2xl/ui-grid:col-span-1`,2:`@2xl/ui-grid:col-span-2`,3:`@2xl/ui-grid:col-span-3`,4:`@2xl/ui-grid:col-span-4`,5:`@2xl/ui-grid:col-span-5`,6:`@2xl/ui-grid:col-span-6`,7:`@2xl/ui-grid:col-span-7`,8:`@2xl/ui-grid:col-span-8`,9:`@2xl/ui-grid:col-span-9`,10:`@2xl/ui-grid:col-span-10`,11:`@2xl/ui-grid:col-span-11`,12:`@2xl/ui-grid:col-span-12`},"3xl":{1:`@3xl/ui-grid:col-span-1`,2:`@3xl/ui-grid:col-span-2`,3:`@3xl/ui-grid:col-span-3`,4:`@3xl/ui-grid:col-span-4`,5:`@3xl/ui-grid:col-span-5`,6:`@3xl/ui-grid:col-span-6`,7:`@3xl/ui-grid:col-span-7`,8:`@3xl/ui-grid:col-span-8`,9:`@3xl/ui-grid:col-span-9`,10:`@3xl/ui-grid:col-span-10`,11:`@3xl/ui-grid:col-span-11`,12:`@3xl/ui-grid:col-span-12`}};function c(e){return typeof e==`number`?[s.base[e]]:Object.entries(e).map(([e,t])=>s[e][t])}const l=(0,e.memo)(({span:r=12,className:i,children:a,suspense:o=!0,fallback:s=null,...l})=>{let u=o?(0,n.jsx)(e.Suspense,{fallback:s,children:a}):a;return(0,n.jsx)(`div`,{"data-slot":`ui-grid-item`,...l,className:(0,t.cn)(c(r),i),children:u})});l.displayName=`UIGridItem`,exports.UIGrid=o,exports.UIGridItem=l;
 //# sourceMappingURL=ui-grid.cjs.map

package/dist/layouts/ui-grid.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui-grid.cjs","names":["Suspense"],"sources":["../../packages/components/layouts/ui-grid.tsx"],"sourcesContent":["'use client';\nimport { memo, Suspense } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Container-query breakpoint keys used by `UIGrid`'s `cols` and `UIGridItem`'s\n * `span`, resolved against the nearest ancestor `@container/ui-grid` (i.e. the\n * grid's own rendered width, not the viewport). These match Tailwind v4's default\n * container-query scale exactly:\n * - `'base'` — always applied, no minimum width (the fallback/mobile-first value).\n * - `'sm'` — applies from **384px** (`24rem`) and up.\n * - `'md'` — applies from **448px** (`28rem`) and up.\n * - `'lg'` — applies from **512px** (`32rem`) and up.\n * - `'xl'` — applies from **576px** (`36rem`) and up.\n * - `'2xl'` — applies from **672px** (`42rem`) and up.\n * - `'3xl'` — applies from **768px** (`48rem`) and up.\n *\n * Whichever breakpoint's minimum width is currently satisfied (in ascending\n * order) wins, same cascade behavior as Tailwind's ordinary `sm:`/`md:`/`lg:`\n * responsive classes.\n */\nexport type TUIGridBreakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';\nexport type TUIGridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TUIGridColsConfig = TUIGridCols | Partial<Record<TUIGridBreakpoint, TUIGridCols>>;\n\n/**\n * Every `grid-cols-N` class this component can emit, per breakpoint, written out\n * literally so Tailwind's JIT scanner can find each one as static text — a\n * dynamically interpolated string (e.g. `` `@${bp}/ui-grid:grid-cols-${n}` ``) would\n * never be picked up and would silently compile to nothing (the exact bug the\n * previous `Grid` component had with its `@8xl`/`@9xl`/`@10xl` classes, which don't\n * exist in Tailwind's default container-query scale).\n */\nconst COLS_CLASS_MAP: Record<TUIGridBreakpoint, Record<TUIGridCols, string>> = {\n  base: {\n    1: 'grid-cols-1',\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n    5: 'grid-cols-5',\n    6: 'grid-cols-6',\n    7: 'grid-cols-7',\n    8: 'grid-cols-8',\n    9: 'grid-cols-9',\n    10: 'grid-cols-10',\n    11: 'grid-cols-11',\n    12: 'grid-cols-12',\n  },\n  sm: {\n    1: '@sm/ui-grid:grid-cols-1',\n    2: '@sm/ui-grid:grid-cols-2',\n    3: '@sm/ui-grid:grid-cols-3',\n    4: '@sm/ui-grid:grid-cols-4',\n    5: '@sm/ui-grid:grid-cols-5',\n    6: '@sm/ui-grid:grid-cols-6',\n    7: '@sm/ui-grid:grid-cols-7',\n    8: '@sm/ui-grid:grid-cols-8',\n    9: '@sm/ui-grid:grid-cols-9',\n    10: '@sm/ui-grid:grid-cols-10',\n    11: '@sm/ui-grid:grid-cols-11',\n    12: '@sm/ui-grid:grid-cols-12',\n  },\n  md: {\n    1: '@md/ui-grid:grid-cols-1',\n    2: '@md/ui-grid:grid-cols-2',\n    3: '@md/ui-grid:grid-cols-3',\n    4: '@md/ui-grid:grid-cols-4',\n    5: '@md/ui-grid:grid-cols-5',\n    6: '@md/ui-grid:grid-cols-6',\n    7: '@md/ui-grid:grid-cols-7',\n    8: '@md/ui-grid:grid-cols-8',\n    9: '@md/ui-grid:grid-cols-9',\n    10: '@md/ui-grid:grid-cols-10',\n    11: '@md/ui-grid:grid-cols-11',\n    12: '@md/ui-grid:grid-cols-12',\n  },\n  lg: {\n    1: '@lg/ui-grid:grid-cols-1',\n    2: '@lg/ui-grid:grid-cols-2',\n    3: '@lg/ui-grid:grid-cols-3',\n    4: '@lg/ui-grid:grid-cols-4',\n    5: '@lg/ui-grid:grid-cols-5',\n    6: '@lg/ui-grid:grid-cols-6',\n    7: '@lg/ui-grid:grid-cols-7',\n    8: '@lg/ui-grid:grid-cols-8',\n    9: '@lg/ui-grid:grid-cols-9',\n    10: '@lg/ui-grid:grid-cols-10',\n    11: '@lg/ui-grid:grid-cols-11',\n    12: '@lg/ui-grid:grid-cols-12',\n  },\n  xl: {\n    1: '@xl/ui-grid:grid-cols-1',\n    2: '@xl/ui-grid:grid-cols-2',\n    3: '@xl/ui-grid:grid-cols-3',\n    4: '@xl/ui-grid:grid-cols-4',\n    5: '@xl/ui-grid:grid-cols-5',\n    6: '@xl/ui-grid:grid-cols-6',\n    7: '@xl/ui-grid:grid-cols-7',\n    8: '@xl/ui-grid:grid-cols-8',\n    9: '@xl/ui-grid:grid-cols-9',\n    10: '@xl/ui-grid:grid-cols-10',\n    11: '@xl/ui-grid:grid-cols-11',\n    12: '@xl/ui-grid:grid-cols-12',\n  },\n  '2xl': {\n    1: '@2xl/ui-grid:grid-cols-1',\n    2: '@2xl/ui-grid:grid-cols-2',\n    3: '@2xl/ui-grid:grid-cols-3',\n    4: '@2xl/ui-grid:grid-cols-4',\n    5: '@2xl/ui-grid:grid-cols-5',\n    6: '@2xl/ui-grid:grid-cols-6',\n    7: '@2xl/ui-grid:grid-cols-7',\n    8: '@2xl/ui-grid:grid-cols-8',\n    9: '@2xl/ui-grid:grid-cols-9',\n    10: '@2xl/ui-grid:grid-cols-10',\n    11: '@2xl/ui-grid:grid-cols-11',\n    12: '@2xl/ui-grid:grid-cols-12',\n  },\n  '3xl': {\n    1: '@3xl/ui-grid:grid-cols-1',\n    2: '@3xl/ui-grid:grid-cols-2',\n    3: '@3xl/ui-grid:grid-cols-3',\n    4: '@3xl/ui-grid:grid-cols-4',\n    5: '@3xl/ui-grid:grid-cols-5',\n    6: '@3xl/ui-grid:grid-cols-6',\n    7: '@3xl/ui-grid:grid-cols-7',\n    8: '@3xl/ui-grid:grid-cols-8',\n    9: '@3xl/ui-grid:grid-cols-9',\n    10: '@3xl/ui-grid:grid-cols-10',\n    11: '@3xl/ui-grid:grid-cols-11',\n    12: '@3xl/ui-grid:grid-cols-12',\n  },\n};\n\nconst GAP_CLASS = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n  none: 'gap-0',\n} as const;\n\nfunction resolveGridColsClasses(cols: TUIGridColsConfig): string[] {\n  if (typeof cols === 'number') return [COLS_CLASS_MAP.base[cols]];\n\n  return (Object.entries(cols) as [TUIGridBreakpoint, TUIGridCols][]).map(([breakpoint, value]) => COLS_CLASS_MAP[breakpoint][value]);\n}\n\ntype UIGridProps = React.PropsWithChildren<{\n  /** Additional Tailwind classes merged on top of the generated classes. */\n  className?: string;\n  /**\n   * Number of base grid columns (`1`–`12`). Every `UIGridItem`'s `span` is\n   * expressed against this same column count at every container width.\n   * - A plain number fixes the column count at every width.\n   * - An object varies the column count as the grid's own rendered width crosses\n   *   each container-query breakpoint (see {@link TUIGridBreakpoint} for the\n   *   exact pixel value of each key) — e.g. \"narrow container → 4 columns, wide\n   *   container → 12 columns\".\n   * @default 12\n   * @example\n   * ```tsx\n   * // 4 cols below 448px, 8 cols from 448px, 12 cols from 512px up\n   * <UIGrid cols={{ base: 4, md: 8, lg: 12 }} />\n   * ```\n   */\n  cols?: TUIGridColsConfig;\n  /**\n   * Gap between grid cells, reusing the same scale as `Flex`'s `gap` prop.\n   * - `'none'` — `gap-0`\n   * - `'xs'` — `gap-1`\n   * - `'sm'` — `gap-2`\n   * - `'md'` — `gap-4` (default)\n   * - `'lg'` — `gap-6`\n   * - `'xl'` — `gap-8`\n   * @default 'md'\n   */\n  gap?: keyof typeof GAP_CLASS;\n}>;\n\n/**\n * A 12-column CSS Grid container with a named `@container` context, so both its\n * own column count and its `UIGridItem` children's `span` can vary based on the\n * grid's own rendered width instead of the viewport.\n *\n * @example\n * ```tsx\n * import { UIGrid, UIGridItem } from '@customafk/lunas-ui/layouts/ui-grid';\n *\n * <UIGrid gap=\"md\" cols={{ base: 4, md: 12 }}>\n *   <UIGridItem span={6}>Left</UIGridItem>\n *   <UIGridItem span={6}>Right</UIGridItem>\n * </UIGrid>\n * ```\n */\nexport const UIGrid = memo(({ cols = 12, gap = 'md', className, children }: UIGridProps) => {\n  // A container-query subject can never be the same element that establishes the\n  // container — `@container/ui-grid` must live on an ancestor of whatever reads\n  // `@sm/ui-grid:` etc., so the responsive `cols` classes need their own inner\n  // element, separate from the one that declares the named container.\n  return (\n    <div data-slot=\"ui-grid\" className=\"@container/ui-grid w-full\">\n      <div data-slot=\"ui-grid-columns\" className={cn('grid w-full', resolveGridColsClasses(cols), GAP_CLASS[gap], className)}>\n        {children}\n      </div>\n    </div>\n  );\n});\nUIGrid.displayName = 'UIGrid';\n\nexport type TUIGridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TUIGridItemSpan = TUIGridSpan | Partial<Record<TUIGridBreakpoint, TUIGridSpan>>;\n\n/**\n * Every `col-span-N` class this component can emit, per breakpoint — same\n * literal-lookup-table reasoning as `COLS_CLASS_MAP` above.\n */\nconst SPAN_CLASS_MAP: Record<TUIGridBreakpoint, Record<TUIGridSpan, string>> = {\n  base: {\n    1: 'col-span-1',\n    2: 'col-span-2',\n    3: 'col-span-3',\n    4: 'col-span-4',\n    5: 'col-span-5',\n    6: 'col-span-6',\n    7: 'col-span-7',\n    8: 'col-span-8',\n    9: 'col-span-9',\n    10: 'col-span-10',\n    11: 'col-span-11',\n    12: 'col-span-12',\n  },\n  sm: {\n    1: '@sm/ui-grid:col-span-1',\n    2: '@sm/ui-grid:col-span-2',\n    3: '@sm/ui-grid:col-span-3',\n    4: '@sm/ui-grid:col-span-4',\n    5: '@sm/ui-grid:col-span-5',\n    6: '@sm/ui-grid:col-span-6',\n    7: '@sm/ui-grid:col-span-7',\n    8: '@sm/ui-grid:col-span-8',\n    9: '@sm/ui-grid:col-span-9',\n    10: '@sm/ui-grid:col-span-10',\n    11: '@sm/ui-grid:col-span-11',\n    12: '@sm/ui-grid:col-span-12',\n  },\n  md: {\n    1: '@md/ui-grid:col-span-1',\n    2: '@md/ui-grid:col-span-2',\n    3: '@md/ui-grid:col-span-3',\n    4: '@md/ui-grid:col-span-4',\n    5: '@md/ui-grid:col-span-5',\n    6: '@md/ui-grid:col-span-6',\n    7: '@md/ui-grid:col-span-7',\n    8: '@md/ui-grid:col-span-8',\n    9: '@md/ui-grid:col-span-9',\n    10: '@md/ui-grid:col-span-10',\n    11: '@md/ui-grid:col-span-11',\n    12: '@md/ui-grid:col-span-12',\n  },\n  lg: {\n    1: '@lg/ui-grid:col-span-1',\n    2: '@lg/ui-grid:col-span-2',\n    3: '@lg/ui-grid:col-span-3',\n    4: '@lg/ui-grid:col-span-4',\n    5: '@lg/ui-grid:col-span-5',\n    6: '@lg/ui-grid:col-span-6',\n    7: '@lg/ui-grid:col-span-7',\n    8: '@lg/ui-grid:col-span-8',\n    9: '@lg/ui-grid:col-span-9',\n    10: '@lg/ui-grid:col-span-10',\n    11: '@lg/ui-grid:col-span-11',\n    12: '@lg/ui-grid:col-span-12',\n  },\n  xl: {\n    1: '@xl/ui-grid:col-span-1',\n    2: '@xl/ui-grid:col-span-2',\n    3: '@xl/ui-grid:col-span-3',\n    4: '@xl/ui-grid:col-span-4',\n    5: '@xl/ui-grid:col-span-5',\n    6: '@xl/ui-grid:col-span-6',\n    7: '@xl/ui-grid:col-span-7',\n    8: '@xl/ui-grid:col-span-8',\n    9: '@xl/ui-grid:col-span-9',\n    10: '@xl/ui-grid:col-span-10',\n    11: '@xl/ui-grid:col-span-11',\n    12: '@xl/ui-grid:col-span-12',\n  },\n  '2xl': {\n    1: '@2xl/ui-grid:col-span-1',\n    2: '@2xl/ui-grid:col-span-2',\n    3: '@2xl/ui-grid:col-span-3',\n    4: '@2xl/ui-grid:col-span-4',\n    5: '@2xl/ui-grid:col-span-5',\n    6: '@2xl/ui-grid:col-span-6',\n    7: '@2xl/ui-grid:col-span-7',\n    8: '@2xl/ui-grid:col-span-8',\n    9: '@2xl/ui-grid:col-span-9',\n    10: '@2xl/ui-grid:col-span-10',\n    11: '@2xl/ui-grid:col-span-11',\n    12: '@2xl/ui-grid:col-span-12',\n  },\n  '3xl': {\n    1: '@3xl/ui-grid:col-span-1',\n    2: '@3xl/ui-grid:col-span-2',\n    3: '@3xl/ui-grid:col-span-3',\n    4: '@3xl/ui-grid:col-span-4',\n    5: '@3xl/ui-grid:col-span-5',\n    6: '@3xl/ui-grid:col-span-6',\n    7: '@3xl/ui-grid:col-span-7',\n    8: '@3xl/ui-grid:col-span-8',\n    9: '@3xl/ui-grid:col-span-9',\n    10: '@3xl/ui-grid:col-span-10',\n    11: '@3xl/ui-grid:col-span-11',\n    12: '@3xl/ui-grid:col-span-12',\n  },\n};\n\nfunction resolveItemSpanClasses(span: TUIGridItemSpan): string[] {\n  if (typeof span === 'number') return [SPAN_CLASS_MAP.base[span]];\n\n  return (Object.entries(span) as [TUIGridBreakpoint, TUIGridSpan][]).map(([breakpoint, value]) => SPAN_CLASS_MAP[breakpoint][value]);\n}\n\ntype UIGridItemProps = React.PropsWithChildren<{\n  /** Additional Tailwind classes merged on top of the span classes. */\n  className?: string;\n  /**\n   * Number of the grid's columns this item should occupy (`1`–`12`).\n   * - A plain number fixes the span at every container width.\n   * - An object varies the span as the *grid's own* rendered width crosses each\n   *   container-query breakpoint (see {@link TUIGridBreakpoint} for the exact\n   *   pixel value of each key), not the viewport.\n   * @default 12\n   * @example\n   * ```tsx\n   * <UIGridItem span={6} />\n   * // full-width below 384px, half from 384px, a third from 448px up\n   * <UIGridItem span={{ base: 12, sm: 6, md: 4 }} />\n   * ```\n   */\n  span?: TUIGridItemSpan;\n  /**\n   * Wraps `children` in a `Suspense` boundary so a lazy-loaded cell (e.g. a\n   * `React.lazy()` component) doesn't block sibling items from rendering.\n   * @default true\n   */\n  suspense?: boolean;\n  /**\n   * Fallback UI shown while suspended children are loading. Only relevant when\n   * `suspense` is `true`.\n   * @default null\n   */\n  fallback?: React.ReactNode;\n}>;\n\n/**\n * A single cell inside a `UIGrid`. Spans `12` of the grid's columns by default\n * (a full-width row) and can vary its span per container-query breakpoint.\n *\n * @example\n * ```tsx\n * import { UIGrid, UIGridItem } from '@customafk/lunas-ui/layouts/ui-grid';\n *\n * <UIGrid>\n *   <UIGridItem span={{ base: 12, md: 6 }} suspense fallback={<Skeleton />}>\n *     <LazyWidget />\n *   </UIGridItem>\n * </UIGrid>\n * ```\n */\nexport const UIGridItem = memo(({ span = 12, className, children, suspense = true, fallback = null }: UIGridItemProps) => {\n  const content = suspense ? <Suspense fallback={fallback}>{children}</Suspense> : children;\n  return (\n    <div data-slot=\"ui-grid-item\" className={cn(resolveItemSpanClasses(span), className)}>\n      {content}\n    </div>\n  );\n});\nUIGridItem.displayName = 'UIGridItem';\n"],"mappings":"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"}
+{"version":3,"file":"ui-grid.cjs","names":["Suspense"],"sources":["../../packages/components/layouts/ui-grid.tsx"],"sourcesContent":["'use client';\nimport { memo, Suspense } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Container-query breakpoint keys used by `UIGrid`'s `cols` and `UIGridItem`'s\n * `span`, resolved against the nearest ancestor `@container/ui-grid` (i.e. the\n * grid's own rendered width, not the viewport). These match Tailwind v4's default\n * container-query scale exactly:\n * - `'base'` — always applied, no minimum width (the fallback/mobile-first value).\n * - `'sm'` — applies from **384px** (`24rem`) and up.\n * - `'md'` — applies from **448px** (`28rem`) and up.\n * - `'lg'` — applies from **512px** (`32rem`) and up.\n * - `'xl'` — applies from **576px** (`36rem`) and up.\n * - `'2xl'` — applies from **672px** (`42rem`) and up.\n * - `'3xl'` — applies from **768px** (`48rem`) and up.\n *\n * Whichever breakpoint's minimum width is currently satisfied (in ascending\n * order) wins, same cascade behavior as Tailwind's ordinary `sm:`/`md:`/`lg:`\n * responsive classes.\n */\nexport type TUIGridBreakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';\nexport type TUIGridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TUIGridColsConfig = TUIGridCols | Partial<Record<TUIGridBreakpoint, TUIGridCols>>;\n\n/**\n * Every `grid-cols-N` class this component can emit, per breakpoint, written out\n * literally so Tailwind's JIT scanner can find each one as static text — a\n * dynamically interpolated string (e.g. `` `@${bp}/ui-grid:grid-cols-${n}` ``) would\n * never be picked up and would silently compile to nothing (the exact bug the\n * previous `Grid` component had with its `@8xl`/`@9xl`/`@10xl` classes, which don't\n * exist in Tailwind's default container-query scale).\n */\nconst COLS_CLASS_MAP: Record<TUIGridBreakpoint, Record<TUIGridCols, string>> = {\n  base: {\n    1: 'grid-cols-1',\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n    5: 'grid-cols-5',\n    6: 'grid-cols-6',\n    7: 'grid-cols-7',\n    8: 'grid-cols-8',\n    9: 'grid-cols-9',\n    10: 'grid-cols-10',\n    11: 'grid-cols-11',\n    12: 'grid-cols-12',\n  },\n  sm: {\n    1: '@sm/ui-grid:grid-cols-1',\n    2: '@sm/ui-grid:grid-cols-2',\n    3: '@sm/ui-grid:grid-cols-3',\n    4: '@sm/ui-grid:grid-cols-4',\n    5: '@sm/ui-grid:grid-cols-5',\n    6: '@sm/ui-grid:grid-cols-6',\n    7: '@sm/ui-grid:grid-cols-7',\n    8: '@sm/ui-grid:grid-cols-8',\n    9: '@sm/ui-grid:grid-cols-9',\n    10: '@sm/ui-grid:grid-cols-10',\n    11: '@sm/ui-grid:grid-cols-11',\n    12: '@sm/ui-grid:grid-cols-12',\n  },\n  md: {\n    1: '@md/ui-grid:grid-cols-1',\n    2: '@md/ui-grid:grid-cols-2',\n    3: '@md/ui-grid:grid-cols-3',\n    4: '@md/ui-grid:grid-cols-4',\n    5: '@md/ui-grid:grid-cols-5',\n    6: '@md/ui-grid:grid-cols-6',\n    7: '@md/ui-grid:grid-cols-7',\n    8: '@md/ui-grid:grid-cols-8',\n    9: '@md/ui-grid:grid-cols-9',\n    10: '@md/ui-grid:grid-cols-10',\n    11: '@md/ui-grid:grid-cols-11',\n    12: '@md/ui-grid:grid-cols-12',\n  },\n  lg: {\n    1: '@lg/ui-grid:grid-cols-1',\n    2: '@lg/ui-grid:grid-cols-2',\n    3: '@lg/ui-grid:grid-cols-3',\n    4: '@lg/ui-grid:grid-cols-4',\n    5: '@lg/ui-grid:grid-cols-5',\n    6: '@lg/ui-grid:grid-cols-6',\n    7: '@lg/ui-grid:grid-cols-7',\n    8: '@lg/ui-grid:grid-cols-8',\n    9: '@lg/ui-grid:grid-cols-9',\n    10: '@lg/ui-grid:grid-cols-10',\n    11: '@lg/ui-grid:grid-cols-11',\n    12: '@lg/ui-grid:grid-cols-12',\n  },\n  xl: {\n    1: '@xl/ui-grid:grid-cols-1',\n    2: '@xl/ui-grid:grid-cols-2',\n    3: '@xl/ui-grid:grid-cols-3',\n    4: '@xl/ui-grid:grid-cols-4',\n    5: '@xl/ui-grid:grid-cols-5',\n    6: '@xl/ui-grid:grid-cols-6',\n    7: '@xl/ui-grid:grid-cols-7',\n    8: '@xl/ui-grid:grid-cols-8',\n    9: '@xl/ui-grid:grid-cols-9',\n    10: '@xl/ui-grid:grid-cols-10',\n    11: '@xl/ui-grid:grid-cols-11',\n    12: '@xl/ui-grid:grid-cols-12',\n  },\n  '2xl': {\n    1: '@2xl/ui-grid:grid-cols-1',\n    2: '@2xl/ui-grid:grid-cols-2',\n    3: '@2xl/ui-grid:grid-cols-3',\n    4: '@2xl/ui-grid:grid-cols-4',\n    5: '@2xl/ui-grid:grid-cols-5',\n    6: '@2xl/ui-grid:grid-cols-6',\n    7: '@2xl/ui-grid:grid-cols-7',\n    8: '@2xl/ui-grid:grid-cols-8',\n    9: '@2xl/ui-grid:grid-cols-9',\n    10: '@2xl/ui-grid:grid-cols-10',\n    11: '@2xl/ui-grid:grid-cols-11',\n    12: '@2xl/ui-grid:grid-cols-12',\n  },\n  '3xl': {\n    1: '@3xl/ui-grid:grid-cols-1',\n    2: '@3xl/ui-grid:grid-cols-2',\n    3: '@3xl/ui-grid:grid-cols-3',\n    4: '@3xl/ui-grid:grid-cols-4',\n    5: '@3xl/ui-grid:grid-cols-5',\n    6: '@3xl/ui-grid:grid-cols-6',\n    7: '@3xl/ui-grid:grid-cols-7',\n    8: '@3xl/ui-grid:grid-cols-8',\n    9: '@3xl/ui-grid:grid-cols-9',\n    10: '@3xl/ui-grid:grid-cols-10',\n    11: '@3xl/ui-grid:grid-cols-11',\n    12: '@3xl/ui-grid:grid-cols-12',\n  },\n};\n\nconst GAP_CLASS = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n  none: 'gap-0',\n} as const;\n\nfunction resolveGridColsClasses(cols: TUIGridColsConfig): string[] {\n  if (typeof cols === 'number') return [COLS_CLASS_MAP.base[cols]];\n\n  return (Object.entries(cols) as [TUIGridBreakpoint, TUIGridCols][]).map(([breakpoint, value]) => COLS_CLASS_MAP[breakpoint][value]);\n}\n\ntype UIGridProps = React.PropsWithChildren<{\n  /** Additional Tailwind classes merged on top of the generated classes. */\n  className?: string;\n  /**\n   * Number of base grid columns (`1`–`12`). Every `UIGridItem`'s `span` is\n   * expressed against this same column count at every container width.\n   * - A plain number fixes the column count at every width.\n   * - An object varies the column count as the grid's own rendered width crosses\n   *   each container-query breakpoint (see {@link TUIGridBreakpoint} for the\n   *   exact pixel value of each key) — e.g. \"narrow container → 4 columns, wide\n   *   container → 12 columns\".\n   * @default 12\n   * @example\n   * ```tsx\n   * // 4 cols below 448px, 8 cols from 448px, 12 cols from 512px up\n   * <UIGrid cols={{ base: 4, md: 8, lg: 12 }} />\n   * ```\n   */\n  cols?: TUIGridColsConfig;\n  /**\n   * Gap between grid cells, reusing the same scale as `Flex`'s `gap` prop.\n   * - `'none'` — `gap-0`\n   * - `'xs'` — `gap-1`\n   * - `'sm'` — `gap-2`\n   * - `'md'` — `gap-4` (default)\n   * - `'lg'` — `gap-6`\n   * - `'xl'` — `gap-8`\n   * @default 'md'\n   */\n  gap?: keyof typeof GAP_CLASS;\n}> &\n  Omit<React.ComponentPropsWithoutRef<'div'>, 'className'>;\n\n/**\n * A 12-column CSS Grid container with a named `@container` context, so both its\n * own column count and its `UIGridItem` children's `span` can vary based on the\n * grid's own rendered width instead of the viewport.\n *\n * @example\n * ```tsx\n * import { UIGrid, UIGridItem } from '@customafk/lunas-ui/layouts/ui-grid';\n *\n * <UIGrid gap=\"md\" cols={{ base: 4, md: 12 }}>\n *   <UIGridItem span={6}>Left</UIGridItem>\n *   <UIGridItem span={6}>Right</UIGridItem>\n * </UIGrid>\n * ```\n */\nexport const UIGrid = memo(({ cols = 12, gap = 'md', className, children, ...rest }: UIGridProps) => {\n  // A container-query subject can never be the same element that establishes the\n  // container — `@container/ui-grid` must live on an ancestor of whatever reads\n  // `@sm/ui-grid:` etc., so the responsive `cols` classes need their own inner\n  // element, separate from the one that declares the named container.\n  return (\n    <div data-slot=\"ui-grid\" className=\"@container/ui-grid w-full\">\n      <div data-slot=\"ui-grid-columns\" {...rest} className={cn('grid w-full', resolveGridColsClasses(cols), GAP_CLASS[gap], className)}>\n        {children}\n      </div>\n    </div>\n  );\n});\nUIGrid.displayName = 'UIGrid';\n\nexport type TUIGridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TUIGridItemSpan = TUIGridSpan | Partial<Record<TUIGridBreakpoint, TUIGridSpan>>;\n\n/**\n * Every `col-span-N` class this component can emit, per breakpoint — same\n * literal-lookup-table reasoning as `COLS_CLASS_MAP` above.\n */\nconst SPAN_CLASS_MAP: Record<TUIGridBreakpoint, Record<TUIGridSpan, string>> = {\n  base: {\n    1: 'col-span-1',\n    2: 'col-span-2',\n    3: 'col-span-3',\n    4: 'col-span-4',\n    5: 'col-span-5',\n    6: 'col-span-6',\n    7: 'col-span-7',\n    8: 'col-span-8',\n    9: 'col-span-9',\n    10: 'col-span-10',\n    11: 'col-span-11',\n    12: 'col-span-12',\n  },\n  sm: {\n    1: '@sm/ui-grid:col-span-1',\n    2: '@sm/ui-grid:col-span-2',\n    3: '@sm/ui-grid:col-span-3',\n    4: '@sm/ui-grid:col-span-4',\n    5: '@sm/ui-grid:col-span-5',\n    6: '@sm/ui-grid:col-span-6',\n    7: '@sm/ui-grid:col-span-7',\n    8: '@sm/ui-grid:col-span-8',\n    9: '@sm/ui-grid:col-span-9',\n    10: '@sm/ui-grid:col-span-10',\n    11: '@sm/ui-grid:col-span-11',\n    12: '@sm/ui-grid:col-span-12',\n  },\n  md: {\n    1: '@md/ui-grid:col-span-1',\n    2: '@md/ui-grid:col-span-2',\n    3: '@md/ui-grid:col-span-3',\n    4: '@md/ui-grid:col-span-4',\n    5: '@md/ui-grid:col-span-5',\n    6: '@md/ui-grid:col-span-6',\n    7: '@md/ui-grid:col-span-7',\n    8: '@md/ui-grid:col-span-8',\n    9: '@md/ui-grid:col-span-9',\n    10: '@md/ui-grid:col-span-10',\n    11: '@md/ui-grid:col-span-11',\n    12: '@md/ui-grid:col-span-12',\n  },\n  lg: {\n    1: '@lg/ui-grid:col-span-1',\n    2: '@lg/ui-grid:col-span-2',\n    3: '@lg/ui-grid:col-span-3',\n    4: '@lg/ui-grid:col-span-4',\n    5: '@lg/ui-grid:col-span-5',\n    6: '@lg/ui-grid:col-span-6',\n    7: '@lg/ui-grid:col-span-7',\n    8: '@lg/ui-grid:col-span-8',\n    9: '@lg/ui-grid:col-span-9',\n    10: '@lg/ui-grid:col-span-10',\n    11: '@lg/ui-grid:col-span-11',\n    12: '@lg/ui-grid:col-span-12',\n  },\n  xl: {\n    1: '@xl/ui-grid:col-span-1',\n    2: '@xl/ui-grid:col-span-2',\n    3: '@xl/ui-grid:col-span-3',\n    4: '@xl/ui-grid:col-span-4',\n    5: '@xl/ui-grid:col-span-5',\n    6: '@xl/ui-grid:col-span-6',\n    7: '@xl/ui-grid:col-span-7',\n    8: '@xl/ui-grid:col-span-8',\n    9: '@xl/ui-grid:col-span-9',\n    10: '@xl/ui-grid:col-span-10',\n    11: '@xl/ui-grid:col-span-11',\n    12: '@xl/ui-grid:col-span-12',\n  },\n  '2xl': {\n    1: '@2xl/ui-grid:col-span-1',\n    2: '@2xl/ui-grid:col-span-2',\n    3: '@2xl/ui-grid:col-span-3',\n    4: '@2xl/ui-grid:col-span-4',\n    5: '@2xl/ui-grid:col-span-5',\n    6: '@2xl/ui-grid:col-span-6',\n    7: '@2xl/ui-grid:col-span-7',\n    8: '@2xl/ui-grid:col-span-8',\n    9: '@2xl/ui-grid:col-span-9',\n    10: '@2xl/ui-grid:col-span-10',\n    11: '@2xl/ui-grid:col-span-11',\n    12: '@2xl/ui-grid:col-span-12',\n  },\n  '3xl': {\n    1: '@3xl/ui-grid:col-span-1',\n    2: '@3xl/ui-grid:col-span-2',\n    3: '@3xl/ui-grid:col-span-3',\n    4: '@3xl/ui-grid:col-span-4',\n    5: '@3xl/ui-grid:col-span-5',\n    6: '@3xl/ui-grid:col-span-6',\n    7: '@3xl/ui-grid:col-span-7',\n    8: '@3xl/ui-grid:col-span-8',\n    9: '@3xl/ui-grid:col-span-9',\n    10: '@3xl/ui-grid:col-span-10',\n    11: '@3xl/ui-grid:col-span-11',\n    12: '@3xl/ui-grid:col-span-12',\n  },\n};\n\nfunction resolveItemSpanClasses(span: TUIGridItemSpan): string[] {\n  if (typeof span === 'number') return [SPAN_CLASS_MAP.base[span]];\n\n  return (Object.entries(span) as [TUIGridBreakpoint, TUIGridSpan][]).map(([breakpoint, value]) => SPAN_CLASS_MAP[breakpoint][value]);\n}\n\ntype UIGridItemProps = React.PropsWithChildren<{\n  /** Additional Tailwind classes merged on top of the span classes. */\n  className?: string;\n  /**\n   * Number of the grid's columns this item should occupy (`1`–`12`).\n   * - A plain number fixes the span at every container width.\n   * - An object varies the span as the *grid's own* rendered width crosses each\n   *   container-query breakpoint (see {@link TUIGridBreakpoint} for the exact\n   *   pixel value of each key), not the viewport.\n   * @default 12\n   * @example\n   * ```tsx\n   * <UIGridItem span={6} />\n   * // full-width below 384px, half from 384px, a third from 448px up\n   * <UIGridItem span={{ base: 12, sm: 6, md: 4 }} />\n   * ```\n   */\n  span?: TUIGridItemSpan;\n  /**\n   * Wraps `children` in a `Suspense` boundary so a lazy-loaded cell (e.g. a\n   * `React.lazy()` component) doesn't block sibling items from rendering.\n   * @default true\n   */\n  suspense?: boolean;\n  /**\n   * Fallback UI shown while suspended children are loading. Only relevant when\n   * `suspense` is `true`.\n   * @default null\n   */\n  fallback?: React.ReactNode;\n}> &\n  Omit<React.ComponentPropsWithoutRef<'div'>, 'className'>;\n\n/**\n * A single cell inside a `UIGrid`. Spans `12` of the grid's columns by default\n * (a full-width row) and can vary its span per container-query breakpoint.\n *\n * @example\n * ```tsx\n * import { UIGrid, UIGridItem } from '@customafk/lunas-ui/layouts/ui-grid';\n *\n * <UIGrid>\n *   <UIGridItem span={{ base: 12, md: 6 }} suspense fallback={<Skeleton />}>\n *     <LazyWidget />\n *   </UIGridItem>\n * </UIGrid>\n * ```\n */\nexport const UIGridItem = memo(({ span = 12, className, children, suspense = true, fallback = null, ...rest }: UIGridItemProps) => {\n  const content = suspense ? <Suspense fallback={fallback}>{children}</Suspense> : children;\n  return (\n    <div data-slot=\"ui-grid-item\" {...rest} className={cn(resolveItemSpanClasses(span), className)}>\n      {content}\n    </div>\n  );\n});\nUIGridItem.displayName = 'UIGridItem';\n"],"mappings":"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"}

package/dist/layouts/ui-grid.d.cts

@@ -1,2 +1,2 @@
-import { a as TUIGridSpan, i as TUIGridItemSpan, n as TUIGridCols, o as UIGrid, r as TUIGridColsConfig, s as UIGridItem, t as TUIGridBreakpoint } from "../ui-grid-CzL5J7cm.cjs";
+import { a as TUIGridSpan, i as TUIGridItemSpan, n as TUIGridCols, o as UIGrid, r as TUIGridColsConfig, s as UIGridItem, t as TUIGridBreakpoint } from "../ui-grid-D1-Ponqs.cjs";
 export { TUIGridBreakpoint, TUIGridCols, TUIGridColsConfig, TUIGridItemSpan, TUIGridSpan, UIGrid, UIGridItem };

package/dist/layouts/ui-grid.d.mts

@@ -1,2 +1,2 @@
-import { a as TUIGridSpan, i as TUIGridItemSpan, n as TUIGridCols, o as UIGrid, r as TUIGridColsConfig, s as UIGridItem, t as TUIGridBreakpoint } from "../ui-grid-CzL5J7cm.mjs";
+import { a as TUIGridSpan, i as TUIGridItemSpan, n as TUIGridCols, o as UIGrid, r as TUIGridColsConfig, s as UIGridItem, t as TUIGridBreakpoint } from "../ui-grid-D1-Ponqs.mjs";
 export { TUIGridBreakpoint, TUIGridCols, TUIGridColsConfig, TUIGridItemSpan, TUIGridSpan, UIGrid, UIGridItem };

package/dist/layouts/ui-grid.mjs

@@ -1,2 +1,2 @@
-"use client";import{Suspense as e,memo as t}from"react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r}from"react/jsx-runtime";const i={base:{1:`grid-cols-1`,2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`,7:`grid-cols-7`,8:`grid-cols-8`,9:`grid-cols-9`,10:`grid-cols-10`,11:`grid-cols-11`,12:`grid-cols-12`},sm:{1:`@sm/ui-grid:grid-cols-1`,2:`@sm/ui-grid:grid-cols-2`,3:`@sm/ui-grid:grid-cols-3`,4:`@sm/ui-grid:grid-cols-4`,5:`@sm/ui-grid:grid-cols-5`,6:`@sm/ui-grid:grid-cols-6`,7:`@sm/ui-grid:grid-cols-7`,8:`@sm/ui-grid:grid-cols-8`,9:`@sm/ui-grid:grid-cols-9`,10:`@sm/ui-grid:grid-cols-10`,11:`@sm/ui-grid:grid-cols-11`,12:`@sm/ui-grid:grid-cols-12`},md:{1:`@md/ui-grid:grid-cols-1`,2:`@md/ui-grid:grid-cols-2`,3:`@md/ui-grid:grid-cols-3`,4:`@md/ui-grid:grid-cols-4`,5:`@md/ui-grid:grid-cols-5`,6:`@md/ui-grid:grid-cols-6`,7:`@md/ui-grid:grid-cols-7`,8:`@md/ui-grid:grid-cols-8`,9:`@md/ui-grid:grid-cols-9`,10:`@md/ui-grid:grid-cols-10`,11:`@md/ui-grid:grid-cols-11`,12:`@md/ui-grid:grid-cols-12`},lg:{1:`@lg/ui-grid:grid-cols-1`,2:`@lg/ui-grid:grid-cols-2`,3:`@lg/ui-grid:grid-cols-3`,4:`@lg/ui-grid:grid-cols-4`,5:`@lg/ui-grid:grid-cols-5`,6:`@lg/ui-grid:grid-cols-6`,7:`@lg/ui-grid:grid-cols-7`,8:`@lg/ui-grid:grid-cols-8`,9:`@lg/ui-grid:grid-cols-9`,10:`@lg/ui-grid:grid-cols-10`,11:`@lg/ui-grid:grid-cols-11`,12:`@lg/ui-grid:grid-cols-12`},xl:{1:`@xl/ui-grid:grid-cols-1`,2:`@xl/ui-grid:grid-cols-2`,3:`@xl/ui-grid:grid-cols-3`,4:`@xl/ui-grid:grid-cols-4`,5:`@xl/ui-grid:grid-cols-5`,6:`@xl/ui-grid:grid-cols-6`,7:`@xl/ui-grid:grid-cols-7`,8:`@xl/ui-grid:grid-cols-8`,9:`@xl/ui-grid:grid-cols-9`,10:`@xl/ui-grid:grid-cols-10`,11:`@xl/ui-grid:grid-cols-11`,12:`@xl/ui-grid:grid-cols-12`},"2xl":{1:`@2xl/ui-grid:grid-cols-1`,2:`@2xl/ui-grid:grid-cols-2`,3:`@2xl/ui-grid:grid-cols-3`,4:`@2xl/ui-grid:grid-cols-4`,5:`@2xl/ui-grid:grid-cols-5`,6:`@2xl/ui-grid:grid-cols-6`,7:`@2xl/ui-grid:grid-cols-7`,8:`@2xl/ui-grid:grid-cols-8`,9:`@2xl/ui-grid:grid-cols-9`,10:`@2xl/ui-grid:grid-cols-10`,11:`@2xl/ui-grid:grid-cols-11`,12:`@2xl/ui-grid:grid-cols-12`},"3xl":{1:`@3xl/ui-grid:grid-cols-1`,2:`@3xl/ui-grid:grid-cols-2`,3:`@3xl/ui-grid:grid-cols-3`,4:`@3xl/ui-grid:grid-cols-4`,5:`@3xl/ui-grid:grid-cols-5`,6:`@3xl/ui-grid:grid-cols-6`,7:`@3xl/ui-grid:grid-cols-7`,8:`@3xl/ui-grid:grid-cols-8`,9:`@3xl/ui-grid:grid-cols-9`,10:`@3xl/ui-grid:grid-cols-10`,11:`@3xl/ui-grid:grid-cols-11`,12:`@3xl/ui-grid:grid-cols-12`}},a={xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`};function o(e){return typeof e==`number`?[i.base[e]]:Object.entries(e).map(([e,t])=>i[e][t])}const s=t(({cols:e=12,gap:t=`md`,className:i,children:s})=>r(`div`,{"data-slot":`ui-grid`,className:`@container/ui-grid w-full`,children:r(`div`,{"data-slot":`ui-grid-columns`,className:n(`grid w-full`,o(e),a[t],i),children:s})}));s.displayName=`UIGrid`;const c={base:{1:`col-span-1`,2:`col-span-2`,3:`col-span-3`,4:`col-span-4`,5:`col-span-5`,6:`col-span-6`,7:`col-span-7`,8:`col-span-8`,9:`col-span-9`,10:`col-span-10`,11:`col-span-11`,12:`col-span-12`},sm:{1:`@sm/ui-grid:col-span-1`,2:`@sm/ui-grid:col-span-2`,3:`@sm/ui-grid:col-span-3`,4:`@sm/ui-grid:col-span-4`,5:`@sm/ui-grid:col-span-5`,6:`@sm/ui-grid:col-span-6`,7:`@sm/ui-grid:col-span-7`,8:`@sm/ui-grid:col-span-8`,9:`@sm/ui-grid:col-span-9`,10:`@sm/ui-grid:col-span-10`,11:`@sm/ui-grid:col-span-11`,12:`@sm/ui-grid:col-span-12`},md:{1:`@md/ui-grid:col-span-1`,2:`@md/ui-grid:col-span-2`,3:`@md/ui-grid:col-span-3`,4:`@md/ui-grid:col-span-4`,5:`@md/ui-grid:col-span-5`,6:`@md/ui-grid:col-span-6`,7:`@md/ui-grid:col-span-7`,8:`@md/ui-grid:col-span-8`,9:`@md/ui-grid:col-span-9`,10:`@md/ui-grid:col-span-10`,11:`@md/ui-grid:col-span-11`,12:`@md/ui-grid:col-span-12`},lg:{1:`@lg/ui-grid:col-span-1`,2:`@lg/ui-grid:col-span-2`,3:`@lg/ui-grid:col-span-3`,4:`@lg/ui-grid:col-span-4`,5:`@lg/ui-grid:col-span-5`,6:`@lg/ui-grid:col-span-6`,7:`@lg/ui-grid:col-span-7`,8:`@lg/ui-grid:col-span-8`,9:`@lg/ui-grid:col-span-9`,10:`@lg/ui-grid:col-span-10`,11:`@lg/ui-grid:col-span-11`,12:`@lg/ui-grid:col-span-12`},xl:{1:`@xl/ui-grid:col-span-1`,2:`@xl/ui-grid:col-span-2`,3:`@xl/ui-grid:col-span-3`,4:`@xl/ui-grid:col-span-4`,5:`@xl/ui-grid:col-span-5`,6:`@xl/ui-grid:col-span-6`,7:`@xl/ui-grid:col-span-7`,8:`@xl/ui-grid:col-span-8`,9:`@xl/ui-grid:col-span-9`,10:`@xl/ui-grid:col-span-10`,11:`@xl/ui-grid:col-span-11`,12:`@xl/ui-grid:col-span-12`},"2xl":{1:`@2xl/ui-grid:col-span-1`,2:`@2xl/ui-grid:col-span-2`,3:`@2xl/ui-grid:col-span-3`,4:`@2xl/ui-grid:col-span-4`,5:`@2xl/ui-grid:col-span-5`,6:`@2xl/ui-grid:col-span-6`,7:`@2xl/ui-grid:col-span-7`,8:`@2xl/ui-grid:col-span-8`,9:`@2xl/ui-grid:col-span-9`,10:`@2xl/ui-grid:col-span-10`,11:`@2xl/ui-grid:col-span-11`,12:`@2xl/ui-grid:col-span-12`},"3xl":{1:`@3xl/ui-grid:col-span-1`,2:`@3xl/ui-grid:col-span-2`,3:`@3xl/ui-grid:col-span-3`,4:`@3xl/ui-grid:col-span-4`,5:`@3xl/ui-grid:col-span-5`,6:`@3xl/ui-grid:col-span-6`,7:`@3xl/ui-grid:col-span-7`,8:`@3xl/ui-grid:col-span-8`,9:`@3xl/ui-grid:col-span-9`,10:`@3xl/ui-grid:col-span-10`,11:`@3xl/ui-grid:col-span-11`,12:`@3xl/ui-grid:col-span-12`}};function l(e){return typeof e==`number`?[c.base[e]]:Object.entries(e).map(([e,t])=>c[e][t])}const u=t(({span:t=12,className:i,children:a,suspense:o=!0,fallback:s=null})=>{let c=o?r(e,{fallback:s,children:a}):a;return r(`div`,{"data-slot":`ui-grid-item`,className:n(l(t),i),children:c})});u.displayName=`UIGridItem`;export{s as UIGrid,u as UIGridItem};
+"use client";import{Suspense as e,memo as t}from"react";import{cn as n}from"@customafk/react-toolkit/utils";import{jsx as r}from"react/jsx-runtime";const i={base:{1:`grid-cols-1`,2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`,7:`grid-cols-7`,8:`grid-cols-8`,9:`grid-cols-9`,10:`grid-cols-10`,11:`grid-cols-11`,12:`grid-cols-12`},sm:{1:`@sm/ui-grid:grid-cols-1`,2:`@sm/ui-grid:grid-cols-2`,3:`@sm/ui-grid:grid-cols-3`,4:`@sm/ui-grid:grid-cols-4`,5:`@sm/ui-grid:grid-cols-5`,6:`@sm/ui-grid:grid-cols-6`,7:`@sm/ui-grid:grid-cols-7`,8:`@sm/ui-grid:grid-cols-8`,9:`@sm/ui-grid:grid-cols-9`,10:`@sm/ui-grid:grid-cols-10`,11:`@sm/ui-grid:grid-cols-11`,12:`@sm/ui-grid:grid-cols-12`},md:{1:`@md/ui-grid:grid-cols-1`,2:`@md/ui-grid:grid-cols-2`,3:`@md/ui-grid:grid-cols-3`,4:`@md/ui-grid:grid-cols-4`,5:`@md/ui-grid:grid-cols-5`,6:`@md/ui-grid:grid-cols-6`,7:`@md/ui-grid:grid-cols-7`,8:`@md/ui-grid:grid-cols-8`,9:`@md/ui-grid:grid-cols-9`,10:`@md/ui-grid:grid-cols-10`,11:`@md/ui-grid:grid-cols-11`,12:`@md/ui-grid:grid-cols-12`},lg:{1:`@lg/ui-grid:grid-cols-1`,2:`@lg/ui-grid:grid-cols-2`,3:`@lg/ui-grid:grid-cols-3`,4:`@lg/ui-grid:grid-cols-4`,5:`@lg/ui-grid:grid-cols-5`,6:`@lg/ui-grid:grid-cols-6`,7:`@lg/ui-grid:grid-cols-7`,8:`@lg/ui-grid:grid-cols-8`,9:`@lg/ui-grid:grid-cols-9`,10:`@lg/ui-grid:grid-cols-10`,11:`@lg/ui-grid:grid-cols-11`,12:`@lg/ui-grid:grid-cols-12`},xl:{1:`@xl/ui-grid:grid-cols-1`,2:`@xl/ui-grid:grid-cols-2`,3:`@xl/ui-grid:grid-cols-3`,4:`@xl/ui-grid:grid-cols-4`,5:`@xl/ui-grid:grid-cols-5`,6:`@xl/ui-grid:grid-cols-6`,7:`@xl/ui-grid:grid-cols-7`,8:`@xl/ui-grid:grid-cols-8`,9:`@xl/ui-grid:grid-cols-9`,10:`@xl/ui-grid:grid-cols-10`,11:`@xl/ui-grid:grid-cols-11`,12:`@xl/ui-grid:grid-cols-12`},"2xl":{1:`@2xl/ui-grid:grid-cols-1`,2:`@2xl/ui-grid:grid-cols-2`,3:`@2xl/ui-grid:grid-cols-3`,4:`@2xl/ui-grid:grid-cols-4`,5:`@2xl/ui-grid:grid-cols-5`,6:`@2xl/ui-grid:grid-cols-6`,7:`@2xl/ui-grid:grid-cols-7`,8:`@2xl/ui-grid:grid-cols-8`,9:`@2xl/ui-grid:grid-cols-9`,10:`@2xl/ui-grid:grid-cols-10`,11:`@2xl/ui-grid:grid-cols-11`,12:`@2xl/ui-grid:grid-cols-12`},"3xl":{1:`@3xl/ui-grid:grid-cols-1`,2:`@3xl/ui-grid:grid-cols-2`,3:`@3xl/ui-grid:grid-cols-3`,4:`@3xl/ui-grid:grid-cols-4`,5:`@3xl/ui-grid:grid-cols-5`,6:`@3xl/ui-grid:grid-cols-6`,7:`@3xl/ui-grid:grid-cols-7`,8:`@3xl/ui-grid:grid-cols-8`,9:`@3xl/ui-grid:grid-cols-9`,10:`@3xl/ui-grid:grid-cols-10`,11:`@3xl/ui-grid:grid-cols-11`,12:`@3xl/ui-grid:grid-cols-12`}},a={xs:`gap-1`,sm:`gap-2`,md:`gap-4`,lg:`gap-6`,xl:`gap-8`,none:`gap-0`};function o(e){return typeof e==`number`?[i.base[e]]:Object.entries(e).map(([e,t])=>i[e][t])}const s=t(({cols:e=12,gap:t=`md`,className:i,children:s,...c})=>r(`div`,{"data-slot":`ui-grid`,className:`@container/ui-grid w-full`,children:r(`div`,{"data-slot":`ui-grid-columns`,...c,className:n(`grid w-full`,o(e),a[t],i),children:s})}));s.displayName=`UIGrid`;const c={base:{1:`col-span-1`,2:`col-span-2`,3:`col-span-3`,4:`col-span-4`,5:`col-span-5`,6:`col-span-6`,7:`col-span-7`,8:`col-span-8`,9:`col-span-9`,10:`col-span-10`,11:`col-span-11`,12:`col-span-12`},sm:{1:`@sm/ui-grid:col-span-1`,2:`@sm/ui-grid:col-span-2`,3:`@sm/ui-grid:col-span-3`,4:`@sm/ui-grid:col-span-4`,5:`@sm/ui-grid:col-span-5`,6:`@sm/ui-grid:col-span-6`,7:`@sm/ui-grid:col-span-7`,8:`@sm/ui-grid:col-span-8`,9:`@sm/ui-grid:col-span-9`,10:`@sm/ui-grid:col-span-10`,11:`@sm/ui-grid:col-span-11`,12:`@sm/ui-grid:col-span-12`},md:{1:`@md/ui-grid:col-span-1`,2:`@md/ui-grid:col-span-2`,3:`@md/ui-grid:col-span-3`,4:`@md/ui-grid:col-span-4`,5:`@md/ui-grid:col-span-5`,6:`@md/ui-grid:col-span-6`,7:`@md/ui-grid:col-span-7`,8:`@md/ui-grid:col-span-8`,9:`@md/ui-grid:col-span-9`,10:`@md/ui-grid:col-span-10`,11:`@md/ui-grid:col-span-11`,12:`@md/ui-grid:col-span-12`},lg:{1:`@lg/ui-grid:col-span-1`,2:`@lg/ui-grid:col-span-2`,3:`@lg/ui-grid:col-span-3`,4:`@lg/ui-grid:col-span-4`,5:`@lg/ui-grid:col-span-5`,6:`@lg/ui-grid:col-span-6`,7:`@lg/ui-grid:col-span-7`,8:`@lg/ui-grid:col-span-8`,9:`@lg/ui-grid:col-span-9`,10:`@lg/ui-grid:col-span-10`,11:`@lg/ui-grid:col-span-11`,12:`@lg/ui-grid:col-span-12`},xl:{1:`@xl/ui-grid:col-span-1`,2:`@xl/ui-grid:col-span-2`,3:`@xl/ui-grid:col-span-3`,4:`@xl/ui-grid:col-span-4`,5:`@xl/ui-grid:col-span-5`,6:`@xl/ui-grid:col-span-6`,7:`@xl/ui-grid:col-span-7`,8:`@xl/ui-grid:col-span-8`,9:`@xl/ui-grid:col-span-9`,10:`@xl/ui-grid:col-span-10`,11:`@xl/ui-grid:col-span-11`,12:`@xl/ui-grid:col-span-12`},"2xl":{1:`@2xl/ui-grid:col-span-1`,2:`@2xl/ui-grid:col-span-2`,3:`@2xl/ui-grid:col-span-3`,4:`@2xl/ui-grid:col-span-4`,5:`@2xl/ui-grid:col-span-5`,6:`@2xl/ui-grid:col-span-6`,7:`@2xl/ui-grid:col-span-7`,8:`@2xl/ui-grid:col-span-8`,9:`@2xl/ui-grid:col-span-9`,10:`@2xl/ui-grid:col-span-10`,11:`@2xl/ui-grid:col-span-11`,12:`@2xl/ui-grid:col-span-12`},"3xl":{1:`@3xl/ui-grid:col-span-1`,2:`@3xl/ui-grid:col-span-2`,3:`@3xl/ui-grid:col-span-3`,4:`@3xl/ui-grid:col-span-4`,5:`@3xl/ui-grid:col-span-5`,6:`@3xl/ui-grid:col-span-6`,7:`@3xl/ui-grid:col-span-7`,8:`@3xl/ui-grid:col-span-8`,9:`@3xl/ui-grid:col-span-9`,10:`@3xl/ui-grid:col-span-10`,11:`@3xl/ui-grid:col-span-11`,12:`@3xl/ui-grid:col-span-12`}};function l(e){return typeof e==`number`?[c.base[e]]:Object.entries(e).map(([e,t])=>c[e][t])}const u=t(({span:t=12,className:i,children:a,suspense:o=!0,fallback:s=null,...c})=>{let u=o?r(e,{fallback:s,children:a}):a;return r(`div`,{"data-slot":`ui-grid-item`,...c,className:n(l(t),i),children:u})});u.displayName=`UIGridItem`;export{s as UIGrid,u as UIGridItem};
 //# sourceMappingURL=ui-grid.mjs.map

package/dist/layouts/ui-grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ui-grid.mjs","names":[],"sources":["../../packages/components/layouts/ui-grid.tsx"],"sourcesContent":["'use client';\nimport { memo, Suspense } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Container-query breakpoint keys used by `UIGrid`'s `cols` and `UIGridItem`'s\n * `span`, resolved against the nearest ancestor `@container/ui-grid` (i.e. the\n * grid's own rendered width, not the viewport). These match Tailwind v4's default\n * container-query scale exactly:\n * - `'base'` — always applied, no minimum width (the fallback/mobile-first value).\n * - `'sm'` — applies from **384px** (`24rem`) and up.\n * - `'md'` — applies from **448px** (`28rem`) and up.\n * - `'lg'` — applies from **512px** (`32rem`) and up.\n * - `'xl'` — applies from **576px** (`36rem`) and up.\n * - `'2xl'` — applies from **672px** (`42rem`) and up.\n * - `'3xl'` — applies from **768px** (`48rem`) and up.\n *\n * Whichever breakpoint's minimum width is currently satisfied (in ascending\n * order) wins, same cascade behavior as Tailwind's ordinary `sm:`/`md:`/`lg:`\n * responsive classes.\n */\nexport type TUIGridBreakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';\nexport type TUIGridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TUIGridColsConfig = TUIGridCols | Partial<Record<TUIGridBreakpoint, TUIGridCols>>;\n\n/**\n * Every `grid-cols-N` class this component can emit, per breakpoint, written out\n * literally so Tailwind's JIT scanner can find each one as static text — a\n * dynamically interpolated string (e.g. `` `@${bp}/ui-grid:grid-cols-${n}` ``) would\n * never be picked up and would silently compile to nothing (the exact bug the\n * previous `Grid` component had with its `@8xl`/`@9xl`/`@10xl` classes, which don't\n * exist in Tailwind's default container-query scale).\n */\nconst COLS_CLASS_MAP: Record<TUIGridBreakpoint, Record<TUIGridCols, string>> = {\n  base: {\n    1: 'grid-cols-1',\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n    5: 'grid-cols-5',\n    6: 'grid-cols-6',\n    7: 'grid-cols-7',\n    8: 'grid-cols-8',\n    9: 'grid-cols-9',\n    10: 'grid-cols-10',\n    11: 'grid-cols-11',\n    12: 'grid-cols-12',\n  },\n  sm: {\n    1: '@sm/ui-grid:grid-cols-1',\n    2: '@sm/ui-grid:grid-cols-2',\n    3: '@sm/ui-grid:grid-cols-3',\n    4: '@sm/ui-grid:grid-cols-4',\n    5: '@sm/ui-grid:grid-cols-5',\n    6: '@sm/ui-grid:grid-cols-6',\n    7: '@sm/ui-grid:grid-cols-7',\n    8: '@sm/ui-grid:grid-cols-8',\n    9: '@sm/ui-grid:grid-cols-9',\n    10: '@sm/ui-grid:grid-cols-10',\n    11: '@sm/ui-grid:grid-cols-11',\n    12: '@sm/ui-grid:grid-cols-12',\n  },\n  md: {\n    1: '@md/ui-grid:grid-cols-1',\n    2: '@md/ui-grid:grid-cols-2',\n    3: '@md/ui-grid:grid-cols-3',\n    4: '@md/ui-grid:grid-cols-4',\n    5: '@md/ui-grid:grid-cols-5',\n    6: '@md/ui-grid:grid-cols-6',\n    7: '@md/ui-grid:grid-cols-7',\n    8: '@md/ui-grid:grid-cols-8',\n    9: '@md/ui-grid:grid-cols-9',\n    10: '@md/ui-grid:grid-cols-10',\n    11: '@md/ui-grid:grid-cols-11',\n    12: '@md/ui-grid:grid-cols-12',\n  },\n  lg: {\n    1: '@lg/ui-grid:grid-cols-1',\n    2: '@lg/ui-grid:grid-cols-2',\n    3: '@lg/ui-grid:grid-cols-3',\n    4: '@lg/ui-grid:grid-cols-4',\n    5: '@lg/ui-grid:grid-cols-5',\n    6: '@lg/ui-grid:grid-cols-6',\n    7: '@lg/ui-grid:grid-cols-7',\n    8: '@lg/ui-grid:grid-cols-8',\n    9: '@lg/ui-grid:grid-cols-9',\n    10: '@lg/ui-grid:grid-cols-10',\n    11: '@lg/ui-grid:grid-cols-11',\n    12: '@lg/ui-grid:grid-cols-12',\n  },\n  xl: {\n    1: '@xl/ui-grid:grid-cols-1',\n    2: '@xl/ui-grid:grid-cols-2',\n    3: '@xl/ui-grid:grid-cols-3',\n    4: '@xl/ui-grid:grid-cols-4',\n    5: '@xl/ui-grid:grid-cols-5',\n    6: '@xl/ui-grid:grid-cols-6',\n    7: '@xl/ui-grid:grid-cols-7',\n    8: '@xl/ui-grid:grid-cols-8',\n    9: '@xl/ui-grid:grid-cols-9',\n    10: '@xl/ui-grid:grid-cols-10',\n    11: '@xl/ui-grid:grid-cols-11',\n    12: '@xl/ui-grid:grid-cols-12',\n  },\n  '2xl': {\n    1: '@2xl/ui-grid:grid-cols-1',\n    2: '@2xl/ui-grid:grid-cols-2',\n    3: '@2xl/ui-grid:grid-cols-3',\n    4: '@2xl/ui-grid:grid-cols-4',\n    5: '@2xl/ui-grid:grid-cols-5',\n    6: '@2xl/ui-grid:grid-cols-6',\n    7: '@2xl/ui-grid:grid-cols-7',\n    8: '@2xl/ui-grid:grid-cols-8',\n    9: '@2xl/ui-grid:grid-cols-9',\n    10: '@2xl/ui-grid:grid-cols-10',\n    11: '@2xl/ui-grid:grid-cols-11',\n    12: '@2xl/ui-grid:grid-cols-12',\n  },\n  '3xl': {\n    1: '@3xl/ui-grid:grid-cols-1',\n    2: '@3xl/ui-grid:grid-cols-2',\n    3: '@3xl/ui-grid:grid-cols-3',\n    4: '@3xl/ui-grid:grid-cols-4',\n    5: '@3xl/ui-grid:grid-cols-5',\n    6: '@3xl/ui-grid:grid-cols-6',\n    7: '@3xl/ui-grid:grid-cols-7',\n    8: '@3xl/ui-grid:grid-cols-8',\n    9: '@3xl/ui-grid:grid-cols-9',\n    10: '@3xl/ui-grid:grid-cols-10',\n    11: '@3xl/ui-grid:grid-cols-11',\n    12: '@3xl/ui-grid:grid-cols-12',\n  },\n};\n\nconst GAP_CLASS = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n  none: 'gap-0',\n} as const;\n\nfunction resolveGridColsClasses(cols: TUIGridColsConfig): string[] {\n  if (typeof cols === 'number') return [COLS_CLASS_MAP.base[cols]];\n\n  return (Object.entries(cols) as [TUIGridBreakpoint, TUIGridCols][]).map(([breakpoint, value]) => COLS_CLASS_MAP[breakpoint][value]);\n}\n\ntype UIGridProps = React.PropsWithChildren<{\n  /** Additional Tailwind classes merged on top of the generated classes. */\n  className?: string;\n  /**\n   * Number of base grid columns (`1`–`12`). Every `UIGridItem`'s `span` is\n   * expressed against this same column count at every container width.\n   * - A plain number fixes the column count at every width.\n   * - An object varies the column count as the grid's own rendered width crosses\n   *   each container-query breakpoint (see {@link TUIGridBreakpoint} for the\n   *   exact pixel value of each key) — e.g. \"narrow container → 4 columns, wide\n   *   container → 12 columns\".\n   * @default 12\n   * @example\n   * ```tsx\n   * // 4 cols below 448px, 8 cols from 448px, 12 cols from 512px up\n   * <UIGrid cols={{ base: 4, md: 8, lg: 12 }} />\n   * ```\n   */\n  cols?: TUIGridColsConfig;\n  /**\n   * Gap between grid cells, reusing the same scale as `Flex`'s `gap` prop.\n   * - `'none'` — `gap-0`\n   * - `'xs'` — `gap-1`\n   * - `'sm'` — `gap-2`\n   * - `'md'` — `gap-4` (default)\n   * - `'lg'` — `gap-6`\n   * - `'xl'` — `gap-8`\n   * @default 'md'\n   */\n  gap?: keyof typeof GAP_CLASS;\n}>;\n\n/**\n * A 12-column CSS Grid container with a named `@container` context, so both its\n * own column count and its `UIGridItem` children's `span` can vary based on the\n * grid's own rendered width instead of the viewport.\n *\n * @example\n * ```tsx\n * import { UIGrid, UIGridItem } from '@customafk/lunas-ui/layouts/ui-grid';\n *\n * <UIGrid gap=\"md\" cols={{ base: 4, md: 12 }}>\n *   <UIGridItem span={6}>Left</UIGridItem>\n *   <UIGridItem span={6}>Right</UIGridItem>\n * </UIGrid>\n * ```\n */\nexport const UIGrid = memo(({ cols = 12, gap = 'md', className, children }: UIGridProps) => {\n  // A container-query subject can never be the same element that establishes the\n  // container — `@container/ui-grid` must live on an ancestor of whatever reads\n  // `@sm/ui-grid:` etc., so the responsive `cols` classes need their own inner\n  // element, separate from the one that declares the named container.\n  return (\n    <div data-slot=\"ui-grid\" className=\"@container/ui-grid w-full\">\n      <div data-slot=\"ui-grid-columns\" className={cn('grid w-full', resolveGridColsClasses(cols), GAP_CLASS[gap], className)}>\n        {children}\n      </div>\n    </div>\n  );\n});\nUIGrid.displayName = 'UIGrid';\n\nexport type TUIGridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TUIGridItemSpan = TUIGridSpan | Partial<Record<TUIGridBreakpoint, TUIGridSpan>>;\n\n/**\n * Every `col-span-N` class this component can emit, per breakpoint — same\n * literal-lookup-table reasoning as `COLS_CLASS_MAP` above.\n */\nconst SPAN_CLASS_MAP: Record<TUIGridBreakpoint, Record<TUIGridSpan, string>> = {\n  base: {\n    1: 'col-span-1',\n    2: 'col-span-2',\n    3: 'col-span-3',\n    4: 'col-span-4',\n    5: 'col-span-5',\n    6: 'col-span-6',\n    7: 'col-span-7',\n    8: 'col-span-8',\n    9: 'col-span-9',\n    10: 'col-span-10',\n    11: 'col-span-11',\n    12: 'col-span-12',\n  },\n  sm: {\n    1: '@sm/ui-grid:col-span-1',\n    2: '@sm/ui-grid:col-span-2',\n    3: '@sm/ui-grid:col-span-3',\n    4: '@sm/ui-grid:col-span-4',\n    5: '@sm/ui-grid:col-span-5',\n    6: '@sm/ui-grid:col-span-6',\n    7: '@sm/ui-grid:col-span-7',\n    8: '@sm/ui-grid:col-span-8',\n    9: '@sm/ui-grid:col-span-9',\n    10: '@sm/ui-grid:col-span-10',\n    11: '@sm/ui-grid:col-span-11',\n    12: '@sm/ui-grid:col-span-12',\n  },\n  md: {\n    1: '@md/ui-grid:col-span-1',\n    2: '@md/ui-grid:col-span-2',\n    3: '@md/ui-grid:col-span-3',\n    4: '@md/ui-grid:col-span-4',\n    5: '@md/ui-grid:col-span-5',\n    6: '@md/ui-grid:col-span-6',\n    7: '@md/ui-grid:col-span-7',\n    8: '@md/ui-grid:col-span-8',\n    9: '@md/ui-grid:col-span-9',\n    10: '@md/ui-grid:col-span-10',\n    11: '@md/ui-grid:col-span-11',\n    12: '@md/ui-grid:col-span-12',\n  },\n  lg: {\n    1: '@lg/ui-grid:col-span-1',\n    2: '@lg/ui-grid:col-span-2',\n    3: '@lg/ui-grid:col-span-3',\n    4: '@lg/ui-grid:col-span-4',\n    5: '@lg/ui-grid:col-span-5',\n    6: '@lg/ui-grid:col-span-6',\n    7: '@lg/ui-grid:col-span-7',\n    8: '@lg/ui-grid:col-span-8',\n    9: '@lg/ui-grid:col-span-9',\n    10: '@lg/ui-grid:col-span-10',\n    11: '@lg/ui-grid:col-span-11',\n    12: '@lg/ui-grid:col-span-12',\n  },\n  xl: {\n    1: '@xl/ui-grid:col-span-1',\n    2: '@xl/ui-grid:col-span-2',\n    3: '@xl/ui-grid:col-span-3',\n    4: '@xl/ui-grid:col-span-4',\n    5: '@xl/ui-grid:col-span-5',\n    6: '@xl/ui-grid:col-span-6',\n    7: '@xl/ui-grid:col-span-7',\n    8: '@xl/ui-grid:col-span-8',\n    9: '@xl/ui-grid:col-span-9',\n    10: '@xl/ui-grid:col-span-10',\n    11: '@xl/ui-grid:col-span-11',\n    12: '@xl/ui-grid:col-span-12',\n  },\n  '2xl': {\n    1: '@2xl/ui-grid:col-span-1',\n    2: '@2xl/ui-grid:col-span-2',\n    3: '@2xl/ui-grid:col-span-3',\n    4: '@2xl/ui-grid:col-span-4',\n    5: '@2xl/ui-grid:col-span-5',\n    6: '@2xl/ui-grid:col-span-6',\n    7: '@2xl/ui-grid:col-span-7',\n    8: '@2xl/ui-grid:col-span-8',\n    9: '@2xl/ui-grid:col-span-9',\n    10: '@2xl/ui-grid:col-span-10',\n    11: '@2xl/ui-grid:col-span-11',\n    12: '@2xl/ui-grid:col-span-12',\n  },\n  '3xl': {\n    1: '@3xl/ui-grid:col-span-1',\n    2: '@3xl/ui-grid:col-span-2',\n    3: '@3xl/ui-grid:col-span-3',\n    4: '@3xl/ui-grid:col-span-4',\n    5: '@3xl/ui-grid:col-span-5',\n    6: '@3xl/ui-grid:col-span-6',\n    7: '@3xl/ui-grid:col-span-7',\n    8: '@3xl/ui-grid:col-span-8',\n    9: '@3xl/ui-grid:col-span-9',\n    10: '@3xl/ui-grid:col-span-10',\n    11: '@3xl/ui-grid:col-span-11',\n    12: '@3xl/ui-grid:col-span-12',\n  },\n};\n\nfunction resolveItemSpanClasses(span: TUIGridItemSpan): string[] {\n  if (typeof span === 'number') return [SPAN_CLASS_MAP.base[span]];\n\n  return (Object.entries(span) as [TUIGridBreakpoint, TUIGridSpan][]).map(([breakpoint, value]) => SPAN_CLASS_MAP[breakpoint][value]);\n}\n\ntype UIGridItemProps = React.PropsWithChildren<{\n  /** Additional Tailwind classes merged on top of the span classes. */\n  className?: string;\n  /**\n   * Number of the grid's columns this item should occupy (`1`–`12`).\n   * - A plain number fixes the span at every container width.\n   * - An object varies the span as the *grid's own* rendered width crosses each\n   *   container-query breakpoint (see {@link TUIGridBreakpoint} for the exact\n   *   pixel value of each key), not the viewport.\n   * @default 12\n   * @example\n   * ```tsx\n   * <UIGridItem span={6} />\n   * // full-width below 384px, half from 384px, a third from 448px up\n   * <UIGridItem span={{ base: 12, sm: 6, md: 4 }} />\n   * ```\n   */\n  span?: TUIGridItemSpan;\n  /**\n   * Wraps `children` in a `Suspense` boundary so a lazy-loaded cell (e.g. a\n   * `React.lazy()` component) doesn't block sibling items from rendering.\n   * @default true\n   */\n  suspense?: boolean;\n  /**\n   * Fallback UI shown while suspended children are loading. Only relevant when\n   * `suspense` is `true`.\n   * @default null\n   */\n  fallback?: React.ReactNode;\n}>;\n\n/**\n * A single cell inside a `UIGrid`. Spans `12` of the grid's columns by default\n * (a full-width row) and can vary its span per container-query breakpoint.\n *\n * @example\n * ```tsx\n * import { UIGrid, UIGridItem } from '@customafk/lunas-ui/layouts/ui-grid';\n *\n * <UIGrid>\n *   <UIGridItem span={{ base: 12, md: 6 }} suspense fallback={<Skeleton />}>\n *     <LazyWidget />\n *   </UIGridItem>\n * </UIGrid>\n * ```\n */\nexport const UIGridItem = memo(({ span = 12, className, children, suspense = true, fallback = null }: UIGridItemProps) => {\n  const content = suspense ? <Suspense fallback={fallback}>{children}</Suspense> : children;\n  return (\n    <div data-slot=\"ui-grid-item\" className={cn(resolveItemSpanClasses(span), className)}>\n      {content}\n    </div>\n  );\n});\nUIGridItem.displayName = 'UIGridItem';\n"],"mappings":"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"}
+{"version":3,"file":"ui-grid.mjs","names":[],"sources":["../../packages/components/layouts/ui-grid.tsx"],"sourcesContent":["'use client';\nimport { memo, Suspense } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\n/**\n * Container-query breakpoint keys used by `UIGrid`'s `cols` and `UIGridItem`'s\n * `span`, resolved against the nearest ancestor `@container/ui-grid` (i.e. the\n * grid's own rendered width, not the viewport). These match Tailwind v4's default\n * container-query scale exactly:\n * - `'base'` — always applied, no minimum width (the fallback/mobile-first value).\n * - `'sm'` — applies from **384px** (`24rem`) and up.\n * - `'md'` — applies from **448px** (`28rem`) and up.\n * - `'lg'` — applies from **512px** (`32rem`) and up.\n * - `'xl'` — applies from **576px** (`36rem`) and up.\n * - `'2xl'` — applies from **672px** (`42rem`) and up.\n * - `'3xl'` — applies from **768px** (`48rem`) and up.\n *\n * Whichever breakpoint's minimum width is currently satisfied (in ascending\n * order) wins, same cascade behavior as Tailwind's ordinary `sm:`/`md:`/`lg:`\n * responsive classes.\n */\nexport type TUIGridBreakpoint = 'base' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';\nexport type TUIGridCols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TUIGridColsConfig = TUIGridCols | Partial<Record<TUIGridBreakpoint, TUIGridCols>>;\n\n/**\n * Every `grid-cols-N` class this component can emit, per breakpoint, written out\n * literally so Tailwind's JIT scanner can find each one as static text — a\n * dynamically interpolated string (e.g. `` `@${bp}/ui-grid:grid-cols-${n}` ``) would\n * never be picked up and would silently compile to nothing (the exact bug the\n * previous `Grid` component had with its `@8xl`/`@9xl`/`@10xl` classes, which don't\n * exist in Tailwind's default container-query scale).\n */\nconst COLS_CLASS_MAP: Record<TUIGridBreakpoint, Record<TUIGridCols, string>> = {\n  base: {\n    1: 'grid-cols-1',\n    2: 'grid-cols-2',\n    3: 'grid-cols-3',\n    4: 'grid-cols-4',\n    5: 'grid-cols-5',\n    6: 'grid-cols-6',\n    7: 'grid-cols-7',\n    8: 'grid-cols-8',\n    9: 'grid-cols-9',\n    10: 'grid-cols-10',\n    11: 'grid-cols-11',\n    12: 'grid-cols-12',\n  },\n  sm: {\n    1: '@sm/ui-grid:grid-cols-1',\n    2: '@sm/ui-grid:grid-cols-2',\n    3: '@sm/ui-grid:grid-cols-3',\n    4: '@sm/ui-grid:grid-cols-4',\n    5: '@sm/ui-grid:grid-cols-5',\n    6: '@sm/ui-grid:grid-cols-6',\n    7: '@sm/ui-grid:grid-cols-7',\n    8: '@sm/ui-grid:grid-cols-8',\n    9: '@sm/ui-grid:grid-cols-9',\n    10: '@sm/ui-grid:grid-cols-10',\n    11: '@sm/ui-grid:grid-cols-11',\n    12: '@sm/ui-grid:grid-cols-12',\n  },\n  md: {\n    1: '@md/ui-grid:grid-cols-1',\n    2: '@md/ui-grid:grid-cols-2',\n    3: '@md/ui-grid:grid-cols-3',\n    4: '@md/ui-grid:grid-cols-4',\n    5: '@md/ui-grid:grid-cols-5',\n    6: '@md/ui-grid:grid-cols-6',\n    7: '@md/ui-grid:grid-cols-7',\n    8: '@md/ui-grid:grid-cols-8',\n    9: '@md/ui-grid:grid-cols-9',\n    10: '@md/ui-grid:grid-cols-10',\n    11: '@md/ui-grid:grid-cols-11',\n    12: '@md/ui-grid:grid-cols-12',\n  },\n  lg: {\n    1: '@lg/ui-grid:grid-cols-1',\n    2: '@lg/ui-grid:grid-cols-2',\n    3: '@lg/ui-grid:grid-cols-3',\n    4: '@lg/ui-grid:grid-cols-4',\n    5: '@lg/ui-grid:grid-cols-5',\n    6: '@lg/ui-grid:grid-cols-6',\n    7: '@lg/ui-grid:grid-cols-7',\n    8: '@lg/ui-grid:grid-cols-8',\n    9: '@lg/ui-grid:grid-cols-9',\n    10: '@lg/ui-grid:grid-cols-10',\n    11: '@lg/ui-grid:grid-cols-11',\n    12: '@lg/ui-grid:grid-cols-12',\n  },\n  xl: {\n    1: '@xl/ui-grid:grid-cols-1',\n    2: '@xl/ui-grid:grid-cols-2',\n    3: '@xl/ui-grid:grid-cols-3',\n    4: '@xl/ui-grid:grid-cols-4',\n    5: '@xl/ui-grid:grid-cols-5',\n    6: '@xl/ui-grid:grid-cols-6',\n    7: '@xl/ui-grid:grid-cols-7',\n    8: '@xl/ui-grid:grid-cols-8',\n    9: '@xl/ui-grid:grid-cols-9',\n    10: '@xl/ui-grid:grid-cols-10',\n    11: '@xl/ui-grid:grid-cols-11',\n    12: '@xl/ui-grid:grid-cols-12',\n  },\n  '2xl': {\n    1: '@2xl/ui-grid:grid-cols-1',\n    2: '@2xl/ui-grid:grid-cols-2',\n    3: '@2xl/ui-grid:grid-cols-3',\n    4: '@2xl/ui-grid:grid-cols-4',\n    5: '@2xl/ui-grid:grid-cols-5',\n    6: '@2xl/ui-grid:grid-cols-6',\n    7: '@2xl/ui-grid:grid-cols-7',\n    8: '@2xl/ui-grid:grid-cols-8',\n    9: '@2xl/ui-grid:grid-cols-9',\n    10: '@2xl/ui-grid:grid-cols-10',\n    11: '@2xl/ui-grid:grid-cols-11',\n    12: '@2xl/ui-grid:grid-cols-12',\n  },\n  '3xl': {\n    1: '@3xl/ui-grid:grid-cols-1',\n    2: '@3xl/ui-grid:grid-cols-2',\n    3: '@3xl/ui-grid:grid-cols-3',\n    4: '@3xl/ui-grid:grid-cols-4',\n    5: '@3xl/ui-grid:grid-cols-5',\n    6: '@3xl/ui-grid:grid-cols-6',\n    7: '@3xl/ui-grid:grid-cols-7',\n    8: '@3xl/ui-grid:grid-cols-8',\n    9: '@3xl/ui-grid:grid-cols-9',\n    10: '@3xl/ui-grid:grid-cols-10',\n    11: '@3xl/ui-grid:grid-cols-11',\n    12: '@3xl/ui-grid:grid-cols-12',\n  },\n};\n\nconst GAP_CLASS = {\n  xs: 'gap-1',\n  sm: 'gap-2',\n  md: 'gap-4',\n  lg: 'gap-6',\n  xl: 'gap-8',\n  none: 'gap-0',\n} as const;\n\nfunction resolveGridColsClasses(cols: TUIGridColsConfig): string[] {\n  if (typeof cols === 'number') return [COLS_CLASS_MAP.base[cols]];\n\n  return (Object.entries(cols) as [TUIGridBreakpoint, TUIGridCols][]).map(([breakpoint, value]) => COLS_CLASS_MAP[breakpoint][value]);\n}\n\ntype UIGridProps = React.PropsWithChildren<{\n  /** Additional Tailwind classes merged on top of the generated classes. */\n  className?: string;\n  /**\n   * Number of base grid columns (`1`–`12`). Every `UIGridItem`'s `span` is\n   * expressed against this same column count at every container width.\n   * - A plain number fixes the column count at every width.\n   * - An object varies the column count as the grid's own rendered width crosses\n   *   each container-query breakpoint (see {@link TUIGridBreakpoint} for the\n   *   exact pixel value of each key) — e.g. \"narrow container → 4 columns, wide\n   *   container → 12 columns\".\n   * @default 12\n   * @example\n   * ```tsx\n   * // 4 cols below 448px, 8 cols from 448px, 12 cols from 512px up\n   * <UIGrid cols={{ base: 4, md: 8, lg: 12 }} />\n   * ```\n   */\n  cols?: TUIGridColsConfig;\n  /**\n   * Gap between grid cells, reusing the same scale as `Flex`'s `gap` prop.\n   * - `'none'` — `gap-0`\n   * - `'xs'` — `gap-1`\n   * - `'sm'` — `gap-2`\n   * - `'md'` — `gap-4` (default)\n   * - `'lg'` — `gap-6`\n   * - `'xl'` — `gap-8`\n   * @default 'md'\n   */\n  gap?: keyof typeof GAP_CLASS;\n}> &\n  Omit<React.ComponentPropsWithoutRef<'div'>, 'className'>;\n\n/**\n * A 12-column CSS Grid container with a named `@container` context, so both its\n * own column count and its `UIGridItem` children's `span` can vary based on the\n * grid's own rendered width instead of the viewport.\n *\n * @example\n * ```tsx\n * import { UIGrid, UIGridItem } from '@customafk/lunas-ui/layouts/ui-grid';\n *\n * <UIGrid gap=\"md\" cols={{ base: 4, md: 12 }}>\n *   <UIGridItem span={6}>Left</UIGridItem>\n *   <UIGridItem span={6}>Right</UIGridItem>\n * </UIGrid>\n * ```\n */\nexport const UIGrid = memo(({ cols = 12, gap = 'md', className, children, ...rest }: UIGridProps) => {\n  // A container-query subject can never be the same element that establishes the\n  // container — `@container/ui-grid` must live on an ancestor of whatever reads\n  // `@sm/ui-grid:` etc., so the responsive `cols` classes need their own inner\n  // element, separate from the one that declares the named container.\n  return (\n    <div data-slot=\"ui-grid\" className=\"@container/ui-grid w-full\">\n      <div data-slot=\"ui-grid-columns\" {...rest} className={cn('grid w-full', resolveGridColsClasses(cols), GAP_CLASS[gap], className)}>\n        {children}\n      </div>\n    </div>\n  );\n});\nUIGrid.displayName = 'UIGrid';\n\nexport type TUIGridSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\nexport type TUIGridItemSpan = TUIGridSpan | Partial<Record<TUIGridBreakpoint, TUIGridSpan>>;\n\n/**\n * Every `col-span-N` class this component can emit, per breakpoint — same\n * literal-lookup-table reasoning as `COLS_CLASS_MAP` above.\n */\nconst SPAN_CLASS_MAP: Record<TUIGridBreakpoint, Record<TUIGridSpan, string>> = {\n  base: {\n    1: 'col-span-1',\n    2: 'col-span-2',\n    3: 'col-span-3',\n    4: 'col-span-4',\n    5: 'col-span-5',\n    6: 'col-span-6',\n    7: 'col-span-7',\n    8: 'col-span-8',\n    9: 'col-span-9',\n    10: 'col-span-10',\n    11: 'col-span-11',\n    12: 'col-span-12',\n  },\n  sm: {\n    1: '@sm/ui-grid:col-span-1',\n    2: '@sm/ui-grid:col-span-2',\n    3: '@sm/ui-grid:col-span-3',\n    4: '@sm/ui-grid:col-span-4',\n    5: '@sm/ui-grid:col-span-5',\n    6: '@sm/ui-grid:col-span-6',\n    7: '@sm/ui-grid:col-span-7',\n    8: '@sm/ui-grid:col-span-8',\n    9: '@sm/ui-grid:col-span-9',\n    10: '@sm/ui-grid:col-span-10',\n    11: '@sm/ui-grid:col-span-11',\n    12: '@sm/ui-grid:col-span-12',\n  },\n  md: {\n    1: '@md/ui-grid:col-span-1',\n    2: '@md/ui-grid:col-span-2',\n    3: '@md/ui-grid:col-span-3',\n    4: '@md/ui-grid:col-span-4',\n    5: '@md/ui-grid:col-span-5',\n    6: '@md/ui-grid:col-span-6',\n    7: '@md/ui-grid:col-span-7',\n    8: '@md/ui-grid:col-span-8',\n    9: '@md/ui-grid:col-span-9',\n    10: '@md/ui-grid:col-span-10',\n    11: '@md/ui-grid:col-span-11',\n    12: '@md/ui-grid:col-span-12',\n  },\n  lg: {\n    1: '@lg/ui-grid:col-span-1',\n    2: '@lg/ui-grid:col-span-2',\n    3: '@lg/ui-grid:col-span-3',\n    4: '@lg/ui-grid:col-span-4',\n    5: '@lg/ui-grid:col-span-5',\n    6: '@lg/ui-grid:col-span-6',\n    7: '@lg/ui-grid:col-span-7',\n    8: '@lg/ui-grid:col-span-8',\n    9: '@lg/ui-grid:col-span-9',\n    10: '@lg/ui-grid:col-span-10',\n    11: '@lg/ui-grid:col-span-11',\n    12: '@lg/ui-grid:col-span-12',\n  },\n  xl: {\n    1: '@xl/ui-grid:col-span-1',\n    2: '@xl/ui-grid:col-span-2',\n    3: '@xl/ui-grid:col-span-3',\n    4: '@xl/ui-grid:col-span-4',\n    5: '@xl/ui-grid:col-span-5',\n    6: '@xl/ui-grid:col-span-6',\n    7: '@xl/ui-grid:col-span-7',\n    8: '@xl/ui-grid:col-span-8',\n    9: '@xl/ui-grid:col-span-9',\n    10: '@xl/ui-grid:col-span-10',\n    11: '@xl/ui-grid:col-span-11',\n    12: '@xl/ui-grid:col-span-12',\n  },\n  '2xl': {\n    1: '@2xl/ui-grid:col-span-1',\n    2: '@2xl/ui-grid:col-span-2',\n    3: '@2xl/ui-grid:col-span-3',\n    4: '@2xl/ui-grid:col-span-4',\n    5: '@2xl/ui-grid:col-span-5',\n    6: '@2xl/ui-grid:col-span-6',\n    7: '@2xl/ui-grid:col-span-7',\n    8: '@2xl/ui-grid:col-span-8',\n    9: '@2xl/ui-grid:col-span-9',\n    10: '@2xl/ui-grid:col-span-10',\n    11: '@2xl/ui-grid:col-span-11',\n    12: '@2xl/ui-grid:col-span-12',\n  },\n  '3xl': {\n    1: '@3xl/ui-grid:col-span-1',\n    2: '@3xl/ui-grid:col-span-2',\n    3: '@3xl/ui-grid:col-span-3',\n    4: '@3xl/ui-grid:col-span-4',\n    5: '@3xl/ui-grid:col-span-5',\n    6: '@3xl/ui-grid:col-span-6',\n    7: '@3xl/ui-grid:col-span-7',\n    8: '@3xl/ui-grid:col-span-8',\n    9: '@3xl/ui-grid:col-span-9',\n    10: '@3xl/ui-grid:col-span-10',\n    11: '@3xl/ui-grid:col-span-11',\n    12: '@3xl/ui-grid:col-span-12',\n  },\n};\n\nfunction resolveItemSpanClasses(span: TUIGridItemSpan): string[] {\n  if (typeof span === 'number') return [SPAN_CLASS_MAP.base[span]];\n\n  return (Object.entries(span) as [TUIGridBreakpoint, TUIGridSpan][]).map(([breakpoint, value]) => SPAN_CLASS_MAP[breakpoint][value]);\n}\n\ntype UIGridItemProps = React.PropsWithChildren<{\n  /** Additional Tailwind classes merged on top of the span classes. */\n  className?: string;\n  /**\n   * Number of the grid's columns this item should occupy (`1`–`12`).\n   * - A plain number fixes the span at every container width.\n   * - An object varies the span as the *grid's own* rendered width crosses each\n   *   container-query breakpoint (see {@link TUIGridBreakpoint} for the exact\n   *   pixel value of each key), not the viewport.\n   * @default 12\n   * @example\n   * ```tsx\n   * <UIGridItem span={6} />\n   * // full-width below 384px, half from 384px, a third from 448px up\n   * <UIGridItem span={{ base: 12, sm: 6, md: 4 }} />\n   * ```\n   */\n  span?: TUIGridItemSpan;\n  /**\n   * Wraps `children` in a `Suspense` boundary so a lazy-loaded cell (e.g. a\n   * `React.lazy()` component) doesn't block sibling items from rendering.\n   * @default true\n   */\n  suspense?: boolean;\n  /**\n   * Fallback UI shown while suspended children are loading. Only relevant when\n   * `suspense` is `true`.\n   * @default null\n   */\n  fallback?: React.ReactNode;\n}> &\n  Omit<React.ComponentPropsWithoutRef<'div'>, 'className'>;\n\n/**\n * A single cell inside a `UIGrid`. Spans `12` of the grid's columns by default\n * (a full-width row) and can vary its span per container-query breakpoint.\n *\n * @example\n * ```tsx\n * import { UIGrid, UIGridItem } from '@customafk/lunas-ui/layouts/ui-grid';\n *\n * <UIGrid>\n *   <UIGridItem span={{ base: 12, md: 6 }} suspense fallback={<Skeleton />}>\n *     <LazyWidget />\n *   </UIGridItem>\n * </UIGrid>\n * ```\n */\nexport const UIGridItem = memo(({ span = 12, className, children, suspense = true, fallback = null, ...rest }: UIGridItemProps) => {\n  const content = suspense ? <Suspense fallback={fallback}>{children}</Suspense> : children;\n  return (\n    <div data-slot=\"ui-grid-item\" {...rest} className={cn(resolveItemSpanClasses(span), className)}>\n      {content}\n    </div>\n  );\n});\nUIGridItem.displayName = 'UIGridItem';\n"],"mappings":"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"}

package/dist/{list-display-DLsm8uAh.mjs → list-display-4tTkV29U.mjs}

@@ -1,2 +1,2 @@
-import{Tooltip as e,TooltipContent as t,TooltipProvider as n,TooltipTrigger as r}from"./ui/tooltip.mjs";import{Q as i}from"./tables-Dg3KMBKA.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({items:s,maxVisible:c=3})=>{if(!s||s.length===0)return a(i,{});let l=s.slice(0,c),u=s.slice(c);return o(`div`,{className:`flex flex-wrap gap-1`,children:[l.map((e,t)=>a(`span`,{className:`weak inline-flex items-center rounded border border-border bg-white px-2 py-0.5 text-text-positive text-xs`,children:e},`item-${t.toString()}`)),u.length>0&&a(n,{children:o(e,{children:[a(r,{asChild:!0,children:o(`span`,{className:`inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs`,children:[`+`,u.length,` more`]})}),a(t,{align:`start`,className:`flex max-w-64 flex-wrap gap-1 p-2`,children:u.map((e,t)=>a(`span`,{className:`inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs`,children:e},`item-${t.toString()}`))})]})})]})};export{s as UITableListDisplay};
-//# sourceMappingURL=list-display-DLsm8uAh.mjs.map
+import{Tooltip as e,TooltipContent as t,TooltipProvider as n,TooltipTrigger as r}from"./ui/tooltip.mjs";import{Q as i}from"./tables-CuoBQNqx.mjs";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=({items:s,maxVisible:c=3})=>{if(!s||s.length===0)return a(i,{});let l=s.slice(0,c),u=s.slice(c);return o(`div`,{className:`flex flex-wrap gap-1`,children:[l.map((e,t)=>a(`span`,{className:`weak inline-flex items-center rounded border border-border bg-white px-2 py-0.5 text-text-positive text-xs`,children:e},`item-${t.toString()}`)),u.length>0&&a(n,{children:o(e,{children:[a(r,{asChild:!0,children:o(`span`,{className:`inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs`,children:[`+`,u.length,` more`]})}),a(t,{align:`start`,className:`flex max-w-64 flex-wrap gap-1 p-2`,children:u.map((e,t)=>a(`span`,{className:`inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs`,children:e},`item-${t.toString()}`))})]})})]})};export{s as UITableListDisplay};
+//# sourceMappingURL=list-display-4tTkV29U.mjs.map

package/dist/{list-display-DLsm8uAh.mjs.map → list-display-4tTkV29U.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"list-display-DLsm8uAh.mjs","names":[],"sources":["../packages/components/features/tables/components/atoms/list-display.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\n\nimport { UITableEmpty } from './empty';\n\n/** Props for the {@link UITableListDisplay} component. */\ntype Props = {\n  /** Array of strings or numbers to render as inline pills. */\n  items: (string | number)[] | null | undefined;\n  /**\n   * Maximum number of pills shown before a `+N more` overflow badge appears\n   * (default: `3`).\n   */\n  maxVisible?: number;\n};\n\n/**\n * Renders an array of values as compact inline pills in a table cell.  When the\n * list exceeds `maxVisible`, a `+N more` badge is shown; hovering it reveals all\n * remaining items in a tooltip.  Renders {@link UITableEmpty} for empty or absent\n * arrays.\n *\n * @example\n * import { UITableListDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableListDisplay items={['React', 'TypeScript', 'TailwindCSS', 'Vite']} maxVisible={3} />\n */\nexport const UITableListDisplay: React.FC<Props> = ({ items, maxVisible = 3 }) => {\n  if (!items || items.length === 0) return <UITableEmpty />;\n\n  const visible = items.slice(0, maxVisible);\n  const overflow = items.slice(maxVisible);\n\n  return (\n    <div className=\"flex flex-wrap gap-1\">\n      {visible.map((item, i) => (\n        <span\n          key={`item-${i.toString()}`}\n          className=\"weak inline-flex items-center rounded border border-border bg-white px-2 py-0.5 text-text-positive text-xs\"\n        >\n          {item}\n        </span>\n      ))}\n\n      {overflow.length > 0 && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span className=\"inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs\">\n                +{overflow.length} more\n              </span>\n            </TooltipTrigger>\n            <TooltipContent align=\"start\" className=\"flex max-w-64 flex-wrap gap-1 p-2\">\n              {overflow.map((item, i) => (\n                <span\n                  key={`item-${i.toString()}`}\n                  className=\"inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs\"\n                >\n                  {item}\n                </span>\n              ))}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n};\n"],"mappings":"oMA4BA,MAAa,GAAuC,CAAE,QAAO,aAAa,KAAQ,CAChF,GAAI,CAAC,GAAS,EAAM,SAAW,EAAG,OAAO,EAAC,EAAD,CAAe,CAAA,EAExD,IAAM,EAAU,EAAM,MAAM,EAAG,CAAU,EACnC,EAAW,EAAM,MAAM,CAAU,EAEvC,OACE,EAAC,MAAD,CAAK,UAAU,uBAAf,SAAA,CACG,EAAQ,KAAK,EAAM,IAClB,EAAC,OAAD,CAEE,UAAU,6GAET,SAAA,CACG,EAJC,QAAQ,EAAE,SAAS,GAIpB,CACP,EAEA,EAAS,OAAS,GACjB,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAgB,QAAA,GACd,SAAA,EAAC,OAAD,CAAM,UAAU,qHAAhB,SAAA,CAAqI,IACjI,EAAS,OAAO,OACd,GACQ,CAAA,EAChB,EAAC,EAAD,CAAgB,MAAM,QAAQ,UAAU,oCACrC,SAAA,EAAS,KAAK,EAAM,IACnB,EAAC,OAAD,CAEE,UAAU,oGAET,SAAA,CACG,EAJC,QAAQ,EAAE,SAAS,GAIpB,CACP,CACa,CAAA,CACT,CAAA,CAAA,CACM,CAAA,CAEhB,GAET"}
+{"version":3,"file":"list-display-4tTkV29U.mjs","names":[],"sources":["../packages/components/features/tables/components/atoms/list-display.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';\n\nimport { UITableEmpty } from './empty';\n\n/** Props for the {@link UITableListDisplay} component. */\ntype Props = {\n  /** Array of strings or numbers to render as inline pills. */\n  items: (string | number)[] | null | undefined;\n  /**\n   * Maximum number of pills shown before a `+N more` overflow badge appears\n   * (default: `3`).\n   */\n  maxVisible?: number;\n};\n\n/**\n * Renders an array of values as compact inline pills in a table cell.  When the\n * list exceeds `maxVisible`, a `+N more` badge is shown; hovering it reveals all\n * remaining items in a tooltip.  Renders {@link UITableEmpty} for empty or absent\n * arrays.\n *\n * @example\n * import { UITableListDisplay } from '@customafk/lunas-ui/features/tables';\n *\n * <UITableListDisplay items={['React', 'TypeScript', 'TailwindCSS', 'Vite']} maxVisible={3} />\n */\nexport const UITableListDisplay: React.FC<Props> = ({ items, maxVisible = 3 }) => {\n  if (!items || items.length === 0) return <UITableEmpty />;\n\n  const visible = items.slice(0, maxVisible);\n  const overflow = items.slice(maxVisible);\n\n  return (\n    <div className=\"flex flex-wrap gap-1\">\n      {visible.map((item, i) => (\n        <span\n          key={`item-${i.toString()}`}\n          className=\"weak inline-flex items-center rounded border border-border bg-white px-2 py-0.5 text-text-positive text-xs\"\n        >\n          {item}\n        </span>\n      ))}\n\n      {overflow.length > 0 && (\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span className=\"inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs\">\n                +{overflow.length} more\n              </span>\n            </TooltipTrigger>\n            <TooltipContent align=\"start\" className=\"flex max-w-64 flex-wrap gap-1 p-2\">\n              {overflow.map((item, i) => (\n                <span\n                  key={`item-${i.toString()}`}\n                  className=\"inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs\"\n                >\n                  {item}\n                </span>\n              ))}\n            </TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      )}\n    </div>\n  );\n};\n"],"mappings":"oMA4BA,MAAa,GAAuC,CAAE,QAAO,aAAa,KAAQ,CAChF,GAAI,CAAC,GAAS,EAAM,SAAW,EAAG,OAAO,EAAC,EAAD,CAAe,CAAA,EAExD,IAAM,EAAU,EAAM,MAAM,EAAG,CAAU,EACnC,EAAW,EAAM,MAAM,CAAU,EAEvC,OACE,EAAC,MAAD,CAAK,UAAU,uBAAf,SAAA,CACG,EAAQ,KAAK,EAAM,IAClB,EAAC,OAAD,CAEE,UAAU,6GAET,SAAA,CACG,EAJC,QAAQ,EAAE,SAAS,GAIpB,CACP,EAEA,EAAS,OAAS,GACjB,EAAC,EAAD,CAAA,SACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAgB,QAAA,GACd,SAAA,EAAC,OAAD,CAAM,UAAU,qHAAhB,SAAA,CAAqI,IACjI,EAAS,OAAO,OACd,GACQ,CAAA,EAChB,EAAC,EAAD,CAAgB,MAAM,QAAQ,UAAU,oCACrC,SAAA,EAAS,KAAK,EAAM,IACnB,EAAC,OAAD,CAEE,UAAU,oGAET,SAAA,CACG,EAJC,QAAQ,EAAE,SAAS,GAIpB,CACP,CACa,CAAA,CACT,CAAA,CAAA,CACM,CAAA,CAEhB,GAET"}

package/dist/{list-display-DDeJoneW.cjs → list-display-CJvQ-wwT.cjs}

@@ -1,2 +1,2 @@
-const e=require("./ui/tooltip.cjs"),t=require("./tables-BqZ4Zs6e.cjs");let n=require("react/jsx-runtime");const r=({items:r,maxVisible:i=3})=>{if(!r||r.length===0)return(0,n.jsx)(t.Q,{});let a=r.slice(0,i),o=r.slice(i);return(0,n.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[a.map((e,t)=>(0,n.jsx)(`span`,{className:`weak inline-flex items-center rounded border border-border bg-white px-2 py-0.5 text-text-positive text-xs`,children:e},`item-${t.toString()}`)),o.length>0&&(0,n.jsx)(e.TooltipProvider,{children:(0,n.jsxs)(e.Tooltip,{children:[(0,n.jsx)(e.TooltipTrigger,{asChild:!0,children:(0,n.jsxs)(`span`,{className:`inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs`,children:[`+`,o.length,` more`]})}),(0,n.jsx)(e.TooltipContent,{align:`start`,className:`flex max-w-64 flex-wrap gap-1 p-2`,children:o.map((e,t)=>(0,n.jsx)(`span`,{className:`inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs`,children:e},`item-${t.toString()}`))})]})})]})};exports.UITableListDisplay=r;
-//# sourceMappingURL=list-display-DDeJoneW.cjs.map
+const e=require("./ui/tooltip.cjs"),t=require("./tables-DdLEj1dI.cjs");let n=require("react/jsx-runtime");const r=({items:r,maxVisible:i=3})=>{if(!r||r.length===0)return(0,n.jsx)(t.Q,{});let a=r.slice(0,i),o=r.slice(i);return(0,n.jsxs)(`div`,{className:`flex flex-wrap gap-1`,children:[a.map((e,t)=>(0,n.jsx)(`span`,{className:`weak inline-flex items-center rounded border border-border bg-white px-2 py-0.5 text-text-positive text-xs`,children:e},`item-${t.toString()}`)),o.length>0&&(0,n.jsx)(e.TooltipProvider,{children:(0,n.jsxs)(e.Tooltip,{children:[(0,n.jsx)(e.TooltipTrigger,{asChild:!0,children:(0,n.jsxs)(`span`,{className:`inline-flex cursor-default items-center rounded-full bg-primary-bg-subtle px-2 py-0.5 text-primary-intense text-xs`,children:[`+`,o.length,` more`]})}),(0,n.jsx)(e.TooltipContent,{align:`start`,className:`flex max-w-64 flex-wrap gap-1 p-2`,children:o.map((e,t)=>(0,n.jsx)(`span`,{className:`inline-flex items-center rounded-full border border-border px-2 py-0.5 text-text-negative text-xs`,children:e},`item-${t.toString()}`))})]})})]})};exports.UITableListDisplay=r;
+//# sourceMappingURL=list-display-CJvQ-wwT.cjs.map