@cfast/ui 0.0.1 → 0.1.0

package/dist/chunk-NRGMW3JA.js

@@ -1,906 +0,0 @@
-import {
-  useActionStatus,
-  useToast
-} from "./chunk-RESL4IJJ.js";
-
-// src/plugin.ts
-import { createContext, useContext, createElement as createElement2 } from "react";
-
-// src/headless-defaults.ts
-import { createElement } from "react";
-var headlessDefaults = {
-  // Actions
-  button: ({ children, onClick, disabled, loading, type }) => createElement(
-    "button",
-    { onClick, disabled: disabled || loading, type: type ?? "button" },
-    loading ? "Loading..." : children
-  ),
-  tooltip: ({ children, title }) => createElement("span", { title }, children),
-  confirmDialog: ({ open, onClose, onConfirm, title, description, confirmLabel, cancelLabel }) => open ? createElement(
-    "dialog",
-    { open: true },
-    createElement("p", null, createElement("strong", null, title)),
-    description ? createElement("p", null, description) : null,
-    createElement(
-      "div",
-      null,
-      createElement("button", { onClick: onClose }, cancelLabel ?? "Cancel"),
-      createElement("button", { onClick: onConfirm }, confirmLabel ?? "Confirm")
-    )
-  ) : null,
-  // Data display
-  table: ({ children }) => createElement("table", null, children),
-  tableHead: ({ children }) => createElement("thead", null, children),
-  tableBody: ({ children }) => createElement("tbody", null, children),
-  tableRow: ({ children, onClick }) => createElement("tr", { onClick }, children),
-  tableCell: ({ children, header, sortable, sortDirection, onSort }) => createElement(
-    header ? "th" : "td",
-    {
-      onClick: sortable ? onSort : void 0,
-      style: sortable ? { cursor: "pointer" } : void 0
-    },
-    children,
-    sortable && sortDirection ? sortDirection === "asc" ? " \u2191" : " \u2193" : null
-  ),
-  chip: ({ children, size }) => createElement(
-    "span",
-    {
-      style: {
-        display: "inline-block",
-        padding: size === "sm" ? "1px 6px" : "2px 8px",
-        borderRadius: "12px",
-        fontSize: size === "sm" ? "12px" : "14px",
-        backgroundColor: "#eee"
-      }
-    },
-    children
-  ),
-  // Layout
-  appShell: ({ children, sidebar, header }) => createElement(
-    "div",
-    { style: { display: "flex", minHeight: "100vh" } },
-    sidebar ? createElement("nav", null, sidebar) : null,
-    createElement(
-      "div",
-      { style: { flex: 1 } },
-      header ?? null,
-      createElement("main", null, children)
-    )
-  ),
-  sidebar: ({ children }) => createElement(
-    "aside",
-    { style: { width: "240px", borderRight: "1px solid #ddd" } },
-    children
-  ),
-  pageContainer: ({ children, title, actions }) => createElement(
-    "div",
-    null,
-    title || actions ? createElement(
-      "div",
-      { style: { display: "flex", justifyContent: "space-between", alignItems: "center" } },
-      title ? createElement("h1", null, title) : null,
-      actions ?? null
-    ) : null,
-    children
-  ),
-  breadcrumb: ({ items }) => createElement(
-    "nav",
-    { "aria-label": "breadcrumb" },
-    items.map(
-      (item, i) => createElement(
-        "span",
-        { key: i },
-        i > 0 ? " / " : null,
-        item.to ? createElement("a", { href: item.to }, item.label) : item.label
-      )
-    )
-  ),
-  // Feedback
-  toast: ({ children }) => createElement("div", null, children),
-  alert: ({ children, color }) => createElement(
-    "div",
-    {
-      role: "alert",
-      style: {
-        padding: "8px 12px",
-        borderRadius: "4px",
-        backgroundColor: color === "danger" ? "#fee" : color === "success" ? "#efe" : color === "warning" ? "#ffe" : "#f5f5f5"
-      }
-    },
-    children
-  ),
-  // File
-  dropZone: ({ children, isDragOver, onClick, onDrop, onDragOver, onDragLeave }) => createElement(
-    "div",
-    {
-      onClick,
-      onDrop: (e) => {
-        e.preventDefault();
-        onDrop(e.dataTransfer.files);
-      },
-      onDragOver: (e) => {
-        e.preventDefault();
-        onDragOver(e);
-      },
-      onDragLeave,
-      style: {
-        border: `2px dashed ${isDragOver ? "#4caf50" : "#ccc"}`,
-        borderRadius: "8px",
-        padding: "32px",
-        textAlign: "center",
-        cursor: "pointer"
-      }
-    },
-    children
-  )
-};
-
-// src/plugin.ts
-var UIPluginContext = createContext(null);
-function createUIPlugin(config) {
-  return { components: config.components };
-}
-function UIPluginProvider({
-  plugin,
-  children
-}) {
-  return createElement2(UIPluginContext.Provider, { value: plugin }, children);
-}
-function useUIPlugin() {
-  return useContext(UIPluginContext);
-}
-function useComponent(slot) {
-  const plugin = useUIPlugin();
-  const component = plugin?.components[slot];
-  if (component) {
-    return component;
-  }
-  return headlessDefaults[slot];
-}
-
-// src/hooks/use-confirm.ts
-import { createContext as createContext2, useContext as useContext2, useCallback } from "react";
-var ConfirmContext = createContext2(null);
-function useConfirm() {
-  const ctx = useContext2(ConfirmContext);
-  if (!ctx) {
-    throw new Error("useConfirm must be used within a <ConfirmProvider>");
-  }
-  return useCallback(
-    (options) => ctx.confirm(options),
-    [ctx]
-  );
-}
-
-// src/hooks/use-action-toast.ts
-import { useEffect, useRef } from "react";
-import { useActions } from "@cfast/actions/client";
-function useActionToast(descriptor, config) {
-  const actions = useActions(descriptor);
-  const toast = useToast();
-  const prevDataRef = useRef({});
-  useEffect(() => {
-    for (const [name, cfg] of Object.entries(config)) {
-      const actionFn = actions[name];
-      if (!actionFn) continue;
-      const result = actionFn();
-      const prevData = prevDataRef.current[name];
-      if (result.data !== void 0 && result.data !== prevData) {
-        prevDataRef.current[name] = result.data;
-        if (cfg.success) {
-          toast.success(cfg.success);
-        }
-      }
-      if (result.error !== void 0 && result.error !== prevData) {
-        prevDataRef.current[name] = result.error;
-        if (cfg.error) {
-          toast.error(cfg.error);
-        }
-      }
-    }
-  });
-}
-
-// src/components/permission-gate.tsx
-import { createElement as createElement3, Fragment } from "react";
-function PermissionGate({
-  action,
-  actionName,
-  input,
-  children,
-  fallback
-}) {
-  const status = useActionStatus(action, actionName, input);
-  if (status.invisible) {
-    return null;
-  }
-  if (!status.permitted) {
-    return fallback ? createElement3(Fragment, null, fallback) : null;
-  }
-  return createElement3(Fragment, null, children);
-}
-
-// src/components/action-button.tsx
-import { createElement as createElement4 } from "react";
-function ActionButton({
-  action,
-  actionName,
-  input,
-  children,
-  whenForbidden = "disable",
-  confirmation: _confirmation,
-  variant,
-  color,
-  size,
-  startDecorator
-}) {
-  const status = useActionStatus(action, actionName, input);
-  const Button = useComponent("button");
-  if (status.invisible) {
-    return null;
-  }
-  if (!status.permitted && whenForbidden === "hide") {
-    return null;
-  }
-  const disabled = !status.permitted && whenForbidden === "disable";
-  return createElement4(Button, {
-    children,
-    onClick: () => status.submit(),
-    disabled,
-    loading: status.pending,
-    variant,
-    color,
-    size,
-    startDecorator
-  });
-}
-
-// src/components/confirm-provider.tsx
-import { createElement as createElement5, useState, useCallback as useCallback2, useRef as useRef2 } from "react";
-function ConfirmProvider({ children }) {
-  const [state, setState] = useState(null);
-  const ConfirmDialog = useComponent("confirmDialog");
-  const resolveRef = useRef2(null);
-  const confirm = useCallback2((options) => {
-    return new Promise((resolve) => {
-      resolveRef.current = resolve;
-      setState({ ...options, resolve });
-    });
-  }, []);
-  const handleClose = useCallback2(() => {
-    resolveRef.current?.(false);
-    resolveRef.current = null;
-    setState(null);
-  }, []);
-  const handleConfirm = useCallback2(() => {
-    resolveRef.current?.(true);
-    resolveRef.current = null;
-    setState(null);
-  }, []);
-  return createElement5(
-    ConfirmContext.Provider,
-    { value: { confirm } },
-    children,
-    state ? createElement5(ConfirmDialog, {
-      open: true,
-      onClose: handleClose,
-      onConfirm: handleConfirm,
-      title: state.title,
-      description: state.description,
-      confirmLabel: state.confirmLabel,
-      cancelLabel: state.cancelLabel,
-      variant: state.variant
-    }) : null
-  );
-}
-
-// src/components/form-status.tsx
-import { createElement as createElement6 } from "react";
-function FormStatus({ data }) {
-  const Alert = useComponent("alert");
-  if (!data) return null;
-  const elements = [];
-  if (data.success) {
-    elements.push(
-      createElement6(Alert, { key: "success", color: "success", children: data.success })
-    );
-  }
-  if (data.error) {
-    elements.push(
-      createElement6(Alert, { key: "error", color: "danger", children: data.error })
-    );
-  }
-  if (data.fieldErrors) {
-    const errorMessages = Object.entries(data.fieldErrors).flatMap(
-      ([field, errors]) => errors.map((err) => `${field}: ${err}`)
-    );
-    if (errorMessages.length > 0) {
-      elements.push(
-        createElement6(Alert, {
-          key: "field-errors",
-          color: "danger",
-          children: createElement6(
-            "ul",
-            { style: { margin: 0, paddingLeft: "16px" } },
-            ...errorMessages.map(
-              (msg, i) => createElement6("li", { key: i }, msg)
-            )
-          )
-        })
-      );
-    }
-  }
-  if (elements.length === 0) return null;
-  return createElement6("div", { style: { display: "flex", flexDirection: "column", gap: "8px" } }, ...elements);
-}
-
-// src/components/role-badge.tsx
-import { createElement as createElement7 } from "react";
-var defaultColors = {
-  admin: "danger",
-  editor: "primary",
-  author: "success",
-  reader: "neutral"
-};
-function RoleBadge({ role, colors }) {
-  const Chip = useComponent("chip");
-  const colorMap = colors ? { ...defaultColors, ...Object.fromEntries(
-    Object.entries(colors).map(([k, v]) => [k, v])
-  ) } : defaultColors;
-  const chipColor = colorMap[role] ?? "neutral";
-  return createElement7(Chip, {
-    children: role,
-    color: chipColor,
-    variant: "soft",
-    size: "sm"
-  });
-}
-
-// src/components/impersonation-banner.tsx
-import { createElement as createElement8 } from "react";
-import { useCurrentUser } from "@cfast/auth/client";
-function ImpersonationBanner({
-  stopAction = "/admin/stop-impersonation"
-}) {
-  const user = useCurrentUser();
-  const Alert = useComponent("alert");
-  const Button = useComponent("button");
-  if (!user?.isImpersonating) {
-    return null;
-  }
-  return createElement8(
-    Alert,
-    {
-      color: "warning",
-      children: createElement8(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            gap: "12px"
-          }
-        },
-        createElement8(
-          "strong",
-          null,
-          `Viewing as ${user.name} (${user.email})`
-        ),
-        createElement8(
-          "form",
-          { method: "post", action: stopAction },
-          createElement8(Button, {
-            type: "submit",
-            variant: "outlined",
-            size: "sm",
-            children: "Stop Impersonating"
-          })
-        )
-      )
-    }
-  );
-}
-
-// src/components/data-table.tsx
-import { createElement as createElement9, useState as useState2, useCallback as useCallback3 } from "react";
-function normalizeColumns(columns) {
-  if (!columns) return [];
-  return columns.map((col) => {
-    if (typeof col === "string") {
-      return {
-        key: col,
-        label: col.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()).trim(),
-        sortable: true
-      };
-    }
-    return col;
-  });
-}
-function DataTable({
-  data,
-  columns: columnsProp,
-  selectable = false,
-  selectedRows: externalSelectedRows,
-  onSelectionChange,
-  onRowClick,
-  getRowId,
-  emptyMessage = "No data"
-}) {
-  const Table = useComponent("table");
-  const TableHead = useComponent("tableHead");
-  const TableBody = useComponent("tableBody");
-  const TableRow = useComponent("tableRow");
-  const TableCell = useComponent("tableCell");
-  const columns = normalizeColumns(columnsProp);
-  const [sortKey, setSortKey] = useState2(null);
-  const [sortDir, setSortDir] = useState2("asc");
-  const [internalSelected, setInternalSelected] = useState2(/* @__PURE__ */ new Set());
-  const selectedSet = externalSelectedRows ? new Set(externalSelectedRows.map((r) => (getRowId ?? defaultGetId)(r))) : internalSelected;
-  const handleSort = useCallback3((key) => {
-    if (sortKey === key) {
-      setSortDir((d) => d === "asc" ? "desc" : "asc");
-    } else {
-      setSortKey(key);
-      setSortDir("asc");
-    }
-  }, [sortKey]);
-  const toggleRow = useCallback3((id) => {
-    if (onSelectionChange) {
-      const row = data.items.find((r) => (getRowId ?? defaultGetId)(r) === id);
-      if (!row) return;
-      const current = externalSelectedRows ?? [];
-      const isSelected = current.some((r) => (getRowId ?? defaultGetId)(r) === id);
-      onSelectionChange(isSelected ? current.filter((r) => (getRowId ?? defaultGetId)(r) !== id) : [...current, row]);
-    } else {
-      setInternalSelected((prev) => {
-        const next = new Set(prev);
-        if (next.has(id)) next.delete(id);
-        else next.add(id);
-        return next;
-      });
-    }
-  }, [data.items, externalSelectedRows, onSelectionChange, getRowId]);
-  if (data.items.length === 0 && !data.isLoading) {
-    return createElement9("div", { style: { textAlign: "center", padding: "32px", color: "#666" } }, emptyMessage);
-  }
-  return createElement9(
-    Table,
-    { hoverRow: true, children: createElement9("div") },
-    createElement9(
-      TableHead,
-      { children: createElement9("div") },
-      createElement9(
-        TableRow,
-        { children: createElement9("div") },
-        selectable ? createElement9(TableCell, { header: true, children: "" }) : null,
-        ...columns.map(
-          (col) => createElement9(TableCell, {
-            key: col.key,
-            header: true,
-            sortable: col.sortable !== false,
-            sortDirection: sortKey === col.key ? sortDir : null,
-            onSort: () => handleSort(col.key),
-            children: col.label ?? col.key
-          })
-        )
-      )
-    ),
-    createElement9(
-      TableBody,
-      { children: createElement9("div") },
-      ...data.items.map((row) => {
-        const id = (getRowId ?? defaultGetId)(row);
-        const isSelected = selectedSet.has(id);
-        return createElement9(
-          TableRow,
-          {
-            key: String(id),
-            selected: isSelected,
-            onClick: onRowClick ? () => onRowClick(row) : void 0,
-            children: createElement9("div")
-          },
-          selectable ? createElement9(TableCell, {
-            children: createElement9("input", {
-              type: "checkbox",
-              checked: isSelected,
-              onChange: () => toggleRow(id)
-            })
-          }) : null,
-          ...columns.map((col) => {
-            const value = row[col.key];
-            return createElement9(TableCell, {
-              key: col.key,
-              children: col.render ? col.render(value, row) : String(value ?? "")
-            });
-          })
-        );
-      })
-    )
-  );
-}
-function defaultGetId(row) {
-  return row.id;
-}
-
-// src/components/filter-bar.tsx
-import { createElement as createElement10, useCallback as useCallback4 } from "react";
-import { useSearchParams, useNavigate, useLocation } from "react-router";
-function FilterBar({
-  filters,
-  searchable
-}) {
-  const [searchParams] = useSearchParams();
-  const navigate = useNavigate();
-  const location = useLocation();
-  const updateParam = useCallback4(
-    (key, value) => {
-      const params = new URLSearchParams(searchParams);
-      if (value === null || value === "") {
-        params.delete(key);
-      } else {
-        params.set(key, value);
-      }
-      params.delete("page");
-      params.delete("cursor");
-      navigate(`${location.pathname}?${params.toString()}`);
-    },
-    [searchParams, navigate, location.pathname]
-  );
-  return createElement10(
-    "div",
-    {
-      style: {
-        display: "flex",
-        gap: "8px",
-        flexWrap: "wrap",
-        alignItems: "center",
-        marginBottom: "16px"
-      }
-    },
-    // Search input
-    searchable && searchable.length > 0 ? createElement10("input", {
-      type: "search",
-      placeholder: `Search ${searchable.join(", ")}...`,
-      value: searchParams.get("q") ?? "",
-      onChange: (e) => updateParam("q", e.target.value || null),
-      style: { padding: "6px 10px", border: "1px solid #ccc", borderRadius: "4px" }
-    }) : null,
-    ...filters.map(
-      (filter) => createElement10(FilterInput, {
-        key: filter.column,
-        filter,
-        value: searchParams.get(filter.column) ?? "",
-        onChange: (value) => updateParam(filter.column, value || null)
-      })
-    )
-  );
-}
-function FilterInput({
-  filter,
-  value,
-  onChange
-}) {
-  const label = filter.label ?? filter.column;
-  switch (filter.type) {
-    case "select":
-    case "boolean":
-      return createElement10(
-        "select",
-        {
-          value,
-          onChange: (e) => onChange(e.target.value),
-          "aria-label": label
-        },
-        createElement10("option", { value: "" }, `All ${label}`),
-        ...(filter.options ?? []).map(
-          (opt) => createElement10("option", { key: String(opt.value), value: String(opt.value) }, opt.label)
-        )
-      );
-    case "text":
-    default:
-      return createElement10("input", {
-        type: "text",
-        placeholder: filter.placeholder ?? label,
-        value,
-        onChange: (e) => onChange(e.target.value),
-        "aria-label": label,
-        style: { padding: "6px 10px", border: "1px solid #ccc", borderRadius: "4px" }
-      });
-  }
-}
-
-// src/components/bulk-action-bar.tsx
-import { createElement as createElement11 } from "react";
-function BulkActionBar({
-  selectedCount,
-  actions,
-  onAction,
-  onClearSelection
-}) {
-  const Button = useComponent("button");
-  if (selectedCount === 0) return null;
-  return createElement11(
-    "div",
-    {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        gap: "8px",
-        padding: "8px 16px",
-        backgroundColor: "#f0f4ff",
-        borderRadius: "4px",
-        marginBottom: "8px"
-      }
-    },
-    createElement11(
-      "span",
-      null,
-      `${selectedCount} selected`
-    ),
-    ...actions.map(
-      (action) => createElement11(Button, {
-        key: action.label,
-        children: action.label,
-        onClick: () => onAction(action),
-        variant: "soft",
-        size: "sm",
-        startDecorator: action.icon ? createElement11(action.icon, { className: "bulk-action-icon" }) : void 0
-      })
-    ),
-    createElement11(Button, {
-      children: "Clear",
-      onClick: onClearSelection,
-      variant: "plain",
-      size: "sm"
-    })
-  );
-}
-
-// src/fields/date-field.tsx
-import { createElement as createElement12 } from "react";
-var rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
-function getRelativeTime(date) {
-  const now = Date.now();
-  const diffMs = date.getTime() - now;
-  const diffSec = Math.round(diffMs / 1e3);
-  const diffMin = Math.round(diffSec / 60);
-  const diffHour = Math.round(diffMin / 60);
-  const diffDay = Math.round(diffHour / 24);
-  if (Math.abs(diffSec) < 60) return rtf.format(diffSec, "second");
-  if (Math.abs(diffMin) < 60) return rtf.format(diffMin, "minute");
-  if (Math.abs(diffHour) < 24) return rtf.format(diffHour, "hour");
-  if (Math.abs(diffDay) < 30) return rtf.format(diffDay, "day");
-  const diffMonth = Math.round(diffDay / 30);
-  if (Math.abs(diffMonth) < 12) return rtf.format(diffMonth, "month");
-  return rtf.format(Math.round(diffDay / 365), "year");
-}
-function formatDate(date, format, locale) {
-  switch (format) {
-    case "relative":
-      return getRelativeTime(date);
-    case "long":
-      return new Intl.DateTimeFormat(locale, {
-        dateStyle: "long"
-      }).format(date);
-    case "datetime":
-      return new Intl.DateTimeFormat(locale, {
-        dateStyle: "medium",
-        timeStyle: "short"
-      }).format(date);
-    case "short":
-    default:
-      return new Intl.DateTimeFormat(locale, {
-        dateStyle: "medium"
-      }).format(date);
-  }
-}
-function DateField({
-  value,
-  format = "short",
-  locale = "en"
-}) {
-  if (value == null) {
-    return createElement12("span", null, "\u2014");
-  }
-  const date = value instanceof Date ? value : new Date(value);
-  if (Number.isNaN(date.getTime())) {
-    return createElement12("span", null, "Invalid date");
-  }
-  return createElement12("time", { dateTime: date.toISOString() }, formatDate(date, format, locale));
-}
-
-// src/fields/boolean-field.tsx
-import { createElement as createElement13 } from "react";
-function BooleanField({
-  value,
-  trueLabel = "Yes",
-  falseLabel = "No",
-  trueColor = "success",
-  falseColor = "neutral"
-}) {
-  const Chip = useComponent("chip");
-  if (value == null) {
-    return createElement13("span", null, "\u2014");
-  }
-  return createElement13(Chip, {
-    children: value ? trueLabel : falseLabel,
-    color: value ? trueColor : falseColor,
-    variant: "soft",
-    size: "sm"
-  });
-}
-
-// src/fields/number-field.tsx
-import { createElement as createElement14 } from "react";
-function NumberField({
-  value,
-  locale = "en",
-  currency,
-  decimals
-}) {
-  if (value == null) {
-    return createElement14("span", null, "\u2014");
-  }
-  const options = {};
-  if (currency) {
-    options.style = "currency";
-    options.currency = currency;
-  }
-  if (decimals !== void 0) {
-    options.minimumFractionDigits = decimals;
-    options.maximumFractionDigits = decimals;
-  }
-  const formatted = new Intl.NumberFormat(locale, options).format(value);
-  return createElement14("span", null, formatted);
-}
-
-// src/fields/text-field.tsx
-import { createElement as createElement15 } from "react";
-function TextField({
-  value,
-  maxLength
-}) {
-  if (value == null) {
-    return createElement15("span", null, "\u2014");
-  }
-  const display = maxLength && value.length > maxLength ? `${value.slice(0, maxLength)}\u2026` : value;
-  if (maxLength && value.length > maxLength) {
-    return createElement15("span", { title: value }, display);
-  }
-  return createElement15("span", null, display);
-}
-
-// src/fields/email-field.tsx
-import { createElement as createElement16 } from "react";
-function EmailField({ value }) {
-  if (value == null) {
-    return createElement16("span", null, "\u2014");
-  }
-  return createElement16("a", { href: `mailto:${value}` }, value);
-}
-
-// src/fields/json-field.tsx
-import { createElement as createElement17, useState as useState3 } from "react";
-function JsonField({
-  value,
-  collapsed = false
-}) {
-  const [isCollapsed, setIsCollapsed] = useState3(collapsed);
-  if (value == null) {
-    return createElement17("span", null, "\u2014");
-  }
-  const formatted = JSON.stringify(value, null, 2);
-  if (isCollapsed) {
-    const preview = JSON.stringify(value);
-    const short = preview.length > 60 ? `${preview.slice(0, 60)}\u2026` : preview;
-    return createElement17(
-      "span",
-      null,
-      createElement17("code", null, short),
-      " ",
-      createElement17("button", {
-        onClick: () => setIsCollapsed(false),
-        style: { border: "none", background: "none", cursor: "pointer", color: "#666", fontSize: "12px" }
-      }, "expand")
-    );
-  }
-  return createElement17(
-    "pre",
-    {
-      style: {
-        margin: 0,
-        fontSize: "13px",
-        backgroundColor: "#f5f5f5",
-        padding: "8px",
-        borderRadius: "4px",
-        overflow: "auto"
-      }
-    },
-    createElement17("code", null, formatted)
-  );
-}
-
-// src/fields/field-for-column.ts
-function fieldForColumn(column) {
-  const { dataType, name } = column;
-  const dt = dataType.toLowerCase();
-  if (dt === "boolean" || dt === "integer" && name.startsWith("is")) {
-    return BooleanField;
-  }
-  if (dt.includes("timestamp") || dt.includes("date") || dt.includes("datetime")) {
-    return DateField;
-  }
-  if (dt === "integer" || dt === "real" || dt === "numeric" || dt.includes("int") || dt.includes("float") || dt.includes("double") || dt.includes("decimal")) {
-    return NumberField;
-  }
-  if (name === "email" || name.endsWith("Email")) {
-    return EmailField;
-  }
-  if (dt === "json" || dt === "jsonb" || dt === "blob") {
-    return JsonField;
-  }
-  return TextField;
-}
-function fieldsForTable(table) {
-  const result = {};
-  for (const [key, col] of Object.entries(table)) {
-    if (col && typeof col === "object" && "dataType" in col && "name" in col) {
-      result[key] = fieldForColumn(col);
-    }
-  }
-  return result;
-}
-
-// src/hooks/use-column-inference.ts
-import { useMemo } from "react";
-function useColumnInference(table, columns) {
-  return useMemo(() => {
-    if (!table) return [];
-    const result = [];
-    for (const [key, col] of Object.entries(table)) {
-      if (columns && !columns.includes(key)) continue;
-      if (!col || typeof col !== "object" || !("dataType" in col) || !("name" in col)) continue;
-      const meta = col;
-      const field = fieldForColumn(meta);
-      const label = key.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase()).trim();
-      result.push({
-        key,
-        label,
-        sortable: true,
-        field
-      });
-    }
-    if (columns) {
-      result.sort((a, b) => columns.indexOf(a.key) - columns.indexOf(b.key));
-    }
-    return result;
-  }, [table, columns]);
-}
-
-export {
-  createUIPlugin,
-  UIPluginProvider,
-  useUIPlugin,
-  useComponent,
-  useConfirm,
-  useActionToast,
-  PermissionGate,
-  ActionButton,
-  ConfirmProvider,
-  FormStatus,
-  RoleBadge,
-  ImpersonationBanner,
-  DataTable,
-  FilterBar,
-  BulkActionBar,
-  DateField,
-  BooleanField,
-  NumberField,
-  TextField,
-  EmailField,
-  JsonField,
-  fieldForColumn,
-  fieldsForTable,
-  useColumnInference
-};