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

package/dist/ui.cjs

@@ -1,1018 +0,0 @@
-"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