@tappify/extension-sdk 2.1.0-beta.1 → 2.1.0

package/dist/chunk-EW54H7CR.cjs

@@ -0,0 +1,722 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } 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; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunk5AAPD5WVcjs = require('./chunk-5AAPD5WV.cjs');
+
+
+var _chunkOPPYEA7Fcjs = require('./chunk-OPPYEA7F.cjs');
+
+
+
+
+var _chunk2DBSVKAUcjs = require('./chunk-2DBSVKAU.cjs');
+
+
+var _chunkQ7SFCCGTcjs = require('./chunk-Q7SFCCGT.cjs');
+
+// src/index.ts
+var src_exports = {};
+_chunkQ7SFCCGTcjs.__export.call(void 0, src_exports, {
+  TAP_ERROR_CODES: () => _chunk2DBSVKAUcjs.TAP_ERROR_CODES,
+  TapButton: () => TapButton,
+  TapCard: () => TapCard,
+  TapDialog: () => TapDialog,
+  TapEmptyState: () => TapEmptyState,
+  TapError: () => _chunk2DBSVKAUcjs.TapError,
+  TapErrorState: () => TapErrorState,
+  TapForm: () => TapForm,
+  TapInput: () => TapInput,
+  TapPageHeader: () => TapPageHeader,
+  TapSelect: () => TapSelect,
+  TapServerError: () => _chunk2DBSVKAUcjs.TapServerError,
+  TapSkeleton: () => TapSkeleton,
+  TapStat: () => TapStat,
+  TapTable: () => TapTable,
+  cn: () => cn,
+  dataQueryKey: () => _chunk5AAPD5WVcjs.dataQueryKey,
+  formFields: () => formFields,
+  installPrefix: () => _chunk5AAPD5WVcjs.installPrefix,
+  procedurePrefix: () => _chunk5AAPD5WVcjs.procedurePrefix,
+  procedureQueryKey: () => _chunk5AAPD5WVcjs.procedureQueryKey,
+  storageQueryKey: () => _chunk5AAPD5WVcjs.storageQueryKey,
+  useTap: () => _chunkOPPYEA7Fcjs.useTap,
+  useTapAuth: () => _chunk5AAPD5WVcjs.useTapAuth,
+  useTapContext: () => _chunk5AAPD5WVcjs.useTapContext,
+  useTapFilters: () => _chunk5AAPD5WVcjs.useTapFilters,
+  useTapParams: () => _chunk5AAPD5WVcjs.useTapParams,
+  useTapProject: () => _chunk5AAPD5WVcjs.useTapProject,
+  useTapQuery: () => _chunk5AAPD5WVcjs.useTapQuery,
+  useTapServer: () => _chunk5AAPD5WVcjs.useTapServer,
+  useTapSize: () => _chunk5AAPD5WVcjs.useTapSize,
+  useTapState: () => _chunk5AAPD5WVcjs.useTapState,
+  useTapStorage: () => _chunk5AAPD5WVcjs.useTapStorage,
+  useTapTheme: () => _chunk5AAPD5WVcjs.useTapTheme
+});
+
+// src/client/ui/cn.ts
+var _clsx = require('clsx'); var _clsx2 = _interopRequireDefault(_clsx);
+function cn(...values) {
+  return _clsx2.default.call(void 0, values);
+}
+
+// src/client/ui/primitives.tsx
+
+
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function TapButton({
+  variant = "primary",
+  size = "md",
+  loading = false,
+  disabled,
+  className,
+  children,
+  ...rest
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "button",
+    {
+      type: "button",
+      ...rest,
+      disabled: disabled === true || loading,
+      "aria-busy": loading || void 0,
+      className: cn(
+        "tap-btn",
+        `tap-btn--${variant}`,
+        size === "sm" && "tap-btn--sm",
+        className
+      ),
+      children
+    }
+  );
+}
+function TapCard({
+  title,
+  action,
+  footer,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "section", { className: cn("tap-card", className), children: [
+    (title !== void 0 || action !== void 0) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "header", { className: "tap-card__head", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: title }),
+      action
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-card__body", children }),
+    footer !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "footer", { className: "tap-card__foot", children: footer })
+  ] });
+}
+function TapPageHeader({
+  title,
+  description,
+  actions
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tap-page-header", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "tap-page-header__title", children: title }),
+      description !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "tap-page-header__description", children: description })
+    ] }),
+    actions !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-row", children: actions })
+  ] });
+}
+function TapSkeleton({
+  lines = 1,
+  width,
+  className
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "aria-hidden": "true", children: Array.from({ length: lines }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: cn("tap-skeleton", className),
+      style: { width: _nullishCoalesce(width, () => ( `${String(100 - index * 12)}%`)) }
+    },
+    index
+  )) });
+}
+function TapEmptyState({
+  title,
+  description,
+  action
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tap-state", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tap-state__title", children: title }),
+    description !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: description }),
+    action
+  ] });
+}
+function TapErrorState({
+  title,
+  description,
+  code,
+  onRetry
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tap-state tap-state--error", role: "alert", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tap-state__title", children: title }),
+    description !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: description }),
+    code !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tap-state__code", children: code }),
+    onRetry !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TapButton, { variant: "secondary", size: "sm", onClick: onRetry, children: "Retry" })
+  ] });
+}
+function TapStat({
+  label,
+  value,
+  delta,
+  hint
+}) {
+  const percent = delta === void 0 ? void 0 : `${delta > 0 ? "+" : ""}${String(Math.round(delta * 100))}%`;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tap-stat", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tap-stat__label", children: label }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tap-stat__value", children: value }),
+    percent !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "span",
+      {
+        className: cn(
+          delta !== void 0 && delta < 0 ? "tap-stat__delta--down" : "tap-stat__delta--up"
+        ),
+        children: percent
+      }
+    ),
+    hint !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tap-field__hint", children: hint })
+  ] });
+}
+function FieldFrame({
+  id,
+  label,
+  hint,
+  error,
+  hintId,
+  errorId,
+  children
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tap-field", children: [
+    label !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "tap-field__label", htmlFor: id, children: label }),
+    children,
+    hint !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tap-field__hint", id: hintId, children: hint }),
+    error !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "tap-field__error", id: errorId, children: error })
+  ] });
+}
+function describedByOf(fieldId, hint, error) {
+  const value = cn(
+    hint !== void 0 && `${fieldId}-hint`,
+    error !== void 0 && `${fieldId}-error`
+  );
+  return value === "" ? void 0 : value;
+}
+function TapSingleLineInput({
+  label,
+  error,
+  hint,
+  className,
+  id,
+  ...rest
+}) {
+  const generated = _react.useId.call(void 0, );
+  const fieldId = _nullishCoalesce(id, () => ( generated));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    FieldFrame,
+    {
+      id: fieldId,
+      label,
+      hint,
+      error,
+      hintId: `${fieldId}-hint`,
+      errorId: `${fieldId}-error`,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "input",
+        {
+          ...rest,
+          id: fieldId,
+          className: cn(
+            "tap-control",
+            error !== void 0 && "tap-control--invalid",
+            className
+          ),
+          "aria-invalid": error !== void 0 || void 0,
+          "aria-describedby": describedByOf(fieldId, hint, error)
+        }
+      )
+    }
+  );
+}
+function TapTextarea({
+  label,
+  error,
+  hint,
+  className,
+  id,
+  rows,
+  ...rest
+}) {
+  const generated = _react.useId.call(void 0, );
+  const fieldId = _nullishCoalesce(id, () => ( generated));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    FieldFrame,
+    {
+      id: fieldId,
+      label,
+      hint,
+      error,
+      hintId: `${fieldId}-hint`,
+      errorId: `${fieldId}-error`,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "textarea",
+        {
+          ...rest,
+          id: fieldId,
+          rows: _nullishCoalesce(rows, () => ( 4)),
+          className: cn(
+            "tap-control",
+            error !== void 0 && "tap-control--invalid",
+            className
+          ),
+          "aria-invalid": error !== void 0 || void 0,
+          "aria-describedby": describedByOf(fieldId, hint, error)
+        }
+      )
+    }
+  );
+}
+function TapInput(props) {
+  if (props.multiline === true) {
+    const { multiline: _multiline2, ...rest2 } = props;
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TapTextarea, { ...rest2 });
+  }
+  const { multiline: _multiline, ...rest } = props;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TapSingleLineInput, { ...rest });
+}
+function TapSelect({
+  label,
+  error,
+  hint,
+  options,
+  className,
+  id,
+  ...rest
+}) {
+  const generated = _react.useId.call(void 0, );
+  const fieldId = _nullishCoalesce(id, () => ( generated));
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    FieldFrame,
+    {
+      id: fieldId,
+      label,
+      hint,
+      error,
+      hintId: `${fieldId}-hint`,
+      errorId: `${fieldId}-error`,
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "select",
+        {
+          ...rest,
+          id: fieldId,
+          className: cn(
+            "tap-control",
+            error !== void 0 && "tap-control--invalid",
+            className
+          ),
+          "aria-invalid": error !== void 0 || void 0,
+          "aria-describedby": describedByOf(fieldId, hint, error),
+          children: options.map((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: option.value, children: option.label }, option.value))
+        }
+      )
+    }
+  );
+}
+function cellText(row, key) {
+  if (row === null || typeof row !== "object") return "";
+  const value = Reflect.get(row, key);
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean" || typeof value === "bigint") {
+    return String(value);
+  }
+  return "";
+}
+function TapTable({
+  columns,
+  rows,
+  rowKey,
+  empty,
+  onRowClick
+}) {
+  if (rows.length === 0 && empty !== void 0) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: empty });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-table-wrap", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "table", { className: "tap-table", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "thead", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tr", { children: columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "th",
+      {
+        className: cn(column.align === "end" && "tap-table__end"),
+        scope: "col",
+        children: column.label
+      },
+      column.key
+    )) }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "tbody", { children: rows.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "tr",
+      {
+        "data-clickable": onRowClick !== void 0,
+        tabIndex: onRowClick === void 0 ? void 0 : 0,
+        onClick: onRowClick === void 0 ? void 0 : () => onRowClick(row),
+        onKeyDown: onRowClick === void 0 ? void 0 : (event) => {
+          if (event.key !== "Enter" && event.key !== " ") return;
+          event.preventDefault();
+          onRowClick(row);
+        },
+        children: columns.map((column) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "td",
+          {
+            className: cn(column.align === "end" && "tap-table__end"),
+            children: column.render ? column.render(row) : cellText(row, column.key)
+          },
+          column.key
+        ))
+      },
+      rowKey(row)
+    )) })
+  ] }) });
+}
+
+// src/client/ui/TapDialog.tsx
+
+
+
+
+
+
+var _reactdom = require('react-dom');
+
+var DIALOG_CLOSE_EVENT = "tap:dialog-close";
+var FOCUSABLE = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function activeElementNear(node) {
+  const root = _optionalChain([node, 'optionalAccess', _2 => _2.getRootNode, 'call', _3 => _3()]);
+  return root instanceof ShadowRoot ? root.activeElement : document.activeElement;
+}
+function TapDialog({
+  open,
+  title,
+  onClose,
+  footer,
+  children,
+  labelledBy
+}) {
+  const tap = _chunkOPPYEA7Fcjs.useTap.call(void 0, );
+  const dialogRef = _react.useRef.call(void 0, null);
+  const titleId = _react.useId.call(void 0, );
+  const focusables = _react.useCallback.call(void 0, () => {
+    const root = dialogRef.current;
+    if (root === null) return [];
+    return Array.from(root.querySelectorAll(FOCUSABLE));
+  }, []);
+  _react.useEffect.call(void 0, () => {
+    if (!open) return;
+    const previous = activeElementNear(dialogRef.current);
+    _optionalChain([focusables, 'call', _4 => _4(), 'access', _5 => _5[0], 'optionalAccess', _6 => _6.focus, 'call', _7 => _7()]);
+    return () => {
+      if (previous instanceof HTMLElement) previous.focus();
+    };
+  }, [open, focusables]);
+  _react.useEffect.call(void 0, () => {
+    const portal = tap.__portal;
+    if (!open || portal === null) return;
+    const close = () => {
+      onClose();
+    };
+    portal.addEventListener(DIALOG_CLOSE_EVENT, close);
+    return () => {
+      portal.removeEventListener(DIALOG_CLOSE_EVENT, close);
+    };
+  }, [open, tap, onClose]);
+  if (!open) return null;
+  if (tap.__portal === null) {
+    throw new (0, _chunk2DBSVKAUcjs.TapError)(
+      "TAP_NO_PORTAL",
+      "TapDialog needs the host portal node, which the mount sets inside its shadow root. Render this dialog from a contribution entry, or use renderWithTap() in tests."
+    );
+  }
+  const onKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.stopPropagation();
+      event.preventDefault();
+      onClose();
+      return;
+    }
+    if (event.key !== "Tab") return;
+    const items = focusables();
+    if (items.length === 0) return;
+    const first = items[0];
+    const last = items[items.length - 1];
+    const active = activeElementNear(dialogRef.current);
+    if (event.shiftKey && active === first) {
+      event.preventDefault();
+      last.focus();
+      return;
+    }
+    if (!event.shiftKey && active === last) {
+      event.preventDefault();
+      first.focus();
+    }
+  };
+  return _reactdom.createPortal.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "div",
+      {
+        className: "tap-dialog-scrim",
+        onKeyDown,
+        onMouseDown: (event) => {
+          if (event.target === event.currentTarget) onClose();
+        },
+        children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          "div",
+          {
+            ref: dialogRef,
+            className: "tap-dialog",
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": _nullishCoalesce(labelledBy, () => ( titleId)),
+            children: [
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "header", { className: "tap-dialog__head", id: titleId, children: title }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-dialog__body", children }),
+              footer !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "footer", { className: "tap-dialog__foot", children: footer })
+            ]
+          }
+        )
+      }
+    ),
+    tap.__portal
+  );
+}
+
+// src/client/ui/TapForm.tsx
+
+
+
+
+var _zod = require('zod');
+
+function humanise(name) {
+  const spaced = name.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").trim();
+  return spaced.charAt(0).toUpperCase() + spaced.slice(1);
+}
+function readString(source, key) {
+  const value = source[key];
+  return typeof value === "string" ? value : void 0;
+}
+function kindOf(property) {
+  if (Array.isArray(property.enum)) return "enum";
+  const type = readString(property, "type");
+  if (type === "boolean") return "boolean";
+  if (type === "number" || type === "integer") return "number";
+  const format = readString(property, "format");
+  if (format === "textarea") return "textarea";
+  if (format === "date") return "date";
+  return "text";
+}
+function formFields(schema) {
+  const properties = schema.properties;
+  if (typeof properties !== "object" || properties === null) return [];
+  const required = new Set(
+    Array.isArray(schema.required) ? schema.required.filter(
+      (name) => typeof name === "string"
+    ) : []
+  );
+  return Object.entries(properties).flatMap(([name, raw]) => {
+    if (typeof raw !== "object" || raw === null) return [];
+    const property = { ...raw };
+    const kind = kindOf(property);
+    const field = {
+      name,
+      label: _nullishCoalesce(readString(property, "title"), () => ( humanise(name))),
+      kind,
+      required: required.has(name)
+    };
+    const hint = readString(property, "description");
+    if (hint !== void 0) field.hint = hint;
+    if (kind === "enum" && Array.isArray(property.enum)) {
+      field.options = property.enum.filter((option) => typeof option === "string").map((option) => ({ value: option, label: option }));
+    }
+    return [field];
+  });
+}
+function requiredErrors(fields, values) {
+  const errors = {};
+  for (const field of fields) {
+    const value = values[field.name];
+    if (field.required && (value === void 0 || value === "")) {
+      errors[field.name] = `${field.label} is required.`;
+    }
+  }
+  return errors;
+}
+function compile(schema) {
+  try {
+    return _zod.z.fromJSONSchema(schema);
+  } catch (e) {
+    return null;
+  }
+}
+function validate(fields, compiled, values) {
+  const errors = requiredErrors(fields, values);
+  if (compiled === null) return errors;
+  const result = compiled.safeParse(values);
+  if (result.success) return errors;
+  for (const issue of result.error.issues) {
+    const key = issue.path[0];
+    if (typeof key === "string" && errors[key] === void 0) {
+      errors[key] = issue.message;
+    }
+  }
+  return errors;
+}
+function clean(fields, values) {
+  const output = {};
+  for (const field of fields) {
+    const value = values[field.name];
+    if (value === void 0 || value === "") continue;
+    output[field.name] = value;
+  }
+  return output;
+}
+function TapForm({
+  schema,
+  value,
+  submitLabel = "Submit",
+  cancelLabel = "Cancel",
+  busy = false,
+  onSubmit,
+  onCancel
+}) {
+  const fields = _react.useMemo.call(void 0, () => formFields(schema), [schema]);
+  const compiled = _react.useMemo.call(void 0, () => compile(schema), [schema]);
+  const [values, setValues] = _react.useState.call(void 0, () => ({ ...value }));
+  const [errors, setErrors] = _react.useState.call(void 0, {});
+  const set = (name, next) => {
+    setValues((current) => ({ ...current, [name]: next }));
+    setErrors((current) => {
+      if (current[name] === void 0) return current;
+      const { [name]: _cleared, ...rest } = current;
+      return rest;
+    });
+  };
+  const submit = (event) => {
+    event.preventDefault();
+    const candidate = clean(fields, values);
+    const found = validate(fields, compiled, candidate);
+    setErrors(found);
+    if (Object.keys(found).length > 0) return;
+    void onSubmit(candidate);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { className: "tap-form", onSubmit: submit, noValidate: true, children: [
+    fields.map((field) => {
+      const raw = values[field.name];
+      if (field.kind === "enum") {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          TapSelect,
+          {
+            label: field.label,
+            hint: field.hint,
+            error: errors[field.name],
+            required: field.required,
+            value: typeof raw === "string" ? raw : "",
+            options: [
+              { value: "", label: "Choose one" },
+              ..._nullishCoalesce(field.options, () => ( []))
+            ],
+            onChange: (event) => {
+              set(field.name, event.target.value);
+            }
+          },
+          field.name
+        );
+      }
+      if (field.kind === "boolean") {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          TapInput,
+          {
+            type: "checkbox",
+            label: field.label,
+            hint: field.hint,
+            error: errors[field.name],
+            className: "tap-control--checkbox",
+            checked: raw === true,
+            onChange: (event) => {
+              set(field.name, event.target.checked);
+            }
+          },
+          field.name
+        );
+      }
+      if (field.kind === "textarea") {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          TapInput,
+          {
+            multiline: true,
+            label: field.label,
+            hint: field.hint,
+            error: errors[field.name],
+            required: field.required,
+            value: typeof raw === "string" ? raw : "",
+            onChange: (event) => {
+              set(field.name, event.target.value);
+            }
+          },
+          field.name
+        );
+      }
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        TapInput,
+        {
+          type: field.kind === "number" ? "number" : field.kind === "date" ? "date" : "text",
+          label: field.label,
+          hint: field.hint,
+          error: errors[field.name],
+          required: field.required,
+          value: typeof raw === "string" || typeof raw === "number" ? String(raw) : "",
+          onChange: (event) => {
+            set(
+              field.name,
+              field.kind === "number" ? event.target.value === "" ? "" : Number(event.target.value) : event.target.value
+            );
+          }
+        },
+        field.name
+      );
+    }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tap-form__actions", children: [
+      onCancel !== void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TapButton, { variant: "secondary", onClick: onCancel, children: cancelLabel }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TapButton, { type: "submit", loading: busy, children: submitLabel })
+    ] })
+  ] });
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.cn = cn; exports.TapButton = TapButton; exports.TapCard = TapCard; exports.TapPageHeader = TapPageHeader; exports.TapSkeleton = TapSkeleton; exports.TapEmptyState = TapEmptyState; exports.TapErrorState = TapErrorState; exports.TapStat = TapStat; exports.TapInput = TapInput; exports.TapSelect = TapSelect; exports.TapTable = TapTable; exports.TapDialog = TapDialog; exports.formFields = formFields; exports.TapForm = TapForm; exports.src_exports = src_exports;
+//# sourceMappingURL=chunk-EW54H7CR.cjs.map