@customafk/lunas-ui 0.2.83 → 0.2.85

package/dist/index.d.mts

@@ -24,17 +24,17 @@ import { o as UIGrid, s as UIGridItem } from "./ui-grid-D1-Ponqs.mjs";
 import { A as DescriptionBadge, B as TDescriptionLabelSpan, C as DescriptionFile, D as DescriptionCopy, E as DescriptionCopyAll, O as DescriptionColor, S as DescriptionImages, T as DescriptionDate, _ as DescriptionNumberPhone, a as DescriptionSection, b as DescriptionLink, c as TDescriptionRowColumns, d as DescriptionText, f as DescriptionTagList, g as DescriptionProgress, h as DescriptionStatisticProps, i as DescriptionItem, j as DescriptionCollapsibleSection, k as DescriptionBoolean, l as TDescriptionRowColumnsConfig, m as DescriptionStatistic, n as DescriptionGroup, o as DescriptionSearch, p as DescriptionStatus, q as TDescriptionSize, r as DescriptionHeader, s as DescriptionRow, t as Description, u as DescriptionUser, v as DescriptionName, w as DescriptionEmpty, x as DescriptionJson, y as DescriptionLongText, z as TDescriptionLabelColSpan } from "./index-CqE3mOHo.mjs";
 import { i as badgeVariants, n as BadgeProps, t as Badge } from "./badge-C_NPjGXe.mjs";
 import { t as SearchModal } from "./index-DtIL69PB.mjs";
-import { $ as EmailFieldProps, A as TanStackActionSubmit, B as TextField, C as SimpleNumberField, D as SimpleTextField, E as SimpleSelectField, F as TanStackFieldGroup, G as useTanStackFieldContext, H as useTanStackForm, I as TanStackPopoverForm, J as BooleanFieldValue, K as useTanStackFormContext, L as TanStackSectionForm, M as TanStackCardForm, N as TanStackContainerForm, O as SimpleTextareaField, P as TanStackDialogForm, Q as DateFieldValue, R as TanStackTitleField, S as SimpleEmailField, T as SimpleRadioGroupField, U as withTanStackFieldGroup, V as TextareaField, W as withTanStackForm, X as ComboboxFieldProps, Y as CheckboxFieldProps, Z as DateFieldProps, _ as SelectField, a as DateField, at as NumberFieldValue, b as SimpleComboboxField, c as FieldContent, ct as RadioOption, d as FieldGroup, dt as SimpleTextFieldProps, et as FieldOrientation, f as FieldLabel, ft as SwitchFieldProps, g as RadioGroupField, gt as TextareaFieldProps, h as PasswordField, ht as TextFieldValue, i as ComboboxField, it as NumberFieldProps, j as TanStackActionsForm, k as SwitchField, l as FieldContentMain, lt as SelectFieldProps, m as NumberField, mt as TextFieldProps, n as ArrayHeaderRow, nt as FieldType, o as EmailField, ot as PasswordFieldProps, p as FieldSeparator, pt as TextEditorFieldProps, q as AnyFieldProps, r as CheckboxField, rt as MultiSelectFieldValue, s as Field, st as RadioGroupFieldProps, t as ArrayCol, tt as FieldRounding, u as FieldError, ut as SelectOption, v as SimpleArrayField, w as SimplePasswordField, x as SimpleDateField, y as SimpleBooleanField, z as TextEditorField } from "./index-DvC1inRy.mjs";
-import { i as TextEditorProps, n as TextEditorToolbarProps, r as TextEditor, t as TextEditorToolbar } from "./index-DRAyYm8g.mjs";
+import { i as TextEditorProps, n as TextEditorToolbarProps, r as TextEditor, t as TextEditorToolbar } from "./index-CvFEJoon.mjs";
+import { $ as EmailFieldProps, A as TanStackActionSubmit, B as TextareaField, C as SimpleNumberField, D as SimpleTextField, E as SimpleSelectField, F as TanStackFieldGroup, G as useTanStackFormContext, H as withTanStackFieldGroup, I as TanStackPopoverForm, J as BooleanFieldValue, K as TextEditorField, L as TanStackSectionForm, M as TanStackCardForm, N as TanStackContainerForm, O as SimpleTextareaField, P as TanStackDialogForm, Q as DateFieldValue, R as TanStackTitleField, S as SimpleEmailField, T as SimpleRadioGroupField, U as withTanStackForm, V as useTanStackForm, W as useTanStackFieldContext, X as ComboboxFieldProps, Y as CheckboxFieldProps, Z as DateFieldProps, _ as SelectField, a as DateField, at as NumberFieldValue, b as SimpleComboboxField, c as FieldContent, ct as RadioOption, d as FieldGroup, dt as SimpleTextFieldProps, et as FieldOrientation, f as FieldLabel, ft as SwitchFieldProps, g as RadioGroupField, gt as TextareaFieldProps, h as PasswordField, ht as TextFieldValue, i as ComboboxField, it as NumberFieldProps, j as TanStackActionsForm, k as SwitchField, l as FieldContentMain, lt as SelectFieldProps, m as NumberField, mt as TextFieldProps, n as ArrayHeaderRow, nt as FieldType, o as EmailField, ot as PasswordFieldProps, p as FieldSeparator, pt as TextEditorFieldProps, q as AnyFieldProps, r as CheckboxField, rt as MultiSelectFieldValue, s as Field, st as RadioGroupFieldProps, t as ArrayCol, tt as FieldRounding, u as FieldError, ut as SelectOption, v as SimpleArrayField, w as SimplePasswordField, x as SimpleDateField, y as SimpleBooleanField, z as TextField } from "./index-CZ_2KVir.mjs";
 import { n as CMSLayoutProps, r as CMSLayoutUser, t as CMSLayout } from "./index-KgI9KqIf.mjs";
 import { n as PaymentLayoutUser, t as PaymentLayout } from "./index-BBMKb5q2.mjs";
-import { t as Flex } from "./flex-C63_IqSY.mjs";
+import { t as Flex } from "./flex-D6RCsrv1.mjs";
 import { t as Grid } from "./grid-i7Oz2Izf.mjs";
 import { t as FeatureDeveloping } from "./FeatureDeveloping-DRmYHj91.mjs";
 import { t as FeatureFixing } from "./FeatureFixing-BHHCDtAQ.mjs";
 import { t as NotAuthorized } from "./NotAuthorized-DTT57OHb.mjs";
 import { n as NotFoundProps, t as NotFound } from "./NotFound-BeUB1yus.mjs";
-import { n as LoginPageProps, t as LoginPage } from "./LoginPage-DDljzV6A.mjs";
+import { r as LoginPageProps, t as LoginPage } from "./index-6_zytlWu.mjs";
 import { n as RegisterPageProps, t as RegisterPage } from "./RegisterPage-LuTuV7Sw.mjs";
 import { n as VerifyEmailPageProps, t as VerifyEmailPage } from "./VerifyEmailPage-5DFlEkk3.mjs";
 import { t as Google } from "./google-vajkoOiC.mjs";
@@ -80,7 +80,7 @@ import { a as PaginationLink, i as PaginationItem, n as PaginationContent, o as
 import { a as PopoverTrigger, i as PopoverContent, n as PopoverAnchor, r as PopoverClose, t as Popover } from "./popover-qfF3o0zL.mjs";
 import { t as Progress } from "./progress-BpWaSlPG.mjs";
 import { n as RadioGroupItem, t as RadioGroup } from "./radio-group-D_ssq0Q2.mjs";
-import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "./resizable-CNqPu4Ck.mjs";
+import { n as ResizablePanel, r as ResizablePanelGroup, t as ResizableHandle } from "./resizable-DTnfCua-.mjs";
 import { n as ScrollBar, t as ScrollArea } from "./scroll-area-BpSwutyr.mjs";
 import { a as SelectLabel, c as SelectValue, i as SelectItem, n as SelectContent, o as SelectSeparator, r as SelectGroup, s as SelectTrigger, t as Select } from "./select-UNtSe_Fs.mjs";
 import { a as SheetFooter, c as SheetTrigger, i as SheetDescription, n as SheetClose, o as SheetHeader, r as SheetContent, s as SheetTitle, t as Sheet } from "./sheet-BBvQsKM_.mjs";
@@ -94,5 +94,5 @@ import { i as TabsTrigger, n as TabsContent, r as TabsList, t as Tabs } from "./
 import { t as Textarea } from "./textarea-D1diQohb.mjs";
 import { n as toggleVariants, t as Toggle } from "./toggle-CqTmiPDi.mjs";
 import { n as ToggleGroupItem, t as ToggleGroup } from "./toggle-group-l_Mi7NRg.mjs";
-import { $ as FilterType, A as UITableLoadMore, At as TUITableWrapper, B as UITableEmptyDisplay, C as UITableTooltipActions, Ct as TUITableHeadCellOption, D as UITableContainer, Dt as TUITableInnerWrapper, E as UITableProvider, Et as TUITableInnerTable, F as UITableHeadCellOption, G as ActiveFilter, H as UITableCellActions, I as UITableHeadCell, J as ColumnAggregationType, K as BooleanFilterValue, L as UITableHead, M as UITableInnerTable, Mt as TagFilterValue, N as UITableHeadRow, Nt as TextFilterValue, O as UITableWrapper, Ot as TUITableLoadMore, P as UITableHeadCellSelect, Pt as UITableEmpty, Q as FilterOption, R as UITableFooterRow, S as UITableTooltip, St as TUITableHeadCell, T as UITableUserDataDisplay, Tt as TUITableHeadRow, U as UITableCell, V as UITableCellSelect, W as UITableBody, X as DateRangeFilterValue, Y as CsvCell, Z as FilterDefinition, _ as UITableRemoveButton, _t as TUITableCellSelect, a as UITableCurrencyDisplay, at as TTableAnalysisContext, b as UITableSummaryBar, bt as TUITableFooter, c as UITableEditButton, ct as TTableFilterContext, d as UITableListDisplay, dt as TTableInnerWrapperContext, et as FilterValue, f as UITableMoreButton, ft as TTableRowContext, g as UITableProgressDisplay, gt as TUITableCellActions, h as UITablePhoneNumberDisplay, ht as TUITableCell, i as UITableBooleanDisplay, it as SummaryItem, j as UITableInnerWrapper, jt as TableProviderProps, k as UITableRow, kt as TUITableRow, l as UITableEmailDisplay, lt as TTableHeadRowContext, m as UITablePermalink, mt as TUITableBody, n as UITableAvatarNameDisplay, nt as RowData, o as UITableDateDisplay, ot as TTableBodyContext, p as UITableNameDisplay, pt as TTableSummaryContext, q as ColumnAggregation, r as UITableBadgeDisplay, rt as SingleTagFilterValue, s as UITableDescriptionDisplay, st as TTableContext, t as UITableAnalysisPanel, tt as NumberFilterValue, u as UITableFilter, ut as TTableInnerTableContext, v as UITableStatisticDisplay, vt as TUITableColumn, w as UITableTooltipFilter, wt as TUITableHeadCellSelect, x as UITableToggleButton, xt as TUITableHead, y as UITableStatusDisplay, yt as TUITableEmptyDisplay, z as UITableFooter } from "./index-CrkOhm--.mjs";
+import { $ as FilterType, A as UITableLoadMore, At as TUITableWrapper, B as UITableEmptyDisplay, C as UITableTooltipActions, Ct as TUITableHeadCellOption, D as UITableContainer, Dt as TUITableInnerWrapper, E as UITableProvider, Et as TUITableInnerTable, F as UITableHeadCellOption, G as ActiveFilter, H as UITableCellActions, I as UITableHeadCell, J as ColumnAggregationType, K as BooleanFilterValue, L as UITableHead, M as UITableInnerTable, Mt as TagFilterValue, N as UITableHeadRow, Nt as TextFilterValue, O as UITableWrapper, Ot as TUITableLoadMore, P as UITableHeadCellSelect, Pt as UITableEmpty, Q as FilterOption, R as UITableFooterRow, S as UITableTooltip, St as TUITableHeadCell, T as UITableUserDataDisplay, Tt as TUITableHeadRow, U as UITableCell, V as UITableCellSelect, W as UITableBody, X as DateRangeFilterValue, Y as CsvCell, Z as FilterDefinition, _ as UITableRemoveButton, _t as TUITableCellSelect, a as UITableCurrencyDisplay, at as TTableAnalysisContext, b as UITableSummaryBar, bt as TUITableFooter, c as UITableEditButton, ct as TTableFilterContext, d as UITableListDisplay, dt as TTableInnerWrapperContext, et as FilterValue, f as UITableMoreButton, ft as TTableRowContext, g as UITableProgressDisplay, gt as TUITableCellActions, h as UITablePhoneNumberDisplay, ht as TUITableCell, i as UITableBooleanDisplay, it as SummaryItem, j as UITableInnerWrapper, jt as TableProviderProps, k as UITableRow, kt as TUITableRow, l as UITableEmailDisplay, lt as TTableHeadRowContext, m as UITablePermalink, mt as TUITableBody, n as UITableAvatarNameDisplay, nt as RowData, o as UITableDateDisplay, ot as TTableBodyContext, p as UITableNameDisplay, pt as TTableSummaryContext, q as ColumnAggregation, r as UITableBadgeDisplay, rt as SingleTagFilterValue, s as UITableDescriptionDisplay, st as TTableContext, t as UITableAnalysisPanel, tt as NumberFilterValue, u as UITableFilter, ut as TTableInnerTableContext, v as UITableStatisticDisplay, vt as TUITableColumn, w as UITableTooltipFilter, wt as TUITableHeadCellSelect, x as UITableToggleButton, xt as TUITableHead, y as UITableStatusDisplay, yt as TUITableEmptyDisplay, z as UITableFooter } from "./index-BCBEYTyA.mjs";
 export { ActiveFilter, ActivityHeatmapChart, type ActivityHeatmapChartProps, ActivityPoint, AddNewBtn, Alert, AlertDescription, AlertDescriptionProps, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertProps, AlertTitle, AlertTitleProps, AnyFieldProps, ArrayCol, ArrayHeaderRow, AspectRatio, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, BaseChartProps, BooleanFieldValue, BooleanFilterValue, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, type ButtonProps, CMSLayout, CMSLayoutProps, type CMSLayoutUser, Calendar, CalendarDayButton, CandlestickChart, type CandlestickChartProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartConfig, ChartContainer, ChartContainerProps, ChartLegend, ChartLegendContent, ChartLegendContentProps, ChartSeries, ChartStyle, ChartTooltip, ChartTooltipContent, ChartTooltipContentProps, ChartTrend, Checkbox, CheckboxField, CheckboxFieldProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColumnAggregation, ColumnAggregationType, Combobox, ComboboxField, ComboboxFieldProps, ComboboxOption, ComboboxProps, ComboboxRef, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfirmDialog, type ConfirmDialogProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversionFunnelChart, type ConversionFunnelChartProps, CorrelationScatterChart, type CorrelationScatterChartProps, CountryDisplay, CsvCell, DataList, DataListItem, DateDisplay, DateField, DateFieldProps, DateFieldValue, DateRangeFilterValue, DateTooltip, Description, DescriptionBadge, DescriptionBoolean, DescriptionCollapsibleSection, DescriptionColor, DescriptionCopy, DescriptionCopyAll, DescriptionDate, DescriptionEmpty, DescriptionFile, DescriptionGroup, DescriptionHeader, DescriptionImages, DescriptionItem, DescriptionJson, DescriptionLink, DescriptionLongText, DescriptionName, DescriptionNumberPhone, DescriptionProgress, DescriptionRow, DescriptionSearch, DescriptionSection, DescriptionStatistic, DescriptionStatisticProps, DescriptionStatus, DescriptionTagList, DescriptionText, DescriptionUser, DetailDialog, type DetailDialogProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DonutChart, type DonutChartProps, type DonutChartSegment, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EditBtn, EmailField, EmailFieldProps, Empty, EmptyContent, EmptyDescription, EmptyDisplay, EmptyHeader, EmptyMedia, EmptyTitle, ErrorDialog, type ErrorDialogProps, FeatureDeveloping, FeatureFixing, Field, FieldContent, FieldContentMain, FieldError, FieldGroup, FieldLabel, FieldOrientation, FieldRounding, FieldSeparator, FieldType, FileUploader, FilterDefinition, FilterOption, FilterType, FilterValue, Flex, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FunnelStage, GainLossBarChart, type GainLossBarChartProps, Google, Grid, GridProductCard, HoverCard, HoverCardContent, HoverCardTrigger, Image, IndexedPerformanceLineChart, type IndexedPerformanceLineChartProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, type InputVariantProps, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, LoadingDialog, type LoadingDialogProps, LoginPage, type LoginPageProps, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MetricRadarChart, type MetricRadarChartProps, MirroredBarChart, type MirroredBarChartProps, type MirroredBarRow, MultiSelectFieldValue, MultipleSelector, MultipleSelectorRef, NameDisplay, NamedValue, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotAuthorized, NotFound, type NotFoundProps, NumberField, NumberFieldProps, NumberFieldValue, NumberFilterValue, OHLCPoint, Option, OrdersBarChart, type OrdersBarChartProps, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Paragraph, type ParagraphProps, PasswordField, PasswordFieldProps, PaymentLayout, PaymentLayoutUser, PhoneNumberDisplay, Popover, PopoverAnchor, PopoverClose, PopoverContent, PopoverTrigger, PortfolioAllocationTreemap, type PortfolioAllocationTreemapProps, PortfolioHolding, PriceRangeAreaChart, type PriceRangeAreaChartProps, ProductCard, Progress, RadioGroup, RadioGroupField, RadioGroupFieldProps, RadioGroupItem, RadioOption, RefreshBtn, RegisterPage, type RegisterPageProps, ResizableHandle, ResizablePanel, ResizablePanelGroup, RevenueAreaChart, type RevenueAreaChartProps, RevenueOrdersComposedChart, type RevenueOrdersComposedChartProps, type RevenueOrdersPoint, RoleBadge, RowData, SalesTargetRadialChart, type SalesTargetRadialChartProps, SankeyFlowChart, type SankeyFlowChartProps, type SankeyFlowLink, type SankeyFlowNode, ScatterPoint, ScrollArea, ScrollBar, SearchInput, SearchModal, Select, SelectContent, SelectField, SelectFieldProps, SelectGroup, SelectItem, SelectLabel, SelectOption, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, SidePanel, type SidePanelProps, SimpleArrayField, SimpleBooleanField, SimpleCard, SimpleComboboxField, SimpleDateField, SimpleEmailField, SimpleNumberField, SimplePasswordField, SimpleRadioGroupField, SimpleSelectField, SimpleTextField, SimpleTextFieldProps, SimpleTextareaField, SingleTagFilterValue, Skeleton, Slider, SparklineChart, type SparklineChartProps, Spinner, StackedAreaChart, type StackedAreaChartProps, Statistic, type StatisticProps, SummaryItem, Switch, SwitchField, SwitchFieldProps, type TDescriptionLabelColSpan, type TDescriptionLabelSpan, type TDescriptionRowColumns, type TDescriptionRowColumnsConfig, type TDescriptionSize, TTableAnalysisContext, TTableBodyContext, TTableContext, TTableFilterContext, TTableHeadRowContext, TTableInnerTableContext, TTableInnerWrapperContext, TTableRowContext, TTableSummaryContext, TUITableBody, TUITableCell, TUITableCellActions, TUITableCellSelect, TUITableColumn, TUITableEmptyDisplay, TUITableFooter, TUITableHead, TUITableHeadCell, TUITableHeadCellOption, TUITableHeadCellSelect, TUITableHeadRow, TUITableInnerTable, TUITableInnerWrapper, TUITableLoadMore, TUITableRow, TUITableWrapper, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableProviderProps, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TagFilterValue, TanStackActionSubmit, TanStackActionsForm, TanStackCardForm, TanStackContainerForm, TanStackDialogForm, TanStackFieldGroup, TanStackPopoverForm, TanStackSectionForm, TanStackTitleField, TextEditor, TextEditorField, TextEditorFieldProps, type TextEditorProps, TextEditorToolbar, type TextEditorToolbarProps, TextField, TextFieldProps, TextFieldValue, TextFilterValue, Textarea, TextareaField, TextareaFieldProps, TimeSeriesPoint, Title, type TitleProps, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, TopProductsBarChart, type TopProductsBarChartProps, TrashBtn, UIGrid, UIGridItem, UITableAnalysisPanel, UITableAvatarNameDisplay, UITableBadgeDisplay, UITableBody, UITableBooleanDisplay, UITableCell, UITableCellActions, UITableCellSelect, UITableContainer, UITableCurrencyDisplay, UITableDateDisplay, UITableDescriptionDisplay, UITableEditButton, UITableEmailDisplay, UITableEmpty, UITableEmptyDisplay, UITableFilter, UITableFooter, UITableFooterRow, UITableHead, UITableHeadCell, UITableHeadCellOption, UITableHeadCellSelect, UITableHeadRow, UITableInnerTable, UITableInnerWrapper, UITableListDisplay, UITableLoadMore, UITableMoreButton, UITableNameDisplay, UITablePermalink, UITablePhoneNumberDisplay, UITableProgressDisplay, UITableProvider, UITableRemoveButton, UITableRow, UITableStatisticDisplay, UITableStatusDisplay, UITableSummaryBar, UITableToggleButton, UITableTooltip, UITableTooltipActions, UITableTooltipFilter, UITableUserDataDisplay, UITableWrapper, UploadImageBtn, UserDataDisplay, VerifyEmailPage, type VerifyEmailPageProps, VolumeBarChart, type VolumeBarChartProps, WaterfallChart, type WaterfallChartProps, WaterfallPoint, badgeVariants, buttonGroupVariants, computeIndexedSeries, formatCompactNumber, formatCurrency, formatPercent, formatSignedPercent, getChartColor, getDirectionColor, navigationMenuTriggerStyle, paragraphVariants, toDateLabel, toast, toggleVariants, useChart, useDebounce, useFormField, useTanStackFieldContext, useTanStackForm, useTanStackFormContext, withTanStackFieldGroup, withTanStackForm };

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

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

@@ -1 +1 @@
-"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../cms-layout-BGsf1E4E.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/flex.d.cts

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

package/dist/layouts/flex.d.mts

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

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../payment-layout-BZtIcu-3.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/number-field-BjGl_IiN.cjs

@@ -0,0 +1,2 @@
+const e=require("./tanstack-form-DCB2addt.cjs"),t=require("./number-input-CAr3JaA-.cjs");let n=require("lucide-react"),r=require("react"),i=require("@customafk/react-toolkit/utils"),a=require("react/jsx-runtime"),o=require("@tanstack/react-form");const s=(0,r.memo)(({label:s,description:c,placeholder:l,tooltip:u,helperText:d,orientation:f=`responsive`,showErrorMessage:p=!0,rounding:m,decimalPlaces:h,precision:g,unit:_,required:v=!1,disabled:y=!1,allowNegative:b})=>{let x=(0,r.useId)(),S=(0,r.useId)(),C=e.rt(),w=(0,o.useStore)(C.form.store,({isSubmitting:e})=>e),T=y||w,E=C.state.meta.isDirty||C.state.meta.isTouched,D=E&&!C.state.meta.isValid,O=v&&C.state.value===null,k=!!C.state.meta.errors.length,A=(0,r.useCallback)(e=>{T||C.handleChange(e)},[T,C.handleChange]);return(0,a.jsxs)(e.X,{className:`gap-y-4 px-4`,children:[(0,a.jsxs)(e.G,{orientation:f,"data-invalid":D,children:[(0,a.jsxs)(e.K,{children:[(0,a.jsxs)(e.Z,{htmlFor:x,"aria-required":O,children:[s,u&&(0,a.jsx)(e.nt,{tooltip:u})]}),(0,a.jsx)(e.J,{children:c})]}),(0,a.jsxs)(e.q,{children:[(0,a.jsxs)(`div`,{className:`relative w-full`,children:[(0,a.jsx)(t.t,{id:x,value:C.state.value,"aria-invalid":D,"aria-describedby":S,placeholder:l,disabled:T,roundingRule:m,numberAfterDecimalPoint:h,precision:g,unitText:_,allowNegative:b,className:(0,i.cn)(T&&`pointer-events-none opacity-60`),onBlur:C.handleBlur,onValueChange:A}),w&&(0,a.jsx)(`div`,{className:`pointer-events-none absolute inset-s-2 inset-y-0 top-2.5 [&>svg]:size-3.5`,children:(0,a.jsx)(n.Loader2Icon,{className:`animate-spin text-primary-strong`})}),!w&&E&&p&&k&&(0,a.jsx)(`div`,{className:`pointer-events-none absolute inset-s-2 inset-y-0 top-2.75 text-danger-strong [&>svg]:size-3.5`,children:(0,a.jsx)(n.BanIcon,{})}),(0,a.jsx)(`div`,{className:`mt-1 flex w-full items-start justify-between gap-x-2`,children:E&&p?(0,a.jsx)(e.Y,{id:S,className:`flex-1`,errors:C.state.meta.errors}):(0,a.jsx)(`div`,{})})]}),(0,a.jsx)(e.$,{isShow:!!d,children:d})]})]}),(0,a.jsx)(e.et,{})]})});s.displayName=`NumberField`,exports.NumberField=s;
+//# sourceMappingURL=number-field-BjGl_IiN.cjs.map

package/dist/{number-field-CWDYA3La.cjs.map → number-field-BjGl_IiN.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"number-field-CWDYA3La.cjs","names":["useTanStackFieldContext","FieldGroup","Field","FieldContent","FieldLabel","FieldTooltip","FieldDescription","FieldContentMain","NumberInput","Loader2Icon","BanIcon","FieldError","FieldNote","FieldSeparator"],"sources":["../packages/components/features/tanstack-form/components/fields/number-field.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useCallback, useId } from 'react';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { BanIcon, Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { NumberInput } from '@/components/ui/inputs/number-input';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport {\n  Field,\n  FieldContent,\n  FieldContentMain,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldNote,\n  FieldSeparator,\n  FieldTooltip,\n} from '../ui/field';\n\nimport type { NumberFieldProps } from '../../types';\n\n/**\n * A TanStack Form-connected numeric input field supporting rounding rules,\n * decimal precision, unit labels, and submission-state feedback.\n *\n * @example\n * import { NumberField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"quantity\">\n *   {() => (\n *     <NumberField\n *       label=\"Quantity\"\n *       placeholder=\"0\"\n *       unit=\"pcs\"\n *       decimalPlaces={2}\n *       required\n *     />\n *   )}\n * </form.Field>\n */\nexport const NumberField = memo<NumberFieldProps>(\n  ({\n    label,\n    description,\n    placeholder,\n    tooltip,\n    helperText,\n    orientation = 'responsive',\n    showErrorMessage = true,\n    rounding,\n    decimalPlaces,\n    precision,\n    unit,\n    required = false,\n    disabled = false,\n    allowNegative,\n  }) => {\n    const id = useId();\n    const errorId = useId();\n\n    const field = useTanStackFieldContext<number | null>();\n\n    const isSubmitting = useStore(field.form.store, ({ isSubmitting }) => isSubmitting);\n    const isDisabled = disabled || isSubmitting;\n\n    const _touched = field.state.meta.isDirty || field.state.meta.isTouched;\n    const _invalid = _touched && !field.state.meta.isValid;\n    const _isEmpty = required && field.state.value === null;\n    const _hasErrors = !!field.state.meta.errors.length;\n\n    const onValueChange = useCallback(\n      (value: number | null) => {\n        if (isDisabled) return;\n        field.handleChange(value);\n      },\n      [isDisabled, field.handleChange]\n    );\n\n    return (\n      <FieldGroup className=\"gap-y-4 px-4\">\n        <Field orientation={orientation} data-invalid={_invalid}>\n          <FieldContent>\n            <FieldLabel htmlFor={id} aria-required={_isEmpty}>\n              {label}\n              {tooltip && <FieldTooltip tooltip={tooltip} />}\n            </FieldLabel>\n            <FieldDescription>{description}</FieldDescription>\n          </FieldContent>\n\n          <FieldContentMain>\n            <div className=\"relative w-full\">\n              <NumberInput\n                id={id}\n                value={field.state.value}\n                aria-invalid={_invalid}\n                aria-describedby={errorId}\n                placeholder={placeholder}\n                disabled={isDisabled}\n                roundingRule={rounding}\n                numberAfterDecimalPoint={decimalPlaces}\n                precision={precision}\n                unitText={unit}\n                allowNegative={allowNegative}\n                className={cn(isDisabled && 'pointer-events-none opacity-60')}\n                onBlur={field.handleBlur}\n                onValueChange={onValueChange}\n              />\n              {isSubmitting && (\n                <div className=\"pointer-events-none absolute inset-s-2 inset-y-0 top-2.5 [&>svg]:size-3.5\">\n                  <Loader2Icon className=\"animate-spin text-primary-strong\" />\n                </div>\n              )}\n              {!isSubmitting && _touched && showErrorMessage && _hasErrors && (\n                <div className=\"pointer-events-none absolute inset-s-2 inset-y-0 top-2.75 text-danger-strong [&>svg]:size-3.5\">\n                  <BanIcon />\n                </div>\n              )}\n              <div className=\"mt-1 flex w-full items-start justify-between gap-x-2\">\n                {_touched && showErrorMessage ? <FieldError id={errorId} className=\"flex-1\" errors={field.state.meta.errors} /> : <div />}\n              </div>\n            </div>\n            <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n          </FieldContentMain>\n        </Field>\n        <FieldSeparator />\n      </FieldGroup>\n    );\n  }\n);\n\nNumberField.displayName = 'NumberField';\n"],"mappings":"yRA+CA,MAAa,GAAA,EAAA,EAAA,KAAA,EACV,CACC,QACA,cACA,cACA,UACA,aACA,cAAc,aACd,mBAAmB,GACnB,WACA,gBACA,YACA,OACA,WAAW,GACX,WAAW,GACX,mBACI,CACJ,IAAM,GAAA,EAAA,EAAA,MAAA,CAAW,EACX,GAAA,EAAA,EAAA,MAAA,CAAgB,EAEhB,EAAQA,EAAAA,EAAuC,EAE/C,GAAA,EAAA,EAAA,SAAA,CAAwB,EAAM,KAAK,OAAQ,CAAE,kBAAmB,CAAY,EAC5E,EAAa,GAAY,EAEzB,EAAW,EAAM,MAAM,KAAK,SAAW,EAAM,MAAM,KAAK,UACxD,EAAW,GAAY,CAAC,EAAM,MAAM,KAAK,QACzC,EAAW,GAAY,EAAM,MAAM,QAAU,KAC7C,EAAa,CAAC,CAAC,EAAM,MAAM,KAAK,OAAO,OAEvC,GAAA,EAAA,EAAA,YAAA,CACH,GAAyB,CACpB,GACJ,EAAM,aAAa,CAAK,CAC1B,EACA,CAAC,EAAY,EAAM,YAAY,CACjC,EAEA,OACE,EAAA,EAAA,KAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,eAAtB,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,MAAD,CAAoB,cAAa,eAAc,EAA/C,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,aAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,WAAD,CAAY,QAAS,EAAI,gBAAe,EAAxC,SAAA,CACG,EACA,IAAW,EAAA,EAAA,IAAA,CAACC,EAAAA,aAAD,CAAuB,SAAU,CAAA,CACnC,CACZ,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,iBAAD,CAAA,SAAmB,CAA8B,CAAA,CACrC,CAAA,CAAA,GAEd,EAAA,EAAA,KAAA,CAACC,EAAAA,iBAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,kBAAf,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CACM,KACJ,MAAO,EAAM,MAAM,MACnB,eAAc,EACd,mBAAkB,EACL,cACb,SAAU,EACV,aAAc,EACd,wBAAyB,EACd,YACX,SAAU,EACK,gBACf,WAAA,EAAA,EAAA,GAAA,CAAc,GAAc,gCAAgC,EAC5D,OAAQ,EAAM,WACC,eAChB,CAAA,EACA,IACC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,4EACb,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,UAAU,kCAAoC,CAAA,CACxD,CAAA,EAEN,CAAC,GAAgB,GAAY,GAAoB,IAChD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,gGACb,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,QAAD,CAAU,CAAA,CACP,CAAA,GAEP,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,uDACZ,SAAA,GAAY,GAAmB,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,GAAI,EAAS,UAAU,SAAS,OAAQ,EAAM,MAAM,KAAK,MAAS,CAAA,GAAI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAM,CAAA,CACrH,CAAA,CACF,CACL,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACxC,CAAA,CAAA,CACb,CACP,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,eAAD,CAAiB,CAAA,CACP,GAEhB,CACF,EAEA,EAAY,YAAc"}
+{"version":3,"file":"number-field-BjGl_IiN.cjs","names":["useTanStackFieldContext","FieldGroup","Field","FieldContent","FieldLabel","FieldTooltip","FieldDescription","FieldContentMain","NumberInput","Loader2Icon","BanIcon","FieldError","FieldNote","FieldSeparator"],"sources":["../packages/components/features/tanstack-form/components/fields/number-field.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useCallback, useId } from 'react';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { BanIcon, Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { NumberInput } from '@/components/ui/inputs/number-input';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport {\n  Field,\n  FieldContent,\n  FieldContentMain,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldNote,\n  FieldSeparator,\n  FieldTooltip,\n} from '../ui/field';\n\nimport type { NumberFieldProps } from '../../types';\n\n/**\n * A TanStack Form-connected numeric input field supporting rounding rules,\n * decimal precision, unit labels, and submission-state feedback.\n *\n * @example\n * import { NumberField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"quantity\">\n *   {() => (\n *     <NumberField\n *       label=\"Quantity\"\n *       placeholder=\"0\"\n *       unit=\"pcs\"\n *       decimalPlaces={2}\n *       required\n *     />\n *   )}\n * </form.Field>\n */\nexport const NumberField = memo<NumberFieldProps>(\n  ({\n    label,\n    description,\n    placeholder,\n    tooltip,\n    helperText,\n    orientation = 'responsive',\n    showErrorMessage = true,\n    rounding,\n    decimalPlaces,\n    precision,\n    unit,\n    required = false,\n    disabled = false,\n    allowNegative,\n  }) => {\n    const id = useId();\n    const errorId = useId();\n\n    const field = useTanStackFieldContext<number | null>();\n\n    const isSubmitting = useStore(field.form.store, ({ isSubmitting }) => isSubmitting);\n    const isDisabled = disabled || isSubmitting;\n\n    const _touched = field.state.meta.isDirty || field.state.meta.isTouched;\n    const _invalid = _touched && !field.state.meta.isValid;\n    const _isEmpty = required && field.state.value === null;\n    const _hasErrors = !!field.state.meta.errors.length;\n\n    const onValueChange = useCallback(\n      (value: number | null) => {\n        if (isDisabled) return;\n        field.handleChange(value);\n      },\n      [isDisabled, field.handleChange]\n    );\n\n    return (\n      <FieldGroup className=\"gap-y-4 px-4\">\n        <Field orientation={orientation} data-invalid={_invalid}>\n          <FieldContent>\n            <FieldLabel htmlFor={id} aria-required={_isEmpty}>\n              {label}\n              {tooltip && <FieldTooltip tooltip={tooltip} />}\n            </FieldLabel>\n            <FieldDescription>{description}</FieldDescription>\n          </FieldContent>\n\n          <FieldContentMain>\n            <div className=\"relative w-full\">\n              <NumberInput\n                id={id}\n                value={field.state.value}\n                aria-invalid={_invalid}\n                aria-describedby={errorId}\n                placeholder={placeholder}\n                disabled={isDisabled}\n                roundingRule={rounding}\n                numberAfterDecimalPoint={decimalPlaces}\n                precision={precision}\n                unitText={unit}\n                allowNegative={allowNegative}\n                className={cn(isDisabled && 'pointer-events-none opacity-60')}\n                onBlur={field.handleBlur}\n                onValueChange={onValueChange}\n              />\n              {isSubmitting && (\n                <div className=\"pointer-events-none absolute inset-s-2 inset-y-0 top-2.5 [&>svg]:size-3.5\">\n                  <Loader2Icon className=\"animate-spin text-primary-strong\" />\n                </div>\n              )}\n              {!isSubmitting && _touched && showErrorMessage && _hasErrors && (\n                <div className=\"pointer-events-none absolute inset-s-2 inset-y-0 top-2.75 text-danger-strong [&>svg]:size-3.5\">\n                  <BanIcon />\n                </div>\n              )}\n              <div className=\"mt-1 flex w-full items-start justify-between gap-x-2\">\n                {_touched && showErrorMessage ? <FieldError id={errorId} className=\"flex-1\" errors={field.state.meta.errors} /> : <div />}\n              </div>\n            </div>\n            <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n          </FieldContentMain>\n        </Field>\n        <FieldSeparator />\n      </FieldGroup>\n    );\n  }\n);\n\nNumberField.displayName = 'NumberField';\n"],"mappings":"uPA+CA,MAAa,GAAA,EAAA,EAAA,KAAA,EACV,CACC,QACA,cACA,cACA,UACA,aACA,cAAc,aACd,mBAAmB,GACnB,WACA,gBACA,YACA,OACA,WAAW,GACX,WAAW,GACX,mBACI,CACJ,IAAM,GAAA,EAAA,EAAA,MAAA,CAAW,EACX,GAAA,EAAA,EAAA,MAAA,CAAgB,EAEhB,EAAQA,EAAAA,GAAuC,EAE/C,GAAA,EAAA,EAAA,SAAA,CAAwB,EAAM,KAAK,OAAQ,CAAE,kBAAmB,CAAY,EAC5E,EAAa,GAAY,EAEzB,EAAW,EAAM,MAAM,KAAK,SAAW,EAAM,MAAM,KAAK,UACxD,EAAW,GAAY,CAAC,EAAM,MAAM,KAAK,QACzC,EAAW,GAAY,EAAM,MAAM,QAAU,KAC7C,EAAa,CAAC,CAAC,EAAM,MAAM,KAAK,OAAO,OAEvC,GAAA,EAAA,EAAA,YAAA,CACH,GAAyB,CACpB,GACJ,EAAM,aAAa,CAAK,CAC1B,EACA,CAAC,EAAY,EAAM,YAAY,CACjC,EAEA,OACE,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAY,UAAU,eAAtB,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAoB,cAAa,eAAc,EAA/C,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAY,QAAS,EAAI,gBAAe,EAAxC,SAAA,CACG,EACA,IAAW,EAAA,EAAA,IAAA,CAACC,EAAAA,GAAD,CAAuB,SAAU,CAAA,CACnC,CACZ,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAA,SAAmB,CAA8B,CAAA,CACrC,CAAA,CAAA,GAEd,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAA,CAAC,MAAD,CAAK,UAAU,kBAAf,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CACM,KACJ,MAAO,EAAM,MAAM,MACnB,eAAc,EACd,mBAAkB,EACL,cACb,SAAU,EACV,aAAc,EACd,wBAAyB,EACd,YACX,SAAU,EACK,gBACf,WAAA,EAAA,EAAA,GAAA,CAAc,GAAc,gCAAgC,EAC5D,OAAQ,EAAM,WACC,eAChB,CAAA,EACA,IACC,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,4EACb,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,YAAD,CAAa,UAAU,kCAAoC,CAAA,CACxD,CAAA,EAEN,CAAC,GAAgB,GAAY,GAAoB,IAChD,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,gGACb,UAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,QAAD,CAAU,CAAA,CACP,CAAA,GAEP,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,uDACZ,SAAA,GAAY,GAAmB,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAY,GAAI,EAAS,UAAU,SAAS,OAAQ,EAAM,MAAM,KAAK,MAAS,CAAA,GAAI,EAAA,EAAA,IAAA,CAAC,MAAD,CAAM,CAAA,CACrH,CAAA,CACF,CACL,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACxC,CAAA,CAAA,CACb,CACP,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,GAAD,CAAiB,CAAA,CACP,GAEhB,CACF,EAEA,EAAY,YAAc"}

package/dist/number-field-CVemIwIg.mjs

@@ -0,0 +1,2 @@
+import{$ as e,G as t,J as n,K as r,X as i,Y as a,Z as o,et as s,nt as c,q as l,rt as u}from"./tanstack-form-BhKAn9I0.mjs";import{t as d}from"./number-input-CJcEV9Cg.mjs";import{BanIcon as f,Loader2Icon as p}from"lucide-react";import{memo as m,useCallback as h,useId as g}from"react";import{cn as _}from"@customafk/react-toolkit/utils";import{jsx as v,jsxs as y}from"react/jsx-runtime";import{useStore as b}from"@tanstack/react-form";const x=m(({label:m,description:x,placeholder:S,tooltip:C,helperText:w,orientation:T=`responsive`,showErrorMessage:E=!0,rounding:D,decimalPlaces:O,precision:k,unit:A,required:j=!1,disabled:M=!1,allowNegative:N})=>{let P=g(),F=g(),I=u(),L=b(I.form.store,({isSubmitting:e})=>e),R=M||L,z=I.state.meta.isDirty||I.state.meta.isTouched,B=z&&!I.state.meta.isValid,V=j&&I.state.value===null,H=!!I.state.meta.errors.length,U=h(e=>{R||I.handleChange(e)},[R,I.handleChange]);return y(i,{className:`gap-y-4 px-4`,children:[y(t,{orientation:T,"data-invalid":B,children:[y(r,{children:[y(o,{htmlFor:P,"aria-required":V,children:[m,C&&v(c,{tooltip:C})]}),v(n,{children:x})]}),y(l,{children:[y(`div`,{className:`relative w-full`,children:[v(d,{id:P,value:I.state.value,"aria-invalid":B,"aria-describedby":F,placeholder:S,disabled:R,roundingRule:D,numberAfterDecimalPoint:O,precision:k,unitText:A,allowNegative:N,className:_(R&&`pointer-events-none opacity-60`),onBlur:I.handleBlur,onValueChange:U}),L&&v(`div`,{className:`pointer-events-none absolute inset-s-2 inset-y-0 top-2.5 [&>svg]:size-3.5`,children:v(p,{className:`animate-spin text-primary-strong`})}),!L&&z&&E&&H&&v(`div`,{className:`pointer-events-none absolute inset-s-2 inset-y-0 top-2.75 text-danger-strong [&>svg]:size-3.5`,children:v(f,{})}),v(`div`,{className:`mt-1 flex w-full items-start justify-between gap-x-2`,children:z&&E?v(a,{id:F,className:`flex-1`,errors:I.state.meta.errors}):v(`div`,{})})]}),v(e,{isShow:!!w,children:w})]})]}),v(s,{})]})});x.displayName=`NumberField`;export{x as NumberField};
+//# sourceMappingURL=number-field-CVemIwIg.mjs.map

package/dist/{number-field-CR5PLX6H.mjs.map → number-field-CVemIwIg.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"number-field-CR5PLX6H.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/fields/number-field.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useCallback, useId } from 'react';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { BanIcon, Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { NumberInput } from '@/components/ui/inputs/number-input';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport {\n  Field,\n  FieldContent,\n  FieldContentMain,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldNote,\n  FieldSeparator,\n  FieldTooltip,\n} from '../ui/field';\n\nimport type { NumberFieldProps } from '../../types';\n\n/**\n * A TanStack Form-connected numeric input field supporting rounding rules,\n * decimal precision, unit labels, and submission-state feedback.\n *\n * @example\n * import { NumberField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"quantity\">\n *   {() => (\n *     <NumberField\n *       label=\"Quantity\"\n *       placeholder=\"0\"\n *       unit=\"pcs\"\n *       decimalPlaces={2}\n *       required\n *     />\n *   )}\n * </form.Field>\n */\nexport const NumberField = memo<NumberFieldProps>(\n  ({\n    label,\n    description,\n    placeholder,\n    tooltip,\n    helperText,\n    orientation = 'responsive',\n    showErrorMessage = true,\n    rounding,\n    decimalPlaces,\n    precision,\n    unit,\n    required = false,\n    disabled = false,\n    allowNegative,\n  }) => {\n    const id = useId();\n    const errorId = useId();\n\n    const field = useTanStackFieldContext<number | null>();\n\n    const isSubmitting = useStore(field.form.store, ({ isSubmitting }) => isSubmitting);\n    const isDisabled = disabled || isSubmitting;\n\n    const _touched = field.state.meta.isDirty || field.state.meta.isTouched;\n    const _invalid = _touched && !field.state.meta.isValid;\n    const _isEmpty = required && field.state.value === null;\n    const _hasErrors = !!field.state.meta.errors.length;\n\n    const onValueChange = useCallback(\n      (value: number | null) => {\n        if (isDisabled) return;\n        field.handleChange(value);\n      },\n      [isDisabled, field.handleChange]\n    );\n\n    return (\n      <FieldGroup className=\"gap-y-4 px-4\">\n        <Field orientation={orientation} data-invalid={_invalid}>\n          <FieldContent>\n            <FieldLabel htmlFor={id} aria-required={_isEmpty}>\n              {label}\n              {tooltip && <FieldTooltip tooltip={tooltip} />}\n            </FieldLabel>\n            <FieldDescription>{description}</FieldDescription>\n          </FieldContent>\n\n          <FieldContentMain>\n            <div className=\"relative w-full\">\n              <NumberInput\n                id={id}\n                value={field.state.value}\n                aria-invalid={_invalid}\n                aria-describedby={errorId}\n                placeholder={placeholder}\n                disabled={isDisabled}\n                roundingRule={rounding}\n                numberAfterDecimalPoint={decimalPlaces}\n                precision={precision}\n                unitText={unit}\n                allowNegative={allowNegative}\n                className={cn(isDisabled && 'pointer-events-none opacity-60')}\n                onBlur={field.handleBlur}\n                onValueChange={onValueChange}\n              />\n              {isSubmitting && (\n                <div className=\"pointer-events-none absolute inset-s-2 inset-y-0 top-2.5 [&>svg]:size-3.5\">\n                  <Loader2Icon className=\"animate-spin text-primary-strong\" />\n                </div>\n              )}\n              {!isSubmitting && _touched && showErrorMessage && _hasErrors && (\n                <div className=\"pointer-events-none absolute inset-s-2 inset-y-0 top-2.75 text-danger-strong [&>svg]:size-3.5\">\n                  <BanIcon />\n                </div>\n              )}\n              <div className=\"mt-1 flex w-full items-start justify-between gap-x-2\">\n                {_touched && showErrorMessage ? <FieldError id={errorId} className=\"flex-1\" errors={field.state.meta.errors} /> : <div />}\n              </div>\n            </div>\n            <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n          </FieldContentMain>\n        </Field>\n        <FieldSeparator />\n      </FieldGroup>\n    );\n  }\n);\n\nNumberField.displayName = 'NumberField';\n"],"mappings":"wjBA+CA,MAAa,EAAc,GACxB,CACC,QACA,cACA,cACA,UACA,aACA,cAAc,aACd,mBAAmB,GACnB,WACA,gBACA,YACA,OACA,WAAW,GACX,WAAW,GACX,mBACI,CACJ,IAAM,EAAK,EAAM,EACX,EAAU,EAAM,EAEhB,EAAQ,EAAuC,EAE/C,EAAe,EAAS,EAAM,KAAK,OAAQ,CAAE,kBAAmB,CAAY,EAC5E,EAAa,GAAY,EAEzB,EAAW,EAAM,MAAM,KAAK,SAAW,EAAM,MAAM,KAAK,UACxD,EAAW,GAAY,CAAC,EAAM,MAAM,KAAK,QACzC,EAAW,GAAY,EAAM,MAAM,QAAU,KAC7C,EAAa,CAAC,CAAC,EAAM,MAAM,KAAK,OAAO,OAEvC,EAAgB,EACnB,GAAyB,CACpB,GACJ,EAAM,aAAa,CAAK,CAC1B,EACA,CAAC,EAAY,EAAM,YAAY,CACjC,EAEA,OACE,EAAC,EAAD,CAAY,UAAU,eAAtB,SAAA,CACE,EAAC,EAAD,CAAoB,cAAa,eAAc,EAA/C,SAAA,CACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAY,QAAS,EAAI,gBAAe,EAAxC,SAAA,CACG,EACA,GAAW,EAAC,EAAD,CAAuB,SAAU,CAAA,CACnC,CACZ,CAAA,EAAA,EAAC,EAAD,CAAA,SAAmB,CAA8B,CAAA,CACrC,CAAA,CAAA,EAEd,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,MAAD,CAAK,UAAU,kBAAf,SAAA,CACE,EAAC,EAAD,CACM,KACJ,MAAO,EAAM,MAAM,MACnB,eAAc,EACd,mBAAkB,EACL,cACb,SAAU,EACV,aAAc,EACd,wBAAyB,EACd,YACX,SAAU,EACK,gBACf,UAAW,EAAG,GAAc,gCAAgC,EAC5D,OAAQ,EAAM,WACC,eAChB,CAAA,EACA,GACC,EAAC,MAAD,CAAK,UAAU,4EACb,SAAA,EAAC,EAAD,CAAa,UAAU,kCAAoC,CAAA,CACxD,CAAA,EAEN,CAAC,GAAgB,GAAY,GAAoB,GAChD,EAAC,MAAD,CAAK,UAAU,gGACb,SAAA,EAAC,EAAD,CAAU,CAAA,CACP,CAAA,EAEP,EAAC,MAAD,CAAK,UAAU,uDACZ,SAAA,GAAY,EAAmB,EAAC,EAAD,CAAY,GAAI,EAAS,UAAU,SAAS,OAAQ,EAAM,MAAM,KAAK,MAAS,CAAA,EAAI,EAAC,MAAD,CAAM,CAAA,CACrH,CAAA,CACF,CACL,CAAA,EAAA,EAAC,EAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACxC,CAAA,CAAA,CACb,CACP,CAAA,EAAA,EAAC,EAAD,CAAiB,CAAA,CACP,GAEhB,CACF,EAEA,EAAY,YAAc"}
+{"version":3,"file":"number-field-CVemIwIg.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/fields/number-field.tsx"],"sourcesContent":["'use client';\n\nimport { memo, useCallback, useId } from 'react';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { BanIcon, Loader2Icon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { NumberInput } from '@/components/ui/inputs/number-input';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport {\n  Field,\n  FieldContent,\n  FieldContentMain,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldNote,\n  FieldSeparator,\n  FieldTooltip,\n} from '../ui/field';\n\nimport type { NumberFieldProps } from '../../types';\n\n/**\n * A TanStack Form-connected numeric input field supporting rounding rules,\n * decimal precision, unit labels, and submission-state feedback.\n *\n * @example\n * import { NumberField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"quantity\">\n *   {() => (\n *     <NumberField\n *       label=\"Quantity\"\n *       placeholder=\"0\"\n *       unit=\"pcs\"\n *       decimalPlaces={2}\n *       required\n *     />\n *   )}\n * </form.Field>\n */\nexport const NumberField = memo<NumberFieldProps>(\n  ({\n    label,\n    description,\n    placeholder,\n    tooltip,\n    helperText,\n    orientation = 'responsive',\n    showErrorMessage = true,\n    rounding,\n    decimalPlaces,\n    precision,\n    unit,\n    required = false,\n    disabled = false,\n    allowNegative,\n  }) => {\n    const id = useId();\n    const errorId = useId();\n\n    const field = useTanStackFieldContext<number | null>();\n\n    const isSubmitting = useStore(field.form.store, ({ isSubmitting }) => isSubmitting);\n    const isDisabled = disabled || isSubmitting;\n\n    const _touched = field.state.meta.isDirty || field.state.meta.isTouched;\n    const _invalid = _touched && !field.state.meta.isValid;\n    const _isEmpty = required && field.state.value === null;\n    const _hasErrors = !!field.state.meta.errors.length;\n\n    const onValueChange = useCallback(\n      (value: number | null) => {\n        if (isDisabled) return;\n        field.handleChange(value);\n      },\n      [isDisabled, field.handleChange]\n    );\n\n    return (\n      <FieldGroup className=\"gap-y-4 px-4\">\n        <Field orientation={orientation} data-invalid={_invalid}>\n          <FieldContent>\n            <FieldLabel htmlFor={id} aria-required={_isEmpty}>\n              {label}\n              {tooltip && <FieldTooltip tooltip={tooltip} />}\n            </FieldLabel>\n            <FieldDescription>{description}</FieldDescription>\n          </FieldContent>\n\n          <FieldContentMain>\n            <div className=\"relative w-full\">\n              <NumberInput\n                id={id}\n                value={field.state.value}\n                aria-invalid={_invalid}\n                aria-describedby={errorId}\n                placeholder={placeholder}\n                disabled={isDisabled}\n                roundingRule={rounding}\n                numberAfterDecimalPoint={decimalPlaces}\n                precision={precision}\n                unitText={unit}\n                allowNegative={allowNegative}\n                className={cn(isDisabled && 'pointer-events-none opacity-60')}\n                onBlur={field.handleBlur}\n                onValueChange={onValueChange}\n              />\n              {isSubmitting && (\n                <div className=\"pointer-events-none absolute inset-s-2 inset-y-0 top-2.5 [&>svg]:size-3.5\">\n                  <Loader2Icon className=\"animate-spin text-primary-strong\" />\n                </div>\n              )}\n              {!isSubmitting && _touched && showErrorMessage && _hasErrors && (\n                <div className=\"pointer-events-none absolute inset-s-2 inset-y-0 top-2.75 text-danger-strong [&>svg]:size-3.5\">\n                  <BanIcon />\n                </div>\n              )}\n              <div className=\"mt-1 flex w-full items-start justify-between gap-x-2\">\n                {_touched && showErrorMessage ? <FieldError id={errorId} className=\"flex-1\" errors={field.state.meta.errors} /> : <div />}\n              </div>\n            </div>\n            <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n          </FieldContentMain>\n        </Field>\n        <FieldSeparator />\n      </FieldGroup>\n    );\n  }\n);\n\nNumberField.displayName = 'NumberField';\n"],"mappings":"ibA+CA,MAAa,EAAc,GACxB,CACC,QACA,cACA,cACA,UACA,aACA,cAAc,aACd,mBAAmB,GACnB,WACA,gBACA,YACA,OACA,WAAW,GACX,WAAW,GACX,mBACI,CACJ,IAAM,EAAK,EAAM,EACX,EAAU,EAAM,EAEhB,EAAQ,EAAuC,EAE/C,EAAe,EAAS,EAAM,KAAK,OAAQ,CAAE,kBAAmB,CAAY,EAC5E,EAAa,GAAY,EAEzB,EAAW,EAAM,MAAM,KAAK,SAAW,EAAM,MAAM,KAAK,UACxD,EAAW,GAAY,CAAC,EAAM,MAAM,KAAK,QACzC,EAAW,GAAY,EAAM,MAAM,QAAU,KAC7C,EAAa,CAAC,CAAC,EAAM,MAAM,KAAK,OAAO,OAEvC,EAAgB,EACnB,GAAyB,CACpB,GACJ,EAAM,aAAa,CAAK,CAC1B,EACA,CAAC,EAAY,EAAM,YAAY,CACjC,EAEA,OACE,EAAC,EAAD,CAAY,UAAU,eAAtB,SAAA,CACE,EAAC,EAAD,CAAoB,cAAa,eAAc,EAA/C,SAAA,CACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAY,QAAS,EAAI,gBAAe,EAAxC,SAAA,CACG,EACA,GAAW,EAAC,EAAD,CAAuB,SAAU,CAAA,CACnC,CACZ,CAAA,EAAA,EAAC,EAAD,CAAA,SAAmB,CAA8B,CAAA,CACrC,CAAA,CAAA,EAEd,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,MAAD,CAAK,UAAU,kBAAf,SAAA,CACE,EAAC,EAAD,CACM,KACJ,MAAO,EAAM,MAAM,MACnB,eAAc,EACd,mBAAkB,EACL,cACb,SAAU,EACV,aAAc,EACd,wBAAyB,EACd,YACX,SAAU,EACK,gBACf,UAAW,EAAG,GAAc,gCAAgC,EAC5D,OAAQ,EAAM,WACC,eAChB,CAAA,EACA,GACC,EAAC,MAAD,CAAK,UAAU,4EACb,SAAA,EAAC,EAAD,CAAa,UAAU,kCAAoC,CAAA,CACxD,CAAA,EAEN,CAAC,GAAgB,GAAY,GAAoB,GAChD,EAAC,MAAD,CAAK,UAAU,gGACb,SAAA,EAAC,EAAD,CAAU,CAAA,CACP,CAAA,EAEP,EAAC,MAAD,CAAK,UAAU,uDACZ,SAAA,GAAY,EAAmB,EAAC,EAAD,CAAY,GAAI,EAAS,UAAU,SAAS,OAAQ,EAAM,MAAM,KAAK,MAAS,CAAA,EAAI,EAAC,MAAD,CAAM,CAAA,CACrH,CAAA,CACF,CACL,CAAA,EAAA,EAAC,EAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACxC,CAAA,CAAA,CACb,CACP,CAAA,EAAA,EAAC,EAAD,CAAiB,CAAA,CACP,GAEhB,CACF,EAEA,EAAY,YAAc"}

package/dist/pages/LoginPage/index.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../LoginPage-DPUdRD0r.cjs");exports.LoginPage=e.t;

package/dist/pages/LoginPage/index.d.cts

@@ -0,0 +1,2 @@
+import { n as LoginMethod, r as LoginPageProps, t as LoginPage } from "../../index-6_zytlWu.cjs";
+export { type LoginMethod, LoginPage, type LoginPageProps };

package/dist/pages/LoginPage/index.d.mts

@@ -0,0 +1,2 @@
+import { n as LoginMethod, r as LoginPageProps, t as LoginPage } from "../../index-6_zytlWu.mjs";
+export { type LoginMethod, LoginPage, type LoginPageProps };

package/dist/pages/LoginPage/index.mjs

@@ -0,0 +1 @@
+"use client";import{t as e}from"../../LoginPage-DGgThT3s.mjs";export{e as LoginPage};

package/dist/password-field-Be0Ltlxh.cjs

@@ -0,0 +1,2 @@
+const e=require("./ui/input.cjs"),t=require("./tanstack-form-DCB2addt.cjs");let n=require("lucide-react"),r=require("react"),i=require("react/jsx-runtime"),a=require("@tanstack/react-form");const o=({label:o,description:s,placeholder:c,orientation:l=`responsive`,tooltip:u,helperText:d,showErrorMessage:f=!0})=>{let p=(0,r.useId)(),{form:m,name:h,state:g,handleBlur:_,handleChange:v}=t.rt(),y=(0,a.useStore)(m.store,({isSubmitting:e})=>e),[b,x]=(0,r.useState)(!1),S=g.meta.isDirty&&g.meta.isTouched&&!g.meta.isValid,C=(0,r.useCallback)(()=>x(e=>!e),[]),w=(0,r.useCallback)(({target:{value:e}})=>{y||v(e||null)},[y,v]);return(0,i.jsxs)(t.X,{className:`gap-y-4 px-4`,children:[(0,i.jsxs)(t.G,{"data-invalid":S,orientation:l,children:[(0,i.jsxs)(t.K,{children:[(0,i.jsxs)(t.Z,{htmlFor:p,children:[o,u&&(0,i.jsx)(t.nt,{tooltip:u})]}),(0,i.jsx)(t.J,{children:s})]}),(0,i.jsxs)(t.q,{children:[(0,i.jsx)(e.Input,{id:p,name:h,type:b?`text`:`password`,placeholder:c,value:g.value??``,"aria-invalid":S,autoComplete:`new-password`,onBlur:_,onChange:w}),(0,i.jsx)(`button`,{className:`absolute inset-e-0 inset-y-0 flex size-9 items-center justify-center rounded-e-md text-muted outline-none transition-[color,box-shadow] focus:z-10 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,type:`button`,onClick:C,"aria-label":b?`Ẩn mật khẩu`:`Hiện mật khẩu`,"aria-pressed":b,"aria-controls":p,children:b?(0,i.jsx)(n.EyeOffIcon,{size:16,"aria-hidden":`true`}):(0,i.jsx)(n.EyeIcon,{size:16,"aria-hidden":`true`})}),(0,i.jsx)(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:f&&g.meta.isDirty&&(0,i.jsx)(t.Y,{errors:g.meta.errors})}),(0,i.jsx)(t.$,{isShow:!!d,children:d})]})]}),(0,i.jsx)(t.et,{})]})};exports.PasswordField=o;
+//# sourceMappingURL=password-field-Be0Ltlxh.cjs.map

package/dist/{password-field-BHRhVyZ0.cjs.map → password-field-Be0Ltlxh.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"password-field-BHRhVyZ0.cjs","names":["useTanStackFieldContext","FieldGroup","Field","FieldContent","FieldLabel","FieldTooltip","FieldDescription","FieldContentMain","Input","EyeOffIcon","EyeIcon","FieldError","FieldNote","FieldSeparator"],"sources":["../packages/components/features/tanstack-form/components/fields/password-field.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useId, useState } from 'react';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\n\nimport { Input } from '@/components/ui/input';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport {\n  Field,\n  FieldContent,\n  FieldContentMain,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldNote,\n  FieldSeparator,\n  FieldTooltip,\n} from '../ui/field';\n\nimport type { PasswordFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected password input field with a show/hide toggle button\n * and inline validation error display.\n *\n * @example\n * import { PasswordField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"password\">\n *   {() => (\n *     <PasswordField\n *       label=\"Password\"\n *       placeholder=\"Enter your password\"\n *       helperText=\"Must be at least 8 characters\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const PasswordField: React.FC<Props> = ({\n  label,\n  description,\n  placeholder,\n  orientation = 'responsive',\n  tooltip,\n  helperText,\n  showErrorMessage = true,\n}) => {\n  const id = useId();\n  const { form, name, state, handleBlur, handleChange } = useTanStackFieldContext<string | null>();\n\n  const isSubmitting = useStore(form.store, ({ isSubmitting }) => isSubmitting);\n\n  const [isVisible, setIsVisible] = useState<boolean>(false);\n\n  const _invalid = state.meta.isDirty && state.meta.isTouched && !state.meta.isValid;\n\n  const toggleVisibility = useCallback(() => setIsVisible(prev => !prev), []);\n\n  const onChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n    ({ target: { value } }) => {\n      if (isSubmitting) return;\n      handleChange(value || null);\n    },\n    [isSubmitting, handleChange]\n  );\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field data-invalid={_invalid} orientation={orientation}>\n        <FieldContent>\n          <FieldLabel htmlFor={id}>\n            {label}\n            {tooltip && <FieldTooltip tooltip={tooltip} />}\n          </FieldLabel>\n          <FieldDescription>{description}</FieldDescription>\n        </FieldContent>\n        <FieldContentMain>\n          <Input\n            id={id}\n            name={name}\n            type={isVisible ? 'text' : 'password'}\n            placeholder={placeholder}\n            value={state.value ?? ''}\n            aria-invalid={_invalid}\n            autoComplete=\"new-password\"\n            onBlur={handleBlur}\n            onChange={onChange}\n          />\n\n          <button\n            className=\"absolute inset-e-0 inset-y-0 flex size-9 items-center justify-center rounded-e-md text-muted outline-none transition-[color,box-shadow] focus:z-10 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n            type=\"button\"\n            onClick={toggleVisibility}\n            aria-label={isVisible ? 'Ẩn mật khẩu' : 'Hiện mật khẩu'}\n            aria-pressed={isVisible}\n            aria-controls={id}\n          >\n            {isVisible ? <EyeOffIcon size={16} aria-hidden=\"true\" /> : <EyeIcon size={16} aria-hidden=\"true\" />}\n          </button>\n\n          <div className=\"mt-1 flex w-full items-start justify-start\">\n            {showErrorMessage && state.meta.isDirty && <FieldError errors={state.meta.errors} />}\n          </div>\n          <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n        </FieldContentMain>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"gOA2CA,MAAa,GAAkC,CAC7C,QACA,cACA,cACA,cAAc,aACd,UACA,aACA,mBAAmB,MACf,CACJ,IAAM,GAAA,EAAA,EAAA,MAAA,CAAW,EACX,CAAE,OAAM,OAAM,QAAO,aAAY,gBAAiBA,EAAAA,EAAuC,EAEzF,GAAA,EAAA,EAAA,SAAA,CAAwB,EAAK,OAAQ,CAAE,kBAAmB,CAAY,EAEtE,CAAC,EAAW,IAAA,EAAA,EAAA,SAAA,CAAkC,EAAK,EAEnD,EAAW,EAAM,KAAK,SAAW,EAAM,KAAK,WAAa,CAAC,EAAM,KAAK,QAErE,GAAA,EAAA,EAAA,YAAA,KAAqC,EAAa,GAAQ,CAAC,CAAI,EAAG,CAAC,CAAC,EAEpE,GAAA,EAAA,EAAA,YAAA,EACH,CAAE,OAAQ,CAAE,YAAc,CACrB,GACJ,EAAa,GAAS,IAAI,CAC5B,EACA,CAAC,EAAc,CAAY,CAC7B,EAEA,OACE,EAAA,EAAA,KAAA,CAACC,EAAAA,WAAD,CAAY,UAAU,eAAtB,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,MAAD,CAAO,eAAc,EAAuB,cAA5C,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,aAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,WAAD,CAAY,QAAS,EAArB,SAAA,CACG,EACA,IAAW,EAAA,EAAA,IAAA,CAACC,EAAAA,aAAD,CAAuB,SAAU,CAAA,CACnC,CACZ,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,iBAAD,CAAA,SAAmB,CAA8B,CAAA,CACrC,CAAA,CAAA,GACd,EAAA,EAAA,KAAA,CAACC,EAAAA,iBAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CACM,KACE,OACN,KAAM,EAAY,OAAS,WACd,cACb,MAAO,EAAM,OAAS,GACtB,eAAc,EACd,aAAa,eACb,OAAQ,EACE,UACX,CAAA,GAED,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,UAAU,kOACV,KAAK,SACL,QAAS,EACT,aAAY,EAAY,cAAgB,gBACxC,eAAc,EACd,gBAAe,EAEd,SAAA,GAAY,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,KAAM,GAAI,cAAY,MAAQ,CAAA,GAAI,EAAA,EAAA,IAAA,CAACC,EAAAA,QAAD,CAAS,KAAM,GAAI,cAAY,MAAQ,CAAA,CAC5F,CAAA,GAER,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,6CACZ,SAAA,GAAoB,EAAM,KAAK,UAAW,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,OAAQ,EAAM,KAAK,MAAS,CAAA,CAChF,CAAA,GACL,EAAA,EAAA,IAAA,CAACC,EAAAA,UAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACxC,CAAA,CAAA,CACb,CACP,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,eAAD,CAAiB,CAAA,CACP,GAEhB"}
+{"version":3,"file":"password-field-Be0Ltlxh.cjs","names":["useTanStackFieldContext","FieldGroup","Field","FieldContent","FieldLabel","FieldTooltip","FieldDescription","FieldContentMain","Input","EyeOffIcon","EyeIcon","FieldError","FieldNote","FieldSeparator"],"sources":["../packages/components/features/tanstack-form/components/fields/password-field.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useId, useState } from 'react';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\n\nimport { Input } from '@/components/ui/input';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport {\n  Field,\n  FieldContent,\n  FieldContentMain,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldNote,\n  FieldSeparator,\n  FieldTooltip,\n} from '../ui/field';\n\nimport type { PasswordFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected password input field with a show/hide toggle button\n * and inline validation error display.\n *\n * @example\n * import { PasswordField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"password\">\n *   {() => (\n *     <PasswordField\n *       label=\"Password\"\n *       placeholder=\"Enter your password\"\n *       helperText=\"Must be at least 8 characters\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const PasswordField: React.FC<Props> = ({\n  label,\n  description,\n  placeholder,\n  orientation = 'responsive',\n  tooltip,\n  helperText,\n  showErrorMessage = true,\n}) => {\n  const id = useId();\n  const { form, name, state, handleBlur, handleChange } = useTanStackFieldContext<string | null>();\n\n  const isSubmitting = useStore(form.store, ({ isSubmitting }) => isSubmitting);\n\n  const [isVisible, setIsVisible] = useState<boolean>(false);\n\n  const _invalid = state.meta.isDirty && state.meta.isTouched && !state.meta.isValid;\n\n  const toggleVisibility = useCallback(() => setIsVisible(prev => !prev), []);\n\n  const onChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n    ({ target: { value } }) => {\n      if (isSubmitting) return;\n      handleChange(value || null);\n    },\n    [isSubmitting, handleChange]\n  );\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field data-invalid={_invalid} orientation={orientation}>\n        <FieldContent>\n          <FieldLabel htmlFor={id}>\n            {label}\n            {tooltip && <FieldTooltip tooltip={tooltip} />}\n          </FieldLabel>\n          <FieldDescription>{description}</FieldDescription>\n        </FieldContent>\n        <FieldContentMain>\n          <Input\n            id={id}\n            name={name}\n            type={isVisible ? 'text' : 'password'}\n            placeholder={placeholder}\n            value={state.value ?? ''}\n            aria-invalid={_invalid}\n            autoComplete=\"new-password\"\n            onBlur={handleBlur}\n            onChange={onChange}\n          />\n\n          <button\n            className=\"absolute inset-e-0 inset-y-0 flex size-9 items-center justify-center rounded-e-md text-muted outline-none transition-[color,box-shadow] focus:z-10 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n            type=\"button\"\n            onClick={toggleVisibility}\n            aria-label={isVisible ? 'Ẩn mật khẩu' : 'Hiện mật khẩu'}\n            aria-pressed={isVisible}\n            aria-controls={id}\n          >\n            {isVisible ? <EyeOffIcon size={16} aria-hidden=\"true\" /> : <EyeIcon size={16} aria-hidden=\"true\" />}\n          </button>\n\n          <div className=\"mt-1 flex w-full items-start justify-start\">\n            {showErrorMessage && state.meta.isDirty && <FieldError errors={state.meta.errors} />}\n          </div>\n          <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n        </FieldContentMain>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"8LA2CA,MAAa,GAAkC,CAC7C,QACA,cACA,cACA,cAAc,aACd,UACA,aACA,mBAAmB,MACf,CACJ,IAAM,GAAA,EAAA,EAAA,MAAA,CAAW,EACX,CAAE,OAAM,OAAM,QAAO,aAAY,gBAAiBA,EAAAA,GAAuC,EAEzF,GAAA,EAAA,EAAA,SAAA,CAAwB,EAAK,OAAQ,CAAE,kBAAmB,CAAY,EAEtE,CAAC,EAAW,IAAA,EAAA,EAAA,SAAA,CAAkC,EAAK,EAEnD,EAAW,EAAM,KAAK,SAAW,EAAM,KAAK,WAAa,CAAC,EAAM,KAAK,QAErE,GAAA,EAAA,EAAA,YAAA,KAAqC,EAAa,GAAQ,CAAC,CAAI,EAAG,CAAC,CAAC,EAEpE,GAAA,EAAA,EAAA,YAAA,EACH,CAAE,OAAQ,CAAE,YAAc,CACrB,GACJ,EAAa,GAAS,IAAI,CAC5B,EACA,CAAC,EAAc,CAAY,CAC7B,EAEA,OACE,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAY,UAAU,eAAtB,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAO,eAAc,EAAuB,cAA5C,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAY,QAAS,EAArB,SAAA,CACG,EACA,IAAW,EAAA,EAAA,IAAA,CAACC,EAAAA,GAAD,CAAuB,SAAU,CAAA,CACnC,CACZ,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAA,SAAmB,CAA8B,CAAA,CACrC,CAAA,CAAA,GACd,EAAA,EAAA,KAAA,CAACC,EAAAA,EAAD,CAAA,SAAA,EACE,EAAA,EAAA,IAAA,CAACC,EAAAA,MAAD,CACM,KACE,OACN,KAAM,EAAY,OAAS,WACd,cACb,MAAO,EAAM,OAAS,GACtB,eAAc,EACd,aAAa,eACb,OAAQ,EACE,UACX,CAAA,GAED,EAAA,EAAA,IAAA,CAAC,SAAD,CACE,UAAU,kOACV,KAAK,SACL,QAAS,EACT,aAAY,EAAY,cAAgB,gBACxC,eAAc,EACd,gBAAe,EAEd,SAAA,GAAY,EAAA,EAAA,IAAA,CAACC,EAAAA,WAAD,CAAY,KAAM,GAAI,cAAY,MAAQ,CAAA,GAAI,EAAA,EAAA,IAAA,CAACC,EAAAA,QAAD,CAAS,KAAM,GAAI,cAAY,MAAQ,CAAA,CAC5F,CAAA,GAER,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAU,6CACZ,SAAA,GAAoB,EAAM,KAAK,UAAW,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAY,OAAQ,EAAM,KAAK,MAAS,CAAA,CAChF,CAAA,GACL,EAAA,EAAA,IAAA,CAACC,EAAAA,EAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACxC,CAAA,CAAA,CACb,CACP,CAAA,GAAA,EAAA,EAAA,IAAA,CAACC,EAAAA,GAAD,CAAiB,CAAA,CACP,GAEhB"}

package/dist/password-field-BxYaT8lO.mjs

@@ -0,0 +1,2 @@
+import{$ as e,G as t,J as n,K as r,X as i,Y as a,Z as o,et as s,nt as c,q as l,rt as u}from"./tanstack-form-BhKAn9I0.mjs";import{Input as d}from"./ui/input.mjs";import{EyeIcon as f,EyeOffIcon as p}from"lucide-react";import{useCallback as m,useId as h,useState as g}from"react";import{jsx as _,jsxs as v}from"react/jsx-runtime";import{useStore as y}from"@tanstack/react-form";const b=({label:b,description:x,placeholder:S,orientation:C=`responsive`,tooltip:w,helperText:T,showErrorMessage:E=!0})=>{let D=h(),{form:O,name:k,state:A,handleBlur:j,handleChange:M}=u(),N=y(O.store,({isSubmitting:e})=>e),[P,F]=g(!1),I=A.meta.isDirty&&A.meta.isTouched&&!A.meta.isValid,L=m(()=>F(e=>!e),[]),R=m(({target:{value:e}})=>{N||M(e||null)},[N,M]);return v(i,{className:`gap-y-4 px-4`,children:[v(t,{"data-invalid":I,orientation:C,children:[v(r,{children:[v(o,{htmlFor:D,children:[b,w&&_(c,{tooltip:w})]}),_(n,{children:x})]}),v(l,{children:[_(d,{id:D,name:k,type:P?`text`:`password`,placeholder:S,value:A.value??``,"aria-invalid":I,autoComplete:`new-password`,onBlur:j,onChange:R}),_(`button`,{className:`absolute inset-e-0 inset-y-0 flex size-9 items-center justify-center rounded-e-md text-muted outline-none transition-[color,box-shadow] focus:z-10 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50`,type:`button`,onClick:L,"aria-label":P?`Ẩn mật khẩu`:`Hiện mật khẩu`,"aria-pressed":P,"aria-controls":D,children:_(P?p:f,{size:16,"aria-hidden":`true`})}),_(`div`,{className:`mt-1 flex w-full items-start justify-start`,children:E&&A.meta.isDirty&&_(a,{errors:A.meta.errors})}),_(e,{isShow:!!T,children:T})]})]}),_(s,{})]})};export{b as PasswordField};
+//# sourceMappingURL=password-field-BxYaT8lO.mjs.map

package/dist/{password-field-B2_kzss6.mjs.map → password-field-BxYaT8lO.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"password-field-B2_kzss6.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/fields/password-field.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useId, useState } from 'react';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\n\nimport { Input } from '@/components/ui/input';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport {\n  Field,\n  FieldContent,\n  FieldContentMain,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldNote,\n  FieldSeparator,\n  FieldTooltip,\n} from '../ui/field';\n\nimport type { PasswordFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected password input field with a show/hide toggle button\n * and inline validation error display.\n *\n * @example\n * import { PasswordField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"password\">\n *   {() => (\n *     <PasswordField\n *       label=\"Password\"\n *       placeholder=\"Enter your password\"\n *       helperText=\"Must be at least 8 characters\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const PasswordField: React.FC<Props> = ({\n  label,\n  description,\n  placeholder,\n  orientation = 'responsive',\n  tooltip,\n  helperText,\n  showErrorMessage = true,\n}) => {\n  const id = useId();\n  const { form, name, state, handleBlur, handleChange } = useTanStackFieldContext<string | null>();\n\n  const isSubmitting = useStore(form.store, ({ isSubmitting }) => isSubmitting);\n\n  const [isVisible, setIsVisible] = useState<boolean>(false);\n\n  const _invalid = state.meta.isDirty && state.meta.isTouched && !state.meta.isValid;\n\n  const toggleVisibility = useCallback(() => setIsVisible(prev => !prev), []);\n\n  const onChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n    ({ target: { value } }) => {\n      if (isSubmitting) return;\n      handleChange(value || null);\n    },\n    [isSubmitting, handleChange]\n  );\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field data-invalid={_invalid} orientation={orientation}>\n        <FieldContent>\n          <FieldLabel htmlFor={id}>\n            {label}\n            {tooltip && <FieldTooltip tooltip={tooltip} />}\n          </FieldLabel>\n          <FieldDescription>{description}</FieldDescription>\n        </FieldContent>\n        <FieldContentMain>\n          <Input\n            id={id}\n            name={name}\n            type={isVisible ? 'text' : 'password'}\n            placeholder={placeholder}\n            value={state.value ?? ''}\n            aria-invalid={_invalid}\n            autoComplete=\"new-password\"\n            onBlur={handleBlur}\n            onChange={onChange}\n          />\n\n          <button\n            className=\"absolute inset-e-0 inset-y-0 flex size-9 items-center justify-center rounded-e-md text-muted outline-none transition-[color,box-shadow] focus:z-10 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n            type=\"button\"\n            onClick={toggleVisibility}\n            aria-label={isVisible ? 'Ẩn mật khẩu' : 'Hiện mật khẩu'}\n            aria-pressed={isVisible}\n            aria-controls={id}\n          >\n            {isVisible ? <EyeOffIcon size={16} aria-hidden=\"true\" /> : <EyeIcon size={16} aria-hidden=\"true\" />}\n          </button>\n\n          <div className=\"mt-1 flex w-full items-start justify-start\">\n            {showErrorMessage && state.meta.isDirty && <FieldError errors={state.meta.errors} />}\n          </div>\n          <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n        </FieldContentMain>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"8fA2CA,MAAa,GAAkC,CAC7C,QACA,cACA,cACA,cAAc,aACd,UACA,aACA,mBAAmB,MACf,CACJ,IAAM,EAAK,EAAM,EACX,CAAE,OAAM,OAAM,QAAO,aAAY,gBAAiB,EAAuC,EAEzF,EAAe,EAAS,EAAK,OAAQ,CAAE,kBAAmB,CAAY,EAEtE,CAAC,EAAW,GAAgB,EAAkB,EAAK,EAEnD,EAAW,EAAM,KAAK,SAAW,EAAM,KAAK,WAAa,CAAC,EAAM,KAAK,QAErE,EAAmB,MAAkB,EAAa,GAAQ,CAAC,CAAI,EAAG,CAAC,CAAC,EAEpE,EAAW,GACd,CAAE,OAAQ,CAAE,YAAc,CACrB,GACJ,EAAa,GAAS,IAAI,CAC5B,EACA,CAAC,EAAc,CAAY,CAC7B,EAEA,OACE,EAAC,EAAD,CAAY,UAAU,eAAtB,SAAA,CACE,EAAC,EAAD,CAAO,eAAc,EAAuB,cAA5C,SAAA,CACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAY,QAAS,EAArB,SAAA,CACG,EACA,GAAW,EAAC,EAAD,CAAuB,SAAU,CAAA,CACnC,CACZ,CAAA,EAAA,EAAC,EAAD,CAAA,SAAmB,CAA8B,CAAA,CACrC,CAAA,CAAA,EACd,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CACM,KACE,OACN,KAAM,EAAY,OAAS,WACd,cACb,MAAO,EAAM,OAAS,GACtB,eAAc,EACd,aAAa,eACb,OAAQ,EACE,UACX,CAAA,EAED,EAAC,SAAD,CACE,UAAU,kOACV,KAAK,SACL,QAAS,EACT,aAAY,EAAY,cAAgB,gBACxC,eAAc,EACd,gBAAe,EAEd,SAAY,EAAZ,EAAa,EAA8C,EAA/C,CAAY,KAAM,GAAI,cAAY,MAAQ,CAA2C,CAC5F,CAAA,EAER,EAAC,MAAD,CAAK,UAAU,6CACZ,SAAA,GAAoB,EAAM,KAAK,SAAW,EAAC,EAAD,CAAY,OAAQ,EAAM,KAAK,MAAS,CAAA,CAChF,CAAA,EACL,EAAC,EAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACxC,CAAA,CAAA,CACb,CACP,CAAA,EAAA,EAAC,EAAD,CAAiB,CAAA,CACP,GAEhB"}
+{"version":3,"file":"password-field-BxYaT8lO.mjs","names":[],"sources":["../packages/components/features/tanstack-form/components/fields/password-field.tsx"],"sourcesContent":["'use client';\n\nimport { useCallback, useId, useState } from 'react';\n\nimport { useStore } from '@tanstack/react-form';\n\nimport { EyeIcon, EyeOffIcon } from 'lucide-react';\n\nimport { Input } from '@/components/ui/input';\n\nimport { useTanStackFieldContext } from '../form-context';\nimport {\n  Field,\n  FieldContent,\n  FieldContentMain,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n  FieldNote,\n  FieldSeparator,\n  FieldTooltip,\n} from '../ui/field';\n\nimport type { PasswordFieldProps as Props } from '../../types';\n\n/**\n * A TanStack Form-connected password input field with a show/hide toggle button\n * and inline validation error display.\n *\n * @example\n * import { PasswordField } from '@customafk/lunas-ui/features/tanstack-form';\n *\n * <form.Field name=\"password\">\n *   {() => (\n *     <PasswordField\n *       label=\"Password\"\n *       placeholder=\"Enter your password\"\n *       helperText=\"Must be at least 8 characters\"\n *     />\n *   )}\n * </form.Field>\n */\nexport const PasswordField: React.FC<Props> = ({\n  label,\n  description,\n  placeholder,\n  orientation = 'responsive',\n  tooltip,\n  helperText,\n  showErrorMessage = true,\n}) => {\n  const id = useId();\n  const { form, name, state, handleBlur, handleChange } = useTanStackFieldContext<string | null>();\n\n  const isSubmitting = useStore(form.store, ({ isSubmitting }) => isSubmitting);\n\n  const [isVisible, setIsVisible] = useState<boolean>(false);\n\n  const _invalid = state.meta.isDirty && state.meta.isTouched && !state.meta.isValid;\n\n  const toggleVisibility = useCallback(() => setIsVisible(prev => !prev), []);\n\n  const onChange = useCallback<React.ChangeEventHandler<HTMLInputElement>>(\n    ({ target: { value } }) => {\n      if (isSubmitting) return;\n      handleChange(value || null);\n    },\n    [isSubmitting, handleChange]\n  );\n\n  return (\n    <FieldGroup className=\"gap-y-4 px-4\">\n      <Field data-invalid={_invalid} orientation={orientation}>\n        <FieldContent>\n          <FieldLabel htmlFor={id}>\n            {label}\n            {tooltip && <FieldTooltip tooltip={tooltip} />}\n          </FieldLabel>\n          <FieldDescription>{description}</FieldDescription>\n        </FieldContent>\n        <FieldContentMain>\n          <Input\n            id={id}\n            name={name}\n            type={isVisible ? 'text' : 'password'}\n            placeholder={placeholder}\n            value={state.value ?? ''}\n            aria-invalid={_invalid}\n            autoComplete=\"new-password\"\n            onBlur={handleBlur}\n            onChange={onChange}\n          />\n\n          <button\n            className=\"absolute inset-e-0 inset-y-0 flex size-9 items-center justify-center rounded-e-md text-muted outline-none transition-[color,box-shadow] focus:z-10 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50\"\n            type=\"button\"\n            onClick={toggleVisibility}\n            aria-label={isVisible ? 'Ẩn mật khẩu' : 'Hiện mật khẩu'}\n            aria-pressed={isVisible}\n            aria-controls={id}\n          >\n            {isVisible ? <EyeOffIcon size={16} aria-hidden=\"true\" /> : <EyeIcon size={16} aria-hidden=\"true\" />}\n          </button>\n\n          <div className=\"mt-1 flex w-full items-start justify-start\">\n            {showErrorMessage && state.meta.isDirty && <FieldError errors={state.meta.errors} />}\n          </div>\n          <FieldNote isShow={!!helperText}>{helperText}</FieldNote>\n        </FieldContentMain>\n      </Field>\n      <FieldSeparator />\n    </FieldGroup>\n  );\n};\n"],"mappings":"uXA2CA,MAAa,GAAkC,CAC7C,QACA,cACA,cACA,cAAc,aACd,UACA,aACA,mBAAmB,MACf,CACJ,IAAM,EAAK,EAAM,EACX,CAAE,OAAM,OAAM,QAAO,aAAY,gBAAiB,EAAuC,EAEzF,EAAe,EAAS,EAAK,OAAQ,CAAE,kBAAmB,CAAY,EAEtE,CAAC,EAAW,GAAgB,EAAkB,EAAK,EAEnD,EAAW,EAAM,KAAK,SAAW,EAAM,KAAK,WAAa,CAAC,EAAM,KAAK,QAErE,EAAmB,MAAkB,EAAa,GAAQ,CAAC,CAAI,EAAG,CAAC,CAAC,EAEpE,EAAW,GACd,CAAE,OAAQ,CAAE,YAAc,CACrB,GACJ,EAAa,GAAS,IAAI,CAC5B,EACA,CAAC,EAAc,CAAY,CAC7B,EAEA,OACE,EAAC,EAAD,CAAY,UAAU,eAAtB,SAAA,CACE,EAAC,EAAD,CAAO,eAAc,EAAuB,cAA5C,SAAA,CACE,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CAAY,QAAS,EAArB,SAAA,CACG,EACA,GAAW,EAAC,EAAD,CAAuB,SAAU,CAAA,CACnC,CACZ,CAAA,EAAA,EAAC,EAAD,CAAA,SAAmB,CAA8B,CAAA,CACrC,CAAA,CAAA,EACd,EAAC,EAAD,CAAA,SAAA,CACE,EAAC,EAAD,CACM,KACE,OACN,KAAM,EAAY,OAAS,WACd,cACb,MAAO,EAAM,OAAS,GACtB,eAAc,EACd,aAAa,eACb,OAAQ,EACE,UACX,CAAA,EAED,EAAC,SAAD,CACE,UAAU,kOACV,KAAK,SACL,QAAS,EACT,aAAY,EAAY,cAAgB,gBACxC,eAAc,EACd,gBAAe,EAEd,SAAY,EAAZ,EAAa,EAA8C,EAA/C,CAAY,KAAM,GAAI,cAAY,MAAQ,CAA2C,CAC5F,CAAA,EAER,EAAC,MAAD,CAAK,UAAU,6CACZ,SAAA,GAAoB,EAAM,KAAK,SAAW,EAAC,EAAD,CAAY,OAAQ,EAAM,KAAK,MAAS,CAAA,CAChF,CAAA,EACL,EAAC,EAAD,CAAW,OAAQ,CAAC,CAAC,EAAa,SAAA,CAAsB,CAAA,CACxC,CAAA,CAAA,CACb,CACP,CAAA,EAAA,EAAC,EAAD,CAAiB,CAAA,CACP,GAEhB"}

package/dist/{payment-layout-BZtIcu-3.cjs → payment-layout-C38xIc2X.cjs}

@@ -1,2 +1,2 @@
-const e=require("./dist-DzA--RwW.cjs"),t=require("./ui/button.cjs"),n=require("./typography/paragraph.cjs");require("./ui/skeleton.cjs");const r=require("./layouts/flex.cjs"),i=require("./ui/tooltip.cjs"),a=require("./ui/avatar.cjs"),o=require("./features/logo/index.cjs");require("./ui/input.cjs");const s=require("./ui/dropdown-menu.cjs");require("./ui/separator.cjs");const c=require("./ui/sheet.cjs");let l=require("lucide-react"),u=require("react"),d=require("@customafk/react-toolkit/utils"),f=require("class-variance-authority"),p=require("react/jsx-runtime"),m=require("@customafk/react-toolkit/color-hash"),h=require("@customafk/react-toolkit/hooks/useMobile");const g=(0,u.createContext)(null);function _(){let e=(0,u.useContext)(g);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function v({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=(0,h.useIsMobile)(),[l,f]=(0,u.useState)(!1),[m,_]=(0,u.useState)(e),v=t??m,y=(0,u.useCallback)(e=>{let t=typeof e==`function`?e(v):e;n?n(t):_(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,v]),b=(0,u.useCallback)(()=>c?f(e=>!e):y(e=>!e),[c,y]);(0,u.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let x=v?`expanded`:`collapsed`,S=(0,u.useMemo)(()=>({state:x,open:v,setOpen:y,isMobile:c,openMobile:l,setOpenMobile:f,toggleSidebar:b}),[x,v,y,c,l,b]);return(0,p.jsx)(g.Provider,{value:S,children:(0,p.jsx)(i.TooltipProvider,{delayDuration:0,children:(0,p.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:(0,d.cn)(`group/sidebar-wrapper flex h-dvh w-full`,r),...s,children:o})})})}function y({side:e=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:a,...o}){let{isMobile:s,state:u,openMobile:f,setOpenMobile:m,toggleSidebar:h}=_();return r===`none`?(0,p.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,d.cn)(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i),...o,children:a}):s?(0,p.jsx)(c.Sheet,{open:f,onOpenChange:m,...o,children:(0,p.jsxs)(c.SheetContent,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground sm:max-w-3xs [&>button]:hidden`,style:{"--sidebar-width":`18rem`},side:e,children:[(0,p.jsxs)(c.SheetHeader,{className:`sr-only`,children:[(0,p.jsx)(c.SheetTitle,{children:`Sidebar`}),(0,p.jsx)(c.SheetDescription,{children:`Displays the mobile sidebar.`})]}),(0,p.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,p.jsxs)(`div`,{className:`flex flex-0 items-center gap-x-2 border-border-weak border-b p-2 pr-4`,children:[(0,p.jsxs)(t.Button,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:(0,d.cn)(`size-10 rounded-full`,i),onClick:e=>{h(),e.preventDefault(),e.stopPropagation()},children:[(0,p.jsx)(l.MenuIcon,{className:`size-6!`}),(0,p.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),(0,p.jsx)(`div`,{className:`ml-2 flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,p.jsx)(l.ShoppingCartIcon,{size:20})}),(0,p.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,p.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,p.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,p.jsx)(`div`,{className:`flex flex-1 flex-col p-2`,children:a})]})]})}):(0,p.jsxs)(`aside`,{className:`group peer hidden bg-card text-sidebar-foreground md:block`,"data-state":u,"data-collapsible":u===`collapsed`?r:``,"data-variant":n,"data-side":e,"data-slot":`sidebar`,children:[(0,p.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,d.cn)(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) w-(--sidebar-width)`,`sm:h-[calc(var(--header-height)+0.5rem)]`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,p.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,d.cn)(`hidden md:flex`,`fixed inset-y-0 top-14 z-10 shadow-nav`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...o,children:(0,p.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:(0,d.cn)(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:a})})]})}function b({className:e,children:t,...n}){return(0,p.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,d.cn)(`relative flex w-full flex-1 flex-col`,e),...n,children:[(0,p.jsx)(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)+0.5rem)]`}),(0,p.jsx)(`div`,{className:`inset-shadow-sm flex-1`,children:t})]})}function x({className:e,...t}){return(0,p.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,d.cn)(`flex flex-col gap-2 p-2`,e),...t})}function S({className:e,...t}){return(0,p.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,d.cn)(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function C({className:e,...t}){return(0,p.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,d.cn)(`relative flex w-full min-w-0 flex-col`,e),...t})}function w({className:t,asChild:n=!1,...r}){return(0,p.jsx)(n?e.t:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,d.cn)(`flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,t),...r})}function T({className:e,...t}){return(0,p.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,d.cn)(`w-full text-sm`,e),...t})}function E({className:e,...t}){return(0,p.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,d.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function D({className:e,...t}){return(0,p.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,d.cn)(`group/menu-item relative`,e),...t})}const O=(0,f.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`truncate text-left font-normal`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-12!`,`group-data-[collapsible=icon]:p-3!`,`group-data-[collapsible=icon]:gap-3!`,`[&>svg]:size-6`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function k({asChild:t=!1,isActive:n=!1,variant:r=`default`,size:a=`default`,tooltip:o,className:s,...c}){let l=t?e.t:`button`,{isMobile:u,state:f}=_(),m=(0,p.jsx)(l,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":a,"data-active":n,className:(0,d.cn)(O({variant:r,size:a}),s),...c});return o?(typeof o==`string`&&(o={children:o}),(0,p.jsxs)(i.Tooltip,{children:[(0,p.jsx)(i.TooltipTrigger,{asChild:!0,children:m}),(0,p.jsx)(i.TooltipContent,{side:`right`,align:`center`,hidden:f!==`collapsed`||u,...o})]})):m}const A=({uuid:e,username:t,email:i})=>(0,p.jsxs)(r.Flex,{"data-slot":`user-display`,wrap:!1,gap:`sm`,padding:`none`,children:[(0,p.jsx)(a.Avatar,{className:`size-9 shadow-card`,children:(0,p.jsx)(a.AvatarFallback,{style:{backgroundColor:m.colorHashLight.hex(e)},children:(0,p.jsx)(l.UserRoundIcon,{size:28,className:`text-white`})})}),(0,p.jsxs)(r.Flex,{vertical:!0,padding:`none`,gap:`none`,align:`start`,className:`hidden sm:flex`,children:[(0,p.jsx)(n.Paragraph,{className:`text-sm font-medium text-text-positive`,children:t}),(0,p.jsx)(n.Paragraph,{variant:`sm`,className:`mt-0! text-xs text-text-positive-weak`,children:i})]})]}),j=({user:e,isLogin:n=!0,onLogin:r,onLogout:i,logo:a})=>{let{toggleSidebar:c}=_(),f=(0,u.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),c()},[c]),m=(0,u.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),i?.()},[i]),h=(0,u.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),r?.()},[r]);return(0,p.jsxs)(`header`,{"data-slot":`payment-layout-header`,className:(0,d.cn)(`bg-card`,`h-[calc(var(--header-height)+0.5rem)] sm:px-4 sm:pr-6`,`absolute inset-x-0 top-0 z-20 gap-2 px-2 pr-2.5`,`flex items-center shadow-nav`,`transition-[width,height] ease-linear`),children:[n&&(0,p.jsxs)(t.Button,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:`hidden size-10 rounded-full transition-all hover:text-text-positive md:flex`,onClick:f,children:[(0,p.jsx)(l.MenuIcon,{className:`size-6!`}),(0,p.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),(0,p.jsx)(`div`,{className:`flex flex-1 items-center sm:ml-2.5`,children:a??(0,p.jsx)(o.LunasLogo,{variant:`horizontal`,size:`xs`})}),e?(0,p.jsxs)(s.DropdownMenu,{children:[(0,p.jsx)(s.DropdownMenuTrigger,{asChild:!0,children:(0,p.jsx)(t.Button,{variant:`ghost`,color:`muted`,className:`gap-x-2 rounded-full px-2 transition-all hover:text-text-positive`,children:(0,p.jsx)(A,{uuid:e?.uuid??``,username:e.fullname,email:e.email})})}),(0,p.jsxs)(s.DropdownMenuContent,{align:`end`,className:`w-56`,children:[(0,p.jsxs)(s.DropdownMenuLabel,{className:`font-normal`,children:[(0,p.jsx)(`p`,{className:`font-medium`,children:e.fullname}),(0,p.jsx)(`p`,{className:`text-muted-foreground text-xs`,children:e.email})]}),(0,p.jsx)(s.DropdownMenuSeparator,{}),(0,p.jsx)(s.DropdownMenuGroup,{children:(0,p.jsxs)(s.DropdownMenuItem,{onClick:m,children:[(0,p.jsx)(l.LogOutIcon,{size:14}),`Đăng xuất`]})})]})]}):(0,p.jsx)(t.Button,{size:`sm`,onClick:h,children:`Đăng nhập`})]})},M=({items:e,activeNavItemId:t})=>{let{isMobile:n}=_();return!n||e.length===0?null:(0,p.jsx)(`nav`,{"data-slot":`mobile-bottom-nav`,className:`fixed inset-x-0 bottom-0 z-20 flex h-16 items-stretch border-border border-t bg-card md:hidden`,children:e.slice(0,5).map(e=>(0,p.jsxs)(`button`,{type:`button`,onClick:e.onClick,"data-active":e.id===t,className:(0,d.cn)(`flex flex-1 flex-col items-center justify-center gap-0.5`,`text-muted-foreground transition-colors`,`data-[active=true]:text-sidebar-primary`,`[&>svg]:size-5 [&>svg]:shrink-0`),children:[e.icon,(0,p.jsx)(`span`,{className:`max-w-16 truncate text-[10px] leading-3`,children:e.label})]},e.id))})},N=({activeNavItemId:e,sidebar:t,user:n,isLogin:r=!0,onLogin:i,onLogout:a,children:o})=>{let s=(0,u.useMemo)(()=>t?.groupcontent||[],[t]),c=(0,u.useMemo)(()=>s.flatMap(e=>e.items),[s]);return(0,p.jsxs)(v,{children:[(0,p.jsx)(j,{user:n,isLogin:r,onLogin:i,onLogout:a}),r&&(0,p.jsxs)(y,{variant:`inset`,collapsible:`icon`,children:[(0,p.jsx)(S,{children:s.map(t=>(0,p.jsxs)(C,{children:[(0,p.jsx)(w,{children:t.label}),(0,p.jsx)(T,{children:(0,p.jsx)(E,{children:t.items.map(t=>(0,p.jsx)(D,{children:(0,p.jsxs)(k,{isActive:t.id===e,onClick:e=>{t.onClick?.(),e.preventDefault(),e.stopPropagation()},children:[t.icon,t.label]})},t.id))})})]},t.id))}),(0,p.jsx)(x,{children:(0,p.jsx)(E,{children:(0,p.jsx)(D,{className:`mt-2 border-t border-t-border`,children:(0,p.jsx)(`p`,{className:`pt-2 text-center text-muted-foreground text-xs`,children:`Copyright © 2025, Lunas.`})})})})]}),(0,p.jsx)(b,{children:(0,p.jsx)(`section`,{className:`relative size-full`,children:(0,p.jsx)(`div`,{className:(0,d.cn)(`absolute inset-0 overflow-y-auto`,r&&`pb-16 md:pb-0`),children:o})})}),r&&(0,p.jsx)(M,{items:c,activeNavItemId:e})]})};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}});
-//# sourceMappingURL=payment-layout-BZtIcu-3.cjs.map
+const e=require("./dist-CIdWHwhj.cjs"),t=require("./ui/button.cjs"),n=require("./typography/paragraph.cjs");require("./ui/skeleton.cjs");const r=require("./layouts/flex.cjs"),i=require("./ui/tooltip.cjs"),a=require("./ui/avatar.cjs"),o=require("./features/logo/index.cjs");require("./ui/input.cjs");const s=require("./ui/dropdown-menu.cjs");require("./ui/separator.cjs");const c=require("./ui/sheet.cjs");let l=require("lucide-react"),u=require("react"),d=require("@customafk/react-toolkit/utils"),f=require("class-variance-authority"),p=require("react/jsx-runtime"),m=require("@customafk/react-toolkit/color-hash"),h=require("@customafk/react-toolkit/hooks/useMobile");const g=(0,u.createContext)(null);function _(){let e=(0,u.useContext)(g);if(!e)throw Error(`useSidebar must be used within a SidebarProvider.`);return e}function v({defaultOpen:e=!0,open:t,onOpenChange:n,className:r,style:a,children:o,...s}){let c=(0,h.useIsMobile)(),[l,f]=(0,u.useState)(!1),[m,_]=(0,u.useState)(e),v=t??m,y=(0,u.useCallback)(e=>{let t=typeof e==`function`?e(v):e;n?n(t):_(t),document.cookie=`sidebar_state=${t}; path=/; max-age=604800`},[n,v]),b=(0,u.useCallback)(()=>c?f(e=>!e):y(e=>!e),[c,y]);(0,u.useEffect)(()=>{let e=e=>{e.key===`b`&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),b())};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[b]);let x=v?`expanded`:`collapsed`,S=(0,u.useMemo)(()=>({state:x,open:v,setOpen:y,isMobile:c,openMobile:l,setOpenMobile:f,toggleSidebar:b}),[x,v,y,c,l,b]);return(0,p.jsx)(g.Provider,{value:S,children:(0,p.jsx)(i.TooltipProvider,{delayDuration:0,children:(0,p.jsx)(`div`,{"data-slot":`sidebar-wrapper`,style:{"--sidebar-width":`16rem`,"--sidebar-width-icon":`3rem`,...a},className:(0,d.cn)(`group/sidebar-wrapper flex h-dvh w-full`,r),...s,children:o})})})}function y({side:e=`left`,variant:n=`sidebar`,collapsible:r=`offcanvas`,className:i,children:a,...o}){let{isMobile:s,state:u,openMobile:f,setOpenMobile:m,toggleSidebar:h}=_();return r===`none`?(0,p.jsx)(`aside`,{"data-slot":`sidebar`,className:(0,d.cn)(`flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground`,i),...o,children:a}):s?(0,p.jsx)(c.Sheet,{open:f,onOpenChange:m,...o,children:(0,p.jsxs)(c.SheetContent,{"data-sidebar":`sidebar`,"data-slot":`sidebar`,"data-mobile":`true`,className:`w-(--sidebar-width) bg-sidebar p-0 text-sidebar-foreground sm:max-w-3xs [&>button]:hidden`,style:{"--sidebar-width":`18rem`},side:e,children:[(0,p.jsxs)(c.SheetHeader,{className:`sr-only`,children:[(0,p.jsx)(c.SheetTitle,{children:`Sidebar`}),(0,p.jsx)(c.SheetDescription,{children:`Displays the mobile sidebar.`})]}),(0,p.jsxs)(`div`,{className:`flex size-full flex-col`,children:[(0,p.jsxs)(`div`,{className:`flex flex-0 items-center gap-x-2 border-border-weak border-b p-2 pr-4`,children:[(0,p.jsxs)(t.Button,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:(0,d.cn)(`size-10 rounded-full`,i),onClick:e=>{h(),e.preventDefault(),e.stopPropagation()},children:[(0,p.jsx)(l.MenuIcon,{className:`size-6!`}),(0,p.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),(0,p.jsx)(`div`,{className:`ml-2 flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground`,children:(0,p.jsx)(l.ShoppingCartIcon,{size:20})}),(0,p.jsxs)(`div`,{className:`grid flex-1 text-left text-sm leading-tight`,children:[(0,p.jsx)(`span`,{className:`truncate font-medium`,children:`Lunas Store`}),(0,p.jsx)(`span`,{className:`truncate text-xs`,children:`Established 2023`})]})]}),(0,p.jsx)(`div`,{className:`flex flex-1 flex-col p-2`,children:a})]})]})}):(0,p.jsxs)(`aside`,{className:`group peer hidden bg-card text-sidebar-foreground md:block`,"data-state":u,"data-collapsible":u===`collapsed`?r:``,"data-variant":n,"data-side":e,"data-slot":`sidebar`,children:[(0,p.jsx)(`div`,{"data-slot":`sidebar-gap`,className:(0,d.cn)(`relative`,`bg-transparent`,`transition-[width] duration-200 ease-linear`,`h-(--header-height) w-(--sidebar-width)`,`sm:h-[calc(var(--header-height)+0.5rem)]`,`group-data-[collapsible=offcanvas]:w-0`,`group-data-[side=right]:rotate-180`,n===`floating`||n===`inset`?`group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon)`)}),(0,p.jsx)(`div`,{"data-slot":`sidebar-container`,className:(0,d.cn)(`hidden md:flex`,`fixed inset-y-0 top-14 z-10 shadow-nav`,`h-[calc(100dvh-3.5rem)] w-(--sidebar-width)`,`transition-[left,right,width] duration-200 ease-linear`,e===`left`&&`left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]`,e===`right`&&`right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]`,n===`floating`||n===`inset`?`p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]`:`group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l`,i),...o,children:(0,p.jsx)(`div`,{"data-sidebar":`sidebar`,"data-slot":`sidebar-inner`,className:(0,d.cn)(`flex size-full flex-col`,`group-data-[variant=floating]:rounded-lg`,`group-data-[variant=floating]:border`,`group-data-[variant=floating]:border-sidebar-border`,`group-data-[variant=floating]:shadow-sm`),children:a})})]})}function b({className:e,children:t,...n}){return(0,p.jsxs)(`main`,{"data-slot":`sidebar-inset`,className:(0,d.cn)(`relative flex w-full flex-1 flex-col`,e),...n,children:[(0,p.jsx)(`div`,{className:`h-(--header-height) w-full sm:h-[calc(var(--header-height)+0.5rem)]`}),(0,p.jsx)(`div`,{className:`inset-shadow-sm flex-1`,children:t})]})}function x({className:e,...t}){return(0,p.jsx)(`div`,{"data-slot":`sidebar-footer`,"data-sidebar":`footer`,className:(0,d.cn)(`flex flex-col gap-2 p-2`,e),...t})}function S({className:e,...t}){return(0,p.jsx)(`div`,{"data-slot":`sidebar-content`,"data-sidebar":`content`,className:(0,d.cn)(`flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden`,e),...t})}function C({className:e,...t}){return(0,p.jsx)(`div`,{"data-slot":`sidebar-group`,"data-sidebar":`group`,className:(0,d.cn)(`relative flex w-full min-w-0 flex-col`,e),...t})}function w({className:t,asChild:n=!1,...r}){return(0,p.jsx)(n?e.t:`div`,{"data-slot":`sidebar-group-label`,"data-sidebar":`group-label`,className:(0,d.cn)(`flex h-8 shrink-0 items-center rounded-md px-2 font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0`,`group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0`,t),...r})}function T({className:e,...t}){return(0,p.jsx)(`div`,{"data-slot":`sidebar-group-content`,"data-sidebar":`group-content`,className:(0,d.cn)(`w-full text-sm`,e),...t})}function E({className:e,...t}){return(0,p.jsx)(`ul`,{"data-slot":`sidebar-menu`,"data-sidebar":`menu`,className:(0,d.cn)(`flex w-full min-w-0 flex-col gap-1`,e),...t})}function D({className:e,...t}){return(0,p.jsx)(`li`,{"data-slot":`sidebar-menu-item`,"data-sidebar":`menu-item`,className:(0,d.cn)(`group/menu-item relative`,e),...t})}const O=(0,f.cva)([`peer/menu-button`,`cursor-pointer`,`flex w-full items-center gap-2`,`overflow-hidden rounded-md p-2 outline-hidden`,`truncate text-left font-normal`,`transition-[color,width,height,padding]`,`hover:bg-sidebar-accent`,`hover:text-sidebar-accent-foreground`,`active:bg-sidebar-accent`,`active:text-sidebar-accent-foreground`,`disabled:pointer-events-none`,`disabled:opacity-50`,`group-has-data-[sidebar=menu-action]/menu-item:pr-8`,`aria-disabled:pointer-events-none`,`aria-disabled:opacity-50`,`data-[active=true]:bg-sidebar-primary-muted`,`data-[active=true]:text-sidebar-primary`,`data-[state=open]:hover:bg-sidebar-accent`,`data-[state=open]:hover:text-sidebar-accent-foreground`,`group-data-[collapsible=icon]:size-12!`,`group-data-[collapsible=icon]:p-3!`,`group-data-[collapsible=icon]:gap-3!`,`[&>svg]:size-6`,`[&>svg]:shrink-0`,`[&>span:last-child]:truncate`],{variants:{variant:{default:`hover:bg-sidebar-accent/60 hover:text-sidebar-accent-foreground/80`,outline:`bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]`},size:{default:`h-10 text-sm`,sm:`h-7 text-xs`,lg:`h-12 text-sm group-data-[collapsible=icon]:p-0!`}},defaultVariants:{variant:`default`,size:`default`}});function k({asChild:t=!1,isActive:n=!1,variant:r=`default`,size:a=`default`,tooltip:o,className:s,...c}){let l=t?e.t:`button`,{isMobile:u,state:f}=_(),m=(0,p.jsx)(l,{"data-slot":`sidebar-menu-button`,"data-sidebar":`menu-button`,"data-size":a,"data-active":n,className:(0,d.cn)(O({variant:r,size:a}),s),...c});return o?(typeof o==`string`&&(o={children:o}),(0,p.jsxs)(i.Tooltip,{children:[(0,p.jsx)(i.TooltipTrigger,{asChild:!0,children:m}),(0,p.jsx)(i.TooltipContent,{side:`right`,align:`center`,hidden:f!==`collapsed`||u,...o})]})):m}const A=({uuid:e,username:t,email:i})=>(0,p.jsxs)(r.Flex,{"data-slot":`user-display`,wrap:!1,gap:`sm`,padding:`none`,children:[(0,p.jsx)(a.Avatar,{className:`size-9 shadow-card`,children:(0,p.jsx)(a.AvatarFallback,{style:{backgroundColor:m.colorHashLight.hex(e)},children:(0,p.jsx)(l.UserRoundIcon,{size:28,className:`text-white`})})}),(0,p.jsxs)(r.Flex,{vertical:!0,padding:`none`,gap:`none`,align:`start`,className:`hidden sm:flex`,children:[(0,p.jsx)(n.Paragraph,{className:`text-sm font-medium text-text-positive`,children:t}),(0,p.jsx)(n.Paragraph,{variant:`sm`,className:`mt-0! text-xs text-text-positive-weak`,children:i})]})]}),j=({user:e,isLogin:n=!0,onLogin:r,onLogout:i,logo:a})=>{let{toggleSidebar:c}=_(),f=(0,u.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),c()},[c]),m=(0,u.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),i?.()},[i]),h=(0,u.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),r?.()},[r]);return(0,p.jsxs)(`header`,{"data-slot":`payment-layout-header`,className:(0,d.cn)(`bg-card`,`h-[calc(var(--header-height)+0.5rem)] sm:px-4 sm:pr-6`,`absolute inset-x-0 top-0 z-20 gap-2 px-2 pr-2.5`,`flex items-center shadow-nav`,`transition-[width,height] ease-linear`),children:[n&&(0,p.jsxs)(t.Button,{"data-sidebar":`trigger`,"data-slot":`sidebar-trigger`,variant:`ghost`,color:`muted`,size:`icon`,className:`hidden size-10 rounded-full transition-all hover:text-text-positive md:flex`,onClick:f,children:[(0,p.jsx)(l.MenuIcon,{className:`size-6!`}),(0,p.jsx)(`span`,{className:`sr-only`,children:`Toggle Sidebar`})]}),(0,p.jsx)(`div`,{className:`flex flex-1 items-center sm:ml-2.5`,children:a??(0,p.jsx)(o.LunasLogo,{variant:`horizontal`,size:`xs`})}),e?(0,p.jsxs)(s.DropdownMenu,{children:[(0,p.jsx)(s.DropdownMenuTrigger,{asChild:!0,children:(0,p.jsx)(t.Button,{variant:`ghost`,color:`muted`,className:`gap-x-2 rounded-full px-2 transition-all hover:text-text-positive`,children:(0,p.jsx)(A,{uuid:e?.uuid??``,username:e.fullname,email:e.email})})}),(0,p.jsxs)(s.DropdownMenuContent,{align:`end`,className:`w-56`,children:[(0,p.jsxs)(s.DropdownMenuLabel,{className:`font-normal`,children:[(0,p.jsx)(`p`,{className:`font-medium`,children:e.fullname}),(0,p.jsx)(`p`,{className:`text-muted-foreground text-xs`,children:e.email})]}),(0,p.jsx)(s.DropdownMenuSeparator,{}),(0,p.jsx)(s.DropdownMenuGroup,{children:(0,p.jsxs)(s.DropdownMenuItem,{onClick:m,children:[(0,p.jsx)(l.LogOutIcon,{size:14}),`Đăng xuất`]})})]})]}):(0,p.jsx)(t.Button,{size:`sm`,onClick:h,children:`Đăng nhập`})]})},M=({items:e,activeNavItemId:t})=>{let{isMobile:n}=_();return!n||e.length===0?null:(0,p.jsx)(`nav`,{"data-slot":`mobile-bottom-nav`,className:`fixed inset-x-0 bottom-0 z-20 flex h-16 items-stretch border-border border-t bg-card md:hidden`,children:e.slice(0,5).map(e=>(0,p.jsxs)(`button`,{type:`button`,onClick:e.onClick,"data-active":e.id===t,className:(0,d.cn)(`flex flex-1 flex-col items-center justify-center gap-0.5`,`text-muted-foreground transition-colors`,`data-[active=true]:text-sidebar-primary`,`[&>svg]:size-5 [&>svg]:shrink-0`),children:[e.icon,(0,p.jsx)(`span`,{className:`max-w-16 truncate text-[10px] leading-3`,children:e.label})]},e.id))})},N=({activeNavItemId:e,sidebar:t,user:n,isLogin:r=!0,onLogin:i,onLogout:a,children:o})=>{let s=(0,u.useMemo)(()=>t?.groupcontent||[],[t]),c=(0,u.useMemo)(()=>s.flatMap(e=>e.items),[s]);return(0,p.jsxs)(v,{children:[(0,p.jsx)(j,{user:n,isLogin:r,onLogin:i,onLogout:a}),r&&(0,p.jsxs)(y,{variant:`inset`,collapsible:`icon`,children:[(0,p.jsx)(S,{children:s.map(t=>(0,p.jsxs)(C,{children:[(0,p.jsx)(w,{children:t.label}),(0,p.jsx)(T,{children:(0,p.jsx)(E,{children:t.items.map(t=>(0,p.jsx)(D,{children:(0,p.jsxs)(k,{isActive:t.id===e,onClick:e=>{t.onClick?.(),e.preventDefault(),e.stopPropagation()},children:[t.icon,t.label]})},t.id))})})]},t.id))}),(0,p.jsx)(x,{children:(0,p.jsx)(E,{children:(0,p.jsx)(D,{className:`mt-2 border-t border-t-border`,children:(0,p.jsx)(`p`,{className:`pt-2 text-center text-muted-foreground text-xs`,children:`Copyright © 2025, Lunas.`})})})})]}),(0,p.jsx)(b,{children:(0,p.jsx)(`section`,{className:`relative size-full`,children:(0,p.jsx)(`div`,{className:(0,d.cn)(`absolute inset-0 overflow-y-auto`,r&&`pb-16 md:pb-0`),children:o})})}),r&&(0,p.jsx)(M,{items:c,activeNavItemId:e})]})};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return N}});
+//# sourceMappingURL=payment-layout-C38xIc2X.cjs.map