@codefast/ui 0.0.70 → 0.0.72

package/dist/react/data-table.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/data-table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  CaretSortIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DoubleArrowLeftIcon,\n  DoubleArrowRightIcon,\n  EyeNoneIcon,\n  MixerHorizontalIcon,\n} from '@radix-ui/react-icons';\nimport type * as ReactTable from '@tanstack/react-table';\nimport { cn } from '../lib/utils';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from './dropdown-menu';\nimport { Button } from './button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from './select';\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableViewOptions\n * -------------------------------------------------------------------------- */\n\ninterface DataTableViewOptionsProps<TData> {\n  table: ReactTable.Table<TData>;\n}\n\nfunction DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): React.JSX.Element {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button className=\"ml-auto hidden h-8 lg:flex\" size=\"sm\" variant=\"outline\">\n          <MixerHorizontalIcon className=\"mr-2 size-4\" />\n          View\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-36\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                checked={column.getIsVisible()}\n                className=\"capitalize\"\n                onCheckedChange={(value) => {\n                  column.toggleVisibility(Boolean(value));\n                }}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            );\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTablePagination\n * -------------------------------------------------------------------------- */\n\ninterface DataTablePaginationProps<TData> extends React.HTMLAttributes<HTMLDivElement> {\n  table: ReactTable.Table<TData>;\n}\n\nfunction DataTablePagination<TData>({\n  table,\n  className,\n  ...props\n}: DataTablePaginationProps<TData>): React.JSX.Element {\n  return (\n    <div className={cn('flex items-center justify-between px-2', className)} {...props}>\n      <div className=\"text-muted-foreground flex-1 text-sm\">\n        {table.getFilteredSelectedRowModel().rows.length} of {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex items-center space-x-6 lg:space-x-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={String(table.getState().pagination.pageSize)}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"w-18 h-8\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={String(pageSize)}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-28 items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            className=\"hidden lg:flex\"\n            disabled={!table.getCanPreviousPage()}\n            size=\"icon-xs\"\n            variant=\"outline\"\n            onClick={() => {\n              table.setPageIndex(0);\n            }}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <DoubleArrowLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            disabled={!table.getCanPreviousPage()}\n            size=\"icon-xs\"\n            variant=\"outline\"\n            onClick={() => {\n              table.previousPage();\n            }}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            disabled={!table.getCanNextPage()}\n            size=\"icon-xs\"\n            variant=\"outline\"\n            onClick={() => {\n              table.nextPage();\n            }}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"size-4\" />\n          </Button>\n          <Button\n            className=\"hidden lg:flex\"\n            disabled={!table.getCanNextPage()}\n            size=\"icon-xs\"\n            variant=\"outline\"\n            onClick={() => {\n              table.setPageIndex(table.getPageCount() - 1);\n            }}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <DoubleArrowRightIcon className=\"size-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableColumnHeader\n * -------------------------------------------------------------------------- */\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n  column: ReactTable.Column<TData, TValue>;\n  title: string;\n}\n\nfunction DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>): React.JSX.Element {\n  if (!column.getCanSort()) {\n    return <div className={className}>{title}</div>;\n  }\n\n  return (\n    <div className={cn('flex items-center space-x-2', className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button className=\"data-[state=open]:bg-accent -ml-3\" size=\"xs\" variant=\"ghost\">\n            <span>{title}</span>\n            <SortIcon sorted={column.getIsSorted()} />\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleSorting(false);\n            }}\n          >\n            <ArrowUpIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleSorting(true);\n            }}\n          >\n            <ArrowDownIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleVisibility(false);\n            }}\n          >\n            <EyeNoneIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Hide\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n\nfunction SortIcon({ sorted }: { sorted: false | ReactTable.SortDirection }): React.JSX.Element {\n  switch (sorted) {\n    case 'desc':\n      return <ArrowDownIcon className=\"ml-2 size-4\" />;\n\n    case 'asc':\n      return <ArrowUpIcon className=\"ml-2 size-4\" />;\n\n    default:\n      return <CaretSortIcon className=\"ml-2 size-4\" />;\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  DataTableViewOptions,\n  DataTablePagination,\n  DataTableColumnHeader,\n  type DataTableViewOptionsProps,\n  type DataTablePaginationProps,\n  type DataTableColumnHeaderProps,\n};\n"],"mappings":"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","names":["ArrowDownIcon","ArrowUpIcon","CaretSortIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowLeftIcon","DoubleArrowRightIcon","EyeNoneIcon","MixerHorizontalIcon","jsx","jsxs","DataTableViewOptions","table","DropdownMenu","DropdownMenuTrigger","Button","MixerHorizontalIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value","DataTablePagination","className","props","cn","Select","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","DoubleArrowLeftIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowRightIcon","DataTableColumnHeader","title","SortIcon","DropdownMenuItem","ArrowUpIcon","ArrowDownIcon","EyeNoneIcon","sorted","CaretSortIcon"]}
+{"version":3,"sources":["../../src/react/data-table.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  ArrowDownIcon,\n  ArrowUpIcon,\n  CaretSortIcon,\n  ChevronLeftIcon,\n  ChevronRightIcon,\n  DoubleArrowLeftIcon,\n  DoubleArrowRightIcon,\n  EyeNoneIcon,\n  MixerHorizontalIcon,\n} from '@radix-ui/react-icons';\nimport type * as ReactTable from '@tanstack/react-table';\nimport { cn } from '@/lib/utils';\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/react/dropdown-menu';\nimport { Button } from '@/react/button';\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/react/select';\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableViewOptions\n * -------------------------------------------------------------------------- */\n\ninterface DataTableViewOptionsProps<TData> {\n  table: ReactTable.Table<TData>;\n}\n\nfunction DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>): React.JSX.Element {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button className=\"ml-auto hidden h-8 lg:flex\" size=\"sm\" variant=\"outline\">\n          <MixerHorizontalIcon className=\"mr-2 size-4\" />\n          View\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-36\">\n        <DropdownMenuLabel>Toggle columns</DropdownMenuLabel>\n        <DropdownMenuSeparator />\n        {table\n          .getAllColumns()\n          .filter((column) => typeof column.accessorFn !== 'undefined' && column.getCanHide())\n          .map((column) => {\n            return (\n              <DropdownMenuCheckboxItem\n                key={column.id}\n                checked={column.getIsVisible()}\n                className=\"capitalize\"\n                onCheckedChange={(value) => {\n                  column.toggleVisibility(Boolean(value));\n                }}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            );\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTablePagination\n * -------------------------------------------------------------------------- */\n\ninterface DataTablePaginationProps<TData> extends React.HTMLAttributes<HTMLDivElement> {\n  table: ReactTable.Table<TData>;\n}\n\nfunction DataTablePagination<TData>({\n  table,\n  className,\n  ...props\n}: DataTablePaginationProps<TData>): React.JSX.Element {\n  return (\n    <div className={cn('flex items-center justify-between px-2', className)} {...props}>\n      <div className=\"text-muted-foreground flex-1 text-sm\">\n        {table.getFilteredSelectedRowModel().rows.length} of {table.getFilteredRowModel().rows.length} row(s) selected.\n      </div>\n      <div className=\"flex items-center space-x-6 lg:space-x-8\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={String(table.getState().pagination.pageSize)}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"w-18 h-8\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={String(pageSize)}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-28 items-center justify-center text-sm font-medium\">\n          Page {table.getState().pagination.pageIndex + 1} of {table.getPageCount()}\n        </div>\n        <div className=\"flex items-center space-x-2\">\n          <Button\n            className=\"hidden lg:flex\"\n            disabled={!table.getCanPreviousPage()}\n            size=\"icon-xs\"\n            variant=\"outline\"\n            onClick={() => {\n              table.setPageIndex(0);\n            }}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <DoubleArrowLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            disabled={!table.getCanPreviousPage()}\n            size=\"icon-xs\"\n            variant=\"outline\"\n            onClick={() => {\n              table.previousPage();\n            }}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"size-4\" />\n          </Button>\n          <Button\n            disabled={!table.getCanNextPage()}\n            size=\"icon-xs\"\n            variant=\"outline\"\n            onClick={() => {\n              table.nextPage();\n            }}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"size-4\" />\n          </Button>\n          <Button\n            className=\"hidden lg:flex\"\n            disabled={!table.getCanNextPage()}\n            size=\"icon-xs\"\n            variant=\"outline\"\n            onClick={() => {\n              table.setPageIndex(table.getPageCount() - 1);\n            }}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <DoubleArrowRightIcon className=\"size-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DataTableColumnHeader\n * -------------------------------------------------------------------------- */\n\ninterface DataTableColumnHeaderProps<TData, TValue> extends React.HTMLAttributes<HTMLDivElement> {\n  column: ReactTable.Column<TData, TValue>;\n  title: string;\n}\n\nfunction DataTableColumnHeader<TData, TValue>({\n  column,\n  title,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>): React.JSX.Element {\n  if (!column.getCanSort()) {\n    return <div className={className}>{title}</div>;\n  }\n\n  return (\n    <div className={cn('flex items-center space-x-2', className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button className=\"data-[state=open]:bg-accent -ml-3\" size=\"xs\" variant=\"ghost\">\n            <span>{title}</span>\n            <SortIcon sorted={column.getIsSorted()} />\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\">\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleSorting(false);\n            }}\n          >\n            <ArrowUpIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Asc\n          </DropdownMenuItem>\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleSorting(true);\n            }}\n          >\n            <ArrowDownIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Desc\n          </DropdownMenuItem>\n          <DropdownMenuSeparator />\n          <DropdownMenuItem\n            onClick={() => {\n              column.toggleVisibility(false);\n            }}\n          >\n            <EyeNoneIcon className=\"text-muted-foreground/70 mr-2 size-3.5\" />\n            Hide\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n\nfunction SortIcon({ sorted }: { sorted: false | ReactTable.SortDirection }): React.JSX.Element {\n  switch (sorted) {\n    case 'desc':\n      return <ArrowDownIcon className=\"ml-2 size-4\" />;\n\n    case 'asc':\n      return <ArrowUpIcon className=\"ml-2 size-4\" />;\n\n    default:\n      return <CaretSortIcon className=\"ml-2 size-4\" />;\n  }\n}\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  DataTableViewOptions,\n  DataTablePagination,\n  DataTableColumnHeader,\n  type DataTableViewOptionsProps,\n  type DataTablePaginationProps,\n  type DataTableColumnHeaderProps,\n};\n"],"mappings":"oRAGA,OACE,iBAAAA,EACA,eAAAC,EACA,iBAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,uBAAAC,EACA,wBAAAC,EACA,eAAAC,EACA,uBAAAC,MACK,wBA2BC,OACE,OAAAC,EADF,QAAAC,MAAA,oBAJR,SAASC,EAA4B,CAAE,MAAAC,CAAM,EAAwD,CACnG,OACEF,EAACG,EAAA,CACC,UAAAJ,EAACK,EAAA,CAAoB,QAAO,GAC1B,SAAAJ,EAACK,EAAA,CAAO,UAAU,6BAA6B,KAAK,KAAK,QAAQ,UAC/D,UAAAN,EAACO,EAAA,CAAoB,UAAU,cAAc,EAAE,QAEjD,EACF,EACAN,EAACO,EAAA,CAAoB,MAAM,MAAM,UAAU,OACzC,UAAAR,EAACS,EAAA,CAAkB,0BAAc,EACjCT,EAACU,EAAA,EAAsB,EACtBP,EACE,cAAc,EACd,OAAQQ,GAAW,OAAOA,EAAO,WAAe,KAAeA,EAAO,WAAW,CAAC,EAClF,IAAKA,GAEFX,EAACY,EAAA,CAEC,QAASD,EAAO,aAAa,EAC7B,UAAU,aACV,gBAAkBE,GAAU,CAC1BF,EAAO,iBAAiB,EAAQE,CAAM,CACxC,EAEC,SAAAF,EAAO,IAPHA,EAAO,EAQd,CAEH,GACL,GACF,CAEJ,CAUA,SAASG,EAA2B,CAClC,MAAAX,EACA,UAAAY,EACA,GAAGC,CACL,EAAuD,CACrD,OACEf,EAAC,OAAI,UAAWgB,EAAG,yCAA0CF,CAAS,EAAI,GAAGC,EAC3E,UAAAf,EAAC,OAAI,UAAU,uCACZ,UAAAE,EAAM,4BAA4B,EAAE,KAAK,OAAO,OAAKA,EAAM,oBAAoB,EAAE,KAAK,OAAO,qBAChG,EACAF,EAAC,OAAI,UAAU,2CACb,UAAAA,EAAC,OAAI,UAAU,8BACb,UAAAD,EAAC,KAAE,UAAU,sBAAsB,yBAAa,EAChDC,EAACiB,EAAA,CACC,MAAO,OAAOf,EAAM,SAAS,EAAE,WAAW,QAAQ,EAClD,cAAgBU,GAAU,CACxBV,EAAM,YAAY,OAAOU,CAAK,CAAC,CACjC,EAEA,UAAAb,EAACmB,EAAA,CAAc,UAAU,WACvB,SAAAnB,EAACoB,EAAA,CAAY,YAAajB,EAAM,SAAS,EAAE,WAAW,SAAU,EAClE,EACAH,EAACqB,EAAA,CAAc,KAAK,MACjB,UAAC,GAAI,GAAI,GAAI,GAAI,EAAE,EAAE,IAAKC,GACzBtB,EAACuB,EAAA,CAA0B,MAAO,OAAOD,CAAQ,EAC9C,SAAAA,GADcA,CAEjB,CACD,EACH,GACF,GACF,EACArB,EAAC,OAAI,UAAU,4DAA4D,kBACnEE,EAAM,SAAS,EAAE,WAAW,UAAY,EAAE,OAAKA,EAAM,aAAa,GAC1E,EACAF,EAAC,OAAI,UAAU,8BACb,UAAAA,EAACK,EAAA,CACC,UAAU,iBACV,SAAU,CAACH,EAAM,mBAAmB,EACpC,KAAK,UACL,QAAQ,UACR,QAAS,IAAM,CACbA,EAAM,aAAa,CAAC,CACtB,EAEA,UAAAH,EAAC,QAAK,UAAU,UAAU,4BAAgB,EAC1CA,EAACwB,EAAA,CAAoB,UAAU,SAAS,GAC1C,EACAvB,EAACK,EAAA,CACC,SAAU,CAACH,EAAM,mBAAmB,EACpC,KAAK,UACL,QAAQ,UACR,QAAS,IAAM,CACbA,EAAM,aAAa,CACrB,EAEA,UAAAH,EAAC,QAAK,UAAU,UAAU,+BAAmB,EAC7CA,EAACyB,EAAA,CAAgB,UAAU,SAAS,GACtC,EACAxB,EAACK,EAAA,CACC,SAAU,CAACH,EAAM,eAAe,EAChC,KAAK,UACL,QAAQ,UACR,QAAS,IAAM,CACbA,EAAM,SAAS,CACjB,EAEA,UAAAH,EAAC,QAAK,UAAU,UAAU,2BAAe,EACzCA,EAAC0B,EAAA,CAAiB,UAAU,SAAS,GACvC,EACAzB,EAACK,EAAA,CACC,UAAU,iBACV,SAAU,CAACH,EAAM,eAAe,EAChC,KAAK,UACL,QAAQ,UACR,QAAS,IAAM,CACbA,EAAM,aAAaA,EAAM,aAAa,EAAI,CAAC,CAC7C,EAEA,UAAAH,EAAC,QAAK,UAAU,UAAU,2BAAe,EACzCA,EAAC2B,EAAA,CAAqB,UAAU,SAAS,GAC3C,GACF,GACF,GACF,CAEJ,CAWA,SAASC,EAAqC,CAC5C,OAAAjB,EACA,MAAAkB,EACA,UAAAd,CACF,EAAiE,CAC/D,OAAKJ,EAAO,WAAW,EAKrBX,EAAC,OAAI,UAAWiB,EAAG,8BAA+BF,CAAS,EACzD,SAAAd,EAACG,EAAA,CACC,UAAAJ,EAACK,EAAA,CAAoB,QAAO,GAC1B,SAAAJ,EAACK,EAAA,CAAO,UAAU,oCAAoC,KAAK,KAAK,QAAQ,QACtE,UAAAN,EAAC,QAAM,SAAA6B,EAAM,EACb7B,EAAC8B,EAAA,CAAS,OAAQnB,EAAO,YAAY,EAAG,GAC1C,EACF,EACAV,EAACO,EAAA,CAAoB,MAAM,QACzB,UAAAP,EAAC8B,EAAA,CACC,QAAS,IAAM,CACbpB,EAAO,cAAc,EAAK,CAC5B,EAEA,UAAAX,EAACgC,EAAA,CAAY,UAAU,yCAAyC,EAAE,OAEpE,EACA/B,EAAC8B,EAAA,CACC,QAAS,IAAM,CACbpB,EAAO,cAAc,EAAI,CAC3B,EAEA,UAAAX,EAACiC,EAAA,CAAc,UAAU,yCAAyC,EAAE,QAEtE,EACAjC,EAACU,EAAA,EAAsB,EACvBT,EAAC8B,EAAA,CACC,QAAS,IAAM,CACbpB,EAAO,iBAAiB,EAAK,CAC/B,EAEA,UAAAX,EAACkC,EAAA,CAAY,UAAU,yCAAyC,EAAE,QAEpE,GACF,GACF,EACF,EAxCOlC,EAAC,OAAI,UAAWe,EAAY,SAAAc,EAAM,CA0C7C,CAEA,SAASC,EAAS,CAAE,OAAAK,CAAO,EAAoE,CAC7F,OAAQA,EAAQ,CACd,IAAK,OACH,OAAOnC,EAACiC,EAAA,CAAc,UAAU,cAAc,EAEhD,IAAK,MACH,OAAOjC,EAACgC,EAAA,CAAY,UAAU,cAAc,EAE9C,QACE,OAAOhC,EAACoC,EAAA,CAAc,UAAU,cAAc,CAClD,CACF","names":["ArrowDownIcon","ArrowUpIcon","CaretSortIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowLeftIcon","DoubleArrowRightIcon","EyeNoneIcon","MixerHorizontalIcon","jsx","jsxs","DataTableViewOptions","table","DropdownMenu","DropdownMenuTrigger","Button","MixerHorizontalIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value","DataTablePagination","className","props","cn","Select","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","DoubleArrowLeftIcon","ChevronLeftIcon","ChevronRightIcon","DoubleArrowRightIcon","DataTableColumnHeader","title","SortIcon","DropdownMenuItem","ArrowUpIcon","ArrowDownIcon","EyeNoneIcon","sorted","CaretSortIcon"]}

package/dist/react/dialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunk4MTN7WZ2cjs = require('../chunk-4MTN7WZ2.cjs');require('../chunk-NU6SK3FC.cjs');exports.Dialog = _chunk4MTN7WZ2cjs.a; exports.DialogBody = _chunk4MTN7WZ2cjs.f; exports.DialogClose = _chunk4MTN7WZ2cjs.c; exports.DialogContent = _chunk4MTN7WZ2cjs.d; exports.DialogDescription = _chunk4MTN7WZ2cjs.i; exports.DialogFooter = _chunk4MTN7WZ2cjs.g; exports.DialogHeader = _chunk4MTN7WZ2cjs.e; exports.DialogTitle = _chunk4MTN7WZ2cjs.h; exports.DialogTrigger = _chunk4MTN7WZ2cjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkVYHH6LAGcjs = require('../chunk-VYHH6LAG.cjs');require('../chunk-4XRBMJ5Q.cjs');exports.Dialog = _chunkVYHH6LAGcjs.a; exports.DialogBody = _chunkVYHH6LAGcjs.f; exports.DialogClose = _chunkVYHH6LAGcjs.c; exports.DialogContent = _chunkVYHH6LAGcjs.d; exports.DialogDescription = _chunkVYHH6LAGcjs.i; exports.DialogFooter = _chunkVYHH6LAGcjs.g; exports.DialogHeader = _chunkVYHH6LAGcjs.e; exports.DialogTitle = _chunkVYHH6LAGcjs.h; exports.DialogTrigger = _chunkVYHH6LAGcjs.b;
 //# sourceMappingURL=dialog.cjs.map

package/dist/react/dialog.js

@@ -1,2 +1,2 @@
-"use client";import{a,b,c,d,e,f,g,h,i}from"../chunk-HDHZESSG.js";import"../chunk-5UXVZTFG.js";export{a as Dialog,f as DialogBody,c as DialogClose,d as DialogContent,i as DialogDescription,g as DialogFooter,e as DialogHeader,h as DialogTitle,b as DialogTrigger};
+"use client";import{a,b,c,d,e,f,g,h,i}from"../chunk-MXS6YFVO.js";import"../chunk-VRBUDJBH.js";export{a as Dialog,f as DialogBody,c as DialogClose,d as DialogContent,i as DialogDescription,g as DialogFooter,e as DialogHeader,h as DialogTitle,b as DialogTrigger};
 //# sourceMappingURL=dialog.js.map

package/dist/react/drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var n = _interopRequireWildcard(_react);var _vaul = require('vaul');var _jsxruntime = require('react/jsx-runtime');function f({shouldScaleBackground:e=!0,...r}){return _jsxruntime.jsx.call(void 0, _vaul.Drawer.Root,{shouldScaleBackground:e,...r})}var P=_vaul.Drawer.Trigger,y= exports.DrawerClose =_vaul.Drawer.Close,D= exports.DrawerContent =n.forwardRef(({children:e,className:r,...i},s)=>_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Portal,{children:[_jsxruntime.jsx.call(void 0, _vaul.Drawer.Overlay,{className:"fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Content,{ref:s,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border",r),...i,children:[_jsxruntime.jsx.call(void 0, "div",{className:"bg-muted mx-auto mt-4 h-2 w-24 rounded-full"}),e]})]}));D.displayName="DrawerContent";function d({className:e,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkNU6SK3FCcjs.a.call(void 0, "grid gap-1.5 p-4 text-center sm:text-left",e),...r})}function R({className:e,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunkNU6SK3FCcjs.a.call(void 0, "mt-auto flex flex-col gap-2 p-4",e),...r})}var l=n.forwardRef(({className:e,...r},i)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Title,{ref:i,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-lg font-semibold leading-none tracking-tight",e),...r}));l.displayName=_vaul.Drawer.Title.displayName;var m=n.forwardRef(({className:e,...r},i)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Description,{ref:i,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground text-sm",e),...r}));m.displayName=_vaul.Drawer.Description.displayName;exports.Drawer = f; exports.DrawerClose = y; exports.DrawerContent = D; exports.DrawerDescription = m; exports.DrawerFooter = R; exports.DrawerHeader = d; exports.DrawerTitle = l; exports.DrawerTrigger = P;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var n = _interopRequireWildcard(_react);var _vaul = require('vaul');var _jsxruntime = require('react/jsx-runtime');function f({shouldScaleBackground:e=!0,...r}){return _jsxruntime.jsx.call(void 0, _vaul.Drawer.Root,{shouldScaleBackground:e,...r})}var P=_vaul.Drawer.Trigger,y= exports.DrawerClose =_vaul.Drawer.Close,D= exports.DrawerContent =n.forwardRef(({children:e,className:r,...i},s)=>_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Portal,{children:[_jsxruntime.jsx.call(void 0, _vaul.Drawer.Overlay,{className:"fixed inset-0 z-50 bg-black/80"}),_jsxruntime.jsxs.call(void 0, _vaul.Drawer.Content,{ref:s,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border",r),...i,children:[_jsxruntime.jsx.call(void 0, "div",{className:"bg-muted mx-auto mt-4 h-2 w-24 rounded-full"}),e]})]}));D.displayName="DrawerContent";function d({className:e,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "grid gap-1.5 p-4 text-center sm:text-left",e),...r})}function R({className:e,...r}){return _jsxruntime.jsx.call(void 0, "div",{className:_chunk4XRBMJ5Qcjs.a.call(void 0, "mt-auto flex flex-col gap-2 p-4",e),...r})}var l=n.forwardRef(({className:e,...r},i)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Title,{ref:i,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-lg font-semibold leading-none tracking-tight",e),...r}));l.displayName=_vaul.Drawer.Title.displayName;var m=n.forwardRef(({className:e,...r},i)=>_jsxruntime.jsx.call(void 0, _vaul.Drawer.Description,{ref:i,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-muted-foreground text-sm",e),...r}));m.displayName=_vaul.Drawer.Description.displayName;exports.Drawer = f; exports.DrawerClose = y; exports.DrawerContent = D; exports.DrawerDescription = m; exports.DrawerFooter = R; exports.DrawerHeader = d; exports.DrawerTitle = l; exports.DrawerTrigger = P;
 //# sourceMappingURL=drawer.cjs.map

package/dist/react/drawer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/drawer.cjs","../../src/react/drawer.tsx"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerClose","DrawerContent","children","className","forwardedRef","jsxs","cn","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":"AAAA,uWAAY,CAAC,yDAAoC,uECE1B,4BACmB,+CAUjC,SADAA,CAAAA,CAAO,CAAE,qBAAA,CAAAC,CAAAA,CAAwB,CAAA,CAAA,CAAM,GAAGC,CAAM,CAAA,CAAmC,CAC1F,OAAOC,6BAAAA,YAACC,CAAgB,IAAA,CAAhB,CAAqB,qBAAA,CAAuBH,CAAAA,CAAwB,GAAGC,CAAAA,CAAO,CACxF,CAOA,IAAMG,CAAAA,CAAgBD,YAAAA,CAAgB,OAAA,CAOhCE,CAAAA,uBAAcF,YAAAA,CAAgB,KAAA,CAS9BG,CAAAA,yBAAsB,CAAA,CAAA,UAAA,CAC1B,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,SAAA,CAAAC,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAGQ,CAAAA,CAAAA,EAClCC,8BAAAA,YAACP,CAAgB,MAAA,CAAhB,CACC,QAAA,CAAA,CAAAD,6BAAAA,YAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAU,gCAAA,CAAiC,CAAA,CACpEO,8BAAAA,YAACP,CAAgB,OAAA,CAAhB,CACC,GAAA,CAAKM,CAAAA,CACL,SAAA,CAAWE,iCAAAA,4FACT,CACAH,CACF,CAAA,CACC,GAAGP,CAAAA,CAEJ,QAAA,CAAA,CAAAC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,6CAAA,CAA8C,CAAA,CAC5DK,CAAAA,CAAAA,CACH,CAAA,CAAA,CACF,CAEJ,CAAA,CAEAD,CAAAA,CAAc,WAAA,CAAc,eAAA,CAQ5B,SAASM,CAAAA,CAAa,CAAE,SAAA,CAAAJ,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAyC,CACnF,OAAOC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWS,iCAAAA,2CAAG,CAA6CH,CAAS,CAAA,CAAI,GAAGP,CAAAA,CAAO,CAChG,CAQA,SAASY,CAAAA,CAAa,CAAE,SAAA,CAAAL,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAyC,CACnF,OAAOC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWS,iCAAAA,iCAAG,CAAmCH,CAAS,CAAA,CAAI,GAAGP,CAAAA,CAAO,CACtF,CASA,IAAMa,CAAAA,CAAoB,CAAA,CAAA,UAAA,CAAiD,CAAC,CAAE,SAAA,CAAAN,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAGQ,CAAAA,CAAAA,EACnGP,6BAAAA,YAACC,CAAgB,KAAA,CAAhB,CACC,GAAA,CAAKM,CAAAA,CACL,SAAA,CAAWE,iCAAAA,mDAAG,CAAqDH,CAAS,CAAA,CAC3E,GAAGP,CAAAA,CACN,CACD,CAAA,CAEDa,CAAAA,CAAY,WAAA,CAAcX,YAAAA,CAAgB,KAAA,CAAM,WAAA,CAShD,IAAMY,CAAAA,CAA0B,CAAA,CAAA,UAAA,CAC9B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAGQ,CAAAA,CAAAA,EACxBP,6BAAAA,YAACC,CAAgB,WAAA,CAAhB,CACC,GAAA,CAAKM,CAAAA,CACL,SAAA,CAAWE,iCAAAA,+BAAG,CAAiCH,CAAS,CAAA,CACvD,GAAGP,CAAAA,CACN,CAEJ,CAAA,CAEAc,CAAAA,CAAkB,WAAA,CAAcZ,YAAAA,CAAgB,WAAA,CAAY,WAAA,CAAA,8MAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/drawer.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Drawer\n * -------------------------------------------------------------------------- */\n\ntype DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;\n\nfunction Drawer({ shouldScaleBackground = true, ...props }: DrawerProps): React.JSX.Element {\n  return <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTrigger\n * -------------------------------------------------------------------------- */\n\ntype DrawerTriggerProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Trigger>;\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerClose\n * -------------------------------------------------------------------------- */\n\ntype DrawerCloseProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Close>;\nconst DrawerClose = DrawerPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerContent\n * -------------------------------------------------------------------------- */\n\ntype DrawerContentElement = React.ElementRef<typeof DrawerPrimitive.Content>;\ntype DrawerContentProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>;\n\nconst DrawerContent = React.forwardRef<DrawerContentElement, DrawerContentProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <DrawerPrimitive.Portal>\n      <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/80\" />\n      <DrawerPrimitive.Content\n        ref={forwardedRef}\n        className={cn(\n          'bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 h-2 w-24 rounded-full\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPrimitive.Portal>\n  ),\n);\n\nDrawerContent.displayName = 'DrawerContent';\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerHeader\n * -------------------------------------------------------------------------- */\n\ntype DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element {\n  return <div className={cn('grid gap-1.5 p-4 text-center sm:text-left', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerFooter\n * -------------------------------------------------------------------------- */\n\ntype DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element {\n  return <div className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTitle\n * -------------------------------------------------------------------------- */\n\ntype DrawerTitleElement = React.ElementRef<typeof DrawerPrimitive.Title>;\ntype DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>;\n\nconst DrawerTitle = React.forwardRef<DrawerTitleElement, DrawerTitleProps>(({ className, ...props }, forwardedRef) => (\n  <DrawerPrimitive.Title\n    ref={forwardedRef}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\n\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerDescription\n * -------------------------------------------------------------------------- */\n\ntype DrawerDescriptionElement = React.ElementRef<typeof DrawerPrimitive.Description>;\ntype DrawerDescriptionProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>;\n\nconst DrawerDescription = React.forwardRef<DrawerDescriptionElement, DrawerDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DrawerPrimitive.Description\n      ref={forwardedRef}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\n\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n  type DrawerProps,\n  type DrawerTriggerProps,\n  type DrawerCloseProps,\n  type DrawerContentProps,\n  type DrawerHeaderProps,\n  type DrawerFooterProps,\n  type DrawerTitleProps,\n  type DrawerDescriptionProps,\n};\n"]}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/drawer.cjs","../../src/react/drawer.tsx"],"names":["Drawer","shouldScaleBackground","props","jsx","DrawerPrimitive","DrawerTrigger","DrawerClose","DrawerContent","children","className","forwardedRef","jsxs","cn","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"],"mappings":"AAAA,uWAAY,CAAC,yDAAoC,uECE1B,4BACmB,+CAUjC,SADAA,CAAAA,CAAO,CAAE,qBAAA,CAAAC,CAAAA,CAAwB,CAAA,CAAA,CAAM,GAAGC,CAAM,CAAA,CAAmC,CAC1F,OAAOC,6BAAAA,YAACC,CAAgB,IAAA,CAAhB,CAAqB,qBAAA,CAAuBH,CAAAA,CAAwB,GAAGC,CAAAA,CAAO,CACxF,CAOA,IAAMG,CAAAA,CAAgBD,YAAAA,CAAgB,OAAA,CAOhCE,CAAAA,uBAAcF,YAAAA,CAAgB,KAAA,CAS9BG,CAAAA,yBAAsB,CAAA,CAAA,UAAA,CAC1B,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,SAAA,CAAAC,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAGQ,CAAAA,CAAAA,EAClCC,8BAAAA,YAACP,CAAgB,MAAA,CAAhB,CACC,QAAA,CAAA,CAAAD,6BAAAA,YAACC,CAAgB,OAAA,CAAhB,CAAwB,SAAA,CAAU,gCAAA,CAAiC,CAAA,CACpEO,8BAAAA,YAACP,CAAgB,OAAA,CAAhB,CACC,GAAA,CAAKM,CAAAA,CACL,SAAA,CAAWE,iCAAAA,4FACT,CACAH,CACF,CAAA,CACC,GAAGP,CAAAA,CAEJ,QAAA,CAAA,CAAAC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,6CAAA,CAA8C,CAAA,CAC5DK,CAAAA,CAAAA,CACH,CAAA,CAAA,CACF,CAEJ,CAAA,CAEAD,CAAAA,CAAc,WAAA,CAAc,eAAA,CAQ5B,SAASM,CAAAA,CAAa,CAAE,SAAA,CAAAJ,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAyC,CACnF,OAAOC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWS,iCAAAA,2CAAG,CAA6CH,CAAS,CAAA,CAAI,GAAGP,CAAAA,CAAO,CAChG,CAQA,SAASY,CAAAA,CAAa,CAAE,SAAA,CAAAL,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAyC,CACnF,OAAOC,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAWS,iCAAAA,iCAAG,CAAmCH,CAAS,CAAA,CAAI,GAAGP,CAAAA,CAAO,CACtF,CASA,IAAMa,CAAAA,CAAoB,CAAA,CAAA,UAAA,CAAiD,CAAC,CAAE,SAAA,CAAAN,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAGQ,CAAAA,CAAAA,EACnGP,6BAAAA,YAACC,CAAgB,KAAA,CAAhB,CACC,GAAA,CAAKM,CAAAA,CACL,SAAA,CAAWE,iCAAAA,mDAAG,CAAqDH,CAAS,CAAA,CAC3E,GAAGP,CAAAA,CACN,CACD,CAAA,CAEDa,CAAAA,CAAY,WAAA,CAAcX,YAAAA,CAAgB,KAAA,CAAM,WAAA,CAShD,IAAMY,CAAAA,CAA0B,CAAA,CAAA,UAAA,CAC9B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGP,CAAM,CAAA,CAAGQ,CAAAA,CAAAA,EACxBP,6BAAAA,YAACC,CAAgB,WAAA,CAAhB,CACC,GAAA,CAAKM,CAAAA,CACL,SAAA,CAAWE,iCAAAA,+BAAG,CAAiCH,CAAS,CAAA,CACvD,GAAGP,CAAAA,CACN,CAEJ,CAAA,CAEAc,CAAAA,CAAkB,WAAA,CAAcZ,YAAAA,CAAgB,WAAA,CAAY,WAAA,CAAA,8MAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/drawer.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Drawer\n * -------------------------------------------------------------------------- */\n\ntype DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;\n\nfunction Drawer({ shouldScaleBackground = true, ...props }: DrawerProps): React.JSX.Element {\n  return <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTrigger\n * -------------------------------------------------------------------------- */\n\ntype DrawerTriggerProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Trigger>;\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerClose\n * -------------------------------------------------------------------------- */\n\ntype DrawerCloseProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Close>;\nconst DrawerClose = DrawerPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerContent\n * -------------------------------------------------------------------------- */\n\ntype DrawerContentElement = React.ElementRef<typeof DrawerPrimitive.Content>;\ntype DrawerContentProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>;\n\nconst DrawerContent = React.forwardRef<DrawerContentElement, DrawerContentProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <DrawerPrimitive.Portal>\n      <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/80\" />\n      <DrawerPrimitive.Content\n        ref={forwardedRef}\n        className={cn(\n          'bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 h-2 w-24 rounded-full\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPrimitive.Portal>\n  ),\n);\n\nDrawerContent.displayName = 'DrawerContent';\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerHeader\n * -------------------------------------------------------------------------- */\n\ntype DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element {\n  return <div className={cn('grid gap-1.5 p-4 text-center sm:text-left', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerFooter\n * -------------------------------------------------------------------------- */\n\ntype DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element {\n  return <div className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTitle\n * -------------------------------------------------------------------------- */\n\ntype DrawerTitleElement = React.ElementRef<typeof DrawerPrimitive.Title>;\ntype DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>;\n\nconst DrawerTitle = React.forwardRef<DrawerTitleElement, DrawerTitleProps>(({ className, ...props }, forwardedRef) => (\n  <DrawerPrimitive.Title\n    ref={forwardedRef}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\n\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerDescription\n * -------------------------------------------------------------------------- */\n\ntype DrawerDescriptionElement = React.ElementRef<typeof DrawerPrimitive.Description>;\ntype DrawerDescriptionProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>;\n\nconst DrawerDescription = React.forwardRef<DrawerDescriptionElement, DrawerDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DrawerPrimitive.Description\n      ref={forwardedRef}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\n\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n  type DrawerProps,\n  type DrawerTriggerProps,\n  type DrawerCloseProps,\n  type DrawerContentProps,\n  type DrawerHeaderProps,\n  type DrawerFooterProps,\n  type DrawerTitleProps,\n  type DrawerDescriptionProps,\n};\n"]}

package/dist/react/drawer.js

@@ -1,2 +1,2 @@
-"use client";import{a}from"../chunk-5UXVZTFG.js";import*as n from"react";import{Drawer as t}from"vaul";import{jsx as o,jsxs as p}from"react/jsx-runtime";function f({shouldScaleBackground:e=!0,...r}){return o(t.Root,{shouldScaleBackground:e,...r})}var P=t.Trigger,y=t.Close,D=n.forwardRef(({children:e,className:r,...i},s)=>p(t.Portal,{children:[o(t.Overlay,{className:"fixed inset-0 z-50 bg-black/80"}),p(t.Content,{ref:s,className:a("bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border",r),...i,children:[o("div",{className:"bg-muted mx-auto mt-4 h-2 w-24 rounded-full"}),e]})]}));D.displayName="DrawerContent";function d({className:e,...r}){return o("div",{className:a("grid gap-1.5 p-4 text-center sm:text-left",e),...r})}function R({className:e,...r}){return o("div",{className:a("mt-auto flex flex-col gap-2 p-4",e),...r})}var l=n.forwardRef(({className:e,...r},i)=>o(t.Title,{ref:i,className:a("text-lg font-semibold leading-none tracking-tight",e),...r}));l.displayName=t.Title.displayName;var m=n.forwardRef(({className:e,...r},i)=>o(t.Description,{ref:i,className:a("text-muted-foreground text-sm",e),...r}));m.displayName=t.Description.displayName;export{f as Drawer,y as DrawerClose,D as DrawerContent,m as DrawerDescription,R as DrawerFooter,d as DrawerHeader,l as DrawerTitle,P as DrawerTrigger};
+"use client";import{a}from"../chunk-VRBUDJBH.js";import*as n from"react";import{Drawer as t}from"vaul";import{jsx as o,jsxs as p}from"react/jsx-runtime";function f({shouldScaleBackground:e=!0,...r}){return o(t.Root,{shouldScaleBackground:e,...r})}var P=t.Trigger,y=t.Close,D=n.forwardRef(({children:e,className:r,...i},s)=>p(t.Portal,{children:[o(t.Overlay,{className:"fixed inset-0 z-50 bg-black/80"}),p(t.Content,{ref:s,className:a("bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border",r),...i,children:[o("div",{className:"bg-muted mx-auto mt-4 h-2 w-24 rounded-full"}),e]})]}));D.displayName="DrawerContent";function d({className:e,...r}){return o("div",{className:a("grid gap-1.5 p-4 text-center sm:text-left",e),...r})}function R({className:e,...r}){return o("div",{className:a("mt-auto flex flex-col gap-2 p-4",e),...r})}var l=n.forwardRef(({className:e,...r},i)=>o(t.Title,{ref:i,className:a("text-lg font-semibold leading-none tracking-tight",e),...r}));l.displayName=t.Title.displayName;var m=n.forwardRef(({className:e,...r},i)=>o(t.Description,{ref:i,className:a("text-muted-foreground text-sm",e),...r}));m.displayName=t.Description.displayName;export{f as Drawer,y as DrawerClose,D as DrawerContent,m as DrawerDescription,R as DrawerFooter,d as DrawerHeader,l as DrawerTitle,P as DrawerTrigger};
 //# sourceMappingURL=drawer.js.map

package/dist/react/drawer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/drawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Drawer\n * -------------------------------------------------------------------------- */\n\ntype DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;\n\nfunction Drawer({ shouldScaleBackground = true, ...props }: DrawerProps): React.JSX.Element {\n  return <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTrigger\n * -------------------------------------------------------------------------- */\n\ntype DrawerTriggerProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Trigger>;\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerClose\n * -------------------------------------------------------------------------- */\n\ntype DrawerCloseProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Close>;\nconst DrawerClose = DrawerPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerContent\n * -------------------------------------------------------------------------- */\n\ntype DrawerContentElement = React.ElementRef<typeof DrawerPrimitive.Content>;\ntype DrawerContentProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>;\n\nconst DrawerContent = React.forwardRef<DrawerContentElement, DrawerContentProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <DrawerPrimitive.Portal>\n      <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/80\" />\n      <DrawerPrimitive.Content\n        ref={forwardedRef}\n        className={cn(\n          'bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 h-2 w-24 rounded-full\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPrimitive.Portal>\n  ),\n);\n\nDrawerContent.displayName = 'DrawerContent';\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerHeader\n * -------------------------------------------------------------------------- */\n\ntype DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element {\n  return <div className={cn('grid gap-1.5 p-4 text-center sm:text-left', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerFooter\n * -------------------------------------------------------------------------- */\n\ntype DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element {\n  return <div className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTitle\n * -------------------------------------------------------------------------- */\n\ntype DrawerTitleElement = React.ElementRef<typeof DrawerPrimitive.Title>;\ntype DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>;\n\nconst DrawerTitle = React.forwardRef<DrawerTitleElement, DrawerTitleProps>(({ className, ...props }, forwardedRef) => (\n  <DrawerPrimitive.Title\n    ref={forwardedRef}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\n\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerDescription\n * -------------------------------------------------------------------------- */\n\ntype DrawerDescriptionElement = React.ElementRef<typeof DrawerPrimitive.Description>;\ntype DrawerDescriptionProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>;\n\nconst DrawerDescription = React.forwardRef<DrawerDescriptionElement, DrawerDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DrawerPrimitive.Description\n      ref={forwardedRef}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\n\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n  type DrawerProps,\n  type DrawerTriggerProps,\n  type DrawerCloseProps,\n  type DrawerContentProps,\n  type DrawerHeaderProps,\n  type DrawerFooterProps,\n  type DrawerTitleProps,\n  type DrawerDescriptionProps,\n};\n"],"mappings":"iDAEA,UAAYA,MAAW,QACvB,OAAS,UAAUC,MAAuB,OAUjC,cAAAC,EA4BH,QAAAC,MA5BG,oBADT,SAASC,EAAO,CAAE,sBAAAC,EAAwB,GAAM,GAAGC,CAAM,EAAmC,CAC1F,OAAOJ,EAACK,EAAgB,KAAhB,CAAqB,sBAAuBF,EAAwB,GAAGC,EAAO,CACxF,CAOA,IAAME,EAAgBD,EAAgB,QAOhCE,EAAcF,EAAgB,MAS9BG,EAAsB,aAC1B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGN,CAAM,EAAGO,IAClCV,EAACI,EAAgB,OAAhB,CACC,UAAAL,EAACK,EAAgB,QAAhB,CAAwB,UAAU,iCAAiC,EACpEJ,EAACI,EAAgB,QAAhB,CACC,IAAKM,EACL,UAAWC,EACT,6FACAF,CACF,EACC,GAAGN,EAEJ,UAAAJ,EAAC,OAAI,UAAU,8CAA8C,EAC5DS,GACH,GACF,CAEJ,EAEAD,EAAc,YAAc,gBAQ5B,SAASK,EAAa,CAAE,UAAAH,EAAW,GAAGN,CAAM,EAAyC,CACnF,OAAOJ,EAAC,OAAI,UAAWY,EAAG,4CAA6CF,CAAS,EAAI,GAAGN,EAAO,CAChG,CAQA,SAASU,EAAa,CAAE,UAAAJ,EAAW,GAAGN,CAAM,EAAyC,CACnF,OAAOJ,EAAC,OAAI,UAAWY,EAAG,kCAAmCF,CAAS,EAAI,GAAGN,EAAO,CACtF,CASA,IAAMW,EAAoB,aAAiD,CAAC,CAAE,UAAAL,EAAW,GAAGN,CAAM,EAAGO,IACnGX,EAACK,EAAgB,MAAhB,CACC,IAAKM,EACL,UAAWC,EAAG,oDAAqDF,CAAS,EAC3E,GAAGN,EACN,CACD,EAEDW,EAAY,YAAcV,EAAgB,MAAM,YAShD,IAAMW,EAA0B,aAC9B,CAAC,CAAE,UAAAN,EAAW,GAAGN,CAAM,EAAGO,IACxBX,EAACK,EAAgB,YAAhB,CACC,IAAKM,EACL,UAAWC,EAAG,gCAAiCF,CAAS,EACvD,GAAGN,EACN,CAEJ,EAEAY,EAAkB,YAAcX,EAAgB,YAAY","names":["React","DrawerPrimitive","jsx","jsxs","Drawer","shouldScaleBackground","props","DrawerPrimitive","DrawerTrigger","DrawerClose","DrawerContent","children","className","forwardedRef","cn","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"]}
+{"version":3,"sources":["../../src/react/drawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: Drawer\n * -------------------------------------------------------------------------- */\n\ntype DrawerProps = React.ComponentProps<typeof DrawerPrimitive.Root>;\n\nfunction Drawer({ shouldScaleBackground = true, ...props }: DrawerProps): React.JSX.Element {\n  return <DrawerPrimitive.Root shouldScaleBackground={shouldScaleBackground} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTrigger\n * -------------------------------------------------------------------------- */\n\ntype DrawerTriggerProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Trigger>;\nconst DrawerTrigger = DrawerPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerClose\n * -------------------------------------------------------------------------- */\n\ntype DrawerCloseProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Close>;\nconst DrawerClose = DrawerPrimitive.Close;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerContent\n * -------------------------------------------------------------------------- */\n\ntype DrawerContentElement = React.ElementRef<typeof DrawerPrimitive.Content>;\ntype DrawerContentProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Content>;\n\nconst DrawerContent = React.forwardRef<DrawerContentElement, DrawerContentProps>(\n  ({ children, className, ...props }, forwardedRef) => (\n    <DrawerPrimitive.Portal>\n      <DrawerPrimitive.Overlay className=\"fixed inset-0 z-50 bg-black/80\" />\n      <DrawerPrimitive.Content\n        ref={forwardedRef}\n        className={cn(\n          'bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-xl border',\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 h-2 w-24 rounded-full\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPrimitive.Portal>\n  ),\n);\n\nDrawerContent.displayName = 'DrawerContent';\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerHeader\n * -------------------------------------------------------------------------- */\n\ntype DrawerHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DrawerHeader({ className, ...props }: DrawerHeaderProps): React.JSX.Element {\n  return <div className={cn('grid gap-1.5 p-4 text-center sm:text-left', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerFooter\n * -------------------------------------------------------------------------- */\n\ntype DrawerFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nfunction DrawerFooter({ className, ...props }: DrawerFooterProps): React.JSX.Element {\n  return <div className={cn('mt-auto flex flex-col gap-2 p-4', className)} {...props} />;\n}\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerTitle\n * -------------------------------------------------------------------------- */\n\ntype DrawerTitleElement = React.ElementRef<typeof DrawerPrimitive.Title>;\ntype DrawerTitleProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Title>;\n\nconst DrawerTitle = React.forwardRef<DrawerTitleElement, DrawerTitleProps>(({ className, ...props }, forwardedRef) => (\n  <DrawerPrimitive.Title\n    ref={forwardedRef}\n    className={cn('text-lg font-semibold leading-none tracking-tight', className)}\n    {...props}\n  />\n));\n\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: DrawerDescription\n * -------------------------------------------------------------------------- */\n\ntype DrawerDescriptionElement = React.ElementRef<typeof DrawerPrimitive.Description>;\ntype DrawerDescriptionProps = React.ComponentPropsWithoutRef<typeof DrawerPrimitive.Description>;\n\nconst DrawerDescription = React.forwardRef<DrawerDescriptionElement, DrawerDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <DrawerPrimitive.Description\n      ref={forwardedRef}\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  ),\n);\n\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  Drawer,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n  type DrawerProps,\n  type DrawerTriggerProps,\n  type DrawerCloseProps,\n  type DrawerContentProps,\n  type DrawerHeaderProps,\n  type DrawerFooterProps,\n  type DrawerTitleProps,\n  type DrawerDescriptionProps,\n};\n"],"mappings":"iDAEA,UAAYA,MAAW,QACvB,OAAS,UAAUC,MAAuB,OAUjC,cAAAC,EA4BH,QAAAC,MA5BG,oBADT,SAASC,EAAO,CAAE,sBAAAC,EAAwB,GAAM,GAAGC,CAAM,EAAmC,CAC1F,OAAOJ,EAACK,EAAgB,KAAhB,CAAqB,sBAAuBF,EAAwB,GAAGC,EAAO,CACxF,CAOA,IAAME,EAAgBD,EAAgB,QAOhCE,EAAcF,EAAgB,MAS9BG,EAAsB,aAC1B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,GAAGN,CAAM,EAAGO,IAClCV,EAACI,EAAgB,OAAhB,CACC,UAAAL,EAACK,EAAgB,QAAhB,CAAwB,UAAU,iCAAiC,EACpEJ,EAACI,EAAgB,QAAhB,CACC,IAAKM,EACL,UAAWC,EACT,6FACAF,CACF,EACC,GAAGN,EAEJ,UAAAJ,EAAC,OAAI,UAAU,8CAA8C,EAC5DS,GACH,GACF,CAEJ,EAEAD,EAAc,YAAc,gBAQ5B,SAASK,EAAa,CAAE,UAAAH,EAAW,GAAGN,CAAM,EAAyC,CACnF,OAAOJ,EAAC,OAAI,UAAWY,EAAG,4CAA6CF,CAAS,EAAI,GAAGN,EAAO,CAChG,CAQA,SAASU,EAAa,CAAE,UAAAJ,EAAW,GAAGN,CAAM,EAAyC,CACnF,OAAOJ,EAAC,OAAI,UAAWY,EAAG,kCAAmCF,CAAS,EAAI,GAAGN,EAAO,CACtF,CASA,IAAMW,EAAoB,aAAiD,CAAC,CAAE,UAAAL,EAAW,GAAGN,CAAM,EAAGO,IACnGX,EAACK,EAAgB,MAAhB,CACC,IAAKM,EACL,UAAWC,EAAG,oDAAqDF,CAAS,EAC3E,GAAGN,EACN,CACD,EAEDW,EAAY,YAAcV,EAAgB,MAAM,YAShD,IAAMW,EAA0B,aAC9B,CAAC,CAAE,UAAAN,EAAW,GAAGN,CAAM,EAAGO,IACxBX,EAACK,EAAgB,YAAhB,CACC,IAAKM,EACL,UAAWC,EAAG,gCAAiCF,CAAS,EACvD,GAAGN,EACN,CAEJ,EAEAY,EAAkB,YAAcX,EAAgB,YAAY","names":["React","DrawerPrimitive","jsx","jsxs","Drawer","shouldScaleBackground","props","DrawerPrimitive","DrawerTrigger","DrawerClose","DrawerContent","children","className","forwardedRef","cn","DrawerHeader","DrawerFooter","DrawerTitle","DrawerDescription"]}

package/dist/react/dropdown-menu.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkJMM2MTPIcjs = require('../chunk-JMM2MTPI.cjs');require('../chunk-NU6SK3FC.cjs');exports.DropdownMenu = _chunkJMM2MTPIcjs.a; exports.DropdownMenuCheckboxItem = _chunkJMM2MTPIcjs.j; exports.DropdownMenuContent = _chunkJMM2MTPIcjs.h; exports.DropdownMenuGroup = _chunkJMM2MTPIcjs.c; exports.DropdownMenuItem = _chunkJMM2MTPIcjs.i; exports.DropdownMenuLabel = _chunkJMM2MTPIcjs.l; exports.DropdownMenuRadioGroup = _chunkJMM2MTPIcjs.e; exports.DropdownMenuRadioItem = _chunkJMM2MTPIcjs.k; exports.DropdownMenuSeparator = _chunkJMM2MTPIcjs.m; exports.DropdownMenuShortcut = _chunkJMM2MTPIcjs.n; exports.DropdownMenuSub = _chunkJMM2MTPIcjs.d; exports.DropdownMenuSubContent = _chunkJMM2MTPIcjs.g; exports.DropdownMenuSubTrigger = _chunkJMM2MTPIcjs.f; exports.DropdownMenuTrigger = _chunkJMM2MTPIcjs.b;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";var _chunkREVF5ERBcjs = require('../chunk-REVF5ERB.cjs');require('../chunk-4XRBMJ5Q.cjs');exports.DropdownMenu = _chunkREVF5ERBcjs.a; exports.DropdownMenuCheckboxItem = _chunkREVF5ERBcjs.j; exports.DropdownMenuContent = _chunkREVF5ERBcjs.h; exports.DropdownMenuGroup = _chunkREVF5ERBcjs.c; exports.DropdownMenuItem = _chunkREVF5ERBcjs.i; exports.DropdownMenuLabel = _chunkREVF5ERBcjs.l; exports.DropdownMenuRadioGroup = _chunkREVF5ERBcjs.e; exports.DropdownMenuRadioItem = _chunkREVF5ERBcjs.k; exports.DropdownMenuSeparator = _chunkREVF5ERBcjs.m; exports.DropdownMenuShortcut = _chunkREVF5ERBcjs.n; exports.DropdownMenuSub = _chunkREVF5ERBcjs.d; exports.DropdownMenuSubContent = _chunkREVF5ERBcjs.g; exports.DropdownMenuSubTrigger = _chunkREVF5ERBcjs.f; exports.DropdownMenuTrigger = _chunkREVF5ERBcjs.b;
 //# sourceMappingURL=dropdown-menu.cjs.map

package/dist/react/dropdown-menu.js

@@ -1,2 +1,2 @@
-"use client";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n}from"../chunk-WQFHFTYS.js";import"../chunk-5UXVZTFG.js";export{a as DropdownMenu,j as DropdownMenuCheckboxItem,h as DropdownMenuContent,c as DropdownMenuGroup,i as DropdownMenuItem,l as DropdownMenuLabel,e as DropdownMenuRadioGroup,k as DropdownMenuRadioItem,m as DropdownMenuSeparator,n as DropdownMenuShortcut,d as DropdownMenuSub,g as DropdownMenuSubContent,f as DropdownMenuSubTrigger,b as DropdownMenuTrigger};
+"use client";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n}from"../chunk-YQWJBH4E.js";import"../chunk-VRBUDJBH.js";export{a as DropdownMenu,j as DropdownMenuCheckboxItem,h as DropdownMenuContent,c as DropdownMenuGroup,i as DropdownMenuItem,l as DropdownMenuLabel,e as DropdownMenuRadioGroup,k as DropdownMenuRadioItem,m as DropdownMenuSeparator,n as DropdownMenuShortcut,d as DropdownMenuSub,g as DropdownMenuSubContent,f as DropdownMenuSubTrigger,b as DropdownMenuTrigger};
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/react/form.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkT3G5USVYcjs = require('../chunk-T3G5USVY.cjs');var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var t = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _reacthookform = require('react-hook-form');var _jsxruntime = require('react/jsx-runtime');var p=t.createContext(null),c=t.createContext(null),n= exports.useFormField =()=>{let e=t.useContext(p),r=t.useContext(c),{getFieldState:o,formState:m}=_reacthookform.useFormContext.call(void 0, );if(!e||!r)throw new Error("useFormField should be used within <FormField>");let s=o(e.name,m),{id:i}=r;return{id:i,name:e.name,formItemId:`form-item-${i}`,formDescriptionId:`form-item-description-${i}`,formMessageId:`form-item-message-${i}`,...s}},b= exports.Form =_reacthookform.FormProvider;function h({...e}){return _jsxruntime.jsx.call(void 0, p.Provider,{value:{name:e.name},children:_jsxruntime.jsx.call(void 0, _reacthookform.Controller,{...e})})}var R=t.forwardRef(({className:e,...r},o)=>{let m=t.useId();return _jsxruntime.jsx.call(void 0, c.Provider,{value:{id:m},children:_jsxruntime.jsx.call(void 0, "div",{ref:o,className:_chunkNU6SK3FCcjs.a.call(void 0, "space-y-2",e),...r})})});R.displayName="FormItem";var g=t.forwardRef(({className:e,...r},o)=>{let{error:m,formItemId:s}=n();return _jsxruntime.jsx.call(void 0, _chunkT3G5USVYcjs.a,{ref:o,className:_chunkNU6SK3FCcjs.a.call(void 0, m&&"text-destructive",e),htmlFor:s,...r})});g.displayName="FormLabel";var I=t.forwardRef(({...e},r)=>{let{error:o,formItemId:m,formDescriptionId:s,formMessageId:i}=n();return _jsxruntime.jsx.call(void 0, _reactslot.Slot,{ref:r,"aria-describedby":o?`${s} ${i}`:s,"aria-invalid":!!o,id:m,...e})});I.displayName="FormControl";var x=t.forwardRef(({className:e,...r},o)=>{let{formDescriptionId:m}=n();return _jsxruntime.jsx.call(void 0, "p",{ref:o,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-muted-foreground text-xs",e),id:m,...r})});x.displayName="FormDescription";var C=t.forwardRef(({children:e,className:r,...o},m)=>{let{error:s,formMessageId:i}=n(),d=_optionalChain([s, 'optionalAccess', _ => _.message])?String(s.message):e;return d?_jsxruntime.jsx.call(void 0, "p",{ref:m,className:_chunkNU6SK3FCcjs.a.call(void 0, "text-destructive text-xs font-medium",r),id:i,...o,children:d}):null});C.displayName="FormMessage";exports.Form = b; exports.FormControl = I; exports.FormDescription = x; exports.FormField = h; exports.FormItem = R; exports.FormLabel = g; exports.FormMessage = C; exports.useFormField = n;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkAFEVR6CJcjs = require('../chunk-AFEVR6CJ.cjs');var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reactslot = require('@radix-ui/react-slot');var _reacthookform = require('react-hook-form');var _reactcontext = require('@radix-ui/react-context');var _jsxruntime = require('react/jsx-runtime');var B=_reacthookform.FormProvider,y="FormField",[I,W]=_reactcontext.createContextScope.call(void 0, y),[x,P]=I(y);function d(o,r){let{id:e}=V(o,r);return{formDescriptionId:`form-item-description-${e}`,formItemId:`form-item-${e}`,formMessageId:`form-item-message-${e}`,id:e}}function G(o){let{__scopeFormField:r,...e}=o;return _jsxruntime.jsx.call(void 0, x,{name:e.name,scope:r,children:_jsxruntime.jsx.call(void 0, _reacthookform.Controller,{...e})})}var M="FormItem",[L,V]=I(M),S= exports.FormItem =i.forwardRef(({__scopeFormField:o,className:r,...e},m)=>{let t=i.useId();return _jsxruntime.jsx.call(void 0, L,{id:t,scope:o,children:_jsxruntime.jsx.call(void 0, "div",{ref:m,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "space-y-2",r),...e})})});S.displayName=M;var R="FormLabel",b= exports.FormLabel =i.forwardRef(({__scopeFormField:o,className:r,...e},m)=>{let{formItemId:t}=d(p,o),{name:l}=P(R,o),{errors:s}=_reacthookform.useFormState.call(void 0, {name:l});return _jsxruntime.jsx.call(void 0, _chunkAFEVR6CJcjs.a,{ref:m,className:_chunk4XRBMJ5Qcjs.a.call(void 0, s[l]&&"text-destructive",r),htmlFor:t,...e})});b.displayName=R;var E="FormControl",D= exports.FormControl =i.forwardRef(({__scopeFormField:o,...r},e)=>{let{formItemId:m,formDescriptionId:t,formMessageId:l}=d(p,o),{name:s}=P(E,o),{errors:n}=_reacthookform.useFormState.call(void 0, {name:s});return _jsxruntime.jsx.call(void 0, _reactslot.Slot,{ref:e,"aria-describedby":n[s]?`${t} ${l}`:t,"aria-invalid":!!n[s],id:m,...r})});D.displayName=E;var v="FormDescription",h= exports.FormDescription =i.forwardRef(({__scopeFormField:o,className:r,...e},m)=>{let{formDescriptionId:t}=d(p,o);return _jsxruntime.jsx.call(void 0, "p",{ref:m,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-muted-foreground text-xs",r),id:t,...e})});h.displayName=v;var p="FormMessage",A= exports.FormMessage =i.forwardRef(({__scopeFormField:o,children:r,className:e,...m},t)=>{let{formMessageId:l}=d(p,o),{name:s}=P(p,o),{errors:n}=_reacthookform.useFormState.call(void 0, {name:s}),f=_optionalChain([n, 'access', _ => _[s], 'optionalAccess', _2 => _2.message])?String(n[s].message):r;return f?_jsxruntime.jsx.call(void 0, "p",{ref:t,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "text-xs",_optionalChain([n, 'access', _3 => _3[s], 'optionalAccess', _4 => _4.message])?"text-destructive font-medium":"text-muted-foreground",e),id:l,...m,children:f}):null});A.displayName=p;exports.Form = B; exports.FormControl = D; exports.FormDescription = h; exports.FormField = G; exports.FormItem = S; exports.FormLabel = b; exports.FormMessage = A; exports.createFormFieldScope = W;
 //# sourceMappingURL=form.cjs.map

package/dist/react/form.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/form.cjs","../../src/react/form.tsx"],"names":["FormFieldContext","FormItemContext","useFormField","fieldContext","itemContext","getFieldState","formState","useFormContext","fieldState","id"],"mappings":"AAAA,22BAAY,CAAC,yDAAyC,yDAAqC,uECEpE,iDACF,gDAWd,+CAgFD,IA5DAA,CAAAA,CAAyB,CAAA,CAAA,aAAA,CAA4C,IAAI,CAAA,CAEzEC,CAAAA,CAAwB,CAAA,CAAA,aAAA,CAA2C,IAAI,CAAA,CAEvEC,CAAAA,wBAAe,CAAA,CAAA,EAWhB,CACH,IAAMC,CAAAA,CAAqB,CAAA,CAAA,UAAA,CAAWH,CAAgB,CAAA,CAChDI,CAAAA,CAAoB,CAAA,CAAA,UAAA,CAAWH,CAAe,CAAA,CAC9C,CAAE,aAAA,CAAAI,CAAAA,CAAe,SAAA,CAAAC,CAAU,CAAA,CAAIC,2CAAAA,CAAe,CAEpD,EAAA,CAAI,CAACJ,CAAAA,EAAgB,CAACC,CAAAA,CACpB,MAAM,IAAI,KAAA,CAAM,gDAAgD,CAAA,CAGlE,IAAMI,CAAAA,CAAaH,CAAAA,CAAcF,CAAAA,CAAa,IAAA,CAAMG,CAAS,CAAA,CAEvD,CAAE,EAAA,CAAAG,CAAG,CAAA,CAAIL,CAAAA,CAEf,MAAO,CACL,EAAA,CAAAK,CAAAA,CACA,IAAA,CAAMN,CAAAA,CAAa,IAAA,CACnB,UAAA,CAAY,CAAA,UAAA,EAAaM,CAAE,CAAA,CAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/form.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldError,\n  type FieldErrorsImpl,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  type Merge,\n  useFormContext,\n} from 'react-hook-form';\nimport type * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../lib/utils';\nimport { Label } from './label';\n\n/* -----------------------------------------------------------------------------\n * Context: Form\n * -------------------------------------------------------------------------- */\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName;\n}\n\ninterface FormItemContextValue {\n  id: string;\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst useFormField = (): {\n  formDescriptionId: string;\n  formItemId: string;\n  formMessageId: string;\n  id: string;\n  invalid: boolean;\n  isDirty: boolean;\n  isTouched: boolean;\n  isValidating: boolean;\n  name: string;\n  error?: FieldError | Merge<FieldError, FieldErrorsImpl> | undefined;\n} => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  if (!fieldContext || !itemContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `form-item-${id}`,\n    formDescriptionId: `form-item-description-${id}`,\n    formMessageId: `form-item-message-${id}`,\n    ...fieldState,\n  };\n};\n\n/* -----------------------------------------------------------------------------\n * Component: Form\n * -------------------------------------------------------------------------- */\n\ntype FormProps = React.ComponentProps<typeof FormProvider>;\nconst Form = FormProvider;\n\n/* -----------------------------------------------------------------------------\n * Component: FormField\n * -------------------------------------------------------------------------- */\n\ntype FormFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = ControllerProps<TFieldValues, TName>;\n\nfunction FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({ ...props }: FormFieldProps<TFieldValues, TName>): React.JSX.Element {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormItem\n * -------------------------------------------------------------------------- */\n\ntype FormItemElement = HTMLDivElement;\ntype FormItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst FormItem = React.forwardRef<FormItemElement, FormItemProps>(({ className, ...props }, forwardedRef) => {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div ref={forwardedRef} className={cn('space-y-2', className)} {...props} />\n    </FormItemContext.Provider>\n  );\n});\n\nFormItem.displayName = 'FormItem';\n\n/* -----------------------------------------------------------------------------\n * Component: FormLabel\n * -------------------------------------------------------------------------- */\n\ntype FormFieldElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst FormLabel = React.forwardRef<FormFieldElement, FormLabelProps>(({ className, ...props }, forwardedRef) => {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label ref={forwardedRef} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />\n  );\n});\n\nFormLabel.displayName = 'FormLabel';\n\n/* -----------------------------------------------------------------------------\n * Component: FormControl\n * -------------------------------------------------------------------------- */\n\ntype FormControlElement = React.ElementRef<typeof Slot>;\ntype FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;\n\nconst FormControl = React.forwardRef<FormControlElement, FormControlProps>(({ ...props }, forwardedRef) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      ref={forwardedRef}\n      aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={Boolean(error)}\n      id={formItemId}\n      {...props}\n    />\n  );\n});\n\nFormControl.displayName = 'FormControl';\n\n/* -----------------------------------------------------------------------------\n * Component: FormDescription\n * -------------------------------------------------------------------------- */\n\ntype FormDescriptionElement = HTMLParagraphElement;\ntype FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormDescription = React.forwardRef<FormDescriptionElement, FormDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { formDescriptionId } = useFormField();\n\n    return (\n      <p\n        ref={forwardedRef}\n        className={cn('text-muted-foreground text-xs', className)}\n        id={formDescriptionId}\n        {...props}\n      />\n    );\n  },\n);\n\nFormDescription.displayName = 'FormDescription';\n\n/* -----------------------------------------------------------------------------\n * Component: FormMessage\n * -------------------------------------------------------------------------- */\n\ntype FormMessageElement = HTMLParagraphElement;\ntype FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormMessage = React.forwardRef<FormMessageElement, FormMessageProps>(\n  ({ children, className, ...props }, forwardedRef) => {\n    const { error, formMessageId } = useFormField();\n    const body = error?.message ? String(error.message) : children;\n\n    if (!body) {\n      return null;\n    }\n\n    return (\n      <p\n        ref={forwardedRef}\n        className={cn('text-destructive text-xs font-medium', className)}\n        id={formMessageId}\n        {...props}\n      >\n        {body}\n      </p>\n    );\n  },\n);\n\nFormMessage.displayName = 'FormMessage';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n  type FormProps,\n  type FormItemProps,\n  type FormLabelProps,\n  type FormControlProps,\n  type FormDescriptionProps,\n  type FormMessageProps,\n  type FormFieldProps,\n};\n"]}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/form.cjs","../../src/react/form.tsx"],"names":["Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext"],"mappings":"AAAA,22BAAY,CAAC,yDAAyC,yDAA0C,uECEzE,iDACF,gDAQd,uDAEwC,+CA8DzC,IArDAA,CAAAA,CAAOC,2BAAAA,CAMPC,CAAAA,CAAkB,WAAA,CAIlB,CAACC,CAAAA,CAAwBC,CAAoB,CAAA,CAAIC,8CAAAA,CAAkC,CAAA,CASnF,CAACC,CAAAA,CAAmBC,CAAmB,CAAA,CAAIJ,CAAAA,CAA8CD,CAAe,CAAA,CAE9G,SAASM,CAAAA,CACPC,CAAAA,CACAC,CAAAA,CAMA,CACA,GAAM,CAAE,EAAA,CAAAC,CAAG,CAAA,CAAIC,CAAAA,CAAmBH,CAAAA,CAAcC,CAAK,CAAA,CAErD,MAAO,CACL,iBAAA,CAAmB,CAAA,sBAAA,EAAyBC,CAAE,CAAA,CAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/form.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormState,\n} from 'react-hook-form';\nimport type * as LabelPrimitive from '@radix-ui/react-label';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '@/lib/utils';\nimport { Label } from '@/react/label';\n\n/* -----------------------------------------------------------------------------\n * Component: Form\n * -------------------------------------------------------------------------- */\n\ntype FormProps = React.ComponentProps<typeof FormProvider>;\nconst Form = FormProvider;\n\n/* -----------------------------------------------------------------------------\n * Component: FormField\n * -------------------------------------------------------------------------- */\n\nconst FORM_FIELD_NAME = 'FormField';\n\ntype ScopedProps<P> = P & { __scopeFormField?: Scope };\n\nconst [createFormFieldContext, createFormFieldScope] = createContextScope(FORM_FIELD_NAME);\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName;\n}\n\nconst [FormFieldProvider, useFormFieldContext] = createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME);\n\nfunction useFormItem(\n  consumerName: string,\n  scope: Scope,\n): {\n  formDescriptionId: string;\n  formItemId: string;\n  formMessageId: string;\n  id: string;\n} {\n  const { id } = useFormItemContext(consumerName, scope);\n\n  return {\n    formDescriptionId: `form-item-description-${id}`,\n    formItemId: `form-item-${id}`,\n    formMessageId: `form-item-message-${id}`,\n    id,\n  };\n}\n\ntype FormFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = ControllerProps<TFieldValues, TName>;\n\nfunction FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(formFieldProps: FormFieldProps<TFieldValues, TName>): React.JSX.Element {\n  const { __scopeFormField, ...props } = formFieldProps as ScopedProps<FormFieldProps<TFieldValues, TName>>;\n\n  return (\n    <FormFieldProvider name={props.name} scope={__scopeFormField}>\n      <Controller {...props} />\n    </FormFieldProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormItem\n * -------------------------------------------------------------------------- */\n\nconst FORM_ITEM_NAME = 'FormItem';\n\ninterface FormItemContextValue {\n  id: string;\n}\n\nconst [FormItemProvider, useFormItemContext] = createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME);\n\ntype FormItemElement = HTMLDivElement;\ntype FormItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst FormItem = React.forwardRef<FormItemElement, FormItemProps>(\n  ({ __scopeFormField, className, ...props }: ScopedProps<FormItemProps>, forwardedRef) => {\n    const id = React.useId();\n\n    return (\n      <FormItemProvider id={id} scope={__scopeFormField}>\n        <div ref={forwardedRef} className={cn('space-y-2', className)} {...props} />\n      </FormItemProvider>\n    );\n  },\n);\n\nFormItem.displayName = FORM_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: FormLabel\n * -------------------------------------------------------------------------- */\n\nconst FORM_LABEL_NAME = 'FormLabel';\n\ntype FormFieldElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst FormLabel = React.forwardRef<FormFieldElement, FormLabelProps>(\n  ({ __scopeFormField, className, ...props }: ScopedProps<FormLabelProps>, forwardedRef) => {\n    const { formItemId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n    const { name } = useFormFieldContext(FORM_LABEL_NAME, __scopeFormField);\n    const { errors } = useFormState({ name });\n\n    return (\n      <Label\n        ref={forwardedRef}\n        className={cn(errors[name] && 'text-destructive', className)}\n        htmlFor={formItemId}\n        {...props}\n      />\n    );\n  },\n);\n\nFormLabel.displayName = FORM_LABEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: FormControl\n * -------------------------------------------------------------------------- */\n\nconst FORM_CONTROL_NAME = 'FormControl';\n\ntype FormControlElement = React.ElementRef<typeof Slot>;\ntype FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;\n\nconst FormControl = React.forwardRef<FormControlElement, FormControlProps>(\n  ({ __scopeFormField, ...props }: ScopedProps<FormControlProps>, forwardedRef) => {\n    const { formItemId, formDescriptionId, formMessageId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n    const { name } = useFormFieldContext(FORM_CONTROL_NAME, __scopeFormField);\n    const { errors } = useFormState({ name });\n\n    return (\n      <Slot\n        ref={forwardedRef}\n        aria-describedby={!errors[name] ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n        aria-invalid={Boolean(errors[name])}\n        id={formItemId}\n        {...props}\n      />\n    );\n  },\n);\n\nFormControl.displayName = FORM_CONTROL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: FormDescription\n * -------------------------------------------------------------------------- */\n\nconst FORM_DESCRIPTION_NAME = 'FormDescription';\n\ntype FormDescriptionElement = HTMLParagraphElement;\ntype FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormDescription = React.forwardRef<FormDescriptionElement, FormDescriptionProps>(\n  ({ __scopeFormField, className, ...props }: ScopedProps<FormDescriptionProps>, forwardedRef) => {\n    const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n\n    return (\n      <p\n        ref={forwardedRef}\n        className={cn('text-muted-foreground text-xs', className)}\n        id={formDescriptionId}\n        {...props}\n      />\n    );\n  },\n);\n\nFormDescription.displayName = FORM_DESCRIPTION_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: FormMessage\n * -------------------------------------------------------------------------- */\n\nconst FORM_MESSAGE_NAME = 'FormMessage';\n\ntype FormMessageElement = HTMLParagraphElement;\ntype FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormMessage = React.forwardRef<FormMessageElement, FormMessageProps>(\n  ({ __scopeFormField, children, className, ...props }: ScopedProps<FormMessageProps>, forwardedRef) => {\n    const { formMessageId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n    const { name } = useFormFieldContext(FORM_MESSAGE_NAME, __scopeFormField);\n    const { errors } = useFormState({ name });\n    const body = errors[name]?.message ? String(errors[name].message) : children;\n\n    if (!body) {\n      return null;\n    }\n\n    return (\n      <p\n        ref={forwardedRef}\n        className={cn(\n          'text-xs',\n          errors[name]?.message ? 'text-destructive font-medium' : 'text-muted-foreground',\n          className,\n        )}\n        id={formMessageId}\n        {...props}\n      >\n        {body}\n      </p>\n    );\n  },\n);\n\nFormMessage.displayName = FORM_MESSAGE_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  createFormFieldScope,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n  type FormProps,\n  type FormItemProps,\n  type FormLabelProps,\n  type FormControlProps,\n  type FormDescriptionProps,\n  type FormMessageProps,\n  type FormFieldProps,\n};\n"]}

package/dist/react/form.d.cts

@@ -1,26 +1,16 @@
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import { Slot } from '@radix-ui/react-slot';
+import * as _radix_ui_react_context from '@radix-ui/react-context';
 import * as react_hook_form from 'react-hook-form';
-import { FieldError, Merge, FieldErrorsImpl, FormProvider, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import { FormProvider, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
-declare const useFormField: () => {
-    formDescriptionId: string;
-    formItemId: string;
-    formMessageId: string;
-    id: string;
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    name: string;
-    error?: FieldError | Merge<FieldError, FieldErrorsImpl> | undefined;
-};
 type FormProps = React.ComponentProps<typeof FormProvider>;
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const createFormFieldScope: _radix_ui_react_context.CreateScope;
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
-declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: FormFieldProps<TFieldValues, TName>): React.JSX.Element;
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(formFieldProps: FormFieldProps<TFieldValues, TName>): React.JSX.Element;
 type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
 declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
 type FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;
@@ -32,4 +22,4 @@ declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionPr
 type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
 declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, useFormField };
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, createFormFieldScope };

package/dist/react/form.d.ts

@@ -1,26 +1,16 @@
 import * as _radix_ui_react_slot from '@radix-ui/react-slot';
 import { Slot } from '@radix-ui/react-slot';
+import * as _radix_ui_react_context from '@radix-ui/react-context';
 import * as react_hook_form from 'react-hook-form';
-import { FieldError, Merge, FieldErrorsImpl, FormProvider, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
+import { FormProvider, FieldValues, FieldPath, ControllerProps } from 'react-hook-form';
 import * as React from 'react';
 import * as LabelPrimitive from '@radix-ui/react-label';
 
-declare const useFormField: () => {
-    formDescriptionId: string;
-    formItemId: string;
-    formMessageId: string;
-    id: string;
-    invalid: boolean;
-    isDirty: boolean;
-    isTouched: boolean;
-    isValidating: boolean;
-    name: string;
-    error?: FieldError | Merge<FieldError, FieldErrorsImpl> | undefined;
-};
 type FormProps = React.ComponentProps<typeof FormProvider>;
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues extends FieldValues | undefined = undefined>(props: react_hook_form.FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+declare const createFormFieldScope: _radix_ui_react_context.CreateScope;
 type FormFieldProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = ControllerProps<TFieldValues, TName>;
-declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: FormFieldProps<TFieldValues, TName>): React.JSX.Element;
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>(formFieldProps: FormFieldProps<TFieldValues, TName>): React.JSX.Element;
 type FormItemProps = React.HTMLAttributes<HTMLDivElement>;
 declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
 type FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;
@@ -32,4 +22,4 @@ declare const FormDescription: React.ForwardRefExoticComponent<FormDescriptionPr
 type FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;
 declare const FormMessage: React.ForwardRefExoticComponent<FormMessageProps & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, useFormField };
+export { Form, FormControl, type FormControlProps, FormDescription, type FormDescriptionProps, FormField, type FormFieldProps, FormItem, type FormItemProps, FormLabel, type FormLabelProps, FormMessage, type FormMessageProps, type FormProps, createFormFieldScope };

package/dist/react/form.js

@@ -1,2 +1,2 @@
-"use client";import{a as F}from"../chunk-JNOLIDCD.js";import{a}from"../chunk-5UXVZTFG.js";import*as t from"react";import{Slot as u}from"@radix-ui/react-slot";import{Controller as f,FormProvider as P,useFormContext as y}from"react-hook-form";import{jsx as l}from"react/jsx-runtime";var p=t.createContext(null),c=t.createContext(null),n=()=>{let e=t.useContext(p),r=t.useContext(c),{getFieldState:o,formState:m}=y();if(!e||!r)throw new Error("useFormField should be used within <FormField>");let s=o(e.name,m),{id:i}=r;return{id:i,name:e.name,formItemId:`form-item-${i}`,formDescriptionId:`form-item-description-${i}`,formMessageId:`form-item-message-${i}`,...s}},b=P;function h({...e}){return l(p.Provider,{value:{name:e.name},children:l(f,{...e})})}var R=t.forwardRef(({className:e,...r},o)=>{let m=t.useId();return l(c.Provider,{value:{id:m},children:l("div",{ref:o,className:a("space-y-2",e),...r})})});R.displayName="FormItem";var g=t.forwardRef(({className:e,...r},o)=>{let{error:m,formItemId:s}=n();return l(F,{ref:o,className:a(m&&"text-destructive",e),htmlFor:s,...r})});g.displayName="FormLabel";var I=t.forwardRef(({...e},r)=>{let{error:o,formItemId:m,formDescriptionId:s,formMessageId:i}=n();return l(u,{ref:r,"aria-describedby":o?`${s} ${i}`:s,"aria-invalid":!!o,id:m,...e})});I.displayName="FormControl";var x=t.forwardRef(({className:e,...r},o)=>{let{formDescriptionId:m}=n();return l("p",{ref:o,className:a("text-muted-foreground text-xs",e),id:m,...r})});x.displayName="FormDescription";var C=t.forwardRef(({children:e,className:r,...o},m)=>{let{error:s,formMessageId:i}=n(),d=s?.message?String(s.message):e;return d?l("p",{ref:m,className:a("text-destructive text-xs font-medium",r),id:i,...o,children:d}):null});C.displayName="FormMessage";export{b as Form,I as FormControl,x as FormDescription,h as FormField,R as FormItem,g as FormLabel,C as FormMessage,n as useFormField};
+"use client";import{a as u}from"../chunk-WKA7T7JG.js";import{a as F}from"../chunk-VRBUDJBH.js";import*as i from"react";import{Slot as T}from"@radix-ui/react-slot";import{Controller as g,FormProvider as C,useFormState as c}from"react-hook-form";import{createContextScope as N}from"@radix-ui/react-context";import{jsx as a}from"react/jsx-runtime";var B=C,y="FormField",[I,W]=N(y),[x,P]=I(y);function d(o,r){let{id:e}=V(o,r);return{formDescriptionId:`form-item-description-${e}`,formItemId:`form-item-${e}`,formMessageId:`form-item-message-${e}`,id:e}}function G(o){let{__scopeFormField:r,...e}=o;return a(x,{name:e.name,scope:r,children:a(g,{...e})})}var M="FormItem",[L,V]=I(M),S=i.forwardRef(({__scopeFormField:o,className:r,...e},m)=>{let t=i.useId();return a(L,{id:t,scope:o,children:a("div",{ref:m,className:F("space-y-2",r),...e})})});S.displayName=M;var R="FormLabel",b=i.forwardRef(({__scopeFormField:o,className:r,...e},m)=>{let{formItemId:t}=d(p,o),{name:l}=P(R,o),{errors:s}=c({name:l});return a(u,{ref:m,className:F(s[l]&&"text-destructive",r),htmlFor:t,...e})});b.displayName=R;var E="FormControl",D=i.forwardRef(({__scopeFormField:o,...r},e)=>{let{formItemId:m,formDescriptionId:t,formMessageId:l}=d(p,o),{name:s}=P(E,o),{errors:n}=c({name:s});return a(T,{ref:e,"aria-describedby":n[s]?`${t} ${l}`:t,"aria-invalid":!!n[s],id:m,...r})});D.displayName=E;var v="FormDescription",h=i.forwardRef(({__scopeFormField:o,className:r,...e},m)=>{let{formDescriptionId:t}=d(p,o);return a("p",{ref:m,className:F("text-muted-foreground text-xs",r),id:t,...e})});h.displayName=v;var p="FormMessage",A=i.forwardRef(({__scopeFormField:o,children:r,className:e,...m},t)=>{let{formMessageId:l}=d(p,o),{name:s}=P(p,o),{errors:n}=c({name:s}),f=n[s]?.message?String(n[s].message):r;return f?a("p",{ref:t,className:F("text-xs",n[s]?.message?"text-destructive font-medium":"text-muted-foreground",e),id:l,...m,children:f}):null});A.displayName=p;export{B as Form,D as FormControl,h as FormDescription,G as FormField,S as FormItem,b as FormLabel,A as FormMessage,W as createFormFieldScope};
 //# sourceMappingURL=form.js.map

package/dist/react/form.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/form.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldError,\n  type FieldErrorsImpl,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  type Merge,\n  useFormContext,\n} from 'react-hook-form';\nimport type * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../lib/utils';\nimport { Label } from './label';\n\n/* -----------------------------------------------------------------------------\n * Context: Form\n * -------------------------------------------------------------------------- */\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName;\n}\n\ninterface FormItemContextValue {\n  id: string;\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue | null>(null);\n\nconst FormItemContext = React.createContext<FormItemContextValue | null>(null);\n\nconst useFormField = (): {\n  formDescriptionId: string;\n  formItemId: string;\n  formMessageId: string;\n  id: string;\n  invalid: boolean;\n  isDirty: boolean;\n  isTouched: boolean;\n  isValidating: boolean;\n  name: string;\n  error?: FieldError | Merge<FieldError, FieldErrorsImpl> | undefined;\n} => {\n  const fieldContext = React.useContext(FormFieldContext);\n  const itemContext = React.useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n\n  if (!fieldContext || !itemContext) {\n    throw new Error('useFormField should be used within <FormField>');\n  }\n\n  const fieldState = getFieldState(fieldContext.name, formState);\n\n  const { id } = itemContext;\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `form-item-${id}`,\n    formDescriptionId: `form-item-description-${id}`,\n    formMessageId: `form-item-message-${id}`,\n    ...fieldState,\n  };\n};\n\n/* -----------------------------------------------------------------------------\n * Component: Form\n * -------------------------------------------------------------------------- */\n\ntype FormProps = React.ComponentProps<typeof FormProvider>;\nconst Form = FormProvider;\n\n/* -----------------------------------------------------------------------------\n * Component: FormField\n * -------------------------------------------------------------------------- */\n\ntype FormFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = ControllerProps<TFieldValues, TName>;\n\nfunction FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({ ...props }: FormFieldProps<TFieldValues, TName>): React.JSX.Element {\n  return (\n    <FormFieldContext.Provider value={{ name: props.name }}>\n      <Controller {...props} />\n    </FormFieldContext.Provider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormItem\n * -------------------------------------------------------------------------- */\n\ntype FormItemElement = HTMLDivElement;\ntype FormItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst FormItem = React.forwardRef<FormItemElement, FormItemProps>(({ className, ...props }, forwardedRef) => {\n  const id = React.useId();\n\n  return (\n    <FormItemContext.Provider value={{ id }}>\n      <div ref={forwardedRef} className={cn('space-y-2', className)} {...props} />\n    </FormItemContext.Provider>\n  );\n});\n\nFormItem.displayName = 'FormItem';\n\n/* -----------------------------------------------------------------------------\n * Component: FormLabel\n * -------------------------------------------------------------------------- */\n\ntype FormFieldElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst FormLabel = React.forwardRef<FormFieldElement, FormLabelProps>(({ className, ...props }, forwardedRef) => {\n  const { error, formItemId } = useFormField();\n\n  return (\n    <Label ref={forwardedRef} className={cn(error && 'text-destructive', className)} htmlFor={formItemId} {...props} />\n  );\n});\n\nFormLabel.displayName = 'FormLabel';\n\n/* -----------------------------------------------------------------------------\n * Component: FormControl\n * -------------------------------------------------------------------------- */\n\ntype FormControlElement = React.ElementRef<typeof Slot>;\ntype FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;\n\nconst FormControl = React.forwardRef<FormControlElement, FormControlProps>(({ ...props }, forwardedRef) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n\n  return (\n    <Slot\n      ref={forwardedRef}\n      aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={Boolean(error)}\n      id={formItemId}\n      {...props}\n    />\n  );\n});\n\nFormControl.displayName = 'FormControl';\n\n/* -----------------------------------------------------------------------------\n * Component: FormDescription\n * -------------------------------------------------------------------------- */\n\ntype FormDescriptionElement = HTMLParagraphElement;\ntype FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormDescription = React.forwardRef<FormDescriptionElement, FormDescriptionProps>(\n  ({ className, ...props }, forwardedRef) => {\n    const { formDescriptionId } = useFormField();\n\n    return (\n      <p\n        ref={forwardedRef}\n        className={cn('text-muted-foreground text-xs', className)}\n        id={formDescriptionId}\n        {...props}\n      />\n    );\n  },\n);\n\nFormDescription.displayName = 'FormDescription';\n\n/* -----------------------------------------------------------------------------\n * Component: FormMessage\n * -------------------------------------------------------------------------- */\n\ntype FormMessageElement = HTMLParagraphElement;\ntype FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormMessage = React.forwardRef<FormMessageElement, FormMessageProps>(\n  ({ children, className, ...props }, forwardedRef) => {\n    const { error, formMessageId } = useFormField();\n    const body = error?.message ? String(error.message) : children;\n\n    if (!body) {\n      return null;\n    }\n\n    return (\n      <p\n        ref={forwardedRef}\n        className={cn('text-destructive text-xs font-medium', className)}\n        id={formMessageId}\n        {...props}\n      >\n        {body}\n      </p>\n    );\n  },\n);\n\nFormMessage.displayName = 'FormMessage';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  useFormField,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n  type FormProps,\n  type FormItemProps,\n  type FormLabelProps,\n  type FormControlProps,\n  type FormDescriptionProps,\n  type FormMessageProps,\n  type FormFieldProps,\n};\n"],"mappings":"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","names":["React","Slot","Controller","FormProvider","useFormContext","jsx","FormFieldContext","FormItemContext","useFormField","fieldContext","itemContext","getFieldState","formState","useFormContext","fieldState","id","Form","FormProvider","FormField","props","Controller","FormItem","className","forwardedRef","cn","FormLabel","error","formItemId","Label","FormControl","formDescriptionId","formMessageId","Slot","FormDescription","FormMessage","children","body"]}
+{"version":3,"sources":["../../src/react/form.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport {\n  Controller,\n  type ControllerProps,\n  type FieldPath,\n  type FieldValues,\n  FormProvider,\n  useFormState,\n} from 'react-hook-form';\nimport type * as LabelPrimitive from '@radix-ui/react-label';\nimport { createContextScope, type Scope } from '@radix-ui/react-context';\nimport { cn } from '@/lib/utils';\nimport { Label } from '@/react/label';\n\n/* -----------------------------------------------------------------------------\n * Component: Form\n * -------------------------------------------------------------------------- */\n\ntype FormProps = React.ComponentProps<typeof FormProvider>;\nconst Form = FormProvider;\n\n/* -----------------------------------------------------------------------------\n * Component: FormField\n * -------------------------------------------------------------------------- */\n\nconst FORM_FIELD_NAME = 'FormField';\n\ntype ScopedProps<P> = P & { __scopeFormField?: Scope };\n\nconst [createFormFieldContext, createFormFieldScope] = createContextScope(FORM_FIELD_NAME);\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName;\n}\n\nconst [FormFieldProvider, useFormFieldContext] = createFormFieldContext<FormFieldContextValue>(FORM_FIELD_NAME);\n\nfunction useFormItem(\n  consumerName: string,\n  scope: Scope,\n): {\n  formDescriptionId: string;\n  formItemId: string;\n  formMessageId: string;\n  id: string;\n} {\n  const { id } = useFormItemContext(consumerName, scope);\n\n  return {\n    formDescriptionId: `form-item-description-${id}`,\n    formItemId: `form-item-${id}`,\n    formMessageId: `form-item-message-${id}`,\n    id,\n  };\n}\n\ntype FormFieldProps<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = ControllerProps<TFieldValues, TName>;\n\nfunction FormField<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(formFieldProps: FormFieldProps<TFieldValues, TName>): React.JSX.Element {\n  const { __scopeFormField, ...props } = formFieldProps as ScopedProps<FormFieldProps<TFieldValues, TName>>;\n\n  return (\n    <FormFieldProvider name={props.name} scope={__scopeFormField}>\n      <Controller {...props} />\n    </FormFieldProvider>\n  );\n}\n\n/* -----------------------------------------------------------------------------\n * Component: FormItem\n * -------------------------------------------------------------------------- */\n\nconst FORM_ITEM_NAME = 'FormItem';\n\ninterface FormItemContextValue {\n  id: string;\n}\n\nconst [FormItemProvider, useFormItemContext] = createFormFieldContext<FormItemContextValue>(FORM_ITEM_NAME);\n\ntype FormItemElement = HTMLDivElement;\ntype FormItemProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst FormItem = React.forwardRef<FormItemElement, FormItemProps>(\n  ({ __scopeFormField, className, ...props }: ScopedProps<FormItemProps>, forwardedRef) => {\n    const id = React.useId();\n\n    return (\n      <FormItemProvider id={id} scope={__scopeFormField}>\n        <div ref={forwardedRef} className={cn('space-y-2', className)} {...props} />\n      </FormItemProvider>\n    );\n  },\n);\n\nFormItem.displayName = FORM_ITEM_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: FormLabel\n * -------------------------------------------------------------------------- */\n\nconst FORM_LABEL_NAME = 'FormLabel';\n\ntype FormFieldElement = React.ElementRef<typeof LabelPrimitive.Root>;\ntype FormLabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>;\n\nconst FormLabel = React.forwardRef<FormFieldElement, FormLabelProps>(\n  ({ __scopeFormField, className, ...props }: ScopedProps<FormLabelProps>, forwardedRef) => {\n    const { formItemId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n    const { name } = useFormFieldContext(FORM_LABEL_NAME, __scopeFormField);\n    const { errors } = useFormState({ name });\n\n    return (\n      <Label\n        ref={forwardedRef}\n        className={cn(errors[name] && 'text-destructive', className)}\n        htmlFor={formItemId}\n        {...props}\n      />\n    );\n  },\n);\n\nFormLabel.displayName = FORM_LABEL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: FormControl\n * -------------------------------------------------------------------------- */\n\nconst FORM_CONTROL_NAME = 'FormControl';\n\ntype FormControlElement = React.ElementRef<typeof Slot>;\ntype FormControlProps = React.ComponentPropsWithoutRef<typeof Slot>;\n\nconst FormControl = React.forwardRef<FormControlElement, FormControlProps>(\n  ({ __scopeFormField, ...props }: ScopedProps<FormControlProps>, forwardedRef) => {\n    const { formItemId, formDescriptionId, formMessageId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n    const { name } = useFormFieldContext(FORM_CONTROL_NAME, __scopeFormField);\n    const { errors } = useFormState({ name });\n\n    return (\n      <Slot\n        ref={forwardedRef}\n        aria-describedby={!errors[name] ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n        aria-invalid={Boolean(errors[name])}\n        id={formItemId}\n        {...props}\n      />\n    );\n  },\n);\n\nFormControl.displayName = FORM_CONTROL_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: FormDescription\n * -------------------------------------------------------------------------- */\n\nconst FORM_DESCRIPTION_NAME = 'FormDescription';\n\ntype FormDescriptionElement = HTMLParagraphElement;\ntype FormDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormDescription = React.forwardRef<FormDescriptionElement, FormDescriptionProps>(\n  ({ __scopeFormField, className, ...props }: ScopedProps<FormDescriptionProps>, forwardedRef) => {\n    const { formDescriptionId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n\n    return (\n      <p\n        ref={forwardedRef}\n        className={cn('text-muted-foreground text-xs', className)}\n        id={formDescriptionId}\n        {...props}\n      />\n    );\n  },\n);\n\nFormDescription.displayName = FORM_DESCRIPTION_NAME;\n\n/* -----------------------------------------------------------------------------\n * Component: FormMessage\n * -------------------------------------------------------------------------- */\n\nconst FORM_MESSAGE_NAME = 'FormMessage';\n\ntype FormMessageElement = HTMLParagraphElement;\ntype FormMessageProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst FormMessage = React.forwardRef<FormMessageElement, FormMessageProps>(\n  ({ __scopeFormField, children, className, ...props }: ScopedProps<FormMessageProps>, forwardedRef) => {\n    const { formMessageId } = useFormItem(FORM_MESSAGE_NAME, __scopeFormField);\n    const { name } = useFormFieldContext(FORM_MESSAGE_NAME, __scopeFormField);\n    const { errors } = useFormState({ name });\n    const body = errors[name]?.message ? String(errors[name].message) : children;\n\n    if (!body) {\n      return null;\n    }\n\n    return (\n      <p\n        ref={forwardedRef}\n        className={cn(\n          'text-xs',\n          errors[name]?.message ? 'text-destructive font-medium' : 'text-muted-foreground',\n          className,\n        )}\n        id={formMessageId}\n        {...props}\n      >\n        {body}\n      </p>\n    );\n  },\n);\n\nFormMessage.displayName = FORM_MESSAGE_NAME;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  createFormFieldScope,\n  Form,\n  FormItem,\n  FormLabel,\n  FormControl,\n  FormDescription,\n  FormMessage,\n  FormField,\n  type FormProps,\n  type FormItemProps,\n  type FormLabelProps,\n  type FormControlProps,\n  type FormDescriptionProps,\n  type FormMessageProps,\n  type FormFieldProps,\n};\n"],"mappings":"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","names":["React","Slot","Controller","FormProvider","useFormState","createContextScope","jsx","Form","FormProvider","FORM_FIELD_NAME","createFormFieldContext","createFormFieldScope","createContextScope","FormFieldProvider","useFormFieldContext","useFormItem","consumerName","scope","id","useFormItemContext","FormField","formFieldProps","__scopeFormField","props","Controller","FORM_ITEM_NAME","FormItemProvider","FormItem","className","forwardedRef","cn","FORM_LABEL_NAME","FormLabel","formItemId","FORM_MESSAGE_NAME","name","errors","useFormState","Label","FORM_CONTROL_NAME","FormControl","formDescriptionId","formMessageId","Slot","FORM_DESCRIPTION_NAME","FormDescription","FormMessage","children","body"]}

package/dist/react/hover-card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reacthovercard = require('@radix-ui/react-hover-card'); var e = _interopRequireWildcard(_reacthovercard);var _jsxruntime = require('react/jsx-runtime');var C=e.Root,l= exports.HoverCardTrigger =e.Trigger,p= exports.HoverCardContent =i.forwardRef(({className:t,align:o="center",sideOffset:r=6,...s},n)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Content,{ref:n,align:o,className:_chunkNU6SK3FCcjs.a.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md",t),sideOffset:r,...s})}));p.displayName=e.Content.displayName;var m=i.forwardRef(({className:t,...o},r)=>_jsxruntime.jsx.call(void 0, e.Arrow,{ref:r,className:_chunkNU6SK3FCcjs.a.call(void 0, "fill-popover",t),...o}));m.displayName=e.Arrow.displayName;exports.HoverCard = C; exports.HoverCardArrow = m; exports.HoverCardContent = p; exports.HoverCardTrigger = l;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var i = _interopRequireWildcard(_react);var _reacthovercard = require('@radix-ui/react-hover-card'); var e = _interopRequireWildcard(_reacthovercard);var _jsxruntime = require('react/jsx-runtime');var C=e.Root,l= exports.HoverCardTrigger =e.Trigger,p= exports.HoverCardContent =i.forwardRef(({className:t,align:o="center",sideOffset:r=6,...s},n)=>_jsxruntime.jsx.call(void 0, e.Portal,{children:_jsxruntime.jsx.call(void 0, e.Content,{ref:n,align:o,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md",t),sideOffset:r,...s})}));p.displayName=e.Content.displayName;var m=i.forwardRef(({className:t,...o},r)=>_jsxruntime.jsx.call(void 0, e.Arrow,{ref:r,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "fill-popover",t),...o}));m.displayName=e.Arrow.displayName;exports.HoverCard = C; exports.HoverCardArrow = m; exports.HoverCardContent = p; exports.HoverCardTrigger = l;
 //# sourceMappingURL=hover-card.cjs.map

package/dist/react/hover-card.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/hover-card.cjs","../../src/react/hover-card.tsx"],"names":["HoverCard","HoverCardTrigger","HoverCardContent","className","align","sideOffset","props","forwardedRef","jsx","cn","HoverCardArrow"],"mappings":"AAAA,uWAAY,CAAC,yDAAoC,uECE1B,8GACa,+CA2B9B,IAnBAA,CAAAA,CAA+B,CAAA,CAAA,IAAA,CAO/BC,CAAAA,4BAAsC,CAAA,CAAA,OAAA,CAStCC,CAAAA,4BAAyB,CAAA,CAAA,UAAA,CAC7B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAQ,QAAA,CAAU,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1DC,6BAAAA,CAAoB,CAAA,MAAA,CAAnB,CACC,QAAA,CAAAA,6BAAAA,CAAoB,CAAA,OAAA,CAAnB,CACC,GAAA,CAAKD,CAAAA,CACL,KAAA,CAAOH,CAAAA,CACP,SAAA,CAAWK,iCAAAA,+sBACT,CACAN,CACF,CAAA,CACA,UAAA,CAAYE,CAAAA,CACX,GAAGC,CAAAA,CACN,CAAA,CACF,CAEJ,CAAA,CAEAJ,CAAAA,CAAiB,WAAA,CAAiC,CAAA,CAAA,OAAA,CAAQ,WAAA,CAS1D,IAAMQ,CAAAA,CAAuB,CAAA,CAAA,UAAA,CAC3B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACxBC,6BAAAA,CAAoB,CAAA,KAAA,CAAnB,CAAyB,GAAA,CAAKD,CAAAA,CAAc,SAAA,CAAWE,iCAAAA,cAAG,CAAgBN,CAAS,CAAA,CAAI,GAAGG,CAAAA,CAAO,CAEtG,CAAA,CAEAI,CAAAA,CAAe,WAAA,CAAiC,CAAA,CAAA,KAAA,CAAM,WAAA,CAAA,8GAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/hover-card.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n  ({ className, align = 'center', sideOffset = 6, ...props }, forwardedRef) => (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Content\n        ref={forwardedRef}\n        align={align}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md',\n          className,\n        )}\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  ),\n);\n\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\ntype HoverCardArrowElement = React.ElementRef<typeof HoverCardPrimitive.Arrow>;\ntype HoverCardArrowProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Arrow>;\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <HoverCardPrimitive.Arrow ref={forwardedRef} className={cn('fill-popover', className)} {...props} />\n  ),\n);\n\nHoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  HoverCard,\n  HoverCardTrigger,\n  HoverCardContent,\n  HoverCardArrow,\n  type HoverCardProps,\n  type HoverCardTriggerProps,\n  type HoverCardContentProps,\n  type HoverCardArrowProps,\n};\n"]}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/hover-card.cjs","../../src/react/hover-card.tsx"],"names":["HoverCard","HoverCardTrigger","HoverCardContent","className","align","sideOffset","props","forwardedRef","jsx","cn","HoverCardArrow"],"mappings":"AAAA,uWAAY,CAAC,yDAAoC,uECE1B,8GACa,+CA2B9B,IAnBAA,CAAAA,CAA+B,CAAA,CAAA,IAAA,CAO/BC,CAAAA,4BAAsC,CAAA,CAAA,OAAA,CAStCC,CAAAA,4BAAyB,CAAA,CAAA,UAAA,CAC7B,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,KAAA,CAAAC,CAAAA,CAAQ,QAAA,CAAU,UAAA,CAAAC,CAAAA,CAAa,CAAA,CAAG,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC1DC,6BAAAA,CAAoB,CAAA,MAAA,CAAnB,CACC,QAAA,CAAAA,6BAAAA,CAAoB,CAAA,OAAA,CAAnB,CACC,GAAA,CAAKD,CAAAA,CACL,KAAA,CAAOH,CAAAA,CACP,SAAA,CAAWK,iCAAAA,+sBACT,CACAN,CACF,CAAA,CACA,UAAA,CAAYE,CAAAA,CACX,GAAGC,CAAAA,CACN,CAAA,CACF,CAEJ,CAAA,CAEAJ,CAAAA,CAAiB,WAAA,CAAiC,CAAA,CAAA,OAAA,CAAQ,WAAA,CAS1D,IAAMQ,CAAAA,CAAuB,CAAA,CAAA,UAAA,CAC3B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGG,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACxBC,6BAAAA,CAAoB,CAAA,KAAA,CAAnB,CAAyB,GAAA,CAAKD,CAAAA,CAAc,SAAA,CAAWE,iCAAAA,cAAG,CAAgBN,CAAS,CAAA,CAAI,GAAGG,CAAAA,CAAO,CAEtG,CAAA,CAEAI,CAAAA,CAAe,WAAA,CAAiC,CAAA,CAAA,KAAA,CAAM,WAAA,CAAA,8GAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/hover-card.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n  ({ className, align = 'center', sideOffset = 6, ...props }, forwardedRef) => (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Content\n        ref={forwardedRef}\n        align={align}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md',\n          className,\n        )}\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  ),\n);\n\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\ntype HoverCardArrowElement = React.ElementRef<typeof HoverCardPrimitive.Arrow>;\ntype HoverCardArrowProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Arrow>;\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <HoverCardPrimitive.Arrow ref={forwardedRef} className={cn('fill-popover', className)} {...props} />\n  ),\n);\n\nHoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  HoverCard,\n  HoverCardTrigger,\n  HoverCardContent,\n  HoverCardArrow,\n  type HoverCardProps,\n  type HoverCardTriggerProps,\n  type HoverCardContentProps,\n  type HoverCardArrowProps,\n};\n"]}

package/dist/react/hover-card.js

@@ -1,2 +1,2 @@
-"use client";import{a}from"../chunk-5UXVZTFG.js";import*as i from"react";import*as e from"@radix-ui/react-hover-card";import{jsx as d}from"react/jsx-runtime";var C=e.Root,l=e.Trigger,p=i.forwardRef(({className:t,align:o="center",sideOffset:r=6,...s},n)=>d(e.Portal,{children:d(e.Content,{ref:n,align:o,className:a("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md",t),sideOffset:r,...s})}));p.displayName=e.Content.displayName;var m=i.forwardRef(({className:t,...o},r)=>d(e.Arrow,{ref:r,className:a("fill-popover",t),...o}));m.displayName=e.Arrow.displayName;export{C as HoverCard,m as HoverCardArrow,p as HoverCardContent,l as HoverCardTrigger};
+"use client";import{a}from"../chunk-VRBUDJBH.js";import*as i from"react";import*as e from"@radix-ui/react-hover-card";import{jsx as d}from"react/jsx-runtime";var C=e.Root,l=e.Trigger,p=i.forwardRef(({className:t,align:o="center",sideOffset:r=6,...s},n)=>d(e.Portal,{children:d(e.Content,{ref:n,align:o,className:a("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md",t),sideOffset:r,...s})}));p.displayName=e.Content.displayName;var m=i.forwardRef(({className:t,...o},r)=>d(e.Arrow,{ref:r,className:a("fill-popover",t),...o}));m.displayName=e.Arrow.displayName;export{C as HoverCard,m as HoverCardArrow,p as HoverCardContent,l as HoverCardTrigger};
 //# sourceMappingURL=hover-card.js.map

package/dist/react/hover-card.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/react/hover-card.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n  ({ className, align = 'center', sideOffset = 6, ...props }, forwardedRef) => (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Content\n        ref={forwardedRef}\n        align={align}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md',\n          className,\n        )}\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  ),\n);\n\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\ntype HoverCardArrowElement = React.ElementRef<typeof HoverCardPrimitive.Arrow>;\ntype HoverCardArrowProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Arrow>;\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <HoverCardPrimitive.Arrow ref={forwardedRef} className={cn('fill-popover', className)} {...props} />\n  ),\n);\n\nHoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  HoverCard,\n  HoverCardTrigger,\n  HoverCardContent,\n  HoverCardArrow,\n  type HoverCardProps,\n  type HoverCardTriggerProps,\n  type HoverCardContentProps,\n  type HoverCardArrowProps,\n};\n"],"mappings":"iDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAwB,6BA2B9B,cAAAC,MAAA,oBAnBN,IAAMC,EAA+B,OAO/BC,EAAsC,UAStCC,EAAyB,aAC7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC1DR,EAAoB,SAAnB,CACC,SAAAA,EAAoB,UAAnB,CACC,IAAKQ,EACL,MAAOH,EACP,UAAWI,EACT,gtBACAL,CACF,EACA,WAAYE,EACX,GAAGC,EACN,EACF,CAEJ,EAEAJ,EAAiB,YAAiC,UAAQ,YAS1D,IAAMO,EAAuB,aAC3B,CAAC,CAAE,UAAAN,EAAW,GAAGG,CAAM,EAAGC,IACxBR,EAAoB,QAAnB,CAAyB,IAAKQ,EAAc,UAAWC,EAAG,eAAgBL,CAAS,EAAI,GAAGG,EAAO,CAEtG,EAEAG,EAAe,YAAiC,QAAM","names":["React","HoverCardPrimitive","jsx","HoverCard","HoverCardTrigger","HoverCardContent","className","align","sideOffset","props","forwardedRef","cn","HoverCardArrow"]}
+{"version":3,"sources":["../../src/react/hover-card.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCard\n * -------------------------------------------------------------------------- */\n\ntype HoverCardProps = React.ComponentProps<typeof HoverCardPrimitive.Root>;\nconst HoverCard = HoverCardPrimitive.Root;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardTrigger\n * -------------------------------------------------------------------------- */\n\ntype HoverCardTriggerProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Trigger>;\nconst HoverCardTrigger = HoverCardPrimitive.Trigger;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardContent\n * -------------------------------------------------------------------------- */\n\ntype HoverCardContentElement = React.ElementRef<typeof HoverCardPrimitive.Content>;\ntype HoverCardContentProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>;\n\nconst HoverCardContent = React.forwardRef<HoverCardContentElement, HoverCardContentProps>(\n  ({ className, align = 'center', sideOffset = 6, ...props }, forwardedRef) => (\n    <HoverCardPrimitive.Portal>\n      <HoverCardPrimitive.Content\n        ref={forwardedRef}\n        align={align}\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=open]:fade-in data-[state=open]:zoom-in-95 data-[state=open]:data-[side=top]:slide-in-from-bottom-2 data-[state=open]:data-[side=left]:slide-in-from-right-2 data-[state=open]:data-[side=bottom]:slide-in-from-top-2 data-[state=open]:data-[side=right]:slide-in-from-left-2 data-[state=closed]:animate-out data-[state=closed]:fade-out data-[state=closed]:zoom-out-95 data-[state=closed]:data-[side=top]:slide-out-to-bottom-2 data-[state=closed]:data-[side=left]:slide-out-to-right-2 data-[state=closed]:data-[side=bottom]:slide-out-to-top-2 data-[state=closed]:data-[side=right]:slide-out-to-left-2 z-50 min-w-32 rounded-md border p-4 shadow-md',\n          className,\n        )}\n        sideOffset={sideOffset}\n        {...props}\n      />\n    </HoverCardPrimitive.Portal>\n  ),\n);\n\nHoverCardContent.displayName = HoverCardPrimitive.Content.displayName;\n\n/* -----------------------------------------------------------------------------\n * Component: HoverCardArrow\n * -------------------------------------------------------------------------- */\n\ntype HoverCardArrowElement = React.ElementRef<typeof HoverCardPrimitive.Arrow>;\ntype HoverCardArrowProps = React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Arrow>;\n\nconst HoverCardArrow = React.forwardRef<HoverCardArrowElement, HoverCardArrowProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <HoverCardPrimitive.Arrow ref={forwardedRef} className={cn('fill-popover', className)} {...props} />\n  ),\n);\n\nHoverCardArrow.displayName = HoverCardPrimitive.Arrow.displayName;\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  HoverCard,\n  HoverCardTrigger,\n  HoverCardContent,\n  HoverCardArrow,\n  type HoverCardProps,\n  type HoverCardTriggerProps,\n  type HoverCardContentProps,\n  type HoverCardArrowProps,\n};\n"],"mappings":"iDAEA,UAAYA,MAAW,QACvB,UAAYC,MAAwB,6BA2B9B,cAAAC,MAAA,oBAnBN,IAAMC,EAA+B,OAO/BC,EAAsC,UAStCC,EAAyB,aAC7B,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAQ,SAAU,WAAAC,EAAa,EAAG,GAAGC,CAAM,EAAGC,IAC1DR,EAAoB,SAAnB,CACC,SAAAA,EAAoB,UAAnB,CACC,IAAKQ,EACL,MAAOH,EACP,UAAWI,EACT,gtBACAL,CACF,EACA,WAAYE,EACX,GAAGC,EACN,EACF,CAEJ,EAEAJ,EAAiB,YAAiC,UAAQ,YAS1D,IAAMO,EAAuB,aAC3B,CAAC,CAAE,UAAAN,EAAW,GAAGG,CAAM,EAAGC,IACxBR,EAAoB,QAAnB,CAAyB,IAAKQ,EAAc,UAAWC,EAAG,eAAgBL,CAAS,EAAI,GAAGG,EAAO,CAEtG,EAEAG,EAAe,YAAiC,QAAM","names":["React","HoverCardPrimitive","jsx","HoverCard","HoverCardTrigger","HoverCardContent","className","align","sideOffset","props","forwardedRef","cn","HoverCardArrow"]}

package/dist/react/input-otp.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunkNU6SK3FCcjs = require('../chunk-NU6SK3FC.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _inputotp = require('input-otp');var _jsxruntime = require('react/jsx-runtime');var P=r.forwardRef(({className:t,containerClassName:e,...p},a)=>_jsxruntime.jsx.call(void 0, _inputotp.OTPInput,{ref:a,className:_chunkNU6SK3FCcjs.a.call(void 0, "disabled:cursor-default",t),containerClassName:_chunkNU6SK3FCcjs.a.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50",e),...p}));P.displayName="InputOTP";var T=r.forwardRef(({className:t,...e},p)=>_jsxruntime.jsx.call(void 0, "div",{ref:p,className:_chunkNU6SK3FCcjs.a.call(void 0, "flex items-center",t),...e}));T.displayName="InputOTPGroup";var m=r.forwardRef(({index:t,className:e,...p},a)=>{let s=r.useContext(_inputotp.OTPInputContext).slots[t];return _jsxruntime.jsxs.call(void 0, "div",{ref:a,className:_chunkNU6SK3FCcjs.a.call(void 0, "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",_optionalChain([s, 'optionalAccess', _ => _.isActive])&&"z-10 outline outline-2",e),...p,children:[_optionalChain([s, 'optionalAccess', _2 => _2.char]),_optionalChain([s, 'optionalAccess', _3 => _3.hasFakeCaret])?_jsxruntime.jsx.call(void 0, "div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, "div",{className:"animate-caret-blink bg-foreground animate-duration-1000 h-4 w-px"})}):null]})});m.displayName="InputOTPSlot";var c=r.forwardRef(({...t},e)=>_jsxruntime.jsx.call(void 0, "div",{ref:e,role:"separator",...t,children:_jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon,{})}));c.displayName="InputOTPSeparator";exports.InputOTP = P; exports.InputOTPGroup = T; exports.InputOTPSeparator = c; exports.InputOTPSlot = m; exports.REGEXP_ONLY_CHARS = _inputotp.REGEXP_ONLY_CHARS; exports.REGEXP_ONLY_DIGITS = _inputotp.REGEXP_ONLY_DIGITS; exports.REGEXP_ONLY_DIGITS_AND_CHARS = _inputotp.REGEXP_ONLY_DIGITS_AND_CHARS;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";var _chunk4XRBMJ5Qcjs = require('../chunk-4XRBMJ5Q.cjs');var _react = require('react'); var r = _interopRequireWildcard(_react);var _reacticons = require('@radix-ui/react-icons');var _inputotp = require('input-otp');var _jsxruntime = require('react/jsx-runtime');var P=r.forwardRef(({className:t,containerClassName:e,...p},a)=>_jsxruntime.jsx.call(void 0, _inputotp.OTPInput,{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "disabled:cursor-default",t),containerClassName:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex items-center gap-2 has-[:disabled]:opacity-50",e),...p}));P.displayName="InputOTP";var T=r.forwardRef(({className:t,...e},p)=>_jsxruntime.jsx.call(void 0, "div",{ref:p,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "flex items-center",t),...e}));T.displayName="InputOTPGroup";var m=r.forwardRef(({index:t,className:e,...p},a)=>{let s=r.useContext(_inputotp.OTPInputContext).slots[t];return _jsxruntime.jsxs.call(void 0, "div",{ref:a,className:_chunk4XRBMJ5Qcjs.a.call(void 0, "border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",_optionalChain([s, 'optionalAccess', _ => _.isActive])&&"z-10 outline outline-2",e),...p,children:[_optionalChain([s, 'optionalAccess', _2 => _2.char]),_optionalChain([s, 'optionalAccess', _3 => _3.hasFakeCaret])?_jsxruntime.jsx.call(void 0, "div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:_jsxruntime.jsx.call(void 0, "div",{className:"animate-caret-blink bg-foreground animate-duration-1000 h-4 w-px"})}):null]})});m.displayName="InputOTPSlot";var c=r.forwardRef(({...t},e)=>_jsxruntime.jsx.call(void 0, "div",{ref:e,role:"separator",...t,children:_jsxruntime.jsx.call(void 0, _reacticons.DotFilledIcon,{})}));c.displayName="InputOTPSeparator";exports.InputOTP = P; exports.InputOTPGroup = T; exports.InputOTPSeparator = c; exports.InputOTPSlot = m; exports.REGEXP_ONLY_CHARS = _inputotp.REGEXP_ONLY_CHARS; exports.REGEXP_ONLY_DIGITS = _inputotp.REGEXP_ONLY_DIGITS; exports.REGEXP_ONLY_DIGITS_AND_CHARS = _inputotp.REGEXP_ONLY_DIGITS_AND_CHARS;
 //# sourceMappingURL=input-otp.cjs.map

package/dist/react/input-otp.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/input-otp.cjs","../../src/react/input-otp.tsx"],"names":["InputOTP","className","containerClassName","props","forwardedRef","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","slot","OTPInputContext","jsxs","InputOTPSeparator","DotFilledIcon"],"mappings":"AAAA,22BAAY,CAAC,yDAAyC,uECE/B,mDACO,qCAOvB,+CAYH,IAFEA,CAAAA,CAAiB,CAAA,CAAA,UAAA,CACrB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,kBAAA,CAAAC,CAAAA,CAAoB,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC5CC,6BAAAA,kBAACC,CAAA,CACC,GAAA,CAAKF,CAAAA,CACL,SAAA,CAAWG,iCAAAA,yBAAG,CAA2BN,CAAS,CAAA,CAClD,kBAAA,CAAoBM,iCAAAA,oDAAG,CAAsDL,CAAkB,CAAA,CAC9F,GAAGC,CAAAA,CACN,CAEJ,CAAA,CAEAH,CAAAA,CAAS,WAAA,CAAc,UAAA,CASvB,IAAMQ,CAAAA,CAAsB,CAAA,CAAA,UAAA,CAC1B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGE,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACxBC,6BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAc,SAAA,CAAWG,iCAAAA,mBAAG,CAAqBN,CAAS,CAAA,CAAI,GAAGE,CAAAA,CAAO,CAEtF,CAAA,CAEAK,CAAAA,CAAc,WAAA,CAAc,eAAA,CAY5B,IAAMC,CAAAA,CAAqB,CAAA,CAAA,UAAA,CACzB,CAAC,CAAE,KAAA,CAAAC,CAAAA,CAAO,SAAA,CAAAT,CAAAA,CAAW,GAAGE,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAiB,CAEhD,IAAMO,CAAAA,CADwB,CAAA,CAAA,UAAA,CAAWC,yBAAe,CAAA,CAC3B,KAAA,CAAMF,CAAK,CAAA,CAExC,OACEG,8BAAAA,KAAC,CAAA,CACC,GAAA,CAAKT,CAAAA,CACL,SAAA,CAAWG,iCAAAA,6JACT,iBACAI,CAAAA,2BAAM,UAAA,EAAY,wBAAA,CAClBV,CACF,CAAA,CACC,GAAGE,CAAAA,CAEH,QAAA,CAAA,iBAAAQ,CAAAA,6BAAM,MAAA,iBACNA,CAAAA,6BAAM,cAAA,CACLN,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,uEAAA,CACb,QAAA,CAAAA,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,kEAAA,CAAmE,CAAA,CACpF,CAAA,CACE,IAAA,CAAA,CACN,CAEJ,CACF,CAAA,CAEAI,CAAAA,CAAa,WAAA,CAAc,cAAA,CAS3B,IAAMK,CAAAA,CAA0B,CAAA,CAAA,UAAA,CAC9B,CAAC,CAAE,GAAGX,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACbC,6BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAc,IAAA,CAAK,WAAA,CAAa,GAAGD,CAAAA,CAC3C,QAAA,CAAAE,6BAAAA,yBAACU,CAAA,CAAA,CAAc,CAAA,CACjB,CAEJ,CAAA,CAEAD,CAAAA,CAAkB,WAAA,CAAc,mBAAA,CAAA,4SAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/input-otp.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { DotFilledIcon } from '@radix-ui/react-icons';\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from 'input-otp';\nimport { cn } from '../lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPElement = React.ElementRef<typeof OTPInput>;\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\n\nconst InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(\n  ({ className, containerClassName, ...props }, forwardedRef) => (\n    <OTPInput\n      ref={forwardedRef}\n      className={cn('disabled:cursor-default', className)}\n      containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}\n      {...props}\n    />\n  ),\n);\n\nInputOTP.displayName = 'InputOTP';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupElement = HTMLDivElement;\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div ref={forwardedRef} className={cn('flex items-center', className)} {...props} />\n  ),\n);\n\nInputOTPGroup.displayName = 'InputOTPGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSlotElement = HTMLDivElement;\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n  index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(\n  ({ index, className, ...props }, forwardedRef) => {\n    const inputOTPContext = React.useContext(OTPInputContext);\n    const slot = inputOTPContext.slots[index];\n\n    return (\n      <div\n        ref={forwardedRef}\n        className={cn(\n          'border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',\n          slot?.isActive && 'z-10 outline outline-2',\n          className,\n        )}\n        {...props}\n      >\n        {slot?.char}\n        {slot?.hasFakeCaret ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"animate-caret-blink bg-foreground animate-duration-1000 h-4 w-px\" />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nInputOTPSlot.displayName = 'InputOTPSlot';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorElement = HTMLDivElement;\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPSeparator = React.forwardRef<InputOTPSeparatorElement, InputOTPSeparatorProps>(\n  ({ ...props }, forwardedRef) => (\n    <div ref={forwardedRef} role=\"separator\" {...props}>\n      <DotFilledIcon />\n    </div>\n  ),\n);\n\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  type InputOTPProps,\n  type InputOTPGroupProps,\n  type InputOTPSlotProps,\n  type InputOTPSeparatorProps,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS,\n};\n"]}
+{"version":3,"sources":["/home/runner/work/codefast/codefast/packages/ui/dist/react/input-otp.cjs","../../src/react/input-otp.tsx"],"names":["InputOTP","className","containerClassName","props","forwardedRef","jsx","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","slot","OTPInputContext","jsxs","InputOTPSeparator","DotFilledIcon"],"mappings":"AAAA,22BAAY,CAAC,yDAAyC,uECE/B,mDACO,qCAOvB,+CAYH,IAFEA,CAAAA,CAAiB,CAAA,CAAA,UAAA,CACrB,CAAC,CAAE,SAAA,CAAAC,CAAAA,CAAW,kBAAA,CAAAC,CAAAA,CAAoB,GAAGC,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAC5CC,6BAAAA,kBAACC,CAAA,CACC,GAAA,CAAKF,CAAAA,CACL,SAAA,CAAWG,iCAAAA,yBAAG,CAA2BN,CAAS,CAAA,CAClD,kBAAA,CAAoBM,iCAAAA,oDAAG,CAAsDL,CAAkB,CAAA,CAC9F,GAAGC,CAAAA,CACN,CAEJ,CAAA,CAEAH,CAAAA,CAAS,WAAA,CAAc,UAAA,CASvB,IAAMQ,CAAAA,CAAsB,CAAA,CAAA,UAAA,CAC1B,CAAC,CAAE,SAAA,CAAAP,CAAAA,CAAW,GAAGE,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACxBC,6BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAc,SAAA,CAAWG,iCAAAA,mBAAG,CAAqBN,CAAS,CAAA,CAAI,GAAGE,CAAAA,CAAO,CAEtF,CAAA,CAEAK,CAAAA,CAAc,WAAA,CAAc,eAAA,CAY5B,IAAMC,CAAAA,CAAqB,CAAA,CAAA,UAAA,CACzB,CAAC,CAAE,KAAA,CAAAC,CAAAA,CAAO,SAAA,CAAAT,CAAAA,CAAW,GAAGE,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EAAiB,CAEhD,IAAMO,CAAAA,CADwB,CAAA,CAAA,UAAA,CAAWC,yBAAe,CAAA,CAC3B,KAAA,CAAMF,CAAK,CAAA,CAExC,OACEG,8BAAAA,KAAC,CAAA,CACC,GAAA,CAAKT,CAAAA,CACL,SAAA,CAAWG,iCAAAA,6JACT,iBACAI,CAAAA,2BAAM,UAAA,EAAY,wBAAA,CAClBV,CACF,CAAA,CACC,GAAGE,CAAAA,CAEH,QAAA,CAAA,iBAAAQ,CAAAA,6BAAM,MAAA,iBACNA,CAAAA,6BAAM,cAAA,CACLN,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,uEAAA,CACb,QAAA,CAAAA,6BAAAA,KAAC,CAAA,CAAI,SAAA,CAAU,kEAAA,CAAmE,CAAA,CACpF,CAAA,CACE,IAAA,CAAA,CACN,CAEJ,CACF,CAAA,CAEAI,CAAAA,CAAa,WAAA,CAAc,cAAA,CAS3B,IAAMK,CAAAA,CAA0B,CAAA,CAAA,UAAA,CAC9B,CAAC,CAAE,GAAGX,CAAM,CAAA,CAAGC,CAAAA,CAAAA,EACbC,6BAAAA,KAAC,CAAA,CAAI,GAAA,CAAKD,CAAAA,CAAc,IAAA,CAAK,WAAA,CAAa,GAAGD,CAAAA,CAC3C,QAAA,CAAAE,6BAAAA,yBAACU,CAAA,CAAA,CAAc,CAAA,CACjB,CAEJ,CAAA,CAEAD,CAAAA,CAAkB,WAAA,CAAc,mBAAA,CAAA,4SAAA","file":"/home/runner/work/codefast/codefast/packages/ui/dist/react/input-otp.cjs","sourcesContent":[null,"'use client';\n\nimport * as React from 'react';\nimport { DotFilledIcon } from '@radix-ui/react-icons';\nimport {\n  OTPInput,\n  OTPInputContext,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n} from 'input-otp';\nimport { cn } from '@/lib/utils';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOtp\n * -------------------------------------------------------------------------- */\n\ntype InputOTPElement = React.ElementRef<typeof OTPInput>;\ntype InputOTPProps = React.ComponentPropsWithoutRef<typeof OTPInput>;\n\nconst InputOTP = React.forwardRef<InputOTPElement, InputOTPProps>(\n  ({ className, containerClassName, ...props }, forwardedRef) => (\n    <OTPInput\n      ref={forwardedRef}\n      className={cn('disabled:cursor-default', className)}\n      containerClassName={cn('flex items-center gap-2 has-[:disabled]:opacity-50', containerClassName)}\n      {...props}\n    />\n  ),\n);\n\nInputOTP.displayName = 'InputOTP';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPGroup\n * -------------------------------------------------------------------------- */\n\ntype InputOTPGroupElement = HTMLDivElement;\ntype InputOTPGroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPGroup = React.forwardRef<InputOTPGroupElement, InputOTPGroupProps>(\n  ({ className, ...props }, forwardedRef) => (\n    <div ref={forwardedRef} className={cn('flex items-center', className)} {...props} />\n  ),\n);\n\nInputOTPGroup.displayName = 'InputOTPGroup';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSlot\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSlotElement = HTMLDivElement;\n\ninterface InputOTPSlotProps extends React.HTMLAttributes<HTMLDivElement> {\n  index: number;\n}\n\nconst InputOTPSlot = React.forwardRef<InputOTPSlotElement, InputOTPSlotProps>(\n  ({ index, className, ...props }, forwardedRef) => {\n    const inputOTPContext = React.useContext(OTPInputContext);\n    const slot = inputOTPContext.slots[index];\n\n    return (\n      <div\n        ref={forwardedRef}\n        className={cn(\n          'border-input relative flex size-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md',\n          slot?.isActive && 'z-10 outline outline-2',\n          className,\n        )}\n        {...props}\n      >\n        {slot?.char}\n        {slot?.hasFakeCaret ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"animate-caret-blink bg-foreground animate-duration-1000 h-4 w-px\" />\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nInputOTPSlot.displayName = 'InputOTPSlot';\n\n/* -----------------------------------------------------------------------------\n * Component: InputOTPSeparator\n * -------------------------------------------------------------------------- */\n\ntype InputOTPSeparatorElement = HTMLDivElement;\ntype InputOTPSeparatorProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst InputOTPSeparator = React.forwardRef<InputOTPSeparatorElement, InputOTPSeparatorProps>(\n  ({ ...props }, forwardedRef) => (\n    <div ref={forwardedRef} role=\"separator\" {...props}>\n      <DotFilledIcon />\n    </div>\n  ),\n);\n\nInputOTPSeparator.displayName = 'InputOTPSeparator';\n\n/* -----------------------------------------------------------------------------\n * Exports\n * -------------------------------------------------------------------------- */\n\nexport {\n  InputOTP,\n  InputOTPGroup,\n  InputOTPSlot,\n  InputOTPSeparator,\n  type InputOTPProps,\n  type InputOTPGroupProps,\n  type InputOTPSlotProps,\n  type InputOTPSeparatorProps,\n  REGEXP_ONLY_DIGITS_AND_CHARS,\n  REGEXP_ONLY_CHARS,\n  REGEXP_ONLY_DIGITS,\n};\n"]}