@simpleapps-com/augur-web 2.2.23 → 2.2.24

package/dist/detail-panel.cjs

@@ -0,0 +1,142 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
+"use client";
+
+
+var _chunkWJUDOEVBcjs = require('./chunk-WJUDOEVB.cjs');
+
+
+var _chunkZ57QBVUCcjs = require('./chunk-Z57QBVUC.cjs');
+require('./chunk-5ZITWMV4.cjs');
+
+
+var _chunk32XB3REYcjs = require('./chunk-32XB3REY.cjs');
+require('./chunk-BXMTQGKV.cjs');
+require('./chunk-76RSVRGB.cjs');
+require('./chunk-7EXXNELX.cjs');
+require('./chunk-MAENILZP.cjs');
+
+
+var _chunk5VMEEKZ5cjs = require('./chunk-5VMEEKZ5.cjs');
+
+
+var _chunkVL6L4GDAcjs = require('./chunk-VL6L4GDA.cjs');
+
+// src/detail-panel.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _web = require('@simpleapps-com/augur-utils/web');
+var _jsxruntime = require('react/jsx-runtime');
+function DetailPanel({
+  fields,
+  data,
+  onSave,
+  onCancel,
+  loading = false,
+  title,
+  className,
+  defaultEditing = false
+}) {
+  const [editing, setEditing] = React.useState(defaultEditing);
+  const [draft, setDraft] = React.useState(data);
+  React.useEffect(() => {
+    setDraft(data);
+  }, [data]);
+  const handleEdit = () => {
+    setDraft(data);
+    setEditing(true);
+  };
+  const handleCancel = () => {
+    setDraft(data);
+    setEditing(false);
+    _optionalChain([onCancel, 'optionalCall', _ => _()]);
+  };
+  const handleSave = () => {
+    onSave(draft);
+  };
+  const updateField = (key, value) => {
+    setDraft((prev) => ({ ...prev, [key]: value }));
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _web.cn.call(void 0, "space-y-6", className), children: [
+    (title || !editing) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between", children: [
+      title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-lg font-semibold", children: title }),
+      !editing && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6L4GDAcjs.Button, { variant: "outline", size: "sm", onClick: handleEdit, children: "Edit" })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "grid gap-4 sm:grid-cols-2", children: fields.map(
+      (field) => editing ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        EditField,
+        {
+          field,
+          value: draft[field.key],
+          onChange: updateField
+        },
+        field.key
+      ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ReadField, { field, value: data[field.key] }, field.key)
+    ) }),
+    editing && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVL6L4GDAcjs.Button, { onClick: handleSave, disabled: loading, children: [
+        loading && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VMEEKZ5cjs.Spinner, { size: "sm", className: "mr-2" }),
+        "Save"
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVL6L4GDAcjs.Button, { variant: "outline", onClick: handleCancel, disabled: loading, children: "Cancel" })
+    ] })
+  ] });
+}
+DetailPanel.displayName = "DetailPanel";
+function ReadField({ field, value }) {
+  const display = field.render ? field.render(value) : String(_nullishCoalesce(value, () => ( "")));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground text-sm font-medium", children: field.label }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", children: display })
+  ] });
+}
+function EditField({
+  field,
+  value,
+  onChange
+}) {
+  const strValue = String(_nullishCoalesce(value, () => ( "")));
+  if (field.type === "readonly") {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "space-y-1", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-muted-foreground text-sm font-medium", children: field.label }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", children: field.render ? field.render(value) : strValue })
+    ] });
+  }
+  if (field.type === "select") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkWJUDOEVBcjs.FormSelect,
+      {
+        label: field.label,
+        name: field.key,
+        required: field.required,
+        options: _nullishCoalesce(field.options, () => ( [])),
+        value: strValue,
+        onValueChange: (v) => onChange(field.key, v)
+      }
+    );
+  }
+  if (field.type === "textarea") {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkZ57QBVUCcjs.FormTextarea,
+      {
+        label: field.label,
+        name: field.key,
+        required: field.required,
+        value: strValue,
+        onChange: (e) => onChange(field.key, e.target.value)
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk32XB3REYcjs.FormInput,
+    {
+      label: field.label,
+      name: field.key,
+      required: field.required,
+      value: strValue,
+      onChange: (e) => onChange(field.key, e.target.value)
+    }
+  );
+}
+
+
+exports.DetailPanel = DetailPanel;
+//# sourceMappingURL=detail-panel.cjs.map

package/dist/detail-panel.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/detail-panel.cjs","../src/detail-panel.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/detail-panel.cjs","sourcesContent":[null,"/** Read/edit toggle panel for a single record. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Button } from \"./button\";\nimport { FormInput } from \"./form-input\";\nimport { FormSelect } from \"./form-select\";\nimport { FormTextarea } from \"./form-textarea\";\nimport { Spinner } from \"./spinner\";\n\nexport interface FieldDef<T> {\n  /** Property key on the data object. */\n  key: keyof T & string;\n  /** Display label. */\n  label: string;\n  /** Field type determines the input component used in edit mode. */\n  type: \"text\" | \"textarea\" | \"select\" | \"readonly\";\n  /** Options for select fields. */\n  options?: { label: string; value: string }[];\n  /** Mark the field as required in edit mode. */\n  required?: boolean;\n  /** Custom read-mode renderer. Receives the field value. */\n  render?: (value: T[keyof T]) => React.ReactNode;\n}\n\nexport interface DetailPanelProps<T extends object> {\n  /** Field definitions describing each field. */\n  fields: FieldDef<T>[];\n  /** The record to display/edit. */\n  data: T;\n  /** Called with the updated record when the user saves. */\n  onSave: (data: T) => void;\n  /** Called when the user cancels editing. */\n  onCancel?: () => void;\n  /** Whether a save operation is in progress. */\n  loading?: boolean;\n  /** Optional title displayed above the fields. */\n  title?: string;\n  /** Additional class name for the root container. */\n  className?: string;\n  /** Start in edit mode. */\n  defaultEditing?: boolean;\n}\n\n/**\n * Read/edit toggle panel for a single record. Renders field values in read\n * mode, and form inputs in edit mode based on field definitions.\n *\n * @example\n * ```tsx\n * const fields: FieldDef<Brand>[] = [\n *   { key: \"brandsName\", label: \"Name\", type: \"text\", required: true },\n *   { key: \"brandsDesc\", label: \"Description\", type: \"textarea\" },\n *   { key: \"brandsUid\", label: \"UID\", type: \"readonly\" },\n * ];\n *\n * <DetailPanel fields={fields} data={brand} onSave={handleSave} />\n * ```\n */\nfunction DetailPanel<T extends object>({\n  fields,\n  data,\n  onSave,\n  onCancel,\n  loading = false,\n  title,\n  className,\n  defaultEditing = false,\n}: DetailPanelProps<T>) {\n  const [editing, setEditing] = React.useState(defaultEditing);\n  const [draft, setDraft] = React.useState<T>(data);\n\n  React.useEffect(() => {\n    setDraft(data);\n  }, [data]);\n\n  const handleEdit = () => {\n    setDraft(data);\n    setEditing(true);\n  };\n\n  const handleCancel = () => {\n    setDraft(data);\n    setEditing(false);\n    onCancel?.();\n  };\n\n  const handleSave = () => {\n    onSave(draft);\n  };\n\n  const updateField = (key: keyof T & string, value: unknown) => {\n    setDraft((prev) => ({ ...prev, [key]: value }));\n  };\n\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      {(title || !editing) && (\n        <div className=\"flex items-center justify-between\">\n          {title && <h3 className=\"text-lg font-semibold\">{title}</h3>}\n          {!editing && (\n            <Button variant=\"outline\" size=\"sm\" onClick={handleEdit}>\n              Edit\n            </Button>\n          )}\n        </div>\n      )}\n      <div className=\"grid gap-4 sm:grid-cols-2\">\n        {fields.map((field) =>\n          editing ? (\n            <EditField\n              key={field.key}\n              field={field}\n              value={draft[field.key]}\n              onChange={updateField}\n            />\n          ) : (\n            <ReadField key={field.key} field={field} value={data[field.key]} />\n          ),\n        )}\n      </div>\n      {editing && (\n        <div className=\"flex gap-2\">\n          <Button onClick={handleSave} disabled={loading}>\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            Save\n          </Button>\n          <Button variant=\"outline\" onClick={handleCancel} disabled={loading}>\n            Cancel\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\nDetailPanel.displayName = \"DetailPanel\";\n\nfunction ReadField<T>({ field, value }: { field: FieldDef<T>; value: T[keyof T] }) {\n  const display = field.render ? field.render(value) : String(value ?? \"\");\n  return (\n    <div className=\"space-y-1\">\n      <p className=\"text-muted-foreground text-sm font-medium\">{field.label}</p>\n      <p className=\"text-sm\">{display}</p>\n    </div>\n  );\n}\n\nfunction EditField<T>({\n  field,\n  value,\n  onChange,\n}: {\n  field: FieldDef<T>;\n  value: unknown;\n  onChange: (key: keyof T & string, value: unknown) => void;\n}) {\n  const strValue = String(value ?? \"\");\n\n  if (field.type === \"readonly\") {\n    return (\n      <div className=\"space-y-1\">\n        <p className=\"text-muted-foreground text-sm font-medium\">{field.label}</p>\n        <p className=\"text-sm\">{field.render ? field.render(value as T[keyof T]) : strValue}</p>\n      </div>\n    );\n  }\n\n  if (field.type === \"select\") {\n    return (\n      <FormSelect\n        label={field.label}\n        name={field.key}\n        required={field.required}\n        options={field.options ?? []}\n        value={strValue}\n        onValueChange={(v) => onChange(field.key, v)}\n      />\n    );\n  }\n\n  if (field.type === \"textarea\") {\n    return (\n      <FormTextarea\n        label={field.label}\n        name={field.key}\n        required={field.required}\n        value={strValue}\n        onChange={(e) => onChange(field.key, e.target.value)}\n      />\n    );\n  }\n\n  return (\n    <FormInput\n      label={field.label}\n      name={field.key}\n      required={field.required}\n      value={strValue}\n      onChange={(e) => onChange(field.key, e.target.value)}\n    />\n  );\n}\n\nexport { DetailPanel };\n"]}

package/dist/detail-panel.d.cts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface FieldDef<T> {
+    /** Property key on the data object. */
+    key: keyof T & string;
+    /** Display label. */
+    label: string;
+    /** Field type determines the input component used in edit mode. */
+    type: "text" | "textarea" | "select" | "readonly";
+    /** Options for select fields. */
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    /** Mark the field as required in edit mode. */
+    required?: boolean;
+    /** Custom read-mode renderer. Receives the field value. */
+    render?: (value: T[keyof T]) => React.ReactNode;
+}
+interface DetailPanelProps<T extends object> {
+    /** Field definitions describing each field. */
+    fields: FieldDef<T>[];
+    /** The record to display/edit. */
+    data: T;
+    /** Called with the updated record when the user saves. */
+    onSave: (data: T) => void;
+    /** Called when the user cancels editing. */
+    onCancel?: () => void;
+    /** Whether a save operation is in progress. */
+    loading?: boolean;
+    /** Optional title displayed above the fields. */
+    title?: string;
+    /** Additional class name for the root container. */
+    className?: string;
+    /** Start in edit mode. */
+    defaultEditing?: boolean;
+}
+/**
+ * Read/edit toggle panel for a single record. Renders field values in read
+ * mode, and form inputs in edit mode based on field definitions.
+ *
+ * @example
+ * ```tsx
+ * const fields: FieldDef<Brand>[] = [
+ *   { key: "brandsName", label: "Name", type: "text", required: true },
+ *   { key: "brandsDesc", label: "Description", type: "textarea" },
+ *   { key: "brandsUid", label: "UID", type: "readonly" },
+ * ];
+ *
+ * <DetailPanel fields={fields} data={brand} onSave={handleSave} />
+ * ```
+ */
+declare function DetailPanel<T extends object>({ fields, data, onSave, onCancel, loading, title, className, defaultEditing, }: DetailPanelProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace DetailPanel {
+    var displayName: string;
+}
+
+export { DetailPanel, type DetailPanelProps, type FieldDef };

package/dist/detail-panel.d.ts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface FieldDef<T> {
+    /** Property key on the data object. */
+    key: keyof T & string;
+    /** Display label. */
+    label: string;
+    /** Field type determines the input component used in edit mode. */
+    type: "text" | "textarea" | "select" | "readonly";
+    /** Options for select fields. */
+    options?: {
+        label: string;
+        value: string;
+    }[];
+    /** Mark the field as required in edit mode. */
+    required?: boolean;
+    /** Custom read-mode renderer. Receives the field value. */
+    render?: (value: T[keyof T]) => React.ReactNode;
+}
+interface DetailPanelProps<T extends object> {
+    /** Field definitions describing each field. */
+    fields: FieldDef<T>[];
+    /** The record to display/edit. */
+    data: T;
+    /** Called with the updated record when the user saves. */
+    onSave: (data: T) => void;
+    /** Called when the user cancels editing. */
+    onCancel?: () => void;
+    /** Whether a save operation is in progress. */
+    loading?: boolean;
+    /** Optional title displayed above the fields. */
+    title?: string;
+    /** Additional class name for the root container. */
+    className?: string;
+    /** Start in edit mode. */
+    defaultEditing?: boolean;
+}
+/**
+ * Read/edit toggle panel for a single record. Renders field values in read
+ * mode, and form inputs in edit mode based on field definitions.
+ *
+ * @example
+ * ```tsx
+ * const fields: FieldDef<Brand>[] = [
+ *   { key: "brandsName", label: "Name", type: "text", required: true },
+ *   { key: "brandsDesc", label: "Description", type: "textarea" },
+ *   { key: "brandsUid", label: "UID", type: "readonly" },
+ * ];
+ *
+ * <DetailPanel fields={fields} data={brand} onSave={handleSave} />
+ * ```
+ */
+declare function DetailPanel<T extends object>({ fields, data, onSave, onCancel, loading, title, className, defaultEditing, }: DetailPanelProps<T>): react_jsx_runtime.JSX.Element;
+declare namespace DetailPanel {
+    var displayName: string;
+}
+
+export { DetailPanel, type DetailPanelProps, type FieldDef };

package/dist/detail-panel.js

@@ -0,0 +1,142 @@
+"use client";
+"use client";
+import {
+  FormSelect
+} from "./chunk-WFMP6TZN.js";
+import {
+  FormTextarea
+} from "./chunk-RGJT67PN.js";
+import "./chunk-L3BT67EO.js";
+import {
+  FormInput
+} from "./chunk-UB7HYAAC.js";
+import "./chunk-MXSQYVCK.js";
+import "./chunk-RCUKSVMF.js";
+import "./chunk-HXQF6XTL.js";
+import "./chunk-VD3H4QZM.js";
+import {
+  Spinner
+} from "./chunk-UMNTUD2P.js";
+import {
+  Button
+} from "./chunk-QICSGVX3.js";
+
+// src/detail-panel.tsx
+import * as React from "react";
+import { cn } from "@simpleapps-com/augur-utils/web";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DetailPanel({
+  fields,
+  data,
+  onSave,
+  onCancel,
+  loading = false,
+  title,
+  className,
+  defaultEditing = false
+}) {
+  const [editing, setEditing] = React.useState(defaultEditing);
+  const [draft, setDraft] = React.useState(data);
+  React.useEffect(() => {
+    setDraft(data);
+  }, [data]);
+  const handleEdit = () => {
+    setDraft(data);
+    setEditing(true);
+  };
+  const handleCancel = () => {
+    setDraft(data);
+    setEditing(false);
+    onCancel?.();
+  };
+  const handleSave = () => {
+    onSave(draft);
+  };
+  const updateField = (key, value) => {
+    setDraft((prev) => ({ ...prev, [key]: value }));
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-6", className), children: [
+    (title || !editing) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      title && /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold", children: title }),
+      !editing && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: handleEdit, children: "Edit" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid gap-4 sm:grid-cols-2", children: fields.map(
+      (field) => editing ? /* @__PURE__ */ jsx(
+        EditField,
+        {
+          field,
+          value: draft[field.key],
+          onChange: updateField
+        },
+        field.key
+      ) : /* @__PURE__ */ jsx(ReadField, { field, value: data[field.key] }, field.key)
+    ) }),
+    editing && /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ jsxs(Button, { onClick: handleSave, disabled: loading, children: [
+        loading && /* @__PURE__ */ jsx(Spinner, { size: "sm", className: "mr-2" }),
+        "Save"
+      ] }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: handleCancel, disabled: loading, children: "Cancel" })
+    ] })
+  ] });
+}
+DetailPanel.displayName = "DetailPanel";
+function ReadField({ field, value }) {
+  const display = field.render ? field.render(value) : String(value ?? "");
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium", children: field.label }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm", children: display })
+  ] });
+}
+function EditField({
+  field,
+  value,
+  onChange
+}) {
+  const strValue = String(value ?? "");
+  if (field.type === "readonly") {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm font-medium", children: field.label }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm", children: field.render ? field.render(value) : strValue })
+    ] });
+  }
+  if (field.type === "select") {
+    return /* @__PURE__ */ jsx(
+      FormSelect,
+      {
+        label: field.label,
+        name: field.key,
+        required: field.required,
+        options: field.options ?? [],
+        value: strValue,
+        onValueChange: (v) => onChange(field.key, v)
+      }
+    );
+  }
+  if (field.type === "textarea") {
+    return /* @__PURE__ */ jsx(
+      FormTextarea,
+      {
+        label: field.label,
+        name: field.key,
+        required: field.required,
+        value: strValue,
+        onChange: (e) => onChange(field.key, e.target.value)
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    FormInput,
+    {
+      label: field.label,
+      name: field.key,
+      required: field.required,
+      value: strValue,
+      onChange: (e) => onChange(field.key, e.target.value)
+    }
+  );
+}
+export {
+  DetailPanel
+};
+//# sourceMappingURL=detail-panel.js.map

package/dist/detail-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/detail-panel.tsx"],"sourcesContent":["/** Read/edit toggle panel for a single record. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { Button } from \"./button\";\nimport { FormInput } from \"./form-input\";\nimport { FormSelect } from \"./form-select\";\nimport { FormTextarea } from \"./form-textarea\";\nimport { Spinner } from \"./spinner\";\n\nexport interface FieldDef<T> {\n  /** Property key on the data object. */\n  key: keyof T & string;\n  /** Display label. */\n  label: string;\n  /** Field type determines the input component used in edit mode. */\n  type: \"text\" | \"textarea\" | \"select\" | \"readonly\";\n  /** Options for select fields. */\n  options?: { label: string; value: string }[];\n  /** Mark the field as required in edit mode. */\n  required?: boolean;\n  /** Custom read-mode renderer. Receives the field value. */\n  render?: (value: T[keyof T]) => React.ReactNode;\n}\n\nexport interface DetailPanelProps<T extends object> {\n  /** Field definitions describing each field. */\n  fields: FieldDef<T>[];\n  /** The record to display/edit. */\n  data: T;\n  /** Called with the updated record when the user saves. */\n  onSave: (data: T) => void;\n  /** Called when the user cancels editing. */\n  onCancel?: () => void;\n  /** Whether a save operation is in progress. */\n  loading?: boolean;\n  /** Optional title displayed above the fields. */\n  title?: string;\n  /** Additional class name for the root container. */\n  className?: string;\n  /** Start in edit mode. */\n  defaultEditing?: boolean;\n}\n\n/**\n * Read/edit toggle panel for a single record. Renders field values in read\n * mode, and form inputs in edit mode based on field definitions.\n *\n * @example\n * ```tsx\n * const fields: FieldDef<Brand>[] = [\n *   { key: \"brandsName\", label: \"Name\", type: \"text\", required: true },\n *   { key: \"brandsDesc\", label: \"Description\", type: \"textarea\" },\n *   { key: \"brandsUid\", label: \"UID\", type: \"readonly\" },\n * ];\n *\n * <DetailPanel fields={fields} data={brand} onSave={handleSave} />\n * ```\n */\nfunction DetailPanel<T extends object>({\n  fields,\n  data,\n  onSave,\n  onCancel,\n  loading = false,\n  title,\n  className,\n  defaultEditing = false,\n}: DetailPanelProps<T>) {\n  const [editing, setEditing] = React.useState(defaultEditing);\n  const [draft, setDraft] = React.useState<T>(data);\n\n  React.useEffect(() => {\n    setDraft(data);\n  }, [data]);\n\n  const handleEdit = () => {\n    setDraft(data);\n    setEditing(true);\n  };\n\n  const handleCancel = () => {\n    setDraft(data);\n    setEditing(false);\n    onCancel?.();\n  };\n\n  const handleSave = () => {\n    onSave(draft);\n  };\n\n  const updateField = (key: keyof T & string, value: unknown) => {\n    setDraft((prev) => ({ ...prev, [key]: value }));\n  };\n\n  return (\n    <div className={cn(\"space-y-6\", className)}>\n      {(title || !editing) && (\n        <div className=\"flex items-center justify-between\">\n          {title && <h3 className=\"text-lg font-semibold\">{title}</h3>}\n          {!editing && (\n            <Button variant=\"outline\" size=\"sm\" onClick={handleEdit}>\n              Edit\n            </Button>\n          )}\n        </div>\n      )}\n      <div className=\"grid gap-4 sm:grid-cols-2\">\n        {fields.map((field) =>\n          editing ? (\n            <EditField\n              key={field.key}\n              field={field}\n              value={draft[field.key]}\n              onChange={updateField}\n            />\n          ) : (\n            <ReadField key={field.key} field={field} value={data[field.key]} />\n          ),\n        )}\n      </div>\n      {editing && (\n        <div className=\"flex gap-2\">\n          <Button onClick={handleSave} disabled={loading}>\n            {loading && <Spinner size=\"sm\" className=\"mr-2\" />}\n            Save\n          </Button>\n          <Button variant=\"outline\" onClick={handleCancel} disabled={loading}>\n            Cancel\n          </Button>\n        </div>\n      )}\n    </div>\n  );\n}\nDetailPanel.displayName = \"DetailPanel\";\n\nfunction ReadField<T>({ field, value }: { field: FieldDef<T>; value: T[keyof T] }) {\n  const display = field.render ? field.render(value) : String(value ?? \"\");\n  return (\n    <div className=\"space-y-1\">\n      <p className=\"text-muted-foreground text-sm font-medium\">{field.label}</p>\n      <p className=\"text-sm\">{display}</p>\n    </div>\n  );\n}\n\nfunction EditField<T>({\n  field,\n  value,\n  onChange,\n}: {\n  field: FieldDef<T>;\n  value: unknown;\n  onChange: (key: keyof T & string, value: unknown) => void;\n}) {\n  const strValue = String(value ?? \"\");\n\n  if (field.type === \"readonly\") {\n    return (\n      <div className=\"space-y-1\">\n        <p className=\"text-muted-foreground text-sm font-medium\">{field.label}</p>\n        <p className=\"text-sm\">{field.render ? field.render(value as T[keyof T]) : strValue}</p>\n      </div>\n    );\n  }\n\n  if (field.type === \"select\") {\n    return (\n      <FormSelect\n        label={field.label}\n        name={field.key}\n        required={field.required}\n        options={field.options ?? []}\n        value={strValue}\n        onValueChange={(v) => onChange(field.key, v)}\n      />\n    );\n  }\n\n  if (field.type === \"textarea\") {\n    return (\n      <FormTextarea\n        label={field.label}\n        name={field.key}\n        required={field.required}\n        value={strValue}\n        onChange={(e) => onChange(field.key, e.target.value)}\n      />\n    );\n  }\n\n  return (\n    <FormInput\n      label={field.label}\n      name={field.key}\n      required={field.required}\n      value={strValue}\n      onChange={(e) => onChange(field.key, e.target.value)}\n    />\n  );\n}\n\nexport { DetailPanel };\n"],"mappings":"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","names":[]}

package/dist/form-input.cjs

@@ -1,35 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 "use client";
 
 
-var _chunkBXMTQGKVcjs = require('./chunk-BXMTQGKV.cjs');
-
-
-var _chunk7EXXNELXcjs = require('./chunk-7EXXNELX.cjs');
+var _chunk32XB3REYcjs = require('./chunk-32XB3REY.cjs');
+require('./chunk-BXMTQGKV.cjs');
+require('./chunk-7EXXNELX.cjs');
 require('./chunk-MAENILZP.cjs');
 
-// src/form-input.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _web = require('@simpleapps-com/augur-utils/web');
-var _jsxruntime = require('react/jsx-runtime');
-var FormInput = React.forwardRef(
-  ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {
-    const htmlFor = _nullishCoalesce(_nullishCoalesce(id, () => ( name)), () => ( ""));
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBXMTQGKVcjs.FormField,
-      {
-        label,
-        htmlFor,
-        required,
-        error,
-        className: _web.cn.call(void 0, gridSpan, className),
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk7EXXNELXcjs.Input, { ref, id: htmlFor, name, ...props })
-      }
-    );
-  }
-);
-FormInput.displayName = "FormInput";
-
 
-exports.FormInput = FormInput;
+exports.FormInput = _chunk32XB3REYcjs.FormInput;
 //# sourceMappingURL=form-input.cjs.map

package/dist/form-input.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/form-input.cjs","../src/form-input.tsx"],"names":[],"mappings":"AAAA,2cAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACA;ACRA,2EAAuB;AACvB,sDAAmB;AA+BX,+CAAA;AAZR,IAAM,UAAA,EAAkB,KAAA,CAAA,UAAA;AAAA,EACtB,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,QAAA,EAAU,QAAA,EAAU,SAAA,EAAW,EAAA,EAAI,IAAA,EAAM,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,GAAQ;AAC5E,IAAA,MAAM,QAAA,oCAAU,EAAA,UAAM,MAAA,UAAQ,IAAA;AAE9B,IAAA,uBACE,6BAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA,EAAW,qBAAA,QAAG,EAAU,SAAS,CAAA;AAAA,QAEjC,QAAA,kBAAA,6BAAA,uBAAC,EAAA,EAAM,GAAA,EAAU,EAAA,EAAI,OAAA,EAAS,IAAA,EAAa,GAAG,MAAA,CAAO;AAAA,MAAA;AAAA,IACvD,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,SAAA,CAAU,YAAA,EAAc,WAAA;ADRxB;AACE;AACF,8BAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/form-input.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { FormField } from \"./form-field\";\nimport { Input } from \"./input\";\n\nexport interface FormInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label: string;\n  error?: string;\n  required?: boolean;\n  gridSpan?: string;\n}\n\n/**\n * Labeled text input with error display. Composes FormField + Input.\n *\n * @example\n * ```tsx\n * <FormInput label=\"Email\" name=\"email\" type=\"email\" required error={errors.email} />\n * ```\n */\nconst FormInput = React.forwardRef<HTMLInputElement, FormInputProps>(\n  ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {\n    const htmlFor = id ?? name ?? \"\";\n\n    return (\n      <FormField\n        label={label}\n        htmlFor={htmlFor}\n        required={required}\n        error={error}\n        className={cn(gridSpan, className)}\n      >\n        <Input ref={ref} id={htmlFor} name={name} {...props} />\n      </FormField>\n    );\n  },\n);\nFormInput.displayName = \"FormInput\";\n\nexport { FormInput };\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/form-input.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,gDAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/form-input.cjs"}

package/dist/form-input.js

@@ -1,34 +1,11 @@
 "use client";
 "use client";
 import {
-  FormField
-} from "./chunk-MXSQYVCK.js";
-import {
-  Input
-} from "./chunk-HXQF6XTL.js";
+  FormInput
+} from "./chunk-UB7HYAAC.js";
+import "./chunk-MXSQYVCK.js";
+import "./chunk-HXQF6XTL.js";
 import "./chunk-VD3H4QZM.js";
-
-// src/form-input.tsx
-import * as React from "react";
-import { cn } from "@simpleapps-com/augur-utils/web";
-import { jsx } from "react/jsx-runtime";
-var FormInput = React.forwardRef(
-  ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {
-    const htmlFor = id ?? name ?? "";
-    return /* @__PURE__ */ jsx(
-      FormField,
-      {
-        label,
-        htmlFor,
-        required,
-        error,
-        className: cn(gridSpan, className),
-        children: /* @__PURE__ */ jsx(Input, { ref, id: htmlFor, name, ...props })
-      }
-    );
-  }
-);
-FormInput.displayName = "FormInput";
 export {
   FormInput
 };

package/dist/form-input.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/form-input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { FormField } from \"./form-field\";\nimport { Input } from \"./input\";\n\nexport interface FormInputProps extends React.InputHTMLAttributes<HTMLInputElement> {\n  label: string;\n  error?: string;\n  required?: boolean;\n  gridSpan?: string;\n}\n\n/**\n * Labeled text input with error display. Composes FormField + Input.\n *\n * @example\n * ```tsx\n * <FormInput label=\"Email\" name=\"email\" type=\"email\" required error={errors.email} />\n * ```\n */\nconst FormInput = React.forwardRef<HTMLInputElement, FormInputProps>(\n  ({ label, error, required, gridSpan, className, id, name, ...props }, ref) => {\n    const htmlFor = id ?? name ?? \"\";\n\n    return (\n      <FormField\n        label={label}\n        htmlFor={htmlFor}\n        required={required}\n        error={error}\n        className={cn(gridSpan, className)}\n      >\n        <Input ref={ref} id={htmlFor} name={name} {...props} />\n      </FormField>\n    );\n  },\n);\nFormInput.displayName = \"FormInput\";\n\nexport { FormInput };\n"],"mappings":";;;;;;;;;;;AAEA,YAAY,WAAW;AACvB,SAAS,UAAU;AA+BX;AAZR,IAAM,YAAkB;AAAA,EACtB,CAAC,EAAE,OAAO,OAAO,UAAU,UAAU,WAAW,IAAI,MAAM,GAAG,MAAM,GAAG,QAAQ;AAC5E,UAAM,UAAU,MAAM,QAAQ;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,WAAW,GAAG,UAAU,SAAS;AAAA,QAEjC,8BAAC,SAAM,KAAU,IAAI,SAAS,MAAa,GAAG,OAAO;AAAA;AAAA,IACvD;AAAA,EAEJ;AACF;AACA,UAAU,cAAc;","names":[]}
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/form-select.cjs

@@ -1,52 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});"use client";
 "use client";
 
 
-var _chunkBXMTQGKVcjs = require('./chunk-BXMTQGKV.cjs');
-
-
-
-
-
-
-var _chunk76RSVRGBcjs = require('./chunk-76RSVRGB.cjs');
+var _chunkWJUDOEVBcjs = require('./chunk-WJUDOEVB.cjs');
+require('./chunk-BXMTQGKV.cjs');
+require('./chunk-76RSVRGB.cjs');
 require('./chunk-MAENILZP.cjs');
 
-// src/form-select.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
-var _web = require('@simpleapps-com/augur-utils/web');
-var _jsxruntime = require('react/jsx-runtime');
-var FormSelect = React.forwardRef(
-  ({
-    label,
-    error,
-    required,
-    name,
-    value,
-    onValueChange,
-    options,
-    placeholder,
-    className,
-    disabled
-  }, ref) => {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBXMTQGKVcjs.FormField,
-      {
-        label,
-        htmlFor: name,
-        required,
-        error,
-        className: _web.cn.call(void 0, className),
-        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk76RSVRGBcjs.Select, { name, value, onValueChange, disabled, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectTrigger, { ref, id: name, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectValue, { placeholder }) }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectContent, { children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk76RSVRGBcjs.SelectItem, { value: option.value, children: option.label }, option.value)) })
-        ] })
-      }
-    );
-  }
-);
-FormSelect.displayName = "FormSelect";
-
 
-exports.FormSelect = FormSelect;
+exports.FormSelect = _chunkWJUDOEVBcjs.FormSelect;
 //# sourceMappingURL=form-select.cjs.map

package/dist/form-select.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/form-select.cjs","../src/form-select.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACA;ACZA,2EAAuB;AACvB,sDAAmB;AAuDX,+CAAA;AAxBR,IAAM,WAAA,EAAmB,KAAA,CAAA,UAAA;AAAA,EACvB,CACE;AAAA,IACE,KAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,EACF,CAAA,EACA,GAAA,EAAA,GACG;AACH,IAAA,uBACE,6BAAA;AAAA,MAAC,2BAAA;AAAA,MAAA;AAAA,QACC,KAAA;AAAA,QACA,OAAA,EAAS,IAAA;AAAA,QACT,QAAA;AAAA,QACA,KAAA;AAAA,QACA,SAAA,EAAW,qBAAA,SAAY,CAAA;AAAA,QAEvB,QAAA,kBAAA,8BAAA,wBAAC,EAAA,EAAO,IAAA,EAAY,KAAA,EAAc,aAAA,EAA8B,QAAA,EAC9D,QAAA,EAAA;AAAA,0BAAA,6BAAA,+BAAC,EAAA,EAAc,GAAA,EAAU,EAAA,EAAI,IAAA,EAC3B,QAAA,kBAAA,6BAAA,6BAAC,EAAA,EAAY,YAAA,CAA0B,EAAA,CACzC,CAAA;AAAA,0BACA,6BAAA,+BAAC,EAAA,EACE,QAAA,EAAA,OAAA,CAAQ,GAAA,CAAI,CAAC,MAAA,EAAA,mBACZ,6BAAA,4BAAC,EAAA,EAA8B,KAAA,EAAO,MAAA,CAAO,KAAA,EAC1C,QAAA,EAAA,MAAA,CAAO,MAAA,CAAA,EADO,MAAA,CAAO,KAExB,CACD,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IACF,CAAA;AAAA,EAEJ;AACF,CAAA;AACA,UAAA,CAAW,YAAA,EAAc,YAAA;AD1BzB;AACE;AACF,gCAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/form-select.cjs","sourcesContent":[null,"\"use client\";\n\nimport * as React from \"react\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { FormField } from \"./form-field\";\nimport { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from \"./select\";\n\nexport interface FormSelectProps {\n  label: string;\n  error?: string;\n  required?: boolean;\n  name: string;\n  value?: string;\n  onValueChange?: (value: string) => void;\n  options: { label: string; value: string }[];\n  placeholder?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\n/**\n * Labeled select dropdown with error display. Composes FormField + Select.\n *\n * @example\n * ```tsx\n * <FormSelect\n *   label=\"State\"\n *   name=\"state\"\n *   options={[{ label: \"Texas\", value: \"TX\" }]}\n *   value={state}\n *   onValueChange={setState}\n * />\n * ```\n */\nconst FormSelect = React.forwardRef<HTMLButtonElement, FormSelectProps>(\n  (\n    {\n      label,\n      error,\n      required,\n      name,\n      value,\n      onValueChange,\n      options,\n      placeholder,\n      className,\n      disabled,\n    },\n    ref,\n  ) => {\n    return (\n      <FormField\n        label={label}\n        htmlFor={name}\n        required={required}\n        error={error}\n        className={cn(className)}\n      >\n        <Select name={name} value={value} onValueChange={onValueChange} disabled={disabled}>\n          <SelectTrigger ref={ref} id={name}>\n            <SelectValue placeholder={placeholder} />\n          </SelectTrigger>\n          <SelectContent>\n            {options.map((option) => (\n              <SelectItem key={option.value} value={option.value}>\n                {option.label}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </FormField>\n    );\n  },\n);\nFormSelect.displayName = \"FormSelect\";\n\nexport { FormSelect };\n"]}
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/form-select.cjs"],"names":[],"mappings":"AAAA,qFAAY;AACZ,YAAY;AACZ;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACF,kDAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/form-select.cjs"}