@igstack/app-catalog-frontend-core 0.2.0 → 0.3.0

package/dist/esm/ui/components/Breadcrumbs.js

@@ -1,36 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useMatches, Link } from "@tanstack/react-router";
-import { ChevronRight, Home } from "lucide-react";
-import * as React from "react";
-import { Breadcrumb, BreadcrumbList, BreadcrumbSeparator, BreadcrumbItem, BreadcrumbPage, BreadcrumbLink } from "../breadcrumb.js";
-function Breadcrumbs() {
-  var _a;
-  const matches = useMatches();
-  const breadcrumbs = [];
-  breadcrumbs.push({ title: "Home", href: "/" });
-  for (const match of matches) {
-    const staticData = match.staticData;
-    if (staticData == null ? void 0 : staticData.breadcrumb) {
-      const loaderData = match.loaderData;
-      const dynamicTitle = (_a = loaderData == null ? void 0 : loaderData.app) == null ? void 0 : _a.displayName;
-      breadcrumbs.push({
-        title: dynamicTitle || staticData.breadcrumb.title,
-        href: staticData.breadcrumb.href ?? match.pathname
-      });
-    }
-  }
-  if (breadcrumbs.length <= 1) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(Breadcrumb, { className: "pb-4", children: /* @__PURE__ */ jsx(BreadcrumbList, { children: breadcrumbs.map((crumb, index) => {
-    const isLast = index === breadcrumbs.length - 1;
-    return /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      index > 0 && /* @__PURE__ */ jsx(BreadcrumbSeparator, { children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ jsx(BreadcrumbItem, { children: isLast ? /* @__PURE__ */ jsx(BreadcrumbPage, { children: crumb.title }) : crumb.href ? /* @__PURE__ */ jsx(BreadcrumbLink, { asChild: true, children: /* @__PURE__ */ jsx(Link, { to: crumb.href, className: "text-primary font-medium hover:text-foreground transition-colors", children: index === 0 ? /* @__PURE__ */ jsx(Home, { className: "h-4 w-4" }) : crumb.title }) }) : /* @__PURE__ */ jsx(BreadcrumbPage, { children: crumb.title }) })
-    ] }, crumb.href ?? crumb.title);
-  }) }) });
-}
-export {
-  Breadcrumbs
-};
-//# sourceMappingURL=Breadcrumbs.js.map

package/dist/esm/ui/components/Breadcrumbs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../../src/ui/components/Breadcrumbs.tsx"],"sourcesContent":["import { Link, useMatches } from '@tanstack/react-router'\nimport { ChevronRight, Home } from 'lucide-react'\nimport * as React from 'react'\nimport {\n  Breadcrumb,\n  BreadcrumbItem,\n  BreadcrumbLink,\n  BreadcrumbList,\n  BreadcrumbPage,\n  BreadcrumbSeparator,\n} from '~/ui/breadcrumb'\n\nexport interface BreadcrumbMeta {\n  title: string\n  href?: string\n}\n\n/**\n * Universal breadcrumb component that reads from route staticData\n * Routes can define breadcrumbs via the `staticData` property:\n * \n * @example\n * ```tsx\n * export const Route = createFileRoute('/admin/chat')({\n *   component: ChatPage,\n *   staticData: {\n *     breadcrumb: { title: 'Chat' }\n *   }\n * })\n * ```\n */\nexport function Breadcrumbs() {\n  const matches = useMatches()\n\n  // Build breadcrumb trail from route matches\n  const breadcrumbs: Array<{ title: string; href?: string }> = []\n\n  // Always add home\n  breadcrumbs.push({ title: 'Home', href: '/' })\n\n  // Process each route match\n  for (const match of matches) {\n    const staticData = match.staticData as { breadcrumb?: BreadcrumbMeta } | undefined\n    if (staticData?.breadcrumb) {\n        // Check if this match has loaderData with app info for dynamic title\n        const loaderData = match.loaderData as { app?: { displayName: string } | null } | undefined\n        const dynamicTitle = loaderData?.app?.displayName\n      \n      breadcrumbs.push({\n          title: dynamicTitle || staticData.breadcrumb.title,\n        href: staticData.breadcrumb.href ?? match.pathname,\n      })\n    }\n  }\n\n  // Don't show breadcrumbs if only home\n  if (breadcrumbs.length <= 1) {\n    return null\n  }\n\n  return (\n    <Breadcrumb className=\"pb-4\">\n      <BreadcrumbList>\n        {breadcrumbs.map((crumb, index) => {\n          const isLast = index === breadcrumbs.length - 1\n\n          return (\n            <React.Fragment key={crumb.href ?? crumb.title}>\n              {index > 0 && (\n                <BreadcrumbSeparator>\n                  <ChevronRight className=\"h-4 w-4\" />\n                </BreadcrumbSeparator>\n              )}\n              <BreadcrumbItem>\n                {isLast ? (\n                  <BreadcrumbPage>{crumb.title}</BreadcrumbPage>\n                ) : crumb.href ? (\n                  <BreadcrumbLink asChild>\n                    <Link to={crumb.href} className=\"text-primary font-medium hover:text-foreground transition-colors\">\n                      {index === 0 ? (\n                        <Home className=\"h-4 w-4\" />\n                      ) : (\n                        crumb.title\n                      )}\n                    </Link>\n                  </BreadcrumbLink>\n                ) : (\n                  <BreadcrumbPage>{crumb.title}</BreadcrumbPage>\n                )}\n              </BreadcrumbItem>\n            </React.Fragment>\n          )\n        })}\n      </BreadcrumbList>\n    </Breadcrumb>\n  )\n}\n"],"names":[],"mappings":";;;;;AA+BO,SAAS,cAAc;;AAC5B,QAAM,UAAU,WAAA;AAGhB,QAAM,cAAuD,CAAA;AAG7D,cAAY,KAAK,EAAE,OAAO,QAAQ,MAAM,KAAK;AAG7C,aAAW,SAAS,SAAS;AAC3B,UAAM,aAAa,MAAM;AACzB,QAAI,yCAAY,YAAY;AAExB,YAAM,aAAa,MAAM;AACzB,YAAM,gBAAe,8CAAY,QAAZ,mBAAiB;AAExC,kBAAY,KAAK;AAAA,QACb,OAAO,gBAAgB,WAAW,WAAW;AAAA,QAC/C,MAAM,WAAW,WAAW,QAAQ,MAAM;AAAA,MAAA,CAC3C;AAAA,IACH;AAAA,EACF;AAGA,MAAI,YAAY,UAAU,GAAG;AAC3B,WAAO;AAAA,EACT;AAEA,SACE,oBAAC,YAAA,EAAW,WAAU,QACpB,UAAA,oBAAC,kBACE,UAAA,YAAY,IAAI,CAAC,OAAO,UAAU;AACjC,UAAM,SAAS,UAAU,YAAY,SAAS;AAE9C,WACE,qBAAC,MAAM,UAAN,EACE,UAAA;AAAA,MAAA,QAAQ,KACP,oBAAC,qBAAA,EACC,8BAAC,cAAA,EAAa,WAAU,WAAU,EAAA,CACpC;AAAA,0BAED,gBAAA,EACE,UAAA,SACC,oBAAC,gBAAA,EAAgB,gBAAM,MAAA,CAAM,IAC3B,MAAM,2BACP,gBAAA,EAAe,SAAO,MACrB,UAAA,oBAAC,QAAK,IAAI,MAAM,MAAM,WAAU,oEAC7B,UAAA,UAAU,IACT,oBAAC,MAAA,EAAK,WAAU,UAAA,CAAU,IAE1B,MAAM,MAAA,CAEV,GACF,IAEA,oBAAC,gBAAA,EAAgB,UAAA,MAAM,OAAM,EAAA,CAEjC;AAAA,IAAA,EAAA,GAtBmB,MAAM,QAAQ,MAAM,KAuBzC;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;"}

package/dist/esm/ui/crud-list/CrudList.js

@@ -1,189 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { useReactTable, getCoreRowModel, flexRender } from "@tanstack/react-table";
-import { Pencil, Trash2, Plus } from "lucide-react";
-import { Button } from "../button.js";
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../table.js";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../dialog.js";
-import { AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from "../alert-dialog.js";
-import { Skeleton } from "../skeleton.js";
-function CrudList({
-  data,
-  isLoading = false,
-  columns,
-  getRowId,
-  renderForm,
-  onCreate,
-  onUpdate,
-  onDelete,
-  title,
-  createButtonLabel = "Add",
-  emptyMessage = "No items found",
-  canCreate = true,
-  canEdit = true,
-  canDelete = true
-}) {
-  const [dialogState, setDialogState] = useState({
-    open: false
-  });
-  const [deleteItem, setDeleteItem] = useState(null);
-  const [isPending, setIsPending] = useState(false);
-  const columnsWithActions = [
-    ...columns,
-    {
-      id: "actions",
-      header: "",
-      cell: ({ row }) => {
-        const item = row.original;
-        const showEdit = typeof canEdit === "function" ? canEdit(item) : canEdit;
-        const showDelete = typeof canDelete === "function" ? canDelete(item) : canDelete;
-        return /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1", children: [
-          showEdit && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              onClick: () => setDialogState({ open: true, mode: "edit", item }),
-              children: /* @__PURE__ */ jsx(Pencil, { className: "h-4 w-4" })
-            }
-          ),
-          showDelete && /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              size: "sm",
-              onClick: () => setDeleteItem(item),
-              children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4 text-destructive" })
-            }
-          )
-        ] });
-      },
-      size: 80
-    }
-  ];
-  const table = useReactTable({
-    data,
-    columns: columnsWithActions,
-    getCoreRowModel: getCoreRowModel(),
-    getRowId
-  });
-  const handleSubmit = useCallback(
-    async (formData) => {
-      if (!dialogState.open) return;
-      setIsPending(true);
-      try {
-        if (dialogState.mode === "create") {
-          await onCreate(formData);
-        } else {
-          await onUpdate(formData);
-        }
-        setDialogState({ open: false });
-      } finally {
-        setIsPending(false);
-      }
-    },
-    [dialogState, onCreate, onUpdate]
-  );
-  const handleDelete = useCallback(async () => {
-    if (!deleteItem) return;
-    setIsPending(true);
-    try {
-      await onDelete(deleteItem);
-      setDeleteItem(null);
-    } finally {
-      setIsPending(false);
-    }
-  }, [deleteItem, onDelete]);
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
-      title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium", children: title }),
-      canCreate && /* @__PURE__ */ jsxs(
-        Button,
-        {
-          onClick: () => setDialogState({ open: true, mode: "create", item: null }),
-          size: "sm",
-          children: [
-            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4 mr-1" }),
-            createButtonLabel
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "border rounded-md", children: /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(
-        header.column.columnDef.header,
-        header.getContext()
-      ) }, header.id)) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx(TableBody, { children: isLoading ? Array.from({ length: 3 }).map((_item, i) => /* @__PURE__ */ jsxs(TableRow, { children: [
-        columns.map((_col, j) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }) }, j)),
-        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }) })
-      ] }, i)) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
-        TableCell,
-        {
-          colSpan: columnsWithActions.length,
-          className: "text-center text-muted-foreground py-8",
-          children: emptyMessage
-        }
-      ) }) : table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
-        TableRow,
-        {
-          className: "cursor-pointer hover:bg-muted/50",
-          onClick: (e) => {
-            if (e.target.closest("button")) return;
-            const showEdit = typeof canEdit === "function" ? canEdit(row.original) : canEdit;
-            if (showEdit) {
-              setDialogState({
-                open: true,
-                mode: "edit",
-                item: row.original
-              });
-            }
-          },
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(
-            cell.column.columnDef.cell,
-            cell.getContext()
-          ) }, cell.id))
-        },
-        row.id
-      )) })
-    ] }) }),
-    /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        open: dialogState.open,
-        onOpenChange: (open) => !open && setDialogState({ open: false }),
-        children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialogState.open && dialogState.mode === "create" ? "Create" : "Edit" }) }),
-          dialogState.open && renderForm({
-            mode: dialogState.mode,
-            item: dialogState.mode === "edit" ? dialogState.item : null,
-            onSubmit: handleSubmit,
-            onCancel: () => setDialogState({ open: false }),
-            isPending
-          })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      AlertDialog,
-      {
-        open: !!deleteItem,
-        onOpenChange: (open) => !open && setDeleteItem(null),
-        children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
-          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Delete Item" }),
-            /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Are you sure you want to delete this item? This action cannot be undone." })
-          ] }),
-          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }),
-            /* @__PURE__ */ jsx(AlertDialogAction, { onClick: handleDelete, disabled: isPending, children: isPending ? "Deleting..." : "Delete" })
-          ] })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  CrudList
-};
-//# sourceMappingURL=CrudList.js.map

package/dist/esm/ui/crud-list/CrudList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrudList.js","sources":["../../../../src/ui/crud-list/CrudList.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { Pencil, Plus, Trash2 } from 'lucide-react'\nimport { Button } from '~/ui/button'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '~/ui/dialog'\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '~/ui/alert-dialog'\nimport { Skeleton } from '~/ui/skeleton'\nimport type { CrudDialogState, CrudListProps } from './types'\n\nexport function CrudList<TData, TCreateInput, TUpdateInput>({\n  data,\n  isLoading = false,\n  columns,\n  getRowId,\n  renderForm,\n  onCreate,\n  onUpdate,\n  onDelete,\n  title,\n  createButtonLabel = 'Add',\n  emptyMessage = 'No items found',\n  canCreate = true,\n  canEdit = true,\n  canDelete = true,\n}: CrudListProps<TData, TCreateInput, TUpdateInput>) {\n  const [dialogState, setDialogState] = useState<CrudDialogState<TData>>({\n    open: false,\n  })\n  const [deleteItem, setDeleteItem] = useState<TData | null>(null)\n  const [isPending, setIsPending] = useState(false)\n\n  // Add action column\n  const columnsWithActions = [\n    ...columns,\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }: { row: { original: TData } }) => {\n        const item = row.original\n        const showEdit = typeof canEdit === 'function' ? canEdit(item) : canEdit\n        const showDelete =\n          typeof canDelete === 'function' ? canDelete(item) : canDelete\n\n        return (\n          <div className=\"flex justify-end gap-1\">\n            {showEdit && (\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() =>\n                  setDialogState({ open: true, mode: 'edit', item })\n                }\n              >\n                <Pencil className=\"h-4 w-4\" />\n              </Button>\n            )}\n            {showDelete && (\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setDeleteItem(item)}\n              >\n                <Trash2 className=\"h-4 w-4 text-destructive\" />\n              </Button>\n            )}\n          </div>\n        )\n      },\n      size: 80,\n    },\n  ]\n\n  const table = useReactTable({\n    data,\n    columns: columnsWithActions,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId,\n  })\n\n  const handleSubmit = useCallback(\n    async (formData: TCreateInput | TUpdateInput) => {\n      if (!dialogState.open) return\n\n      setIsPending(true)\n      try {\n        if (dialogState.mode === 'create') {\n          await onCreate(formData as TCreateInput)\n        } else {\n          await onUpdate(formData as TUpdateInput)\n        }\n        setDialogState({ open: false })\n      } finally {\n        setIsPending(false)\n      }\n    },\n    [dialogState, onCreate, onUpdate],\n  )\n\n  const handleDelete = useCallback(async () => {\n    if (!deleteItem) return\n    setIsPending(true)\n    try {\n      await onDelete(deleteItem)\n      setDeleteItem(null)\n    } finally {\n      setIsPending(false)\n    }\n  }, [deleteItem, onDelete])\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between\">\n        {title && <h3 className=\"text-lg font-medium\">{title}</h3>}\n        {canCreate && (\n          <Button\n            onClick={() =>\n              setDialogState({ open: true, mode: 'create', item: null })\n            }\n            size=\"sm\"\n          >\n            <Plus className=\"h-4 w-4 mr-1\" />\n            {createButtonLabel}\n          </Button>\n        )}\n      </div>\n\n      {/* Table */}\n      <div className=\"border rounded-md\">\n        <Table>\n          <TableHeader>\n            {table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id}>\n                {headerGroup.headers.map((header) => (\n                  <TableHead key={header.id}>\n                    {header.isPlaceholder\n                      ? null\n                      : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext(),\n                        )}\n                  </TableHead>\n                ))}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {isLoading ? (\n              Array.from({ length: 3 }).map((_item, i) => (\n                <TableRow key={i}>\n                  {columns.map((_col, j) => (\n                    <TableCell key={j}>\n                      <Skeleton className=\"h-4 w-full\" />\n                    </TableCell>\n                  ))}\n                  <TableCell>\n                    <Skeleton className=\"h-4 w-16\" />\n                  </TableCell>\n                </TableRow>\n              ))\n            ) : table.getRowModel().rows.length === 0 ? (\n              <TableRow>\n                <TableCell\n                  colSpan={columnsWithActions.length}\n                  className=\"text-center text-muted-foreground py-8\"\n                >\n                  {emptyMessage}\n                </TableCell>\n              </TableRow>\n            ) : (\n              table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  className=\"cursor-pointer hover:bg-muted/50\"\n                  onClick={(e) => {\n                    // Don't open if clicking on action buttons\n                    if ((e.target as HTMLElement).closest('button')) return\n                    const showEdit =\n                      typeof canEdit === 'function'\n                        ? canEdit(row.original)\n                        : canEdit\n                    if (showEdit) {\n                      setDialogState({\n                        open: true,\n                        mode: 'edit',\n                        item: row.original,\n                      })\n                    }\n                  }}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id}>\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext(),\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            )}\n          </TableBody>\n        </Table>\n      </div>\n\n      {/* Create/Edit Dialog */}\n      <Dialog\n        open={dialogState.open}\n        onOpenChange={(open) => !open && setDialogState({ open: false })}\n      >\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {dialogState.open && dialogState.mode === 'create'\n                ? 'Create'\n                : 'Edit'}\n            </DialogTitle>\n          </DialogHeader>\n          {dialogState.open &&\n            renderForm({\n              mode: dialogState.mode,\n              item: dialogState.mode === 'edit' ? dialogState.item : null,\n              onSubmit: handleSubmit,\n              onCancel: () => setDialogState({ open: false }),\n              isPending,\n            })}\n        </DialogContent>\n      </Dialog>\n\n      {/* Delete Confirmation */}\n      <AlertDialog\n        open={!!deleteItem}\n        onOpenChange={(open) => !open && setDeleteItem(null)}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>Delete Item</AlertDialogTitle>\n            <AlertDialogDescription>\n              Are you sure you want to delete this item? This action cannot be\n              undone.\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel>Cancel</AlertDialogCancel>\n            <AlertDialogAction onClick={handleDelete} disabled={isPending}>\n              {isPending ? 'Deleting...' : 'Delete'}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ui/editable-list/EditableListField.js

@@ -1,130 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import { useReactTable, getCoreRowModel, flexRender } from "@tanstack/react-table";
-import { Pencil, Trash2, Plus } from "lucide-react";
-import { Button } from "../button.js";
-import { Table, TableHeader, TableRow, TableHead, TableBody, TableCell } from "../table.js";
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../dialog.js";
-import { Label } from "../label.js";
-function EditableListField({
-  value,
-  onChange,
-  columns,
-  renderForm,
-  createEmpty,
-  getItemKey,
-  label,
-  addButtonLabel = "Add",
-  emptyMessage = "No items",
-  disabled = false
-}) {
-  const [dialogState, setDialogState] = useState({
-    open: false
-  });
-  const columnsWithActions = [
-    ...columns,
-    {
-      id: "actions",
-      header: "",
-      cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-1", children: [
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => setDialogState({
-              open: true,
-              mode: "edit",
-              index: row.index,
-              item: row.original
-            }),
-            disabled,
-            children: /* @__PURE__ */ jsx(Pencil, { className: "h-3 w-3" })
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Button,
-          {
-            type: "button",
-            variant: "ghost",
-            size: "sm",
-            onClick: () => {
-              const newValue = value.filter((_, i) => i !== row.index);
-              onChange(newValue);
-            },
-            disabled,
-            children: /* @__PURE__ */ jsx(Trash2, { className: "h-3 w-3 text-destructive" })
-          }
-        )
-      ] }),
-      size: 60
-    }
-  ];
-  const table = useReactTable({
-    data: value,
-    columns: columnsWithActions,
-    getCoreRowModel: getCoreRowModel(),
-    getRowId: (row, index) => getItemKey(row, index)
-  });
-  const handleSave = useCallback(
-    (item) => {
-      if (!dialogState.open) return;
-      if (dialogState.mode === "create") {
-        onChange([...value, item]);
-      } else {
-        const newValue = [...value];
-        newValue[dialogState.index] = item;
-        onChange(newValue);
-      }
-      setDialogState({ open: false });
-    },
-    [dialogState, value, onChange]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-    label && /* @__PURE__ */ jsx(Label, { children: label }),
-    /* @__PURE__ */ jsx("div", { className: "border rounded-md", children: value.length === 0 ? /* @__PURE__ */ jsx("div", { className: "p-4 text-center text-sm text-muted-foreground", children: emptyMessage }) : /* @__PURE__ */ jsxs(Table, { children: [
-      /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { className: "h-8 text-xs", children: header.isPlaceholder ? null : flexRender(
-        header.column.columnDef.header,
-        header.getContext()
-      ) }, header.id)) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { className: "py-1 text-sm", children: flexRender(
-        cell.column.columnDef.cell,
-        cell.getContext()
-      ) }, cell.id)) }, row.id)) })
-    ] }) }),
-    /* @__PURE__ */ jsxs(
-      Button,
-      {
-        type: "button",
-        variant: "outline",
-        size: "sm",
-        onClick: () => setDialogState({ open: true, mode: "create", index: null }),
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3 mr-1" }),
-          addButtonLabel
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Dialog,
-      {
-        open: dialogState.open,
-        onOpenChange: (open) => !open && setDialogState({ open: false }),
-        children: /* @__PURE__ */ jsxs(DialogContent, { children: [
-          /* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: dialogState.open && dialogState.mode === "create" ? "Add Item" : "Edit Item" }) }),
-          dialogState.open && renderForm({
-            item: dialogState.mode === "edit" ? dialogState.item : createEmpty(),
-            onSave: handleSave,
-            onCancel: () => setDialogState({ open: false })
-          })
-        ] })
-      }
-    )
-  ] });
-}
-export {
-  EditableListField
-};
-//# sourceMappingURL=EditableListField.js.map

package/dist/esm/ui/editable-list/EditableListField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EditableListField.js","sources":["../../../../src/ui/editable-list/EditableListField.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport {\n  flexRender,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport { Pencil, Plus, Trash2 } from 'lucide-react'\nimport { Button } from '~/ui/button'\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from '~/ui/table'\nimport { Dialog, DialogContent, DialogHeader, DialogTitle } from '~/ui/dialog'\nimport { Label } from '~/ui/label'\nimport type { EditableListFieldProps } from './types'\n\ntype DialogState<T> =\n  | { open: false }\n  | { open: true; mode: 'create'; index: null }\n  | { open: true; mode: 'edit'; index: number; item: T }\n\nexport function EditableListField<T>({\n  value,\n  onChange,\n  columns,\n  renderForm,\n  createEmpty,\n  getItemKey,\n  label,\n  addButtonLabel = 'Add',\n  emptyMessage = 'No items',\n  disabled = false,\n}: EditableListFieldProps<T>) {\n  const [dialogState, setDialogState] = useState<DialogState<T>>({\n    open: false,\n  })\n\n  // Add action column\n  const columnsWithActions = [\n    ...columns,\n    {\n      id: 'actions',\n      header: '',\n      cell: ({ row }: { row: { original: T; index: number } }) => (\n        <div className=\"flex justify-end gap-1\">\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() =>\n              setDialogState({\n                open: true,\n                mode: 'edit',\n                index: row.index,\n                item: row.original,\n              })\n            }\n            disabled={disabled}\n          >\n            <Pencil className=\"h-3 w-3\" />\n          </Button>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={() => {\n              const newValue = value.filter((_, i) => i !== row.index)\n              onChange(newValue)\n            }}\n            disabled={disabled}\n          >\n            <Trash2 className=\"h-3 w-3 text-destructive\" />\n          </Button>\n        </div>\n      ),\n      size: 60,\n    },\n  ]\n\n  const table = useReactTable({\n    data: value,\n    columns: columnsWithActions,\n    getCoreRowModel: getCoreRowModel(),\n    getRowId: (row, index) => getItemKey(row, index),\n  })\n\n  const handleSave = useCallback(\n    (item: T) => {\n      if (!dialogState.open) return\n\n      if (dialogState.mode === 'create') {\n        onChange([...value, item])\n      } else {\n        const newValue = [...value]\n        newValue[dialogState.index] = item\n        onChange(newValue)\n      }\n      setDialogState({ open: false })\n    },\n    [dialogState, value, onChange],\n  )\n\n  return (\n    <div className=\"space-y-2\">\n      {label && <Label>{label}</Label>}\n\n      <div className=\"border rounded-md\">\n        {value.length === 0 ? (\n          <div className=\"p-4 text-center text-sm text-muted-foreground\">\n            {emptyMessage}\n          </div>\n        ) : (\n          <Table>\n            <TableHeader>\n              {table.getHeaderGroups().map((headerGroup) => (\n                <TableRow key={headerGroup.id}>\n                  {headerGroup.headers.map((header) => (\n                    <TableHead key={header.id} className=\"h-8 text-xs\">\n                      {header.isPlaceholder\n                        ? null\n                        : flexRender(\n                            header.column.columnDef.header,\n                            header.getContext(),\n                          )}\n                    </TableHead>\n                  ))}\n                </TableRow>\n              ))}\n            </TableHeader>\n            <TableBody>\n              {table.getRowModel().rows.map((row) => (\n                <TableRow key={row.id}>\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id} className=\"py-1 text-sm\">\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext(),\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))}\n            </TableBody>\n          </Table>\n        )}\n      </div>\n\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={() =>\n          setDialogState({ open: true, mode: 'create', index: null })\n        }\n        disabled={disabled}\n      >\n        <Plus className=\"h-3 w-3 mr-1\" />\n        {addButtonLabel}\n      </Button>\n\n      <Dialog\n        open={dialogState.open}\n        onOpenChange={(open) => !open && setDialogState({ open: false })}\n      >\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>\n              {dialogState.open && dialogState.mode === 'create'\n                ? 'Add Item'\n                : 'Edit Item'}\n            </DialogTitle>\n          </DialogHeader>\n          {dialogState.open &&\n            renderForm({\n              item:\n                dialogState.mode === 'edit' ? dialogState.item : createEmpty(),\n              onSave: handleSave,\n              onCancel: () => setDialogState({ open: false }),\n            })}\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ui/form.js

@@ -1,134 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { Slot } from "@radix-ui/react-slot";
-import * as React from "react";
-import { use } from "react";
-import { FormProvider, Controller, useFormContext } from "../node_modules/.pnpm/react-hook-form@7.71.1_react@19.1.2/node_modules/react-hook-form/dist/index.esm.js";
-import { cn } from "../lib/utils.js";
-import { Label } from "./label.js";
-const Form = FormProvider;
-const FormFieldContext = React.createContext(
-  {}
-);
-const FormField = ({
-  ref: _ref,
-  ...props
-}) => {
-  const fieldContextValue = React.useMemo(
-    () => ({ name: props.name }),
-    [props.name]
-  );
-  return /* @__PURE__ */ jsx(FormFieldContext, { value: fieldContextValue, children: /* @__PURE__ */ jsx(Controller, { ...props }) });
-};
-FormField.displayName = "FormField";
-const useFormField = () => {
-  const fieldContext = use(FormFieldContext);
-  const itemContext = use(FormItemContext);
-  const { getFieldState, formState } = useFormContext();
-  const fieldState = getFieldState(fieldContext.name, formState);
-  const { id } = itemContext;
-  return {
-    id,
-    name: fieldContext.name,
-    formItemId: `${id}-form-item`,
-    formDescriptionId: `${id}-form-item-description`,
-    formMessageId: `${id}-form-item-message`,
-    ...fieldState
-  };
-};
-const FormItemContext = React.createContext(
-  {}
-);
-const FormItem = ({
-  ref,
-  className,
-  ...props
-}) => {
-  const id = React.useId();
-  const formItemValue = React.useMemo(() => ({ id }), [id]);
-  return /* @__PURE__ */ jsx(FormItemContext, { value: formItemValue, children: /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props }) });
-};
-FormItem.displayName = "FormItem";
-const FormLabel = ({
-  ref,
-  className,
-  ...props
-}) => {
-  const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Label,
-    {
-      ref,
-      htmlFor: formItemId,
-      className: cn(error && "text-destructive", className),
-      ...props
-    }
-  );
-};
-FormLabel.displayName = "FormLabel";
-const FormControl = ({
-  ref,
-  ...props
-}) => {
-  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    Slot,
-    {
-      ref,
-      id: formItemId,
-      "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
-      "aria-invalid": !!error,
-      ...props
-    }
-  );
-};
-FormControl.displayName = "FormControl";
-const FormDescription = ({
-  ref,
-  className,
-  ...props
-}) => {
-  const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref,
-      id: formDescriptionId,
-      className: cn("text-sm text-muted-foreground", className),
-      ...props
-    }
-  );
-};
-FormDescription.displayName = "FormDescription";
-const FormMessage = ({
-  ref,
-  className,
-  ...props
-}) => {
-  const { error, formMessageId } = useFormField();
-  const body = error ? String(error.message) : "";
-  if (!error) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    "p",
-    {
-      ref,
-      id: formMessageId,
-      className: cn("text-sm font-medium text-destructive", className),
-      ...props,
-      children: body
-    }
-  );
-};
-FormMessage.displayName = "FormMessage";
-export {
-  Form,
-  FormControl,
-  FormDescription,
-  FormField,
-  FormItem,
-  FormLabel,
-  FormMessage,
-  useFormField
-};
-//# sourceMappingURL=form.js.map

package/dist/esm/ui/form.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form.js","sources":["../../../src/ui/form.tsx"],"sourcesContent":["import type * as LabelPrimitive from '@radix-ui/react-label'\nimport { Slot } from '@radix-ui/react-slot'\nimport * as React from 'react'\nimport { use } from 'react'\nimport type { FieldPath, FieldValues } from 'react-hook-form'\nimport { Controller, FormProvider, useFormContext } from 'react-hook-form'\n\nimport { cn } from '~/lib/utils'\nimport { Label } from '~/ui/label'\n\nconst Form = FormProvider\n\ninterface FormFieldContextValue<\n  TFieldValues extends FieldValues = FieldValues,\n  TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> {\n  name: TName\n}\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n  {} as FormFieldContextValue,\n)\n\nconst FormField = ({\n  ref: _ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof Controller> & {\n  name: any\n} & { ref?: React.RefObject<React.ElementRef<typeof Controller> | null> }) => {\n  const fieldContextValue = React.useMemo(\n    () => ({ name: props.name }),\n    [props.name],\n  )\n\n  return (\n    <FormFieldContext value={fieldContextValue}>\n      <Controller {...props} />\n    </FormFieldContext>\n  )\n}\nFormField.displayName = 'FormField'\n\nconst useFormField = () => {\n  const fieldContext = use(FormFieldContext)\n  const itemContext = use(FormItemContext)\n  const { getFieldState, formState } = useFormContext()\n\n  const fieldState = getFieldState(fieldContext.name, formState)\n\n  const { id } = itemContext\n\n  return {\n    id,\n    name: fieldContext.name,\n    formItemId: `${id}-form-item`,\n    formDescriptionId: `${id}-form-item-description`,\n    formMessageId: `${id}-form-item-message`,\n    ...fieldState,\n  }\n}\n\ninterface FormItemContextValue {\n  id: string\n}\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n  {} as FormItemContextValue,\n)\n\nconst FormItem = ({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement> & {\n  ref?: React.RefObject<HTMLDivElement | null>\n}) => {\n  const id = React.useId()\n  const formItemValue = React.useMemo(() => ({ id }), [id])\n\n  return (\n    <FormItemContext value={formItemValue}>\n      <div ref={ref} className={cn('space-y-2', className)} {...props} />\n    </FormItemContext>\n  )\n}\nFormItem.displayName = 'FormItem'\n\nconst FormLabel = ({\n  ref,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & {\n  ref?: React.RefObject<React.ElementRef<typeof LabelPrimitive.Root> | null>\n}) => {\n  const { error, formItemId } = useFormField()\n\n  return (\n    <Label\n      ref={ref}\n      htmlFor={formItemId}\n      className={cn(error && 'text-destructive', className)}\n      {...props}\n    />\n  )\n}\nFormLabel.displayName = 'FormLabel'\n\nconst FormControl = ({\n  ref,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof Slot> & {\n  ref?: React.RefObject<React.ElementRef<typeof Slot> | null>\n}) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField()\n\n  return (\n    <Slot\n      ref={ref}\n      id={formItemId}\n      aria-describedby={\n        !error\n          ? `${formDescriptionId}`\n          : `${formDescriptionId} ${formMessageId}`\n      }\n      aria-invalid={!!error}\n      {...props}\n    />\n  )\n}\nFormControl.displayName = 'FormControl'\n\nconst FormDescription = ({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement> & {\n  ref?: React.RefObject<HTMLParagraphElement | null>\n}) => {\n  const { formDescriptionId } = useFormField()\n\n  return (\n    <p\n      ref={ref}\n      id={formDescriptionId}\n      className={cn('text-sm text-muted-foreground', className)}\n      {...props}\n    />\n  )\n}\nFormDescription.displayName = 'FormDescription'\n\nconst FormMessage = ({\n  ref,\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLParagraphElement> & {\n  ref?: React.RefObject<HTMLParagraphElement | null>\n}) => {\n  const { error, formMessageId } = useFormField()\n  const body = error ? String(error.message) : ''\n\n  if (!error) {\n    return null\n  }\n\n  return (\n    <p\n      ref={ref}\n      id={formMessageId}\n      className={cn('text-sm font-medium text-destructive', className)}\n      {...props}\n    >\n      {body}\n    </p>\n  )\n}\nFormMessage.displayName = 'FormMessage'\n\nexport {\n  Form,\n  FormControl,\n  FormDescription,\n  FormField,\n  FormItem,\n  FormLabel,\n  FormMessage,\n  useFormField,\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ui/linkExternal.js

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { cn } from "../lib/utils.js";
-const LinkExternal = ({
-  ref,
-  href,
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(
-    "a",
-    {
-      ref,
-      href,
-      target: "_blank",
-      ...props,
-      className: cn(
-        "text-primary hover:text-primary/80 transition-colors font-medium",
-        className
-      )
-    }
-  );
-};
-export {
-  LinkExternal
-};
-//# sourceMappingURL=linkExternal.js.map

package/dist/esm/ui/linkExternal.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"linkExternal.js","sources":["../../../src/ui/linkExternal.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from '~/lib/utils'\n\ninterface BasicLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  className?: string\n}\n\nexport const LinkExternal = ({\n  ref,\n  href,\n  className,\n  ...props\n}: BasicLinkProps & { ref?: React.RefObject<HTMLAnchorElement | null> }) => {\n  return (\n    <a\n      ref={ref}\n      href={href}\n      target=\"_blank\"\n      {...props}\n      className={cn(\n        'text-primary hover:text-primary/80 transition-colors font-medium',\n        className,\n      )}\n    />\n  )\n}\n"],"names":[],"mappings":";;AAOO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4E;AAC1E,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACN,GAAG;AAAA,MACJ,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}