@acronis-platform/shadcn-uikit 0.33.0 → 0.35.0

package/dist/components/ui/data-table/data-table-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { ChevronLeftIcon, ChevronRightIcon, ChevronBigLeftIcon, ChevronBigRightIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select'\n\ninterface DataTablePaginationProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length} of{' '}\n        {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={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value))\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\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={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] 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            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronBigLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronBigRightIcon className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["DataTablePagination","table","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","ChevronBigLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronBigRightIcon"],"mappings":"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"}
+{"version":3,"file":"data-table-pagination.js","sources":["../../../../src/components/ui/data-table/data-table-pagination.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { ChevronLeftIcon, ChevronRightIcon, ChevronBigLeftIcon, ChevronBigRightIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@/components/ui/select'\n\ninterface DataTablePaginationProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTablePagination<TData>({ table }: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length} of{' '}\n        {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={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value))\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\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={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex w-[100px] 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            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(0)}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to first page</span>\n            <ChevronBigLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.previousPage()}\n            disabled={!table.getCanPreviousPage()}\n          >\n            <span className=\"sr-only\">Go to previous page</span>\n            <ChevronLeftIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"h-8 w-8 p-0\"\n            onClick={() => table.nextPage()}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to next page</span>\n            <ChevronRightIcon className=\"h-4 w-4\" />\n          </Button>\n          <Button\n            variant=\"outline\"\n            className=\"hidden h-8 w-8 p-0 lg:flex\"\n            onClick={() => table.setPageIndex(table.getPageCount() - 1)}\n            disabled={!table.getCanNextPage()}\n          >\n            <span className=\"sr-only\">Go to last page</span>\n            <ChevronBigRightIcon className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n    </div>\n  )\n}\n"],"names":["DataTablePagination","table","jsxs","jsx","Select","value","SelectTrigger","SelectValue","SelectContent","pageSize","SelectItem","Button","ChevronBigLeftIcon","ChevronLeftIcon","ChevronRightIcon","ChevronBigRightIcon"],"mappings":"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"}

package/dist/components/ui/data-table/data-table-toolbar.js

@@ -1,10 +1,11 @@
 import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import "react";
 import "../../icons/dynamic-icons.js";
 import { CloseIcon as a } from "../../icons/auto-generated.js";
-import { Button as c } from "../button.js";
-import { Input as p } from "../input.js";
+import { Button as p } from "../button.js";
+import { Input as c } from "../input.js";
 import { DataTableViewOptions as u } from "./data-table-view-options.js";
-function F({
+function v({
   table: e,
   searchKey: t,
   searchPlaceholder: s = "Filter..."
@@ -14,7 +15,7 @@ function F({
   return /* @__PURE__ */ l("div", { className: "flex items-center justify-between", children: [
     /* @__PURE__ */ l("div", { className: "flex flex-1 items-center space-x-2", children: [
       t && /* @__PURE__ */ o(
-        p,
+        c,
         {
           placeholder: s,
           value: ((r = e.getColumn(t)) == null ? void 0 : r.getFilterValue()) ?? "",
@@ -26,7 +27,7 @@ function F({
         }
       ),
       m && /* @__PURE__ */ l(
-        c,
+        p,
         {
           variant: "ghost",
           onClick: () => e.resetColumnFilters(),
@@ -42,6 +43,6 @@ function F({
   ] });
 }
 export {
-  F as DataTableToolbar
+  v as DataTableToolbar
 };
 //# sourceMappingURL=data-table-toolbar.js.map

package/dist/components/ui/data-table/data-table-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-toolbar.js","sources":["../../../../src/components/ui/data-table/data-table-toolbar.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { CloseIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { DataTableViewOptions } from './data-table-view-options'\n\ninterface DataTableToolbarProps<TData> {\n  table: Table<TData>\n  searchKey?: string\n  searchPlaceholder?: string\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  searchKey,\n  searchPlaceholder = 'Filter...',\n}: DataTableToolbarProps<TData>) {\n  const isFiltered = table.getState().columnFilters.length > 0\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div className=\"flex flex-1 items-center space-x-2\">\n        {searchKey && (\n          <Input\n            placeholder={searchPlaceholder}\n            value={(table.getColumn(searchKey)?.getFilterValue() as string) ?? ''}\n            onChange={(event) => table.getColumn(searchKey)?.setFilterValue(event.target.value)}\n            className=\"h-8 w-[150px] lg:w-[250px]\"\n          />\n        )}\n        {isFiltered && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => table.resetColumnFilters()}\n            className=\"h-8 px-2 lg:px-3\"\n          >\n            Reset\n            <CloseIcon className=\"ml-2 h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n      <DataTableViewOptions table={table} />\n    </div>\n  )\n}\n"],"names":["DataTableToolbar","table","searchKey","searchPlaceholder","isFiltered","jsxs","jsx","Input","_a","event","Button","CloseIcon","DataTableViewOptions"],"mappings":";;;;;;AAYO,SAASA,EAAwB;AAAA,EACtC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAAiC;;AAC/B,QAAMC,IAAaH,EAAM,SAAA,EAAW,cAAc,SAAS;AAE3D,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sCACZ,UAAA;AAAA,MAAAH,KACC,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaJ;AAAA,UACb,SAAQK,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,qBAA+B;AAAA,UACnE,UAAU,CAACC,MAAA;;AAAU,oBAAAD,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,eAAeC,EAAM,OAAO;AAAA;AAAA,UAC7E,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGbL,KACC,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMT,EAAM,mBAAA;AAAA,UACrB,WAAU;AAAA,UACX,UAAA;AAAA,YAAA;AAAA,YAEC,gBAAAK,EAACK,GAAA,EAAU,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtC,GAEJ;AAAA,IACA,gBAAAL,EAACM,KAAqB,OAAAX,EAAA,CAAc;AAAA,EAAA,GACtC;AAEJ;"}
+{"version":3,"file":"data-table-toolbar.js","sources":["../../../../src/components/ui/data-table/data-table-toolbar.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { CloseIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport { Input } from '@/components/ui/input'\nimport { DataTableViewOptions } from './data-table-view-options'\n\ninterface DataTableToolbarProps<TData> {\n  table: Table<TData>\n  searchKey?: string\n  searchPlaceholder?: string\n}\n\nexport function DataTableToolbar<TData>({\n  table,\n  searchKey,\n  searchPlaceholder = 'Filter...',\n}: DataTableToolbarProps<TData>) {\n  const isFiltered = table.getState().columnFilters.length > 0\n\n  return (\n    <div className=\"flex items-center justify-between\">\n      <div className=\"flex flex-1 items-center space-x-2\">\n        {searchKey && (\n          <Input\n            placeholder={searchPlaceholder}\n            value={(table.getColumn(searchKey)?.getFilterValue() as string) ?? ''}\n            onChange={(event) => table.getColumn(searchKey)?.setFilterValue(event.target.value)}\n            className=\"h-8 w-[150px] lg:w-[250px]\"\n          />\n        )}\n        {isFiltered && (\n          <Button\n            variant=\"ghost\"\n            onClick={() => table.resetColumnFilters()}\n            className=\"h-8 px-2 lg:px-3\"\n          >\n            Reset\n            <CloseIcon className=\"ml-2 h-4 w-4\" />\n          </Button>\n        )}\n      </div>\n      <DataTableViewOptions table={table} />\n    </div>\n  )\n}\n"],"names":["DataTableToolbar","table","searchKey","searchPlaceholder","isFiltered","jsxs","jsx","Input","_a","event","Button","CloseIcon","DataTableViewOptions"],"mappings":";;;;;;;AAYO,SAASA,EAAwB;AAAA,EACtC,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAAiC;;AAC/B,QAAMC,IAAaH,EAAM,SAAA,EAAW,cAAc,SAAS;AAE3D,SACE,gBAAAI,EAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,IAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,sCACZ,UAAA;AAAA,MAAAH,KACC,gBAAAI;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAaJ;AAAA,UACb,SAAQK,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,qBAA+B;AAAA,UACnE,UAAU,CAACC,MAAA;;AAAU,oBAAAD,IAAAP,EAAM,UAAUC,CAAS,MAAzB,gBAAAM,EAA4B,eAAeC,EAAM,OAAO;AAAA;AAAA,UAC7E,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,MAGbL,KACC,gBAAAC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAMT,EAAM,mBAAA;AAAA,UACrB,WAAU;AAAA,UACX,UAAA;AAAA,YAAA;AAAA,YAEC,gBAAAK,EAACK,GAAA,EAAU,WAAU,eAAA,CAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtC,GAEJ;AAAA,IACA,gBAAAL,EAACM,KAAqB,OAAAX,EAAA,CAAc;AAAA,EAAA,GACtC;AAEJ;"}

package/dist/components/ui/data-table/data-table-view-options.js

@@ -1,9 +1,10 @@
 import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import "react";
 import "../../icons/dynamic-icons.js";
 import { SettingsIcon as t } from "../../icons/auto-generated.js";
 import { Button as a } from "../button.js";
 import { DropdownMenu as d, DropdownMenuTrigger as l, DropdownMenuContent as s, DropdownMenuLabel as p, DropdownMenuSeparator as m, DropdownMenuCheckboxItem as c } from "../dropdown-menu.js";
-function D({ table: i }) {
+function x({ table: i }) {
   return /* @__PURE__ */ r(d, { children: [
     /* @__PURE__ */ r(
       l,
@@ -32,6 +33,6 @@ function D({ table: i }) {
   ] });
 }
 export {
-  D as DataTableViewOptions
+  x as DataTableViewOptions
 };
 //# sourceMappingURL=data-table-view-options.js.map

package/dist/components/ui/data-table/data-table-view-options.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table-view-options.js","sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { SettingsIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableViewOptionsProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        render={<Button variant=\"outline\" size=\"sm\" className=\"ml-auto hidden h-8 lg:flex\" />}\n      >\n        <SettingsIcon className=\"mr-2 h-4 w-4\" />\n        View\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-[150px]\">\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                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            )\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["DataTableViewOptions","table","DropdownMenu","jsxs","DropdownMenuTrigger","Button","jsx","SettingsIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value"],"mappings":";;;;;AAgBO,SAASA,EAA4B,EAAE,OAAAC,KAA2C;AACvF,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,WAAU,MAAK,MAAK,WAAU,8BAA6B;AAAA,QAEnF,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAa,WAAU,eAAA,CAAe;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAJ,EAACK,GAAA,EAAoB,OAAM,OAAM,WAAU,aACzC,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAkB,UAAA,iBAAA,CAAc;AAAA,wBAChCC,GAAA,EAAsB;AAAA,MACtBT,EACE,cAAA,EACA,OAAO,CAACU,MAAW,OAAOA,EAAO,aAAe,OAAeA,EAAO,WAAA,CAAY,EAClF,IAAI,CAACA,MAEF,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,SAASD,EAAO,aAAA;AAAA,UAChB,iBAAiB,CAACE,MAAUF,EAAO,iBAAiB,CAAC,CAACE,CAAK;AAAA,UAE1D,UAAAF,EAAO;AAAA,QAAA;AAAA,QALHA,EAAO;AAAA,MAAA,CAQjB;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"data-table-view-options.js","sources":["../../../../src/components/ui/data-table/data-table-view-options.tsx"],"sourcesContent":["import { Table } from '@tanstack/react-table'\nimport { SettingsIcon } from '@/components/icons'\nimport { Button } from '@/components/ui/button'\nimport {\n  DropdownMenu,\n  DropdownMenuCheckboxItem,\n  DropdownMenuContent,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuTrigger,\n} from '@/components/ui/dropdown-menu'\n\ninterface DataTableViewOptionsProps<TData> {\n  table: Table<TData>\n}\n\nexport function DataTableViewOptions<TData>({ table }: DataTableViewOptionsProps<TData>) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger\n        render={<Button variant=\"outline\" size=\"sm\" className=\"ml-auto hidden h-8 lg:flex\" />}\n      >\n        <SettingsIcon className=\"mr-2 h-4 w-4\" />\n        View\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"w-[150px]\">\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                className=\"capitalize\"\n                checked={column.getIsVisible()}\n                onCheckedChange={(value) => column.toggleVisibility(!!value)}\n              >\n                {column.id}\n              </DropdownMenuCheckboxItem>\n            )\n          })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["DataTableViewOptions","table","DropdownMenu","jsxs","DropdownMenuTrigger","Button","jsx","SettingsIcon","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","column","DropdownMenuCheckboxItem","value"],"mappings":";;;;;;AAgBO,SAASA,EAA4B,EAAE,OAAAC,KAA2C;AACvF,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,0BAASC,GAAA,EAAO,SAAQ,WAAU,MAAK,MAAK,WAAU,8BAA6B;AAAA,QAEnF,UAAA;AAAA,UAAA,gBAAAC,EAACC,GAAA,EAAa,WAAU,eAAA,CAAe;AAAA,UAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAG3C,gBAAAJ,EAACK,GAAA,EAAoB,OAAM,OAAM,WAAU,aACzC,UAAA;AAAA,MAAA,gBAAAF,EAACG,KAAkB,UAAA,iBAAA,CAAc;AAAA,wBAChCC,GAAA,EAAsB;AAAA,MACtBT,EACE,cAAA,EACA,OAAO,CAACU,MAAW,OAAOA,EAAO,aAAe,OAAeA,EAAO,WAAA,CAAY,EAClF,IAAI,CAACA,MAEF,gBAAAL;AAAA,QAACM;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UACV,SAASD,EAAO,aAAA;AAAA,UAChB,iBAAiB,CAACE,MAAUF,EAAO,iBAAiB,CAAC,CAACE,CAAK;AAAA,UAE1D,UAAAF,EAAO;AAAA,QAAA;AAAA,QALHA,EAAO;AAAA,MAAA,CAQjB;AAAA,IAAA,EAAA,CACL;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/ui/data-table/data-table.d.ts

@@ -1,7 +1,6 @@
 import { ColumnDef } from '@tanstack/react-table';
-interface DataTableProps<TData, TValue> {
+export interface DataTableProps<TData, TValue> {
     columns: ColumnDef<TData, TValue>[];
     data: TData[];
 }
 export declare function DataTable<TData, TValue>({ columns, data }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/ui/data-table/data-table.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import { useReactTable as M, flexRender as s } from "../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@tanstack/react-table/build/lib/index.js";
+import { useReactTable as M, flexRender as s } from "../../../node_modules/.pnpm/@tanstack_react-table@8.21.3_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/@tanstack/react-table/build/lib/index.js";
 import { useState as l } from "react";
 import { Table as S, TableHeader as f, TableRow as i, TableHead as T, TableBody as x, TableCell as a } from "../table.js";
 import { getFilteredRowModel as F, getSortedRowModel as y, getPaginationRowModel as V, getCoreRowModel as D } from "../../../node_modules/.pnpm/@tanstack_table-core@8.21.3/node_modules/@tanstack/table-core/build/lib/index.js";

package/dist/components/ui/data-table/data-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","sources":["../../../../src/components/ui/data-table/data-table.tsx"],"sourcesContent":["import {\n  ColumnDef,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useState } from 'react'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'\n\ninterface DataTableProps<TData, TValue> {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n}\n\nexport function DataTable<TData, TValue>({ columns, data }: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = useState<SortingState>([])\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})\n  const [rowSelection, setRowSelection] = useState({})\n\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    onSortingChange: setSorting,\n    getSortedRowModel: getSortedRowModel(),\n    onColumnFiltersChange: setColumnFilters,\n    getFilteredRowModel: getFilteredRowModel(),\n    onColumnVisibilityChange: setColumnVisibility,\n    onRowSelectionChange: setRowSelection,\n    state: {\n      sorting,\n      columnFilters,\n      columnVisibility,\n      rowSelection,\n    },\n  })\n\n  return (\n    <div className=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <TableRow key={headerGroup.id}>\n              {headerGroup.headers.map((header) => {\n                return (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(header.column.columnDef.header, header.getContext())}\n                  </TableHead>\n                )\n              })}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody>\n          {table.getRowModel().rows?.length ? (\n            table.getRowModel().rows.map((row) => (\n              <TableRow key={row.id} data-state={row.getIsSelected() && 'selected'}>\n                {row.getVisibleCells().map((cell) => (\n                  <TableCell key={cell.id}>\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))\n          ) : (\n            <TableRow>\n              <TableCell colSpan={columns.length} className=\"h-24 text-center\">\n                No results.\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </Table>\n    </div>\n  )\n}\n"],"names":["DataTable","columns","data","sorting","setSorting","useState","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","table","useReactTable","getCoreRowModel","getPaginationRowModel","getSortedRowModel","getFilteredRowModel","jsx","Table","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","_a","row","cell","TableCell"],"mappings":";;;;;AAoBO,SAASA,EAAyB,EAAE,SAAAC,GAAS,MAAAC,KAAuC;;AACzF,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAuB,CAAA,CAAE,GACjD,CAACC,GAAeC,CAAgB,IAAIF,EAA6B,CAAA,CAAE,GACnE,CAACG,GAAkBC,CAAmB,IAAIJ,EAA0B,CAAA,CAAE,GACtE,CAACK,GAAcC,CAAe,IAAIN,EAAS,CAAA,CAAE,GAE7CO,IAAQC,EAAc;AAAA,IAC1B,MAAAX;AAAA,IACA,SAAAD;AAAA,IACA,iBAAiBa,EAAA;AAAA,IACjB,uBAAuBC,EAAA;AAAA,IACvB,iBAAiBX;AAAA,IACjB,mBAAmBY,EAAA;AAAA,IACnB,uBAAuBT;AAAA,IACvB,qBAAqBU,EAAA;AAAA,IACrB,0BAA0BR;AAAA,IAC1B,sBAAsBE;AAAA,IACtB,OAAO;AAAA,MACL,SAAAR;AAAA,MACA,eAAAG;AAAA,MACA,kBAAAE;AAAA,MACA,cAAAE;AAAA,IAAA;AAAA,EACF,CACD;AAED,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAU,qBACb,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACE,UAAAR,EAAM,gBAAA,EAAkB,IAAI,CAACS,MAC5B,gBAAAH,EAACI,GAAA,EACE,UAAAD,EAAY,QAAQ,IAAI,CAACE,MAEtB,gBAAAL,EAACM,GAAA,EACE,UAAAD,EAAO,gBACJ,OACAE,EAAWF,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,GAHpDA,EAAO,EAIvB,CAEH,EAAA,GATYF,EAAY,EAU3B,CACD,EAAA,CACH;AAAA,IACA,gBAAAH,EAACQ,GAAA,EACE,WAAAC,IAAAf,EAAM,YAAA,EAAc,SAApB,QAAAe,EAA0B,SACzBf,EAAM,YAAA,EAAc,KAAK,IAAI,CAACgB,MAC5B,gBAAAV,EAACI,GAAA,EAAsB,cAAYM,EAAI,cAAA,KAAmB,YACvD,UAAAA,EAAI,gBAAA,EAAkB,IAAI,CAACC,MAC1B,gBAAAX,EAACY,KACE,UAAAL,EAAWI,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAA,CAAY,EAAA,GAD3CA,EAAK,EAErB,CACD,EAAA,GALYD,EAAI,EAMnB,CACD,IAED,gBAAAV,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACY,GAAA,EAAU,SAAS7B,EAAQ,QAAQ,WAAU,oBAAmB,UAAA,cAAA,CAEjE,EAAA,CACF,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"data-table.js","sources":["../../../../src/components/ui/data-table/data-table.tsx"],"sourcesContent":["import {\n  ColumnDef,\n  ColumnFiltersState,\n  SortingState,\n  VisibilityState,\n  flexRender,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { useState } from 'react'\nimport { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table'\n\nexport interface DataTableProps<TData, TValue> {\n  columns: ColumnDef<TData, TValue>[]\n  data: TData[]\n}\n\nexport function DataTable<TData, TValue>({ columns, data }: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = useState<SortingState>([])\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([])\n  const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({})\n  const [rowSelection, setRowSelection] = useState({})\n\n  const table = useReactTable({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    onSortingChange: setSorting,\n    getSortedRowModel: getSortedRowModel(),\n    onColumnFiltersChange: setColumnFilters,\n    getFilteredRowModel: getFilteredRowModel(),\n    onColumnVisibilityChange: setColumnVisibility,\n    onRowSelectionChange: setRowSelection,\n    state: {\n      sorting,\n      columnFilters,\n      columnVisibility,\n      rowSelection,\n    },\n  })\n\n  return (\n    <div className=\"rounded-md border\">\n      <Table>\n        <TableHeader>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <TableRow key={headerGroup.id}>\n              {headerGroup.headers.map((header) => {\n                return (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(header.column.columnDef.header, header.getContext())}\n                  </TableHead>\n                )\n              })}\n            </TableRow>\n          ))}\n        </TableHeader>\n        <TableBody>\n          {table.getRowModel().rows?.length ? (\n            table.getRowModel().rows.map((row) => (\n              <TableRow key={row.id} data-state={row.getIsSelected() && 'selected'}>\n                {row.getVisibleCells().map((cell) => (\n                  <TableCell key={cell.id}>\n                    {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))\n          ) : (\n            <TableRow>\n              <TableCell colSpan={columns.length} className=\"h-24 text-center\">\n                No results.\n              </TableCell>\n            </TableRow>\n          )}\n        </TableBody>\n      </Table>\n    </div>\n  )\n}\n"],"names":["DataTable","columns","data","sorting","setSorting","useState","columnFilters","setColumnFilters","columnVisibility","setColumnVisibility","rowSelection","setRowSelection","table","useReactTable","getCoreRowModel","getPaginationRowModel","getSortedRowModel","getFilteredRowModel","jsx","Table","TableHeader","headerGroup","TableRow","header","TableHead","flexRender","TableBody","_a","row","cell","TableCell"],"mappings":";;;;;AAoBO,SAASA,EAAyB,EAAE,SAAAC,GAAS,MAAAC,KAAuC;;AACzF,QAAM,CAACC,GAASC,CAAU,IAAIC,EAAuB,CAAA,CAAE,GACjD,CAACC,GAAeC,CAAgB,IAAIF,EAA6B,CAAA,CAAE,GACnE,CAACG,GAAkBC,CAAmB,IAAIJ,EAA0B,CAAA,CAAE,GACtE,CAACK,GAAcC,CAAe,IAAIN,EAAS,CAAA,CAAE,GAE7CO,IAAQC,EAAc;AAAA,IAC1B,MAAAX;AAAA,IACA,SAAAD;AAAA,IACA,iBAAiBa,EAAA;AAAA,IACjB,uBAAuBC,EAAA;AAAA,IACvB,iBAAiBX;AAAA,IACjB,mBAAmBY,EAAA;AAAA,IACnB,uBAAuBT;AAAA,IACvB,qBAAqBU,EAAA;AAAA,IACrB,0BAA0BR;AAAA,IAC1B,sBAAsBE;AAAA,IACtB,OAAO;AAAA,MACL,SAAAR;AAAA,MACA,eAAAG;AAAA,MACA,kBAAAE;AAAA,MACA,cAAAE;AAAA,IAAA;AAAA,EACF,CACD;AAED,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAU,qBACb,4BAACC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EACE,UAAAR,EAAM,gBAAA,EAAkB,IAAI,CAACS,MAC5B,gBAAAH,EAACI,GAAA,EACE,UAAAD,EAAY,QAAQ,IAAI,CAACE,MAEtB,gBAAAL,EAACM,GAAA,EACE,UAAAD,EAAO,gBACJ,OACAE,EAAWF,EAAO,OAAO,UAAU,QAAQA,EAAO,WAAA,CAAY,EAAA,GAHpDA,EAAO,EAIvB,CAEH,EAAA,GATYF,EAAY,EAU3B,CACD,EAAA,CACH;AAAA,IACA,gBAAAH,EAACQ,GAAA,EACE,WAAAC,IAAAf,EAAM,YAAA,EAAc,SAApB,QAAAe,EAA0B,SACzBf,EAAM,YAAA,EAAc,KAAK,IAAI,CAACgB,MAC5B,gBAAAV,EAACI,GAAA,EAAsB,cAAYM,EAAI,cAAA,KAAmB,YACvD,UAAAA,EAAI,gBAAA,EAAkB,IAAI,CAACC,MAC1B,gBAAAX,EAACY,KACE,UAAAL,EAAWI,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAA,CAAY,EAAA,GAD3CA,EAAK,EAErB,CACD,EAAA,GALYD,EAAI,EAMnB,CACD,IAED,gBAAAV,EAACI,GAAA,EACC,UAAA,gBAAAJ,EAACY,GAAA,EAAU,SAAS7B,EAAQ,QAAQ,WAAU,oBAAmB,UAAA,cAAA,CAEjE,EAAA,CACF,EAAA,CAEJ;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/ui/date-picker.js

@@ -4,26 +4,31 @@ import { Button as m } from "./button.js";
 import { Calendar as n } from "./calendar.js";
 import { CalendarIcon as i } from "../icons/auto-generated.js";
 import { Popover as s, PopoverTrigger as p, PopoverContent as d } from "./popover.js";
-import { formatDate as l } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";
-function v() {
+import { formatDate as c } from "../../node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/format.js";
+function g() {
   const [e, r] = a.useState();
   return /* @__PURE__ */ o(s, { children: [
-    /* @__PURE__ */ t(p, { asChild: !0, children: /* @__PURE__ */ o(
-      m,
+    /* @__PURE__ */ t(
+      p,
       {
-        variant: "outline",
-        "data-empty": !e,
-        className: "data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal",
-        children: [
-          /* @__PURE__ */ t(i, {}),
-          e ? l(e, "PPP") : /* @__PURE__ */ t("span", { children: "Pick a date" })
-        ]
+        render: /* @__PURE__ */ o(
+          m,
+          {
+            variant: "outline",
+            "data-empty": !e,
+            className: "data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal",
+            children: [
+              /* @__PURE__ */ t(i, {}),
+              e ? c(e, "PPP") : /* @__PURE__ */ t("span", { children: "Pick a date" })
+            ]
+          }
+        )
       }
-    ) }),
+    ),
     /* @__PURE__ */ t(d, { className: "w-auto p-0", children: /* @__PURE__ */ t(n, { mode: "single", selected: e, onSelect: r }) })
   ] });
 }
 export {
-  v as DatePicker
+  g as DatePicker
 };
 //# sourceMappingURL=date-picker.js.map

package/dist/components/ui/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sources":["../../../src/components/ui/date-picker.tsx"],"sourcesContent":["import * as React from 'react'\nimport { format } from 'date-fns'\nimport { Button } from '@/components/ui/button'\nimport { Calendar } from '@/components/ui/calendar'\nimport { CalendarIcon } from '@/components/icons/auto-generated'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'\n\nexport function DatePicker() {\n  const [date, setDate] = React.useState<Date>()\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button\n          variant=\"outline\"\n          data-empty={!date}\n          className=\"data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal\"\n        >\n          <CalendarIcon />\n          {date ? format(date, 'PPP') : <span>Pick a date</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} />\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["DatePicker","date","setDate","React","Popover","jsx","PopoverTrigger","jsxs","Button","CalendarIcon","format","PopoverContent","Calendar"],"mappings":";;;;;;;AAOO,SAASA,IAAa;AAC3B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAA;AAE9B,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAe,SAAO,IACrB,UAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,cAAY,CAACP;AAAA,QACb,WAAU;AAAA,QAEV,UAAA;AAAA,UAAA,gBAAAI,EAACI,GAAA,EAAa;AAAA,UACbR,IAAOS,EAAOT,GAAM,KAAK,IAAI,gBAAAI,EAAC,UAAK,UAAA,cAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA,GAEnD;AAAA,IACA,gBAAAA,EAACM,GAAA,EAAe,WAAU,cACxB,UAAA,gBAAAN,EAACO,GAAA,EAAS,MAAK,UAAS,UAAUX,GAAM,UAAUC,EAAA,CAAS,EAAA,CAC7D;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"date-picker.js","sources":["../../../src/components/ui/date-picker.tsx"],"sourcesContent":["import * as React from 'react'\nimport { format } from 'date-fns'\nimport { Button } from '@/components/ui/button'\nimport { Calendar } from '@/components/ui/calendar'\nimport { CalendarIcon } from '@/components/icons/auto-generated'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/popover'\n\nexport function DatePicker() {\n  const [date, setDate] = React.useState<Date>()\n\n  return (\n    <Popover>\n      <PopoverTrigger\n        render={\n          <Button\n            variant=\"outline\"\n            data-empty={!date}\n            className=\"data-[empty=true]:text-muted-foreground w-[280px] justify-start text-left font-normal\"\n          >\n            <CalendarIcon />\n            {date ? format(date, 'PPP') : <span>Pick a date</span>}\n          </Button>\n        }\n      />\n      <PopoverContent className=\"w-auto p-0\">\n        <Calendar mode=\"single\" selected={date} onSelect={setDate} />\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["DatePicker","date","setDate","React","Popover","jsx","PopoverTrigger","jsxs","Button","CalendarIcon","format","PopoverContent","Calendar"],"mappings":";;;;;;;AAOO,SAASA,IAAa;AAC3B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAA;AAE9B,2BACGC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,QACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,cAAY,CAACP;AAAA,YACb,WAAU;AAAA,YAEV,UAAA;AAAA,cAAA,gBAAAI,EAACI,GAAA,EAAa;AAAA,cACbR,IAAOS,EAAOT,GAAM,KAAK,IAAI,gBAAAI,EAAC,UAAK,UAAA,cAAA,CAAW;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACjD;AAAA,IAAA;AAAA,IAGJ,gBAAAA,EAACM,GAAA,EAAe,WAAU,cACxB,UAAA,gBAAAN,EAACO,GAAA,EAAS,MAAK,UAAS,UAAUX,GAAM,UAAUC,EAAA,CAAS,EAAA,CAC7D;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/ui/dialog.docs.d.ts

@@ -0,0 +1,7 @@
+/** Props for the DialogContent component */
+export interface DialogContentProps {
+    /** Whether to render inside a portal (default: true) */
+    portal?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+}

package/dist/components/ui/dialog.js

@@ -1,20 +1,13 @@
-import { jsx as e, jsxs as s, Fragment as f } from "react/jsx-runtime";
-import * as l from "react";
+import { jsx as e, jsxs as d, Fragment as f } from "react/jsx-runtime";
+import * as s from "react";
+import { Dialog as t } from "@base-ui/react";
 import { cn as i } from "../../lib/utils.js";
 import "../icons/dynamic-icons.js";
-import { CloseIcon as c } from "../icons/auto-generated.js";
-import { DialogBackdrop as D } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/backdrop/DialogBackdrop.js";
-import { DialogPopup as u } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/popup/DialogPopup.js";
-import { DialogPortal as d } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/portal/DialogPortal.js";
-import { DialogTitle as x } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/title/DialogTitle.js";
-import { DialogClose as n } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/close/DialogClose.js";
-import { DialogDescription as y } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/description/DialogDescription.js";
-import { DialogRoot as N } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/root/DialogRoot.js";
-import { DialogTrigger as b } from "../../node_modules/.pnpm/@base-ui_react@1.1.0_@types_react@18.3.27_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@base-ui/react/esm/dialog/trigger/DialogTrigger.js";
-const E = N, G = b, J = d, K = n, m = l.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
-  D,
+import { CloseIcon as m } from "../icons/auto-generated.js";
+const B = t.Root, T = t.Trigger, z = t.Portal, P = t.Close, n = s.forwardRef(({ className: o, ...a }, l) => /* @__PURE__ */ e(
+  t.Backdrop,
   {
-    ref: t,
+    ref: l,
     className: i(
       "fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0",
       o
@@ -22,27 +15,27 @@ const E = N, G = b, J = d, K = n, m = l.forwardRef(({ className: o, ...a }, t) =
     ...a
   }
 ));
-m.displayName = "DialogOverlay";
-const w = l.forwardRef(({ className: o, children: a, portal: t = !0, ...p }, g) => {
-  const r = /* @__PURE__ */ s(f, { children: [
-    /* @__PURE__ */ e(m, {}),
+n.displayName = "DialogOverlay";
+const g = s.forwardRef(({ className: o, children: a, portal: l = !0, ...c }, p) => {
+  const r = /* @__PURE__ */ d(f, { children: [
+    /* @__PURE__ */ e(n, {}),
     /* @__PURE__ */ e(
-      u,
+      t.Popup,
       {
-        ref: g,
+        ref: p,
         className: i(
           "fixed left-[50%] top-[50%] z-50 flex w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col overflow-hidden rounded bg-muted shadow-[0px_10px_20px_rgba(36,49,67,0.9)] duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-dialog-offset data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-dialog-offset",
           o
         ),
-        ...p,
+        ...c,
         children: a
       }
     )
   ] });
-  return t ? /* @__PURE__ */ e(d, { children: r }) : r;
+  return l ? /* @__PURE__ */ e(t.Portal, { children: r }) : r;
 });
-w.displayName = "DialogContent";
-const h = ({ className: o, ...a }) => /* @__PURE__ */ e(
+g.displayName = "DialogContent";
+const u = ({ className: o, ...a }) => /* @__PURE__ */ e(
   "div",
   {
     className: i(
@@ -52,8 +45,8 @@ const h = ({ className: o, ...a }) => /* @__PURE__ */ e(
     ...a
   }
 );
-h.displayName = "DialogHeader";
-const C = ({ className: o, ...a }) => /* @__PURE__ */ e(
+u.displayName = "DialogHeader";
+const D = ({ className: o, ...a }) => /* @__PURE__ */ e(
   "div",
   {
     className: i(
@@ -63,11 +56,11 @@ const C = ({ className: o, ...a }) => /* @__PURE__ */ e(
     ...a
   }
 );
-C.displayName = "DialogFooter";
-const v = l.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
-  x,
+D.displayName = "DialogFooter";
+const x = s.forwardRef(({ className: o, ...a }, l) => /* @__PURE__ */ e(
+  t.Title,
   {
-    ref: t,
+    ref: l,
     className: i(
       "flex-1 text-2xl font-normal leading-8 text-foreground",
       o
@@ -75,46 +68,46 @@ const v = l.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
     ...a
   }
 ));
-v.displayName = "DialogTitle";
-const R = l.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ s(
-  n,
+x.displayName = "DialogTitle";
+const y = s.forwardRef(({ className: o, ...a }, l) => /* @__PURE__ */ d(
+  t.Close,
   {
-    ref: t,
+    ref: l,
     className: i(
       "rounded p-1 text-[#2668C5] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none",
       o
     ),
     ...a,
     children: [
-      /* @__PURE__ */ e(c, { className: "h-6 w-6" }),
+      /* @__PURE__ */ e(m, { className: "h-6 w-6" }),
       /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
     ]
   }
 ));
-R.displayName = "DialogCloseButton";
-const T = ({ className: o, ...a }) => /* @__PURE__ */ e("div", { className: i("flex-1 overflow-auto p-6", o), ...a });
-T.displayName = "DialogBody";
-const B = l.forwardRef(({ className: o, ...a }, t) => /* @__PURE__ */ e(
-  y,
+y.displayName = "DialogCloseButton";
+const N = ({ className: o, ...a }) => /* @__PURE__ */ e("div", { className: i("flex-1 overflow-auto p-6", o), ...a });
+N.displayName = "DialogBody";
+const b = s.forwardRef(({ className: o, ...a }, l) => /* @__PURE__ */ e(
+  t.Description,
   {
-    ref: t,
+    ref: l,
     className: i("text-sm text-muted-foreground", o),
     ...a
   }
 ));
-B.displayName = "DialogDescription";
+b.displayName = "DialogDescription";
 export {
-  E as Dialog,
-  T as DialogBody,
-  K as DialogClose,
-  R as DialogCloseButton,
-  w as DialogContent,
-  B as DialogDescription,
-  C as DialogFooter,
-  h as DialogHeader,
-  m as DialogOverlay,
-  J as DialogPortal,
-  v as DialogTitle,
-  G as DialogTrigger
+  B as Dialog,
+  N as DialogBody,
+  P as DialogClose,
+  y as DialogCloseButton,
+  g as DialogContent,
+  b as DialogDescription,
+  D as DialogFooter,
+  u as DialogHeader,
+  n as DialogOverlay,
+  z as DialogPortal,
+  x as DialogTitle,
+  T as DialogTrigger
 };
 //# sourceMappingURL=dialog.js.map

package/dist/components/ui/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Dialog as BaseDialog } from '@base-ui/react'\nimport { CloseIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\n// Re-export Root as Dialog so callers use <Dialog open={...}> identical to Radix usage\nconst Dialog = BaseDialog.Root\n\nconst DialogTrigger = BaseDialog.Trigger\n\nconst DialogPortal = BaseDialog.Portal\n\nconst DialogClose = BaseDialog.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Backdrop>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Backdrop\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = 'DialogOverlay'\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Popup>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Popup> & {\n    portal?: boolean\n  }\n>(({ className, children, portal = true, ...props }, ref) => {\n  // Base UI requires Popup to be rendered inside a Portal for proper stacking context.\n  // When portal=false the caller opts out (e.g. inline usage in tests).\n  const popup = (\n    <>\n      <DialogOverlay />\n      <BaseDialog.Popup\n        ref={ref}\n        className={cn(\n          'fixed left-[50%] top-[50%] z-50 flex w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col overflow-hidden rounded bg-muted shadow-[0px_10px_20px_rgba(36,49,67,0.9)] duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-dialog-offset data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-dialog-offset',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </BaseDialog.Popup>\n    </>\n  )\n\n  return portal ? <BaseDialog.Portal>{popup}</BaseDialog.Portal> : popup\n})\nDialogContent.displayName = 'DialogContent'\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex h-16 items-center gap-4 border-b border-border bg-card px-5 py-4',\n      className\n    )}\n    {...props}\n  />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex h-16 items-center justify-end gap-4 border-t border-border bg-card px-6 py-4',\n      className\n    )}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Title>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Title>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Title\n    ref={ref}\n    className={cn(\n      'flex-1 text-2xl font-normal leading-8 text-foreground',\n      className\n    )}\n    {...props}\n  />\n))\nDialogTitle.displayName = 'DialogTitle'\n\nconst DialogCloseButton = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Close>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Close>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Close\n    ref={ref}\n    className={cn(\n      'rounded p-1 text-[#2668C5] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none',\n      className\n    )}\n    {...props}\n  >\n    <CloseIcon className=\"h-6 w-6\" />\n    <span className=\"sr-only\">Close</span>\n  </BaseDialog.Close>\n))\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nconst DialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex-1 overflow-auto p-6', className)} {...props} />\n)\nDialogBody.displayName = 'DialogBody'\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Description>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Description>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = 'DialogDescription'\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogCloseButton,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogBody,\n  DialogDescription,\n}\n"],"names":["Dialog","BaseDialog.Root","DialogTrigger","BaseDialog.Trigger","DialogPortal","BaseDialog.Portal","DialogClose","BaseDialog.Close","DialogOverlay","React","className","props","ref","jsx","BaseDialog.Backdrop","cn","DialogContent","children","portal","popup","jsxs","Fragment","BaseDialog.Popup","DialogHeader","DialogFooter","DialogTitle","BaseDialog.Title","DialogCloseButton","CloseIcon","DialogBody","DialogDescription","BaseDialog.Description"],"mappings":";;;;;;;;;;;;;AAOA,MAAMA,IAASC,GAETC,IAAgBC,GAEhBC,IAAeC,GAEfC,IAAcC,GAEdC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMQ,IAAgBP,EAAM,WAK1B,CAAC,EAAE,WAAAC,GAAW,UAAAO,GAAU,QAAAC,IAAS,IAAM,GAAGP,EAAA,GAASC,MAAQ;AAG3D,QAAMO,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAR,EAACL,GAAA,EAAc;AAAA,IACf,gBAAAK;AAAA,MAACS;AAAAA,MAAA;AAAA,QACC,KAAAV;AAAA,QACA,WAAWG;AAAA,UACT;AAAA,UACAL;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,QAEH,UAAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAGF,SAAOC,IAAS,gBAAAL,EAACR,GAAA,EAAmB,aAAM,IAAuBc;AACnE,CAAC;AACDH,EAAc,cAAc;AAE5B,MAAMO,IAAe,CAAC,EAAE,WAAAb,GAAW,GAAGC,QACpC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFY,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC,EAAE,WAAAd,GAAW,GAAGC,QACpC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWE;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFa,EAAa,cAAc;AAE3B,MAAMC,IAAchB,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACa;AAAAA,EAAA;AAAA,IACC,KAAAd;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDc,EAAY,cAAc;AAE1B,MAAME,IAAoBlB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAQ;AAAA,EAACb;AAAAA,EAAA;AAAA,IACC,KAAAK;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACe,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,MAC/B,gBAAAf,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AACjC,CACD;AACDc,EAAkB,cAAc;AAEhC,MAAME,IAAa,CAAC,EAAE,WAAAnB,GAAW,GAAGC,EAAA,MAClC,gBAAAE,EAAC,OAAA,EAAI,WAAWE,EAAG,4BAA4BL,CAAS,GAAI,GAAGC,EAAA,CAAO;AAExEkB,EAAW,cAAc;AAEzB,MAAMC,IAAoBrB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACkB;AAAAA,EAAA;AAAA,IACC,KAAAnB;AAAA,IACA,WAAWG,EAAG,iCAAiCL,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDmB,EAAkB,cAAc;"}
+{"version":3,"file":"dialog.js","sources":["../../../src/components/ui/dialog.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Dialog as BaseDialog } from '@base-ui/react'\nimport { CloseIcon } from '@/components/icons'\n\nimport { cn } from '@/lib/utils'\n\n// Re-export Root as Dialog so callers use <Dialog open={...}> identical to Radix usage\nconst Dialog = BaseDialog.Root\n\nconst DialogTrigger = BaseDialog.Trigger\n\nconst DialogPortal = BaseDialog.Portal\n\nconst DialogClose = BaseDialog.Close\n\nconst DialogOverlay = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Backdrop>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Backdrop>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Backdrop\n    ref={ref}\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0',\n      className\n    )}\n    {...props}\n  />\n))\nDialogOverlay.displayName = 'DialogOverlay'\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Popup>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Popup> & {\n    portal?: boolean\n  }\n>(({ className, children, portal = true, ...props }, ref) => {\n  // Base UI requires Popup to be rendered inside a Portal for proper stacking context.\n  // When portal=false the caller opts out (e.g. inline usage in tests).\n  const popup = (\n    <>\n      <DialogOverlay />\n      <BaseDialog.Popup\n        ref={ref}\n        className={cn(\n          'fixed left-[50%] top-[50%] z-50 flex w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col overflow-hidden rounded bg-muted shadow-[0px_10px_20px_rgba(36,49,67,0.9)] duration-200 data-[open]:animate-in data-[closed]:animate-out data-[closed]:fade-out-0 data-[open]:fade-in-0 data-[closed]:zoom-out-95 data-[open]:zoom-in-95 data-[closed]:slide-out-to-left-1/2 data-[closed]:slide-out-to-top-dialog-offset data-[open]:slide-in-from-left-1/2 data-[open]:slide-in-from-top-dialog-offset',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </BaseDialog.Popup>\n    </>\n  )\n\n  return portal ? <BaseDialog.Portal>{popup}</BaseDialog.Portal> : popup\n})\nDialogContent.displayName = 'DialogContent'\n\nconst DialogHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex h-16 items-center gap-4 border-b border-border bg-card px-5 py-4',\n      className\n    )}\n    {...props}\n  />\n)\nDialogHeader.displayName = 'DialogHeader'\n\nconst DialogFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex h-16 items-center justify-end gap-4 border-t border-border bg-card px-6 py-4',\n      className\n    )}\n    {...props}\n  />\n)\nDialogFooter.displayName = 'DialogFooter'\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Title>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Title>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Title\n    ref={ref}\n    className={cn(\n      'flex-1 text-2xl font-normal leading-8 text-foreground',\n      className\n    )}\n    {...props}\n  />\n))\nDialogTitle.displayName = 'DialogTitle'\n\nconst DialogCloseButton = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Close>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Close>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Close\n    ref={ref}\n    className={cn(\n      'rounded p-1 text-[#2668C5] opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none',\n      className\n    )}\n    {...props}\n  >\n    <CloseIcon className=\"h-6 w-6\" />\n    <span className=\"sr-only\">Close</span>\n  </BaseDialog.Close>\n))\nDialogCloseButton.displayName = 'DialogCloseButton'\n\nconst DialogBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex-1 overflow-auto p-6', className)} {...props} />\n)\nDialogBody.displayName = 'DialogBody'\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof BaseDialog.Description>,\n  React.ComponentPropsWithoutRef<typeof BaseDialog.Description>\n>(({ className, ...props }, ref) => (\n  <BaseDialog.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nDialogDescription.displayName = 'DialogDescription'\n\nexport {\n  Dialog,\n  DialogPortal,\n  DialogOverlay,\n  DialogClose,\n  DialogCloseButton,\n  DialogTrigger,\n  DialogContent,\n  DialogHeader,\n  DialogFooter,\n  DialogTitle,\n  DialogBody,\n  DialogDescription,\n}\n"],"names":["Dialog","BaseDialog","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","portal","popup","jsxs","Fragment","DialogHeader","DialogFooter","DialogTitle","DialogCloseButton","CloseIcon","DialogBody","DialogDescription"],"mappings":";;;;;;AAOA,MAAMA,IAASC,EAAW,MAEpBC,IAAgBD,EAAW,SAE3BE,IAAeF,EAAW,QAE1BG,IAAcH,EAAW,OAEzBI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAW;AAAA,EAAX;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMO,IAAgBN,EAAM,WAK1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,QAAAC,IAAS,IAAM,GAAGN,EAAA,GAASC,MAAQ;AAG3D,QAAMM,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAP,EAACL,GAAA,EAAc;AAAA,IACf,gBAAAK;AAAA,MAACT,EAAW;AAAA,MAAX;AAAA,QACC,KAAAQ;AAAA,QACA,WAAWE;AAAA,UACT;AAAA,UACAJ;AAAA,QAAA;AAAA,QAED,GAAGC;AAAA,QAEH,UAAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAGF,SAAOC,IAAS,gBAAAJ,EAACT,EAAW,QAAX,EAAmB,aAAM,IAAuBc;AACnE,CAAC;AACDH,EAAc,cAAc;AAE5B,MAAMM,IAAe,CAAC,EAAE,WAAAX,GAAW,GAAGC,QACpC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFU,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC,EAAE,WAAAZ,GAAW,GAAGC,QACpC,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAa,cAAc;AAE3B,MAAMC,IAAcd,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAW;AAAA,EAAX;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAY,cAAc;AAE1B,MAAMC,IAAoBf,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAO;AAAA,EAACf,EAAW;AAAA,EAAX;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAA;AAAA,MAAA,gBAAAE,EAACY,GAAA,EAAU,WAAU,UAAA,CAAU;AAAA,MAC/B,gBAAAZ,EAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,IAAA;AAAA,EAAA;AACjC,CACD;AACDW,EAAkB,cAAc;AAEhC,MAAME,IAAa,CAAC,EAAE,WAAAhB,GAAW,GAAGC,EAAA,MAClC,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAG,4BAA4BJ,CAAS,GAAI,GAAGC,EAAA,CAAO;AAExEe,EAAW,cAAc;AAEzB,MAAMC,IAAoBlB,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAC;AAAA,EAACT,EAAW;AAAA,EAAX;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDgB,EAAkB,cAAc;"}

package/dist/components/ui/drawer.js

@@ -1,6 +1,6 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import * as l from "react";
-import { Drawer as a } from "../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@18.3.7_@types_react@18.3.27__@types_react@18.3.27_react-dom_2269d3e03d10e415f64b123099532853/node_modules/vaul/dist/index.js";
+import { Drawer as a } from "../../node_modules/.pnpm/vaul@1.1.2_@types_react-dom@19.2.3_@types_react@19.2.14__@types_react@19.2.14_react-dom_724ef6c3f0fbc86fbf11d8898c60a0ec/node_modules/vaul/dist/index.js";
 import { cn as s } from "../../lib/utils.js";
 const n = ({
   shouldScaleBackground: e = !0,

package/dist/components/ui/dropdown-menu.docs.d.ts

@@ -0,0 +1,18 @@
+/** Props for the DropdownMenuContent component */
+export interface DropdownMenuContentProps {
+    /** Whether to render inside a portal (default: true) */
+    portal?: boolean;
+    /** Distance in pixels from the trigger */
+    sideOffset?: number;
+    /** Horizontal alignment relative to the trigger */
+    align?: 'start' | 'center' | 'end';
+    /** Which side of the trigger to display the menu */
+    side?: 'top' | 'bottom' | 'left' | 'right' | 'inline-end' | 'inline-start';
+    className?: string;
+}
+/** Props for the DropdownMenuItem component */
+export interface DropdownMenuItemProps {
+    /** Indent the item to align with items that have icons */
+    inset?: boolean;
+    className?: string;
+}