@collabdt/core 0.0.40

package/dist/core/components/ui/DataTable.js

@@ -0,0 +1,247 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useTranslations } from "next-intl";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "./Table";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./Select";
+import { Button } from "./Button";
+import {
+  ChevronLeft,
+  ChevronRight,
+  ChevronsLeft,
+  ChevronsRight
+} from "lucide-react";
+import { MapContext, MenusContext } from "../../store";
+import { DataTableSkeleton } from "../DataTableSkeleton";
+function DataTable({
+  columns,
+  data,
+  onRowClick,
+  onRowHover,
+  currentViewer,
+  className,
+  paginationClasses,
+  trailingCell: TrailingCell,
+  leadingCell: LeadingCell,
+  showPagination = true,
+  tab = "",
+  isLoading = false
+}) {
+  var _a;
+  const t = useTranslations("DataTable");
+  const [pageIndex, setPageIndex] = React.useState(0);
+  const [sorting, setSorting] = React.useState([]);
+  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext);
+  const { rowsPerPage } = menusState.menus;
+  const { state: mapState } = React.useContext(MapContext);
+  const { currentLocation, countrySubdivisionsData } = mapState.map;
+  const { countrySubdivision, municipality } = currentLocation || {};
+  const [countrySubdivisionName, setCountrySubdivisionName] = React.useState("");
+  React.useEffect(() => {
+    var _a2;
+    if (countrySubdivisionsData && countrySubdivision) {
+      const sub = countrySubdivisionsData[countrySubdivision];
+      setCountrySubdivisionName(((_a2 = sub == null ? void 0 : sub.name) != null ? _a2 : sub) || "");
+    }
+  }, [countrySubdivisionsData, countrySubdivision]);
+  const capitalize = (str) => str ? str.charAt(0).toUpperCase() + str.slice(1) : "";
+  const dataType = React.useMemo(() => {
+    return tab || currentViewer || "";
+  }, [currentViewer, tab]);
+  const table = useReactTable({
+    data,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    onSortingChange: setSorting,
+    getSortedRowModel: getSortedRowModel(),
+    state: {
+      sorting,
+      pagination: {
+        pageSize: rowsPerPage,
+        pageIndex
+      }
+    },
+    onPaginationChange: (updater) => {
+      const newPagination = typeof updater === "function" ? updater({ pageIndex, pageSize: rowsPerPage }) : updater;
+      setPageIndex(newPagination.pageIndex);
+      if (newPagination.pageSize !== rowsPerPage) {
+        menusDispatch({ type: "SET_PAGINATION_ROWS_PER_PAGE", payload: { rowsPerPage: newPagination.pageSize } });
+      }
+    }
+  });
+  if (isLoading) {
+    return /* @__PURE__ */ jsx(
+      DataTableSkeleton,
+      {
+        columns: columns.length,
+        rows: rowsPerPage,
+        showLeadingCell: !!LeadingCell,
+        showTrailingCell: !!TrailingCell,
+        className,
+        showPagination
+      }
+    );
+  }
+  if (!data) {
+    return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ jsxs("p", { className: "text-gray-500", children: [
+      t("no"),
+      " ",
+      currentViewer,
+      " ",
+      t("availableAtTheMoment")
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full", children: [
+    /* @__PURE__ */ jsx("div", { className: `${className} rounded-md border overflow-hidden flex-1 flex flex-col`, children: /* @__PURE__ */ jsx("div", { className: "overflow-auto flex-1", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { className: "sticky top-0 z-10 bg-background", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsxs(TableRow, { children: [
+        LeadingCell && /* @__PURE__ */ jsx(TableHead, {}),
+        headerGroup.headers.map((header) => {
+          const meta = header.column.columnDef.meta;
+          const columnClasses = (meta == null ? void 0 : meta.columnClasses) || "";
+          return /* @__PURE__ */ jsx(TableHead, { className: `${columnClasses}`, children: header.isPlaceholder ? null : flexRender(
+            header.column.columnDef.header,
+            header.getContext()
+          ) }, header.id);
+        }),
+        /* @__PURE__ */ jsx(TableHead, { className: "w-10" })
+      ] }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx(TableBody, { children: ((_a = table.getRowModel().rows) == null ? void 0 : _a.length) ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsxs(
+        TableRow,
+        {
+          "data-state": row.getIsSelected() && "selected",
+          className: "cursor-pointer hover:bg-muted/50",
+          onClick: (e) => {
+            if (!e.target.closest(".dropdown-menu-trigger") && !e.target.closest("Button") && onRowClick) {
+              onRowClick(row.original);
+            }
+          },
+          onMouseEnter: () => {
+            if (onRowHover) {
+              onRowHover(row.original);
+            }
+          },
+          children: [
+            LeadingCell && /* @__PURE__ */ jsx(TableCell, { className: "w-10 p-2", children: /* @__PURE__ */ jsx(LeadingCell, { dataset: row.original }) }),
+            row.getVisibleCells().map((cell) => {
+              const meta = cell.column.columnDef.meta;
+              const columnClasses = (meta == null ? void 0 : meta.columnClasses) || "";
+              return /* @__PURE__ */ jsx(TableCell, { className: columnClasses, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id);
+            }),
+            TrailingCell && /* @__PURE__ */ jsx(TableCell, { className: "w-10 p-2", children: /* @__PURE__ */ jsx(TrailingCell, { row }) })
+          ]
+        },
+        row.id
+      )) : /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsxs(TableCell, { colSpan: columns.length + 1, className: "h-24 text-center", children: [
+        dataType === "applied" && t("noApplied"),
+        dataType === "favourites" && t("noFavorite"),
+        dataType === "national" && `${t("noNational")}`,
+        dataType === "countrySubdivision" && `${t("noProvincial")} ${countrySubdivisionName}`,
+        dataType === "municipal" && `${t("noMunicipal")} ${municipality}`,
+        dataType === "buildings" && `${t("noBuildings")}`,
+        dataType === "sites" && `${t("noSites")} `,
+        dataType === "files" && `${t("noFiles")}`
+      ] }) }) })
+    ] }) }) }),
+    showPagination && /* @__PURE__ */ jsxs("div", { className: `flex items-center flex-wrap justify-center sm:justify-end gap-8 px-1 py-4 ${paginationClasses}`, children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2 items-center justify-center", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm text-foreground text-nowrap", children: t("paginationTitle") }),
+        /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: rowsPerPage.toString(),
+            onValueChange: (value) => {
+              const rowsPerPage2 = Number.parseInt(value);
+              menusDispatch({ type: "SET_PAGINATION_ROWS_PER_PAGE", payload: { rowsPerPage: rowsPerPage2 } });
+              table.setPageSize(rowsPerPage2);
+            },
+            children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "10" }) }),
+              /* @__PURE__ */ jsxs(SelectContent, { children: [
+                /* @__PURE__ */ jsx(SelectItem, { value: "10", children: "10" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "20", children: "20" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "50", children: "50" }),
+                /* @__PURE__ */ jsx(SelectItem, { value: "100", children: "100" })
+              ] })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("span", { className: "text-sm text-foreground", children: [
+        t("page"),
+        " ",
+        table.getState().pagination.pageIndex + 1,
+        " ",
+        t("of"),
+        " ",
+        table.getPageCount()
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-2 items-center justify-center", children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: () => table.firstPage(),
+            disabled: !table.getCanPreviousPage(),
+            children: /* @__PURE__ */ jsx(ChevronsLeft, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: () => table.previousPage(),
+            disabled: !table.getCanPreviousPage(),
+            children: /* @__PURE__ */ jsx(ChevronLeft, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: () => table.nextPage(),
+            disabled: !table.getCanNextPage(),
+            children: /* @__PURE__ */ jsx(ChevronRight, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: () => table.lastPage(),
+            disabled: !table.getCanNextPage(),
+            children: /* @__PURE__ */ jsx(ChevronsRight, {})
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  DataTable
+};
+//# sourceMappingURL=DataTable.js.map

package/dist/core/components/ui/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/DataTable.tsx"],"sourcesContent":["'use client'\r\n\r\n// Dependencies\r\nimport * as React from 'react'\r\nimport {\r\n  ColumnDef,\r\n  flexRender,\r\n  getCoreRowModel,\r\n  getPaginationRowModel,\r\n  SortingState,\r\n  getSortedRowModel,\r\n  useReactTable,\r\n} from '@tanstack/react-table'\r\nimport { useTranslations } from 'next-intl'\r\n\r\nimport { ColumnMeta } from '../viewers/Data/utils/Columns'\r\n\r\n// Shadcn components\r\nimport {\r\n  Table,\r\n  TableBody,\r\n  TableCell,\r\n  TableHead,\r\n  TableHeader,\r\n  TableRow,\r\n} from './Table'\r\nimport {\r\n  Select,\r\n  SelectContent,\r\n  SelectItem,\r\n  SelectTrigger,\r\n  SelectValue,\r\n} from './Select'\r\nimport { Button } from './Button'\r\n\r\n// Icons\r\nimport {\r\n  ChevronLeft,\r\n  ChevronRight,\r\n  ChevronsLeft,\r\n  ChevronsRight,\r\n} from 'lucide-react'\r\n\r\nimport { MapContext, MenusContext } from '../../store'\r\nimport { ViewerNames } from '../../types/'\r\nimport { DataTableSkeleton } from '../DataTableSkeleton'\r\n\r\ninterface DataTableProps<TData, TValue> {\r\n  columns: ColumnDef<TData, TValue>[]\r\n  data: TData[]\r\n  onRowClick?: (row: TData) => void\r\n  onRowHover?: (row: TData) => void\r\n  currentViewer?: string\r\n  className?: string\r\n  paginationClasses?: string\r\n  leadingCell?: React.ComponentType<any>\r\n  trailingCell?: React.ComponentType<any>\r\n  showPagination?: boolean\r\n  tab?: string\r\n  isLoading?: boolean\r\n}\r\n\r\nexport function DataTable<TData, TValue>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  onRowHover,\r\n  currentViewer,\r\n  className,\r\n  paginationClasses,\r\n  trailingCell: TrailingCell,\r\n  leadingCell: LeadingCell,\r\n  showPagination = true,\r\n  tab = '',\r\n  isLoading = false,\r\n}: DataTableProps<TData, TValue>) {\r\n  // Translation\r\n  const t = useTranslations('DataTable')\r\n\r\n  const [pageIndex, setPageIndex] = React.useState(0)\r\n\r\n  const [sorting, setSorting] = React.useState<SortingState>([])\r\n\r\n  const { state: menusState, dispatch: menusDispatch } = React.useContext(MenusContext)\r\n\r\n  const { rowsPerPage } = menusState.menus\r\n\r\n  const { state: mapState } = React.useContext(MapContext)\r\n\r\n  const { currentLocation, countrySubdivisionsData } = mapState.map\r\n  const { countrySubdivision, municipality } = currentLocation || {}\r\n\r\n  const [countrySubdivisionName, setCountrySubdivisionName] = React.useState<string>('')\r\n\r\n  React.useEffect(() => {\r\n    if (countrySubdivisionsData && countrySubdivision) {\r\n      const sub = countrySubdivisionsData[countrySubdivision] as any\r\n      setCountrySubdivisionName((sub?.name ?? sub) || '')\r\n    }\r\n  }, [countrySubdivisionsData, countrySubdivision])\r\n\r\n  const capitalize = (str: string) => str ? str.charAt(0).toUpperCase() + str.slice(1) : ''\r\n\r\n  type DataTypes = 'applied' | 'favourites' | 'national' | 'countrySubdivision' | 'municipal' | ViewerNames | ''\r\n\r\n  const dataType: DataTypes = React.useMemo(() => {\r\n    return (tab || currentViewer || '') as DataTypes\r\n  }, [currentViewer, tab])\r\n\r\n  const table = useReactTable({\r\n    data,\r\n    columns,\r\n    getCoreRowModel: getCoreRowModel(),\r\n    getPaginationRowModel: getPaginationRowModel(),\r\n    onSortingChange: setSorting,\r\n    getSortedRowModel: getSortedRowModel(),\r\n    state: {\r\n      sorting,\r\n      pagination: {\r\n        pageSize: rowsPerPage,\r\n        pageIndex: pageIndex,\r\n      },\r\n    },\r\n    onPaginationChange: (updater) => {\r\n      const newPagination\r\n        = typeof updater === 'function'\r\n          ? updater({ pageIndex, pageSize: rowsPerPage })\r\n          : updater\r\n\r\n      setPageIndex(newPagination.pageIndex)\r\n      if (newPagination.pageSize !== rowsPerPage) {\r\n        menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage: newPagination.pageSize } })\r\n      }\r\n    },\r\n  })\r\n\r\n  // Show skeleton when loading\r\n  if (isLoading) {\r\n    return (\r\n      <DataTableSkeleton\r\n        columns={columns.length}\r\n        rows={rowsPerPage}\r\n        showLeadingCell={!!LeadingCell}\r\n        showTrailingCell={!!TrailingCell}\r\n        className={className}\r\n        showPagination={showPagination}\r\n      />\r\n    )\r\n  }\r\n  if (!data) {\r\n    return (\r\n      <div className=\"flex items-center justify-center h-full\">\r\n        <p className=\"text-gray-500\">{t('no')} {currentViewer} {t('availableAtTheMoment')}</p>\r\n      </div>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <div className=\"flex flex-col h-full\">\r\n      <div className={`${className} rounded-md border overflow-hidden flex-1 flex flex-col`}>\r\n        <div className=\"overflow-auto flex-1\">\r\n          <Table>\r\n            <TableHeader className=\"sticky top-0 z-10 bg-background\">\r\n              {table.getHeaderGroups().map(headerGroup => (\r\n                <TableRow key={headerGroup.id}>\r\n                  {/* Empty header cell for LeadingCell if it exists */}\r\n                  {LeadingCell && <TableHead></TableHead>}\r\n                  {headerGroup.headers.map((header) => {\r\n                    // Get the column classes from meta\r\n                    const meta = header.column.columnDef.meta as ColumnMeta | undefined\r\n                    const columnClasses = meta?.columnClasses || ''\r\n\r\n                    return (\r\n                      <TableHead key={header.id} className={`${columnClasses}`}>\r\n                        {header.isPlaceholder\r\n                          ? null\r\n                          : flexRender(\r\n                              header.column.columnDef.header,\r\n                              header.getContext(),\r\n                            )}\r\n                      </TableHead>\r\n                    )\r\n                  })}\r\n                  <TableHead className=\"w-10\"></TableHead>\r\n                </TableRow>\r\n              ))}\r\n            </TableHeader>\r\n            <TableBody>\r\n              {table.getRowModel().rows?.length ? (\r\n                table.getRowModel().rows.map(row => (\r\n                  <TableRow\r\n                    key={row.id}\r\n                    data-state={row.getIsSelected() && 'selected'}\r\n                    className=\"cursor-pointer hover:bg-muted/50\"\r\n                    onClick={(e) => {\r\n                      // Only trigger row click if not clicking on the dropdown\r\n                      if (\r\n                        !(e.target as HTMLElement).closest('.dropdown-menu-trigger')\r\n                        && !(e.target as HTMLElement).closest('Button')\r\n                        && onRowClick) {\r\n                        onRowClick(row.original as TData)\r\n                      }\r\n                    }}\r\n                    onMouseEnter={() => {\r\n                      if (onRowHover) {\r\n                        onRowHover(row.original as TData)\r\n                      }\r\n                    }}\r\n                  >\r\n                    {/* leading cell(s) */}\r\n                    {LeadingCell\r\n                      && (\r\n                        <TableCell className=\"w-10 p-2\">\r\n                          <LeadingCell dataset={row.original} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                    {/* Table content */}\r\n                    {row.getVisibleCells().map((cell) => {\r\n                      // Get the column classes from meta for cells\r\n                      const meta = cell.column.columnDef.meta as ColumnMeta | any\r\n                      const columnClasses = meta?.columnClasses || ''\r\n\r\n                      return (\r\n                        <TableCell key={cell.id} className={columnClasses}>\r\n                          {flexRender(cell.column.columnDef.cell, cell.getContext())}\r\n                        </TableCell>\r\n                      )\r\n                    })}\r\n\r\n                    {/* trailing cell(s) */}\r\n                    {TrailingCell\r\n                      && (\r\n                        <TableCell className=\"w-10 p-2\">\r\n                          <TrailingCell row={row} />\r\n                        </TableCell>\r\n                      )}\r\n\r\n                  </TableRow>\r\n                ))\r\n              ) : (\r\n                <TableRow>\r\n                  <TableCell colSpan={columns.length + 1} className=\"h-24 text-center\">\r\n                    {dataType === 'applied' && t('noApplied')}\r\n                    {dataType === 'favourites' && t('noFavorite')}\r\n                    {dataType === 'national' && `${t('noNational')}`}\r\n                    {dataType === 'countrySubdivision' && `${t('noProvincial')} ${countrySubdivisionName}`}\r\n                    {dataType === 'municipal' && `${t('noMunicipal')} ${municipality}`}\r\n                    {dataType === 'buildings' && `${t('noBuildings')}`}\r\n                    {dataType === 'sites' && `${t('noSites')} `}\r\n                    {dataType === 'files' && `${t('noFiles')}`}\r\n                  </TableCell>\r\n                </TableRow>\r\n              )}\r\n            </TableBody>\r\n          </Table>\r\n        </div>\r\n      </div>\r\n      {/* Pagination */}\r\n      {showPagination && (\r\n        <div className={`flex items-center flex-wrap justify-center sm:justify-end gap-8 px-1 py-4 ${paginationClasses}`}>\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <span className=\"text-sm text-foreground text-nowrap\">{t('paginationTitle')}</span>\r\n            <Select\r\n              value={rowsPerPage.toString()}\r\n              onValueChange={(value) => {\r\n                const rowsPerPage = Number.parseInt(value)\r\n                menusDispatch({ type: 'SET_PAGINATION_ROWS_PER_PAGE', payload: { rowsPerPage } })\r\n                table.setPageSize(rowsPerPage)\r\n              }}\r\n            >\r\n              <SelectTrigger>\r\n                <SelectValue placeholder=\"10\" />\r\n              </SelectTrigger>\r\n              <SelectContent>\r\n                <SelectItem value=\"10\">10</SelectItem>\r\n                <SelectItem value=\"20\">20</SelectItem>\r\n                <SelectItem value=\"50\">50</SelectItem>\r\n                <SelectItem value=\"100\">100</SelectItem>\r\n              </SelectContent>\r\n            </Select>\r\n          </div>\r\n\r\n          <div>\r\n            <span className=\"text-sm text-foreground\">\r\n              {t('page')}\r\n              {' '}\r\n              {table.getState().pagination.pageIndex + 1}\r\n              {' '}\r\n              {t('of')}\r\n              {' '}\r\n              {table.getPageCount()}\r\n            </span>\r\n          </div>\r\n\r\n          <div className=\"flex flex-row gap-2 items-center justify-center\">\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.firstPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronsLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.previousPage()}\r\n              disabled={!table.getCanPreviousPage()}\r\n            >\r\n              <ChevronLeft />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.nextPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronRight />\r\n            </Button>\r\n            <Button\r\n              variant=\"outline\"\r\n              size=\"icon\"\r\n              onClick={() => table.lastPage()}\r\n              disabled={!table.getCanNextPage()}\r\n            >\r\n              <ChevronsRight />\r\n            </Button>\r\n          </div>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":"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","names":["_a","rowsPerPage"]}

package/dist/core/components/ui/DatePicker.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface DatePickerProps {
+    date?: Date | undefined;
+    onSelect?: (date: Date | undefined) => void;
+    label?: string;
+    disabled?: boolean;
+}
+export declare function DatePicker({ date, onSelect, label, disabled }: DatePickerProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=DatePicker.d.ts.map

package/dist/core/components/ui/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAoC9E"}

package/dist/core/components/ui/DatePicker.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { ChevronDownIcon } from "lucide-react";
+import { Button } from "./Button";
+import { Calendar } from "./Calendar";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "./Popover";
+import { Label } from "./Label";
+function DatePicker({ date, onSelect, label, disabled }) {
+  const [open, setOpen] = React.useState(false);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    label && /* @__PURE__ */ jsx(Label, { htmlFor: "date", className: "px-1", children: label }),
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          id: "date",
+          className: "w-full justify-between font-normal",
+          disabled,
+          children: [
+            date ? date.toLocaleDateString() : "Select date",
+            /* @__PURE__ */ jsx(ChevronDownIcon, {})
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto overflow-hidden p-0", align: "start", children: /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          mode: "single",
+          selected: date,
+          captionLayout: "dropdown",
+          onSelect: (date2) => {
+            if (onSelect) onSelect(date2);
+            setOpen(false);
+          }
+        }
+      ) })
+    ] })
+  ] });
+}
+export {
+  DatePicker
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/core/components/ui/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/DatePicker.tsx"],"sourcesContent":["'use client'\r\n\r\nimport * as React from 'react'\r\nimport { ChevronDownIcon } from 'lucide-react'\r\n\r\nimport { Button } from './Button'\r\nimport { Calendar } from './Calendar'\r\nimport {\r\n  Popover,\r\n  PopoverContent,\r\n  PopoverTrigger,\r\n} from './Popover'\r\nimport { Label } from './Label'\r\ninterface DatePickerProps {\r\n  date?: Date | undefined\r\n  onSelect?: (date: Date | undefined) => void\r\n  label?: string\r\n  disabled?: boolean\r\n}\r\n\r\nexport function DatePicker({ date, onSelect, label, disabled }: DatePickerProps) {\r\n  const [open, setOpen] = React.useState(false)\r\n\r\n  return (\r\n    <div className=\"flex flex-col gap-3\">\r\n      {label && (\r\n        <Label htmlFor=\"date\" className=\"px-1\">\r\n          {label}\r\n        </Label>\r\n      )}\r\n      <Popover open={open} onOpenChange={setOpen}>\r\n        <PopoverTrigger asChild>\r\n          <Button\r\n            variant=\"outline\"\r\n            id=\"date\"\r\n            className=\"w-full justify-between font-normal\"\r\n            disabled={disabled}\r\n          >\r\n            {date ? date.toLocaleDateString() : 'Select date'}\r\n            <ChevronDownIcon />\r\n          </Button>\r\n        </PopoverTrigger>\r\n        <PopoverContent className=\"w-auto overflow-hidden p-0\" align=\"start\">\r\n          <Calendar\r\n            mode=\"single\"\r\n            selected={date}\r\n            captionLayout=\"dropdown\"\r\n            onSelect={(date) => {\r\n              if (onSelect) onSelect(date)\r\n              setOpen(false)\r\n            }}\r\n          />\r\n        </PopoverContent>\r\n      </Popover>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AA0BQ,cAME,YANF;AAxBR,YAAY,WAAW;AACvB,SAAS,uBAAuB;AAEhC,SAAS,cAAc;AACvB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa;AAQf,SAAS,WAAW,EAAE,MAAM,UAAU,OAAO,SAAS,GAAoB;AAC/E,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAE5C,SACE,qBAAC,SAAI,WAAU,uBACZ;AAAA,aACC,oBAAC,SAAM,SAAQ,QAAO,WAAU,QAC7B,iBACH;AAAA,IAEF,qBAAC,WAAQ,MAAY,cAAc,SACjC;AAAA,0BAAC,kBAAe,SAAO,MACrB;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,IAAG;AAAA,UACH,WAAU;AAAA,UACV;AAAA,UAEC;AAAA,mBAAO,KAAK,mBAAmB,IAAI;AAAA,YACpC,oBAAC,mBAAgB;AAAA;AAAA;AAAA,MACnB,GACF;AAAA,MACA,oBAAC,kBAAe,WAAU,8BAA6B,OAAM,SAC3D;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,UAAU;AAAA,UACV,eAAc;AAAA,UACd,UAAU,CAACA,UAAS;AAClB,gBAAI,SAAU,UAASA,KAAI;AAC3B,oBAAQ,KAAK;AAAA,UACf;AAAA;AAAA,MACF,GACF;AAAA,OACF;AAAA,KACF;AAEJ;","names":["date"]}

package/dist/core/components/ui/DescriptionList.d.ts

@@ -0,0 +1,10 @@
+import type React from 'react';
+interface DescriptionListItemProps {
+    label: string | React.JSX.Element;
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function DescriptionListItem({ label, children, className }: DescriptionListItemProps): React.JSX.Element;
+export declare function DescriptionList(): React.JSX.Element;
+export {};
+//# sourceMappingURL=DescriptionList.d.ts.map

package/dist/core/components/ui/DescriptionList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/DescriptionList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,UAAU,wBAAwB;IAChC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAA;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,wBAAwB,qBAO3F;AAED,wBAAgB,eAAe,sBAoG9B"}

package/dist/core/components/ui/DescriptionList.js

@@ -0,0 +1,75 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "./Button";
+import { Separator } from "./Separator";
+import { Card, CardContent } from "./Card";
+import { File, Download } from "lucide-react";
+function DescriptionListItem({ label, children, className }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold text-foreground", children: label }),
+    /* @__PURE__ */ jsx("div", { className: `text-sm text-muted-foreground ${className}`, children })
+  ] });
+}
+function DescriptionList() {
+  return /* @__PURE__ */ jsx("div", { className: "bg-background", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto p-6", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row items-start md:justify-between gap-4 mb-8", children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx("h2", { className: "text-lg md:text-xl font-semibold text-foreground", children: "Application information" }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Personal details and general information" })
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", children: "Edit" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-t border-border", children: [
+        /* @__PURE__ */ jsx(DescriptionListItem, { label: "Full name", children: "Alex Thompson" }),
+        /* @__PURE__ */ jsx(Separator, { className: "md:hidden" }),
+        /* @__PURE__ */ jsx(DescriptionListItem, { label: "Email address", children: "alex@example.com" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-t border-border", children: [
+        /* @__PURE__ */ jsx(DescriptionListItem, { label: "Address", children: "123 Main Street, City, Country" }),
+        /* @__PURE__ */ jsx(Separator, { className: "md:hidden" }),
+        /* @__PURE__ */ jsx(DescriptionListItem, { label: "Phone number", children: "+1 234 567 890" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-5 md:gap-6 py-5 md:py-6 border-t border-border", children: /* @__PURE__ */ jsx(DescriptionListItem, { label: "About", children: "A seasoned software engineer with 5+ years of experience specializing in full-stack web development. Proven track record of delivering scalable solutions using React, Node.js, and cloud technologies. Strong focus on clean code architecture and performance optimization. Currently leading a team of 4 developers and actively mentoring junior engineers. Passionate about creating accessible and user-friendly applications." }) }),
+      /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-5 md:gap-6 py-5 md:py-6 border-t border-border", children: /* @__PURE__ */ jsx(DescriptionListItem, { label: "Documents", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row gap-2 md:gap-6 w-full", children: [
+        /* @__PURE__ */ jsx(Card, { className: "w-full", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4 md:p-6 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(File, { className: "w-4 h-4 text-foreground shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-card-foreground", children: "Resume.pdf" }) }),
+            /* @__PURE__ */ jsx(Button, { variant: "outline", className: "hidden md:flex", children: "Download" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "md:hidden",
+                children: /* @__PURE__ */ jsx(Download, {})
+              }
+            )
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx(Card, { className: "w-full", children: /* @__PURE__ */ jsxs(CardContent, { className: "p-4 md:p-6 flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx(File, { className: "w-4 h-4 text-foreground shrink-0" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between w-full", children: [
+            /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("span", { className: "text-sm font-semibold text-card-foreground", children: "Portfolio.pdf" }) }),
+            /* @__PURE__ */ jsx(Button, { variant: "outline", className: "hidden md:flex", children: "Download" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                size: "icon",
+                className: "md:hidden",
+                children: /* @__PURE__ */ jsx(Download, {})
+              }
+            )
+          ] })
+        ] }) })
+      ] }) }) })
+    ] })
+  ] }) });
+}
+export {
+  DescriptionList,
+  DescriptionListItem
+};
+//# sourceMappingURL=DescriptionList.js.map

package/dist/core/components/ui/DescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/core/components/ui/DescriptionList.tsx"],"sourcesContent":["'use client'\r\n\r\nimport type React from 'react'\r\nimport { Button } from './Button'\r\nimport { Separator } from './Separator'\r\nimport { Card, CardContent } from './Card'\r\nimport { File, Download } from 'lucide-react'\r\n\r\ninterface DescriptionListItemProps {\r\n  label: string | React.JSX.Element\r\n  children: React.ReactNode\r\n  className?: string\r\n}\r\n\r\nexport function DescriptionListItem({ label, children, className }: DescriptionListItemProps) {\r\n  return (\r\n    <div className=\"flex flex-col gap-2\">\r\n      <div className=\"text-sm font-semibold text-foreground\">{label}</div>\r\n      <div className={`text-sm text-muted-foreground ${className}`}>{children}</div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport function DescriptionList() {\r\n  return (\r\n    <div className=\"bg-background\">\r\n      <div className=\"mx-auto p-6\">\r\n        <div className=\"flex flex-col md:flex-row items-start md:justify-between gap-4 mb-8\">\r\n          <div className=\"space-y-1\">\r\n            <h2 className=\"text-lg md:text-xl font-semibold text-foreground\">\r\n              Application information\r\n            </h2>\r\n            <p className=\"text-sm text-muted-foreground\">\r\n              Personal details and general information\r\n            </p>\r\n          </div>\r\n          <Button variant=\"outline\">Edit</Button>\r\n        </div>\r\n\r\n        <div className=\"flex flex-col\">\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"Full name\">\r\n              Alex Thompson\r\n            </DescriptionListItem>\r\n            <Separator className=\"md:hidden\" />\r\n            <DescriptionListItem label=\"Email address\">\r\n              alex@example.com\r\n            </DescriptionListItem>\r\n          </div>\r\n          <div className=\"grid grid-cols-1 md:grid-cols-2 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"Address\">\r\n              123 Main Street, City, Country\r\n            </DescriptionListItem>\r\n            <Separator className=\"md:hidden\" />\r\n            <DescriptionListItem label=\"Phone number\">\r\n              +1 234 567 890\r\n            </DescriptionListItem>\r\n          </div>\r\n          <div className=\"grid grid-cols-1 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"About\">\r\n              A seasoned software engineer with 5+ years of experience\r\n              specializing in full-stack web development. Proven track record of\r\n              delivering scalable solutions using React, Node.js, and cloud\r\n              technologies. Strong focus on clean code architecture and\r\n              performance optimization. Currently leading a team of 4 developers\r\n              and actively mentoring junior engineers. Passionate about creating\r\n              accessible and user-friendly applications.\r\n            </DescriptionListItem>\r\n          </div>\r\n          <div className=\"grid grid-cols-1 gap-5 md:gap-6 py-5 md:py-6 border-t border-border\">\r\n            <DescriptionListItem label=\"Documents\">\r\n              <div className=\"flex flex-col md:flex-row gap-2 md:gap-6 w-full\">\r\n                <Card className=\"w-full\">\r\n                  <CardContent className=\"p-4 md:p-6 flex items-center gap-3\">\r\n                    <File className=\"w-4 h-4 text-foreground shrink-0\" />\r\n                    <div className=\"flex items-center justify-between w-full\">\r\n                      <div className=\"flex items-center gap-2\">\r\n                        <span className=\"text-sm font-semibold text-card-foreground\">\r\n                          Resume.pdf\r\n                        </span>\r\n                      </div>\r\n                      <Button variant=\"outline\" className=\"hidden md:flex\">\r\n                        Download\r\n                      </Button>\r\n                      <Button\r\n                        variant=\"outline\"\r\n                        size=\"icon\"\r\n                        className=\"md:hidden\"\r\n                      >\r\n                        <Download />\r\n                      </Button>\r\n                    </div>\r\n                  </CardContent>\r\n                </Card>\r\n                <Card className=\"w-full\">\r\n                  <CardContent className=\"p-4 md:p-6 flex items-center gap-3\">\r\n                    <File className=\"w-4 h-4 text-foreground shrink-0\" />\r\n                    <div className=\"flex items-center justify-between w-full\">\r\n                      <div className=\"flex items-center gap-2\">\r\n                        <span className=\"text-sm font-semibold text-card-foreground\">\r\n                          Portfolio.pdf\r\n                        </span>\r\n                      </div>\r\n                      <Button variant=\"outline\" className=\"hidden md:flex\">\r\n                        Download\r\n                      </Button>\r\n                      <Button\r\n                        variant=\"outline\"\r\n                        size=\"icon\"\r\n                        className=\"md:hidden\"\r\n                      >\r\n                        <Download />\r\n                      </Button>\r\n                    </div>\r\n                  </CardContent>\r\n                </Card>\r\n              </div>\r\n            </DescriptionListItem>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"mappings":";AAgBI,SACE,KADF;AAbJ,SAAS,cAAc;AACvB,SAAS,iBAAiB;AAC1B,SAAS,MAAM,mBAAmB;AAClC,SAAS,MAAM,gBAAgB;AAQxB,SAAS,oBAAoB,EAAE,OAAO,UAAU,UAAU,GAA6B;AAC5F,SACE,qBAAC,SAAI,WAAU,uBACb;AAAA,wBAAC,SAAI,WAAU,yCAAyC,iBAAM;AAAA,IAC9D,oBAAC,SAAI,WAAW,iCAAiC,SAAS,IAAK,UAAS;AAAA,KAC1E;AAEJ;AAEO,SAAS,kBAAkB;AAChC,SACE,oBAAC,SAAI,WAAU,iBACb,+BAAC,SAAI,WAAU,eACb;AAAA,yBAAC,SAAI,WAAU,uEACb;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,QAAG,WAAU,oDAAmD,qCAEjE;AAAA,QACA,oBAAC,OAAE,WAAU,iCAAgC,sDAE7C;AAAA,SACF;AAAA,MACA,oBAAC,UAAO,SAAQ,WAAU,kBAAI;AAAA,OAChC;AAAA,IAEA,qBAAC,SAAI,WAAU,iBACb;AAAA,2BAAC,SAAI,WAAU,sFACb;AAAA,4BAAC,uBAAoB,OAAM,aAAY,2BAEvC;AAAA,QACA,oBAAC,aAAU,WAAU,aAAY;AAAA,QACjC,oBAAC,uBAAoB,OAAM,iBAAgB,8BAE3C;AAAA,SACF;AAAA,MACA,qBAAC,SAAI,WAAU,sFACb;AAAA,4BAAC,uBAAoB,OAAM,WAAU,4CAErC;AAAA,QACA,oBAAC,aAAU,WAAU,aAAY;AAAA,QACjC,oBAAC,uBAAoB,OAAM,gBAAe,4BAE1C;AAAA,SACF;AAAA,MACA,oBAAC,SAAI,WAAU,uEACb,8BAAC,uBAAoB,OAAM,SAAQ,kbAQnC,GACF;AAAA,MACA,oBAAC,SAAI,WAAU,uEACb,8BAAC,uBAAoB,OAAM,aACzB,+BAAC,SAAI,WAAU,mDACb;AAAA,4BAAC,QAAK,WAAU,UACd,+BAAC,eAAY,WAAU,sCACrB;AAAA,8BAAC,QAAK,WAAU,oCAAmC;AAAA,UACnD,qBAAC,SAAI,WAAU,4CACb;AAAA,gCAAC,SAAI,WAAU,2BACb,8BAAC,UAAK,WAAU,8CAA6C,wBAE7D,GACF;AAAA,YACA,oBAAC,UAAO,SAAQ,WAAU,WAAU,kBAAiB,sBAErD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,8BAAC,YAAS;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,WACF,GACF;AAAA,QACA,oBAAC,QAAK,WAAU,UACd,+BAAC,eAAY,WAAU,sCACrB;AAAA,8BAAC,QAAK,WAAU,oCAAmC;AAAA,UACnD,qBAAC,SAAI,WAAU,4CACb;AAAA,gCAAC,SAAI,WAAU,2BACb,8BAAC,UAAK,WAAU,8CAA6C,2BAE7D,GACF;AAAA,YACA,oBAAC,UAAO,SAAQ,WAAU,WAAU,kBAAiB,sBAErD;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAU;AAAA,gBAEV,8BAAC,YAAS;AAAA;AAAA,YACZ;AAAA,aACF;AAAA,WACF,GACF;AAAA,SACF,GACF,GACF;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/core/components/ui/Dialog.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface DialogContentProps extends DialogPrimitive.DialogContentProps {
+    closeClass?: string;
+}
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & DialogContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { Dialog, DialogPortal, DialogOverlay, DialogTrigger, DialogClose, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };
+//# sourceMappingURL=Dialog.d.ts.map

package/dist/core/components/ui/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/core/components/ui/Dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAA;AAKzD,QAAA,MAAM,MAAM,uCAAuB,CAAA;AAEnC,QAAA,MAAM,aAAa,8GAA0B,CAAA;AAE7C,QAAA,MAAM,YAAY,6CAAyB,CAAA;AAE3C,QAAA,MAAM,WAAW,4GAAwB,CAAA;AAEzC,QAAA,MAAM,aAAa,8JAYjB,CAAA;AAGF,UAAU,kBAAmB,SAAQ,eAAe,CAAC,kBAAkB;IACrE,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAED,QAAA,MAAM,aAAa,mLAqBjB,CAAA;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAA;AAGD,QAAA,MAAM,WAAW,oKAYf,CAAA;AAGF,QAAA,MAAM,iBAAiB,8KASrB,CAAA;AAGF,OAAO,EACL,MAAM,EACN,YAAY,EACZ,aAAa,EACb,aAAa,EACb,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,iBAAiB,GAClB,CAAA"}