@tappify/extension-sdk 2.0.0 → 2.1.0-beta.2

package/dist/ui.cjs

@@ -0,0 +1,1018 @@
+"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 _chunkPRCZMOLDcjs = require('./chunk-PRCZMOLD.cjs');
+
+
+var _chunk6HETNZJYcjs = require('./chunk-6HETNZJY.cjs');
+require('./chunk-Q7SFCCGT.cjs');
+
+// 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/button.tsx
+var _jsxruntime = require('react/jsx-runtime');
+function Button({
+  "aria-busy": ariaBusy,
+  "data-slot": slot = "button",
+  children,
+  className,
+  disabled,
+  loading = false,
+  size = "default",
+  type = "button",
+  variant = "primary",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "button",
+    {
+      ...props,
+      "aria-busy": _nullishCoalesce(ariaBusy, () => ( (loading || void 0))),
+      className: cn("tap-button", className),
+      "data-loading": loading || void 0,
+      "data-size": size,
+      "data-slot": slot,
+      "data-variant": variant,
+      disabled: loading ? true : disabled,
+      type,
+      children: [
+        loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { "aria-hidden": "true", className: "tap-button__spinner" }) : null,
+        children
+      ]
+    }
+  );
+}
+
+// src/client/ui/card.tsx
+
+function Card({ className, size = "default", ...props }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-ui-card", className),
+      "data-size": size,
+      "data-slot": "card"
+    }
+  );
+}
+function CardHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-card__header", className),
+      "data-slot": "card-header"
+    }
+  );
+}
+function CardTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-card__title", className),
+      "data-slot": "card-title"
+    }
+  );
+}
+function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-card__description", className),
+      "data-slot": "card-description"
+    }
+  );
+}
+function CardAction({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-card__action", className),
+      "data-slot": "card-action"
+    }
+  );
+}
+function CardContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-card__content", className),
+      "data-slot": "card-content"
+    }
+  );
+}
+function CardFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-card__footer", className),
+      "data-slot": "card-footer"
+    }
+  );
+}
+
+// src/client/ui/dialog.tsx
+
+
+
+
+
+
+
+var _react = require('react');
+var _reactdom = require('react-dom');
+
+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;
+}
+var DialogContext = _react.createContext.call(void 0, null);
+function useDialogPart() {
+  const value = _react.useContext.call(void 0, DialogContext);
+  if (!value)
+    throw new Error("Dialog compound parts must be rendered inside Dialog.");
+  return value;
+}
+function Dialog({
+  children,
+  onOpenChange,
+  open
+}) {
+  const tap = _chunkPRCZMOLDcjs.useTap.call(void 0, );
+  const contentRef = _react.useRef.call(void 0, null);
+  const titleId = _react.useId.call(void 0, );
+  const descriptionId = _react.useId.call(void 0, );
+  const close = _react.useCallback.call(void 0, () => onOpenChange(false), [onOpenChange]);
+  const focusables = _react.useCallback.call(void 0, 
+    () => Array.from(
+      _nullishCoalesce(_optionalChain([contentRef, 'access', _4 => _4.current, 'optionalAccess', _5 => _5.querySelectorAll, 'call', _6 => _6(FOCUSABLE)]), () => ( []))
+    ),
+    []
+  );
+  _react.useEffect.call(void 0, () => {
+    if (!open) return;
+    const previous = activeElementNear(contentRef.current);
+    _optionalChain([focusables, 'call', _7 => _7(), 'access', _8 => _8[0], 'optionalAccess', _9 => _9.focus, 'call', _10 => _10()]);
+    return () => {
+      if (previous instanceof HTMLElement) previous.focus();
+    };
+  }, [focusables, open]);
+  _react.useEffect.call(void 0, () => {
+    if (!open || !tap.__portal) return;
+    tap.__portal.addEventListener("tap:dialog-close", close);
+    return () => _optionalChain([tap, 'access', _11 => _11.__portal, 'optionalAccess', _12 => _12.removeEventListener, 'call', _13 => _13("tap:dialog-close", close)]);
+  }, [close, open, tap]);
+  if (!open) return null;
+  if (!tap.__portal) {
+    throw new (0, _chunk6HETNZJYcjs.TapError)(
+      "TAP_NO_PORTAL",
+      "Dialog needs the host portal node inside the extension shadow root."
+    );
+  }
+  const onKeyDown = (event) => {
+    if (event.key === "Escape") {
+      event.preventDefault();
+      event.stopPropagation();
+      close();
+      return;
+    }
+    if (event.key !== "Tab") return;
+    const items = focusables();
+    if (items.length === 0) return;
+    const first = items[0];
+    const last = items.at(-1);
+    const active = activeElementNear(contentRef.current);
+    if (event.shiftKey && active === first) {
+      event.preventDefault();
+      last.focus();
+    } else if (!event.shiftKey && active === last) {
+      event.preventDefault();
+      first.focus();
+    }
+  };
+  return _reactdom.createPortal.call(void 0, 
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      DialogContext.Provider,
+      {
+        value: { close, contentRef, descriptionId, titleId },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: "tap-root tap-ui-dialog-overlay",
+            "data-slot": "dialog-overlay",
+            onKeyDown,
+            onMouseDown: (event) => {
+              if (event.target === event.currentTarget) close();
+            },
+            children
+          }
+        )
+      }
+    ),
+    tap.__portal
+  );
+}
+function DialogContent({
+  className,
+  size = "default",
+  surface = "paper",
+  ...props
+}) {
+  const dialog = useDialogPart();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      "aria-describedby": _nullishCoalesce(props["aria-describedby"], () => ( dialog.descriptionId)),
+      "aria-labelledby": _nullishCoalesce(props["aria-labelledby"], () => ( dialog.titleId)),
+      "aria-modal": "true",
+      className: cn("tap-ui-dialog", className),
+      "data-size": size,
+      "data-slot": "dialog-content",
+      "data-surface": surface,
+      ref: dialog.contentRef,
+      role: "dialog"
+    }
+  );
+}
+function DialogHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "header",
+    {
+      ...props,
+      className: cn("tap-dialog__header", className),
+      "data-slot": "dialog-header"
+    }
+  );
+}
+function DialogTitle({
+  className,
+  ...props
+}) {
+  const dialog = useDialogPart();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "h2",
+    {
+      ...props,
+      className: cn("tap-dialog__title", className),
+      "data-slot": "dialog-title",
+      id: _nullishCoalesce(props.id, () => ( dialog.titleId))
+    }
+  );
+}
+function DialogDescription({
+  className,
+  ...props
+}) {
+  const dialog = useDialogPart();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-dialog__description", className),
+      "data-slot": "dialog-description",
+      id: _nullishCoalesce(props.id, () => ( dialog.descriptionId))
+    }
+  );
+}
+function DialogBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-dialog__body", className),
+      "data-slot": "dialog-body"
+    }
+  );
+}
+function DialogFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "footer",
+    {
+      ...props,
+      className: cn("tap-dialog__footer", className),
+      "data-slot": "dialog-footer"
+    }
+  );
+}
+function DialogClose({
+  children = "\xD7",
+  ...props
+}) {
+  const dialog = useDialogPart();
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    Button,
+    {
+      ...props,
+      "aria-label": _nullishCoalesce(props["aria-label"], () => ( "Close dialog")),
+      "data-slot": "dialog-close",
+      onClick: (event) => {
+        _optionalChain([props, 'access', _14 => _14.onClick, 'optionalCall', _15 => _15(event)]);
+        if (!event.defaultPrevented) dialog.close();
+      },
+      size: "icon-sm",
+      variant: "tertiary",
+      children
+    }
+  );
+}
+
+// src/client/ui/layout.tsx
+
+function Stack({
+  gap = 16,
+  className,
+  "data-slot": slot = "stack",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-stack", className),
+      "data-gap": gap,
+      "data-slot": slot
+    }
+  );
+}
+function Inline({
+  align = "center",
+  gap = 8,
+  justify = "start",
+  className,
+  "data-slot": slot = "inline",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-inline", className),
+      "data-align": align,
+      "data-gap": gap,
+      "data-justify": justify,
+      "data-slot": slot
+    }
+  );
+}
+
+// src/client/ui/feedback.tsx
+
+function Metric({ delta, description, label, value }) {
+  const percent = delta === void 0 ? void 0 : Math.round(delta * 100);
+  const direction = percent === void 0 || percent === 0 ? "flat" : percent > 0 ? "up" : "down";
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tap-metric", "data-slot": "metric", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-metric__label", "data-slot": "metric-label", children: label }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-metric__value", "data-slot": "metric-value", children: value }),
+    percent !== void 0 ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: "tap-metric__delta",
+        "data-direction": direction,
+        "data-slot": "metric-delta",
+        children: [
+          percent > 0 ? "+" : "",
+          percent,
+          "%"
+        ]
+      }
+    ) : null,
+    description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-metric__description", "data-slot": "metric-description", children: description }) : null
+  ] });
+}
+function Skeleton({ className, lines = 1, width }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: cn("tap-ui-skeleton", className), "data-slot": "skeleton", children: Array.from({ length: Math.max(0, lines) }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "span",
+    {
+      className: "tap-skeleton__line",
+      "data-slot": "skeleton-line",
+      style: { width }
+    },
+    index
+  )) });
+}
+function EmptyState({ action, description, title }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Stack, { className: "tap-ui-state", "data-slot": "empty-state", gap: 12, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-state__title", children: title }),
+    description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-state__description", children: description }) : null,
+    action ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-state__action", children: action }) : null
+  ] });
+}
+function ErrorState({
+  code,
+  description,
+  onRetry,
+  title
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    Stack,
+    {
+      className: "tap-ui-state tap-ui-state--error",
+      "data-slot": "error-state",
+      gap: 12,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-state__title", children: title }),
+        description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-state__description", children: description }) : null,
+        code ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "code", { className: "tap-state__code", children: code }) : null,
+        onRetry ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-state__action", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "secondary", onClick: onRetry, children: "Try again" }) }) : null
+      ]
+    }
+  );
+}
+
+// src/client/ui/field.tsx
+
+
+
+
+
+
+
+
+
+
+
+var FieldContext = _react.createContext.call(void 0, null);
+function Field({
+  children,
+  className,
+  ...props
+}) {
+  const generatedId = _react.useId.call(void 0, );
+  const items = _react.Children.toArray(children);
+  const control = items.find(
+    (child) => _react.isValidElement.call(void 0, child) && (child.type === Input || child.type === Textarea || child.type === Checkbox || child.type === Select)
+  );
+  const customId = _react.isValidElement.call(void 0, control) && typeof control.props.id === "string" ? control.props.id : void 0;
+  const hasDescription = items.some(
+    (child) => _react.isValidElement.call(void 0, child) && child.type === FieldDescription
+  );
+  const hasError = items.some(
+    (child) => _react.isValidElement.call(void 0, child) && child.type === FieldError
+  );
+  const baseId = `tap-ui-field-${generatedId.replace(/:/g, "")}`;
+  const value = {
+    controlId: _nullishCoalesce(customId, () => ( `${baseId}-control`)),
+    descriptionId: hasDescription ? `${baseId}-description` : void 0,
+    errorId: hasError ? `${baseId}-error` : void 0
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldContext.Provider, { value, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-ui-field", className),
+      "data-invalid": hasError || void 0,
+      "data-slot": "field",
+      children
+    }
+  ) });
+}
+function FieldLabel({
+  className,
+  ...props
+}) {
+  const field = _react.useContext.call(void 0, FieldContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "label",
+    {
+      ...props,
+      className: cn("tap-field__label", className),
+      "data-slot": "field-label",
+      htmlFor: _nullishCoalesce(props.htmlFor, () => ( _optionalChain([field, 'optionalAccess', _16 => _16.controlId])))
+    }
+  );
+}
+function FieldDescription({
+  className,
+  ...props
+}) {
+  const field = _react.useContext.call(void 0, FieldContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-field__description", className),
+      "data-slot": "field-description",
+      id: _nullishCoalesce(props.id, () => ( _optionalChain([field, 'optionalAccess', _17 => _17.descriptionId])))
+    }
+  );
+}
+function FieldError({
+  className,
+  ...props
+}) {
+  const field = _react.useContext.call(void 0, FieldContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "div",
+    {
+      ...props,
+      className: cn("tap-field__error", className),
+      "data-slot": "field-error",
+      id: _nullishCoalesce(props.id, () => ( _optionalChain([field, 'optionalAccess', _18 => _18.errorId]))),
+      role: _nullishCoalesce(props.role, () => ( "alert"))
+    }
+  );
+}
+function joinIds(...ids) {
+  const unique = [
+    ...new Set(ids.flatMap((id) => _nullishCoalesce(_optionalChain([id, 'optionalAccess', _19 => _19.split, 'call', _20 => _20(/\s+/)]), () => ( []))).filter(Boolean))
+  ];
+  return unique.length > 0 ? unique.join(" ") : void 0;
+}
+function fieldControlProps(field, id, describedBy, invalid) {
+  return {
+    "aria-describedby": joinIds(
+      describedBy,
+      _optionalChain([field, 'optionalAccess', _21 => _21.descriptionId]),
+      _optionalChain([field, 'optionalAccess', _22 => _22.errorId])
+    ),
+    "aria-invalid": _optionalChain([field, 'optionalAccess', _23 => _23.errorId]) ? true : invalid,
+    id: _nullishCoalesce(id, () => ( _optionalChain([field, 'optionalAccess', _24 => _24.controlId])))
+  };
+}
+var Input = _react.forwardRef.call(void 0, function Input2({
+  className,
+  id,
+  "aria-describedby": describedBy,
+  "aria-invalid": invalid,
+  ...props
+}, ref) {
+  const field = _react.useContext.call(void 0, FieldContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "input",
+    {
+      ...props,
+      ...fieldControlProps(field, id, describedBy, invalid),
+      className: cn("tap-ui-control tap-input", className),
+      "data-slot": "input",
+      ref
+    }
+  );
+});
+var Textarea = _react.forwardRef.call(void 0, function Textarea2({
+  className,
+  id,
+  "aria-describedby": describedBy,
+  "aria-invalid": invalid,
+  ...props
+}, ref) {
+  const field = _react.useContext.call(void 0, FieldContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "textarea",
+    {
+      ...props,
+      ...fieldControlProps(field, id, describedBy, invalid),
+      className: cn("tap-ui-control tap-textarea", className),
+      "data-slot": "textarea",
+      ref
+    }
+  );
+});
+var Select = _react.forwardRef.call(void 0, function Select2({
+  className,
+  id,
+  "aria-describedby": describedBy,
+  "aria-invalid": invalid,
+  ...props
+}, ref) {
+  const field = _react.useContext.call(void 0, FieldContext);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "select",
+    {
+      ...props,
+      ...fieldControlProps(field, id, describedBy, invalid),
+      className: cn("tap-ui-control tap-select", className),
+      "data-slot": "select",
+      ref
+    }
+  );
+});
+var Checkbox = _react.forwardRef.call(void 0, 
+  function Checkbox2({
+    checked,
+    className,
+    id,
+    indeterminate = false,
+    "aria-describedby": describedBy,
+    "aria-invalid": invalid,
+    ...props
+  }, forwardedRef) {
+    const field = _react.useContext.call(void 0, FieldContext);
+    const innerRef = _react.useRef.call(void 0, null);
+    _react.useEffect.call(void 0, () => {
+      if (innerRef.current) innerRef.current.indeterminate = indeterminate;
+    }, [indeterminate]);
+    const setRef = (element) => {
+      innerRef.current = element;
+      if (typeof forwardedRef === "function") forwardedRef(element);
+      else if (forwardedRef) forwardedRef.current = element;
+    };
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      "input",
+      {
+        ...props,
+        ...fieldControlProps(field, id, describedBy, invalid),
+        checked,
+        className: cn("tap-checkbox", className),
+        "data-slot": "checkbox",
+        "data-state": indeterminate ? "indeterminate" : checked ? "checked" : "unchecked",
+        ref: setRef,
+        type: "checkbox"
+      }
+    );
+  }
+);
+
+// src/client/ui/page-header.tsx
+
+function PageHeader({
+  actions,
+  className,
+  description,
+  title,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "header",
+    {
+      ...props,
+      className: cn("tap-ui-page-header", className),
+      "data-slot": "page-header",
+      children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "tap-page-header__copy", "data-slot": "page-header-copy", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "tap-page-header__title", "data-slot": "page-header-title", children: title }),
+          description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "div",
+            {
+              className: "tap-page-header__description",
+              "data-slot": "page-header-description",
+              children: description
+            }
+          ) : null
+        ] }),
+        actions ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "div",
+          {
+            className: "tap-page-header__actions",
+            "data-slot": "page-header-actions",
+            children: actions
+          }
+        ) : null
+      ]
+    }
+  );
+}
+
+// src/client/ui/schema-form.tsx
+
+
+
+
+var _zod = require('zod');
+
+function text(source, key) {
+  return typeof source[key] === "string" ? source[key] : void 0;
+}
+function humanize(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 fieldKind(property) {
+  if (Array.isArray(property.enum)) return "enum";
+  if (property.type === "boolean") return "boolean";
+  if (property.type === "number" || property.type === "integer")
+    return "number";
+  if (property.format === "textarea") return "textarea";
+  if (property.format === "date") return "date";
+  return "text";
+}
+function schemaFields(schema) {
+  if (typeof schema.properties !== "object" || schema.properties === null)
+    return [];
+  const required = new Set(
+    Array.isArray(schema.required) ? schema.required.filter(
+      (name) => typeof name === "string"
+    ) : []
+  );
+  return Object.entries(schema.properties).flatMap(([name, raw]) => {
+    if (typeof raw !== "object" || raw === null) return [];
+    const property = { ...raw };
+    const kind = fieldKind(property);
+    const field = {
+      name,
+      label: _nullishCoalesce(text(property, "title"), () => ( humanize(name))),
+      kind,
+      required: required.has(name)
+    };
+    const description = text(property, "description");
+    if (description) field.description = description;
+    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 compile(schema) {
+  try {
+    return _zod.z.fromJSONSchema(schema);
+  } catch (e) {
+    return null;
+  }
+}
+function clean(fields, values) {
+  return Object.fromEntries(
+    fields.flatMap((field) => {
+      const value = values[field.name];
+      return value === void 0 || value === "" ? [] : [[field.name, value]];
+    })
+  );
+}
+function validate(fields, compiled, values) {
+  const errors = {};
+  for (const field of fields) {
+    if (field.required && (values[field.name] === void 0 || values[field.name] === "")) {
+      errors[field.name] = `${field.label} is required.`;
+    }
+  }
+  if (!compiled) 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 SchemaForm({
+  schema,
+  value,
+  submitLabel = "Submit",
+  cancelLabel = "Cancel",
+  busy = false,
+  onSubmit,
+  onCancel
+}) {
+  const fields = _react.useMemo.call(void 0, () => schemaFields(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]: _removed, ...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) void onSubmit(candidate);
+  };
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+    "form",
+    {
+      className: "tap-schema-form",
+      "data-slot": "schema-form",
+      noValidate: true,
+      onSubmit: submit,
+      children: [
+        fields.map((field) => {
+          const raw = values[field.name];
+          const description = field.description ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldDescription, { children: field.description }) : null;
+          const error = errors[field.name] ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldError, { children: errors[field.name] }) : null;
+          if (field.kind === "boolean") {
+            return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Field, { className: "tap-ui-field--checkbox", children: [
+              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, FieldLabel, { className: "tap-checkbox-row", children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  Checkbox,
+                  {
+                    checked: raw === true,
+                    onChange: (event) => set(field.name, event.target.checked)
+                  }
+                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: field.label })
+              ] }),
+              description,
+              error
+            ] }, field.name);
+          }
+          return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, Field, { children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FieldLabel, { children: field.label }),
+            field.kind === "enum" ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              Select,
+              {
+                required: field.required,
+                value: typeof raw === "string" ? raw : "",
+                onChange: (event) => set(field.name, event.target.value),
+                children: [
+                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: "", children: "Choose one" }),
+                  _optionalChain([field, 'access', _25 => _25.options, 'optionalAccess', _26 => _26.map, 'call', _27 => _27((option) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "option", { value: option.value, children: option.label }, option.value))])
+                ]
+              }
+            ) : field.kind === "textarea" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              Textarea,
+              {
+                required: field.required,
+                value: typeof raw === "string" ? raw : "",
+                onChange: (event) => set(field.name, event.target.value)
+              }
+            ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              Input,
+              {
+                required: field.required,
+                type: field.kind === "number" ? "number" : field.kind === "date" ? "date" : "text",
+                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
+                )
+              }
+            ),
+            description,
+            error
+          ] }, field.name);
+        }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          Inline,
+          {
+            className: "tap-schema-form__actions",
+            "data-slot": "form-actions",
+            justify: "end",
+            children: [
+              onCancel ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "secondary", onClick: onCancel, children: cancelLabel }) : null,
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { loading: busy, type: "submit", children: submitLabel })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/client/ui/table.tsx
+
+function Table({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "tap-ui-table-container", "data-slot": "table-container", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "table",
+    {
+      ...props,
+      className: cn("tap-ui-table", className),
+      "data-slot": "table"
+    }
+  ) });
+}
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "thead",
+    {
+      ...props,
+      className: cn("tap-table__header", className),
+      "data-slot": "table-header"
+    }
+  );
+}
+function TableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "tbody",
+    {
+      ...props,
+      className: cn("tap-table__body", className),
+      "data-slot": "table-body"
+    }
+  );
+}
+function TableRow({
+  className,
+  variant = "body",
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "tr",
+    {
+      ...props,
+      className: cn("tap-table__row", className),
+      "data-slot": "table-row",
+      "data-variant": variant
+    }
+  );
+}
+function TableHead({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "th",
+    {
+      ...props,
+      className: cn("tap-table__head", className),
+      "data-slot": "table-head"
+    }
+  );
+}
+function TableCell({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    "td",
+    {
+      ...props,
+      className: cn("tap-table__cell", className),
+      "data-slot": "table-cell"
+    }
+  );
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.Button = Button; exports.Card = Card; exports.CardAction = CardAction; exports.CardContent = CardContent; exports.CardDescription = CardDescription; exports.CardFooter = CardFooter; exports.CardHeader = CardHeader; exports.CardTitle = CardTitle; exports.Checkbox = Checkbox; exports.Dialog = Dialog; exports.DialogBody = DialogBody; exports.DialogClose = DialogClose; exports.DialogContent = DialogContent; exports.DialogDescription = DialogDescription; exports.DialogFooter = DialogFooter; exports.DialogHeader = DialogHeader; exports.DialogTitle = DialogTitle; exports.EmptyState = EmptyState; exports.ErrorState = ErrorState; exports.Field = Field; exports.FieldDescription = FieldDescription; exports.FieldError = FieldError; exports.FieldLabel = FieldLabel; exports.Inline = Inline; exports.Input = Input; exports.Metric = Metric; exports.PageHeader = PageHeader; exports.SchemaForm = SchemaForm; exports.Select = Select; exports.Skeleton = Skeleton; exports.Stack = Stack; exports.Table = Table; exports.TableBody = TableBody; exports.TableCell = TableCell; exports.TableHead = TableHead; exports.TableHeader = TableHeader; exports.TableRow = TableRow; exports.Textarea = Textarea; exports.cn = cn; exports.schemaFields = schemaFields;
+//# sourceMappingURL=ui.cjs.map