@customafk/lunas-ui 0.1.2 → 0.1.4

package/dist/table/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Table","DataTableToolip: React.FC<Props>"],"sources":["../../packages/components/table/context.tsx","../../packages/components/table/data-table.tsx","../../packages/components/table/data-table-tooltip.tsx","../../packages/components/table/index.tsx"],"sourcesContent":["import { createContext, use, useMemo } from 'react';\n\ntype TableProviderProps = {\n  measureElement: (element?: HTMLTableRowElement | null | undefined) => void;\n  onClickRow?: (id: string) => void;\n};\n\nconst TableContext = createContext<TableProviderProps | null>(null);\n\nexport const TableProvider = ({ measureElement, onClickRow, children }: React.PropsWithChildren<TableProviderProps>) => {\n  const value = useMemo(() => ({ measureElement, onClickRow }), [measureElement, onClickRow]);\n  return <TableContext.Provider value={value}>{children}</TableContext.Provider>;\n};\n\nexport const useTableContext = (): TableProviderProps => {\n  const context = use(TableContext);\n  if (!context) {\n    throw new Error('useTableContext must be used within a TableProvider');\n  }\n  return context;\n};\n","import { memo, useCallback } from 'react';\n\nimport { type Column, flexRender, type Header, type HeaderGroup, type Row } from '@tanstack/react-table';\nimport type { VirtualItem } from '@tanstack/react-virtual';\n\nimport { LoaderIcon } from 'lucide-react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Table, TableBody, TableCell, TableFooter, TableHead, TableHeader, TableRow } from '@/components/ui/table';\n\nimport type { AnyEntity } from '@/types';\nimport { useTableContext } from './context';\n\n/**\n * Computes styles for pinned columns\n * @param column Table column\n * @returns CSS styles for pinned columns\n */\nconst getPinningStyles = (column: Column<AnyEntity>): React.CSSProperties => {\n  const isPinned = column.getIsPinned();\n  return {\n    left: isPinned === 'left' ? `${column.getStart('left')}px` : undefined,\n    right: isPinned === 'right' ? `${column.getAfter('right')}px` : undefined,\n    position: isPinned ? 'sticky' : 'relative',\n    width: column.getSize(),\n    ...(!column.getSize() && { flex: 1 }),\n    zIndex: isPinned ? 1 : 0,\n  };\n};\n\nconst HeaderContent = memo(({ header }: { header: Header<AnyEntity, unknown> }) => {\n  const handleSort = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (header.column.getCanSort() && (e.key === 'Enter' || e.key === ' ')) {\n        e.preventDefault();\n        header.column.getToggleSortingHandler()?.(e);\n      }\n    },\n    [header.column]\n  );\n\n  if (header.isPlaceholder) {\n    return <div className=\"flex items-center justify-between gap-2 truncate\" />;\n  }\n\n  if (header.id === 'actions') return null;\n\n  return (\n    <div className=\"flex items-center justify-between gap-2 truncate\">\n      <div\n        tabIndex={header.column.getCanSort() ? 0 : undefined}\n        role={header.column.getCanSort() ? 'button' : undefined}\n        className=\"flex h-full cursor-pointer select-none items-center justify-between\"\n        onKeyDown={handleSort}\n      >\n        <span className=\"truncate\">{flexRender(header.column.columnDef.header, header.getContext())}</span>\n      </div>\n    </div>\n  );\n});\nHeaderContent.displayName = 'HeaderContent';\n\ntype DataTableRowProps = {\n  id: string;\n  row: Row<AnyEntity>;\n  virtualRow: VirtualItem;\n};\nconst DataTableRow = memo(({ row, virtualRow }: DataTableRowProps) => {\n  const { measureElement, onClickRow } = useTableContext();\n\n  const handleRef = useCallback(\n    (node: HTMLTableRowElement | null | undefined) => {\n      measureElement(node);\n    },\n    [measureElement]\n  );\n\n  const handleClick = useCallback(() => {\n    onClickRow?.(row.id);\n  }, [row.id, onClickRow]);\n\n  return (\n    <TableRow\n      tabIndex={onClickRow ? 0 : undefined}\n      data-index={virtualRow.index}\n      role={onClickRow ? 'button' : undefined}\n      ref={handleRef}\n      style={{\n        transform: `translateY(${virtualRow.start}px)`,\n      }}\n      onClick={handleClick}\n    >\n      {row.getVisibleCells().map(cell => {\n        const isPinned = cell.column.getIsPinned();\n        const isFirstRightPinned = isPinned === 'right' && cell.column.getIsFirstColumn('right');\n\n        return (\n          <TableCell\n            key={cell.id}\n            data-pinned={isPinned || undefined}\n            data-last-col={isFirstRightPinned ? 'right' : undefined}\n            style={{\n              width: cell.id.includes('actions') ? 60 : cell.column.getSize(),\n              right: isPinned === 'right' ? `${cell.column.getAfter('right')}px` : undefined,\n              position: isPinned ? 'sticky' : 'relative',\n              zIndex: isPinned ? 10 : 0,\n            }}\n          >\n            {flexRender(cell.column.columnDef.cell, cell.getContext())}\n          </TableCell>\n        );\n      })}\n    </TableRow>\n  );\n});\nDataTableRow.displayName = 'DataTableRow';\n\nexport const DataTableHeader = memo(({ headerGroups }: { headerGroups: HeaderGroup<AnyEntity>[] }) => {\n  return (\n    <TableHeader className=\"sticky top-0 z-10 bg-background/90 backdrop-blur-xs\">\n      {headerGroups.map(headerGroup => (\n        <TableRow key={headerGroup.id} className=\"flex w-full border-none\">\n          {headerGroup.headers.map(header => {\n            const isPinned = header.column.getIsPinned();\n            const isLastLeftPinned = isPinned === 'left' && header.column.getIsLastColumn('left');\n            const isFirstRightPinned = isPinned === 'right' && header.column.getIsFirstColumn('right');\n            const lastColState = isLastLeftPinned ? 'left' : isFirstRightPinned ? 'right' : undefined;\n\n            const headerStyles = {\n              // width: header.getSize() ?? \"100%\",\n              ...getPinningStyles(header.column),\n              ...(header.id === 'actions' && { width: 60 }),\n            };\n\n            return (\n              <TableHead\n                key={header.id}\n                data-pinned={!!isPinned}\n                data-last-col={lastColState}\n                colSpan={header.colSpan}\n                style={headerStyles}\n                className={cn(\n                  'relative flex h-12 select-none font-medium [&>.cursor-col-resize]:last:opacity-0',\n                  header.id === 'actions' && 'z-20 bg-background/90'\n                )}\n              >\n                <HeaderContent header={header} />\n              </TableHead>\n            );\n          })}\n        </TableRow>\n      ))}\n    </TableHeader>\n  );\n});\nDataTableHeader.displayName = 'DataTableHeader';\n\ntype DataTableBodyProps = {\n  isLoading?: boolean;\n  totalBodyHeight?: number;\n  rows: Row<AnyEntity>[];\n  virtualItems: VirtualItem[];\n};\nexport const DataTableBody = memo(({ isLoading, totalBodyHeight, rows, virtualItems }: DataTableBodyProps) => {\n  return (\n    <TableBody\n      style={{\n        height: `${totalBodyHeight}px`, //tells scrollbar how big the table is\n      }}\n      className={cn(\n        isLoading && 'h-36',\n        rows?.length === 0 && 'h-48',\n        'relative',\n        'grid',\n        'w-full',\n        '[&_tr]:absolute',\n        '[&_tr]:flex',\n        '[&_tr]:w-full',\n        '[&_tr]:cursor-pointer',\n        '[&_tr]:focus:outline-none',\n        '[&_td]:p-2',\n        '[&_td]:py-2.5',\n        '[&_td]:align-middle',\n        '[&_td]:whitespace-nowrap',\n        '[&_td]:flex',\n        '[&_td]:overflow-hidden',\n        '[&_td]:z-20',\n        '[&_td]:data-pinned:bg-background/90'\n      )}\n    >\n      {isLoading && (\n        <TableRow className=\"absolute top-9 flex h-36 w-full items-center justify-center\">\n          <TableCell>loading...</TableCell>\n        </TableRow>\n      )}\n      {!isLoading &&\n        virtualItems.map(virtualRow => {\n          const row = rows[virtualRow.index];\n          const rowId =\n            row?.id ||\n            (row.original && 'id' in row.original ? String(row.original.id) : null) ||\n            (row.original && 'uuid' in row.original ? String(row.original.uuid) : null) ||\n            virtualRow.index.toString();\n          const key = rowId ?? String(virtualRow.index);\n          return <DataTableRow key={key} id={rowId} row={row} virtualRow={virtualRow} />;\n        })}\n    </TableBody>\n  );\n});\nDataTableBody.displayName = 'DataTableBody';\n\nexport const DataTable = memo(\n  ({\n    isFetching,\n    children,\n  }: React.PropsWithChildren<{\n    isFetching?: boolean;\n  }>) => {\n    return (\n      <Table className=\"grid w-full! border-separate border-spacing-0 [&_td]:border-border [&_tfoot_td]:border-t [&_th]:border-border [&_th]:border-b [&_th]:border-b-border\">\n        {children}\n        {isFetching && (\n          <TableFooter className=\"flex w-full justify-center py-2\">\n            <LoaderIcon size={16} className=\"animate-spin\" aria-label=\"Loading more data\" />\n          </TableFooter>\n        )}\n      </Table>\n    );\n  }\n);\nDataTable.displayName = 'DataTable';\n","import { memo } from 'react';\n\nimport { Flex } from '@/components/layouts/flex';\nimport { AddNewBtn } from '@/components/ui/buttons/add-new';\nimport { RefreshBtn } from '@/components/ui/buttons/refresh';\nimport { SearchInput } from '@/components/ui/inputs/search-input';\n\ntype Props = {\n  onAdd?: () => void;\n  onRefresh?: () => void;\n};\n\nexport const DataTableToolip: React.FC<Props> = memo(({ onAdd, onRefresh }) => {\n  return (\n    <Flex justify=\"between\" padding=\"none\" width=\"full\" className=\"flex-0\">\n      <div className=\"max-sm:flex-1\">\n        <SearchInput placeholder=\"Search...\" />\n      </div>\n      <Flex wrap={false} className=\"flex-0 px-0\">\n        {!!onAdd && <AddNewBtn onClick={onAdd} />}\n        <RefreshBtn onClick={onRefresh} />\n      </Flex>\n    </Flex>\n  );\n});\nDataTableToolip.displayName = 'DataTableToolip';\n","'use client';\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { ColumnDef, ColumnFiltersState, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';\nimport { getCoreRowModel, getFacetedRowModel, getFacetedUniqueValues, getFilteredRowModel, getSortedRowModel, useReactTable } from '@tanstack/react-table';\n\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { Flex } from '../layouts/flex';\nimport { ScrollArea, ScrollBar } from '../ui/scroll-area';\nimport { TableProvider } from './context';\nimport { DataTable, DataTableBody, DataTableHeader } from './data-table';\nimport { DataTableToolip } from './data-table-tooltip';\n\ntype Props<T> = {\n  data: T[];\n  totalCount?: number;\n  isLoading?: boolean;\n  isFetching?: boolean;\n  allowLoadMore?: boolean;\n  columns: ColumnDef<T>[];\n  onAdd?: () => void;\n  onRefresh?: () => void;\n  onClickRow?: (id: string) => void;\n  onFetchNextPage?: () => void;\n};\nexport function Table<T extends Record<string, unknown>>({\n  data,\n  totalCount,\n  isLoading,\n  isFetching,\n  allowLoadMore: isAllowFetchMore = false,\n  columns,\n  onAdd,\n  onRefresh,\n  onClickRow,\n  onFetchNextPage,\n}: Props<T>) {\n  const tableContainerRef = useRef<HTMLDivElement>(null);\n\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>({});\n  const [sorting, setSorting] = useState<SortingState>([]);\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({});\n\n  const initialState = useMemo(\n    () => ({\n      columnPinning: { right: ['actions', 'update', 'delete'] },\n    }),\n    []\n  );\n\n  const state = useMemo(() => {\n    return {\n      rowSelection,\n      sorting,\n      columnVisibility,\n      columnFilters,\n    };\n  }, [rowSelection, sorting, columnVisibility, columnFilters]);\n\n  const handleGetRowId = useCallback((row: T) => {\n    return (row.id as string) || (row.uuid as string);\n  }, []);\n\n  const table = useReactTable<T>({\n    initialState,\n    data,\n    columns,\n    rowCount: totalCount,\n    columnResizeMode: 'onChange',\n    enableColumnResizing: false,\n    enableMultiRowSelection: false,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    getRowId: handleGetRowId,\n    state: state,\n    onRowSelectionChange: setRowSelection,\n    onSortingChange: setSorting,\n    onColumnVisibilityChange: setColumnVisibility,\n    onColumnFiltersChange: setColumnFilters,\n  });\n\n  const rowVirtualizer = useVirtualizer<HTMLDivElement, HTMLTableRowElement>({\n    count: table.getRowModel().rows.length,\n    getScrollElement: () => tableContainerRef.current,\n    estimateSize: () => 37, // estimated row height\n    measureElement: element => element?.getBoundingClientRect().height ?? undefined,\n    overscan: 5, // Render additional rows beyond viewport for smoother scrolling\n  });\n\n  // Fetch more data when user approaches bottom of table\n  const handleFetchMoreOnBottomReached = useCallback(\n    (refEl: HTMLDivElement | null) => {\n      if (!refEl) return;\n      const { scrollHeight, scrollTop, clientHeight } = refEl;\n      // Threshold of 120px from bottom to trigger load more\n      if (scrollHeight - scrollTop - clientHeight < 500 && !isFetching && isAllowFetchMore) {\n        onFetchNextPage?.();\n      }\n    },\n    [isAllowFetchMore, isFetching, onFetchNextPage]\n  );\n\n  // Handle scroll events to check if more data should be loaded\n  const handleScroll = useCallback(\n    (ev: React.UIEvent<HTMLDivElement>) => {\n      handleFetchMoreOnBottomReached(ev.currentTarget);\n    },\n    [handleFetchMoreOnBottomReached]\n  );\n\n  // Check for more data on mount and when dependencies change\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      handleFetchMoreOnBottomReached(tableContainerRef.current);\n    }, 100);\n    return () => clearTimeout(timer);\n  }, [handleFetchMoreOnBottomReached]);\n\n  return (\n    <Flex vertical wrap={false} gap=\"sm\" align=\"start\" className=\"size-full pt-1\">\n      <DataTableToolip onAdd={onAdd} onRefresh={onRefresh} />\n      <Flex padding=\"none\" vertical wrap={false} width=\"full\" className=\"flex-1 overflow-auto pb-4\">\n        <ScrollArea ref={tableContainerRef} className=\"relative w-full overflow-auto border-border bg-background\" onScroll={handleScroll}>\n          <TableProvider measureElement={rowVirtualizer.measureElement} onClickRow={onClickRow}>\n            <DataTable isFetching={isFetching}>\n              <DataTableHeader headerGroups={table.getHeaderGroups()} />\n              <DataTableBody\n                isLoading={isLoading}\n                rows={table.getRowModel().rows}\n                totalBodyHeight={rowVirtualizer.getTotalSize()}\n                virtualItems={rowVirtualizer.getVirtualItems()}\n              />\n            </DataTable>\n          </TableProvider>\n          <ScrollBar orientation=\"horizontal\" />\n        </ScrollArea>\n      </Flex>\n    </Flex>\n  );\n}\n"],"mappings":"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"}

package/dist/table-Bnalda2M.cjs

@@ -0,0 +1,2 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`@customafk/react-toolkit/utils`),n=require(`react/jsx-runtime`),r=require(`react`);const i=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`table`,{"data-slot":`table`,className:(0,t.cn)(`w-full caption-bottom text-sm`,e),...r}));i.displayName=`Table`;const a=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`thead`,{"data-slot":`table-header`,className:(0,t.cn)(`[&_tr:not(:last-child)_td]:border-b`,e),...r}));a.displayName=`TableHeader`;const o=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`tbody`,{"data-slot":`table-body`,className:(0,t.cn)(`[&_tr:last-child]:border-0`,`[&_tr]:hover:bg-muted-muted/50`,`[&_tr]:active:bg-muted-muted`,`[&_tr]:data-[state=selected]:bg-muted`,`[&_tr]:border-border-weak`,`[&_tr]:border-b`,`[&_tr]:transition-colors`,e),...r}));o.displayName=`TableBody`;const s=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`tfoot`,{"data-slot":`table-footer`,className:(0,t.cn)(`border-border-weak border-t font-medium [&>tr]:last:border-b-0`,e),...r}));s.displayName=`TableFooter`;const c=(0,r.memo)(({className:e,...t})=>(0,n.jsx)(`tr`,{"data-slot":`table-row`,className:e,...t}));c.displayName=`TableRow`;const l=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`th`,{"data-slot":`table-head`,className:(0,t.cn)(`text-text-positive-weak`,`h-10 whitespace-nowrap px-2 text-left align-middle font-medium`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,e),...r}));l.displayName=`TableHead`;const u=(0,r.memo)(({className:e,...t})=>(0,n.jsx)(`td`,{"data-slot":`table-cell`,className:e,...t}));u.displayName=`TableCell`;const d=(0,r.memo)(({className:e,...r})=>(0,n.jsx)(`caption`,{"data-slot":`table-caption`,className:(0,t.cn)(`text-text-positive-muted mt-4 text-sm`,e),...r}));d.displayName=`TableCaption`,Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=table-Bnalda2M.cjs.map

package/dist/table-Bnalda2M.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-Bnalda2M.cjs","names":[],"sources":["../packages/components/ui/table.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nconst Table = memo(({ className, ...props }: React.ComponentProps<'table'>) => {\n  return <table data-slot=\"table\" className={cn('w-full caption-bottom text-sm', className)} {...props} />;\n});\nTable.displayName = 'Table';\n\nconst TableHeader = memo(({ className, ...props }: React.ComponentProps<'thead'>) => {\n  return <thead data-slot=\"table-header\" className={cn('[&_tr:not(:last-child)_td]:border-b', className)} {...props} />;\n});\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = memo(({ className, ...props }: React.ComponentProps<'tbody'>) => {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        '[&_tr:last-child]:border-0',\n        '[&_tr]:hover:bg-muted-muted/50',\n        '[&_tr]:active:bg-muted-muted',\n        '[&_tr]:data-[state=selected]:bg-muted',\n        '[&_tr]:border-border-weak',\n        '[&_tr]:border-b',\n        '[&_tr]:transition-colors',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = memo(({ className, ...props }: React.ComponentProps<'tfoot'>) => {\n  return <tfoot data-slot=\"table-footer\" className={cn('border-border-weak border-t font-medium [&>tr]:last:border-b-0', className)} {...props} />;\n});\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = memo(({ className, ...props }: React.ComponentProps<'tr'>) => {\n  return <tr data-slot=\"table-row\" className={className} {...props} />;\n});\nTableRow.displayName = 'TableRow';\n\nconst TableHead = memo(({ className, ...props }: React.ComponentProps<'th'>) => {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-text-positive-weak',\n        'h-10 whitespace-nowrap px-2 text-left align-middle font-medium',\n        '[&:has([role=checkbox])]:pr-0',\n        '[&>[role=checkbox]]:translate-y-0.5',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nTableHead.displayName = 'TableHead';\n\nconst TableCell = memo(({ className, ...props }: React.ComponentProps<'td'>) => {\n  return <td data-slot=\"table-cell\" className={className} {...props} />;\n});\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = memo(({ className, ...props }: React.ComponentProps<'caption'>) => {\n  return <caption data-slot=\"table-caption\" className={cn('text-text-positive-muted mt-4 text-sm', className)} {...props} />;\n});\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };\n"],"mappings":"0IAMA,MAAM,GAAA,EAAA,EAAA,OAAc,CAAE,YAAW,GAAG,MAC3B,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,QAAQ,WAAA,EAAA,EAAA,IAAc,gCAAiC,EAAU,CAAE,GAAI,GAAS,CACxG,CACF,EAAM,YAAc,QAEpB,MAAM,GAAA,EAAA,EAAA,OAAoB,CAAE,YAAW,GAAG,MACjC,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,sCAAuC,EAAU,CAAE,GAAI,GAAS,CACrH,CACF,EAAY,YAAc,cAE1B,MAAM,GAAA,EAAA,EAAA,OAAkB,CAAE,YAAW,GAAG,MAEpC,EAAA,EAAA,KAAC,QAAA,CACC,YAAU,aACV,WAAA,EAAA,EAAA,IACE,6BACA,iCACA,+BACA,wCACA,4BACA,kBACA,2BACA,EACD,CACD,GAAI,GACJ,CAEJ,CACF,EAAU,YAAc,YAExB,MAAM,GAAA,EAAA,EAAA,OAAoB,CAAE,YAAW,GAAG,MACjC,EAAA,EAAA,KAAC,QAAA,CAAM,YAAU,eAAe,WAAA,EAAA,EAAA,IAAc,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAChJ,CACF,EAAY,YAAc,cAE1B,MAAM,GAAA,EAAA,EAAA,OAAiB,CAAE,YAAW,GAAG,MAC9B,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,YAAuB,YAAW,GAAI,GAAS,CACpE,CACF,EAAS,YAAc,WAEvB,MAAM,GAAA,EAAA,EAAA,OAAkB,CAAE,YAAW,GAAG,MAEpC,EAAA,EAAA,KAAC,KAAA,CACC,YAAU,aACV,WAAA,EAAA,EAAA,IACE,0BACA,iEACA,gCACA,sCACA,EACD,CACD,GAAI,GACJ,CAEJ,CACF,EAAU,YAAc,YAExB,MAAM,GAAA,EAAA,EAAA,OAAkB,CAAE,YAAW,GAAG,MAC/B,EAAA,EAAA,KAAC,KAAA,CAAG,YAAU,aAAwB,YAAW,GAAI,GAAS,CACrE,CACF,EAAU,YAAc,YAExB,MAAM,GAAA,EAAA,EAAA,OAAqB,CAAE,YAAW,GAAG,MAClC,EAAA,EAAA,KAAC,UAAA,CAAQ,YAAU,gBAAgB,WAAA,EAAA,EAAA,IAAc,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAC1H,CACF,EAAa,YAAc"}

package/dist/table-CvsmSL4n.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{memo as n}from"react";const r=n(({className:n,...r})=>t(`table`,{"data-slot":`table`,className:e(`w-full caption-bottom text-sm`,n),...r}));r.displayName=`Table`;const i=n(({className:n,...r})=>t(`thead`,{"data-slot":`table-header`,className:e(`[&_tr:not(:last-child)_td]:border-b`,n),...r}));i.displayName=`TableHeader`;const a=n(({className:n,...r})=>t(`tbody`,{"data-slot":`table-body`,className:e(`[&_tr:last-child]:border-0`,`[&_tr]:hover:bg-muted-muted/50`,`[&_tr]:active:bg-muted-muted`,`[&_tr]:data-[state=selected]:bg-muted`,`[&_tr]:border-border-weak`,`[&_tr]:border-b`,`[&_tr]:transition-colors`,n),...r}));a.displayName=`TableBody`;const o=n(({className:n,...r})=>t(`tfoot`,{"data-slot":`table-footer`,className:e(`border-border-weak border-t font-medium [&>tr]:last:border-b-0`,n),...r}));o.displayName=`TableFooter`;const s=n(({className:e,...n})=>t(`tr`,{"data-slot":`table-row`,className:e,...n}));s.displayName=`TableRow`;const c=n(({className:n,...r})=>t(`th`,{"data-slot":`table-head`,className:e(`text-text-positive-weak`,`h-10 whitespace-nowrap px-2 text-left align-middle font-medium`,`[&:has([role=checkbox])]:pr-0`,`[&>[role=checkbox]]:translate-y-0.5`,n),...r}));c.displayName=`TableHead`;const l=n(({className:e,...n})=>t(`td`,{"data-slot":`table-cell`,className:e,...n}));l.displayName=`TableCell`;const u=n(({className:n,...r})=>t(`caption`,{"data-slot":`table-caption`,className:e(`text-text-positive-muted mt-4 text-sm`,n),...r}));u.displayName=`TableCaption`;export{o as a,s as c,l as i,a as n,c as o,u as r,i as s,r as t};
+//# sourceMappingURL=table-CvsmSL4n.mjs.map

package/dist/table-CvsmSL4n.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-CvsmSL4n.mjs","names":[],"sources":["../packages/components/ui/table.tsx"],"sourcesContent":["'use client';\n\nimport { memo } from 'react';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nconst Table = memo(({ className, ...props }: React.ComponentProps<'table'>) => {\n  return <table data-slot=\"table\" className={cn('w-full caption-bottom text-sm', className)} {...props} />;\n});\nTable.displayName = 'Table';\n\nconst TableHeader = memo(({ className, ...props }: React.ComponentProps<'thead'>) => {\n  return <thead data-slot=\"table-header\" className={cn('[&_tr:not(:last-child)_td]:border-b', className)} {...props} />;\n});\nTableHeader.displayName = 'TableHeader';\n\nconst TableBody = memo(({ className, ...props }: React.ComponentProps<'tbody'>) => {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\n        '[&_tr:last-child]:border-0',\n        '[&_tr]:hover:bg-muted-muted/50',\n        '[&_tr]:active:bg-muted-muted',\n        '[&_tr]:data-[state=selected]:bg-muted',\n        '[&_tr]:border-border-weak',\n        '[&_tr]:border-b',\n        '[&_tr]:transition-colors',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nTableBody.displayName = 'TableBody';\n\nconst TableFooter = memo(({ className, ...props }: React.ComponentProps<'tfoot'>) => {\n  return <tfoot data-slot=\"table-footer\" className={cn('border-border-weak border-t font-medium [&>tr]:last:border-b-0', className)} {...props} />;\n});\nTableFooter.displayName = 'TableFooter';\n\nconst TableRow = memo(({ className, ...props }: React.ComponentProps<'tr'>) => {\n  return <tr data-slot=\"table-row\" className={className} {...props} />;\n});\nTableRow.displayName = 'TableRow';\n\nconst TableHead = memo(({ className, ...props }: React.ComponentProps<'th'>) => {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-text-positive-weak',\n        'h-10 whitespace-nowrap px-2 text-left align-middle font-medium',\n        '[&:has([role=checkbox])]:pr-0',\n        '[&>[role=checkbox]]:translate-y-0.5',\n        className\n      )}\n      {...props}\n    />\n  );\n});\nTableHead.displayName = 'TableHead';\n\nconst TableCell = memo(({ className, ...props }: React.ComponentProps<'td'>) => {\n  return <td data-slot=\"table-cell\" className={className} {...props} />;\n});\nTableCell.displayName = 'TableCell';\n\nconst TableCaption = memo(({ className, ...props }: React.ComponentProps<'caption'>) => {\n  return <caption data-slot=\"table-caption\" className={cn('text-text-positive-muted mt-4 text-sm', className)} {...props} />;\n});\nTableCaption.displayName = 'TableCaption';\n\nexport { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };\n"],"mappings":"yHAMA,MAAM,EAAQ,GAAM,CAAE,YAAW,GAAG,KAC3B,EAAC,QAAA,CAAM,YAAU,QAAQ,UAAW,EAAG,gCAAiC,EAAU,CAAE,GAAI,GAAS,CACxG,CACF,EAAM,YAAc,QAEpB,MAAM,EAAc,GAAM,CAAE,YAAW,GAAG,KACjC,EAAC,QAAA,CAAM,YAAU,eAAe,UAAW,EAAG,sCAAuC,EAAU,CAAE,GAAI,GAAS,CACrH,CACF,EAAY,YAAc,cAE1B,MAAM,EAAY,GAAM,CAAE,YAAW,GAAG,KAEpC,EAAC,QAAA,CACC,YAAU,aACV,UAAW,EACT,6BACA,iCACA,+BACA,wCACA,4BACA,kBACA,2BACA,EACD,CACD,GAAI,GACJ,CAEJ,CACF,EAAU,YAAc,YAExB,MAAM,EAAc,GAAM,CAAE,YAAW,GAAG,KACjC,EAAC,QAAA,CAAM,YAAU,eAAe,UAAW,EAAG,iEAAkE,EAAU,CAAE,GAAI,GAAS,CAChJ,CACF,EAAY,YAAc,cAE1B,MAAM,EAAW,GAAM,CAAE,YAAW,GAAG,KAC9B,EAAC,KAAA,CAAG,YAAU,YAAuB,YAAW,GAAI,GAAS,CACpE,CACF,EAAS,YAAc,WAEvB,MAAM,EAAY,GAAM,CAAE,YAAW,GAAG,KAEpC,EAAC,KAAA,CACC,YAAU,aACV,UAAW,EACT,0BACA,iEACA,gCACA,sCACA,EACD,CACD,GAAI,GACJ,CAEJ,CACF,EAAU,YAAc,YAExB,MAAM,EAAY,GAAM,CAAE,YAAW,GAAG,KAC/B,EAAC,KAAA,CAAG,YAAU,aAAwB,YAAW,GAAI,GAAS,CACrE,CACF,EAAU,YAAc,YAExB,MAAM,EAAe,GAAM,CAAE,YAAW,GAAG,KAClC,EAAC,UAAA,CAAQ,YAAU,gBAAgB,UAAW,EAAG,wCAAyC,EAAU,CAAE,GAAI,GAAS,CAC1H,CACF,EAAa,YAAc"}

package/dist/tabs-BIOizIW9.mjs

@@ -0,0 +1,2 @@
+import{cn as e}from"@customafk/react-toolkit/utils";import{jsx as t}from"react/jsx-runtime";import{Tabs as n}from"radix-ui";function r({className:r,...i}){return t(n.Root,{"data-slot":`tabs`,className:e(`flex flex-col gap-2`,r),...i})}function i({className:r,...i}){return t(n.List,{"data-slot":`tabs-list`,className:e(`inline-flex h-9 w-fit items-center justify-center rounded-full bg-muted-muted p-1`,r),...i})}function a({className:r,...i}){return t(n.Trigger,{"data-slot":`tabs-trigger`,className:e(`text-text-positive-weak`,`inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5`,`rounded-full`,`whitespace-nowrap border border-transparent px-2 py-1 font-medium text-sm transition`,`hover:bg-muted-weak`,`data-[state=active]:shadow-card`,`data-[state=active]:bg-background`,`disabled:opacity-50`,`disabled:pointer-events-none`,`focus-visible:border-primary`,`focus-visible:ring-4`,`focus-visible:ring-primary-weak`,`focus-visible:outline-1`,`focus-visible:outline-primary`,`[&_svg]:pointer-events-none`,`[&_svg]:shrink-0`,`[&_svg:not([class*='size-'])]:size-4`,r),...i})}function o({className:r,...i}){return t(n.Content,{"data-slot":`tabs-content`,className:e(`flex-1 outline-none`,r),...i})}export{a as i,o as n,i as r,r as t};
+//# sourceMappingURL=tabs-BIOizIW9.mjs.map

package/dist/tabs-BIOizIW9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-BIOizIW9.mjs","names":["Tabs","TabsPrimitive"],"sources":["../packages/components/ui/tabs.tsx"],"sourcesContent":["'use client';\n\nimport { cn } from '@customafk/react-toolkit/utils';\n\nimport { Tabs as TabsPrimitive } from 'radix-ui';\n\nfunction Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return <TabsPrimitive.Root data-slot=\"tabs\" className={cn('flex flex-col gap-2', className)} {...props} />;\n}\n\nfunction TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      className={cn('inline-flex h-9 w-fit items-center justify-center rounded-full bg-muted-muted p-1', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        'text-text-positive-weak',\n        'inline-flex h-[calc(100%-1px)] flex-1 cursor-pointer items-center justify-center gap-1.5',\n        'rounded-full',\n        'whitespace-nowrap border border-transparent px-2 py-1 font-medium text-sm transition',\n        'hover:bg-muted-weak',\n        'data-[state=active]:shadow-card',\n        'data-[state=active]:bg-background',\n        'disabled:opacity-50',\n        'disabled:pointer-events-none',\n        'focus-visible:border-primary',\n        'focus-visible:ring-4',\n        'focus-visible:ring-primary-weak',\n        'focus-visible:outline-1',\n        'focus-visible:outline-primary',\n        '[&_svg]:pointer-events-none',\n        '[&_svg]:shrink-0',\n        \"[&_svg:not([class*='size-'])]:size-4\",\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return <TabsPrimitive.Content data-slot=\"tabs-content\" className={cn('flex-1 outline-none', className)} {...props} />;\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger };\n"],"mappings":"4HAMA,SAASA,EAAK,CAAE,YAAW,GAAG,GAA0D,CACtF,OAAO,EAACC,EAAc,KAAA,CAAK,YAAU,OAAO,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,GAAS,CAG5G,SAAS,EAAS,CAAE,YAAW,GAAG,GAA0D,CAC1F,OACE,EAACA,EAAc,KAAA,CACb,YAAU,YACV,UAAW,EAAG,oFAAqF,EAAU,CAC7G,GAAI,GACJ,CAIN,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OACE,EAACA,EAAc,QAAA,CACb,YAAU,eACV,UAAW,EACT,0BACA,2FACA,eACA,uFACA,sBACA,kCACA,oCACA,sBACA,+BACA,+BACA,uBACA,kCACA,0BACA,gCACA,8BACA,mBACA,uCACA,EACD,CACD,GAAI,GACJ,CAIN,SAAS,EAAY,CAAE,YAAW,GAAG,GAA6D,CAChG,OAAO,EAACA,EAAc,QAAA,CAAQ,YAAU,eAAe,UAAW,EAAG,sBAAuB,EAAU,CAAE,GAAI,GAAS"}

package/dist/tanstack-form/index.cjs

@@ -1,2 +1,2 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`);require(`../dist-Dh8WwRa8.cjs`),require(`../button.variants-D1vkzrn1.cjs`);const t=require(`../button-BSQjtXgG.cjs`),n=require(`../card-BTXXktN5.cjs`),r=require(`../flex-CKdTJVZS.cjs`),i=require(`../label-D2Kl-Q_-.cjs`);require(`../separator-D3CGKwyf.cjs`);const a=require(`../field-Cjpwx_6d.cjs`);require(`../dialog-BZSD5ydg.cjs`);const o=require(`../command-B2WOEAng.cjs`),s=require(`../popover-Bn3M2SCp.cjs`),c=require(`../calendar-C24Sq5nU.cjs`),l=require(`../input-D2bPk-nW.cjs`),u=require(`../number-input-DIUM0vxv.cjs`),d=require(`../select-ZQ1jEKyy.cjs`),f=require(`../switch-CF9mKsGi.cjs`),p=require(`../textarea-isVIS6NP.cjs`),m=require(`../radio-group-DUdeuruf.cjs`);let h=require(`lucide-react`),g=require(`react`),_=require(`@customafk/react-toolkit/utils`),v=require(`react/jsx-runtime`),y=require(`class-variance-authority`),b=require(`@tanstack/react-form`);const x=({children:e})=>(0,v.jsx)(`div`,{"data-slot":`array-wrapper`,className:`flex flex-col space-y-4`,children:e}),ee=({label:e,description:n,onAddItem:r,children:i})=>(0,v.jsxs)(a.a,{children:[(0,v.jsxs)(a.t,{children:[(0,v.jsxs)(a.n,{children:[(0,v.jsx)(a.o,{children:e}),(0,v.jsx)(a.r,{children:n})]}),(0,v.jsx)(x,{children:i})]}),(0,v.jsxs)(t.t,{size:`sm`,variant:`outline`,color:`muted`,className:`w-fit text-text-positive-weak [&>span]:gap-x-0.5`,onClick:r,children:[(0,v.jsx)(h.PlusIcon,{size:12}),`Add Item`]}),(0,v.jsx)(a.c,{})]}),te=({index:e,label:r,description:i,onRemove:o,children:s})=>(0,v.jsxs)(n.t,{className:`relative shadow-none border border-border rounded-md`,children:[(0,v.jsx)(t.t,{size:`icon`,variant:`outline`,color:`muted`,className:`absolute top-4 right-4 text-text-negative-weak`,onClick:(0,g.useCallback)(()=>{o?.(e)},[e,o]),children:(0,v.jsx)(h.XIcon,{})}),(0,v.jsx)(n.r,{children:(0,v.jsxs)(a.a,{children:[(0,v.jsxs)(a.l,{children:[(0,v.jsx)(a.s,{children:r}),(0,v.jsx)(a.r,{children:i}),(0,v.jsx)(a.c,{})]}),s]})})]}),{fieldContext:ne,formContext:re,useFieldContext:S,useFormContext:C}=(0,b.createFormHookContexts)(),ie=({label:e=`Cancel`})=>{let{Subscribe:n,reset:r}=C(),i=(0,g.useCallback)(()=>{r()},[r]);return(0,v.jsx)(n,{selector:e=>({isSubmitting:e.isSubmitting}),children:({isSubmitting:n})=>(0,v.jsx)(t.t,{type:`button`,disabled:n,variant:`outline`,color:`muted`,className:`w-32`,onClick:i,children:e})})},ae=({isShowLabel:e=!0,isShowErrorMsg:n=!0,isNested:r=!1,disabledValues:i=[],label:c,description:l,placeholder:u,options:d,onAddNewItem:f})=>{let{name:p,state:m,handleChange:y}=S(),b=m.meta.isTouched&&!m.meta.isValid;return r?(0,v.jsxs)(a.t,{orientation:`vertical`,className:`gap-1`,children:[(0,v.jsx)(g.Activity,{mode:c||l?`visible`:`hidden`,children:(0,v.jsxs)(a.n,{children:[(0,v.jsx)(a.o,{htmlFor:p,className:`text-xs`,children:c}),(0,v.jsx)(g.Activity,{mode:l?`visible`:`hidden`,children:(0,v.jsx)(a.r,{className:`text-xs`,children:l})})]})}),(0,v.jsxs)(`div`,{className:`flex w-full flex-col justify-start`,children:[(0,v.jsxs)(s.t,{modal:!0,children:[(0,v.jsx)(s.i,{asChild:!0,children:(0,v.jsxs)(t.t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:(0,_.cn)(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,b&&`outline-danger`,b&&`focus:ring-4!`,b&&`focus:ring-danger-weak!`,b&&`focus:outline-danger-strong!`,b&&`focus:outline-1!`,b&&`data-[state=open]:ring-4!`,b&&`data-[state=open]:ring-danger-weak!`,b&&`data-[state=open]:outline-danger-strong!`,b&&`data-[state=open]:outline-1!`),children:[(0,v.jsx)(g.Activity,{mode:m.value?`visible`:`hidden`,children:(0,v.jsx)(`p`,{className:`flex min-w-0 flex-1 items-center gap-2 text-start`,children:d?.find(({value:e})=>e===m.value)?.label})}),(0,v.jsx)(g.Activity,{mode:m.value?`hidden`:`visible`,children:(0,v.jsx)(`p`,{className:`flex-1 text-start text-text-positive-muted`,children:u})}),(0,v.jsx)(h.ChevronDownIcon,{size:16,className:`shrink-0 text-text-positive-weak`,"aria-hidden":`true`})]})}),(0,v.jsx)(s.r,{className:`w-(--radix-popover-trigger-width) p-0`,children:(0,v.jsxs)(o.t,{className:`border-none`,children:[(0,v.jsx)(o.a,{placeholder:u??`Tìm kiếm`}),(0,v.jsxs)(o.s,{children:[(0,v.jsx)(o.i,{className:`max-h-40 overflow-y-auto`,children:(0,v.jsx)(g.Activity,{mode:d?`visible`:`hidden`,children:d.map(({value:e,label:t})=>(0,v.jsx)(o.o,{value:t,onSelect:()=>y(e),disabled:i.includes(e),children:t},e))})}),(0,v.jsxs)(g.Activity,{mode:f?`visible`:`hidden`,children:[(0,v.jsx)(o.c,{}),(0,v.jsx)(o.i,{children:(0,v.jsxs)(t.t,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:f,children:[(0,v.jsx)(h.PlusIcon,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),(0,v.jsx)(o.r,{children:`Không có kết quả`})]})})]}),(0,v.jsx)(g.Activity,{mode:n?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:m.meta.errors})})]})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(a.t,{orientation:`responsive`,"data-invalid":m.meta.isTouched&&!m.meta.isValid,children:[(0,v.jsxs)(a.n,{children:[(0,v.jsx)(g.Activity,{mode:c||l?`visible`:`hidden`,children:(0,v.jsx)(g.Activity,{mode:e?`visible`:`hidden`,children:(0,v.jsx)(a.o,{htmlFor:p,children:c})})}),(0,v.jsx)(g.Activity,{mode:l?`visible`:`hidden`,children:(0,v.jsx)(g.Activity,{mode:l?`visible`:`hidden`,children:(0,v.jsx)(a.r,{children:l})})})]}),(0,v.jsx)(`div`,{className:`flex basis-3/5 flex-col items-end`,children:(0,v.jsxs)(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-80`,children:[(0,v.jsxs)(s.t,{modal:!0,children:[(0,v.jsx)(s.i,{asChild:!0,children:(0,v.jsxs)(t.t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:(0,_.cn)(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,b&&`outline-danger`,b&&`focus:ring-4!`,b&&`focus:ring-danger-weak!`,b&&`focus:outline-danger-strong!`,b&&`focus:outline-1!`,b&&`data-[state=open]:ring-4!`,b&&`data-[state=open]:ring-danger-weak!`,b&&`data-[state=open]:outline-danger-strong!`,b&&`data-[state=open]:outline-1!`),children:[(0,v.jsx)(g.Activity,{mode:m.value?`visible`:`hidden`,children:(0,v.jsx)(`p`,{className:`flex min-w-0 flex-1 items-center gap-2 text-start`,children:d?.find(({value:e})=>e===m.value)?.label})}),(0,v.jsx)(g.Activity,{mode:m.value?`hidden`:`visible`,children:(0,v.jsx)(`p`,{className:`flex-1 text-start text-text-positive-muted`,children:u})}),(0,v.jsx)(h.ChevronDownIcon,{size:16,className:`shrink-0 text-text-positive-weak`,"aria-hidden":`true`})]})}),(0,v.jsx)(s.r,{className:`w-(--radix-popover-trigger-width) p-0`,children:(0,v.jsxs)(o.t,{className:`border-none`,children:[(0,v.jsx)(o.a,{placeholder:u??`Tìm kiếm`}),(0,v.jsxs)(o.s,{children:[(0,v.jsx)(o.i,{className:`max-h-40 overflow-y-auto`,children:(0,v.jsx)(g.Activity,{mode:d?`visible`:`hidden`,children:d.map(({value:e,label:t})=>(0,v.jsx)(o.o,{value:t,onSelect:()=>y(e),disabled:i.includes(e),children:t},e))})}),(0,v.jsxs)(g.Activity,{mode:f?`visible`:`hidden`,children:[(0,v.jsx)(o.c,{}),(0,v.jsx)(o.i,{children:(0,v.jsxs)(t.t,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:f,children:[(0,v.jsx)(h.PlusIcon,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),(0,v.jsx)(o.r,{children:`Không có kết quả`})]})})]}),(0,v.jsx)(g.Activity,{mode:n?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:m.meta.errors})})]})})]}),(0,v.jsx)(a.c,{})]})},oe=365.2425,se=10**8*24*60*60*1e3,w=6048e5,ce=864e5,le=3600,T=3600*24,ue=T*7,de=T*365.2425,fe=31556952/12,pe=2629746*3,E=Symbol.for(`constructDateFrom`);function D(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&E in e?e[E](t):e instanceof Date?new e.constructor(t):new Date(t)}function O(e,t){return D(t||e,e)}let me={};function k(){return me}function A(e,t){let n=k(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,i=O(e,t?.in),a=i.getDay(),o=(a<r?7:0)+a-r;return i.setDate(i.getDate()-o),i.setHours(0,0,0,0),i}function j(e,t){return A(e,{...t,weekStartsOn:1})}function M(e,t){let n=O(e,t?.in),r=n.getFullYear(),i=D(n,0);i.setFullYear(r+1,0,4),i.setHours(0,0,0,0);let a=j(i),o=D(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);let s=j(o);return n.getTime()>=a.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function N(e){let t=O(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),e-+n}function he(e,...t){let n=D.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function P(e,t){let n=O(e,t?.in);return n.setHours(0,0,0,0),n}function ge(e,t,n){let[r,i]=he(n?.in,e,t),a=P(r),o=P(i),s=+a-N(a),c=+o-N(o);return Math.round((s-c)/864e5)}function _e(e,t){let n=M(e,t),r=D(t?.in||e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),j(r)}function F(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function I(e){return!(!F(e)&&typeof e!=`number`||isNaN(+O(e)))}function ve(e,t){let n=O(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const ye={lessThanXSeconds:{one:`less than a second`,other:`less than {{count}} seconds`},xSeconds:{one:`1 second`,other:`{{count}} seconds`},halfAMinute:`half a minute`,lessThanXMinutes:{one:`less than a minute`,other:`less than {{count}} minutes`},xMinutes:{one:`1 minute`,other:`{{count}} minutes`},aboutXHours:{one:`about 1 hour`,other:`about {{count}} hours`},xHours:{one:`1 hour`,other:`{{count}} hours`},xDays:{one:`1 day`,other:`{{count}} days`},aboutXWeeks:{one:`about 1 week`,other:`about {{count}} weeks`},xWeeks:{one:`1 week`,other:`{{count}} weeks`},aboutXMonths:{one:`about 1 month`,other:`about {{count}} months`},xMonths:{one:`1 month`,other:`{{count}} months`},aboutXYears:{one:`about 1 year`,other:`about {{count}} years`},xYears:{one:`1 year`,other:`{{count}} years`},overXYears:{one:`over 1 year`,other:`over {{count}} years`},almostXYears:{one:`almost 1 year`,other:`almost {{count}} years`}},be=(e,t,n)=>{let r,i=ye[e];return r=typeof i==`string`?i:t===1?i.one:i.other.replace(`{{count}}`,t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?`in `+r:r+` ago`:r};function L(e){return(t={})=>{let n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const xe={full:`EEEE, MMMM do, y`,long:`MMMM do, y`,medium:`MMM d, y`,short:`MM/dd/yyyy`},Se={full:`h:mm:ss a zzzz`,long:`h:mm:ss a z`,medium:`h:mm:ss a`,short:`h:mm a`},Ce={full:`{{date}} 'at' {{time}}`,long:`{{date}} 'at' {{time}}`,medium:`{{date}}, {{time}}`,short:`{{date}}, {{time}}`},we={date:L({formats:xe,defaultWidth:`full`}),time:L({formats:Se,defaultWidth:`full`}),dateTime:L({formats:Ce,defaultWidth:`full`})},Te={lastWeek:`'last' eeee 'at' p`,yesterday:`'yesterday at' p`,today:`'today at' p`,tomorrow:`'tomorrow at' p`,nextWeek:`eeee 'at' p`,other:`P`},Ee=(e,t,n,r)=>Te[e];function R(e){return(t,n)=>{let r=n?.context?String(n.context):`standalone`,i;if(r===`formatting`&&e.formattingValues){let t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{let t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}let a=e.argumentCallback?e.argumentCallback(t):t;return i[a]}}const De={narrow:[`B`,`A`],abbreviated:[`BC`,`AD`],wide:[`Before Christ`,`Anno Domini`]},Oe={narrow:[`1`,`2`,`3`,`4`],abbreviated:[`Q1`,`Q2`,`Q3`,`Q4`],wide:[`1st quarter`,`2nd quarter`,`3rd quarter`,`4th quarter`]},ke={narrow:[`J`,`F`,`M`,`A`,`M`,`J`,`J`,`A`,`S`,`O`,`N`,`D`],abbreviated:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],wide:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]},Ae={narrow:[`S`,`M`,`T`,`W`,`T`,`F`,`S`],short:[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],abbreviated:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],wide:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},je={narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`}},Me={narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`}},Ne=(e,t)=>{let n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+`st`;case 2:return n+`nd`;case 3:return n+`rd`}return n+`th`},Pe={ordinalNumber:Ne,era:R({values:De,defaultWidth:`wide`}),quarter:R({values:Oe,defaultWidth:`wide`,argumentCallback:e=>e-1}),month:R({values:ke,defaultWidth:`wide`}),day:R({values:Ae,defaultWidth:`wide`}),dayPeriod:R({values:je,defaultWidth:`wide`,formattingValues:Me,defaultFormattingWidth:`wide`})};function z(e){return(t,n={})=>{let r=n.width,i=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],a=t.match(i);if(!a)return null;let o=a[0],s=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(s)?Ie(s,e=>e.test(o)):Fe(s,e=>e.test(o)),l;l=e.valueCallback?e.valueCallback(c):c,l=n.valueCallback?n.valueCallback(l):l;let u=t.slice(o.length);return{value:l,rest:u}}}function Fe(e,t){for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function Ie(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function Le(e){return(t,n={})=>{let r=t.match(e.matchPattern);if(!r)return null;let i=r[0],a=t.match(e.parsePattern);if(!a)return null;let o=e.valueCallback?e.valueCallback(a[0]):a[0];o=n.valueCallback?n.valueCallback(o):o;let s=t.slice(i.length);return{value:o,rest:s}}}const Re=/^(\d+)(th|st|nd|rd)?/i,ze=/\d+/i,Be={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Ve={any:[/^b/i,/^(a|c)/i]},He={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Ue={any:[/1/i,/2/i,/3/i,/4/i]},We={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Ge={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Ke={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},qe={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Je={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Ye={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Xe={ordinalNumber:Le({matchPattern:Re,parsePattern:ze,valueCallback:e=>parseInt(e,10)}),era:z({matchPatterns:Be,defaultMatchWidth:`wide`,parsePatterns:Ve,defaultParseWidth:`any`}),quarter:z({matchPatterns:He,defaultMatchWidth:`wide`,parsePatterns:Ue,defaultParseWidth:`any`,valueCallback:e=>e+1}),month:z({matchPatterns:We,defaultMatchWidth:`wide`,parsePatterns:Ge,defaultParseWidth:`any`}),day:z({matchPatterns:Ke,defaultMatchWidth:`wide`,parsePatterns:qe,defaultParseWidth:`any`}),dayPeriod:z({matchPatterns:Je,defaultMatchWidth:`any`,parsePatterns:Ye,defaultParseWidth:`any`})},Ze={code:`en-US`,formatDistance:be,formatLong:we,formatRelative:Ee,localize:Pe,match:Xe,options:{weekStartsOn:0,firstWeekContainsDate:1}};function Qe(e,t){let n=O(e,t?.in);return ge(n,ve(n))+1}function $e(e,t){let n=O(e,t?.in),r=j(n)-+_e(n);return Math.round(r/w)+1}function B(e,t){let n=O(e,t?.in),r=n.getFullYear(),i=k(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=D(t?.in||e,0);o.setFullYear(r+1,0,a),o.setHours(0,0,0,0);let s=A(o,t),c=D(t?.in||e,0);c.setFullYear(r,0,a),c.setHours(0,0,0,0);let l=A(c,t);return+n>=+s?r+1:+n>=+l?r:r-1}function et(e,t){let n=k(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=B(e,t),a=D(t?.in||e,0);return a.setFullYear(i,0,r),a.setHours(0,0,0,0),A(a,t)}function tt(e,t){let n=O(e,t?.in),r=A(n,t)-+et(n,t);return Math.round(r/w)+1}function V(e,t){return(e<0?`-`:``)+Math.abs(e).toString().padStart(t,`0`)}const H={y(e,t){let n=e.getFullYear(),r=n>0?n:1-n;return V(t===`yy`?r%100:r,t.length)},M(e,t){let n=e.getMonth();return t===`M`?String(n+1):V(n+1,2)},d(e,t){return V(e.getDate(),t.length)},a(e,t){let n=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.toUpperCase();case`aaa`:return n;case`aaaaa`:return n[0];case`aaaa`:default:return n===`am`?`a.m.`:`p.m.`}},h(e,t){return V(e.getHours()%12||12,t.length)},H(e,t){return V(e.getHours(),t.length)},m(e,t){return V(e.getMinutes(),t.length)},s(e,t){return V(e.getSeconds(),t.length)},S(e,t){let n=t.length,r=e.getMilliseconds();return V(Math.trunc(r*10**(n-3)),t.length)}},U={am:`am`,pm:`pm`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},W={G:function(e,t,n){let r=e.getFullYear()>0?1:0;switch(t){case`G`:case`GG`:case`GGG`:return n.era(r,{width:`abbreviated`});case`GGGGG`:return n.era(r,{width:`narrow`});case`GGGG`:default:return n.era(r,{width:`wide`})}},y:function(e,t,n){if(t===`yo`){let t=e.getFullYear(),r=t>0?t:1-t;return n.ordinalNumber(r,{unit:`year`})}return H.y(e,t)},Y:function(e,t,n,r){let i=B(e,r),a=i>0?i:1-i;return t===`YY`?V(a%100,2):t===`Yo`?n.ordinalNumber(a,{unit:`year`}):V(a,t.length)},R:function(e,t){return V(M(e),t.length)},u:function(e,t){return V(e.getFullYear(),t.length)},Q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`Q`:return String(r);case`QQ`:return V(r,2);case`Qo`:return n.ordinalNumber(r,{unit:`quarter`});case`QQQ`:return n.quarter(r,{width:`abbreviated`,context:`formatting`});case`QQQQQ`:return n.quarter(r,{width:`narrow`,context:`formatting`});case`QQQQ`:default:return n.quarter(r,{width:`wide`,context:`formatting`})}},q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`q`:return String(r);case`qq`:return V(r,2);case`qo`:return n.ordinalNumber(r,{unit:`quarter`});case`qqq`:return n.quarter(r,{width:`abbreviated`,context:`standalone`});case`qqqqq`:return n.quarter(r,{width:`narrow`,context:`standalone`});case`qqqq`:default:return n.quarter(r,{width:`wide`,context:`standalone`})}},M:function(e,t,n){let r=e.getMonth();switch(t){case`M`:case`MM`:return H.M(e,t);case`Mo`:return n.ordinalNumber(r+1,{unit:`month`});case`MMM`:return n.month(r,{width:`abbreviated`,context:`formatting`});case`MMMMM`:return n.month(r,{width:`narrow`,context:`formatting`});case`MMMM`:default:return n.month(r,{width:`wide`,context:`formatting`})}},L:function(e,t,n){let r=e.getMonth();switch(t){case`L`:return String(r+1);case`LL`:return V(r+1,2);case`Lo`:return n.ordinalNumber(r+1,{unit:`month`});case`LLL`:return n.month(r,{width:`abbreviated`,context:`standalone`});case`LLLLL`:return n.month(r,{width:`narrow`,context:`standalone`});case`LLLL`:default:return n.month(r,{width:`wide`,context:`standalone`})}},w:function(e,t,n,r){let i=tt(e,r);return t===`wo`?n.ordinalNumber(i,{unit:`week`}):V(i,t.length)},I:function(e,t,n){let r=$e(e);return t===`Io`?n.ordinalNumber(r,{unit:`week`}):V(r,t.length)},d:function(e,t,n){return t===`do`?n.ordinalNumber(e.getDate(),{unit:`date`}):H.d(e,t)},D:function(e,t,n){let r=Qe(e);return t===`Do`?n.ordinalNumber(r,{unit:`dayOfYear`}):V(r,t.length)},E:function(e,t,n){let r=e.getDay();switch(t){case`E`:case`EE`:case`EEE`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`EEEEE`:return n.day(r,{width:`narrow`,context:`formatting`});case`EEEEEE`:return n.day(r,{width:`short`,context:`formatting`});case`EEEE`:default:return n.day(r,{width:`wide`,context:`formatting`})}},e:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`e`:return String(a);case`ee`:return V(a,2);case`eo`:return n.ordinalNumber(a,{unit:`day`});case`eee`:return n.day(i,{width:`abbreviated`,context:`formatting`});case`eeeee`:return n.day(i,{width:`narrow`,context:`formatting`});case`eeeeee`:return n.day(i,{width:`short`,context:`formatting`});case`eeee`:default:return n.day(i,{width:`wide`,context:`formatting`})}},c:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`c`:return String(a);case`cc`:return V(a,t.length);case`co`:return n.ordinalNumber(a,{unit:`day`});case`ccc`:return n.day(i,{width:`abbreviated`,context:`standalone`});case`ccccc`:return n.day(i,{width:`narrow`,context:`standalone`});case`cccccc`:return n.day(i,{width:`short`,context:`standalone`});case`cccc`:default:return n.day(i,{width:`wide`,context:`standalone`})}},i:function(e,t,n){let r=e.getDay(),i=r===0?7:r;switch(t){case`i`:return String(i);case`ii`:return V(i,t.length);case`io`:return n.ordinalNumber(i,{unit:`day`});case`iii`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`iiiii`:return n.day(r,{width:`narrow`,context:`formatting`});case`iiiiii`:return n.day(r,{width:`short`,context:`formatting`});case`iiii`:default:return n.day(r,{width:`wide`,context:`formatting`})}},a:function(e,t,n){let r=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`});case`aaa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`aaaaa`:return n.dayPeriod(r,{width:`narrow`,context:`formatting`});case`aaaa`:default:return n.dayPeriod(r,{width:`wide`,context:`formatting`})}},b:function(e,t,n){let r=e.getHours(),i;switch(i=r===12?U.noon:r===0?U.midnight:r/12>=1?`pm`:`am`,t){case`b`:case`bb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`bbb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`bbbbb`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});case`bbbb`:default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},B:function(e,t,n){let r=e.getHours(),i;switch(i=r>=17?U.evening:r>=12?U.afternoon:r>=4?U.morning:U.night,t){case`B`:case`BB`:case`BBB`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`BBBBB`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});case`BBBB`:default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},h:function(e,t,n){if(t===`ho`){let t=e.getHours()%12;return t===0&&(t=12),n.ordinalNumber(t,{unit:`hour`})}return H.h(e,t)},H:function(e,t,n){return t===`Ho`?n.ordinalNumber(e.getHours(),{unit:`hour`}):H.H(e,t)},K:function(e,t,n){let r=e.getHours()%12;return t===`Ko`?n.ordinalNumber(r,{unit:`hour`}):V(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t===`ko`?n.ordinalNumber(r,{unit:`hour`}):V(r,t.length)},m:function(e,t,n){return t===`mo`?n.ordinalNumber(e.getMinutes(),{unit:`minute`}):H.m(e,t)},s:function(e,t,n){return t===`so`?n.ordinalNumber(e.getSeconds(),{unit:`second`}):H.s(e,t)},S:function(e,t){return H.S(e,t)},X:function(e,t,n){let r=e.getTimezoneOffset();if(r===0)return`Z`;switch(t){case`X`:return K(r);case`XXXX`:case`XX`:return q(r);case`XXXXX`:case`XXX`:default:return q(r,`:`)}},x:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`x`:return K(r);case`xxxx`:case`xx`:return q(r);case`xxxxx`:case`xxx`:default:return q(r,`:`)}},O:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`O`:case`OO`:case`OOO`:return`GMT`+G(r,`:`);case`OOOO`:default:return`GMT`+q(r,`:`)}},z:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`z`:case`zz`:case`zzz`:return`GMT`+G(r,`:`);case`zzzz`:default:return`GMT`+q(r,`:`)}},t:function(e,t,n){return V(Math.trunc(e/1e3),t.length)},T:function(e,t,n){return V(+e,t.length)}};function G(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=Math.trunc(r/60),a=r%60;return a===0?n+String(i):n+String(i)+t+V(a,2)}function K(e,t){return e%60==0?(e>0?`-`:`+`)+V(Math.abs(e)/60,2):q(e,t)}function q(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=V(Math.trunc(r/60),2),a=V(r%60,2);return n+i+t+a}const J=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});case`PPPP`:default:return t.date({width:`full`})}},Y=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});case`pppp`:default:return t.time({width:`full`})}},nt=(e,t)=>{let n=e.match(/(P+)(p+)?/)||[],r=n[1],i=n[2];if(!i)return J(e,t);let a;switch(r){case`P`:a=t.dateTime({width:`short`});break;case`PP`:a=t.dateTime({width:`medium`});break;case`PPP`:a=t.dateTime({width:`long`});break;case`PPPP`:default:a=t.dateTime({width:`full`});break}return a.replace(`{{date}}`,J(r,t)).replace(`{{time}}`,Y(i,t))},rt={p:Y,P:nt},it=/^D+$/,at=/^Y+$/,ot=[`D`,`DD`,`YY`,`YYYY`];function st(e){return it.test(e)}function ct(e){return at.test(e)}function lt(e,t,n){let r=ut(e,t,n);if(console.warn(r),ot.includes(e))throw RangeError(r)}function ut(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const dt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ft=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,pt=/^'([^]*?)'?$/,mt=/''/g,ht=/[a-zA-Z]/;function X(e,t,n){let r=k(),i=n?.locale??r.locale??Ze,a=n?.firstWeekContainsDate??n?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,o=n?.weekStartsOn??n?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,s=O(e,n?.in);if(!I(s))throw RangeError(`Invalid time value`);let c=t.match(ft).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=rt[t];return n(e,i.formatLong)}return e}).join(``).match(dt).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:gt(e)};if(W[t])return{isToken:!0,value:e};if(t.match(ht))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});i.localize.preprocessor&&(c=i.localize.preprocessor(s,c));let l={firstWeekContainsDate:a,weekStartsOn:o,locale:i};return c.map(r=>{if(!r.isToken)return r.value;let a=r.value;(!n?.useAdditionalWeekYearTokens&&ct(a)||!n?.useAdditionalDayOfYearTokens&&st(a))&&lt(a,t,String(e));let o=W[a[0]];return o(s,a,i.localize,l)}).join(``)}function gt(e){let t=e.match(pt);return t?t[1].replace(mt,`'`):e}const _t=({isNested:e=!1,isShowLabel:n=!0,isShowErrorMsg:r=!0,label:i,description:o,placeholder:l})=>{let{name:u,state:d,handleChange:f,handleBlur:p}=S(),m=d.meta.isTouched&&!d.meta.isValid;return e?(0,v.jsxs)(a.t,{orientation:`vertical`,className:`gap-1`,children:[(0,v.jsx)(g.Activity,{mode:i||o?`visible`:`hidden`,children:(0,v.jsx)(a.n,{children:(0,v.jsx)(a.o,{htmlFor:u,className:`text-xs`,children:i})})}),(0,v.jsxs)(`div`,{className:`flex w-full flex-col justify-start`,children:[(0,v.jsxs)(s.t,{modal:!0,children:[(0,v.jsx)(s.i,{asChild:!0,children:(0,v.jsxs)(t.t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:(0,_.cn)(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,m&&`outline-danger`,m&&`focus:ring-4!`,m&&`focus:ring-danger-weak!`,m&&`focus:outline-danger-strong!`,m&&`focus:outline-1!`,m&&`data-[state=open]:ring-4!`,m&&`data-[state=open]:ring-danger-weak!`,m&&`data-[state=open]:outline-danger-strong!`,m&&`data-[state=open]:outline-1!`),children:[(0,v.jsx)(g.Activity,{mode:d.value?`visible`:`hidden`,children:X(d.value,`PPP`)}),(0,v.jsx)(g.Activity,{mode:d.value?`hidden`:`visible`,children:l||`Pick a date`}),(0,v.jsx)(h.CalendarIcon,{className:`ml-auto size-4 text-text-positive-weak`})]})}),(0,v.jsx)(s.r,{align:`end`,className:`w-fit p-0`,onBlur:p,children:(0,v.jsx)(c.t,{mode:`single`,selected:d.value,onSelect:e=>{e&&f(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),(0,v.jsx)(g.Activity,{mode:r?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:d.meta.errors})})]})]}):(0,v.jsxs)(a.a,{children:[(0,v.jsxs)(a.t,{orientation:`responsive`,"data-invalid":m,children:[(0,v.jsxs)(a.n,{children:[(0,v.jsx)(g.Activity,{mode:i||o?`visible`:`hidden`,children:(0,v.jsx)(g.Activity,{mode:n?`visible`:`hidden`,children:(0,v.jsx)(a.o,{htmlFor:u,children:i})})}),(0,v.jsx)(g.Activity,{mode:o?`visible`:`hidden`,children:(0,v.jsx)(g.Activity,{mode:o?`visible`:`hidden`,children:(0,v.jsx)(a.r,{children:o})})})]}),(0,v.jsx)(`div`,{className:`flex basis-3/5 flex-col items-end`,children:(0,v.jsxs)(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-62`,children:[(0,v.jsxs)(s.t,{modal:!0,children:[(0,v.jsx)(s.i,{asChild:!0,children:(0,v.jsxs)(t.t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:(0,_.cn)(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,m&&`outline-danger`,m&&`focus:ring-4!`,m&&`focus:ring-danger-weak!`,m&&`focus:outline-danger-strong!`,m&&`focus:outline-1!`,m&&`data-[state=open]:ring-4!`,m&&`data-[state=open]:ring-danger-weak!`,m&&`data-[state=open]:outline-danger-strong!`,m&&`data-[state=open]:outline-1!`),children:[(0,v.jsx)(g.Activity,{mode:d.value?`visible`:`hidden`,children:X(d.value,`PPP`)}),(0,v.jsx)(g.Activity,{mode:d.value?`hidden`:`visible`,children:l||`Pick a date`}),(0,v.jsx)(h.CalendarIcon,{className:`ml-auto size-4 text-text-positive-weak`})]})}),(0,v.jsx)(s.r,{align:`end`,className:`w-fit p-0`,onBlur:p,children:(0,v.jsx)(c.t,{mode:`single`,selected:d.value,onSelect:e=>{e&&f(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),(0,v.jsx)(g.Activity,{mode:r?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:d.meta.errors})})]})})]}),(0,v.jsx)(a.c,{})]})},vt=({isShowLabel:e=!0,isNested:t=!1,isShowErrorMsg:n=!0,label:r,description:i,unitText:o,placeholder:s})=>{let{name:c,state:l,handleBlur:d,handleChange:f}=S();return t?(0,v.jsxs)(a.t,{orientation:`vertical`,className:`gap-1`,children:[(0,v.jsx)(g.Activity,{mode:r||i?`visible`:`hidden`,children:(0,v.jsx)(a.n,{children:(0,v.jsx)(a.o,{htmlFor:c,className:`text-xs`,children:r})})}),(0,v.jsxs)(`div`,{className:`flex w-full flex-col justify-start`,children:[(0,v.jsx)(u.t,{id:c,value:l.value,"aria-invalid":l.meta.isTouched&&!l.meta.isValid,className:`w-full`,placeholder:s,unitText:o,onBlur:d,onValueChange:e=>{e!==void 0&&f(e)}}),(0,v.jsx)(g.Activity,{mode:n?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:l.meta.errors})})]})]}):(0,v.jsxs)(a.a,{children:[(0,v.jsxs)(a.t,{orientation:`responsive`,"data-invalid":l.meta.isTouched&&!l.meta.isValid,children:[(0,v.jsxs)(a.n,{children:[(0,v.jsx)(g.Activity,{mode:r||i?`visible`:`hidden`,children:(0,v.jsx)(g.Activity,{mode:e?`visible`:`hidden`,children:(0,v.jsx)(a.o,{htmlFor:c,children:r})})}),(0,v.jsx)(g.Activity,{mode:i?`visible`:`hidden`,children:(0,v.jsx)(a.r,{children:i})})]}),(0,v.jsxs)(`div`,{className:`relative basis-3/5 space-y-0.5`,children:[(0,v.jsx)(u.t,{id:c,value:l.value,"aria-invalid":l.meta.isTouched&&!l.meta.isValid,unitText:o,placeholder:s,className:`w-full`,onBlur:d,onValueChange:e=>{e!==void 0&&f(e)}}),(0,v.jsx)(g.Activity,{mode:n?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:l.meta.errors})})]})]}),(0,v.jsx)(a.c,{})]})},yt=({label:e,description:t,children:n})=>(0,v.jsxs)(a.a,{children:[(0,v.jsxs)(a.t,{orientation:`responsive`,children:[(0,v.jsxs)(a.n,{children:[(0,v.jsx)(a.o,{children:e}),(0,v.jsx)(g.Activity,{mode:t?`visible`:`hidden`,children:(0,v.jsx)(a.r,{children:t})})]}),(0,v.jsx)(`div`,{className:`relative basis-3/5 space-y-0.5`,children:(0,v.jsx)(`div`,{className:`flex flex-col space-y-1`,children:n})})]}),(0,v.jsx)(a.c,{})]}),bt=({options:e})=>{let{handleChange:t}=S();return(0,v.jsx)(m.t,{className:`flex flex-col items-end justify-end space-y-0.5`,onValueChange:t,children:e.map(e=>(0,v.jsxs)(`label`,{className:`flex w-full max-w-90 cursor-pointer rounded-lg border border-border p-2`,children:[(0,v.jsxs)(`div`,{className:`flex grow flex-col`,children:[(0,v.jsx)(`p`,{className:`font-semibold text-sm text-text-positive`,children:e.label}),(0,v.jsx)(`p`,{className:`text-text-positive-weak text-xs`,children:e.value})]}),(0,v.jsx)(m.n,{value:e.value})]},e.value))})},xt=({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:n=!1,disabledValues:r=[],label:i,description:o,placeholder:s,options:c})=>{let{name:l,state:u,handleChange:f}=S(),p=u.meta.isTouched&&!u.meta.isValid;return n?(0,v.jsxs)(a.t,{orientation:`vertical`,className:`gap-1`,children:[(0,v.jsx)(g.Activity,{mode:i||o?`visible`:`hidden`,children:(0,v.jsxs)(a.n,{children:[(0,v.jsx)(a.o,{htmlFor:l,className:`text-xs`,children:i}),(0,v.jsx)(g.Activity,{mode:o?`visible`:`hidden`,children:(0,v.jsx)(a.r,{className:`text-xs`,children:o})})]})}),(0,v.jsxs)(`div`,{className:`flex w-full flex-col justify-start`,children:[(0,v.jsxs)(d.t,{defaultValue:u.value,onValueChange:f,children:[(0,v.jsx)(d.l,{className:(0,_.cn)(`w-full md:max-w-80`,p&&`border-danger`,p&&`data-[state=open]:ring-danger-weak`,p&&`data-[state=open]:border-danger-strong`,p&&`focus:ring-danger-weak`,p&&`focus:border-danger-strong`),children:(0,v.jsx)(d.u,{placeholder:s})}),(0,v.jsxs)(d.n,{children:[!!c.length&&c.map(({value:e,label:t})=>(0,v.jsx)(d.i,{disabled:r.includes(e),value:e,children:t},e)),!c.length&&(0,v.jsxs)(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[(0,v.jsx)(h.PackagePlusIcon,{strokeWidth:1}),`No options available`]})]})]}),(0,v.jsx)(g.Activity,{mode:t?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:u.meta.errors})})]})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(a.t,{orientation:`responsive`,"data-invalid":u.meta.isTouched&&!u.meta.isValid,children:[(0,v.jsxs)(a.n,{children:[(0,v.jsx)(g.Activity,{mode:i||o?`visible`:`hidden`,children:(0,v.jsx)(g.Activity,{mode:e?`visible`:`hidden`,children:(0,v.jsx)(a.o,{htmlFor:l,children:i})})}),(0,v.jsx)(g.Activity,{mode:o?`visible`:`hidden`,children:(0,v.jsx)(g.Activity,{mode:o?`visible`:`hidden`,children:(0,v.jsx)(a.r,{children:o})})})]}),(0,v.jsx)(`div`,{className:`flex basis-3/5 flex-col items-end`,children:(0,v.jsxs)(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-80`,children:[(0,v.jsxs)(d.t,{defaultValue:u.value,onValueChange:f,children:[(0,v.jsx)(d.l,{className:(0,_.cn)(`w-full`,p&&`border-danger`,p&&`data-[state=open]:ring-danger-weak`,p&&`data-[state=open]:border-danger-strong`,p&&`focus:ring-danger-weak`,p&&`focus:border-danger-strong`),children:(0,v.jsx)(d.u,{placeholder:s})}),(0,v.jsxs)(d.n,{children:[!!c.length&&c.map(({value:e,label:t})=>(0,v.jsx)(d.i,{disabled:r.includes(e),value:e,children:t},e)),!c.length&&(0,v.jsxs)(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[(0,v.jsx)(h.PackagePlusIcon,{strokeWidth:1}),`No options available`]})]})]}),(0,v.jsx)(g.Activity,{mode:t?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:u.meta.errors})})]})})]}),(0,v.jsx)(a.c,{})]})},Z=({label:e,description:t,children:n})=>(0,v.jsxs)(a.a,{children:[(0,v.jsxs)(a.t,{orientation:`responsive`,children:[(0,v.jsxs)(a.n,{children:[(0,v.jsx)(a.o,{children:e}),(0,v.jsx)(g.Activity,{mode:t?`visible`:`hidden`,children:(0,v.jsx)(a.r,{children:t})})]}),(0,v.jsx)(`div`,{className:`relative basis-3/5 space-y-0.5`,children:(0,v.jsx)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:n})})]}),(0,v.jsx)(a.c,{})]}),St=({label:e,description:t})=>{let{name:n,state:r,handleChange:a}=S();return(0,v.jsxs)(i.t,{htmlFor:n,className:`flex cursor-pointer items-start gap-x-2 rounded-md border border-border p-2`,children:[(0,v.jsxs)(`div`,{className:`flex grow flex-col space-y-2`,children:[(0,v.jsx)(`p`,{children:e}),(0,v.jsx)(`p`,{className:`text-text-positive-weak text-xs`,children:t})]}),(0,v.jsx)(f.t,{id:n,checked:r.value,className:`w-8`,onCheckedChange:a})]})},Ct=(0,y.cva)([`text-text-positive-weak`,`absolute inset-y-0 end-0 top-3`,`flex h-fit w-8 cursor-pointer items-center justify-center rounded-e-md`,`outline-none transition-[color,box-shadow]`,`focus:z-10 focus-visible:ring-2`,`hover:text-text-positive`,`focus-visible:ring-border`]),Q=(0,g.memo)(({isShowClearButton:e,isShowCount:t,isShowErrorMsg:n,isSubmiting:i,maxLength:o,counts:s,errors:c,onClear:l})=>{let u=(0,g.useCallback)(()=>{l()},[l]);return(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(g.Activity,{mode:e&&!i?`visible`:`hidden`,children:(0,v.jsx)(`button`,{type:`button`,className:Ct(),"aria-label":`Clear input`,onClick:u,children:(0,v.jsx)(h.XIcon,{size:14,"aria-hidden":`true`})})}),i&&(0,v.jsx)(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-muted-weak`,children:(0,v.jsx)(h.Loader2Icon,{size:16,className:`animate-spin`})}),(0,v.jsxs)(r.t,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[(0,v.jsx)(g.Activity,{mode:t?`visible`:`hidden`,children:(0,v.jsxs)(`p`,{className:(0,_.cn)(`text-end text-text-positive-weak text-xs`,o!==void 0&&s!==void 0&&o>=5&&s>=o-5&&`text-warning`,o!==void 0&&s!==void 0&&s>=o&&`text-danger`),children:[s??0,` characters`]})}),(0,v.jsx)(g.Activity,{mode:n?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:c})})]})]})});Q.displayName=`CountCharacters`;const wt=({isShowLabel:e=!0,isNested:t=!1,isShowClearButton:n=!1,isShowErrorMsg:r=!0,maxLength:i,label:o,description:s,placeholder:c})=>{let{name:u,state:d,form:f,handleBlur:p,handleChange:m}=S(),h=(0,b.useStore)(f.store,({isSubmitting:e})=>e),y=(0,g.useCallback)(e=>{h||m(e.target.value)},[h,m]),x=(0,g.useCallback)(()=>{h||m(``)},[h,m]);return t?(0,v.jsxs)(a.t,{orientation:`vertical`,className:`gap-1`,children:[(0,v.jsx)(g.Activity,{mode:o||s?`visible`:`hidden`,children:(0,v.jsxs)(a.n,{children:[(0,v.jsx)(a.o,{htmlFor:u,className:`text-xs`,children:o}),(0,v.jsx)(g.Activity,{mode:s?`visible`:`hidden`,children:(0,v.jsx)(a.r,{className:`text-xs`,children:s})})]})}),(0,v.jsxs)(`div`,{className:`relative flex w-full flex-col justify-start`,children:[(0,v.jsx)(l.t,{id:u,name:u,value:d.value,"aria-invalid":d.meta.isTouched&&!d.meta.isValid,autoComplete:`off`,placeholder:c,className:(0,_.cn)(`w-full`,n&&`pr-9`),onBlur:p,onChange:y}),(0,v.jsx)(Q,{isShowCount:!0,isShowClearButton:n,isShowErrorMsg:r,maxLength:i,counts:d.value?.length,errors:d.meta.errors,onClear:x})]})]}):(0,v.jsxs)(a.a,{children:[(0,v.jsxs)(a.t,{orientation:`responsive`,"data-invalid":d.meta.isTouched&&!d.meta.isValid,children:[(0,v.jsx)(a.n,{children:(0,v.jsxs)(g.Activity,{mode:o||s?`visible`:`hidden`,children:[(0,v.jsx)(g.Activity,{mode:e?`visible`:`hidden`,children:(0,v.jsx)(a.o,{htmlFor:u,children:o})}),(0,v.jsx)(g.Activity,{mode:s?`visible`:`hidden`,children:(0,v.jsx)(a.r,{children:s})})]})}),(0,v.jsxs)(`div`,{className:`relative basis-3/5`,children:[(0,v.jsx)(l.t,{id:u,name:u,value:d.value,"aria-invalid":d.meta.isTouched&&!d.meta.isValid,autoComplete:`off`,placeholder:c,onBlur:p,onChange:y}),(0,v.jsx)(Q,{isShowCount:!0,isShowClearButton:n,isShowErrorMsg:r,isSubmiting:h,maxLength:i,counts:d.value?.length,errors:d.meta.errors,onClear:x})]})]}),(0,v.jsx)(a.c,{})]})},$=(0,g.memo)(({isShowCount:e,isShowErrorMsg:t,maxLength:n,counts:i,errors:o})=>(0,v.jsxs)(r.t,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[(0,v.jsx)(g.Activity,{mode:e?`visible`:`hidden`,children:(0,v.jsxs)(`p`,{className:(0,_.cn)(`text-text-positive-weak text-end text-xs`,n!==void 0&&i!==void 0&&n>=5&&i>=n-5&&`text-warning`,n!==void 0&&i!==void 0&&i>=n&&`text-danger`),children:[i??0,` characters`]})}),(0,v.jsx)(g.Activity,{mode:t?`visible`:`hidden`,children:(0,v.jsx)(a.i,{errors:o})})]}));$.displayName=`CountCharacters`;const Tt=({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:n=!1,rows:r=5,maxLength:i,label:o,description:s,placeholder:c})=>{let{name:l,state:u,handleBlur:d,handleChange:f}=S();return n?(0,v.jsxs)(a.t,{orientation:`vertical`,className:`gap-1`,children:[(0,v.jsx)(g.Activity,{mode:o||s?`visible`:`hidden`,children:(0,v.jsxs)(a.n,{children:[(0,v.jsx)(a.o,{htmlFor:l,className:`text-xs`,children:o}),(0,v.jsx)(g.Activity,{mode:s?`visible`:`hidden`,children:(0,v.jsx)(a.r,{className:`text-xs`,children:s})})]})}),(0,v.jsxs)(`div`,{className:`flex flex-col w-full justify-start`,children:[(0,v.jsx)(p.t,{id:l,name:l,value:u.value,"aria-invalid":u.meta.isTouched&&!u.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,className:`w-full`,onBlur:d,onChange:e=>f(e.target.value)}),(0,v.jsx)($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:u.value?.length,errors:u.meta.errors})]})]}):(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(a.t,{orientation:`responsive`,"data-invalid":u.meta.isTouched&&!u.meta.isValid,children:[(0,v.jsx)(a.n,{children:(0,v.jsxs)(g.Activity,{mode:o||s?`visible`:`hidden`,children:[(0,v.jsx)(g.Activity,{mode:e?`visible`:`hidden`,children:(0,v.jsx)(a.o,{htmlFor:l,children:o})}),(0,v.jsx)(g.Activity,{mode:s?`visible`:`hidden`,children:(0,v.jsx)(a.r,{children:s})})]})}),(0,v.jsxs)(`div`,{className:`relative basis-3/5`,children:[(0,v.jsx)(p.t,{id:l,name:l,value:u.value,"aria-invalid":u.meta.isTouched&&!u.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,onBlur:d,onChange:e=>f(e.target.value)}),(0,v.jsx)($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:u.value?.length,errors:u.meta.errors})]})]}),(0,v.jsx)(a.c,{})]})},Et=({label:e,description:t,onSubmit:n,children:r})=>(0,v.jsx)(`form`,{onSubmit:(0,g.useCallback)(async e=>{e.preventDefault(),await n?.()},[n]),children:(0,v.jsxs)(a.a,{children:[(0,v.jsxs)(a.l,{children:[(0,v.jsx)(a.s,{children:e}),(0,v.jsx)(a.r,{children:t}),(0,v.jsx)(a.c,{})]}),r]})}),Dt=({label:e,description:t,children:n})=>(0,v.jsxs)(v.Fragment,{children:[(0,v.jsxs)(a.a,{className:`@md/field-group:flex-row @md/field-group:items-start`,children:[(0,v.jsxs)(a.n,{children:[(0,v.jsx)(a.o,{children:e}),(0,v.jsx)(a.r,{children:t})]}),(0,v.jsx)(`div`,{className:`flex w-full basis-3/5 flex-col items-end`,children:(0,v.jsx)(`div`,{className:`flex w-full max-w-80 flex-col space-y-3`,children:n})})]}),(0,v.jsx)(a.c,{})]}),Ot=({children:e})=>(0,v.jsx)(`div`,{className:`mt-4 flex justify-end gap-2`,children:e}),kt=({label:e=`Submit`})=>{let{Subscribe:n,handleSubmit:r}=C(),i=(0,g.useCallback)(async()=>{await r()},[r]);return(0,v.jsx)(n,{selector:e=>({isSubmitting:e.isSubmitting,isDisabled:!e.isFormValid}),children:({isDisabled:n,isSubmitting:r})=>(0,v.jsx)(t.t,{type:`submit`,disabled:n,isLoading:r,className:`w-32`,onClick:i,children:r?`Submitting...`:e})})},{useAppForm:At}=(0,b.createFormHook)({fieldContext:ne,formContext:re,fieldComponents:{TextField:wt,TextareaField:Tt,NumberField:vt,SelectField:xt,ComboboxField:ae,SwitchField:St,RadioGroupField:bt,DateField:_t,ArrayField:ee,ArrayItemField:te},formComponents:{TanStackForm:Et,TanStackFormGroup:Dt,TanStackFormFooter:Ot,TanStackSwitchGroup:Z,TanStackRadioGroup:yt,CancelButton:ie,SubscribeButton:kt}});exports.useTanStackForm=At;
+const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../card-ylf9pmoM.cjs`);require(`../button.variants-C--cfyfH.cjs`);const n=require(`../button-DtFiUaY7.cjs`),r=require(`../flex-BYj-xYaw.cjs`);require(`../dialog-VFBezutQ.cjs`);const i=require(`../input-Df2YPt1V.cjs`);require(`../separator-CBup_ah1.cjs`);const a=require(`../label-C6_Tplyy.cjs`),o=require(`../field-D8lireRm.cjs`),s=require(`../command-p7dWcZcY.cjs`),c=require(`../popover-stNXNDSM.cjs`),l=require(`../calendar-qj71HPnr.cjs`),u=require(`../number-input-JmNakWin.cjs`),d=require(`../select-QlGdSogC.cjs`),f=require(`../switch-CPAm-DSL.cjs`),p=require(`../textarea-CQOdZGq1.cjs`),m=require(`../radio-group-CVu5zqSd.cjs`);let h=require(`@customafk/react-toolkit/utils`),g=require(`react/jsx-runtime`),_=require(`lucide-react`),v=require(`react`),y=require(`class-variance-authority`),b=require(`@tanstack/react-form`);const x=({children:e})=>(0,g.jsx)(`div`,{"data-slot":`array-wrapper`,className:`flex flex-col space-y-4`,children:e}),ee=({label:e,description:t,onAddItem:r,children:i})=>(0,g.jsxs)(o.a,{children:[(0,g.jsxs)(o.t,{children:[(0,g.jsxs)(o.n,{children:[(0,g.jsx)(o.o,{children:e}),(0,g.jsx)(o.r,{children:t})]}),(0,g.jsx)(x,{children:i})]}),(0,g.jsxs)(n.t,{size:`sm`,variant:`outline`,color:`muted`,className:`w-fit text-text-positive-weak [&>span]:gap-x-0.5`,onClick:r,children:[(0,g.jsx)(_.PlusIcon,{size:12}),`Add Item`]}),(0,g.jsx)(o.c,{})]}),te=({index:e,label:r,description:i,onRemove:a,children:s})=>(0,g.jsxs)(t.t,{className:`relative shadow-none border border-border rounded-md`,children:[(0,g.jsx)(n.t,{size:`icon`,variant:`outline`,color:`muted`,className:`absolute top-4 right-4 text-text-negative-weak`,onClick:(0,v.useCallback)(()=>{a?.(e)},[e,a]),children:(0,g.jsx)(_.XIcon,{})}),(0,g.jsx)(t.r,{children:(0,g.jsxs)(o.a,{children:[(0,g.jsxs)(o.l,{children:[(0,g.jsx)(o.s,{children:r}),(0,g.jsx)(o.r,{children:i}),(0,g.jsx)(o.c,{})]}),s]})})]}),{fieldContext:ne,formContext:re,useFieldContext:S,useFormContext:C}=(0,b.createFormHookContexts)(),ie=({label:e=`Cancel`})=>{let{Subscribe:t,reset:r}=C(),i=(0,v.useCallback)(()=>{r()},[r]);return(0,g.jsx)(t,{selector:e=>({isSubmitting:e.isSubmitting}),children:({isSubmitting:t})=>(0,g.jsx)(n.t,{type:`button`,disabled:t,variant:`outline`,color:`muted`,className:`w-32`,onClick:i,children:e})})},ae=({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:r=!1,disabledValues:i=[],label:a,description:l,placeholder:u,options:d,onAddNewItem:f})=>{let{name:p,state:m,handleChange:y}=S(),b=m.meta.isTouched&&!m.meta.isValid;return r?(0,g.jsxs)(o.t,{orientation:`vertical`,className:`gap-1`,children:[(0,g.jsx)(v.Activity,{mode:a||l?`visible`:`hidden`,children:(0,g.jsxs)(o.n,{children:[(0,g.jsx)(o.o,{htmlFor:p,className:`text-xs`,children:a}),(0,g.jsx)(v.Activity,{mode:l?`visible`:`hidden`,children:(0,g.jsx)(o.r,{className:`text-xs`,children:l})})]})}),(0,g.jsxs)(`div`,{className:`flex w-full flex-col justify-start`,children:[(0,g.jsxs)(c.t,{modal:!0,children:[(0,g.jsx)(c.i,{asChild:!0,children:(0,g.jsxs)(n.t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:(0,h.cn)(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,b&&`outline-danger`,b&&`focus:ring-4!`,b&&`focus:ring-danger-weak!`,b&&`focus:outline-danger-strong!`,b&&`focus:outline-1!`,b&&`data-[state=open]:ring-4!`,b&&`data-[state=open]:ring-danger-weak!`,b&&`data-[state=open]:outline-danger-strong!`,b&&`data-[state=open]:outline-1!`),children:[(0,g.jsx)(v.Activity,{mode:m.value?`visible`:`hidden`,children:(0,g.jsx)(`p`,{className:`flex min-w-0 flex-1 items-center gap-2 text-start`,children:d?.find(({value:e})=>e===m.value)?.label})}),(0,g.jsx)(v.Activity,{mode:m.value?`hidden`:`visible`,children:(0,g.jsx)(`p`,{className:`flex-1 text-start text-text-positive-muted`,children:u})}),(0,g.jsx)(_.ChevronDownIcon,{size:16,className:`shrink-0 text-text-positive-weak`,"aria-hidden":`true`})]})}),(0,g.jsx)(c.r,{className:`w-(--radix-popover-trigger-width) p-0`,children:(0,g.jsxs)(s.t,{className:`border-none`,children:[(0,g.jsx)(s.a,{placeholder:u??`Tìm kiếm`}),(0,g.jsxs)(s.s,{children:[(0,g.jsx)(s.i,{className:`max-h-40 overflow-y-auto`,children:(0,g.jsx)(v.Activity,{mode:d?`visible`:`hidden`,children:d.map(({value:e,label:t})=>(0,g.jsx)(s.o,{value:t,onSelect:()=>y(e),disabled:i.includes(e),children:t},e))})}),(0,g.jsxs)(v.Activity,{mode:f?`visible`:`hidden`,children:[(0,g.jsx)(s.c,{}),(0,g.jsx)(s.i,{children:(0,g.jsxs)(n.t,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:f,children:[(0,g.jsx)(_.PlusIcon,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),(0,g.jsx)(s.r,{children:`Không có kết quả`})]})})]}),(0,g.jsx)(v.Activity,{mode:t?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:m.meta.errors})})]})]}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(o.t,{orientation:`responsive`,"data-invalid":m.meta.isTouched&&!m.meta.isValid,children:[(0,g.jsxs)(o.n,{children:[(0,g.jsx)(v.Activity,{mode:a||l?`visible`:`hidden`,children:(0,g.jsx)(v.Activity,{mode:e?`visible`:`hidden`,children:(0,g.jsx)(o.o,{htmlFor:p,children:a})})}),(0,g.jsx)(v.Activity,{mode:l?`visible`:`hidden`,children:(0,g.jsx)(v.Activity,{mode:l?`visible`:`hidden`,children:(0,g.jsx)(o.r,{children:l})})})]}),(0,g.jsx)(`div`,{className:`flex basis-3/5 flex-col items-end`,children:(0,g.jsxs)(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-80`,children:[(0,g.jsxs)(c.t,{modal:!0,children:[(0,g.jsx)(c.i,{asChild:!0,children:(0,g.jsxs)(n.t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:(0,h.cn)(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,b&&`outline-danger`,b&&`focus:ring-4!`,b&&`focus:ring-danger-weak!`,b&&`focus:outline-danger-strong!`,b&&`focus:outline-1!`,b&&`data-[state=open]:ring-4!`,b&&`data-[state=open]:ring-danger-weak!`,b&&`data-[state=open]:outline-danger-strong!`,b&&`data-[state=open]:outline-1!`),children:[(0,g.jsx)(v.Activity,{mode:m.value?`visible`:`hidden`,children:(0,g.jsx)(`p`,{className:`flex min-w-0 flex-1 items-center gap-2 text-start`,children:d?.find(({value:e})=>e===m.value)?.label})}),(0,g.jsx)(v.Activity,{mode:m.value?`hidden`:`visible`,children:(0,g.jsx)(`p`,{className:`flex-1 text-start text-text-positive-muted`,children:u})}),(0,g.jsx)(_.ChevronDownIcon,{size:16,className:`shrink-0 text-text-positive-weak`,"aria-hidden":`true`})]})}),(0,g.jsx)(c.r,{className:`w-(--radix-popover-trigger-width) p-0`,children:(0,g.jsxs)(s.t,{className:`border-none`,children:[(0,g.jsx)(s.a,{placeholder:u??`Tìm kiếm`}),(0,g.jsxs)(s.s,{children:[(0,g.jsx)(s.i,{className:`max-h-40 overflow-y-auto`,children:(0,g.jsx)(v.Activity,{mode:d?`visible`:`hidden`,children:d.map(({value:e,label:t})=>(0,g.jsx)(s.o,{value:t,onSelect:()=>y(e),disabled:i.includes(e),children:t},e))})}),(0,g.jsxs)(v.Activity,{mode:f?`visible`:`hidden`,children:[(0,g.jsx)(s.c,{}),(0,g.jsx)(s.i,{children:(0,g.jsxs)(n.t,{type:`button`,variant:`ghost`,className:`w-full justify-start font-normal`,onClick:f,children:[(0,g.jsx)(_.PlusIcon,{size:14,className:`-ms-2 opacity-60`,"aria-hidden":`true`}),`Thêm mới`]})})]})]}),(0,g.jsx)(s.r,{children:`Không có kết quả`})]})})]}),(0,g.jsx)(v.Activity,{mode:t?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:m.meta.errors})})]})})]}),(0,g.jsx)(o.c,{})]})},oe=365.2425,se=10**8*24*60*60*1e3,w=6048e5,ce=864e5,le=3600,T=3600*24,ue=T*7,de=T*365.2425,fe=31556952/12,pe=2629746*3,E=Symbol.for(`constructDateFrom`);function D(e,t){return typeof e==`function`?e(t):e&&typeof e==`object`&&E in e?e[E](t):e instanceof Date?new e.constructor(t):new Date(t)}function O(e,t){return D(t||e,e)}let me={};function k(){return me}function A(e,t){let n=k(),r=t?.weekStartsOn??t?.locale?.options?.weekStartsOn??n.weekStartsOn??n.locale?.options?.weekStartsOn??0,i=O(e,t?.in),a=i.getDay(),o=(a<r?7:0)+a-r;return i.setDate(i.getDate()-o),i.setHours(0,0,0,0),i}function j(e,t){return A(e,{...t,weekStartsOn:1})}function M(e,t){let n=O(e,t?.in),r=n.getFullYear(),i=D(n,0);i.setFullYear(r+1,0,4),i.setHours(0,0,0,0);let a=j(i),o=D(n,0);o.setFullYear(r,0,4),o.setHours(0,0,0,0);let s=j(o);return n.getTime()>=a.getTime()?r+1:n.getTime()>=s.getTime()?r:r-1}function N(e){let t=O(e),n=new Date(Date.UTC(t.getFullYear(),t.getMonth(),t.getDate(),t.getHours(),t.getMinutes(),t.getSeconds(),t.getMilliseconds()));return n.setUTCFullYear(t.getFullYear()),e-+n}function he(e,...t){let n=D.bind(null,e||t.find(e=>typeof e==`object`));return t.map(n)}function P(e,t){let n=O(e,t?.in);return n.setHours(0,0,0,0),n}function ge(e,t,n){let[r,i]=he(n?.in,e,t),a=P(r),o=P(i),s=+a-N(a),c=+o-N(o);return Math.round((s-c)/864e5)}function _e(e,t){let n=M(e,t),r=D(t?.in||e,0);return r.setFullYear(n,0,4),r.setHours(0,0,0,0),j(r)}function F(e){return e instanceof Date||typeof e==`object`&&Object.prototype.toString.call(e)===`[object Date]`}function I(e){return!(!F(e)&&typeof e!=`number`||isNaN(+O(e)))}function ve(e,t){let n=O(e,t?.in);return n.setFullYear(n.getFullYear(),0,1),n.setHours(0,0,0,0),n}const ye={lessThanXSeconds:{one:`less than a second`,other:`less than {{count}} seconds`},xSeconds:{one:`1 second`,other:`{{count}} seconds`},halfAMinute:`half a minute`,lessThanXMinutes:{one:`less than a minute`,other:`less than {{count}} minutes`},xMinutes:{one:`1 minute`,other:`{{count}} minutes`},aboutXHours:{one:`about 1 hour`,other:`about {{count}} hours`},xHours:{one:`1 hour`,other:`{{count}} hours`},xDays:{one:`1 day`,other:`{{count}} days`},aboutXWeeks:{one:`about 1 week`,other:`about {{count}} weeks`},xWeeks:{one:`1 week`,other:`{{count}} weeks`},aboutXMonths:{one:`about 1 month`,other:`about {{count}} months`},xMonths:{one:`1 month`,other:`{{count}} months`},aboutXYears:{one:`about 1 year`,other:`about {{count}} years`},xYears:{one:`1 year`,other:`{{count}} years`},overXYears:{one:`over 1 year`,other:`over {{count}} years`},almostXYears:{one:`almost 1 year`,other:`almost {{count}} years`}},be=(e,t,n)=>{let r,i=ye[e];return r=typeof i==`string`?i:t===1?i.one:i.other.replace(`{{count}}`,t.toString()),n?.addSuffix?n.comparison&&n.comparison>0?`in `+r:r+` ago`:r};function L(e){return(t={})=>{let n=t.width?String(t.width):e.defaultWidth;return e.formats[n]||e.formats[e.defaultWidth]}}const xe={full:`EEEE, MMMM do, y`,long:`MMMM do, y`,medium:`MMM d, y`,short:`MM/dd/yyyy`},Se={full:`h:mm:ss a zzzz`,long:`h:mm:ss a z`,medium:`h:mm:ss a`,short:`h:mm a`},Ce={full:`{{date}} 'at' {{time}}`,long:`{{date}} 'at' {{time}}`,medium:`{{date}}, {{time}}`,short:`{{date}}, {{time}}`},we={date:L({formats:xe,defaultWidth:`full`}),time:L({formats:Se,defaultWidth:`full`}),dateTime:L({formats:Ce,defaultWidth:`full`})},Te={lastWeek:`'last' eeee 'at' p`,yesterday:`'yesterday at' p`,today:`'today at' p`,tomorrow:`'tomorrow at' p`,nextWeek:`eeee 'at' p`,other:`P`},Ee=(e,t,n,r)=>Te[e];function R(e){return(t,n)=>{let r=n?.context?String(n.context):`standalone`,i;if(r===`formatting`&&e.formattingValues){let t=e.defaultFormattingWidth||e.defaultWidth,r=n?.width?String(n.width):t;i=e.formattingValues[r]||e.formattingValues[t]}else{let t=e.defaultWidth,r=n?.width?String(n.width):e.defaultWidth;i=e.values[r]||e.values[t]}let a=e.argumentCallback?e.argumentCallback(t):t;return i[a]}}const De={narrow:[`B`,`A`],abbreviated:[`BC`,`AD`],wide:[`Before Christ`,`Anno Domini`]},Oe={narrow:[`1`,`2`,`3`,`4`],abbreviated:[`Q1`,`Q2`,`Q3`,`Q4`],wide:[`1st quarter`,`2nd quarter`,`3rd quarter`,`4th quarter`]},ke={narrow:[`J`,`F`,`M`,`A`,`M`,`J`,`J`,`A`,`S`,`O`,`N`,`D`],abbreviated:[`Jan`,`Feb`,`Mar`,`Apr`,`May`,`Jun`,`Jul`,`Aug`,`Sep`,`Oct`,`Nov`,`Dec`],wide:[`January`,`February`,`March`,`April`,`May`,`June`,`July`,`August`,`September`,`October`,`November`,`December`]},Ae={narrow:[`S`,`M`,`T`,`W`,`T`,`F`,`S`],short:[`Su`,`Mo`,`Tu`,`We`,`Th`,`Fr`,`Sa`],abbreviated:[`Sun`,`Mon`,`Tue`,`Wed`,`Thu`,`Fri`,`Sat`],wide:[`Sunday`,`Monday`,`Tuesday`,`Wednesday`,`Thursday`,`Friday`,`Saturday`]},je={narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`}},Me={narrow:{am:`a`,pm:`p`,midnight:`mi`,noon:`n`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},abbreviated:{am:`AM`,pm:`PM`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`},wide:{am:`a.m.`,pm:`p.m.`,midnight:`midnight`,noon:`noon`,morning:`in the morning`,afternoon:`in the afternoon`,evening:`in the evening`,night:`at night`}},Ne=(e,t)=>{let n=Number(e),r=n%100;if(r>20||r<10)switch(r%10){case 1:return n+`st`;case 2:return n+`nd`;case 3:return n+`rd`}return n+`th`},Pe={ordinalNumber:Ne,era:R({values:De,defaultWidth:`wide`}),quarter:R({values:Oe,defaultWidth:`wide`,argumentCallback:e=>e-1}),month:R({values:ke,defaultWidth:`wide`}),day:R({values:Ae,defaultWidth:`wide`}),dayPeriod:R({values:je,defaultWidth:`wide`,formattingValues:Me,defaultFormattingWidth:`wide`})};function z(e){return(t,n={})=>{let r=n.width,i=r&&e.matchPatterns[r]||e.matchPatterns[e.defaultMatchWidth],a=t.match(i);if(!a)return null;let o=a[0],s=r&&e.parsePatterns[r]||e.parsePatterns[e.defaultParseWidth],c=Array.isArray(s)?Ie(s,e=>e.test(o)):Fe(s,e=>e.test(o)),l;l=e.valueCallback?e.valueCallback(c):c,l=n.valueCallback?n.valueCallback(l):l;let u=t.slice(o.length);return{value:l,rest:u}}}function Fe(e,t){for(let n in e)if(Object.prototype.hasOwnProperty.call(e,n)&&t(e[n]))return n}function Ie(e,t){for(let n=0;n<e.length;n++)if(t(e[n]))return n}function Le(e){return(t,n={})=>{let r=t.match(e.matchPattern);if(!r)return null;let i=r[0],a=t.match(e.parsePattern);if(!a)return null;let o=e.valueCallback?e.valueCallback(a[0]):a[0];o=n.valueCallback?n.valueCallback(o):o;let s=t.slice(i.length);return{value:o,rest:s}}}const Re=/^(\d+)(th|st|nd|rd)?/i,ze=/\d+/i,Be={narrow:/^(b|a)/i,abbreviated:/^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,wide:/^(before christ|before common era|anno domini|common era)/i},Ve={any:[/^b/i,/^(a|c)/i]},He={narrow:/^[1234]/i,abbreviated:/^q[1234]/i,wide:/^[1234](th|st|nd|rd)? quarter/i},Ue={any:[/1/i,/2/i,/3/i,/4/i]},We={narrow:/^[jfmasond]/i,abbreviated:/^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,wide:/^(january|february|march|april|may|june|july|august|september|october|november|december)/i},Ge={narrow:[/^j/i,/^f/i,/^m/i,/^a/i,/^m/i,/^j/i,/^j/i,/^a/i,/^s/i,/^o/i,/^n/i,/^d/i],any:[/^ja/i,/^f/i,/^mar/i,/^ap/i,/^may/i,/^jun/i,/^jul/i,/^au/i,/^s/i,/^o/i,/^n/i,/^d/i]},Ke={narrow:/^[smtwf]/i,short:/^(su|mo|tu|we|th|fr|sa)/i,abbreviated:/^(sun|mon|tue|wed|thu|fri|sat)/i,wide:/^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i},qe={narrow:[/^s/i,/^m/i,/^t/i,/^w/i,/^t/i,/^f/i,/^s/i],any:[/^su/i,/^m/i,/^tu/i,/^w/i,/^th/i,/^f/i,/^sa/i]},Je={narrow:/^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,any:/^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i},Ye={any:{am:/^a/i,pm:/^p/i,midnight:/^mi/i,noon:/^no/i,morning:/morning/i,afternoon:/afternoon/i,evening:/evening/i,night:/night/i}},Xe={ordinalNumber:Le({matchPattern:Re,parsePattern:ze,valueCallback:e=>parseInt(e,10)}),era:z({matchPatterns:Be,defaultMatchWidth:`wide`,parsePatterns:Ve,defaultParseWidth:`any`}),quarter:z({matchPatterns:He,defaultMatchWidth:`wide`,parsePatterns:Ue,defaultParseWidth:`any`,valueCallback:e=>e+1}),month:z({matchPatterns:We,defaultMatchWidth:`wide`,parsePatterns:Ge,defaultParseWidth:`any`}),day:z({matchPatterns:Ke,defaultMatchWidth:`wide`,parsePatterns:qe,defaultParseWidth:`any`}),dayPeriod:z({matchPatterns:Je,defaultMatchWidth:`any`,parsePatterns:Ye,defaultParseWidth:`any`})},Ze={code:`en-US`,formatDistance:be,formatLong:we,formatRelative:Ee,localize:Pe,match:Xe,options:{weekStartsOn:0,firstWeekContainsDate:1}};function Qe(e,t){let n=O(e,t?.in);return ge(n,ve(n))+1}function $e(e,t){let n=O(e,t?.in),r=j(n)-+_e(n);return Math.round(r/w)+1}function B(e,t){let n=O(e,t?.in),r=n.getFullYear(),i=k(),a=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??i.firstWeekContainsDate??i.locale?.options?.firstWeekContainsDate??1,o=D(t?.in||e,0);o.setFullYear(r+1,0,a),o.setHours(0,0,0,0);let s=A(o,t),c=D(t?.in||e,0);c.setFullYear(r,0,a),c.setHours(0,0,0,0);let l=A(c,t);return+n>=+s?r+1:+n>=+l?r:r-1}function et(e,t){let n=k(),r=t?.firstWeekContainsDate??t?.locale?.options?.firstWeekContainsDate??n.firstWeekContainsDate??n.locale?.options?.firstWeekContainsDate??1,i=B(e,t),a=D(t?.in||e,0);return a.setFullYear(i,0,r),a.setHours(0,0,0,0),A(a,t)}function tt(e,t){let n=O(e,t?.in),r=A(n,t)-+et(n,t);return Math.round(r/w)+1}function V(e,t){return(e<0?`-`:``)+Math.abs(e).toString().padStart(t,`0`)}const H={y(e,t){let n=e.getFullYear(),r=n>0?n:1-n;return V(t===`yy`?r%100:r,t.length)},M(e,t){let n=e.getMonth();return t===`M`?String(n+1):V(n+1,2)},d(e,t){return V(e.getDate(),t.length)},a(e,t){let n=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.toUpperCase();case`aaa`:return n;case`aaaaa`:return n[0];case`aaaa`:default:return n===`am`?`a.m.`:`p.m.`}},h(e,t){return V(e.getHours()%12||12,t.length)},H(e,t){return V(e.getHours(),t.length)},m(e,t){return V(e.getMinutes(),t.length)},s(e,t){return V(e.getSeconds(),t.length)},S(e,t){let n=t.length,r=e.getMilliseconds();return V(Math.trunc(r*10**(n-3)),t.length)}},U={am:`am`,pm:`pm`,midnight:`midnight`,noon:`noon`,morning:`morning`,afternoon:`afternoon`,evening:`evening`,night:`night`},W={G:function(e,t,n){let r=e.getFullYear()>0?1:0;switch(t){case`G`:case`GG`:case`GGG`:return n.era(r,{width:`abbreviated`});case`GGGGG`:return n.era(r,{width:`narrow`});case`GGGG`:default:return n.era(r,{width:`wide`})}},y:function(e,t,n){if(t===`yo`){let t=e.getFullYear(),r=t>0?t:1-t;return n.ordinalNumber(r,{unit:`year`})}return H.y(e,t)},Y:function(e,t,n,r){let i=B(e,r),a=i>0?i:1-i;return t===`YY`?V(a%100,2):t===`Yo`?n.ordinalNumber(a,{unit:`year`}):V(a,t.length)},R:function(e,t){return V(M(e),t.length)},u:function(e,t){return V(e.getFullYear(),t.length)},Q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`Q`:return String(r);case`QQ`:return V(r,2);case`Qo`:return n.ordinalNumber(r,{unit:`quarter`});case`QQQ`:return n.quarter(r,{width:`abbreviated`,context:`formatting`});case`QQQQQ`:return n.quarter(r,{width:`narrow`,context:`formatting`});case`QQQQ`:default:return n.quarter(r,{width:`wide`,context:`formatting`})}},q:function(e,t,n){let r=Math.ceil((e.getMonth()+1)/3);switch(t){case`q`:return String(r);case`qq`:return V(r,2);case`qo`:return n.ordinalNumber(r,{unit:`quarter`});case`qqq`:return n.quarter(r,{width:`abbreviated`,context:`standalone`});case`qqqqq`:return n.quarter(r,{width:`narrow`,context:`standalone`});case`qqqq`:default:return n.quarter(r,{width:`wide`,context:`standalone`})}},M:function(e,t,n){let r=e.getMonth();switch(t){case`M`:case`MM`:return H.M(e,t);case`Mo`:return n.ordinalNumber(r+1,{unit:`month`});case`MMM`:return n.month(r,{width:`abbreviated`,context:`formatting`});case`MMMMM`:return n.month(r,{width:`narrow`,context:`formatting`});case`MMMM`:default:return n.month(r,{width:`wide`,context:`formatting`})}},L:function(e,t,n){let r=e.getMonth();switch(t){case`L`:return String(r+1);case`LL`:return V(r+1,2);case`Lo`:return n.ordinalNumber(r+1,{unit:`month`});case`LLL`:return n.month(r,{width:`abbreviated`,context:`standalone`});case`LLLLL`:return n.month(r,{width:`narrow`,context:`standalone`});case`LLLL`:default:return n.month(r,{width:`wide`,context:`standalone`})}},w:function(e,t,n,r){let i=tt(e,r);return t===`wo`?n.ordinalNumber(i,{unit:`week`}):V(i,t.length)},I:function(e,t,n){let r=$e(e);return t===`Io`?n.ordinalNumber(r,{unit:`week`}):V(r,t.length)},d:function(e,t,n){return t===`do`?n.ordinalNumber(e.getDate(),{unit:`date`}):H.d(e,t)},D:function(e,t,n){let r=Qe(e);return t===`Do`?n.ordinalNumber(r,{unit:`dayOfYear`}):V(r,t.length)},E:function(e,t,n){let r=e.getDay();switch(t){case`E`:case`EE`:case`EEE`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`EEEEE`:return n.day(r,{width:`narrow`,context:`formatting`});case`EEEEEE`:return n.day(r,{width:`short`,context:`formatting`});case`EEEE`:default:return n.day(r,{width:`wide`,context:`formatting`})}},e:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`e`:return String(a);case`ee`:return V(a,2);case`eo`:return n.ordinalNumber(a,{unit:`day`});case`eee`:return n.day(i,{width:`abbreviated`,context:`formatting`});case`eeeee`:return n.day(i,{width:`narrow`,context:`formatting`});case`eeeeee`:return n.day(i,{width:`short`,context:`formatting`});case`eeee`:default:return n.day(i,{width:`wide`,context:`formatting`})}},c:function(e,t,n,r){let i=e.getDay(),a=(i-r.weekStartsOn+8)%7||7;switch(t){case`c`:return String(a);case`cc`:return V(a,t.length);case`co`:return n.ordinalNumber(a,{unit:`day`});case`ccc`:return n.day(i,{width:`abbreviated`,context:`standalone`});case`ccccc`:return n.day(i,{width:`narrow`,context:`standalone`});case`cccccc`:return n.day(i,{width:`short`,context:`standalone`});case`cccc`:default:return n.day(i,{width:`wide`,context:`standalone`})}},i:function(e,t,n){let r=e.getDay(),i=r===0?7:r;switch(t){case`i`:return String(i);case`ii`:return V(i,t.length);case`io`:return n.ordinalNumber(i,{unit:`day`});case`iii`:return n.day(r,{width:`abbreviated`,context:`formatting`});case`iiiii`:return n.day(r,{width:`narrow`,context:`formatting`});case`iiiiii`:return n.day(r,{width:`short`,context:`formatting`});case`iiii`:default:return n.day(r,{width:`wide`,context:`formatting`})}},a:function(e,t,n){let r=e.getHours()/12>=1?`pm`:`am`;switch(t){case`a`:case`aa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`});case`aaa`:return n.dayPeriod(r,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`aaaaa`:return n.dayPeriod(r,{width:`narrow`,context:`formatting`});case`aaaa`:default:return n.dayPeriod(r,{width:`wide`,context:`formatting`})}},b:function(e,t,n){let r=e.getHours(),i;switch(i=r===12?U.noon:r===0?U.midnight:r/12>=1?`pm`:`am`,t){case`b`:case`bb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`bbb`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`}).toLowerCase();case`bbbbb`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});case`bbbb`:default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},B:function(e,t,n){let r=e.getHours(),i;switch(i=r>=17?U.evening:r>=12?U.afternoon:r>=4?U.morning:U.night,t){case`B`:case`BB`:case`BBB`:return n.dayPeriod(i,{width:`abbreviated`,context:`formatting`});case`BBBBB`:return n.dayPeriod(i,{width:`narrow`,context:`formatting`});case`BBBB`:default:return n.dayPeriod(i,{width:`wide`,context:`formatting`})}},h:function(e,t,n){if(t===`ho`){let t=e.getHours()%12;return t===0&&(t=12),n.ordinalNumber(t,{unit:`hour`})}return H.h(e,t)},H:function(e,t,n){return t===`Ho`?n.ordinalNumber(e.getHours(),{unit:`hour`}):H.H(e,t)},K:function(e,t,n){let r=e.getHours()%12;return t===`Ko`?n.ordinalNumber(r,{unit:`hour`}):V(r,t.length)},k:function(e,t,n){let r=e.getHours();return r===0&&(r=24),t===`ko`?n.ordinalNumber(r,{unit:`hour`}):V(r,t.length)},m:function(e,t,n){return t===`mo`?n.ordinalNumber(e.getMinutes(),{unit:`minute`}):H.m(e,t)},s:function(e,t,n){return t===`so`?n.ordinalNumber(e.getSeconds(),{unit:`second`}):H.s(e,t)},S:function(e,t){return H.S(e,t)},X:function(e,t,n){let r=e.getTimezoneOffset();if(r===0)return`Z`;switch(t){case`X`:return K(r);case`XXXX`:case`XX`:return q(r);case`XXXXX`:case`XXX`:default:return q(r,`:`)}},x:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`x`:return K(r);case`xxxx`:case`xx`:return q(r);case`xxxxx`:case`xxx`:default:return q(r,`:`)}},O:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`O`:case`OO`:case`OOO`:return`GMT`+G(r,`:`);case`OOOO`:default:return`GMT`+q(r,`:`)}},z:function(e,t,n){let r=e.getTimezoneOffset();switch(t){case`z`:case`zz`:case`zzz`:return`GMT`+G(r,`:`);case`zzzz`:default:return`GMT`+q(r,`:`)}},t:function(e,t,n){return V(Math.trunc(e/1e3),t.length)},T:function(e,t,n){return V(+e,t.length)}};function G(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=Math.trunc(r/60),a=r%60;return a===0?n+String(i):n+String(i)+t+V(a,2)}function K(e,t){return e%60==0?(e>0?`-`:`+`)+V(Math.abs(e)/60,2):q(e,t)}function q(e,t=``){let n=e>0?`-`:`+`,r=Math.abs(e),i=V(Math.trunc(r/60),2),a=V(r%60,2);return n+i+t+a}const J=(e,t)=>{switch(e){case`P`:return t.date({width:`short`});case`PP`:return t.date({width:`medium`});case`PPP`:return t.date({width:`long`});case`PPPP`:default:return t.date({width:`full`})}},Y=(e,t)=>{switch(e){case`p`:return t.time({width:`short`});case`pp`:return t.time({width:`medium`});case`ppp`:return t.time({width:`long`});case`pppp`:default:return t.time({width:`full`})}},nt=(e,t)=>{let n=e.match(/(P+)(p+)?/)||[],r=n[1],i=n[2];if(!i)return J(e,t);let a;switch(r){case`P`:a=t.dateTime({width:`short`});break;case`PP`:a=t.dateTime({width:`medium`});break;case`PPP`:a=t.dateTime({width:`long`});break;case`PPPP`:default:a=t.dateTime({width:`full`});break}return a.replace(`{{date}}`,J(r,t)).replace(`{{time}}`,Y(i,t))},rt={p:Y,P:nt},it=/^D+$/,at=/^Y+$/,ot=[`D`,`DD`,`YY`,`YYYY`];function st(e){return it.test(e)}function ct(e){return at.test(e)}function lt(e,t,n){let r=ut(e,t,n);if(console.warn(r),ot.includes(e))throw RangeError(r)}function ut(e,t,n){let r=e[0]===`Y`?`years`:`days of the month`;return`Use \`${e.toLowerCase()}\` instead of \`${e}\` (in \`${t}\`) for formatting ${r} to the input \`${n}\`; see: https://github.com/date-fns/date-fns/blob/master/docs/unicodeTokens.md`}const dt=/[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g,ft=/P+p+|P+|p+|''|'(''|[^'])+('|$)|./g,pt=/^'([^]*?)'?$/,mt=/''/g,ht=/[a-zA-Z]/;function X(e,t,n){let r=k(),i=n?.locale??r.locale??Ze,a=n?.firstWeekContainsDate??n?.locale?.options?.firstWeekContainsDate??r.firstWeekContainsDate??r.locale?.options?.firstWeekContainsDate??1,o=n?.weekStartsOn??n?.locale?.options?.weekStartsOn??r.weekStartsOn??r.locale?.options?.weekStartsOn??0,s=O(e,n?.in);if(!I(s))throw RangeError(`Invalid time value`);let c=t.match(ft).map(e=>{let t=e[0];if(t===`p`||t===`P`){let n=rt[t];return n(e,i.formatLong)}return e}).join(``).match(dt).map(e=>{if(e===`''`)return{isToken:!1,value:`'`};let t=e[0];if(t===`'`)return{isToken:!1,value:gt(e)};if(W[t])return{isToken:!0,value:e};if(t.match(ht))throw RangeError("Format string contains an unescaped latin alphabet character `"+t+"`");return{isToken:!1,value:e}});i.localize.preprocessor&&(c=i.localize.preprocessor(s,c));let l={firstWeekContainsDate:a,weekStartsOn:o,locale:i};return c.map(r=>{if(!r.isToken)return r.value;let a=r.value;(!n?.useAdditionalWeekYearTokens&&ct(a)||!n?.useAdditionalDayOfYearTokens&&st(a))&&lt(a,t,String(e));let o=W[a[0]];return o(s,a,i.localize,l)}).join(``)}function gt(e){let t=e.match(pt);return t?t[1].replace(mt,`'`):e}const _t=({isNested:e=!1,isShowLabel:t=!0,isShowErrorMsg:r=!0,label:i,description:a,placeholder:s})=>{let{name:u,state:d,handleChange:f,handleBlur:p}=S(),m=d.meta.isTouched&&!d.meta.isValid;return e?(0,g.jsxs)(o.t,{orientation:`vertical`,className:`gap-1`,children:[(0,g.jsx)(v.Activity,{mode:i||a?`visible`:`hidden`,children:(0,g.jsx)(o.n,{children:(0,g.jsx)(o.o,{htmlFor:u,className:`text-xs`,children:i})})}),(0,g.jsxs)(`div`,{className:`flex w-full flex-col justify-start`,children:[(0,g.jsxs)(c.t,{modal:!0,children:[(0,g.jsx)(c.i,{asChild:!0,children:(0,g.jsxs)(n.t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:(0,h.cn)(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,m&&`outline-danger`,m&&`focus:ring-4!`,m&&`focus:ring-danger-weak!`,m&&`focus:outline-danger-strong!`,m&&`focus:outline-1!`,m&&`data-[state=open]:ring-4!`,m&&`data-[state=open]:ring-danger-weak!`,m&&`data-[state=open]:outline-danger-strong!`,m&&`data-[state=open]:outline-1!`),children:[(0,g.jsx)(v.Activity,{mode:d.value?`visible`:`hidden`,children:X(d.value,`PPP`)}),(0,g.jsx)(v.Activity,{mode:d.value?`hidden`:`visible`,children:s||`Pick a date`}),(0,g.jsx)(_.CalendarIcon,{className:`ml-auto size-4 text-text-positive-weak`})]})}),(0,g.jsx)(c.r,{align:`end`,className:`w-fit p-0`,onBlur:p,children:(0,g.jsx)(l.t,{mode:`single`,selected:d.value,onSelect:e=>{e&&f(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),(0,g.jsx)(v.Activity,{mode:r?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:d.meta.errors})})]})]}):(0,g.jsxs)(o.a,{children:[(0,g.jsxs)(o.t,{orientation:`responsive`,"data-invalid":m,children:[(0,g.jsxs)(o.n,{children:[(0,g.jsx)(v.Activity,{mode:i||a?`visible`:`hidden`,children:(0,g.jsx)(v.Activity,{mode:t?`visible`:`hidden`,children:(0,g.jsx)(o.o,{htmlFor:u,children:i})})}),(0,g.jsx)(v.Activity,{mode:a?`visible`:`hidden`,children:(0,g.jsx)(v.Activity,{mode:a?`visible`:`hidden`,children:(0,g.jsx)(o.r,{children:a})})})]}),(0,g.jsx)(`div`,{className:`flex basis-3/5 flex-col items-end`,children:(0,g.jsxs)(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-62`,children:[(0,g.jsxs)(c.t,{modal:!0,children:[(0,g.jsx)(c.i,{asChild:!0,children:(0,g.jsxs)(n.t,{type:`button`,variant:`outline`,role:`combobox`,color:`muted`,className:(0,h.cn)(`w-full md:max-w-80`,`flex justify-between rounded-md px-3 shadow-input`,`font-normal outline-border-weak`,`[&_div]:w-full`,`[&_span]:w-full`,`[&_div]:justify-between`,`hover:outline-border`,`data-[state=open]:text-text-positive-muted`,`data-[state=open]:outline-1`,`data-[state=open]:outline-primary-strong`,`data-[state=open]:ring-primary-weak`,`data-[state=open]:ring-4`,`focus:ring-4!`,`focus:ring-primary-weak!`,`focus:outline-1!`,`focus:outline-primary-strong!`,`focus:bg-background`,m&&`outline-danger`,m&&`focus:ring-4!`,m&&`focus:ring-danger-weak!`,m&&`focus:outline-danger-strong!`,m&&`focus:outline-1!`,m&&`data-[state=open]:ring-4!`,m&&`data-[state=open]:ring-danger-weak!`,m&&`data-[state=open]:outline-danger-strong!`,m&&`data-[state=open]:outline-1!`),children:[(0,g.jsx)(v.Activity,{mode:d.value?`visible`:`hidden`,children:X(d.value,`PPP`)}),(0,g.jsx)(v.Activity,{mode:d.value?`hidden`:`visible`,children:s||`Pick a date`}),(0,g.jsx)(_.CalendarIcon,{className:`ml-auto size-4 text-text-positive-weak`})]})}),(0,g.jsx)(c.r,{align:`end`,className:`w-fit p-0`,onBlur:p,children:(0,g.jsx)(l.t,{mode:`single`,selected:d.value,onSelect:e=>{e&&f(e)},captionLayout:`dropdown`,disabled:e=>e<new Date(`2022-01-01`)})})]}),(0,g.jsx)(v.Activity,{mode:r?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:d.meta.errors})})]})})]}),(0,g.jsx)(o.c,{})]})},vt=({isShowLabel:e=!0,isNested:t=!1,isShowErrorMsg:n=!0,label:r,description:i,unitText:a,placeholder:s})=>{let{name:c,state:l,handleBlur:d,handleChange:f}=S();return t?(0,g.jsxs)(o.t,{orientation:`vertical`,className:`gap-1`,children:[(0,g.jsx)(v.Activity,{mode:r||i?`visible`:`hidden`,children:(0,g.jsx)(o.n,{children:(0,g.jsx)(o.o,{htmlFor:c,className:`text-xs`,children:r})})}),(0,g.jsxs)(`div`,{className:`flex w-full flex-col justify-start`,children:[(0,g.jsx)(u.t,{id:c,value:l.value,"aria-invalid":l.meta.isTouched&&!l.meta.isValid,className:`w-full`,placeholder:s,unitText:a,onBlur:d,onValueChange:e=>{e!==void 0&&f(e)}}),(0,g.jsx)(v.Activity,{mode:n?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:l.meta.errors})})]})]}):(0,g.jsxs)(o.a,{children:[(0,g.jsxs)(o.t,{orientation:`responsive`,"data-invalid":l.meta.isTouched&&!l.meta.isValid,children:[(0,g.jsxs)(o.n,{children:[(0,g.jsx)(v.Activity,{mode:r||i?`visible`:`hidden`,children:(0,g.jsx)(v.Activity,{mode:e?`visible`:`hidden`,children:(0,g.jsx)(o.o,{htmlFor:c,children:r})})}),(0,g.jsx)(v.Activity,{mode:i?`visible`:`hidden`,children:(0,g.jsx)(o.r,{children:i})})]}),(0,g.jsxs)(`div`,{className:`relative basis-3/5 space-y-0.5`,children:[(0,g.jsx)(u.t,{id:c,value:l.value,"aria-invalid":l.meta.isTouched&&!l.meta.isValid,unitText:a,placeholder:s,className:`w-full`,onBlur:d,onValueChange:e=>{e!==void 0&&f(e)}}),(0,g.jsx)(v.Activity,{mode:n?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:l.meta.errors})})]})]}),(0,g.jsx)(o.c,{})]})},yt=({label:e,description:t,children:n})=>(0,g.jsxs)(o.a,{children:[(0,g.jsxs)(o.t,{orientation:`responsive`,children:[(0,g.jsxs)(o.n,{children:[(0,g.jsx)(o.o,{children:e}),(0,g.jsx)(v.Activity,{mode:t?`visible`:`hidden`,children:(0,g.jsx)(o.r,{children:t})})]}),(0,g.jsx)(`div`,{className:`relative basis-3/5 space-y-0.5`,children:(0,g.jsx)(`div`,{className:`flex flex-col space-y-1`,children:n})})]}),(0,g.jsx)(o.c,{})]}),bt=({options:e})=>{let{handleChange:t}=S();return(0,g.jsx)(m.t,{className:`flex flex-col items-end justify-end space-y-0.5`,onValueChange:t,children:e.map(e=>(0,g.jsxs)(`label`,{className:`flex w-full max-w-90 cursor-pointer rounded-lg border border-border p-2`,children:[(0,g.jsxs)(`div`,{className:`flex grow flex-col`,children:[(0,g.jsx)(`p`,{className:`font-semibold text-sm text-text-positive`,children:e.label}),(0,g.jsx)(`p`,{className:`text-text-positive-weak text-xs`,children:e.value})]}),(0,g.jsx)(m.n,{value:e.value})]},e.value))})},xt=({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:n=!1,disabledValues:r=[],label:i,description:a,placeholder:s,options:c})=>{let{name:l,state:u,handleChange:f}=S(),p=u.meta.isTouched&&!u.meta.isValid;return n?(0,g.jsxs)(o.t,{orientation:`vertical`,className:`gap-1`,children:[(0,g.jsx)(v.Activity,{mode:i||a?`visible`:`hidden`,children:(0,g.jsxs)(o.n,{children:[(0,g.jsx)(o.o,{htmlFor:l,className:`text-xs`,children:i}),(0,g.jsx)(v.Activity,{mode:a?`visible`:`hidden`,children:(0,g.jsx)(o.r,{className:`text-xs`,children:a})})]})}),(0,g.jsxs)(`div`,{className:`flex w-full flex-col justify-start`,children:[(0,g.jsxs)(d.t,{defaultValue:u.value,onValueChange:f,children:[(0,g.jsx)(d.l,{className:(0,h.cn)(`w-full md:max-w-80`,p&&`border-danger`,p&&`data-[state=open]:ring-danger-weak`,p&&`data-[state=open]:border-danger-strong`,p&&`focus:ring-danger-weak`,p&&`focus:border-danger-strong`),children:(0,g.jsx)(d.u,{placeholder:s})}),(0,g.jsxs)(d.n,{children:[!!c.length&&c.map(({value:e,label:t})=>(0,g.jsx)(d.i,{disabled:r.includes(e),value:e,children:t},e)),!c.length&&(0,g.jsxs)(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[(0,g.jsx)(_.PackagePlusIcon,{strokeWidth:1}),`No options available`]})]})]}),(0,g.jsx)(v.Activity,{mode:t?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:u.meta.errors})})]})]}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(o.t,{orientation:`responsive`,"data-invalid":u.meta.isTouched&&!u.meta.isValid,children:[(0,g.jsxs)(o.n,{children:[(0,g.jsx)(v.Activity,{mode:i||a?`visible`:`hidden`,children:(0,g.jsx)(v.Activity,{mode:e?`visible`:`hidden`,children:(0,g.jsx)(o.o,{htmlFor:l,children:i})})}),(0,g.jsx)(v.Activity,{mode:a?`visible`:`hidden`,children:(0,g.jsx)(v.Activity,{mode:a?`visible`:`hidden`,children:(0,g.jsx)(o.r,{children:a})})})]}),(0,g.jsx)(`div`,{className:`flex basis-3/5 flex-col items-end`,children:(0,g.jsxs)(`div`,{className:`flex w-full flex-col space-y-0.5 md:max-w-80`,children:[(0,g.jsxs)(d.t,{defaultValue:u.value,onValueChange:f,children:[(0,g.jsx)(d.l,{className:(0,h.cn)(`w-full`,p&&`border-danger`,p&&`data-[state=open]:ring-danger-weak`,p&&`data-[state=open]:border-danger-strong`,p&&`focus:ring-danger-weak`,p&&`focus:border-danger-strong`),children:(0,g.jsx)(d.u,{placeholder:s})}),(0,g.jsxs)(d.n,{children:[!!c.length&&c.map(({value:e,label:t})=>(0,g.jsx)(d.i,{disabled:r.includes(e),value:e,children:t},e)),!c.length&&(0,g.jsxs)(`div`,{className:`flex items-center justify-center gap-x-2 px-4 py-6.5 text-center text-sm text-text-positive-weak`,children:[(0,g.jsx)(_.PackagePlusIcon,{strokeWidth:1}),`No options available`]})]})]}),(0,g.jsx)(v.Activity,{mode:t?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:u.meta.errors})})]})})]}),(0,g.jsx)(o.c,{})]})},Z=({label:e,description:t,children:n})=>(0,g.jsxs)(o.a,{children:[(0,g.jsxs)(o.t,{orientation:`responsive`,children:[(0,g.jsxs)(o.n,{children:[(0,g.jsx)(o.o,{children:e}),(0,g.jsx)(v.Activity,{mode:t?`visible`:`hidden`,children:(0,g.jsx)(o.r,{children:t})})]}),(0,g.jsx)(`div`,{className:`relative basis-3/5 space-y-0.5`,children:(0,g.jsx)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:n})})]}),(0,g.jsx)(o.c,{})]}),St=({label:e,description:t})=>{let{name:n,state:r,handleChange:i}=S();return(0,g.jsxs)(a.t,{htmlFor:n,className:`flex cursor-pointer items-start gap-x-2 rounded-md border border-border p-2`,children:[(0,g.jsxs)(`div`,{className:`flex grow flex-col space-y-2`,children:[(0,g.jsx)(`p`,{children:e}),(0,g.jsx)(`p`,{className:`text-text-positive-weak text-xs`,children:t})]}),(0,g.jsx)(f.t,{id:n,checked:r.value,className:`w-8`,onCheckedChange:i})]})},Ct=(0,y.cva)([`text-text-positive-weak`,`absolute inset-y-0 end-0 top-3`,`flex h-fit w-8 cursor-pointer items-center justify-center rounded-e-md`,`outline-none transition-[color,box-shadow]`,`focus:z-10 focus-visible:ring-2`,`hover:text-text-positive`,`focus-visible:ring-border`]),Q=(0,v.memo)(({isShowClearButton:e,isShowCount:t,isShowErrorMsg:n,isSubmiting:i,maxLength:a,counts:s,errors:c,onClear:l})=>{let u=(0,v.useCallback)(()=>{l()},[l]);return(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(v.Activity,{mode:e&&!i?`visible`:`hidden`,children:(0,g.jsx)(`button`,{type:`button`,className:Ct(),"aria-label":`Clear input`,onClick:u,children:(0,g.jsx)(_.XIcon,{size:14,"aria-hidden":`true`})})}),i&&(0,g.jsx)(`div`,{className:`absolute inset-y-0 end-2 top-2.5 text-muted-weak`,children:(0,g.jsx)(_.Loader2Icon,{size:16,className:`animate-spin`})}),(0,g.jsxs)(r.t,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[(0,g.jsx)(v.Activity,{mode:t?`visible`:`hidden`,children:(0,g.jsxs)(`p`,{className:(0,h.cn)(`text-end text-text-positive-weak text-xs`,a!==void 0&&s!==void 0&&a>=5&&s>=a-5&&`text-warning`,a!==void 0&&s!==void 0&&s>=a&&`text-danger`),children:[s??0,` characters`]})}),(0,g.jsx)(v.Activity,{mode:n?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:c})})]})]})});Q.displayName=`CountCharacters`;const wt=({isShowLabel:e=!0,isNested:t=!1,isShowClearButton:n=!1,isShowErrorMsg:r=!0,maxLength:a,label:s,description:c,placeholder:l})=>{let{name:u,state:d,form:f,handleBlur:p,handleChange:m}=S(),_=(0,b.useStore)(f.store,({isSubmitting:e})=>e),y=(0,v.useCallback)(e=>{_||m(e.target.value)},[_,m]),x=(0,v.useCallback)(()=>{_||m(``)},[_,m]);return t?(0,g.jsxs)(o.t,{orientation:`vertical`,className:`gap-1`,children:[(0,g.jsx)(v.Activity,{mode:s||c?`visible`:`hidden`,children:(0,g.jsxs)(o.n,{children:[(0,g.jsx)(o.o,{htmlFor:u,className:`text-xs`,children:s}),(0,g.jsx)(v.Activity,{mode:c?`visible`:`hidden`,children:(0,g.jsx)(o.r,{className:`text-xs`,children:c})})]})}),(0,g.jsxs)(`div`,{className:`relative flex w-full flex-col justify-start`,children:[(0,g.jsx)(i.t,{id:u,name:u,value:d.value,"aria-invalid":d.meta.isTouched&&!d.meta.isValid,autoComplete:`off`,placeholder:l,className:(0,h.cn)(`w-full`,n&&`pr-9`),onBlur:p,onChange:y}),(0,g.jsx)(Q,{isShowCount:!0,isShowClearButton:n,isShowErrorMsg:r,maxLength:a,counts:d.value?.length,errors:d.meta.errors,onClear:x})]})]}):(0,g.jsxs)(o.a,{children:[(0,g.jsxs)(o.t,{orientation:`responsive`,"data-invalid":d.meta.isTouched&&!d.meta.isValid,children:[(0,g.jsx)(o.n,{children:(0,g.jsxs)(v.Activity,{mode:s||c?`visible`:`hidden`,children:[(0,g.jsx)(v.Activity,{mode:e?`visible`:`hidden`,children:(0,g.jsx)(o.o,{htmlFor:u,children:s})}),(0,g.jsx)(v.Activity,{mode:c?`visible`:`hidden`,children:(0,g.jsx)(o.r,{children:c})})]})}),(0,g.jsxs)(`div`,{className:`relative basis-3/5`,children:[(0,g.jsx)(i.t,{id:u,name:u,value:d.value,"aria-invalid":d.meta.isTouched&&!d.meta.isValid,autoComplete:`off`,placeholder:l,onBlur:p,onChange:y}),(0,g.jsx)(Q,{isShowCount:!0,isShowClearButton:n,isShowErrorMsg:r,isSubmiting:_,maxLength:a,counts:d.value?.length,errors:d.meta.errors,onClear:x})]})]}),(0,g.jsx)(o.c,{})]})},$=(0,v.memo)(({isShowCount:e,isShowErrorMsg:t,maxLength:n,counts:i,errors:a})=>(0,g.jsxs)(r.t,{vertical:!0,width:`full`,padding:`none`,align:`end`,justify:`end`,children:[(0,g.jsx)(v.Activity,{mode:e?`visible`:`hidden`,children:(0,g.jsxs)(`p`,{className:(0,h.cn)(`text-text-positive-weak text-end text-xs`,n!==void 0&&i!==void 0&&n>=5&&i>=n-5&&`text-warning`,n!==void 0&&i!==void 0&&i>=n&&`text-danger`),children:[i??0,` characters`]})}),(0,g.jsx)(v.Activity,{mode:t?`visible`:`hidden`,children:(0,g.jsx)(o.i,{errors:a})})]}));$.displayName=`CountCharacters`;const Tt=({isShowLabel:e=!0,isShowErrorMsg:t=!0,isNested:n=!1,rows:r=5,maxLength:i,label:a,description:s,placeholder:c})=>{let{name:l,state:u,handleBlur:d,handleChange:f}=S();return n?(0,g.jsxs)(o.t,{orientation:`vertical`,className:`gap-1`,children:[(0,g.jsx)(v.Activity,{mode:a||s?`visible`:`hidden`,children:(0,g.jsxs)(o.n,{children:[(0,g.jsx)(o.o,{htmlFor:l,className:`text-xs`,children:a}),(0,g.jsx)(v.Activity,{mode:s?`visible`:`hidden`,children:(0,g.jsx)(o.r,{className:`text-xs`,children:s})})]})}),(0,g.jsxs)(`div`,{className:`flex flex-col w-full justify-start`,children:[(0,g.jsx)(p.t,{id:l,name:l,value:u.value,"aria-invalid":u.meta.isTouched&&!u.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,className:`w-full`,onBlur:d,onChange:e=>f(e.target.value)}),(0,g.jsx)($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:u.value?.length,errors:u.meta.errors})]})]}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(o.t,{orientation:`responsive`,"data-invalid":u.meta.isTouched&&!u.meta.isValid,children:[(0,g.jsx)(o.n,{children:(0,g.jsxs)(v.Activity,{mode:a||s?`visible`:`hidden`,children:[(0,g.jsx)(v.Activity,{mode:e?`visible`:`hidden`,children:(0,g.jsx)(o.o,{htmlFor:l,children:a})}),(0,g.jsx)(v.Activity,{mode:s?`visible`:`hidden`,children:(0,g.jsx)(o.r,{children:s})})]})}),(0,g.jsxs)(`div`,{className:`relative basis-3/5`,children:[(0,g.jsx)(p.t,{id:l,name:l,value:u.value,"aria-invalid":u.meta.isTouched&&!u.meta.isValid,autoComplete:`off`,placeholder:c,rows:r,onBlur:d,onChange:e=>f(e.target.value)}),(0,g.jsx)($,{isShowCount:!0,isShowErrorMsg:t,maxLength:i,counts:u.value?.length,errors:u.meta.errors})]})]}),(0,g.jsx)(o.c,{})]})},Et=({label:e,description:t,onSubmit:n,children:r})=>(0,g.jsx)(`form`,{onSubmit:(0,v.useCallback)(async e=>{e.preventDefault(),await n?.()},[n]),children:(0,g.jsxs)(o.a,{children:[(0,g.jsxs)(o.l,{children:[(0,g.jsx)(o.s,{children:e}),(0,g.jsx)(o.r,{children:t}),(0,g.jsx)(o.c,{})]}),r]})}),Dt=({label:e,description:t,children:n})=>(0,g.jsxs)(g.Fragment,{children:[(0,g.jsxs)(o.a,{className:`@md/field-group:flex-row @md/field-group:items-start`,children:[(0,g.jsxs)(o.n,{children:[(0,g.jsx)(o.o,{children:e}),(0,g.jsx)(o.r,{children:t})]}),(0,g.jsx)(`div`,{className:`flex w-full basis-3/5 flex-col items-end`,children:(0,g.jsx)(`div`,{className:`flex w-full max-w-80 flex-col space-y-3`,children:n})})]}),(0,g.jsx)(o.c,{})]}),Ot=({children:e})=>(0,g.jsx)(`div`,{className:`mt-4 flex justify-end gap-2`,children:e}),kt=({label:e=`Submit`})=>{let{Subscribe:t,handleSubmit:r}=C(),i=(0,v.useCallback)(async()=>{await r()},[r]);return(0,g.jsx)(t,{selector:e=>({isSubmitting:e.isSubmitting,isDisabled:!e.isFormValid}),children:({isDisabled:t,isSubmitting:r})=>(0,g.jsx)(n.t,{type:`submit`,disabled:t,isLoading:r,className:`w-32`,onClick:i,children:r?`Submitting...`:e})})},{useAppForm:At}=(0,b.createFormHook)({fieldContext:ne,formContext:re,fieldComponents:{TextField:wt,TextareaField:Tt,NumberField:vt,SelectField:xt,ComboboxField:ae,SwitchField:St,RadioGroupField:bt,DateField:_t,ArrayField:ee,ArrayItemField:te},formComponents:{TanStackForm:Et,TanStackFormGroup:Dt,TanStackFormFooter:Ot,TanStackSwitchGroup:Z,TanStackRadioGroup:yt,CancelButton:ie,SubscribeButton:kt}});exports.useTanStackForm=At;
 //# sourceMappingURL=index.cjs.map