@bsm-form/react-renderer 0.39.0

package/dist/index.js

@@ -0,0 +1,4992 @@
+// src/renderer/layout-renderer.tsx
+import { adaptLayout } from "@bsm-form/core";
+
+// src/renderer/field-renderer.tsx
+import { adaptField } from "@bsm-form/core";
+import {
+  fieldAllowsBlurEvent,
+  fieldAllowsChangeEvent,
+  fieldAllowsCommitEvent
+} from "@bsm-form/schema";
+
+// src/registry/field-registry.ts
+import { Checkbox, Switch } from "bsm-design-system";
+
+// src/renderer/radio-group-field.tsx
+import { RadioGroup } from "bsm-design-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RadioGroupField({
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  disabled,
+  error,
+  helperText,
+  id,
+  label,
+  onChange,
+  options,
+  value,
+  ...groupProps
+}) {
+  const normalizedOptions = normalizeRadioOptions(options);
+  const selectedOption = normalizedOptions.find(
+    (option) => Object.is(option.value, value)
+  );
+  const labelId = label && id ? `${id}-label` : void 0;
+  return /* @__PURE__ */ jsxs(
+    "fieldset",
+    {
+      disabled,
+      className: "m-0 flex flex-col items-start border-0 p-0",
+      children: [
+        label ? /* @__PURE__ */ jsx("legend", { id: labelId, className: "mb-1 text-sm text-fg", children: label }) : null,
+        /* @__PURE__ */ jsx(
+          RadioGroup,
+          {
+            ...groupProps,
+            id,
+            value: selectedOption?.controlValue ?? "",
+            disabled,
+            "aria-invalid": error || void 0,
+            "aria-describedby": ariaDescribedBy,
+            "aria-labelledby": ariaLabelledBy ?? labelId,
+            onChange: (controlValue) => {
+              const optionValue = resolveRadioOptionValue(
+                normalizedOptions,
+                controlValue
+              );
+              if (optionValue !== void 0) {
+                onChange?.(optionValue);
+              }
+            },
+            children: normalizedOptions.map((option) => /* @__PURE__ */ jsx(
+              RadioGroup.Item,
+              {
+                id: id ? `${id}-${option.controlValue}` : void 0,
+                value: option.controlValue,
+                children: option.label
+              },
+              option.controlValue
+            ))
+          }
+        ),
+        helperText ? /* @__PURE__ */ jsx(
+          "p",
+          {
+            id: ariaDescribedBy,
+            role: error ? "alert" : void 0,
+            className: `mt-1 text-xs ${error ? "text-fg-error" : "text-fg-tertiary"}`,
+            children: helperText
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function normalizeRadioOptions(options) {
+  if (!Array.isArray(options)) {
+    return [];
+  }
+  const normalizedOptions = [];
+  options.forEach((option, index) => {
+    if (typeof option !== "object" || option === null) {
+      return;
+    }
+    if (!("label" in option) || !("value" in option)) {
+      return;
+    }
+    if (typeof option.label !== "string" && typeof option.label !== "number" || typeof option.value !== "string" && typeof option.value !== "number") {
+      return;
+    }
+    normalizedOptions.push({
+      controlValue: `radio-option-${index}`,
+      label: String(option.label),
+      value: option.value
+    });
+  });
+  return normalizedOptions;
+}
+function resolveRadioOptionValue(options, controlValue) {
+  return options.find((option) => option.controlValue === controlValue)?.value;
+}
+
+// src/renderer/slider-field.tsx
+import { Slider } from "bsm-design-system";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function SliderField({
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  disabled,
+  error,
+  helperText,
+  id,
+  label,
+  max,
+  min,
+  minStepsBetweenThumbs,
+  mode,
+  onChange,
+  onCommit,
+  orientation,
+  step,
+  value,
+  variant,
+  ...sliderProps
+}) {
+  const bounds = normalizeSliderBounds(min, max);
+  const resolvedMode = resolveSliderMode(mode, value);
+  const componentValue = normalizeSliderComponentValue(
+    value,
+    resolvedMode,
+    bounds.min,
+    bounds.max
+  );
+  const labelId = label && id ? `${id}-label` : void 0;
+  const normalizedStep = normalizeSliderStep(step);
+  const normalizedMinSteps = normalizeSliderMinSteps(minStepsBetweenThumbs);
+  const toValue = (nextValue) => toEngineSliderValue(nextValue, resolvedMode);
+  return /* @__PURE__ */ jsxs2(
+    "fieldset",
+    {
+      disabled,
+      className: "m-0 flex flex-col items-start border-0 p-0",
+      children: [
+        label ? /* @__PURE__ */ jsx2("legend", { id: labelId, className: "mb-1 text-sm text-fg", children: label }) : null,
+        /* @__PURE__ */ jsx2(
+          Slider,
+          {
+            ...sliderProps,
+            id,
+            value: componentValue,
+            min: bounds.min,
+            max: bounds.max,
+            step: normalizedStep,
+            minStepsBetweenThumbs: normalizedMinSteps,
+            orientation: orientation === "vertical" ? "vertical" : "horizontal",
+            variant: variant === "secondary" ? "secondary" : "primary",
+            disabled,
+            "aria-invalid": error || void 0,
+            "aria-describedby": ariaDescribedBy,
+            "aria-labelledby": ariaLabelledBy ?? labelId,
+            onChange: (nextValue) => {
+              const engineValue = toValue(nextValue);
+              if (engineValue !== void 0) {
+                onChange?.(engineValue);
+              }
+            },
+            onValueCommit: (nextValue) => {
+              const engineValue = toValue(nextValue);
+              if (engineValue !== void 0) {
+                onCommit?.(engineValue);
+              }
+            }
+          }
+        ),
+        helperText ? /* @__PURE__ */ jsx2(
+          "p",
+          {
+            id: ariaDescribedBy,
+            role: error ? "alert" : void 0,
+            className: `mt-1 text-xs ${error ? "text-fg-error" : "text-fg-tertiary"}`,
+            children: helperText
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function resolveSliderMode(mode, value) {
+  if (mode === "single" || mode === "range") {
+    return mode;
+  }
+  return Array.isArray(value) && value.length >= 2 ? "range" : "single";
+}
+function normalizeSliderBounds(min, max) {
+  const normalizedMin = isFiniteNumber(min) ? min : 0;
+  const normalizedMax = isFiniteNumber(max) ? max : 100;
+  return {
+    min: normalizedMin,
+    max: normalizedMax > normalizedMin ? normalizedMax : normalizedMin + 1
+  };
+}
+function normalizeSliderStep(step) {
+  return isPositiveFiniteNumber(step) ? step : 1;
+}
+function normalizeSliderMinSteps(minSteps) {
+  return isFiniteNumber(minSteps) ? Math.max(0, minSteps) : 0;
+}
+function normalizeSliderComponentValue(value, mode, min, max) {
+  if (mode === "single") {
+    return [clamp(isFiniteNumber(value) ? value : min, min, max)];
+  }
+  if (!isSliderRangeValue(value)) {
+    return [min, max];
+  }
+  const first = clamp(value[0], min, max);
+  const second = clamp(value[1], min, max);
+  return first <= second ? [first, second] : [second, first];
+}
+function toEngineSliderValue(value, mode) {
+  if (mode === "single") {
+    return isFiniteNumber(value[0]) ? value[0] : void 0;
+  }
+  if (!isSliderRangeValue(value)) {
+    return void 0;
+  }
+  return value[0] <= value[1] ? [value[0], value[1]] : [value[1], value[0]];
+}
+function isSliderValue(value) {
+  return isFiniteNumber(value) || isSliderRangeValue(value);
+}
+function isSliderRangeValue(value) {
+  return Array.isArray(value) && value.length === 2 && isFiniteNumber(value[0]) && isFiniteNumber(value[1]);
+}
+function isFiniteNumber(value) {
+  return typeof value === "number" && Number.isFinite(value);
+}
+function isPositiveFiniteNumber(value) {
+  return isFiniteNumber(value) && value > 0;
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+
+// src/renderer/time-picker-field.tsx
+import {
+  TimePicker
+} from "bsm-design-system";
+import { jsx as jsx3 } from "react/jsx-runtime";
+function TimePickerField({
+  "aria-describedby": ariaDescribedBy,
+  disabled,
+  disabledHours,
+  disabledMinutes,
+  error,
+  helperText,
+  id,
+  label,
+  maxTime,
+  minTime,
+  onBlur,
+  onChange,
+  readOnly,
+  size,
+  value,
+  ...timePickerProps
+}) {
+  const bounds = normalizeTimeBounds(minTime, maxTime);
+  return /* @__PURE__ */ jsx3(
+    "fieldset",
+    {
+      id,
+      disabled,
+      "aria-describedby": ariaDescribedBy,
+      "aria-invalid": error || void 0,
+      "aria-readonly": readOnly || void 0,
+      onBlur,
+      className: "m-0 border-0 p-0",
+      children: /* @__PURE__ */ jsx3(
+        TimePicker,
+        {
+          ...timePickerProps,
+          value: normalizeTimeComponentValue(value),
+          minTime: bounds.minTime,
+          maxTime: bounds.maxTime,
+          disabledHours: normalizeDisabledTimeParts(disabledHours, "hour"),
+          disabledMinutes: normalizeDisabledTimeParts(
+            disabledMinutes,
+            "minute"
+          ),
+          size: isTimePickerSize(size) ? size : void 0,
+          disabled,
+          readOnly,
+          error,
+          label,
+          helperText,
+          onChange: (nextValue) => {
+            const engineValue = toEngineTimeValue(nextValue);
+            if (engineValue !== void 0) {
+              onChange?.(engineValue);
+            }
+          }
+        }
+      )
+    }
+  );
+}
+function normalizeTimeComponentValue(value) {
+  return normalizeCompleteTime(value) ?? {};
+}
+function toEngineTimeValue(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    return void 0;
+  }
+  const hour = "hour" in value ? value.hour : void 0;
+  const minute = "minute" in value ? value.minute : void 0;
+  const isEmpty = (hour === void 0 || hour === "") && (minute === void 0 || minute === "");
+  if (isEmpty) {
+    return "";
+  }
+  return normalizeCompleteTime(value);
+}
+function normalizeTimeFieldValue(value) {
+  return value === "" ? "" : toEngineTimeValue(value);
+}
+function normalizeTimeBounds(minTime, maxTime) {
+  const normalizedMin = normalizeCompleteTime(minTime);
+  const normalizedMax = normalizeCompleteTime(maxTime);
+  if (normalizedMin && normalizedMax && toMinutes(normalizedMin) > toMinutes(normalizedMax)) {
+    return { minTime: normalizedMax, maxTime: normalizedMin };
+  }
+  return { minTime: normalizedMin, maxTime: normalizedMax };
+}
+function normalizeDisabledTimeParts(values, part) {
+  if (!Array.isArray(values)) {
+    return void 0;
+  }
+  const max = part === "hour" ? 23 : 59;
+  const normalizedValues = values.flatMap((value) => {
+    const normalizedValue = normalizeTimePart(value, max);
+    return normalizedValue === void 0 ? [] : [normalizedValue];
+  });
+  return [...new Set(normalizedValues)];
+}
+function normalizeCompleteTime(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    return void 0;
+  }
+  if (!("hour" in value) || !("minute" in value)) {
+    return void 0;
+  }
+  const hour = normalizeTimePart(value.hour, 23);
+  const minute = normalizeTimePart(value.minute, 59);
+  return hour !== void 0 && minute !== void 0 ? { hour, minute } : void 0;
+}
+function normalizeTimePart(value, max) {
+  if (typeof value !== "string" || !/^\d{1,2}$/.test(value)) {
+    return void 0;
+  }
+  const numericValue = Number(value);
+  if (numericValue > max) {
+    return void 0;
+  }
+  return value.padStart(2, "0");
+}
+function isTimePickerSize(size) {
+  return size === "xs" || size === "sm" || size === "md" || size === "lg";
+}
+function toMinutes(value) {
+  return Number(value.hour) * 60 + Number(value.minute);
+}
+
+// src/renderer/input-otp-field.tsx
+import { InputOTP } from "bsm-design-system";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
+var DEFAULT_OTP_LENGTH = 6;
+var MAX_OTP_LENGTH = 32;
+var DEFAULT_OTP_PATTERN = "^\\d+$";
+var OTP_FORMAT_PATTERN = /^[xX#]+(?:[-/ ][xX#]+)*$/;
+function InputOtpField({
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  disabled,
+  error,
+  format,
+  group,
+  helperText,
+  id,
+  label,
+  maxLength,
+  onBlur,
+  onChange,
+  pattern,
+  placeholderChar,
+  readOnly,
+  value,
+  ...otpProps
+}) {
+  const configuration = normalizeOtpConfiguration(format, maxLength, group);
+  const labelId = label && id ? `${id}-label` : void 0;
+  const sharedProps = {
+    ...otpProps,
+    id,
+    value: normalizeOtpValue(value, configuration.maxLength),
+    pattern: normalizeOtpPattern(pattern),
+    placeholderChar: normalizeOtpPlaceholderChar(placeholderChar),
+    disabled,
+    readOnly,
+    "aria-invalid": error || void 0,
+    "aria-describedby": ariaDescribedBy,
+    "aria-labelledby": ariaLabelledBy ?? labelId,
+    onBlur,
+    onChange: (nextValue) => {
+      onChange?.(normalizeOtpValue(nextValue, configuration.maxLength));
+    }
+  };
+  return /* @__PURE__ */ jsxs3(
+    "fieldset",
+    {
+      disabled,
+      "aria-invalid": error || void 0,
+      "aria-readonly": readOnly || void 0,
+      className: "m-0 flex flex-col items-start border-0 p-0",
+      children: [
+        label ? /* @__PURE__ */ jsx4("legend", { id: labelId, className: "mb-1 text-sm text-fg", children: label }) : null,
+        configuration.format ? /* @__PURE__ */ jsx4(InputOTP, { ...sharedProps, format: configuration.format }) : /* @__PURE__ */ jsx4(
+          InputOTP,
+          {
+            ...sharedProps,
+            maxLength: configuration.maxLength,
+            group: configuration.group
+          }
+        ),
+        helperText ? /* @__PURE__ */ jsx4(
+          "p",
+          {
+            id: ariaDescribedBy,
+            role: error ? "alert" : void 0,
+            className: `mt-1 text-xs ${disabled ? "text-fg-disabled" : error ? "text-fg-error" : "text-fg-tertiary"}`,
+            children: helperText
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function normalizeOtpConfiguration(format, maxLength, group) {
+  const normalizedFormat = normalizeOtpFormat(format);
+  if (normalizedFormat) {
+    return {
+      format: normalizedFormat,
+      maxLength: countOtpFormatSlots(normalizedFormat)
+    };
+  }
+  const normalizedMaxLength = normalizeOtpMaxLength(maxLength);
+  return {
+    maxLength: normalizedMaxLength,
+    group: normalizeOtpGroup(group, normalizedMaxLength)
+  };
+}
+function normalizeOtpValue(value, maxLength) {
+  return typeof value === "string" ? value.slice(0, maxLength) : "";
+}
+function normalizeOtpPattern(pattern) {
+  if (typeof pattern !== "string" || pattern.length === 0) {
+    return DEFAULT_OTP_PATTERN;
+  }
+  try {
+    new RegExp(pattern);
+    return pattern;
+  } catch {
+    return DEFAULT_OTP_PATTERN;
+  }
+}
+function normalizeOtpFormat(format) {
+  if (typeof format !== "string" || !OTP_FORMAT_PATTERN.test(format)) {
+    return void 0;
+  }
+  const slotCount = countOtpFormatSlots(format);
+  return slotCount <= MAX_OTP_LENGTH ? format : void 0;
+}
+function normalizeOtpMaxLength(maxLength) {
+  if (typeof maxLength !== "number" || !Number.isFinite(maxLength)) {
+    return DEFAULT_OTP_LENGTH;
+  }
+  return Math.min(
+    Math.max(Math.trunc(maxLength), 1),
+    MAX_OTP_LENGTH
+  );
+}
+function normalizeOtpGroup(group, maxLength) {
+  if (!Array.isArray(group) || group.length === 0) {
+    return void 0;
+  }
+  const normalizedGroup = group.filter(
+    (size) => typeof size === "number" && Number.isInteger(size) && size > 0
+  );
+  const totalLength = normalizedGroup.reduce((total, size) => total + size, 0);
+  return normalizedGroup.length === group.length && totalLength === maxLength ? normalizedGroup : void 0;
+}
+function normalizeOtpPlaceholderChar(placeholderChar) {
+  if (placeholderChar === null) {
+    return null;
+  }
+  if (typeof placeholderChar !== "string" || placeholderChar.length === 0) {
+    return void 0;
+  }
+  return [...placeholderChar][0];
+}
+function countOtpFormatSlots(format) {
+  return [...format].filter(
+    (character) => character === "x" || character === "X" || character === "#"
+  ).length;
+}
+
+// src/renderer/select-field.tsx
+import { Select } from "bsm-design-system";
+import { jsx as jsx5 } from "react/jsx-runtime";
+function SelectField({
+  "aria-describedby": ariaDescribedBy,
+  "aria-labelledby": ariaLabelledBy,
+  asyncSearch,
+  className,
+  clearable,
+  contentDirection,
+  disabled,
+  emptyText,
+  error,
+  helperText,
+  hint,
+  id,
+  label,
+  loading,
+  mode,
+  onBlur,
+  onChange,
+  onSearch,
+  options,
+  placeholder,
+  readOnly,
+  rounded,
+  scrollContent,
+  searchable,
+  size,
+  value
+}) {
+  const normalizedOptions = normalizeSelectOptions(options);
+  const resolvedMode = normalizeSelectMode(mode);
+  const componentOptions = normalizedOptions.map((option) => ({
+    label: option.label,
+    value: option.controlValue
+  }));
+  const componentValue = toComponentSelectValue(
+    value,
+    normalizedOptions,
+    resolvedMode
+  );
+  const normalizedDisabled = disabled === true;
+  const normalizedReadOnly = readOnly === true;
+  const sharedProps = {
+    id,
+    asyncSearch: asyncSearch === true,
+    className: typeof className === "string" ? className : void 0,
+    clearable: typeof clearable === "boolean" ? clearable : void 0,
+    contentDirection: contentDirection === "ltr" || contentDirection === "rtl" ? contentDirection : void 0,
+    disabled: normalizedDisabled,
+    emptyText: typeof emptyText === "string" ? emptyText : void 0,
+    error: error === true,
+    helperText: typeof helperText === "string" ? helperText : void 0,
+    hint: typeof hint === "string" ? hint : void 0,
+    label: typeof label === "string" ? label : void 0,
+    loading: loading === true,
+    onSearch: typeof onSearch === "function" ? onSearch : void 0,
+    placeholder: typeof placeholder === "string" ? placeholder : void 0,
+    readOnly: normalizedReadOnly,
+    rounded: rounded === true,
+    scrollContent: scrollContent === true,
+    searchable: searchable === true,
+    size: isSelectSize(size) ? size : void 0,
+    "aria-describedby": ariaDescribedBy,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-invalid": error === true || void 0,
+    "aria-readonly": normalizedReadOnly || void 0,
+    onBlur
+  };
+  const handleChange = (nextValue) => {
+    if (normalizedDisabled || normalizedReadOnly) {
+      return;
+    }
+    const engineValue = toEngineSelectValue(
+      nextValue,
+      normalizedOptions,
+      resolvedMode
+    );
+    if (engineValue !== void 0) {
+      onChange?.(engineValue);
+    }
+  };
+  if (resolvedMode === "multi") {
+    return /* @__PURE__ */ jsx5(
+      Select,
+      {
+        ...sharedProps,
+        mode: "multi",
+        options: componentOptions,
+        value: componentValue,
+        onChange: handleChange
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx5(
+    Select,
+    {
+      ...sharedProps,
+      mode: "select",
+      options: componentOptions,
+      value: componentValue,
+      onChange: handleChange
+    }
+  );
+}
+function normalizeSelectMode(mode) {
+  return mode === "multi" ? "multi" : "select";
+}
+function normalizeSelectOptions(options) {
+  if (!Array.isArray(options)) {
+    return [];
+  }
+  const normalizedOptions = [];
+  options.forEach((option, index) => {
+    if (typeof option !== "object" || option === null || !("label" in option) || !("value" in option) || typeof option.label !== "string" && typeof option.label !== "number" || !isSelectOptionValue(option.value) || option.value === "") {
+      return;
+    }
+    if (normalizedOptions.some(
+      (candidate) => selectValuesEqual(candidate.value, option.value)
+    )) {
+      return;
+    }
+    normalizedOptions.push({
+      controlValue: `select-option-${index}`,
+      label: String(option.label),
+      value: option.value
+    });
+  });
+  return normalizedOptions;
+}
+function toComponentSelectValue(value, options, mode) {
+  if (mode === "multi") {
+    if (!Array.isArray(value)) {
+      return [];
+    }
+    const selectedControlValues = value.flatMap((item) => {
+      const option = options.find(
+        (candidate) => selectValuesEqual(candidate.value, item)
+      );
+      return option ? [option.controlValue] : [];
+    });
+    return [...new Set(selectedControlValues)];
+  }
+  if (!isSelectOptionValue(value)) {
+    return void 0;
+  }
+  return options.find((option) => selectValuesEqual(option.value, value))?.controlValue;
+}
+function toEngineSelectValue(value, options, mode) {
+  if (mode === "multi") {
+    if (!Array.isArray(value)) {
+      return void 0;
+    }
+    const engineValues = [];
+    for (const controlValue of value) {
+      if (typeof controlValue !== "string") {
+        return void 0;
+      }
+      const option = options.find(
+        (candidate) => candidate.controlValue === controlValue
+      );
+      if (!option) {
+        return void 0;
+      }
+      if (!engineValues.some((item) => selectValuesEqual(item, option.value))) {
+        engineValues.push(option.value);
+      }
+    }
+    return engineValues;
+  }
+  if (value === void 0 || value === null || value === "") {
+    return "";
+  }
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  return options.find((option) => option.controlValue === value)?.value;
+}
+function isSelectValue(value) {
+  return isSelectOptionValue(value) || Array.isArray(value) && value.every(isSelectOptionValue);
+}
+function isSelectOptionValue(value) {
+  return typeof value === "string" || typeof value === "number" && Number.isFinite(value);
+}
+function selectValuesEqual(first, second) {
+  return first === second;
+}
+function isSelectSize(value) {
+  return value === "xs" || value === "sm" || value === "md" || value === "lg";
+}
+
+// src/renderer/text-fields.tsx
+import {
+  Input,
+  Textarea
+} from "bsm-design-system";
+import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+function TextInputField(props) {
+  return /* @__PURE__ */ jsx6(
+    InputFieldControl,
+    {
+      ...props,
+      inputType: typeof props.type === "string" ? props.type : "text"
+    }
+  );
+}
+function NumberInputField(props) {
+  return /* @__PURE__ */ jsx6(InputFieldControl, { ...props, inputType: "number" });
+}
+function TextareaField({
+  "aria-describedby": ariaDescribedBy,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  className,
+  error,
+  helperText,
+  id,
+  label,
+  value,
+  ...props
+}) {
+  const helperTextId = helperText && id ? `${id}-helper-text` : void 0;
+  const descriptionIds = mergeDescriptionIds(
+    ariaDescribedBy,
+    helperTextId
+  );
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx6(
+      Textarea,
+      {
+        ...props,
+        className: typeof className === "string" ? className : "",
+        id,
+        value: normalizeTextFieldValue(value),
+        label,
+        helperText,
+        error: error === true,
+        "aria-label": ariaLabel ?? (!ariaLabelledBy ? normalizeAccessibleText(label) : void 0),
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": descriptionIds,
+        "aria-invalid": error === true || void 0
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      AssistiveHelperText,
+      {
+        id: helperTextId,
+        error: error === true,
+        text: helperText
+      }
+    )
+  ] });
+}
+function normalizeTextFieldValue(value) {
+  if (typeof value === "string") {
+    return value;
+  }
+  return typeof value === "number" && Number.isFinite(value) ? value : "";
+}
+function InputFieldControl({
+  "aria-describedby": ariaDescribedBy,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  className,
+  error,
+  helperText,
+  hint,
+  id,
+  inputType,
+  label,
+  value,
+  ...props
+}) {
+  const helperTextId = helperText && id ? `${id}-helper-text` : void 0;
+  const descriptionIds = mergeDescriptionIds(
+    ariaDescribedBy,
+    helperTextId
+  );
+  const accessibleLabel = normalizeAccessibleText(label, hint);
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx6(
+      Input,
+      {
+        ...props,
+        className: typeof className === "string" ? className : "",
+        id,
+        type: inputType,
+        value: normalizeTextFieldValue(value),
+        label,
+        hint,
+        helperText,
+        error: error === true,
+        "aria-label": ariaLabel ?? (!ariaLabelledBy ? accessibleLabel : void 0),
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": descriptionIds,
+        "aria-invalid": error === true || void 0
+      }
+    ),
+    /* @__PURE__ */ jsx6(
+      AssistiveHelperText,
+      {
+        id: helperTextId,
+        error: error === true,
+        text: helperText
+      }
+    )
+  ] });
+}
+function AssistiveHelperText({
+  error,
+  id,
+  text
+}) {
+  if (!id || !text) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx6("span", { id, role: error ? "alert" : void 0, className: "sr-only", children: text });
+}
+function mergeDescriptionIds(...ids) {
+  const uniqueIds = new Set(
+    ids.flatMap((id) => typeof id === "string" ? id.split(/\s+/) : [])
+  );
+  return uniqueIds.size > 0 ? [...uniqueIds].join(" ") : void 0;
+}
+function normalizeAccessibleText(...parts) {
+  const text = parts.filter((part) => Boolean(part)).join(" ").trim();
+  return text || void 0;
+}
+
+// src/renderer/segment-button-field.tsx
+import { SegmentButton } from "bsm-design-system";
+import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+function SegmentButtonField({
+  "aria-describedby": ariaDescribedBy,
+  ariaLabel,
+  className,
+  disabled,
+  error,
+  fullWidth,
+  helperText,
+  hint,
+  id,
+  label,
+  onBlur,
+  onChange,
+  options,
+  readOnly,
+  rounded,
+  size,
+  value
+}) {
+  const normalizedOptions = normalizeSegmentButtonOptions(options);
+  const normalizedDisabled = disabled === true;
+  const normalizedReadOnly = readOnly === true;
+  const normalizedLabel = normalizeText(label);
+  const normalizedHint = normalizeText(hint);
+  const normalizedHelperText = normalizeText(helperText);
+  const labelId = normalizedLabel && id ? `${id}-label` : void 0;
+  const componentValue = toComponentSegmentButtonValue(
+    value,
+    normalizedOptions
+  );
+  return /* @__PURE__ */ jsxs5(
+    "fieldset",
+    {
+      id,
+      disabled: normalizedDisabled,
+      onBlur,
+      className: "m-0 flex flex-col items-start border-0 p-0",
+      children: [
+        normalizedLabel ? /* @__PURE__ */ jsxs5(
+          "legend",
+          {
+            id: labelId,
+            className: "mb-1 flex items-center gap-1 text-sm text-fg",
+            children: [
+              /* @__PURE__ */ jsx7("span", { children: normalizedLabel }),
+              normalizedHint ? /* @__PURE__ */ jsx7("span", { className: "text-fg-tertiary", children: normalizedHint }) : null
+            ]
+          }
+        ) : null,
+        /* @__PURE__ */ jsx7(
+          SegmentButton,
+          {
+            value: componentValue ?? "",
+            size: normalizeSegmentButtonSize(size),
+            disabled: normalizedDisabled,
+            rounded: rounded === true,
+            fullWidth: fullWidth === true,
+            className: normalizeClassName(className),
+            "aria-invalid": error === true || void 0,
+            "aria-readonly": normalizedReadOnly || void 0,
+            "aria-describedby": ariaDescribedBy,
+            "aria-labelledby": labelId,
+            "aria-label": labelId ? void 0 : normalizeText(ariaLabel),
+            onChange: (controlValue) => {
+              if (normalizedDisabled || normalizedReadOnly) {
+                return;
+              }
+              const optionValue = toEngineSegmentButtonValue(
+                controlValue,
+                normalizedOptions
+              );
+              if (optionValue !== void 0) {
+                onChange?.(optionValue);
+              }
+            },
+            children: normalizedOptions.map((option) => {
+              const itemDisabled = normalizedDisabled || option.disabled;
+              return /* @__PURE__ */ jsx7(
+                SegmentButton.Item,
+                {
+                  value: option.controlValue,
+                  disabled: itemDisabled,
+                  "aria-disabled": itemDisabled || void 0,
+                  tabIndex: itemDisabled ? -1 : void 0,
+                  children: option.label
+                },
+                option.controlValue
+              );
+            })
+          }
+        ),
+        normalizedHelperText ? /* @__PURE__ */ jsx7(
+          "p",
+          {
+            id: ariaDescribedBy,
+            role: error === true ? "alert" : void 0,
+            className: `mt-1 text-xs ${normalizedDisabled ? "text-fg-disabled" : error === true ? "text-fg-error" : "text-fg-tertiary"}`,
+            children: normalizedHelperText
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function normalizeSegmentButtonOptions(options) {
+  if (!Array.isArray(options)) {
+    return [];
+  }
+  const normalizedOptions = [];
+  options.forEach((option, index) => {
+    if (typeof option !== "object" || option === null || !("label" in option) || !("value" in option)) {
+      return;
+    }
+    const label = normalizeOptionLabel(option.label);
+    if (!label || !isNonEmptySegmentButtonValue(option.value)) {
+      return;
+    }
+    if (normalizedOptions.some((candidate) => candidate.value === option.value)) {
+      return;
+    }
+    normalizedOptions.push({
+      controlValue: `segment-option-${index}`,
+      label,
+      value: option.value,
+      disabled: "disabled" in option && option.disabled === true
+    });
+  });
+  return normalizedOptions;
+}
+function normalizeSegmentButtonSize(value) {
+  return value === "xs" || value === "sm" || value === "lg" ? value : "md";
+}
+function toComponentSegmentButtonValue(value, options) {
+  return options.find((option) => option.value === value)?.controlValue;
+}
+function toEngineSegmentButtonValue(controlValue, options) {
+  if (typeof controlValue !== "string") {
+    return void 0;
+  }
+  const option = options.find(
+    (candidate) => candidate.controlValue === controlValue
+  );
+  return option && !option.disabled ? option.value : void 0;
+}
+function isSegmentButtonValue(value) {
+  return typeof value === "string" || typeof value === "number" && Number.isFinite(value);
+}
+function isNonEmptySegmentButtonValue(value) {
+  return isSegmentButtonValue(value) && value !== "";
+}
+function normalizeOptionLabel(value) {
+  if (typeof value !== "string" && typeof value !== "number") {
+    return void 0;
+  }
+  const label = String(value).trim();
+  return label || void 0;
+}
+function normalizeText(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const text = value.trim();
+  return text || void 0;
+}
+function normalizeClassName(value) {
+  return typeof value === "string" ? value.trim() || void 0 : void 0;
+}
+
+// src/registry/field-registry.ts
+var FIELD_CHANGE_IGNORED = /* @__PURE__ */ Symbol("FIELD_CHANGE_IGNORED");
+var eventValueDefinition = (component) => ({
+  component,
+  toEngineValue: readEventValue
+});
+var fieldRegistry = {
+  text: eventValueDefinition(TextInputField),
+  number: eventValueDefinition(NumberInputField),
+  textarea: eventValueDefinition(TextareaField),
+  select: {
+    component: SelectField,
+    toEngineValue: (value) => isSelectValue(value) ? value : FIELD_CHANGE_IGNORED
+  },
+  checkbox: {
+    component: Checkbox,
+    toEngineValue: (value) => isCheckboxValue(value) ? value : FIELD_CHANGE_IGNORED,
+    toComponentProps: (props) => {
+      const componentProps = { ...props };
+      const checked = isCheckboxValue(props.value) ? props.value : false;
+      delete componentProps.value;
+      delete componentProps.error;
+      delete componentProps.helperText;
+      return {
+        ...componentProps,
+        checked,
+        "aria-invalid": props.error === true
+      };
+    },
+    rendersHelperText: false
+  },
+  switch: {
+    component: Switch,
+    toEngineValue: (value) => typeof value === "boolean" ? value : FIELD_CHANGE_IGNORED,
+    toComponentProps: (props) => {
+      const componentProps = { ...props };
+      delete componentProps.value;
+      delete componentProps.error;
+      delete componentProps.helperText;
+      delete componentProps.label;
+      return {
+        ...componentProps,
+        checked: typeof props.value === "boolean" ? props.value : false,
+        "aria-invalid": props.error === true
+      };
+    },
+    rendersHelperText: false,
+    rendersLabel: false
+  },
+  radio: {
+    component: RadioGroupField,
+    toEngineValue: (value) => typeof value === "string" || typeof value === "number" ? value : FIELD_CHANGE_IGNORED
+  },
+  "segment-button": {
+    component: SegmentButtonField,
+    toEngineValue: (value) => isSegmentButtonValue(value) ? value : FIELD_CHANGE_IGNORED
+  },
+  slider: {
+    component: SliderField,
+    toEngineValue: (value) => isSliderValue(value) ? value : FIELD_CHANGE_IGNORED
+  },
+  time: {
+    component: TimePickerField,
+    toEngineValue: (value) => {
+      const normalizedValue = normalizeTimeFieldValue(value);
+      return normalizedValue === void 0 ? FIELD_CHANGE_IGNORED : normalizedValue;
+    }
+  },
+  otp: {
+    component: InputOtpField,
+    toEngineValue: (value) => typeof value === "string" ? value : FIELD_CHANGE_IGNORED
+  }
+};
+function readEventValue(change) {
+  if (typeof change !== "object" || change === null || !("target" in change)) {
+    return FIELD_CHANGE_IGNORED;
+  }
+  const target = change.target;
+  if (typeof target !== "object" || target === null || !("value" in target)) {
+    return FIELD_CHANGE_IGNORED;
+  }
+  return target.value;
+}
+function isCheckboxValue(value) {
+  return typeof value === "boolean" || value === "indeterminate";
+}
+
+// src/context/form-config.ts
+import { createContext, useContext } from "react";
+var ConfigContext = createContext({
+  designMode: false
+});
+function useConfigContext() {
+  const ctx = useContext(ConfigContext);
+  if (!ctx) {
+    throw new Error("Form Engine missing");
+  }
+  return ctx;
+}
+
+// src/context/form-context.ts
+import { createContext as createContext2, useContext as useContext2 } from "react";
+var FormContext = createContext2(null);
+function useFormContext() {
+  const ctx = useContext2(FormContext);
+  if (!ctx) {
+    throw new Error("Form Engine missing");
+  }
+  return ctx;
+}
+function useOptionalFormContext() {
+  return useContext2(FormContext);
+}
+
+// src/renderer/field-renderer.tsx
+import { useEffect, useState } from "react";
+
+// src/renderer/design-visibility.ts
+import { useContext as useContext3 } from "react";
+function useDesignVisible(runtimeVisible) {
+  const { designMode } = useContext3(ConfigContext);
+  return designMode === true || runtimeVisible;
+}
+
+// src/renderer/field-execution.ts
+function executeRendererFieldEvent(engine, nodeId, event, designMode, options) {
+  if (designMode) {
+    return void 0;
+  }
+  return engine.executeFieldEvent(nodeId, event, options);
+}
+
+// src/renderer/repeat-renderer.tsx
+import { createContext as createContext3, useContext as useContext4 } from "react";
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var RepeatItemContext = createContext3(
+  void 0
+);
+function useRepeatItem() {
+  return useContext4(RepeatItemContext)?.item;
+}
+function useRepeatItemScope() {
+  return useContext4(RepeatItemContext);
+}
+function RepeatRenderer({ node }) {
+  if (node.schema.kind !== "layout" || node.schema.type !== "repeat") {
+    return null;
+  }
+  const engine = useFormContext();
+  const { designMode } = useConfigContext();
+  const parentScope = useRepeatItemScope();
+  const props = node.schema.props;
+  const className = normalizeClassName2(props.className);
+  const badge = describeRepeat(props);
+  const parentPrefix = parentScope?.valuePrefix;
+  if (designMode === true) {
+    return /* @__PURE__ */ jsxs6(
+      "div",
+      {
+        className: joinClassNames(
+          "space-y-2 rounded border border-dashed border-gray-300 p-2",
+          className
+        ),
+        "data-repeat": "design",
+        "data-repeat-mode": props.mode,
+        children: [
+          /* @__PURE__ */ jsxs6("div", { className: "text-[10px] font-medium uppercase tracking-wide text-gray-500", children: [
+            "Repeat ",
+            badge
+          ] }),
+          node.children.map((child) => /* @__PURE__ */ jsx8(NodeRenderer, { node: child }, child.id))
+        ]
+      }
+    );
+  }
+  const items = engine.getRepeatItems(node.id, {
+    ...parentPrefix !== void 0 ? { valuePrefix: parentPrefix } : {}
+  });
+  const relativePath = props.mode === "values" && typeof props.path === "string" ? props.path.trim() : void 0;
+  return /* @__PURE__ */ jsx8(
+    "div",
+    {
+      className,
+      "data-repeat": "runtime",
+      "data-repeat-mode": props.mode,
+      "data-repeat-count": items.length,
+      children: items.map((item, index) => {
+        const valuePrefix = relativePath !== void 0 ? joinPrefixes(parentPrefix, relativePath, String(index)) : parentPrefix;
+        return /* @__PURE__ */ jsx8(
+          RepeatItemContext.Provider,
+          {
+            value: {
+              item,
+              index,
+              ...valuePrefix !== void 0 ? { valuePrefix } : {}
+            },
+            children: /* @__PURE__ */ jsx8("div", { "data-repeat-index": index, children: node.children.map((child) => /* @__PURE__ */ jsx8(NodeRenderer, { node: child }, `${child.id}-${index}`)) })
+          },
+          `${node.id}-${index}`
+        );
+      })
+    }
+  );
+}
+function describeRepeat(props) {
+  if (props.mode === "count") {
+    return `\xD7${typeof props.count === "number" ? props.count : 0}`;
+  }
+  if (props.mode === "source" && typeof props.source === "string") {
+    return `\u2190 ${props.source.trim()}`;
+  }
+  if (props.mode === "values" && typeof props.path === "string") {
+    return `\u21C4 ${props.path.trim()}`;
+  }
+  return "";
+}
+function joinPrefixes(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(".");
+}
+function normalizeClassName2(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function joinClassNames(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/renderer/field-renderer.tsx
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+function FieldRenderer({ node }) {
+  if (node.schema.kind !== "field") return null;
+  const engine = useFormContext();
+  const { designMode } = useConfigContext();
+  const repeatScope = useRepeatItemScope();
+  const name = repeatScope?.valuePrefix !== void 0 ? `${repeatScope.valuePrefix}.${node.schema.name}` : node.schema.name;
+  const [, forceUpdate] = useState(0);
+  useEffect(() => {
+    const unsubscribe = engine.subscribe(() => {
+      forceUpdate((x) => x + 1);
+    });
+    return unsubscribe;
+  }, [engine]);
+  const runtimeVisible = engine.isVisible(name);
+  const show = useDesignVisible(runtimeVisible);
+  const definition = fieldRegistry[node.schema.type];
+  if (!definition) {
+    return null;
+  }
+  const fieldType = node.schema.type;
+  const fireFieldEvent = (event) => {
+    void executeRendererFieldEvent(
+      engine,
+      node.id,
+      event,
+      designMode === true
+    );
+  };
+  const field = {
+    value: engine.getValue(name),
+    error: engine.getError(name),
+    touched: engine.isTouched(name),
+    touch: () => engine.touch(name),
+    disabled: engine.isDisabled(name) || engine.isFormDisabled(),
+    dirty: engine.isDirty(name),
+    visible: runtimeVisible,
+    setValue: (change) => {
+      const value = definition.toEngineValue(change);
+      if (value !== FIELD_CHANGE_IGNORED) {
+        engine.setValue(name, value);
+        if (fieldAllowsChangeEvent(fieldType)) {
+          fireFieldEvent("change");
+        }
+      }
+    }
+  };
+  if (!show) return null;
+  const Component = definition.component;
+  const options = engine.getOptions(name);
+  const optionsLoading = engine.isOptionsSourceLoading(name);
+  const engineState = engine.getState();
+  const schema = node.schema.type === "select" || node.schema.type === "radio" || node.schema.type === "segment-button" ? {
+    ...node.schema,
+    props: {
+      ...node.schema.props,
+      options
+    }
+  } : node.schema;
+  const props = adaptField({
+    schema,
+    field,
+    setValue: field.setValue,
+    state: {
+      isLoading: engineState.isLoading,
+      pendingActionIds: engineState.pendingActionIds,
+      resourceInFlight: engineState.resourceInFlight
+    },
+    loading: optionsLoading
+  });
+  const helperText = typeof props.helperText === "string" ? props.helperText : void 0;
+  const label = typeof schema.props?.label === "string" ? schema.props.label : void 0;
+  const helperTextId = helperText ? `${node.id}-helper-text` : void 0;
+  const inputId = repeatScope?.valuePrefix !== void 0 ? `${node.id}-${repeatScope.index}` : node.id;
+  const baseComponentProps = {
+    ...props,
+    id: inputId,
+    name,
+    "aria-describedby": helperTextId,
+    onBlur: () => {
+      field.touch();
+      if (fieldAllowsBlurEvent(fieldType)) {
+        fireFieldEvent("blur");
+      }
+    },
+    ...fieldAllowsCommitEvent(fieldType) ? {
+      onCommit: (change) => {
+        const value = definition.toEngineValue(change);
+        if (value !== FIELD_CHANGE_IGNORED) {
+          engine.setValue(name, value);
+          field.touch();
+          fireFieldEvent("commit");
+        }
+      }
+    } : {}
+  };
+  const componentProps = definition.toComponentProps?.(baseComponentProps) ?? baseComponentProps;
+  const component = /* @__PURE__ */ jsx9(Component, { ...componentProps });
+  const externalLabel = definition.rendersLabel === false && label;
+  const externalHelperText = definition.rendersHelperText === false && helperText;
+  if (!externalLabel && !externalHelperText) {
+    return component;
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col items-start", children: [
+    externalLabel ? /* @__PURE__ */ jsx9("label", { htmlFor: inputId, className: "mb-1 text-sm text-fg", children: label }) : null,
+    component,
+    externalHelperText ? /* @__PURE__ */ jsx9(
+      "p",
+      {
+        id: helperTextId,
+        role: props.error ? "alert" : void 0,
+        className: `mt-1 text-xs ${props.error ? "text-fg-error" : "text-fg-tertiary"}`,
+        children: helperText
+      }
+    ) : null
+  ] });
+}
+
+// src/renderer/action-renderer.tsx
+import { adaptAction } from "@bsm-form/core";
+
+// src/renderer/action-button.tsx
+import { isValidElement } from "react";
+import {
+  Button
+} from "bsm-design-system";
+import { jsx as jsx10 } from "react/jsx-runtime";
+function ActionButton({
+  "aria-label": ariaLabel,
+  children,
+  className,
+  color,
+  dangerouslySetInnerHTML: _dangerouslySetInnerHTML,
+  disabled,
+  iconOnly,
+  leadingIcon,
+  loading,
+  rounded,
+  size,
+  traillingIcon,
+  trailingIcon,
+  variant,
+  ...props
+}) {
+  const content = normalizeActionButtonContent(children);
+  const isLoading = loading === true;
+  const isDisabled = disabled === true;
+  const resolvedTrailingIcon = normalizeActionButtonContent(
+    trailingIcon ?? traillingIcon
+  );
+  return /* @__PURE__ */ jsx10(
+    Button,
+    {
+      ...props,
+      type: "button",
+      className: typeof className === "string" ? className : "",
+      variant: normalizeButtonVariant(variant),
+      color: normalizeButtonColor(color),
+      size: normalizeButtonSize(size),
+      loading: isLoading,
+      disabled: isDisabled,
+      iconOnly: iconOnly === true,
+      leadingIcon: normalizeActionButtonContent(leadingIcon),
+      trailingIcon: resolvedTrailingIcon,
+      rounded: rounded === true,
+      "aria-busy": isLoading || void 0,
+      "aria-label": typeof ariaLabel === "string" && ariaLabel.trim() ? ariaLabel : getButtonAccessibleLabel(content),
+      children: content
+    }
+  );
+}
+function normalizeButtonVariant(value) {
+  return value === "ghost" || value === "outlined" || value === "text" ? value : "fill";
+}
+function normalizeButtonColor(value) {
+  return value === "secondary" || value === "error" || value === "success" || value === "info" || value === "warning" ? value : "primary";
+}
+function normalizeButtonSize(value) {
+  return value === "xs" || value === "sm" || value === "lg" ? value : "md";
+}
+function normalizeActionButtonContent(value) {
+  if (typeof value === "string" || typeof value === "number" || isValidElement(value)) {
+    return value;
+  }
+  return Array.isArray(value) ? value.map(normalizeActionButtonContent) : null;
+}
+function getButtonAccessibleLabel(content) {
+  return typeof content === "string" || typeof content === "number" ? String(content) : void 0;
+}
+
+// src/renderer/action-execution.ts
+function executeRendererAction(engine, actionId, designMode, options) {
+  if (designMode) {
+    return void 0;
+  }
+  return engine.executeAction(actionId, options);
+}
+
+// src/renderer/action-renderer.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function ActionRenderer({ node }) {
+  if (node.schema.kind !== "action") {
+    return null;
+  }
+  const engine = useFormContext();
+  const { designMode } = useConfigContext();
+  const repeatScope = useRepeatItemScope();
+  const show = useDesignVisible(node.state.visible);
+  if (!show) {
+    return null;
+  }
+  const schema = node.schema;
+  const engineState = engine.getState();
+  const stepperState = (schema.type === "stepper-next" || schema.type === "stepper-previous") && schema.stepperId ? engine.getStepperState(schema.stepperId) : void 0;
+  const isStepperActionDisabled = schema.type === "stepper-next" ? !stepperState?.canGoNext || engineState.initializationStatus !== "ready" : schema.type === "stepper-previous" ? !stepperState?.canGoPrevious || engineState.initializationStatus !== "ready" : false;
+  const isCustomPending = schema.type === "custom" && engineState.pendingActionIds.includes(node.id);
+  const props = adaptAction({
+    schema,
+    onClick: () => {
+      void executeRendererAction(
+        engine,
+        node.id,
+        designMode === true,
+        repeatScope !== void 0 ? {
+          item: repeatScope.item,
+          itemIndex: repeatScope.index,
+          ...repeatScope.valuePrefix !== void 0 ? {
+            valuePrefix: parentValuePrefix(repeatScope.valuePrefix)
+          } : {}
+        } : void 0
+      );
+    },
+    state: {
+      isLoading: engineState.isLoading,
+      pendingActionIds: engineState.pendingActionIds,
+      resourceInFlight: engineState.resourceInFlight
+    },
+    loading: schema.type === "submit" && engineState.isSubmitting || isCustomPending,
+    disabled: node.state.disabled || engine.isFormDisabled() || isStepperActionDisabled || isCustomPending
+  });
+  return /* @__PURE__ */ jsx11(ActionButton, { ...props, id: node.id });
+}
+function parentValuePrefix(itemValuePrefix) {
+  const withoutIndex = itemValuePrefix.replace(/\.\d+$/, "");
+  const lastDot = withoutIndex.lastIndexOf(".");
+  return lastDot === -1 ? "" : withoutIndex.slice(0, lastDot);
+}
+
+// src/renderer/display-renderer.tsx
+import { adaptDisplay } from "@bsm-form/core";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+
+// src/renderer/alert-display.tsx
+import { Alert } from "bsm-design-system";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var ALERT_TYPES = [
+  "success",
+  "error",
+  "warning",
+  "info",
+  "default"
+];
+var ALERT_VARIANTS = ["filled", "outline"];
+function AlertDisplay({
+  type,
+  variant,
+  title,
+  children,
+  className,
+  withIcon,
+  closable,
+  actionText,
+  onClose,
+  onAction
+}) {
+  const normalizedTitle = normalizeAlertText(title);
+  const normalizedContent = normalizeAlertText(children);
+  const normalizedActionText = normalizeAlertText(actionText);
+  const closeHandler = typeof onClose === "function" ? onClose : void 0;
+  const actionHandler = normalizedActionText && typeof onAction === "function" ? onAction : void 0;
+  if (!normalizedTitle && !normalizedContent) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx12(
+    Alert,
+    {
+      type: normalizeAlertType(type),
+      variant: normalizeAlertVariant(variant),
+      title: normalizedTitle,
+      className: normalizeAlertClassName(className) ?? "",
+      withIcon: withIcon !== false,
+      closable: closable === true,
+      actionText: actionHandler ? normalizedActionText : void 0,
+      onClose: closeHandler,
+      onAction: actionHandler,
+      children: normalizedContent
+    }
+  );
+}
+function normalizeAlertType(value) {
+  return normalizeEnum(value, ALERT_TYPES, "default");
+}
+function normalizeAlertVariant(value) {
+  return normalizeEnum(value, ALERT_VARIANTS, "filled");
+}
+function normalizeAlertText(value) {
+  if (typeof value === "string") {
+    const text = value.trim();
+    return text || void 0;
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return String(value);
+  }
+  return void 0;
+}
+function normalizeAlertClassName(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const className = value.trim();
+  return className || void 0;
+}
+function normalizeEnum(value, values, fallback) {
+  if (typeof value !== "string") {
+    return fallback;
+  }
+  const normalizedValue = value.trim().toLowerCase();
+  return values.includes(normalizedValue) ? normalizedValue : fallback;
+}
+
+// src/renderer/chips-display.tsx
+import { Chips } from "bsm-design-system";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var CHIPS_VARIANTS = ["default", "secondary"];
+function ChipsDisplay({
+  label,
+  className,
+  variant,
+  rounded,
+  disabled,
+  onClose,
+  onClick
+}) {
+  const normalizedLabel = normalizeChipsLabel(label);
+  if (normalizedLabel === void 0) {
+    return null;
+  }
+  const closeHandler = typeof onClose === "function" ? () => {
+    onClose();
+  } : void 0;
+  const clickHandler = typeof onClick === "function" ? () => {
+    onClick();
+  } : void 0;
+  return /* @__PURE__ */ jsx13(
+    Chips,
+    {
+      label: normalizedLabel,
+      className: normalizeChipsClassName(className),
+      variant: normalizeChipsVariant(variant),
+      rounded: rounded === true,
+      disabled: disabled === true,
+      onClose: closeHandler,
+      onClick: clickHandler
+    }
+  );
+}
+function normalizeChipsLabel(value) {
+  if (typeof value === "string") {
+    const label = value.trim();
+    return label || void 0;
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return String(value);
+  }
+  return void 0;
+}
+function normalizeChipsVariant(value) {
+  if (typeof value !== "string") {
+    return "default";
+  }
+  const normalizedValue = value.trim().toLowerCase();
+  return CHIPS_VARIANTS.includes(normalizedValue) ? normalizedValue : "default";
+}
+function normalizeChipsClassName(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const className = value.trim();
+  return className || void 0;
+}
+
+// src/renderer/tag-display.tsx
+import { Tag } from "bsm-design-system";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var TAG_VARIANTS = [
+  "default",
+  "secondary",
+  "error",
+  "success",
+  "warning",
+  "info",
+  "magenta",
+  "cyan",
+  "blue",
+  "lime",
+  "purple",
+  "volcano"
+];
+var TAG_SIZES = ["md", "lg"];
+function TagDisplay({
+  label,
+  className,
+  variant,
+  size,
+  rounded,
+  borderLess
+}) {
+  const normalizedLabel = normalizeTagLabel(label);
+  if (normalizedLabel === void 0) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx14(
+    Tag,
+    {
+      label: normalizedLabel,
+      className: normalizeTagClassName(className),
+      variant: normalizeTagVariant(variant),
+      size: normalizeTagSize(size),
+      rounded: rounded === true,
+      borderLess: borderLess === true
+    }
+  );
+}
+function normalizeTagLabel(value) {
+  if (typeof value === "string") {
+    const label = value.trim();
+    return label || void 0;
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return String(value);
+  }
+  return void 0;
+}
+function normalizeTagVariant(value) {
+  return normalizeEnum2(value, TAG_VARIANTS, "default");
+}
+function normalizeTagSize(value) {
+  return normalizeEnum2(value, TAG_SIZES, "md");
+}
+function normalizeTagClassName(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const className = value.trim();
+  return className || void 0;
+}
+function normalizeEnum2(value, values, fallback) {
+  if (typeof value !== "string") {
+    return fallback;
+  }
+  const normalizedValue = value.trim().toLowerCase();
+  return values.includes(normalizedValue) ? normalizedValue : fallback;
+}
+
+// src/renderer/skeleton-display.tsx
+import { Skeleton } from "bsm-design-system";
+import { jsx as jsx15 } from "react/jsx-runtime";
+function SkeletonDisplay({
+  ariaLabel,
+  className
+}) {
+  const normalizedAriaLabel = normalizeSkeletonAriaLabel(ariaLabel);
+  return /* @__PURE__ */ jsx15(
+    Skeleton,
+    {
+      className: normalizeSkeletonClassName(className),
+      role: normalizedAriaLabel ? "status" : void 0,
+      "aria-label": normalizedAriaLabel,
+      "aria-busy": normalizedAriaLabel ? true : void 0,
+      "aria-hidden": normalizedAriaLabel ? void 0 : true
+    }
+  );
+}
+function normalizeSkeletonAriaLabel(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const ariaLabel = value.trim();
+  return ariaLabel || void 0;
+}
+function normalizeSkeletonClassName(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const className = value.trim();
+  return className || void 0;
+}
+
+// src/renderer/table-display.tsx
+import { Button as Button2, Table, Tag as Tag2 } from "bsm-design-system";
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+var TABLE_ALIGNS = ["left", "right", "center"];
+var ACTION_VARIANTS = ["fill", "outlined", "ghost", "text"];
+var ACTION_COLORS = [
+  "primary",
+  "secondary",
+  "success",
+  "error",
+  "info",
+  "warning"
+];
+function TableDisplay({
+  align,
+  bordered,
+  caption,
+  className,
+  columns,
+  onActionClick,
+  onRowClick,
+  pendingTableInteractions,
+  rows,
+  separated,
+  tableNodeId
+}) {
+  const normalizedColumns = normalizeTableColumns(columns);
+  const normalizedRows = Array.isArray(rows) ? rows : [];
+  const normalizedCaption = normalizeTableCaption(caption);
+  const rowInteractive = typeof onRowClick === "function";
+  const pending = Array.isArray(pendingTableInteractions) ? pendingTableInteractions : [];
+  return /* @__PURE__ */ jsx16(Table.Container, { className: normalizeTableClassName(className), children: /* @__PURE__ */ jsxs8(
+    Table,
+    {
+      align: normalizeTableAlign(align),
+      bordered: bordered === true,
+      separated: separated === true,
+      children: [
+        normalizedCaption ? /* @__PURE__ */ jsx16(Table.Caption, { children: normalizedCaption }) : null,
+        /* @__PURE__ */ jsx16(Table.Header, { children: /* @__PURE__ */ jsx16(Table.Row, { children: normalizedColumns.map((column) => /* @__PURE__ */ jsx16(
+          Table.Head,
+          {
+            className: column.kind === "actions" ? "text-end" : void 0,
+            children: column.header
+          },
+          column.id
+        )) }) }),
+        /* @__PURE__ */ jsx16(Table.Body, { children: normalizedRows.map((row, rowIndex) => /* @__PURE__ */ jsx16(
+          Table.Row,
+          {
+            onClick: rowInteractive ? () => {
+              onRowClick(rowIndex);
+            } : void 0,
+            style: rowInteractive ? { cursor: "pointer" } : void 0,
+            children: normalizedColumns.map((column) => /* @__PURE__ */ jsx16(
+              Table.Cell,
+              {
+                className: column.kind === "actions" ? "text-end" : void 0,
+                children: renderTableCell({
+                  column,
+                  onActionClick,
+                  pendingTableInteractions: pending,
+                  row,
+                  rowIndex,
+                  tableNodeId: typeof tableNodeId === "string" ? tableNodeId : void 0
+                })
+              },
+              column.id
+            ))
+          },
+          rowIndex
+        )) })
+      ]
+    }
+  ) });
+}
+function renderTableCell({
+  column,
+  onActionClick,
+  pendingTableInteractions,
+  row,
+  rowIndex,
+  tableNodeId
+}) {
+  if (column.kind === "actions") {
+    return /* @__PURE__ */ jsx16("div", { className: "flex flex-wrap items-center justify-end gap-2", children: column.actions.map((action) => {
+      const iconOnly = action.iconOnly === true;
+      const pendingKey = tableNodeId !== void 0 ? `${tableNodeId}:${column.id}:${action.id}:${rowIndex}` : void 0;
+      const isPending = pendingKey !== void 0 && pendingTableInteractions.includes(pendingKey);
+      return /* @__PURE__ */ jsx16(
+        Button2,
+        {
+          type: "button",
+          size: "xs",
+          variant: normalizeActionVariant(action.variant),
+          color: normalizeActionColor(action.color),
+          iconOnly,
+          "aria-label": action.label,
+          loading: isPending,
+          disabled: isPending,
+          onClick: (event) => {
+            event.stopPropagation();
+            onActionClick?.(column.id, action.id, rowIndex);
+          },
+          children: action.label
+        },
+        action.id
+      );
+    }) });
+  }
+  if (column.kind === "tag") {
+    const rawValue = readTableCellValue(row, column.path);
+    const mapped = resolveTableTagMapping(rawValue, column.map);
+    const label = normalizeTagLabel(mapped?.label ?? rawValue);
+    if (label === void 0) {
+      return null;
+    }
+    const variantFromPath = column.variantPath !== void 0 ? readTableCellValue(row, column.variantPath) : void 0;
+    return /* @__PURE__ */ jsx16(
+      Tag2,
+      {
+        label,
+        variant: normalizeTagVariant(
+          mapped?.variant ?? variantFromPath ?? column.variant
+        )
+      }
+    );
+  }
+  return formatTableCellValue(readTableCellValue(row, column.path));
+}
+function normalizeTableColumns(value) {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.flatMap((column) => {
+    const normalized = normalizeTableColumn(column);
+    return normalized ? [normalized] : [];
+  });
+}
+function normalizeTableColumn(value) {
+  if (typeof value !== "object" || value === null || typeof value.id !== "string" || value.id.trim() === "" || typeof value.header !== "string" || value.header.trim() === "") {
+    return void 0;
+  }
+  const column = value;
+  const id = column.id;
+  const header = column.header;
+  const kind = column.kind;
+  if (kind === "actions") {
+    const actions = normalizeTableColumnActions(column.actions);
+    if (actions.length === 0) {
+      return void 0;
+    }
+    return {
+      id,
+      header,
+      kind: "actions",
+      actions
+    };
+  }
+  if (typeof column.path !== "string" || column.path.trim() === "") {
+    return void 0;
+  }
+  if (kind === "tag") {
+    const tagColumn = {
+      id,
+      header,
+      kind: "tag",
+      path: column.path
+    };
+    if (typeof column.variantPath === "string" && column.variantPath.trim() !== "") {
+      tagColumn.variantPath = column.variantPath;
+    }
+    const variant = normalizeOptionalTagVariant(column.variant);
+    if (variant) {
+      tagColumn.variant = variant;
+    }
+    const map = normalizeTableTagMap(column.map);
+    if (map) {
+      tagColumn.map = map;
+    }
+    return tagColumn;
+  }
+  if (kind !== void 0 && kind !== "text") {
+    return void 0;
+  }
+  return {
+    id,
+    header,
+    kind: "text",
+    path: column.path
+  };
+}
+function normalizeTableColumnActions(value) {
+  if (!Array.isArray(value)) {
+    return [];
+  }
+  return value.flatMap((action) => {
+    if (typeof action !== "object" || action === null || typeof action.id !== "string" || action.id.trim() === "" || typeof action.label !== "string" || action.label.trim() === "" || !Array.isArray(action.steps)) {
+      return [];
+    }
+    const normalized = {
+      id: action.id,
+      label: action.label,
+      steps: action.steps
+    };
+    if (typeof action.variant === "string" && ACTION_VARIANTS.includes(
+      action.variant
+    )) {
+      normalized.variant = action.variant;
+    }
+    if (typeof action.color === "string" && action.color.trim() !== "") {
+      const color = normalizeActionColor(action.color);
+      if (color) {
+        normalized.color = color;
+      }
+    }
+    if (action.iconOnly === true) {
+      normalized.iconOnly = true;
+    }
+    return [normalized];
+  });
+}
+function normalizeTableAlign(value) {
+  return normalizeEnum3(value, TABLE_ALIGNS, "left");
+}
+function normalizeTableCaption(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const caption = value.trim();
+  return caption || void 0;
+}
+function normalizeTableClassName(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const className = value.trim();
+  return className || void 0;
+}
+function readTableCellValue(row, path) {
+  if (!path) {
+    return void 0;
+  }
+  let current = row;
+  for (const key of path.split(".")) {
+    if (typeof current !== "object" || current === null) {
+      return void 0;
+    }
+    current = current[key];
+  }
+  return current;
+}
+function formatTableCellValue(value) {
+  if (value === void 0 || value === null) {
+    return "";
+  }
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return String(value);
+  }
+  if (typeof value === "boolean") {
+    return value ? "true" : "false";
+  }
+  try {
+    return JSON.stringify(value) ?? "";
+  } catch {
+    return "";
+  }
+}
+function resolveTableTagMapping(value, map) {
+  if (!map) {
+    return void 0;
+  }
+  const key = tableTagMapKey(value);
+  if (key === void 0) {
+    return void 0;
+  }
+  if (map[key]) {
+    return map[key];
+  }
+  const trimmed = key.trim();
+  if (trimmed !== key && map[trimmed]) {
+    return map[trimmed];
+  }
+  for (const [mapKey, mapping] of Object.entries(map)) {
+    if (mapKey.trim() === trimmed) {
+      return mapping;
+    }
+  }
+  return void 0;
+}
+function tableTagMapKey(value) {
+  if (typeof value === "string") {
+    return value;
+  }
+  if (typeof value === "number" && Number.isFinite(value)) {
+    return String(value);
+  }
+  if (typeof value === "boolean") {
+    return value ? "true" : "false";
+  }
+  return void 0;
+}
+function normalizeTableTagMap(value) {
+  if (typeof value !== "object" || value === null || Array.isArray(value)) {
+    return void 0;
+  }
+  const map = {};
+  for (const [rawKey, entry] of Object.entries(value)) {
+    const key = rawKey.trim();
+    if (key === "" || typeof entry !== "object" || entry === null || Array.isArray(entry)) {
+      continue;
+    }
+    const mapping = {};
+    if (typeof entry.label === "string" && entry.label.trim() !== "") {
+      mapping.label = entry.label.trim();
+    }
+    const variant = normalizeOptionalTagVariant(entry.variant);
+    if (variant) {
+      mapping.variant = variant;
+    }
+    if (mapping.label !== void 0 || mapping.variant !== void 0) {
+      map[key] = mapping;
+    }
+  }
+  return Object.keys(map).length > 0 ? map : void 0;
+}
+function normalizeOptionalTagVariant(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const normalized = value.trim().toLowerCase();
+  return TAG_VARIANTS.includes(normalized) ? normalized : void 0;
+}
+function normalizeActionVariant(value) {
+  return normalizeEnum3(value, ACTION_VARIANTS, "ghost");
+}
+function normalizeActionColor(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const color = value.trim().toLowerCase();
+  return ACTION_COLORS.includes(color) ? color : void 0;
+}
+function normalizeEnum3(value, values, fallback) {
+  if (typeof value !== "string") {
+    return fallback;
+  }
+  const normalizedValue = value.trim().toLowerCase();
+  return values.includes(normalizedValue) ? normalizedValue : fallback;
+}
+
+// src/renderer/typography-display.tsx
+import { createElement } from "react";
+var TYPOGRAPHY_TAGS = /* @__PURE__ */ new Set([
+  "p",
+  "span",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "label",
+  "strong",
+  "em"
+]);
+function TypographyDisplay({
+  as,
+  className,
+  children,
+  designPlaceholder
+}) {
+  const text = normalizeTypographyChildren(children);
+  const placeholder = normalizeTypographyPlaceholder(designPlaceholder);
+  const Tag3 = normalizeTypographyAs(as);
+  const baseClassName = normalizeTypographyClassName(className);
+  if (text !== "") {
+    return createElement(Tag3, {
+      className: baseClassName,
+      children: text
+    });
+  }
+  if (!placeholder) {
+    return null;
+  }
+  return createElement(Tag3, {
+    className: [baseClassName, "opacity-50 italic text-gray-400"].filter(Boolean).join(" "),
+    "data-typography-placeholder": "",
+    children: placeholder
+  });
+}
+function normalizeTypographyAs(value) {
+  return typeof value === "string" && TYPOGRAPHY_TAGS.has(value) ? value : "p";
+}
+function normalizeTypographyClassName(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const className = value.trim();
+  return className || void 0;
+}
+function normalizeTypographyChildren(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value;
+}
+function normalizeTypographyPlaceholder(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const placeholder = value.trim();
+  return placeholder || void 0;
+}
+
+// src/renderer/slot-display.tsx
+import { Fragment as Fragment2, jsx as jsx17 } from "react/jsx-runtime";
+function SlotDisplay({
+  className,
+  children,
+  designPlaceholder
+}) {
+  if (children == null) {
+    if (designPlaceholder === void 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx17(
+      "div",
+      {
+        className: [
+          "rounded border border-dashed border-stroke-secondary px-3 py-2 text-xs text-fg-tertiary",
+          className
+        ].filter(Boolean).join(" "),
+        "data-slot-placeholder": "",
+        children: designPlaceholder
+      }
+    );
+  }
+  if (className) {
+    return /* @__PURE__ */ jsx17("div", { className, children });
+  }
+  return /* @__PURE__ */ jsx17(Fragment2, { children });
+}
+
+// src/registry/display-registry.ts
+var displayRegistry = {
+  alert: AlertDisplay,
+  chips: ChipsDisplay,
+  skeleton: SkeletonDisplay,
+  tag: TagDisplay,
+  table: TableDisplay,
+  typography: TypographyDisplay,
+  slot: SlotDisplay
+};
+
+// src/renderer/display-execution.ts
+function executeRendererDisplayEvent(engine, nodeId, event, designMode, options) {
+  if (designMode) {
+    return void 0;
+  }
+  return engine.executeDisplayEvent(nodeId, event, options);
+}
+function executeRendererTableInteraction(engine, nodeId, interaction, designMode) {
+  if (designMode) {
+    return void 0;
+  }
+  return engine.executeTableInteraction(nodeId, interaction);
+}
+
+// src/renderer/display-renderer.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+function DisplayRenderer({ node }) {
+  const schema = node.schema;
+  const engine = useOptionalFormContext();
+  const { designMode, slots } = useConfigContext();
+  const repeatItem = useRepeatItem();
+  const show = useDesignVisible(node.state.visible);
+  const [, forceUpdate] = useState2(0);
+  useEffect2(() => {
+    if (!engine) {
+      return;
+    }
+    return engine.subscribe(() => {
+      forceUpdate((value) => value + 1);
+    });
+  }, [engine]);
+  if (schema.kind !== "display" || !show) {
+    return null;
+  }
+  const Component = displayRegistry[schema.type];
+  if (!Component) {
+    return null;
+  }
+  const executeEvent = (event) => {
+    if (!engine) {
+      return;
+    }
+    void executeRendererDisplayEvent(
+      engine,
+      node.id,
+      event,
+      designMode === true,
+      repeatItem !== void 0 ? { item: repeatItem } : void 0
+    );
+  };
+  const props = adaptDisplay({
+    schema,
+    onClose: () => executeEvent("close"),
+    onAction: () => executeEvent("action"),
+    onClick: () => executeEvent("click"),
+    disabled: node.state.disabled
+  });
+  if (schema.type === "table") {
+    const hasRowClick = Array.isArray(schema.events?.rowClick?.steps) && schema.events.rowClick.steps.length > 0;
+    const engineState = engine?.getState();
+    const rows = engine?.getTableRows(
+      node.id,
+      repeatItem !== void 0 ? { item: repeatItem } : void 0
+    ) ?? [];
+    return /* @__PURE__ */ jsx18(
+      Component,
+      {
+        ...props,
+        columns: schema.columns,
+        rows,
+        tableNodeId: node.id,
+        pendingTableInteractions: engineState?.pendingTableInteractions ?? [],
+        onRowClick: hasRowClick && engine ? (rowIndex) => {
+          void executeRendererTableInteraction(
+            engine,
+            node.id,
+            { kind: "rowClick", rowIndex },
+            designMode === true
+          );
+        } : void 0,
+        onActionClick: engine ? (columnId, actionId, rowIndex) => {
+          void executeRendererTableInteraction(
+            engine,
+            node.id,
+            { kind: "action", columnId, actionId, rowIndex },
+            designMode === true
+          );
+        } : void 0
+      }
+    );
+  }
+  if (schema.type === "typography") {
+    const text = engine?.getTypographyText(
+      node.id,
+      repeatItem !== void 0 ? { item: repeatItem } : void 0
+    ) ?? "";
+    const designPlaceholder = designMode === true && text === "" ? typeof schema.props.from === "string" && schema.props.from.trim() ? schema.props.from.trim() : "Typography" : void 0;
+    return /* @__PURE__ */ jsx18(
+      Component,
+      {
+        ...props,
+        as: schema.props.as,
+        className: schema.props.className,
+        children: text,
+        designPlaceholder
+      }
+    );
+  }
+  if (schema.type === "tag") {
+    const presentation = engine?.getTagPresentation(
+      node.id,
+      repeatItem !== void 0 ? { item: repeatItem } : void 0
+    ) ?? {
+      label: typeof schema.props?.label === "string" || typeof schema.props?.label === "number" ? String(schema.props.label) : ""
+    };
+    const label = presentation.label;
+    const designPlaceholder = designMode === true && label.trim() === "" ? typeof schema.props?.from === "string" && schema.props.from.trim() ? schema.props.from.trim() : void 0 : void 0;
+    const resolvedLabel = label.trim() !== "" ? label : designPlaceholder !== void 0 ? designPlaceholder : label;
+    const className = typeof schema.props?.className === "string" ? schema.props.className : void 0;
+    return /* @__PURE__ */ jsx18(
+      Component,
+      {
+        ...props,
+        from: void 0,
+        map: void 0,
+        label: resolvedLabel,
+        variant: presentation.variant ?? schema.props?.variant,
+        className: designPlaceholder !== void 0 && label.trim() === "" ? [className, "opacity-50"].filter(Boolean).join(" ") : className
+      }
+    );
+  }
+  if (schema.type === "slot") {
+    const slotName = schema.props.name;
+    const className = typeof schema.props.className === "string" ? schema.props.className : void 0;
+    const renderer = slots?.[slotName];
+    const values = engine?.getValues() ?? {};
+    const resources = engine?.getResources() ?? {};
+    const children = renderer?.({ values, resources });
+    const designPlaceholder = designMode === true && children == null ? `Slot \u201C${slotName}\u201D` : void 0;
+    return /* @__PURE__ */ jsx18(
+      Component,
+      {
+        className,
+        designPlaceholder,
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx18(Component, { ...props });
+}
+
+// src/renderer/node-renderer.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+function NodeRenderer({ node }) {
+  const { renderWrapper } = useConfigContext();
+  const schema = node.schema;
+  const createChildren = ({
+    node: node2,
+    children
+  }) => {
+    if (renderWrapper)
+      return renderWrapper({
+        node: node2,
+        children
+      });
+    return children;
+  };
+  switch (schema.kind) {
+    case "field":
+      return createChildren({ node, children: /* @__PURE__ */ jsx19(FieldRenderer, { node }) });
+    case "layout":
+      return createChildren({
+        node,
+        children: /* @__PURE__ */ jsx19(LayoutRenderer, { node })
+      });
+    case "action":
+      return createChildren({ node, children: /* @__PURE__ */ jsx19(ActionRenderer, { node }) });
+    case "display":
+      return createChildren({ node, children: /* @__PURE__ */ jsx19(DisplayRenderer, { node }) });
+    default:
+      return null;
+  }
+}
+
+// src/components/layout-types.ts
+function normalizeLayoutClassName(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const className = value.trim();
+  return className || void 0;
+}
+function normalizeLayoutGap(value, fallback) {
+  const numericValue = toFiniteNumber(value);
+  if (numericValue !== void 0) {
+    return numericValue >= 0 ? numericValue : fallback;
+  }
+  if (typeof value === "string") {
+    const cssValue = value.trim();
+    return cssValue || fallback;
+  }
+  return fallback;
+}
+function toFiniteNumber(value) {
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : void 0;
+  }
+  if (typeof value !== "string" || value.trim() === "") {
+    return void 0;
+  }
+  const numericValue = Number(value);
+  return Number.isFinite(numericValue) ? numericValue : void 0;
+}
+
+// src/components/grid.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+var DEFAULT_COLUMNS = 1;
+var DEFAULT_ROW_GAP = 48;
+var DEFAULT_COLUMN_GAP = 32;
+function Grid({
+  columns,
+  children,
+  className,
+  gap,
+  rowGap,
+  columnGap
+}) {
+  const customClassName = normalizeLayoutClassName(className);
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      className: customClassName ? `grid ${customClassName}` : "grid",
+      style: {
+        display: "grid",
+        gridTemplateColumns: `repeat(${normalizeGridColumns(columns)}, minmax(0,1fr))`,
+        rowGap: normalizeLayoutGap(
+          rowGap,
+          normalizeLayoutGap(gap, DEFAULT_ROW_GAP)
+        ),
+        columnGap: normalizeLayoutGap(
+          columnGap,
+          normalizeLayoutGap(gap, DEFAULT_COLUMN_GAP)
+        )
+      },
+      children
+    }
+  );
+}
+function normalizeGridColumns(value) {
+  const parsedValue = toFiniteNumber2(value);
+  if (parsedValue === void 0 || parsedValue < 1) {
+    return DEFAULT_COLUMNS;
+  }
+  return Math.floor(parsedValue);
+}
+function toFiniteNumber2(value) {
+  if (typeof value === "number") {
+    return Number.isFinite(value) ? value : void 0;
+  }
+  if (typeof value !== "string" || value.trim() === "") {
+    return void 0;
+  }
+  const numericValue = Number(value);
+  return Number.isFinite(numericValue) ? numericValue : void 0;
+}
+
+// src/components/row.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+var DEFAULT_GAP = 16;
+var ALIGN_ITEMS_VALUES = [
+  "flex-start",
+  "center",
+  "flex-end",
+  "stretch",
+  "baseline"
+];
+var JUSTIFY_CONTENT_VALUES = [
+  "flex-start",
+  "center",
+  "flex-end",
+  "space-between",
+  "space-around",
+  "space-evenly"
+];
+var FLEX_WRAP_VALUES = ["nowrap", "wrap", "wrap-reverse"];
+var ALIGN_ITEMS_ALIASES = {
+  start: "flex-start",
+  end: "flex-end"
+};
+var JUSTIFY_CONTENT_ALIASES = {
+  start: "flex-start",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+};
+function Row({
+  children,
+  className,
+  gap,
+  rowGap,
+  columnGap,
+  alignItems,
+  justifyContent,
+  flexWrap
+}) {
+  const customClassName = normalizeLayoutClassName(className);
+  const normalizedGap = normalizeLayoutGap(gap, DEFAULT_GAP);
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      className: customClassName ? `form-row ${customClassName}` : "form-row",
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        rowGap: normalizeLayoutGap(rowGap, normalizedGap),
+        columnGap: normalizeLayoutGap(columnGap, normalizedGap),
+        alignItems: normalizeRowAlignItems(alignItems),
+        justifyContent: normalizeRowJustifyContent(justifyContent),
+        flexWrap: normalizeRowFlexWrap(flexWrap)
+      },
+      children
+    }
+  );
+}
+function normalizeRowAlignItems(value) {
+  return normalizeRowValue(
+    value,
+    ALIGN_ITEMS_VALUES,
+    ALIGN_ITEMS_ALIASES,
+    "flex-start"
+  );
+}
+function normalizeRowJustifyContent(value) {
+  return normalizeRowValue(
+    value,
+    JUSTIFY_CONTENT_VALUES,
+    JUSTIFY_CONTENT_ALIASES,
+    "flex-start"
+  );
+}
+function normalizeRowFlexWrap(value) {
+  if (value === true) {
+    return "wrap";
+  }
+  if (value === false) {
+    return "nowrap";
+  }
+  return normalizeRowValue(value, FLEX_WRAP_VALUES, {}, "wrap");
+}
+function normalizeRowValue(value, values, aliases, fallback) {
+  if (typeof value !== "string") {
+    return fallback;
+  }
+  const normalizedValue = value.trim().toLowerCase();
+  const alias = aliases[normalizedValue];
+  if (alias) {
+    return alias;
+  }
+  return values.includes(normalizedValue) ? normalizedValue : fallback;
+}
+
+// src/components/section.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+function Section({ children, className }) {
+  return /* @__PURE__ */ jsx22("section", { className: normalizeLayoutClassName(className), children: /* @__PURE__ */ jsx22("div", { className: "space-y-8", children }) });
+}
+
+// src/components/div.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+function Div({ children, className }) {
+  return /* @__PURE__ */ jsx23("div", { className: normalizeLayoutClassName(className), children });
+}
+
+// src/components/scroll-area.tsx
+import { ScrollArea } from "bsm-design-system";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var DEFAULT_SCROLL_HIDE_DELAY = 600;
+function ScrollAreaLayout({
+  ariaLabel,
+  children,
+  className,
+  dir,
+  scrollAreaType,
+  scrollHideDelay,
+  viewportClassName
+}) {
+  const normalizedAriaLabel = normalizeScrollAreaAriaLabel(ariaLabel);
+  return /* @__PURE__ */ jsx24(
+    ScrollArea,
+    {
+      className: normalizeLayoutClassName(className),
+      viewportClassName: normalizeLayoutClassName(viewportClassName),
+      type: normalizeScrollAreaType(scrollAreaType),
+      dir: normalizeScrollAreaDirection(dir),
+      scrollHideDelay: normalizeScrollHideDelay(scrollHideDelay),
+      role: normalizedAriaLabel ? "region" : void 0,
+      "aria-label": normalizedAriaLabel,
+      children
+    }
+  );
+}
+function normalizeScrollAreaType(value) {
+  return value === "scroll" || value === "auto" || value === "always" ? value : "hover";
+}
+function normalizeScrollAreaDirection(value) {
+  return value === "ltr" ? "ltr" : "rtl";
+}
+function normalizeScrollHideDelay(value) {
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : DEFAULT_SCROLL_HIDE_DELAY;
+}
+function normalizeScrollAreaAriaLabel(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const ariaLabel = value.trim();
+  return ariaLabel || void 0;
+}
+
+// src/components/badge.tsx
+import { Badge } from "bsm-design-system";
+import { jsx as jsx25 } from "react/jsx-runtime";
+function BadgeLayout({
+  ariaLabel,
+  badgeContent,
+  badgeOffsetX,
+  badgeOffsetY,
+  badgeShow,
+  badgeType,
+  children,
+  className
+}) {
+  const normalizedAriaLabel = normalizeBadgeAriaLabel(ariaLabel);
+  return /* @__PURE__ */ jsx25(
+    Badge,
+    {
+      content: normalizeBadgeContent(badgeContent),
+      show: normalizeBadgeShow(badgeShow),
+      type: normalizeBadgeType(badgeType),
+      offsetX: normalizeBadgeOffset(badgeOffsetX),
+      offsetY: normalizeBadgeOffset(badgeOffsetY),
+      className: normalizeLayoutClassName(className),
+      role: normalizedAriaLabel ? "group" : void 0,
+      "aria-label": normalizedAriaLabel,
+      children
+    }
+  );
+}
+function normalizeBadgeContent(value) {
+  if (typeof value === "string") {
+    const content = value.trim();
+    return content || void 0;
+  }
+  return typeof value === "number" && Number.isFinite(value) ? String(value) : void 0;
+}
+function normalizeBadgeShow(value) {
+  return value !== false;
+}
+function normalizeBadgeType(value) {
+  if (value === "success" || value === "error" || value === "warning") {
+    return value;
+  }
+  return value === "process" || value === "proccess" ? "proccess" : "default";
+}
+function normalizeBadgeOffset(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : 0;
+}
+function normalizeBadgeAriaLabel(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const ariaLabel = value.trim();
+  return ariaLabel || void 0;
+}
+
+// src/components/card.tsx
+import { Card } from "bsm-design-system";
+import { jsx as jsx26 } from "react/jsx-runtime";
+function CardLayout({
+  ariaLabel,
+  children,
+  className
+}) {
+  const normalizedAriaLabel = normalizeCardAriaLabel(ariaLabel);
+  return /* @__PURE__ */ jsx26(
+    Card,
+    {
+      className: normalizeLayoutClassName(className),
+      role: normalizedAriaLabel ? "group" : void 0,
+      "aria-label": normalizedAriaLabel,
+      children
+    }
+  );
+}
+function CardHeaderLayout({
+  cardDivider,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx26(
+    Card.Header,
+    {
+      className: normalizeCardSlotClassName(
+        className,
+        cardDivider,
+        "border-b"
+      ),
+      children
+    }
+  );
+}
+function CardContentLayout({
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx26(Card.Content, { className: normalizeLayoutClassName(className), children });
+}
+function CardFooterLayout({
+  cardDivider,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsx26(
+    Card.Footer,
+    {
+      className: normalizeCardSlotClassName(
+        className,
+        cardDivider,
+        "border-t"
+      ),
+      children
+    }
+  );
+}
+function normalizeCardAriaLabel(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const ariaLabel = value.trim();
+  return ariaLabel || void 0;
+}
+function normalizeCardDivider(value) {
+  return value === true;
+}
+function normalizeCardSlotClassName(value, divider, dividerClassName) {
+  const className = normalizeLayoutClassName(value);
+  return [className, normalizeCardDivider(divider) && dividerClassName].filter(Boolean).join(" ") || void 0;
+}
+
+// src/registry/layout-registry.ts
+var layoutRegistry = {
+  badge: BadgeLayout,
+  card: CardLayout,
+  "card-header": CardHeaderLayout,
+  "card-content": CardContentLayout,
+  "card-footer": CardFooterLayout,
+  div: Div,
+  grid: Grid,
+  row: Row,
+  "scroll-area": ScrollAreaLayout,
+  section: Section
+};
+
+// src/renderer/tabs-renderer.tsx
+import { useEffect as useEffect3, useState as useState3 } from "react";
+import { Tabs } from "bsm-design-system";
+
+// src/renderer/legacy-container-items.ts
+function normalizeLegacyContainerItems(children, fallbackLabel) {
+  const ids = /* @__PURE__ */ new Set();
+  const items = [];
+  children.forEach((node, index) => {
+    if (typeof node.id !== "string" || node.id.trim() === "" || ids.has(node.id)) {
+      return;
+    }
+    ids.add(node.id);
+    const schema = readRecord(node.schema);
+    const props = readRecord(schema?.props);
+    items.push({
+      disabled: node.state.disabled || schema?.disabled === true || props?.disabled === true,
+      id: node.id,
+      node,
+      title: normalizeContainerTitle(
+        schema?.title ?? props?.title,
+        `${fallbackLabel} ${index + 1}`
+      )
+    });
+  });
+  return items;
+}
+function resolveContainerInitialValue(value, fallbackValue, items) {
+  for (const candidate of [value, fallbackValue]) {
+    if (typeof candidate === "string" && items.some((item) => item.id === candidate)) {
+      return candidate;
+    }
+  }
+  return items.find((item) => !item.disabled)?.id ?? items[0]?.id ?? "";
+}
+function resolveContainerInitialValues(value, fallbackValue, items) {
+  for (const candidate of [value, fallbackValue]) {
+    if (Array.isArray(candidate)) {
+      const values = candidate.filter(
+        (item, index) => typeof item === "string" && candidate.indexOf(item) === index && items.some((containerItem) => containerItem.id === item)
+      );
+      if (values.length > 0 || candidate.length === 0) {
+        return values;
+      }
+    }
+  }
+  return [];
+}
+function normalizeContainerTitle(value, fallback) {
+  if (typeof value === "string" && value.trim() !== "") {
+    return value.trim();
+  }
+  return typeof value === "number" && Number.isFinite(value) ? String(value) : fallback;
+}
+function readRecord(value) {
+  return typeof value === "object" && value !== null ? value : void 0;
+}
+
+// src/renderer/tabs-execution.ts
+function executeRendererTabsChange(engine, tabsId, tabId, designMode) {
+  if (designMode) {
+    return;
+  }
+  return engine.changeTabs(tabsId, tabId);
+}
+
+// src/renderer/tabs-renderer.tsx
+import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
+function TabsRenderer({ node }) {
+  if (node.schema.kind !== "layout" || node.schema.type !== "tabs") {
+    return null;
+  }
+  return /* @__PURE__ */ jsx27(TabsLayout, { node });
+}
+function TabsLayout({ node }) {
+  const engine = useOptionalFormContext();
+  const { designMode } = useConfigContext();
+  const props = node.schema.props;
+  const items = normalizeLegacyContainerItems(node.children, "Tab");
+  const initialValue = resolveContainerInitialValue(
+    props?.value,
+    props?.defaultValue,
+    items
+  );
+  const engineActiveTabId = engine?.getTabsState(node.id)?.activeTabId;
+  const [selectedValue, setSelectedValue] = useState3(
+    engineActiveTabId ?? initialValue
+  );
+  useEffect3(() => {
+    if (designMode === true || !engine) {
+      setSelectedValue(initialValue);
+    }
+  }, [designMode, engine, initialValue]);
+  useEffect3(() => {
+    if (designMode === true || !engine || !engineActiveTabId) {
+      return;
+    }
+    setSelectedValue(engineActiveTabId);
+  }, [designMode, engine, engineActiveTabId]);
+  const activeValue = items.some((item) => item.id === selectedValue) ? selectedValue : engineActiveTabId && items.some((item) => item.id === engineActiveTabId) ? engineActiveTabId : initialValue;
+  return /* @__PURE__ */ jsxs9(
+    Tabs,
+    {
+      id: node.id,
+      className: normalizeClassName3(props?.className),
+      value: activeValue,
+      onChange: (nextValue) => {
+        setSelectedValue(nextValue);
+        if (designMode === true || !engine) {
+          return;
+        }
+        void executeRendererTabsChange(engine, node.id, nextValue, false);
+      },
+      variant: normalizeTabsVariant(props?.variant),
+      size: normalizeTabsSize(props?.size),
+      fullWidth: props?.fullWidth === true,
+      dir: normalizeDirection(props?.dir),
+      activationMode: normalizeActivationMode(props?.activationMode),
+      "aria-label": normalizeAriaLabel(props?.["aria-label"]),
+      children: [
+        /* @__PURE__ */ jsx27(
+          Tabs.List,
+          {
+            loop: props?.loop !== false,
+            className: joinClassNames2(
+              props?.fullWidth === true ? "w-full" : void 0,
+              designMode === true ? "pointer-events-auto" : void 0
+            ),
+            children: items.map((item) => /* @__PURE__ */ jsx27(
+              Tabs.Trigger,
+              {
+                value: item.id,
+                disabled: item.disabled,
+                className: props?.fullWidth === true ? "flex-1" : void 0,
+                children: item.title
+              },
+              item.id
+            ))
+          }
+        ),
+        items.map((item) => /* @__PURE__ */ jsx27(Tabs.Content, { value: item.id, children: item.node.children.map((child) => /* @__PURE__ */ jsx27(NodeRenderer, { node: child }, child.id)) }, item.id))
+      ]
+    }
+  );
+}
+function normalizeTabsVariant(value) {
+  return value === "filled" ? "filled" : "underline";
+}
+function normalizeTabsSize(value) {
+  return value === "sm" || value === "lg" ? value : "md";
+}
+function normalizeDirection(value) {
+  return value === "ltr" ? "ltr" : "rtl";
+}
+function normalizeActivationMode(value) {
+  return value === "manual" || value === "automatic" ? value : void 0;
+}
+function normalizeClassName3(value) {
+  return typeof value === "string" ? value : "";
+}
+function joinClassNames2(...parts) {
+  return parts.filter(Boolean).join(" ") || void 0;
+}
+function normalizeAriaLabel(value) {
+  return typeof value === "string" && value.trim() ? value : void 0;
+}
+
+// src/renderer/accordion-renderer.tsx
+import { Accordion } from "bsm-design-system";
+
+// src/renderer/accordion-execution.ts
+function executeRendererAccordionChange(engine, accordionId, nextValue, designMode) {
+  if (designMode) {
+    return;
+  }
+  return engine.changeAccordion(accordionId, nextValue);
+}
+
+// src/renderer/accordion-renderer.tsx
+import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
+function AccordionRenderer({ node }) {
+  if (node.schema.kind !== "layout" || node.schema.type !== "accordion") {
+    return null;
+  }
+  const engine = useOptionalFormContext();
+  const { designMode } = useConfigContext();
+  const props = node.schema.props;
+  const items = normalizeLegacyContainerItems(node.children, "Section");
+  const engineState = engine?.getAccordionState(node.id);
+  const sharedProps = {
+    id: node.id,
+    className: typeof props?.className === "string" ? props.className : "",
+    separate: props?.separate !== false,
+    variant: normalizeAccordionVariant(props?.variant),
+    iconPosition: normalizeAccordionIconPosition(props?.iconPosition),
+    dir: props?.dir === "ltr" || props?.dir === "rtl" ? props.dir : void 0,
+    "aria-label": typeof props?.["aria-label"] === "string" && props["aria-label"].trim() ? props["aria-label"] : void 0
+  };
+  const canDriveEngine = engine !== void 0 && engine !== null && designMode !== true;
+  const commitAccordionChange = (nextValue) => {
+    if (!engine || designMode === true) {
+      return;
+    }
+    void executeRendererAccordionChange(engine, node.id, nextValue, false);
+  };
+  if (props?.type === "multiple") {
+    const defaultValue2 = resolveContainerInitialValues(
+      props.value,
+      props.defaultValue,
+      items
+    );
+    const value2 = engineState?.openItemIds ?? defaultValue2;
+    return /* @__PURE__ */ jsx28(
+      Accordion,
+      {
+        ...sharedProps,
+        type: "multiple",
+        ...canDriveEngine ? {
+          value: value2,
+          onChange: commitAccordionChange
+        } : { defaultValue: defaultValue2 },
+        children: /* @__PURE__ */ jsx28(AccordionItems, { items, designMode: designMode === true })
+      }
+    );
+  }
+  const defaultValue = resolveOptionalContainerInitialValue(
+    props?.value,
+    props?.defaultValue,
+    items
+  );
+  const value = engineState !== void 0 ? engineState.openItemIds[0] : defaultValue;
+  return /* @__PURE__ */ jsx28(
+    Accordion,
+    {
+      ...sharedProps,
+      type: "single",
+      collapsible: props?.collapsible !== false,
+      ...canDriveEngine ? {
+        value,
+        onChange: commitAccordionChange
+      } : { defaultValue },
+      children: /* @__PURE__ */ jsx28(AccordionItems, { items, designMode: designMode === true })
+    }
+  );
+}
+function normalizeAccordionVariant(value) {
+  return value === "ghost" ? "ghost" : "default";
+}
+function normalizeAccordionIconPosition(value) {
+  return value === "start" ? "start" : "end";
+}
+function AccordionItems({
+  items,
+  designMode
+}) {
+  const engine = useOptionalFormContext();
+  const repeatItem = useRepeatItem();
+  return items.map((item) => {
+    const resolvedTitle = engine?.getAccordionItemTitle(
+      item.id,
+      repeatItem !== void 0 ? { item: repeatItem } : void 0
+    ) ?? "";
+    const titleFrom = item.node.schema.kind === "layout" && item.node.schema.type === "accordion-item" && typeof item.node.schema.props?.titleFrom === "string" ? item.node.schema.props.titleFrom : void 0;
+    const title = resolvedTitle.trim() !== "" ? resolvedTitle : designMode === true && titleFrom ? titleFrom : item.title;
+    return /* @__PURE__ */ jsxs10(
+      Accordion.Item,
+      {
+        value: item.id,
+        disabled: item.disabled,
+        children: [
+          /* @__PURE__ */ jsx28(
+            Accordion.Trigger,
+            {
+              className: designMode ? "pointer-events-auto" : void 0,
+              children: title
+            }
+          ),
+          /* @__PURE__ */ jsx28(Accordion.Content, { children: item.node.children.map((child) => /* @__PURE__ */ jsx28(NodeRenderer, { node: child }, child.id)) })
+        ]
+      },
+      item.id
+    );
+  });
+}
+function resolveOptionalContainerInitialValue(value, fallbackValue, items) {
+  for (const candidate of [value, fallbackValue]) {
+    if (candidate === "") {
+      return void 0;
+    }
+    if (typeof candidate === "string" && items.some((item) => item.id === candidate)) {
+      return candidate;
+    }
+  }
+  return void 0;
+}
+
+// src/renderer/stepper-renderer.tsx
+import { Stepper } from "bsm-design-system";
+import { useEffect as useEffect4, useState as useState4 } from "react";
+
+// src/renderer/step-renderer.tsx
+import { jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
+var DEFAULT_STEP_ACTIONS_CLASSNAME = "flex flex-wrap items-center gap-2";
+function StepRenderer({ node }) {
+  const show = useDesignVisible(node.state.visible);
+  if (node.schema.kind !== "layout" || node.schema.type !== "step" || !show) {
+    return null;
+  }
+  const contentChildren = [];
+  const actionChildren = [];
+  for (const child of node.children) {
+    if (child.schema.kind === "action") {
+      actionChildren.push(child);
+    } else {
+      contentChildren.push(child);
+    }
+  }
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      id: `${node.id}-content`,
+      role: "group",
+      "aria-label": normalizeStepLabel(node.schema.props.label),
+      className: normalizeClassName4(node.schema.props.className),
+      "data-step-id": node.id,
+      children: [
+        contentChildren.map((child) => /* @__PURE__ */ jsx29(NodeRenderer, { node: child }, child.id)),
+        actionChildren.length > 0 ? /* @__PURE__ */ jsx29(
+          "div",
+          {
+            className: joinClassNames3(
+              DEFAULT_STEP_ACTIONS_CLASSNAME,
+              normalizeClassName4(node.schema.props.actionsClassName)
+            ),
+            "data-step-actions": "",
+            children: actionChildren.map((child) => /* @__PURE__ */ jsx29(NodeRenderer, { node: child }, child.id))
+          }
+        ) : null
+      ]
+    }
+  );
+}
+function normalizeStepLabel(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function normalizeClassName4(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function joinClassNames3(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/renderer/stepper-execution.ts
+function executeRendererStepperNavigation(engine, stepperId, stepId, designMode) {
+  if (designMode) {
+    return;
+  }
+  return engine.goToStep(stepperId, stepId);
+}
+
+// src/renderer/stepper-renderer.tsx
+import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+function StepperRenderer({ node }) {
+  if (node.schema.kind !== "layout" || node.schema.type !== "stepper") {
+    return null;
+  }
+  const engine = useFormContext();
+  const { designMode } = useConfigContext();
+  const props = node.schema.props;
+  const state = engine.getStepperState(node.id);
+  const visibleSteps = node.children.filter(
+    (child) => child.schema.kind === "layout" && child.schema.type === "step" && (designMode === true || child.state.visible)
+  );
+  const items = visibleSteps.map((step, index) => ({
+    id: index + 1,
+    label: normalizeStepLabel(step.schema.props?.label),
+    caption: normalizeOptionalText(step.schema.props?.caption),
+    disabled: step.state.disabled || step.schema.props?.disabled === true,
+    step
+  }));
+  const engineActiveStepId = state?.activeStepId;
+  const [designActiveStepId, setDesignActiveStepId] = useState4(
+    engineActiveStepId
+  );
+  useEffect4(() => {
+    if (designMode === true) {
+      setDesignActiveStepId(engineActiveStepId);
+    }
+  }, [designMode, engineActiveStepId]);
+  const activeStepId = designMode === true ? designActiveStepId : engineActiveStepId;
+  const activeItem = items.find((item) => item.step.id === activeStepId);
+  const isReady = engine.getState().initializationStatus === "ready";
+  return /* @__PURE__ */ jsxs12(
+    "section",
+    {
+      id: node.id,
+      "aria-label": normalizeAriaLabel2(props?.ariaLabel),
+      children: [
+        /* @__PURE__ */ jsx30("div", { className: designMode === true ? "pointer-events-auto" : void 0, children: /* @__PURE__ */ jsx30(
+          Stepper,
+          {
+            steps: items.map(({ step: _step, ...item }) => item),
+            activeStep: activeItem?.id ?? 0,
+            onChange: (numericId) => {
+              const target = items.find((item) => item.id === numericId);
+              if (!target) return;
+              if (designMode === true) {
+                setDesignActiveStepId(target.step.id);
+                return;
+              }
+              executeRendererStepperNavigation(
+                engine,
+                node.id,
+                target.step.id,
+                false
+              );
+            },
+            orientation: normalizeStepperOrientation(props?.orientation),
+            className: normalizeClassName5(props?.className),
+            clickable: designMode === true || props?.clickable === true && isReady,
+            dotStyle: props?.dotStyle === true,
+            connector: normalizeStepperConnector(props?.connector)
+          }
+        ) }),
+        activeItem ? /* @__PURE__ */ jsx30("div", { className: normalizeClassName5(props?.contentClassName), children: /* @__PURE__ */ jsx30(NodeRenderer, { node: activeItem.step }) }) : null
+      ]
+    }
+  );
+}
+function normalizeStepperOrientation(value) {
+  return value === "vertical" ? "vertical" : "horizontal";
+}
+function normalizeStepperConnector(value) {
+  return value === "dashed" ? "dashed" : "solid";
+}
+function normalizeOptionalText(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : void 0;
+}
+function normalizeClassName5(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function normalizeAriaLabel2(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : "Form steps";
+}
+
+// src/renderer/dialog-renderer.tsx
+import { Dialog } from "bsm-design-system";
+
+// src/renderer/dialog-execution.ts
+function executeRendererDialogChange(engine, dialogId, open, designMode) {
+  if (designMode) {
+    return;
+  }
+  return open ? engine.openDialog(dialogId) : engine.closeDialog(dialogId);
+}
+
+// src/renderer/dialog-renderer.tsx
+import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+function DialogRenderer({ node }) {
+  if (node.schema.kind !== "layout" || node.schema.type !== "dialog") {
+    return null;
+  }
+  const engine = useFormContext();
+  const { designMode } = useConfigContext();
+  if (designMode === true) {
+    return /* @__PURE__ */ jsxs13(
+      "div",
+      {
+        className: "space-y-2 rounded border border-dashed border-gray-300 p-2",
+        "data-design-overlay": "dialog",
+        children: [
+          /* @__PURE__ */ jsx31("div", { className: "text-[10px] font-medium uppercase tracking-wide text-gray-500", children: "Dialog" }),
+          node.children.map((child) => /* @__PURE__ */ jsx31(NodeRenderer, { node: child }, child.id))
+        ]
+      }
+    );
+  }
+  const state = engine.getDialogState(node.id);
+  return /* @__PURE__ */ jsx31(
+    Dialog,
+    {
+      open: state?.open === true,
+      onClose: (open) => {
+        void executeRendererDialogChange(
+          engine,
+          node.id,
+          open,
+          false
+        );
+      },
+      size: normalizeDialogSize(node.schema.props?.size),
+      disableCloseOutside: node.schema.props?.disableCloseOutside === true,
+      children: node.children.map((child) => /* @__PURE__ */ jsx31(NodeRenderer, { node: child }, child.id))
+    }
+  );
+}
+function normalizeDialogSize(value) {
+  return value === "sm" || value === "lg" || value === "xl" || value === "full" ? value : "md";
+}
+
+// src/renderer/dialog-slot-renderer.tsx
+import { Dialog as Dialog2 } from "bsm-design-system";
+import { jsx as jsx32, jsxs as jsxs14 } from "react/jsx-runtime";
+function DialogSlotRenderer({ node }) {
+  const show = useDesignVisible(node.state.visible);
+  const { designMode } = useConfigContext();
+  if (node.schema.kind !== "layout" || !show) {
+    return null;
+  }
+  const children = node.children.map((child) => /* @__PURE__ */ jsx32(NodeRenderer, { node: child }, child.id));
+  if (designMode === true) {
+    return renderDesignModeSlot(node, children);
+  }
+  switch (node.schema.type) {
+    case "dialog-header":
+      return /* @__PURE__ */ jsx32(
+        Dialog2.Header,
+        {
+          title: normalizeDialogTitle(node.schema.props.title),
+          hideClose: node.schema.props.hideClose === true,
+          children
+        }
+      );
+    case "dialog-body":
+      return /* @__PURE__ */ jsx32(
+        "div",
+        {
+          "data-slot": "dialog-body",
+          className: normalizeClassName6(node.schema.props?.className),
+          children
+        }
+      );
+    case "dialog-footer":
+      return /* @__PURE__ */ jsx32(
+        Dialog2.Footer,
+        {
+          className: normalizeClassName6(node.schema.props?.className),
+          children
+        }
+      );
+    default:
+      return null;
+  }
+}
+function renderDesignModeSlot(node, children) {
+  const schema = node.schema;
+  if (schema.kind !== "layout") return null;
+  switch (schema.type) {
+    case "dialog-header": {
+      const title = normalizeDialogTitle(schema.props.title) || "Dialog header";
+      return /* @__PURE__ */ jsxs14(
+        "div",
+        {
+          "data-slot": "dialog-header",
+          className: "rounded border border-dashed border-gray-200 p-2",
+          children: [
+            /* @__PURE__ */ jsx32("div", { className: "mb-1 text-[10px] font-medium uppercase tracking-wide text-gray-500", children: "Header" }),
+            /* @__PURE__ */ jsx32("div", { className: "text-sm font-medium text-gray-800", children: title }),
+            children
+          ]
+        }
+      );
+    }
+    case "dialog-body":
+      return /* @__PURE__ */ jsxs14(
+        "div",
+        {
+          "data-slot": "dialog-body",
+          className: joinClassNames4(
+            "min-h-16 rounded border border-dashed border-gray-200 p-2",
+            normalizeClassName6(schema.props?.className)
+          ),
+          children: [
+            /* @__PURE__ */ jsx32("div", { className: "mb-1 text-[10px] font-medium uppercase tracking-wide text-gray-500", children: "Body" }),
+            children
+          ]
+        }
+      );
+    case "dialog-footer":
+      return /* @__PURE__ */ jsxs14(
+        "div",
+        {
+          "data-slot": "dialog-footer",
+          className: joinClassNames4(
+            "min-h-12 rounded border border-dashed border-gray-200 p-2",
+            normalizeClassName6(schema.props?.className)
+          ),
+          children: [
+            /* @__PURE__ */ jsx32("div", { className: "mb-1 text-[10px] font-medium uppercase tracking-wide text-gray-500", children: "Footer" }),
+            children
+          ]
+        }
+      );
+    default:
+      return null;
+  }
+}
+function normalizeDialogTitle(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function normalizeClassName6(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function joinClassNames4(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/renderer/drawer-renderer.tsx
+import { Drawer } from "bsm-design-system";
+
+// src/renderer/drawer-execution.ts
+function executeRendererDrawerChange(engine, drawerId, open, designMode) {
+  if (designMode) {
+    return;
+  }
+  return open ? engine.openDrawer(drawerId) : engine.closeDrawer(drawerId);
+}
+
+// src/renderer/drawer-renderer.tsx
+import { jsx as jsx33, jsxs as jsxs15 } from "react/jsx-runtime";
+function DrawerRenderer({ node }) {
+  if (node.schema.kind !== "layout" || node.schema.type !== "drawer") {
+    return null;
+  }
+  const engine = useFormContext();
+  const { designMode } = useConfigContext();
+  if (designMode === true) {
+    const side = normalizeDrawerSide(node.schema.props?.side);
+    return /* @__PURE__ */ jsxs15(
+      "div",
+      {
+        className: "space-y-2 rounded border border-dashed border-gray-300 p-2",
+        "data-design-overlay": "drawer",
+        "data-side": side,
+        children: [
+          /* @__PURE__ */ jsxs15("div", { className: "text-[10px] font-medium uppercase tracking-wide text-gray-500", children: [
+            "Drawer (",
+            side,
+            ")"
+          ] }),
+          node.children.map((child) => /* @__PURE__ */ jsx33(NodeRenderer, { node: child }, child.id))
+        ]
+      }
+    );
+  }
+  const state = engine.getDrawerState(node.id);
+  return /* @__PURE__ */ jsx33(
+    Drawer,
+    {
+      open: state?.open === true,
+      onClose: (open) => {
+        void executeRendererDrawerChange(
+          engine,
+          node.id,
+          open,
+          false
+        );
+      },
+      side: normalizeDrawerSide(node.schema.props?.side),
+      disableCloseOutside: node.schema.props?.disableCloseOutside === true,
+      children: node.children.map((child) => /* @__PURE__ */ jsx33(NodeRenderer, { node: child }, child.id))
+    }
+  );
+}
+function normalizeDrawerSide(value) {
+  return value === "top" || value === "right" || value === "bottom" ? value : "left";
+}
+
+// src/renderer/drawer-slot-renderer.tsx
+import { Drawer as Drawer2 } from "bsm-design-system";
+import { jsx as jsx34, jsxs as jsxs16 } from "react/jsx-runtime";
+function DrawerSlotRenderer({ node }) {
+  const show = useDesignVisible(node.state.visible);
+  const { designMode } = useConfigContext();
+  if (node.schema.kind !== "layout" || !show) {
+    return null;
+  }
+  const children = node.children.map((child) => /* @__PURE__ */ jsx34(NodeRenderer, { node: child }, child.id));
+  if (designMode === true) {
+    return renderDesignModeSlot2(node, children);
+  }
+  switch (node.schema.type) {
+    case "drawer-header":
+      return /* @__PURE__ */ jsx34(
+        Drawer2.Header,
+        {
+          title: normalizeDrawerTitle(node.schema.props.title),
+          hideClose: node.schema.props.hideClose === true,
+          children
+        }
+      );
+    case "drawer-body":
+      return /* @__PURE__ */ jsx34(
+        "div",
+        {
+          "data-slot": "drawer-body",
+          className: normalizeClassName7(node.schema.props?.className),
+          children
+        }
+      );
+    case "drawer-footer":
+      return /* @__PURE__ */ jsx34(
+        Drawer2.Footer,
+        {
+          className: normalizeClassName7(node.schema.props?.className),
+          children
+        }
+      );
+    default:
+      return null;
+  }
+}
+function renderDesignModeSlot2(node, children) {
+  const schema = node.schema;
+  if (schema.kind !== "layout") return null;
+  switch (schema.type) {
+    case "drawer-header": {
+      const title = normalizeDrawerTitle(schema.props.title) || "Drawer header";
+      return /* @__PURE__ */ jsxs16(
+        "div",
+        {
+          "data-slot": "drawer-header",
+          className: "rounded border border-dashed border-gray-200 p-2",
+          children: [
+            /* @__PURE__ */ jsx34("div", { className: "mb-1 text-[10px] font-medium uppercase tracking-wide text-gray-500", children: "Header" }),
+            /* @__PURE__ */ jsx34("div", { className: "text-sm font-medium text-gray-800", children: title }),
+            children
+          ]
+        }
+      );
+    }
+    case "drawer-body":
+      return /* @__PURE__ */ jsxs16(
+        "div",
+        {
+          "data-slot": "drawer-body",
+          className: joinClassNames5(
+            "min-h-16 rounded border border-dashed border-gray-200 p-2",
+            normalizeClassName7(schema.props?.className)
+          ),
+          children: [
+            /* @__PURE__ */ jsx34("div", { className: "mb-1 text-[10px] font-medium uppercase tracking-wide text-gray-500", children: "Body" }),
+            children
+          ]
+        }
+      );
+    case "drawer-footer":
+      return /* @__PURE__ */ jsxs16(
+        "div",
+        {
+          "data-slot": "drawer-footer",
+          className: joinClassNames5(
+            "min-h-12 rounded border border-dashed border-gray-200 p-2",
+            normalizeClassName7(schema.props?.className)
+          ),
+          children: [
+            /* @__PURE__ */ jsx34("div", { className: "mb-1 text-[10px] font-medium uppercase tracking-wide text-gray-500", children: "Footer" }),
+            children
+          ]
+        }
+      );
+    default:
+      return null;
+  }
+}
+function normalizeDrawerTitle(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function normalizeClassName7(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function joinClassNames5(...parts) {
+  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
+}
+
+// src/components/tooltip.tsx
+import { Tooltip } from "bsm-design-system";
+import { jsx as jsx35, jsxs as jsxs17 } from "react/jsx-runtime";
+function TooltipLayout({
+  children,
+  content,
+  side,
+  sideOffset,
+  delayDuration,
+  defaultOpen,
+  className
+}) {
+  return /* @__PURE__ */ jsxs17(
+    Tooltip,
+    {
+      delayDuration: normalizeTooltipDelayDuration(delayDuration),
+      defaultOpen: normalizeTooltipDefaultOpen(defaultOpen),
+      children: [
+        /* @__PURE__ */ jsx35(Tooltip.Trigger, { children }),
+        /* @__PURE__ */ jsx35(
+          Tooltip.Content,
+          {
+            side: normalizeTooltipSide(side),
+            sideOffset: normalizeTooltipSideOffset(sideOffset),
+            className: normalizeTooltipClassName(className),
+            children: normalizeTooltipContent(content)
+          }
+        )
+      ]
+    }
+  );
+}
+function normalizeTooltipContent(value) {
+  if (typeof value !== "string") {
+    return "";
+  }
+  return value.trim();
+}
+function normalizeTooltipSide(value) {
+  return value === "right" || value === "bottom" || value === "left" ? value : "top";
+}
+function normalizeTooltipSideOffset(value) {
+  return normalizeNonNegativeNumber(value, 0);
+}
+function normalizeTooltipDelayDuration(value) {
+  return normalizeNonNegativeNumber(value, 0);
+}
+function normalizeTooltipDefaultOpen(value) {
+  return value === true;
+}
+function normalizeTooltipClassName(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const className = value.trim();
+  return className || void 0;
+}
+function normalizeNonNegativeNumber(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
+}
+
+// src/components/trigger-bridge.tsx
+import {
+  forwardRef,
+  useCallback,
+  useEffect as useEffect5,
+  useState as useState5
+} from "react";
+import { jsx as jsx36 } from "react/jsx-runtime";
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "button:not([disabled])",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[contenteditable="true"]',
+  '[tabindex]:not([tabindex="-1"])'
+].join(",");
+var MIRRORED_ATTRIBUTES = [
+  "aria-controls",
+  "aria-expanded",
+  "aria-haspopup",
+  "aria-label"
+];
+var TriggerBridge = forwardRef(function TriggerBridge2({
+  activateWhenNonInteractive = false,
+  children,
+  className,
+  disabled = false,
+  onClickCapture,
+  onKeyDown,
+  onKeyDownCapture,
+  onPointerDownCapture,
+  tabIndex,
+  ...props
+}, forwardedRef) {
+  const [element, setElement] = useState5(null);
+  const [hasFocusableDescendant, setHasFocusableDescendant] = useState5(true);
+  const assignRef = useCallback(
+    (node) => {
+      setElement(node);
+      setForwardedRef(forwardedRef, node);
+    },
+    [forwardedRef]
+  );
+  useEffect5(() => {
+    if (!element) {
+      return;
+    }
+    let describedElement = null;
+    let addedDescriptionIds = [];
+    let attributeMirrors = [];
+    const clearMirroredAttributes = () => {
+      if (describedElement && addedDescriptionIds.length > 0) {
+        const remainingIds = readDescriptionIds(describedElement).filter(
+          (id) => !addedDescriptionIds.includes(id)
+        );
+        writeDescriptionIds(describedElement, remainingIds);
+      }
+      for (const mirror of attributeMirrors) {
+        if (mirror.target.getAttribute(mirror.attribute) !== mirror.appliedValue) {
+          continue;
+        }
+        if (mirror.previousValue === null) {
+          mirror.target.removeAttribute(mirror.attribute);
+        } else {
+          mirror.target.setAttribute(
+            mirror.attribute,
+            mirror.previousValue
+          );
+        }
+      }
+      describedElement = null;
+      addedDescriptionIds = [];
+      attributeMirrors = [];
+    };
+    const synchronize = () => {
+      clearMirroredAttributes();
+      const focusableElement = element.querySelector(FOCUSABLE_SELECTOR);
+      setHasFocusableDescendant(Boolean(focusableElement));
+      if (!focusableElement) {
+        return;
+      }
+      const descriptionIds = readDescriptionIds(element);
+      if (descriptionIds.length > 0) {
+        const existingIds = readDescriptionIds(focusableElement);
+        addedDescriptionIds = descriptionIds.filter(
+          (id) => !existingIds.includes(id)
+        );
+        describedElement = focusableElement;
+        writeDescriptionIds(focusableElement, [
+          ...existingIds,
+          ...addedDescriptionIds
+        ]);
+      }
+      for (const attribute of MIRRORED_ATTRIBUTES) {
+        const value = element.getAttribute(attribute);
+        if (value === null) {
+          continue;
+        }
+        attributeMirrors.push({
+          attribute,
+          target: focusableElement,
+          previousValue: focusableElement.getAttribute(attribute),
+          appliedValue: value
+        });
+        focusableElement.setAttribute(attribute, value);
+      }
+    };
+    synchronize();
+    if (typeof MutationObserver === "undefined") {
+      return clearMirroredAttributes;
+    }
+    const rootObserver = new MutationObserver(synchronize);
+    rootObserver.observe(element, {
+      attributes: true,
+      attributeFilter: ["aria-describedby", ...MIRRORED_ATTRIBUTES]
+    });
+    const descendantsObserver = new MutationObserver(synchronize);
+    descendantsObserver.observe(element, {
+      childList: true,
+      subtree: true,
+      attributes: true,
+      attributeFilter: [
+        "contenteditable",
+        "disabled",
+        "href",
+        "tabindex",
+        "type"
+      ]
+    });
+    return () => {
+      rootObserver.disconnect();
+      descendantsObserver.disconnect();
+      clearMirroredAttributes();
+    };
+  }, [element]);
+  const handleKeyDown = (event) => {
+    onKeyDown?.(event);
+    if (activateWhenNonInteractive && !hasFocusableDescendant && !event.defaultPrevented && event.currentTarget === event.target && (event.key === "Enter" || event.key === " ")) {
+      event.preventDefault();
+      event.currentTarget.click();
+    }
+  };
+  const handleDisabledInteraction = (event) => {
+    if (!disabled) {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+  };
+  return /* @__PURE__ */ jsx36(
+    "span",
+    {
+      ...props,
+      ref: assignRef,
+      "aria-disabled": disabled || void 0,
+      className: ["inline-flex max-w-full", className].filter(Boolean).join(" "),
+      inert: disabled ? true : void 0,
+      onClickCapture: (event) => {
+        onClickCapture?.(event);
+        handleDisabledInteraction(event);
+      },
+      onKeyDown: handleKeyDown,
+      onKeyDownCapture: (event) => {
+        onKeyDownCapture?.(event);
+        handleDisabledInteraction(event);
+      },
+      onPointerDownCapture: (event) => {
+        onPointerDownCapture?.(event);
+        handleDisabledInteraction(event);
+      },
+      tabIndex: disabled ? -1 : tabIndex ?? (hasFocusableDescendant ? void 0 : 0),
+      children
+    }
+  );
+});
+function readDescriptionIds(element) {
+  return (element.getAttribute("aria-describedby") ?? "").split(/\s+/).filter(Boolean);
+}
+function writeDescriptionIds(element, ids) {
+  if (ids.length === 0) {
+    element.removeAttribute("aria-describedby");
+    return;
+  }
+  element.setAttribute("aria-describedby", ids.join(" "));
+}
+function setForwardedRef(ref, value) {
+  if (typeof ref === "function") {
+    ref(value);
+    return;
+  }
+  if (ref) {
+    ref.current = value;
+  }
+}
+
+// src/renderer/tooltip-renderer.tsx
+import { jsx as jsx37 } from "react/jsx-runtime";
+function TooltipRenderer({ node }) {
+  const schema = node.schema;
+  const { designMode } = useConfigContext();
+  if (schema.kind !== "layout" || schema.type !== "tooltip") {
+    return null;
+  }
+  const child = node.children[0];
+  if (!child) {
+    return null;
+  }
+  if (designMode === true) {
+    return /* @__PURE__ */ jsx37(NodeRenderer, { node: child });
+  }
+  return /* @__PURE__ */ jsx37(
+    TooltipLayout,
+    {
+      content: schema.props.content,
+      side: schema.props.side,
+      sideOffset: schema.props.sideOffset,
+      delayDuration: schema.props.delayDuration,
+      defaultOpen: schema.props.defaultOpen,
+      className: schema.props.className,
+      children: /* @__PURE__ */ jsx37(TriggerBridge, { children: /* @__PURE__ */ jsx37(NodeRenderer, { node: child }) })
+    }
+  );
+}
+
+// src/renderer/popover-renderer.tsx
+import { Popover } from "bsm-design-system";
+import { jsx as jsx38 } from "react/jsx-runtime";
+function PopoverRenderer({ node }) {
+  if (node.schema.kind !== "layout" || node.schema.type !== "popover") {
+    return null;
+  }
+  const { designMode } = useConfigContext();
+  if (designMode === true) {
+    return /* @__PURE__ */ jsx38("div", { className: "space-y-3 rounded border border-dashed border-gray-300 p-2", children: node.children.map((child) => /* @__PURE__ */ jsx38(NodeRenderer, { node: child }, child.id)) });
+  }
+  const rootProps = buildPopoverRootProps(node.schema.props);
+  return /* @__PURE__ */ jsx38(Popover, { ...rootProps, children: node.children.map((child) => /* @__PURE__ */ jsx38(NodeRenderer, { node: child }, child.id)) });
+}
+function buildPopoverRootProps(props) {
+  const record = typeof props === "object" && props !== null ? props : void 0;
+  return {
+    defaultOpen: normalizePopoverDefaultOpen(record?.defaultOpen),
+    modal: normalizePopoverModal(record?.modal)
+  };
+}
+function normalizePopoverDefaultOpen(value) {
+  return value === true;
+}
+function normalizePopoverModal(value) {
+  return value === true;
+}
+
+// src/renderer/popover-slot-renderer.tsx
+import { Popover as Popover2 } from "bsm-design-system";
+import { jsx as jsx39 } from "react/jsx-runtime";
+function PopoverSlotRenderer({ node }) {
+  if (node.schema.kind !== "layout" || !node.state.visible) {
+    return null;
+  }
+  const { designMode } = useConfigContext();
+  if (node.schema.type === "popover-trigger") {
+    const child = node.children[0];
+    if (!child) {
+      return null;
+    }
+    if (designMode === true) {
+      return /* @__PURE__ */ jsx39(
+        "div",
+        {
+          "data-slot": "popover-trigger",
+          className: normalizePopoverClassName(node.schema.props?.className),
+          "aria-label": normalizePopoverAriaLabel(node.schema.props?.ariaLabel),
+          children: /* @__PURE__ */ jsx39(NodeRenderer, { node: child })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx39(Popover2.Trigger, { children: /* @__PURE__ */ jsx39(
+      TriggerBridge,
+      {
+        activateWhenNonInteractive: true,
+        className: normalizePopoverClassName(
+          node.schema.props?.className
+        ),
+        "aria-label": normalizePopoverAriaLabel(
+          node.schema.props?.ariaLabel
+        ),
+        children: /* @__PURE__ */ jsx39(NodeRenderer, { node: child })
+      }
+    ) });
+  }
+  if (node.schema.type === "popover-content") {
+    const contentProps = buildPopoverContentProps(node.schema.props);
+    const children = node.children.map((child) => /* @__PURE__ */ jsx39(NodeRenderer, { node: child }, child.id));
+    if (designMode === true) {
+      return /* @__PURE__ */ jsx39(
+        "div",
+        {
+          "data-slot": "popover-content",
+          className: joinClassNames6(
+            "min-h-12 rounded border border-dashed border-gray-200 p-2",
+            contentProps.className
+          ),
+          "aria-label": contentProps["aria-label"],
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx39(Popover2.Content, { ...contentProps, children });
+  }
+  return null;
+}
+function buildPopoverContentProps(props) {
+  const record = typeof props === "object" && props !== null ? props : void 0;
+  return {
+    align: normalizePopoverAlign(record?.align),
+    side: normalizePopoverSide(record?.side),
+    sideOffset: normalizePopoverSideOffset(record?.sideOffset),
+    alignOffset: normalizePopoverAlignOffset(record?.alignOffset),
+    className: normalizePopoverClassName(record?.className),
+    "aria-label": normalizePopoverAriaLabel(record?.ariaLabel)
+  };
+}
+function normalizePopoverAlign(value) {
+  return value === "start" || value === "end" ? value : "center";
+}
+function normalizePopoverSide(value) {
+  return value === "top" || value === "right" || value === "left" ? value : "bottom";
+}
+function normalizePopoverSideOffset(value) {
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : 4;
+}
+function normalizePopoverAlignOffset(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : 0;
+}
+function normalizePopoverClassName(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const className = value.trim();
+  return className || void 0;
+}
+function normalizePopoverAriaLabel(value) {
+  if (typeof value !== "string") {
+    return void 0;
+  }
+  const ariaLabel = value.trim();
+  return ariaLabel || void 0;
+}
+function joinClassNames6(...parts) {
+  return parts.filter(Boolean).join(" ") || void 0;
+}
+
+// src/renderer/dropdown-menu-renderer.tsx
+import { DropdownMenu } from "bsm-design-system";
+import { jsx as jsx40 } from "react/jsx-runtime";
+function DropdownMenuRenderer({ node }) {
+  if (node.schema.kind !== "layout" || node.schema.type !== "dropdown-menu") {
+    return null;
+  }
+  const { designMode } = useConfigContext();
+  if (designMode === true) {
+    return /* @__PURE__ */ jsx40("div", { className: "space-y-3 rounded border border-dashed border-gray-300 p-2", children: node.children.map((child) => /* @__PURE__ */ jsx40(NodeRenderer, { node: child }, child.id)) });
+  }
+  const rootProps = buildDropdownMenuRootProps(node.schema.props);
+  return /* @__PURE__ */ jsx40(DropdownMenu, { ...rootProps, children: node.children.map((child) => /* @__PURE__ */ jsx40(NodeRenderer, { node: child }, child.id)) });
+}
+function buildDropdownMenuRootProps(props) {
+  const record = typeof props === "object" && props !== null ? props : void 0;
+  return {
+    defaultOpen: normalizeDropdownMenuDefaultOpen(record?.defaultOpen),
+    modal: normalizeDropdownMenuModal(record?.modal)
+  };
+}
+function normalizeDropdownMenuDefaultOpen(value) {
+  return value === true;
+}
+function normalizeDropdownMenuModal(value) {
+  return value !== false;
+}
+
+// src/renderer/dropdown-menu-slot-renderer.tsx
+import { DropdownMenu as DropdownMenu2 } from "bsm-design-system";
+import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
+function DropdownMenuSlotRenderer({ node }) {
+  if (node.schema.kind !== "layout" || !node.state.visible) {
+    return null;
+  }
+  const { designMode } = useConfigContext();
+  const schema = node.schema;
+  const children = node.children.map((child) => /* @__PURE__ */ jsx41(NodeRenderer, { node: child }, child.id));
+  if (designMode === true) {
+    return renderDesignModeSlot3(node, children);
+  }
+  switch (schema.type) {
+    case "dropdown-menu-trigger": {
+      const child = node.children[0];
+      if (!child) {
+        return null;
+      }
+      const disabled = normalizeDropdownMenuBoolean(schema.props?.disabled) || node.state.disabled;
+      return /* @__PURE__ */ jsx41(DropdownMenu2.Trigger, { disabled, children: /* @__PURE__ */ jsx41(
+        TriggerBridge,
+        {
+          activateWhenNonInteractive: true,
+          disabled,
+          className: normalizeDropdownMenuClassName(
+            schema.props?.className
+          ),
+          "aria-label": normalizeDropdownMenuAriaLabel(
+            schema.props?.ariaLabel
+          ),
+          children: /* @__PURE__ */ jsx41(NodeRenderer, { node: child })
+        }
+      ) });
+    }
+    case "dropdown-menu-content":
+      return /* @__PURE__ */ jsx41(DropdownMenu2.Content, { ...buildDropdownMenuContentProps(schema.props), children });
+    case "dropdown-menu-group":
+      return /* @__PURE__ */ jsx41(
+        DropdownMenu2.Group,
+        {
+          className: normalizeDropdownMenuClassName(
+            schema.props?.className
+          ),
+          children
+        }
+      );
+    case "dropdown-menu-label":
+      return /* @__PURE__ */ jsx41(
+        DropdownMenu2.Label,
+        {
+          id: node.id,
+          inset: normalizeDropdownMenuBoolean(schema.props?.inset),
+          className: normalizeDropdownMenuClassName(
+            schema.props?.className
+          ),
+          children: normalizeDropdownMenuText(schema.props?.label)
+        }
+      );
+    case "dropdown-menu-item":
+      return /* @__PURE__ */ jsx41(DropdownMenuActionItem, { node });
+    case "dropdown-menu-separator":
+      return /* @__PURE__ */ jsx41(
+        DropdownMenu2.Separator,
+        {
+          id: node.id,
+          className: normalizeDropdownMenuClassName(
+            schema.props?.className
+          )
+        }
+      );
+    case "dropdown-menu-sub":
+      return /* @__PURE__ */ jsx41(
+        DropdownMenu2.Sub,
+        {
+          defaultOpen: normalizeDropdownMenuDefaultOpen(
+            schema.props?.defaultOpen
+          ),
+          children
+        }
+      );
+    case "dropdown-menu-sub-trigger":
+      return /* @__PURE__ */ jsx41(
+        DropdownMenu2.SubTrigger,
+        {
+          id: node.id,
+          disabled: normalizeDropdownMenuBoolean(schema.props?.disabled) || node.state.disabled,
+          inset: normalizeDropdownMenuBoolean(schema.props?.inset),
+          className: normalizeDropdownMenuClassName(
+            schema.props?.className
+          ),
+          children: normalizeDropdownMenuText(schema.props?.label)
+        }
+      );
+    case "dropdown-menu-sub-content":
+      return /* @__PURE__ */ jsx41(
+        DropdownMenu2.SubContent,
+        {
+          sideOffset: normalizeDropdownMenuSideOffset(
+            schema.props?.sideOffset
+          ),
+          className: normalizeDropdownMenuClassName(
+            schema.props?.className
+          ),
+          "aria-label": normalizeDropdownMenuAriaLabel(
+            schema.props?.ariaLabel
+          ),
+          children
+        }
+      );
+    default:
+      return null;
+  }
+}
+function renderDesignModeSlot3(node, children) {
+  const schema = node.schema;
+  if (schema.kind !== "layout") {
+    return null;
+  }
+  const className = normalizeDropdownMenuClassName(schema.props?.className);
+  const ariaLabel = normalizeDropdownMenuAriaLabel(schema.props?.ariaLabel);
+  const label = normalizeDropdownMenuText(schema.props?.label);
+  switch (schema.type) {
+    case "dropdown-menu-trigger": {
+      const child = node.children[0];
+      if (!child) {
+        return null;
+      }
+      return /* @__PURE__ */ jsx41(
+        "div",
+        {
+          "data-slot": "dropdown-menu-trigger",
+          className,
+          "aria-label": ariaLabel,
+          children: /* @__PURE__ */ jsx41(NodeRenderer, { node: child })
+        }
+      );
+    }
+    case "dropdown-menu-content":
+      return /* @__PURE__ */ jsx41(
+        "div",
+        {
+          "data-slot": "dropdown-menu-content",
+          className: joinClassNames7(
+            "min-h-12 space-y-1 rounded border border-dashed border-gray-200 p-2",
+            className
+          ),
+          "aria-label": ariaLabel,
+          children
+        }
+      );
+    case "dropdown-menu-group":
+      return /* @__PURE__ */ jsx41(
+        "div",
+        {
+          "data-slot": "dropdown-menu-group",
+          className: joinClassNames7(
+            "space-y-1 rounded border border-dashed border-gray-100 p-1",
+            className
+          ),
+          children
+        }
+      );
+    case "dropdown-menu-label":
+      return /* @__PURE__ */ jsx41(
+        "div",
+        {
+          "data-slot": "dropdown-menu-label",
+          id: node.id,
+          className: joinClassNames7(
+            "px-2 py-1 text-xs font-medium text-gray-500",
+            className
+          ),
+          children: label || "Label"
+        }
+      );
+    case "dropdown-menu-item":
+      return /* @__PURE__ */ jsx41(DropdownMenuActionItem, { node, designMode: true });
+    case "dropdown-menu-separator":
+      return /* @__PURE__ */ jsx41(
+        "div",
+        {
+          "data-slot": "dropdown-menu-separator",
+          id: node.id,
+          role: "separator",
+          className: joinClassNames7("my-1 h-px bg-gray-200", className)
+        }
+      );
+    case "dropdown-menu-sub":
+      return /* @__PURE__ */ jsx41(
+        "div",
+        {
+          "data-slot": "dropdown-menu-sub",
+          className: "space-y-1 rounded border border-dashed border-gray-200 p-1",
+          children
+        }
+      );
+    case "dropdown-menu-sub-trigger":
+      return /* @__PURE__ */ jsx41(
+        "div",
+        {
+          "data-slot": "dropdown-menu-sub-trigger",
+          id: node.id,
+          className: joinClassNames7(
+            "rounded px-2 py-1 text-sm text-gray-700",
+            className
+          ),
+          children: label || "Submenu"
+        }
+      );
+    case "dropdown-menu-sub-content":
+      return /* @__PURE__ */ jsx41(
+        "div",
+        {
+          "data-slot": "dropdown-menu-sub-content",
+          className: joinClassNames7(
+            "min-h-10 space-y-1 rounded border border-dashed border-gray-200 p-2",
+            className
+          ),
+          "aria-label": ariaLabel,
+          children
+        }
+      );
+    default:
+      return null;
+  }
+}
+function DropdownMenuActionItem({
+  node,
+  designMode: designModeProp
+}) {
+  const engine = useFormContext();
+  const { designMode: contextDesignMode } = useConfigContext();
+  const designMode = designModeProp ?? contextDesignMode === true;
+  if (node.schema.kind !== "layout" || node.schema.type !== "dropdown-menu-item") {
+    return null;
+  }
+  const actionNode = node.children[0];
+  if (!actionNode || actionNode.schema.kind !== "action") {
+    return null;
+  }
+  const schema = node.schema;
+  const shortcut = normalizeDropdownMenuOptionalText(
+    schema.props?.shortcut
+  );
+  const label = normalizeDropdownMenuText(schema.props?.label);
+  const className = normalizeDropdownMenuClassName(schema.props?.className);
+  const disabled = normalizeDropdownMenuBoolean(schema.props?.disabled) || node.state.disabled || isDropdownMenuActionDisabled(engine, actionNode);
+  if (designMode) {
+    return /* @__PURE__ */ jsxs18(
+      "div",
+      {
+        "data-slot": "dropdown-menu-item",
+        id: node.id,
+        className: joinClassNames7(
+          "flex items-center justify-between gap-2 rounded px-2 py-1 text-sm",
+          disabled ? "opacity-50" : void 0,
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx41("span", { children: label || "Menu item" }),
+          shortcut ? /* @__PURE__ */ jsx41("span", { className: "text-xs text-gray-400", children: shortcut }) : null
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx41(
+    DropdownMenuItemView,
+    {
+      id: node.id,
+      disabled,
+      inset: normalizeDropdownMenuBoolean(schema.props?.inset),
+      variant: normalizeDropdownMenuItemVariant(schema.props?.variant),
+      className,
+      label,
+      shortcut,
+      onSelect: () => {
+        void executeRendererAction(engine, actionNode.id, false);
+      }
+    }
+  );
+}
+function DropdownMenuItemView({
+  id,
+  label,
+  shortcut,
+  disabled,
+  inset,
+  variant,
+  className,
+  onSelect
+}) {
+  return /* @__PURE__ */ jsxs18(
+    DropdownMenu2.Item,
+    {
+      id,
+      disabled,
+      inset,
+      variant,
+      className,
+      onSelect,
+      children: [
+        /* @__PURE__ */ jsx41("span", { children: label }),
+        shortcut ? /* @__PURE__ */ jsx41(DropdownMenu2.Shortcut, { children: shortcut }) : null
+      ]
+    }
+  );
+}
+function buildDropdownMenuContentProps(props) {
+  const record = typeof props === "object" && props !== null ? props : void 0;
+  return {
+    side: normalizeDropdownMenuSide(record?.side),
+    sideOffset: normalizeDropdownMenuSideOffset(record?.sideOffset),
+    align: normalizeDropdownMenuAlign(record?.align),
+    alignOffset: normalizeDropdownMenuAlignOffset(record?.alignOffset),
+    collisionPadding: normalizeDropdownMenuCollisionPadding(
+      record?.collisionPadding
+    ),
+    className: normalizeDropdownMenuClassName(record?.className),
+    "aria-label": normalizeDropdownMenuAriaLabel(record?.ariaLabel)
+  };
+}
+function normalizeDropdownMenuSide(value) {
+  return value === "top" || value === "right" || value === "left" ? value : "bottom";
+}
+function normalizeDropdownMenuAlign(value) {
+  return value === "start" || value === "end" ? value : "center";
+}
+function normalizeDropdownMenuSideOffset(value) {
+  return normalizeNonNegativeNumber2(value, 4);
+}
+function normalizeDropdownMenuAlignOffset(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : 0;
+}
+function normalizeDropdownMenuCollisionPadding(value) {
+  return normalizeNonNegativeNumber2(value, 0);
+}
+function normalizeDropdownMenuItemVariant(value) {
+  return value === "destructive" ? "destructive" : "default";
+}
+function normalizeDropdownMenuBoolean(value) {
+  return value === true;
+}
+function normalizeDropdownMenuClassName(value) {
+  return normalizeDropdownMenuOptionalText(value);
+}
+function normalizeDropdownMenuAriaLabel(value) {
+  return normalizeDropdownMenuOptionalText(value);
+}
+function normalizeDropdownMenuText(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function normalizeDropdownMenuOptionalText(value) {
+  const text = normalizeDropdownMenuText(value);
+  return text || void 0;
+}
+function joinClassNames7(...parts) {
+  return parts.filter(Boolean).join(" ") || void 0;
+}
+function normalizeNonNegativeNumber2(value, fallback) {
+  return typeof value === "number" && Number.isFinite(value) && value >= 0 ? value : fallback;
+}
+function isDropdownMenuActionDisabled(engine, node) {
+  if (node.schema.kind !== "action") {
+    return true;
+  }
+  const schema = node.schema;
+  const stepperState = (schema.type === "stepper-next" || schema.type === "stepper-previous") && schema.stepperId ? engine.getStepperState(schema.stepperId) : void 0;
+  const isStepperActionDisabled = schema.type === "stepper-next" ? !stepperState?.canGoNext || engine.getState().initializationStatus !== "ready" : schema.type === "stepper-previous" ? !stepperState?.canGoPrevious || engine.getState().initializationStatus !== "ready" : false;
+  return node.state.disabled || schema.props?.disabled === true || engine.isFormDisabled() || isStepperActionDisabled;
+}
+
+// src/renderer/pagination-renderer.tsx
+import { Pagination } from "bsm-design-system";
+import { useEffect as useEffect6, useState as useState6 } from "react";
+
+// src/renderer/pagination-execution.ts
+function executeRendererPaginationChange(engine, paginationId, page, pageSize, designMode) {
+  if (designMode) {
+    return;
+  }
+  return engine.changePagination(paginationId, page, pageSize);
+}
+
+// src/renderer/pagination-renderer.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+function PaginationRenderer({ node }) {
+  if (node.schema.kind !== "layout" || node.schema.type !== "pagination") {
+    return null;
+  }
+  const engine = useFormContext();
+  const { designMode } = useConfigContext();
+  const props = node.schema.props;
+  const engineState = engine.getPaginationState(node.id) ?? {
+    page: normalizePositiveInteger(props.initialPage, 1),
+    pageSize: normalizePositiveInteger(props.pageSize, 10)
+  };
+  const [synchronized, setSynchronized] = useState6(() => ({
+    revision: 0,
+    page: engineState.page,
+    pageSize: engineState.pageSize
+  }));
+  useEffect6(() => {
+    if (synchronized.page === engineState.page && synchronized.pageSize === engineState.pageSize) {
+      return;
+    }
+    setSynchronized((current) => ({
+      revision: current.revision + 1,
+      page: engineState.page,
+      pageSize: engineState.pageSize
+    }));
+  }, [
+    engineState.page,
+    engineState.pageSize,
+    synchronized.page,
+    synchronized.pageSize
+  ]);
+  return /* @__PURE__ */ jsx42(
+    "section",
+    {
+      id: node.id,
+      "aria-label": normalizeAriaLabel3(props.ariaLabel),
+      children: /* @__PURE__ */ jsx42(
+        Pagination,
+        {
+          totalItems: normalizeNonNegativeInteger(props.totalItems, 0),
+          initialPage: synchronized.page,
+          pageSize: synchronized.pageSize,
+          pageSizeOptions: normalizePageSizeOptions(props.pageSizeOptions),
+          siblings: normalizeNonNegativeInteger(props.siblings, 1),
+          showPageSizeSelector: props.showPageSizeSelector === true,
+          showPageInfo: props.showPageInfo === true,
+          rounded: props.rounded === true,
+          className: normalizeClassName8(props.className),
+          onPageChange: (page, pageSize) => {
+            void (async () => {
+              const result = await executeRendererPaginationChange(
+                engine,
+                node.id,
+                page,
+                pageSize,
+                designMode === true
+              );
+              if (result) {
+                setSynchronized((current) => ({
+                  ...current,
+                  page: result.page,
+                  pageSize: result.pageSize
+                }));
+              }
+            })();
+          }
+        },
+        synchronized.revision
+      )
+    }
+  );
+}
+function normalizePageSizeOptions(value) {
+  if (!Array.isArray(value)) {
+    return [5, 10, 20];
+  }
+  const options = value.filter(
+    (option) => Number.isInteger(option) && Number(option) > 0
+  );
+  return options.length > 0 ? [...new Set(options)] : [5, 10, 20];
+}
+function normalizePositiveInteger(value, fallback) {
+  return Number.isInteger(value) && Number(value) > 0 ? Number(value) : fallback;
+}
+function normalizeNonNegativeInteger(value, fallback) {
+  return Number.isInteger(value) && Number(value) >= 0 ? Number(value) : fallback;
+}
+function normalizeClassName8(value) {
+  return typeof value === "string" ? value.trim() : "";
+}
+function normalizeAriaLabel3(value) {
+  return typeof value === "string" && value.trim() ? value.trim() : "Pagination";
+}
+
+// src/renderer/form-ref-renderer.tsx
+import {
+  compileSchema,
+  FormEngine
+} from "@bsm-form/core";
+import { useEffect as useEffect8, useMemo, useRef as useRef2, useState as useState8 } from "react";
+
+// src/context/form-provider.tsx
+import { jsx as jsx43 } from "react/jsx-runtime";
+function FormProvider({
+  engine,
+  children
+}) {
+  return /* @__PURE__ */ jsx43(FormContext.Provider, { value: engine, children });
+}
+
+// src/context/config-provider.tsx
+import { useCallback as useCallback2, useEffect as useEffect7, useRef, useState as useState7 } from "react";
+
+// src/renderer/embedded-form-bag.ts
+var EMBEDS_RESOURCE_ROOT = "embeds";
+function aggregateEmbeddedFormValues(parentValues, embeddedBag) {
+  const embeddedValues = {};
+  for (const [key, entry] of Object.entries(embeddedBag)) {
+    embeddedValues[key] = isSnapshot(entry) ? { ...entry.values } : { ...entry };
+  }
+  return {
+    ...parentValues,
+    ...embeddedValues
+  };
+}
+function aggregateEmbeddedFormPayload(parentValues, parentResources, embeddedBag) {
+  return {
+    values: aggregateEmbeddedFormValues(parentValues, embeddedBag),
+    resources: parentResources,
+    embeds: cloneBag(embeddedBag)
+  };
+}
+function setEmbeddedFormSnapshot(bag, instanceKey, snapshot) {
+  return {
+    ...bag,
+    [instanceKey]: {
+      values: { ...snapshot.values },
+      resources: { ...snapshot.resources }
+    }
+  };
+}
+function setEmbeddedFormValues(bag, instanceKey, values) {
+  return {
+    ...bag,
+    [instanceKey]: { ...values }
+  };
+}
+function resourcesWithoutEmbeds(resources) {
+  if (!Object.prototype.hasOwnProperty.call(resources, EMBEDS_RESOURCE_ROOT)) {
+    return { ...resources };
+  }
+  const next = { ...resources };
+  delete next[EMBEDS_RESOURCE_ROOT];
+  return next;
+}
+function snapshotFromEngine(parts) {
+  return {
+    values: { ...parts.values },
+    resources: resourcesWithoutEmbeds(parts.resources)
+  };
+}
+function isSnapshot(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) && "values" in value && "resources" in value && typeof value.values === "object" && typeof value.resources === "object";
+}
+function cloneBag(bag) {
+  const next = {};
+  for (const [key, snapshot] of Object.entries(bag)) {
+    next[key] = {
+      values: { ...snapshot.values },
+      resources: { ...snapshot.resources }
+    };
+  }
+  return next;
+}
+
+// src/context/config-provider.tsx
+import { jsx as jsx44 } from "react/jsx-runtime";
+function ConfigProvider({
+  designMode,
+  children,
+  renderWrapper,
+  invokeCatalog,
+  slots,
+  slotCatalog,
+  forms,
+  onEmbeddedValuesChange,
+  onEmbeddedSnapshotChange,
+  environment,
+  parentEngine,
+  embeddedBag: embeddedBagProp,
+  publishEmbeddedSnapshot: publishEmbeddedSnapshotProp
+}) {
+  const isRootBagOwner = publishEmbeddedSnapshotProp === void 0;
+  const [ownedBag, setOwnedBag] = useState7({});
+  const lastBagSerialized = useRef("");
+  const embeddedBag = embeddedBagProp ?? ownedBag;
+  const publishEmbeddedSnapshot = useCallback2(
+    (instanceKey, snapshot) => {
+      if (publishEmbeddedSnapshotProp) {
+        publishEmbeddedSnapshotProp(instanceKey, snapshot);
+        return;
+      }
+      setOwnedBag((previous) => {
+        const next = setEmbeddedFormSnapshot(previous, instanceKey, snapshot);
+        const serialized = JSON.stringify(next);
+        if (serialized === lastBagSerialized.current) {
+          return previous;
+        }
+        lastBagSerialized.current = serialized;
+        return next;
+      });
+      onEmbeddedSnapshotChange?.(instanceKey, snapshot);
+      onEmbeddedValuesChange?.(instanceKey, snapshot.values);
+    },
+    [
+      publishEmbeddedSnapshotProp,
+      onEmbeddedSnapshotChange,
+      onEmbeddedValuesChange
+    ]
+  );
+  useEffect7(() => {
+    if (!isRootBagOwner || !parentEngine) {
+      return;
+    }
+    parentEngine.setResource(EMBEDS_RESOURCE_ROOT, embeddedBag);
+  }, [isRootBagOwner, parentEngine, embeddedBag]);
+  return /* @__PURE__ */ jsx44(
+    ConfigContext.Provider,
+    {
+      value: {
+        designMode,
+        renderWrapper,
+        invokeCatalog,
+        slots,
+        slotCatalog,
+        forms,
+        onEmbeddedValuesChange,
+        onEmbeddedSnapshotChange,
+        environment,
+        embeddedBag,
+        publishEmbeddedSnapshot
+      },
+      children
+    }
+  );
+}
+
+// src/renderer/sonner-notify.ts
+import { toast } from "sonner";
+function notifyWithSonner(notification) {
+  const { message, variant, position, duration } = notification;
+  const options = {
+    ...position ? { position } : {},
+    ...duration !== void 0 ? { duration } : {}
+  };
+  switch (variant) {
+    case "success":
+      toast.success(message, options);
+      return;
+    case "error":
+      toast.error(message, options);
+      return;
+    case "info":
+      toast.info(message, options);
+      return;
+    case "warning":
+      toast.warning(message, options);
+      return;
+    default:
+      toast(message, options);
+  }
+}
+
+// src/renderer/form-ref-renderer.tsx
+import { jsx as jsx45 } from "react/jsx-runtime";
+function FormRefRenderer({ node }) {
+  const schema = node.schema;
+  const {
+    designMode,
+    forms,
+    environment,
+    slots,
+    slotCatalog,
+    invokeCatalog,
+    embeddedBag,
+    publishEmbeddedSnapshot,
+    onEmbeddedValuesChange,
+    onEmbeddedSnapshotChange
+  } = useConfigContext();
+  const show = useDesignVisible(node.state.visible);
+  const lastSerialized = useRef2("");
+  const lastEmbedsSerialized = useRef2("");
+  const [, forceUpdate] = useState8(0);
+  const schemaId = schema.kind === "layout" && schema.type === "form-ref" ? schema.props.schemaId : "";
+  const instanceKey = schema.kind === "layout" && schema.type === "form-ref" ? schema.props.instanceKey : "";
+  const className = schema.kind === "layout" && schema.type === "form-ref" && typeof schema.props.className === "string" ? schema.props.className : void 0;
+  const nestedTree = schemaId ? forms?.[schemaId] : void 0;
+  const engine = useMemo(() => {
+    if (!nestedTree) {
+      return void 0;
+    }
+    return new FormEngine(compileSchema(nestedTree), {
+      ...environment,
+      notify: environment?.notify ?? notifyWithSonner,
+      invoke: environment?.invoke ?? {}
+    });
+  }, [nestedTree, environment, designMode]);
+  useEffect8(() => {
+    if (!engine) {
+      return;
+    }
+    const publish = () => {
+      if (!publishEmbeddedSnapshot || !instanceKey) {
+        return;
+      }
+      const snapshot = snapshotFromEngine({
+        values: engine.getValues(),
+        resources: engine.getResources()
+      });
+      const serialized = JSON.stringify(snapshot);
+      if (serialized === lastSerialized.current) {
+        return;
+      }
+      lastSerialized.current = serialized;
+      publishEmbeddedSnapshot(instanceKey, snapshot);
+    };
+    const unsubscribe = engine.subscribe(() => {
+      forceUpdate((value) => value + 1);
+      publish();
+    });
+    void engine.initialize({ skipLoadSteps: designMode === true }).then(() => {
+      publish();
+    }).catch(() => {
+    });
+    return unsubscribe;
+  }, [engine, designMode, instanceKey, publishEmbeddedSnapshot]);
+  useEffect8(() => {
+    lastSerialized.current = "";
+  }, [schemaId, instanceKey, nestedTree]);
+  useEffect8(() => {
+    if (!engine || embeddedBag === void 0) {
+      return;
+    }
+    const serialized = JSON.stringify(embeddedBag);
+    if (serialized === lastEmbedsSerialized.current) {
+      return;
+    }
+    lastEmbedsSerialized.current = serialized;
+    engine.setResource(EMBEDS_RESOURCE_ROOT, embeddedBag);
+  }, [engine, embeddedBag]);
+  if (schema.kind !== "layout" || schema.type !== "form-ref" || !show) {
+    return null;
+  }
+  if (!nestedTree || !engine) {
+    return /* @__PURE__ */ jsx45(
+      "div",
+      {
+        className: [
+          "rounded border border-dashed border-stroke-secondary px-3 py-4 text-xs text-fg-tertiary",
+          className
+        ].filter(Boolean).join(" "),
+        "data-form-ref-missing": schemaId || void 0,
+        children: designMode ? `Embedded form \u201C${schemaId || "missing schemaId"}\u201D (${instanceKey || "missing key"})` : `Form \u201C${schemaId}\u201D is unavailable`
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx45(
+    "div",
+    {
+      className,
+      "data-form-ref": schemaId,
+      "data-form-ref-instance": instanceKey,
+      children: /* @__PURE__ */ jsx45(FormProvider, { engine, children: /* @__PURE__ */ jsx45(
+        ConfigProvider,
+        {
+          designMode: designMode === true,
+          environment,
+          forms,
+          slots,
+          slotCatalog,
+          invokeCatalog,
+          onEmbeddedValuesChange,
+          onEmbeddedSnapshotChange,
+          embeddedBag,
+          publishEmbeddedSnapshot,
+          children: /* @__PURE__ */ jsx45(NodeRenderer, { node: engine.getTree() })
+        }
+      ) })
+    }
+  );
+}
+
+// src/renderer/layout-renderer.tsx
+import { jsx as jsx46 } from "react/jsx-runtime";
+function LayoutRenderer({ node }) {
+  const schema = node.schema;
+  if (schema.kind !== "layout") {
+    return null;
+  }
+  if (schema.type === "form-ref") {
+    return /* @__PURE__ */ jsx46(FormRefRenderer, { node });
+  }
+  if (schema.type === "repeat") {
+    return /* @__PURE__ */ jsx46(RepeatRenderer, { node });
+  }
+  if (schema.type === "tabs") {
+    return /* @__PURE__ */ jsx46(TabsRenderer, { node });
+  }
+  if (schema.type === "accordion") {
+    return /* @__PURE__ */ jsx46(AccordionRenderer, { node });
+  }
+  if (schema.type === "tooltip") {
+    return /* @__PURE__ */ jsx46(TooltipRenderer, { node });
+  }
+  if (schema.type === "popover") {
+    return /* @__PURE__ */ jsx46(PopoverRenderer, { node });
+  }
+  if (schema.type === "popover-trigger" || schema.type === "popover-content") {
+    return /* @__PURE__ */ jsx46(PopoverSlotRenderer, { node });
+  }
+  if (schema.type === "dropdown-menu") {
+    return /* @__PURE__ */ jsx46(DropdownMenuRenderer, { node });
+  }
+  if (schema.type === "dropdown-menu-trigger" || schema.type === "dropdown-menu-content" || schema.type === "dropdown-menu-group" || schema.type === "dropdown-menu-label" || schema.type === "dropdown-menu-item" || schema.type === "dropdown-menu-separator" || schema.type === "dropdown-menu-sub" || schema.type === "dropdown-menu-sub-trigger" || schema.type === "dropdown-menu-sub-content") {
+    return /* @__PURE__ */ jsx46(DropdownMenuSlotRenderer, { node });
+  }
+  if (schema.type === "pagination") {
+    return /* @__PURE__ */ jsx46(PaginationRenderer, { node });
+  }
+  if (schema.type === "stepper") {
+    return /* @__PURE__ */ jsx46(StepperRenderer, { node });
+  }
+  if (schema.type === "step") {
+    return /* @__PURE__ */ jsx46(StepRenderer, { node });
+  }
+  if (schema.type === "dialog") {
+    return /* @__PURE__ */ jsx46(DialogRenderer, { node });
+  }
+  if (schema.type === "dialog-header" || schema.type === "dialog-body" || schema.type === "dialog-footer") {
+    return /* @__PURE__ */ jsx46(DialogSlotRenderer, { node });
+  }
+  if (schema.type === "drawer") {
+    return /* @__PURE__ */ jsx46(DrawerRenderer, { node });
+  }
+  if (schema.type === "drawer-header" || schema.type === "drawer-body" || schema.type === "drawer-footer") {
+    return /* @__PURE__ */ jsx46(DrawerSlotRenderer, { node });
+  }
+  const Component = layoutRegistry[schema.type];
+  if (!Component) {
+    return null;
+  }
+  const children = node.children.map((child) => /* @__PURE__ */ jsx46(NodeRenderer, { node: child }, child.id));
+  const props = adaptLayout({ schema, children });
+  return /* @__PURE__ */ jsx46(Component, { ...props });
+}
+
+// src/renderer/form-renderer.tsx
+import {
+  compileSchema as compileSchema2,
+  FormEngine as FormEngine2
+} from "@bsm-form/core";
+import { useEffect as useEffect9, useMemo as useMemo2, useRef as useRef3, useState as useState9 } from "react";
+import { createPortal } from "react-dom";
+import { Toaster } from "sonner";
+import { jsx as jsx47, jsxs as jsxs19 } from "react/jsx-runtime";
+function FormRenderer({
+  tree,
+  renderWrapper,
+  designMode = false,
+  environment,
+  invokeCatalog,
+  slots,
+  slotCatalog,
+  forms,
+  onEmbeddedValuesChange,
+  onEmbeddedSnapshotChange,
+  onValuesChange,
+  suppressToaster = false
+}) {
+  const [, forceUpdate] = useState9(0);
+  const lastSerialized = useRef3("");
+  const engine = useMemo2(
+    () => new FormEngine2(compileSchema2(tree), {
+      ...environment,
+      notify: environment?.notify ?? notifyWithSonner,
+      invoke: environment?.invoke ?? {}
+    }),
+    [tree, designMode, environment]
+  );
+  useEffect9(() => {
+    const unsubscribe = engine.subscribe(() => {
+      forceUpdate((x) => x + 1);
+      if (!onValuesChange) {
+        return;
+      }
+      const values = engine.getValues();
+      const serialized = JSON.stringify(values);
+      if (serialized === lastSerialized.current) {
+        return;
+      }
+      lastSerialized.current = serialized;
+      onValuesChange(values);
+    });
+    void engine.initialize({ skipLoadSteps: designMode === true }).catch(() => {
+    });
+    return unsubscribe;
+  }, [engine, designMode, onValuesChange]);
+  useEffect9(() => {
+    lastSerialized.current = "";
+  }, [engine]);
+  const toaster = suppressToaster || designMode || typeof document === "undefined" ? null : createPortal(
+    /* @__PURE__ */ jsx47(Toaster, { richColors: true, closeButton: true, position: "top-right" }),
+    document.body
+  );
+  return /* @__PURE__ */ jsx47(FormProvider, { engine, children: /* @__PURE__ */ jsxs19(
+    ConfigProvider,
+    {
+      designMode,
+      renderWrapper,
+      invokeCatalog,
+      slots,
+      slotCatalog,
+      forms,
+      onEmbeddedValuesChange,
+      onEmbeddedSnapshotChange,
+      environment,
+      parentEngine: engine,
+      children: [
+        /* @__PURE__ */ jsx47(NodeRenderer, { node: engine.getTree() }),
+        toaster
+      ]
+    }
+  ) });
+}
+export {
+  ActionRenderer,
+  AlertDisplay,
+  ChipsDisplay,
+  DialogRenderer,
+  DialogSlotRenderer,
+  DisplayRenderer,
+  DrawerRenderer,
+  DrawerSlotRenderer,
+  DropdownMenuItemView,
+  DropdownMenuRenderer,
+  DropdownMenuSlotRenderer,
+  EMBEDS_RESOURCE_ROOT,
+  FieldRenderer,
+  FormContext,
+  FormProvider,
+  FormRefRenderer,
+  FormRenderer,
+  LayoutRenderer,
+  NodeRenderer,
+  PaginationRenderer,
+  PopoverRenderer,
+  PopoverSlotRenderer,
+  SkeletonDisplay,
+  SlotDisplay,
+  StepRenderer,
+  StepperRenderer,
+  TooltipRenderer,
+  TriggerBridge as TooltipTriggerBridge,
+  aggregateEmbeddedFormPayload,
+  aggregateEmbeddedFormValues,
+  buildDropdownMenuContentProps,
+  buildDropdownMenuRootProps,
+  buildPopoverContentProps,
+  buildPopoverRootProps,
+  executeRendererDialogChange,
+  executeRendererDrawerChange,
+  executeRendererPaginationChange,
+  executeRendererStepperNavigation,
+  normalizeAlertText,
+  normalizeAlertType,
+  normalizeAlertVariant,
+  normalizeChipsLabel,
+  normalizeChipsVariant,
+  normalizeDialogSize,
+  normalizeDialogTitle,
+  normalizeDrawerSide,
+  normalizeDrawerTitle,
+  normalizeDropdownMenuAlign,
+  normalizeDropdownMenuAlignOffset,
+  normalizeDropdownMenuAriaLabel,
+  normalizeDropdownMenuBoolean,
+  normalizeDropdownMenuClassName,
+  normalizeDropdownMenuCollisionPadding,
+  normalizeDropdownMenuDefaultOpen,
+  normalizeDropdownMenuItemVariant,
+  normalizeDropdownMenuModal,
+  normalizeDropdownMenuOptionalText,
+  normalizeDropdownMenuSide,
+  normalizeDropdownMenuSideOffset,
+  normalizeDropdownMenuText,
+  normalizeNonNegativeInteger,
+  normalizePageSizeOptions,
+  normalizePopoverAlign,
+  normalizePopoverAlignOffset,
+  normalizePopoverAriaLabel,
+  normalizePopoverClassName,
+  normalizePopoverDefaultOpen,
+  normalizePopoverModal,
+  normalizePopoverSide,
+  normalizePopoverSideOffset,
+  normalizePositiveInteger,
+  normalizeSkeletonAriaLabel,
+  normalizeSkeletonClassName,
+  normalizeStepLabel,
+  normalizeStepperConnector,
+  normalizeStepperOrientation,
+  resourcesWithoutEmbeds,
+  setEmbeddedFormSnapshot,
+  setEmbeddedFormValues,
+  snapshotFromEngine,
+  useFormContext,
+  useOptionalFormContext
+};