react-luna-form 0.0.45 → 0.0.47

package/dist/server/esm/index.js

@@ -1,1799 +1 @@
-// src/component/control.tsx
-import { jsx } from "react/jsx-runtime";
-function Control(props) {
-  const content = typeof props.children === "function" ? props.children({ isPending: props.isPending }) : props.children;
-  return /* @__PURE__ */ jsx("div", { "data-slot": "field-control", className: "w-full", children: content });
-}
-
-// src/component/chevron-icon.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function ChevronIcon(props) {
-  return /* @__PURE__ */ jsx2(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      viewBox: "0 0 20 20",
-      fill: "currentColor",
-      className: `size-4 transition-transform duration-200 ${props.expanded ? "rotate-90" : ""}`,
-      children: /* @__PURE__ */ jsx2(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",
-          clipRule: "evenodd"
-        }
-      )
-    }
-  );
-}
-
-// src/component/collapsible.tsx
-import { Activity } from "react";
-
-// src/client/context/keep-value-context.tsx
-import { createContext } from "react";
-var KeepValueContext = createContext(false);
-
-// src/component/collapsible.tsx
-import { jsx as jsx3 } from "react/jsx-runtime";
-function Collapsible({
-  children,
-  visible
-}) {
-  return /* @__PURE__ */ jsx3(Activity, { mode: visible ? "visible" : "hidden", children: /* @__PURE__ */ jsx3(KeepValueContext, { value: true, children }) });
-}
-
-// ../luna-core/src/util/constant.ts
-var INPUT = "input";
-var INPUT_DATE = "input/date";
-var INPUT_EMAIL = "input/email";
-var INPUT_NUMBER = "input/number";
-var INPUT_TIME = "input/time";
-var TEXTAREA = "textarea";
-var RADIO = "radio";
-var CHECKBOX = "checkbox";
-var LIST = "list";
-var SELECT = "select";
-var SELECT_DAY = "select/day";
-var SELECT_MONTH = "select/month";
-var SELECT_TIMEZONE = "select/timezone";
-var SELECT_YEAR = "select/year";
-var CHIPS = "chips";
-var CHIPS_DAYS = "chips/day";
-var CHIPS_MONTHS = "chips/month";
-var COLUMN = "column";
-var DESCRIPTION = "description";
-var FIELDS = "fields";
-var LABEL = "label";
-var VALUE = "value";
-var OPTIONS = "options";
-var TYPE_EMAIL = "email";
-var TYPE_NUMBER = "number";
-var TYPE_PASSWORD = "password";
-var TYPE_TEL = "tel";
-var TYPE_TEXT = "text";
-var ARIA_ERROR_MESSAGE = "aria-errormessage";
-var ARIA_INVALID = "aria-invalid";
-var DATA_INVALID = "data-invalid";
-var DATA_READONLY = "data-readonly";
-var PREFIX_ARIA = "aria";
-var PREFIX_DATA = "data";
-var MAX = "max";
-var MAX_LENGTH = "maxLength";
-var MIN = "min";
-var MIN_LENGTH = "minLength";
-var $REF = "$ref";
-var TYPE = "type";
-var TIMEZONE_REGIONS = {
-  Africa: "Africa",
-  America: "Americas",
-  Asia: "Asia / Pacific",
-  Atlantic: "Atlantic",
-  Australia: "Asia / Pacific",
-  Europe: "Europe",
-  Indian: "Asia / Pacific",
-  Pacific: "Asia / Pacific"
-};
-
-// ../luna-core/src/util/is-type.ts
-function isObject(value) {
-  return value !== null && Object.prototype.toString.call(value) === "[object Object]";
-}
-function isValue(value) {
-  return isString(value) || typeof value === "number" || isBoolean(value);
-}
-function isString(value) {
-  return typeof value === "string";
-}
-function isBoolean(value) {
-  return typeof value === "boolean";
-}
-
-// ../luna-core/src/util/extract.ts
-function getCurrentValue(value, entity = VALUE) {
-  if (value != null) {
-    if (Array.isArray(value) && value.every(isValue)) {
-      return value;
-    }
-    if (isValue(value)) {
-      return value;
-    }
-    if (isObject(value)) {
-      const result = getValue(value, entity);
-      if (isValue(result)) {
-        return result;
-      }
-    }
-  }
-}
-function getValue(value, namespace) {
-  const result = extract(value, namespace);
-  if (isValue(result)) {
-    return result;
-  }
-}
-function extract(value, namespace) {
-  if (!namespace || !isObject(value)) {
-    return null;
-  }
-  const keys = namespace.split(".").filter((key) => key !== "");
-  if (keys.length === 0) {
-    return null;
-  }
-  let result = value;
-  for (const key of keys) {
-    if (isObject(result) && key in result) {
-      const obj = result;
-      result = obj[key];
-    } else {
-      return null;
-    }
-  }
-  return result;
-}
-function toOptions(data, options = {
-  description: DESCRIPTION,
-  label: LABEL,
-  value: VALUE
-}) {
-  return data.map((item) => {
-    if (isObject(item)) {
-      const label = extract(item, options.label);
-      const value = extract(item, options.value);
-      if (isValue(label) && isValue(value)) {
-        const description = extract(item, options.description);
-        return {
-          label: `${label}`,
-          value: `${value}`,
-          ...isValue(description) && { description: `${description}` }
-        };
-      }
-    }
-    return item;
-  });
-}
-function getType(value = TYPE_TEXT) {
-  const lastSlash = value.lastIndexOf("/");
-  const type = lastSlash === -1 ? value : value.slice(lastSlash + 1);
-  if (type && type !== INPUT) {
-    return type.trim().toLowerCase();
-  }
-  return TYPE_TEXT;
-}
-
-// ../luna-core/src/util/string.ts
-var REGEX_MARKDOWN_LINK = /\[([^\]]{1,500})\]\(([^)]{1,2000})\)/g;
-function interpolate(template, values = {}) {
-  if (isString(template)) {
-    return replacePlaceholders(template, values);
-  }
-  if (Array.isArray(template)) {
-    return template.map((item) => {
-      return interpolate(item, values);
-    });
-  }
-  if (isObject(template)) {
-    const results = {};
-    for (const key in template) {
-      results[key] = interpolate(template[key], values);
-    }
-    return results;
-  }
-  return template;
-}
-function interpolateIfNeeded(template, values = {}) {
-  return isInterpolated(template) ? interpolate(template, values) : template;
-}
-function isInterpolated(template) {
-  if (isString(template)) {
-    return /{([^}]{1,200})}/.test(template);
-  }
-  if (Array.isArray(template)) {
-    return template.some((item) => isInterpolated(item));
-  }
-  if (isObject(template)) {
-    return Object.values(template).some((value) => isInterpolated(value));
-  }
-  return false;
-}
-function replacePlaceholders(template, values = {}) {
-  return template.replace(/{([^}]{1,200})}/g, (match, key) => {
-    const value = key.includes(".") ? extract(values, key) : values[key];
-    if (isValue(value)) {
-      return String(value);
-    }
-    return match;
-  });
-}
-function formatMarkdown(text, callback) {
-  if (!isString(text)) {
-    return null;
-  }
-  if (!text || text.trim().length === 0) {
-    return null;
-  }
-  let match;
-  let lastIndex = 0;
-  let hasMatch = false;
-  const parts = [];
-  while ((match = REGEX_MARKDOWN_LINK.exec(text)) !== null) {
-    const [fullMatch, linkText, url] = match;
-    const index = match.index;
-    hasMatch = true;
-    if (index > lastIndex) {
-      parts.push(text.substring(lastIndex, index));
-    }
-    const value = callback ? callback(index, url, linkText) : fullMatch;
-    parts.push(value);
-    lastIndex = index + fullMatch.length;
-  }
-  if (!hasMatch) {
-    return text;
-  }
-  if (lastIndex < text.length) {
-    parts.push(text.substring(lastIndex));
-  }
-  return parts;
-}
-
-// ../luna-core/src/util/is-input.ts
-var isSelectDay = (field) => createTypeChecker(SELECT_DAY)(field);
-var isSelectMonth = (field) => createTypeChecker(SELECT_MONTH)(field);
-var isSelectYear = (field) => createTypeChecker(SELECT_YEAR)(field);
-var isSelectTimezone = (field) => createTypeChecker(SELECT_TIMEZONE)(field);
-var isChipsDays = (field) => createTypeChecker(CHIPS_DAYS)(field);
-var isChipsMonths = (field) => createTypeChecker(CHIPS_MONTHS)(field);
-var isDate = createTypeChecker(INPUT_DATE);
-var isTime = createTypeChecker(INPUT_TIME);
-var isCheckbox = createTypeChecker(CHECKBOX);
-var isChips = createTypeChecker(CHIPS);
-var isRadio = createTypeChecker(RADIO);
-var isInput = createTypeChecker(INPUT);
-var isSelect = createTypeChecker(SELECT);
-var isTextArea = createTypeChecker(TEXTAREA);
-var isText = createTypeChecker(
-  TYPE_TEXT,
-  TYPE_EMAIL,
-  TYPE_PASSWORD,
-  TYPE_TEL
-);
-var isEmail = createTypeChecker(INPUT_EMAIL, TYPE_EMAIL);
-var isNumber = createTypeChecker(INPUT_NUMBER, TYPE_NUMBER);
-function isClickable(field) {
-  return isRadio(field) || isCheckbox(field);
-}
-function isList(slot) {
-  return slot.type === LIST;
-}
-function isColumn(slot) {
-  return slot.type === COLUMN;
-}
-function isField(slot) {
-  return slot.type !== COLUMN && slot.type !== LIST;
-}
-function isOptions(field) {
-  return isSelect(field) || isRadio(field) || isChips(field);
-}
-function isValidValue(value) {
-  return value !== void 0 && value !== null && value !== "";
-}
-function createTypeChecker(...types) {
-  return (field) => {
-    const inputType = isString(field.type) ? field.type : void 0;
-    if (!inputType) {
-      return false;
-    }
-    return types.some((type) => {
-      return inputType === type || inputType?.startsWith(`${type}/`);
-    });
-  };
-}
-
-// ../luna-core/src/util/build.ts
-function buildOptions(field, values = {}) {
-  if (isSelect(field) && field.disabled) {
-    const current = field.name ? values?.[field.name] : void 0;
-    if (current && isObject(current)) {
-      return [current];
-    }
-  }
-}
-function buildOrientation(field) {
-  if (isRadio(field) || isCheckbox(field)) {
-    return true;
-  }
-  return field.advanced?.horizontal ?? false;
-}
-function buildReverse(field) {
-  if (!isCheckbox(field)) {
-    return false;
-  }
-  return field.advanced?.reverse !== false;
-}
-function buildDisabled(field, disabled) {
-  const readonly = field.readonly ?? false;
-  return disabled ? disabled : readonly;
-}
-function buildSource(field) {
-  if (isRadio(field) || isChips(field) || isSelect(field) && !field.disabled) {
-    const source = field.source;
-    if (Array.isArray(source) || isObject(source) && !($REF in source)) {
-      return source;
-    }
-  }
-}
-
-// ../luna-core/src/util/date.ts
-import { isValid, parse, format as fnsFormat } from "date-fns";
-var REGEX_DIGITS = /^\d+$/;
-var REF = new Date(2e3, 0, 1);
-var getSupportedTimezones = () => "supportedValuesOf" in Intl ? Intl.supportedValuesOf("timeZone") : [];
-function getMonth() {
-  return Array.from({ length: 12 }, (_, i) => ({
-    value: (i + 1).toString(),
-    label: new Date(0, i).toLocaleString("default", {
-      month: "long"
-    })
-  }));
-}
-function getWeekDays() {
-  return Array.from({ length: 7 }, (_, i) => ({
-    value: i.toString(),
-    label: new Date(2e3, 0, 2 + i).toLocaleString("default", {
-      weekday: "long"
-    })
-  }));
-}
-function getYear(min, max) {
-  if (max >= min) {
-    return Array.from({ length: max - min + 1 }, (_, i) => {
-      const year = min + i;
-      return {
-        value: year.toString(),
-        label: year.toString()
-      };
-    });
-  }
-  return [];
-}
-function getCurrentYear() {
-  return (/* @__PURE__ */ new Date()).getFullYear();
-}
-function getUserTimezone() {
-  return Intl.DateTimeFormat().resolvedOptions().timeZone;
-}
-function getTimezoneRegion(tz) {
-  const slash = tz.indexOf("/");
-  const prefix = slash === -1 ? tz : tz.slice(0, slash);
-  return TIMEZONE_REGIONS[prefix] ?? "Other";
-}
-function getTimeZoneName(longNameParts, defaultTimeZone) {
-  const fullName = longNameParts.find((part) => {
-    return part.type === "timeZoneName";
-  })?.value ?? defaultTimeZone;
-  return fullName.replace(
-    /\s+(?:Standard|Daylight(?: Saving)?|Summer|Winter)\s+Time$/,
-    ""
-  );
-}
-function getTimezoneInfo(tz, date) {
-  const offsetParts = new Intl.DateTimeFormat("en", {
-    timeZone: tz,
-    timeZoneName: "longOffset"
-  }).formatToParts(date);
-  const longNameParts = new Intl.DateTimeFormat("en", {
-    timeZone: tz,
-    timeZoneName: "long"
-  }).formatToParts(date);
-  const raw = offsetParts.find((part) => {
-    return part.type === "timeZoneName";
-  })?.value ?? "GMT+00:00";
-  const offset = raw.replace("GMT", "UTC");
-  const longName = getTimeZoneName(longNameParts, tz);
-  return { offset, longName };
-}
-function getTimezoneCity(tz) {
-  return tz.slice(tz.lastIndexOf("/") + 1).replace(/_/g, " ");
-}
-function getTimezones() {
-  const date = /* @__PURE__ */ new Date();
-  const detectedTimezone = getUserTimezone();
-  const groupMap = /* @__PURE__ */ new Map();
-  const detectedCity = getTimezoneCity(detectedTimezone);
-  const { offset: detectedOffset, longName: detectedLongName } = getTimezoneInfo(detectedTimezone, date);
-  const detectedItem = {
-    value: detectedTimezone,
-    label: `${detectedCity} - ${detectedLongName} (${detectedOffset})`
-  };
-  for (const tz of getSupportedTimezones()) {
-    if (tz === detectedTimezone) {
-      continue;
-    }
-    const city = getTimezoneCity(tz);
-    const { offset, longName } = getTimezoneInfo(tz, date);
-    const item = {
-      value: tz,
-      label: `${city} - ${longName} (${offset})`
-    };
-    const region = getTimezoneRegion(tz);
-    if (region === "Other") {
-      continue;
-    }
-    const existing = groupMap.get(region);
-    if (existing) {
-      existing.push(item);
-    } else {
-      groupMap.set(region, [item]);
-    }
-  }
-  for (const items of groupMap.values()) {
-    items.sort((a, b) => a.label.localeCompare(b.label));
-  }
-  const sortedGroups = Array.from(groupMap.entries()).sort(([a], [b]) => a.localeCompare(b)).map(([label, items]) => ({ label, items }));
-  return [{ label: "Suggested", items: [detectedItem] }, ...sortedGroups];
-}
-function getConvert(value, current) {
-  if (typeof value === "number") {
-    return value;
-  }
-  const now2 = current ?? getCurrentYear();
-  const trimmed = value.trim().toLowerCase();
-  if (trimmed.startsWith("current")) {
-    const match = trimmed.match(/^current([+-])(\d+)$/);
-    if (match) {
-      const [, operator, offsetStr] = match;
-      const offset = parseInt(offsetStr, 10);
-      if (!isNaN(offset)) {
-        return operator === "+" ? now2 + offset : now2 - offset;
-      }
-    }
-    return now2;
-  }
-  if (REGEX_DIGITS.test(trimmed)) {
-    return parseInt(trimmed, 10);
-  }
-  return now2;
-}
-function toNativeDate(value, fromFormat) {
-  if (!value) {
-    return "";
-  }
-  try {
-    const date = parse(value, fromFormat, REF);
-    return isValid(date) ? fnsFormat(date, "yyyy-MM-dd") : "";
-  } catch {
-    return "";
-  }
-}
-function toNativeTime(value, fromFormat) {
-  if (!value) {
-    return "";
-  }
-  try {
-    const date = parse(value, fromFormat, REF);
-    return isValid(date) ? fnsFormat(date, "HH:mm:ss") : "";
-  } catch {
-    return "";
-  }
-}
-function getTimeFormat(field) {
-  return field.advanced?.format ?? "HH:mm";
-}
-function getDateFormat(field) {
-  return field.advanced?.format ?? "MMMM d, yyyy";
-}
-
-// ../luna-core/src/helper/input.ts
-var now = getCurrentYear();
-function buildOptionChips(field) {
-  if (isChips(field)) {
-    return defineOptionChips(field);
-  }
-}
-function defineOptionChips(field) {
-  if (isChipsDays(field)) {
-    return getWeekDays();
-  }
-  if (isChipsMonths(field)) {
-    return getMonth();
-  }
-}
-function buildOptionSelect(field) {
-  if (isSelect(field)) {
-    return defineOptionSelect(field);
-  }
-}
-function defineOptionSelect(select) {
-  if (isSelectDay(select)) {
-    return getWeekDays();
-  }
-  if (isSelectMonth(select)) {
-    return getMonth();
-  }
-  if (isSelectYear(select)) {
-    const min = select.advanced?.length?.min ?? now;
-    const max = select.advanced?.length?.max ?? now + 5;
-    return getYear(getConvert(min, now), getConvert(max, now));
-  }
-  if (isSelectTimezone(select)) {
-    return getTimezones();
-  }
-}
-function buildCommon(field, disabled = false) {
-  const commonProps = {
-    disabled,
-    id: field.name,
-    name: field.name,
-    placeholder: field.placeholder,
-    required: field.required
-  };
-  if (isInput(field)) {
-    return {
-      ...commonProps,
-      ...defineInput(field)
-    };
-  }
-  if (isSelect(field)) {
-    return {
-      ...commonProps,
-      ...defineWithOptions(field, buildOptionSelect)
-    };
-  }
-  if (isTextArea(field)) {
-    return {
-      ...commonProps,
-      ...defineTextArea(field)
-    };
-  }
-  if (isChips(field)) {
-    return {
-      ...commonProps,
-      ...defineChips(field)
-    };
-  }
-  return commonProps;
-}
-function defineInput(input) {
-  const type = getType(input.type);
-  const copy = { ...input, type };
-  return {
-    ...defineTime(input),
-    ...defineAutoComplete(input),
-    ...defineNumberLimits(copy),
-    ...isText(copy) ? defineLength(copy) : {},
-    type
-  };
-}
-function defineWithOptions(field, builder) {
-  const options = builder(field);
-  if (options) {
-    return { options };
-  }
-  return {};
-}
-function defineChips(field) {
-  const withOptions = defineWithOptions(field, buildOptionChips);
-  const multiple = field.advanced?.multiple ?? true;
-  return { ...withOptions, multiple };
-}
-function defineTextArea(field) {
-  return {
-    ...defineAutoComplete(field),
-    ...defineLength(field)
-  };
-}
-function defineAutoComplete(input) {
-  const autoComplete = input.advanced?.autocomplete;
-  if (autoComplete) {
-    return { autoComplete };
-  }
-  return {};
-}
-function defineNumberLimits(input) {
-  if (isNumber(input)) {
-    return defineMinMax(input);
-  }
-  return {};
-}
-function defineTime(field) {
-  if (isTime(field)) {
-    const format = getTimeFormat(field);
-    const withSeconds = format === "HH:mm:ss" || format === "hh:mm:ss a";
-    return {
-      step: withSeconds ? "1" : "60"
-    };
-  }
-  return {};
-}
-function defineLength(input) {
-  return defineConstraints(input, { min: MIN_LENGTH, max: MAX_LENGTH });
-}
-function defineMinMax(input) {
-  return defineConstraints(input, { min: MIN, max: MAX });
-}
-function defineConstraints(input, keys) {
-  const result = {};
-  const length = input.advanced?.length;
-  if (length) {
-    if (length.min !== void 0) {
-      result[keys.min] = length.min;
-    }
-    if (length.max !== void 0) {
-      result[keys.max] = length.max;
-    }
-  }
-  return result;
-}
-function resolveSource(field, value) {
-  const current = buildSource(field);
-  if (current) {
-    return current;
-  }
-  return buildOptions(field, value);
-}
-function getInputValue(field, value) {
-  const newValue = isObject(value) && field.name in value ? value[field.name] : value;
-  const currentValue = getCurrentValue(newValue, field.advanced?.entity);
-  if (isTime(field) && isValidValue(currentValue)) {
-    return getTimeValue(field, currentValue);
-  }
-  if (isDate(field) && isValidValue(currentValue)) {
-    return getDateValue(field, currentValue);
-  }
-  return currentValue;
-}
-function getTimeValue(field, currentValue) {
-  const format = getTimeFormat(field);
-  return isString(currentValue) ? toNativeTime(currentValue, format) : currentValue;
-}
-function mergeOptionsProps(field, commonProps, options) {
-  return isOptions(field) && Array.isArray(options) ? { ...commonProps, [OPTIONS]: options } : commonProps;
-}
-function getPreselectedValue(field, commonProps, value) {
-  if (field.required && !isValidValue(value)) {
-    if (isSelect(field)) {
-      if (field.advanced?.preselected !== false && OPTIONS in commonProps) {
-        const options = commonProps[OPTIONS];
-        if (Array.isArray(options) && options.length === 1) {
-          return options[0];
-        }
-      }
-    }
-  }
-  return value;
-}
-function getOptions(field, data) {
-  if (isOptions(field) && Array.isArray(data)) {
-    return toOptions(data, field.advanced?.options);
-  }
-  return data;
-}
-function prepareInputProps(field, commonProps, data, value) {
-  const currentValue = getInputValue(field, value);
-  const options = Array.isArray(data) ? getOptions(field, data) : data;
-  const commonPropsWithOptions = mergeOptionsProps(field, commonProps, options);
-  const defaultValue = getPreselectedValue(
-    field,
-    commonPropsWithOptions,
-    currentValue
-  );
-  return {
-    commonPropsWithOptions,
-    defaultValue
-  };
-}
-function prepareDefaultValue(field, value) {
-  if (isCheckbox(field)) {
-    return {
-      defaultChecked: isValidValue(value)
-    };
-  }
-  return { defaultValue: value };
-}
-function getDateValue(field, currentValue) {
-  const format = getDateFormat(field);
-  return isString(currentValue) ? toNativeDate(currentValue, format) : currentValue;
-}
-
-// ../luna-core/src/util/prepare.ts
-var REGEX_REF = /^#\/definition\//;
-function prepare(base = [], definition) {
-  const resolved = resolveRefs(base, definition);
-  return Array.isArray(resolved) ? resolved.filter(filter).sort((a, b) => getOrder(a) - getOrder(b)) : [];
-}
-function resolveRefs(base, definition, cache = /* @__PURE__ */ new Map(), visited = /* @__PURE__ */ new WeakSet()) {
-  if (!isDefinition(definition) || !base || typeof base !== "object") {
-    return base;
-  }
-  if (cache.has(base)) {
-    return cache.get(base);
-  }
-  if (visited.has(base)) {
-    return base;
-  }
-  visited.add(base);
-  if (Array.isArray(base)) {
-    return base.map((item) => resolveRefs(item, definition, cache, visited));
-  }
-  if ($REF in base && isString(base[$REF])) {
-    const path = base[$REF].replace(REGEX_REF, "");
-    const resolved = extract(definition, path);
-    if (resolved !== null) {
-      return resolveRefs(resolved, definition, cache, visited);
-    }
-    return base;
-  }
-  const result = {};
-  for (const [key, value] of Object.entries(base)) {
-    result[key] = resolveRefs(value, definition, cache, visited);
-  }
-  visited.delete(base);
-  cache.set(base, result);
-  return result;
-}
-function entries(values) {
-  return Object.entries(values ?? {});
-}
-function getOrder(item) {
-  return item.order ?? Number.MAX_VALUE;
-}
-function isDefinition(definition) {
-  return definition !== void 0 && isObject(definition) && Object.keys(definition).length > 0;
-}
-function filter(base) {
-  if (TYPE in base) {
-    return true;
-  }
-  if (Array.isArray(base[FIELDS])) {
-    return base[FIELDS].length > 0;
-  }
-  return true;
-}
-
-// ../luna-core/src/util/attributes.ts
-function getPrefixedAttributes(prefix, record) {
-  const attrs = {};
-  for (const [key, value] of entries(record)) {
-    attrs[`${prefix}-${key}`] = value;
-  }
-  return attrs;
-}
-function getAriaAttributes(record) {
-  return getPrefixedAttributes(PREFIX_ARIA, record);
-}
-function getDataAttributes(record) {
-  return getPrefixedAttributes(PREFIX_DATA, record);
-}
-function buildAriaAttributes(field, errors) {
-  const ariaAttributes = getAriaAttributes(field.advanced?.aria);
-  if (errors && errors.length > 0) {
-    ariaAttributes[ARIA_INVALID] = "true";
-    ariaAttributes[ARIA_ERROR_MESSAGE] = `${field.name}-error`;
-  }
-  return ariaAttributes;
-}
-function buildDataAttributes(field) {
-  return getDataAttributes(field.advanced?.data);
-}
-
-// ../luna-core/src/util/column.ts
-var cols = {
-  1: "md:grid-cols-1",
-  2: "md:grid-cols-2",
-  3: "md:grid-cols-3"
-};
-var span = {
-  1: "md:col-span-1",
-  2: "md:col-span-2",
-  3: "md:col-span-3"
-};
-function getColumn(value, defaultCols = 2) {
-  return cols[value && value in cols ? value : defaultCols];
-}
-function getSpan(value) {
-  if (value && value in span) {
-    return span[value];
-  }
-}
-
-// ../luna-core/src/util/list.ts
-function getInitialCount(list, value) {
-  const min = list.advanced?.length?.min ?? 1;
-  if (value) {
-    const data = extract(value, list.name);
-    if (Array.isArray(data)) {
-      return Math.max(data.length, min);
-    }
-  }
-  return Math.max(min, 0);
-}
-function isMultiFieldList(list) {
-  if (!Array.isArray(list.fields) || list.fields.length === 0) {
-    return false;
-  }
-  return list.fields.length > 1 || list.fields[0].type === COLUMN;
-}
-function getInitialList(list, value) {
-  const count = getInitialCount(list, value);
-  return Array.from({ length: count }, (_, index) => index);
-}
-function getLabel(list) {
-  return list.label ?? list.name;
-}
-
-// ../luna-core/src/util/translate.ts
-function translate(key, dictionary) {
-  if (!key) {
-    return "";
-  }
-  if (!dictionary) {
-    return key;
-  }
-  return dictionary[key] ?? key;
-}
-
-// ../luna-core/src/util/style.ts
-function mergeStyle(globalStyle, localStyle) {
-  return { ...globalStyle, ...localStyle };
-}
-
-// src/lib/string.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
-function formatMarkdown2(text) {
-  return formatMarkdown(
-    text,
-    (index, url, text2) => {
-      return /* @__PURE__ */ jsx4(
-        "a",
-        {
-          className: "underline",
-          href: url,
-          rel: "noopener noreferrer",
-          target: "_blank",
-          children: text2
-        },
-        `${url}-${index}`
-      );
-    }
-  );
-}
-
-// src/component/field/field-set-advanced.tsx
-import { useCallback, useState } from "react";
-import { jsx as jsx5, jsxs } from "react/jsx-runtime";
-function FieldSetAdvanced(props) {
-  const { fields = [] } = props.section;
-  const [isOpen, setIsOpen] = useState(false);
-  const handleOpen = useCallback(() => setIsOpen((previous) => !previous), []);
-  return /* @__PURE__ */ jsxs(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      "data-advanced": "true",
-      "data-expanded": isOpen,
-      "data-empty": fields.length === 0,
-      className: "flex flex-col",
-      id: props.section.id?.toString(),
-      children: [
-        /* @__PURE__ */ jsx5("legend", { children: /* @__PURE__ */ jsxs(
-          "button",
-          {
-            className: "flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",
-            onClick: handleOpen,
-            type: "button",
-            children: [
-              /* @__PURE__ */ jsx5(ChevronIcon, { expanded: isOpen }),
-              /* @__PURE__ */ jsx5("span", { children: formatMarkdown2(props.section.title) })
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx5(Collapsible, { visible: isOpen, children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-slate-300 pl-4 dark:border-slate-600",
-            "data-slot": "field-set-content",
-            children: [
-              props.section.description && /* @__PURE__ */ jsx5("p", { className: "text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.section.description) }),
-              props.group
-            ]
-          }
-        ) })
-      ]
-    }
-  );
-}
-
-// src/component/legend.tsx
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
-function Legend(props) {
-  const content = /* @__PURE__ */ jsxs2("div", { className: "flex flex-col", children: [
-    props.title && /* @__PURE__ */ jsx6("legend", { className: "mb-3 font-medium text-slate-800 dark:text-slate-200", children: formatMarkdown2(props.title) }),
-    props.description && /* @__PURE__ */ jsx6("p", { className: "-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.description) })
-  ] });
-  if (props.step) {
-    return /* @__PURE__ */ jsxs2("div", { className: "flex flex-row items-start gap-4", children: [
-      /* @__PURE__ */ jsx6("div", { className: "bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx6("span", { className: "text-sm font-bold", children: props.step }) }),
-      content
-    ] });
-  }
-  return content;
-}
-
-// src/component/field/field-set-base.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-function FieldSetBase(props) {
-  return /* @__PURE__ */ jsxs3(
-    "fieldset",
-    {
-      className: "flex flex-col data-[empty=false]:gap-6",
-      "data-empty": props.empty,
-      "data-slot": "field-set",
-      id: props.id,
-      children: [
-        /* @__PURE__ */ jsx7(
-          Legend,
-          {
-            description: props.description,
-            step: props.step,
-            title: props.title
-          }
-        ),
-        props.children
-      ]
-    }
-  );
-}
-
-// src/component/group.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-function Group(props) {
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "field-group",
-      "data-compact": props.compact,
-      className: "flex w-full flex-col gap-8 data-[compact=true]:gap-3",
-      children: props.children
-    }
-  );
-}
-
-// src/component/field/field-set.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
-function FieldSet(props) {
-  const { fields = [] } = props.section;
-  const step = props.advanced?.step ? props.step : void 0;
-  const { compact } = mergeStyle(props.style, {
-    compact: props.section.advanced?.compact
-  });
-  const group = /* @__PURE__ */ jsx9(Group, { compact, children: props.children });
-  if (!props.section.title && !props.section.description) {
-    return group;
-  }
-  if (props.section.advanced?.collapsible) {
-    return /* @__PURE__ */ jsx9(FieldSetAdvanced, { section: props.section, group });
-  }
-  return /* @__PURE__ */ jsx9(
-    FieldSetBase,
-    {
-      description: props.section.description,
-      empty: fields.length === 0,
-      id: props.section.id?.toString(),
-      step,
-      title: props.section.title,
-      children: group
-    }
-  );
-}
-
-// src/component/separator.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-function Separator() {
-  return /* @__PURE__ */ jsx10("div", { "data-slot": "field-separator", className: "relative -my-2 h-5 text-sm", children: /* @__PURE__ */ jsx10("div", { className: "absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800" }) });
-}
-
-// src/client/component/guard/visibility-guard.tsx
-import { useAtomValue } from "jotai";
-
-// src/client/lib/store-helper.ts
-import { atom } from "jotai";
-import { atomFamily } from "jotai-family";
-import { deepEqual } from "fast-equals";
-function omitKey(obj, key) {
-  const { [key]: _removed, ...rest } = obj;
-  return rest;
-}
-function createRecordAtomFamily(baseAtom) {
-  return atomFamily(
-    (name) => atom(
-      (get) => {
-        return get(baseAtom)[name] ?? void 0;
-      },
-      (get, set, newValue) => {
-        const current = get(baseAtom);
-        if (newValue !== void 0 && newValue !== null) {
-          const currentValue = current[name];
-          if (!deepEqual(currentValue, newValue)) {
-            set(baseAtom, { ...current, [name]: newValue });
-          }
-        } else if (name in current) {
-          set(baseAtom, omitKey(current, name));
-        }
-      }
-    )
-  );
-}
-function createClearAllAtom(baseAtom) {
-  return atom(null, (get, set) => {
-    const current = get(baseAtom);
-    if (current && Object.keys(current).length > 0) {
-      set(baseAtom, {});
-    }
-  });
-}
-function createClearAtom(baseAtom) {
-  return atom(null, (get, set, names) => {
-    const current = get(baseAtom);
-    const next = { ...current };
-    let hasChanges = false;
-    for (const name of names) {
-      if (name in next) {
-        delete next[name];
-        hasChanges = true;
-      }
-    }
-    if (hasChanges) {
-      set(baseAtom, next);
-    }
-  });
-}
-function createBulkReportAtom(baseAtom) {
-  return atom(null, (get, set, newValue) => {
-    const current = get(baseAtom);
-    if (!deepEqual(current, newValue)) {
-      set(baseAtom, newValue);
-    }
-  });
-}
-function createAtomStore(initialValue = {}) {
-  const baseAtom = atom(initialValue);
-  return {
-    atom: baseAtom,
-    clearAll: createClearAllAtom(baseAtom),
-    clear: createClearAtom(baseAtom),
-    bulkReport: createBulkReportAtom(baseAtom),
-    report: createRecordAtomFamily(baseAtom)
-  };
-}
-
-// src/client/lib/state-store.ts
-var store = createAtomStore();
-var fieldStateAtom = store.atom;
-var reportFieldStateAtom = store.report;
-
-// src/client/component/guard/visibility-guard.tsx
-function isColumnHidden(column, states) {
-  return column.fields.every((field) => isFieldHidden(field, states));
-}
-function isFieldHidden(field, states) {
-  return states[field.name]?.hidden ?? field.hidden ?? false;
-}
-function isEntryHidden(entry, states) {
-  return isColumn(entry) ? isColumnHidden(entry, states) : isFieldHidden(entry, states);
-}
-function VisibilityGuard(props) {
-  const states = useAtomValue(fieldStateAtom);
-  if (props.container) {
-    const hidden = states[props.container.name]?.hidden ?? props.container.hidden ?? false;
-    if (hidden) {
-      return null;
-    }
-  }
-  if (props.fields.length === 0) {
-    return null;
-  }
-  const allHidden = props.fields.every((entry) => isEntryHidden(entry, states));
-  if (allHidden) {
-    return null;
-  }
-  return props.children;
-}
-
-// src/component/form.tsx
-import { jsx as jsx11, jsxs as jsxs4 } from "react/jsx-runtime";
-function Form(props) {
-  const sections = prepare(props.sections, props.definition);
-  return /* @__PURE__ */ jsx11("div", { className: "h-full w-full", children: /* @__PURE__ */ jsx11("form", { noValidate: props.noValidate, action: props.action, children: /* @__PURE__ */ jsxs4(Group, { children: [
-    sections.map((section, index) => /* @__PURE__ */ jsxs4(
-      VisibilityGuard,
-      {
-        fields: section.fields ?? [],
-        children: [
-          /* @__PURE__ */ jsx11(
-            FieldSet,
-            {
-              advanced: props.advanced,
-              section,
-              step: index + 1,
-              style: props.config.style,
-              children: props.children({
-                disabled: props.readOnly,
-                fields: section.fields
-              })
-            }
-          ),
-          section.advanced?.separator && /* @__PURE__ */ jsx11(Separator, {})
-        ]
-      },
-      `key-${section.id}-${index}`
-    )),
-    props.control && /* @__PURE__ */ jsx11(Control, { isPending: props.isPending, children: props.control })
-  ] }) }) });
-}
-
-// src/component/description.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-function Description(props) {
-  return /* @__PURE__ */ jsx12("p", { className: "-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400", children: props.children });
-}
-
-// src/component/formatted-description.tsx
-import { useState as useState2 } from "react";
-import { jsx as jsx13, jsxs as jsxs5 } from "react/jsx-runtime";
-function FormattedDescription(props) {
-  const interpolateOpts = {
-    context: props.context,
-    env: props.config?.env
-  };
-  const [isExpanded, setIsExpanded] = useState2(() => {
-    if (isObject(props.text) && "collapsed" in props.text) {
-      return !props.text.collapsed;
-    }
-    return true;
-  });
-  const handleExpandToggle = () => setIsExpanded((previous) => !previous);
-  const title = isObject(props.text) && isString(props.text.title) ? formatMarkdown2(
-    translate(
-      interpolateIfNeeded(props.text.title, interpolateOpts),
-      props.translations
-    )
-  ) : void 0;
-  const message = formatMarkdown2(
-    translate(
-      interpolateIfNeeded(
-        isString(props.text) ? props.text : props.text?.message,
-        interpolateOpts
-      ),
-      props.translations
-    )
-  );
-  if (message) {
-    return /* @__PURE__ */ jsxs5("div", { className: "flex flex-col gap-2", children: [
-      title && /* @__PURE__ */ jsxs5(
-        "button",
-        {
-          className: "flex items-center gap-1 text-left text-xs font-medium text-slate-700 hover:text-slate-900 dark:text-slate-300 dark:hover:text-slate-100",
-          onClick: handleExpandToggle,
-          type: "button",
-          children: [
-            title,
-            /* @__PURE__ */ jsx13(ChevronIcon, { expanded: isExpanded })
-          ]
-        }
-      ),
-      isExpanded && /* @__PURE__ */ jsx13(Description, { children: message })
-    ] });
-  }
-  return null;
-}
-
-// src/component/label.tsx
-import { twMerge } from "tailwind-merge";
-import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
-function Label(props) {
-  const showOptionalLabel = props.style?.showOptionalLabel ?? true;
-  const normal = isRadio(props.field) || isCheckbox(props.field);
-  return /* @__PURE__ */ jsxs6(
-    "label",
-    {
-      "data-slot": "field-label",
-      "data-normal": normal,
-      className: twMerge(
-        "flex w-fit items-center gap-2 text-sm leading-snug font-medium select-none",
-        "data-[normal=true]:font-normal",
-        "group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"
-      ),
-      htmlFor: props.field.name,
-      children: [
-        props.children,
-        showOptionalLabel && !props.field.required && /* @__PURE__ */ jsx14("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: translate("(Optional)", props.translations) })
-      ]
-    }
-  );
-}
-
-// src/component/input-label.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
-function InputLabel(props) {
-  const interpolateOpts = {
-    context: props.context,
-    env: props.config?.env
-  };
-  const label = interpolateIfNeeded(props.field.label, interpolateOpts);
-  return /* @__PURE__ */ jsxs7(
-    "div",
-    {
-      "data-slot": "field-content",
-      className: "flex w-full flex-1 flex-col gap-1.5 leading-snug",
-      children: [
-        /* @__PURE__ */ jsx15(
-          Label,
-          {
-            field: props.field,
-            style: props.config?.style,
-            translations: props.translations,
-            children: translate(label, props.translations)
-          }
-        ),
-        props.horizontal === true && /* @__PURE__ */ jsx15(
-          FormattedDescription,
-          {
-            config: props.config,
-            context: props.context,
-            text: props.field.description,
-            translations: props.translations
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/component/input-group.tsx
-import { Fragment, jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
-function InputGroup(props) {
-  return /* @__PURE__ */ jsxs8(Fragment, { children: [
-    props.field.name && props.field.label && /* @__PURE__ */ jsx16(
-      InputLabel,
-      {
-        config: props.config,
-        context: props.context,
-        field: props.field,
-        horizontal: props.horizontal,
-        translations: props.translations
-      }
-    ),
-    props.children,
-    props.horizontal === false && /* @__PURE__ */ jsx16(
-      FormattedDescription,
-      {
-        config: props.config,
-        context: props.context,
-        text: props.field.description,
-        translations: props.translations
-      }
-    )
-  ] });
-}
-
-// src/lib/render-If-exists.ts
-function renderIfExists(value, render) {
-  if (!value) {
-    return null;
-  }
-  return render(value);
-}
-
-// src/server/component/input.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
-function Input(props) {
-  const source = resolveSource(props.field, props.value);
-  const { commonPropsWithOptions, defaultValue } = prepareInputProps(
-    props.field,
-    props.commonProps,
-    source,
-    props.value
-  );
-  const defaultProps = prepareDefaultValue(props.field, defaultValue);
-  return renderIfExists(props.config.inputs[props.field.type], (Component) => /* @__PURE__ */ jsx17(
-    InputGroup,
-    {
-      config: props.config,
-      context: props.context,
-      field: props.field,
-      horizontal: props.horizontal,
-      translations: props.translations,
-      children: /* @__PURE__ */ jsx17(
-        Component,
-        {
-          ...props.ariaAttributes,
-          ...commonPropsWithOptions,
-          ...props.dataAttributes,
-          ...defaultProps
-        }
-      )
-    }
-  ));
-}
-
-// src/component/field/field-error.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
-function FieldError(props) {
-  if (!props.errors || props.errors.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx18(
-    "ul",
-    {
-      className: "text-sm text-red-600 dark:text-red-500",
-      id: props.name ? `${props.name}-error` : void 0,
-      children: props.errors?.map((error, index) => /* @__PURE__ */ jsx18("li", { children: error }, props.name ? `${props.name}-error-${index}` : index))
-    }
-  );
-}
-
-// src/component/field/field-base.tsx
-import { twMerge as twMerge2 } from "tailwind-merge";
-import { jsx as jsx19 } from "react/jsx-runtime";
-function FieldBase(props) {
-  const errors = props.errors && props.errors.length > 0;
-  return /* @__PURE__ */ jsx19(
-    "div",
-    {
-      "data-slot": "field",
-      "data-clickable": props.isClickable ? "true" : "false",
-      ...errors && { [DATA_INVALID]: "true" },
-      ...props.disabled && { [DATA_READONLY]: "true" },
-      "data-orientation": props.orientation,
-      className: twMerge2(
-        "group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500",
-        "data-[clickable=true]:items-start",
-        props.isCheckbox && (props.isReversed ? "flex-row-reverse!" : "flex-row!"),
-        "data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",
-        props.className
-      ),
-      children: props.children
-    }
-  );
-}
-
-// src/component/field/field-vertical.tsx
-import { twMerge as twMerge3 } from "tailwind-merge";
-import { jsx as jsx20 } from "react/jsx-runtime";
-function FieldVertical(props) {
-  return /* @__PURE__ */ jsx20(
-    FieldBase,
-    {
-      ...props,
-      orientation: "vertical",
-      className: twMerge3(
-        "gap-3 has-[>[data-slot=field-content]]:items-start",
-        !props.isClickable && "[&>*]:w-full"
-      ),
-      children: props.children
-    }
-  );
-}
-
-// src/component/field/field-horizontal.tsx
-import { twMerge as twMerge4 } from "tailwind-merge";
-import { jsx as jsx21 } from "react/jsx-runtime";
-function FieldHorizontal(props) {
-  return /* @__PURE__ */ jsx21(
-    FieldBase,
-    {
-      ...props,
-      orientation: "horizontal",
-      className: twMerge4(
-        "gap-2 md:flex-row md:gap-4",
-        "[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start",
-        "[&_[role=checkbox]]:mt-[1.5px]",
-        props.isClickable && "md:flex-col",
-        !props.isClickable && [
-          "md:justify-between",
-          "[&>*:not([data-slot=field-content])]:w-full",
-          "[&>*:not([data-slot=field-content])]:md:w-1/2",
-          "[&>*:not([data-slot=field-content])]:xl:w-2/5"
-        ]
-      ),
-      children: props.children
-    }
-  );
-}
-
-// src/component/field/field-group.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-function FieldGroup(props) {
-  const clickable = isClickable(props.field);
-  const checkbox = isCheckbox(props.field);
-  const reversed = buildReverse(props.field);
-  if (!props.horizontal) {
-    return /* @__PURE__ */ jsx22(
-      FieldVertical,
-      {
-        disabled: props.disabled,
-        errors: props.errors,
-        isCheckbox: checkbox,
-        isReversed: reversed,
-        isClickable: clickable,
-        children: props.children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx22(
-    FieldHorizontal,
-    {
-      disabled: props.disabled,
-      errors: props.errors,
-      isCheckbox: checkbox,
-      isReversed: reversed,
-      isClickable: clickable,
-      children: props.children
-    }
-  );
-}
-
-// src/component/input/input-base.tsx
-function InputBase(props) {
-  if (!props.field.type) {
-    return null;
-  }
-  const commonProps = buildCommon(props.field, props.disabled);
-  const dataAttributes = buildDataAttributes(props.field);
-  const ariaAttributes = buildAriaAttributes(props.field, props.errors);
-  const field = {
-    ...props.field,
-    disabled: commonProps.disabled
-  };
-  return props.children({
-    ariaAttributes,
-    commonProps,
-    dataAttributes,
-    field,
-    horizontal: props.horizontal
-  });
-}
-
-// src/component/field/field.tsx
-import { twMerge as twMerge5 } from "tailwind-merge";
-import { jsx as jsx23, jsxs as jsxs9 } from "react/jsx-runtime";
-function Field(props) {
-  const cols2 = props.field.advanced?.cols;
-  const errors = props.field.name ? props.errors?.[props.field.name] : void 0;
-  const { horizontal } = mergeStyle(props.style, {
-    horizontal: buildOrientation(props.field)
-  });
-  const disabled = buildDisabled(props.field, props.disabled);
-  return /* @__PURE__ */ jsxs9("div", { className: twMerge5("flex flex-col gap-3", getSpan(cols2)), children: [
-    /* @__PURE__ */ jsx23(
-      FieldGroup,
-      {
-        disabled,
-        errors,
-        field: props.field,
-        horizontal,
-        children: /* @__PURE__ */ jsx23(
-          InputBase,
-          {
-            disabled,
-            errors,
-            field: props.field,
-            horizontal,
-            children: props.children
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx23(FieldError, { errors, name: props.field.name })
-  ] });
-}
-
-// src/component/field/field-list-item.tsx
-import { twMerge as twMerge6 } from "tailwind-merge";
-import { useState as useState3 } from "react";
-import { jsx as jsx24, jsxs as jsxs10 } from "react/jsx-runtime";
-function FieldListItem(props) {
-  const [isOpen, setIsOpen] = useState3(
-    props.collapsible ? !props.collapsed : true
-  );
-  function handleRemove() {
-    if (props.canRemove && props.onRemove) {
-      props.onRemove(props.index);
-    }
-  }
-  function handleToggle() {
-    setIsOpen((previous) => !previous);
-  }
-  const removeButton = props.canRemove && props.onRemove != null && /* @__PURE__ */ jsx24(
-    "button",
-    {
-      "aria-label": `Remove ${props.label} item ${props.index + 1}`,
-      className: twMerge6(
-        "rounded p-1 text-xl text-slate-400",
-        "transition-colors duration-150",
-        "hover:text-red-500",
-        "focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:outline-none",
-        "dark:text-slate-500 dark:hover:text-red-400"
-      ),
-      onClick: handleRemove,
-      type: "button",
-      children: /* @__PURE__ */ jsx24("span", { "aria-hidden": "true", children: "\xD7" })
-    }
-  );
-  if (props.isMultiField) {
-    return /* @__PURE__ */ jsxs10(
-      "div",
-      {
-        "data-slot": "list-item-card",
-        className: "rounded-lg border border-slate-100 p-4 dark:border-slate-900",
-        children: [
-          /* @__PURE__ */ jsxs10("div", { className: "mb-3 flex items-center justify-between", children: [
-            /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-2", children: [
-              props.collapsible && /* @__PURE__ */ jsx24(
-                "button",
-                {
-                  "aria-label": isOpen ? "Collapse" : "Expand",
-                  className: twMerge6(
-                    "rounded p-1 text-slate-400 hover:bg-slate-50",
-                    "transition-colors duration-150",
-                    "dark:text-slate-500 dark:hover:bg-slate-800"
-                  ),
-                  onClick: handleToggle,
-                  type: "button",
-                  children: /* @__PURE__ */ jsx24(ChevronIcon, { expanded: isOpen })
-                }
-              ),
-              /* @__PURE__ */ jsxs10("span", { className: "text-sm font-medium text-slate-300 dark:text-slate-400", children: [
-                props.label,
-                " ",
-                props.index + 1,
-                !isOpen && props.preview && /* @__PURE__ */ jsx24("div", { className: "flex items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap text-slate-400 dark:text-slate-500", children: props.preview })
-              ] })
-            ] }),
-            removeButton
-          ] }),
-          /* @__PURE__ */ jsx24(Collapsible, { visible: isOpen, children: /* @__PURE__ */ jsx24(Group, { children: props.children }) })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs10("div", { className: "flex items-start gap-2", children: [
-    props.collapsible && /* @__PURE__ */ jsx24(
-      "button",
-      {
-        "aria-label": isOpen ? "Collapse" : "Expand",
-        className: twMerge6(
-          "rounded p-1 text-slate-400 hover:bg-slate-50",
-          "transition-colors duration-150",
-          "dark:text-slate-500 dark:hover:bg-slate-800",
-          isOpen && "mt-7"
-        ),
-        onClick: handleToggle,
-        type: "button",
-        children: /* @__PURE__ */ jsx24(ChevronIcon, { expanded: isOpen })
-      }
-    ),
-    /* @__PURE__ */ jsx24("div", { className: "flex grow flex-col", children: /* @__PURE__ */ jsx24(Collapsible, { visible: isOpen, children: /* @__PURE__ */ jsx24(Group, { children: props.children }) }) }),
-    removeButton && /* @__PURE__ */ jsx24("div", { className: twMerge6("shrink-0", isOpen && "mt-7"), children: removeButton })
-  ] });
-}
-
-// src/component/field/field-list.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
-function FieldList(props) {
-  const label = getLabel(props.field);
-  const isMultiField = isMultiFieldList(props.field);
-  return getInitialList(props.field, props.value).map((index) => /* @__PURE__ */ jsx25(
-    FieldListItem,
-    {
-      collapsed: props.field.advanced?.collapsed,
-      collapsible: props.field.advanced?.collapsible,
-      index,
-      isMultiField,
-      label,
-      children: props.children(index)
-    },
-    index
-  ));
-}
-
-// src/component/list.tsx
-import { jsx as jsx26 } from "react/jsx-runtime";
-function List(props) {
-  const empty = Array.isArray(props.field.fields) && props.field.fields.length === 0;
-  return /* @__PURE__ */ jsx26(
-    FieldSetBase,
-    {
-      description: props.field.description,
-      empty,
-      id: props.field.name,
-      title: props.field.label,
-      children: props.children
-    }
-  );
-}
-
-// src/component/slot/list-slot.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
-function ListSlot({ children, field, value }) {
-  return /* @__PURE__ */ jsx27(List, { field, children: /* @__PURE__ */ jsx27(FieldList, { field, value, children }) });
-}
-
-// src/component/column.tsx
-import { twMerge as twMerge7 } from "tailwind-merge";
-import { jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
-function Column(props) {
-  const cols2 = getColumn(props.column?.advanced?.cols);
-  return /* @__PURE__ */ jsxs11("div", { className: "flex w-full flex-col gap-4", children: [
-    /* @__PURE__ */ jsx28("div", { className: twMerge7("grid grid-cols-1 gap-3 sm:gap-4", cols2), children: props.children }),
-    props.column?.description && /* @__PURE__ */ jsx28(
-      FormattedDescription,
-      {
-        config: props.config,
-        context: props.context,
-        text: props.column.description,
-        translations: props.translations
-      }
-    )
-  ] });
-}
-
-// src/component/slot/slot-base.tsx
-import { Fragment as Fragment2 } from "react";
-
-// src/component/slot/slot-list.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
-function SlotList(props) {
-  const fields = Array.isArray(props.field.fields) ? props.field.fields.map((field) => {
-    if (isField(field)) {
-      return {
-        ...field,
-        name: `${props.field.name}.${props.index}.${field.name}`
-      };
-    }
-    if (isColumn(field)) {
-      return {
-        ...field,
-        fields: field.fields.map((columnField) => ({
-          ...columnField,
-          name: `${props.field.name}.${props.index}.${columnField.name}`
-        }))
-      };
-    }
-    return field;
-  }) : [];
-  return /* @__PURE__ */ jsx29(
-    SlotBase,
-    {
-      children: props.children,
-      components: props.components,
-      config: props.config,
-      context: props.context,
-      disabled: props.disabled,
-      fields,
-      style: props.style,
-      translations: props.translations,
-      value: props.value
-    }
-  );
-}
-
-// src/component/slot/slot-base.tsx
-import { jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
-function SlotBase(props) {
-  const { field: Field2, list: List2 } = props.components;
-  return prepare(props.fields).map((field, index) => /* @__PURE__ */ jsxs12(Fragment2, { children: [
-    isColumn(field) && /* @__PURE__ */ jsx30(
-      Column,
-      {
-        column: field,
-        config: props.config,
-        context: props.context,
-        translations: props.translations,
-        children: /* @__PURE__ */ jsx30(SlotBase, { ...props, fields: field.fields })
-      }
-    ),
-    isField(field) && /* @__PURE__ */ jsx30(Field2, { disabled: props.disabled, field, style: props.style, children: props.children }),
-    isList(field) && /* @__PURE__ */ jsx30(List2, { field, value: props.value, children: (index2) => /* @__PURE__ */ jsx30(
-      SlotList,
-      {
-        children: props.children,
-        components: props.components,
-        config: props.config,
-        context: props.context,
-        disabled: props.disabled,
-        field,
-        index: index2,
-        style: props.style,
-        translations: props.translations,
-        value: props.value
-      }
-    ) })
-  ] }, index));
-}
-
-// src/component/slot/slot-create.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
-function createSlot(components) {
-  const CreateSlot = (props) => /* @__PURE__ */ jsx31(SlotBase, { ...props, components });
-  return CreateSlot;
-}
-
-// src/component/slot/slot.tsx
-var Slot = createSlot({ field: Field, list: ListSlot });
-
-// src/server/component/form.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
-function Form2(props) {
-  const translations = props.translations?.[props.lang ?? ""];
-  return /* @__PURE__ */ jsx32(
-    Form,
-    {
-      advanced: props.advanced,
-      config: props.config,
-      control: props.children,
-      definition: props.definition,
-      readOnly: props.readOnly,
-      sections: props.sections,
-      children: ({ disabled, fields }) => /* @__PURE__ */ jsx32(
-        Slot,
-        {
-          config: props.config,
-          context: props.context,
-          disabled,
-          fields,
-          style: props.config.style,
-          translations,
-          value: props.value,
-          children: (internal) => /* @__PURE__ */ jsx32(
-            Input,
-            {
-              ...internal,
-              config: props.config,
-              context: props.context,
-              translations,
-              value: props.value
-            }
-          )
-        }
-      )
-    }
-  );
-}
-
-// src/server/component/fallback.tsx
-import { Suspense } from "react";
-import { jsx as jsx33 } from "react/jsx-runtime";
-function Fallback(props) {
-  return /* @__PURE__ */ jsx33(
-    Suspense,
-    {
-      fallback: /* @__PURE__ */ jsx33(Form2, { config: props.config, sections: props.sections, readOnly: true }),
-      children: props.children
-    }
-  );
-}
-export {
-  Fallback,
-  Form2 as Form
-};
+import{jsx as Un}from"react/jsx-runtime";function ye(e){let t=typeof e.children=="function"?e.children({isPending:e.isPending}):e.children;return Un("div",{"data-slot":"field-control",className:"w-full",children:t})}import{jsx as be}from"react/jsx-runtime";function C(e){return be("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:`size-4 transition-transform duration-200 ${e.expanded?"rotate-90":""}`,children:be("path",{fillRule:"evenodd",d:"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"})})}import{Activity as Xn}from"react";import{createContext as Yn}from"react";var Te=Yn(!1);import{jsx as he}from"react/jsx-runtime";function E({children:e,visible:t}){return he(Xn,{mode:t?"visible":"hidden",children:he(Te,{value:!0,children:e})})}var $="input",Re="input/date",Ce="input/email",Fe="input/number";var Ne="input/time";var Se="textarea",Ae="radio",ve="checkbox",q="list";var Ie="select",Ee="select/day",ke="select/month",Le="select/timezone",we="select/year";var Pe="chips",De="chips/day",Oe="chips/month",k="column",Me="description",J="fields",_e="label",Q="value",z="options",j="email",Ve="number",$e="password",ze="tel",L="text",He="aria-errormessage",Ge="aria-invalid",Be="data-invalid",Ue="data-readonly",Ye="aria",Xe="data",Ke="max",Ze="maxLength",We="min",qe="minLength",F="$ref";var Je="type",Qe={Africa:"Africa",America:"Americas",Asia:"Asia / Pacific",Atlantic:"Atlantic",Australia:"Asia / Pacific",Europe:"Europe",Indian:"Asia / Pacific",Pacific:"Asia / Pacific"};function s(e){return e!==null&&Object.prototype.toString.call(e)==="[object Object]"}function g(e){return u(e)||typeof e=="number"||Kn(e)}function u(e){return typeof e=="string"}function Kn(e){return typeof e=="boolean"}function je(e,t=Q){if(e!=null){if(Array.isArray(e)&&e.every(g)||g(e))return e;if(s(e)){let n=Zn(e,t);if(g(n))return n}}}function Zn(e,t){let n=p(e,t);if(g(n))return n}function p(e,t){if(!t||!s(e))return null;let n=t.split(".").filter(r=>r!=="");if(n.length===0)return null;let o=e;for(let r of n)if(s(o)&&r in o)o=o[r];else return null;return o}function et(e,t={description:Me,label:_e,value:Q}){return e.map(n=>{if(s(n)){let o=p(n,t.label),r=p(n,t.value);if(g(o)&&g(r)){let i=p(n,t.description);return{label:`${o}`,value:`${r}`,...g(i)&&{description:`${i}`}}}}return n})}function tt(e=L){let t=e.lastIndexOf("/"),n=t===-1?e:e.slice(t+1);return n&&n!==$?n.trim().toLowerCase():L}var Wn=/\[([^\]]{1,500})\]\(([^)]{1,2000})\)/g;function ee(e,t={}){if(u(e))return qn(e,t);if(Array.isArray(e))return e.map(n=>ee(n,t));if(s(e)){let n={};for(let o in e)n[o]=ee(e[o],t);return n}return e}function w(e,t={}){return te(e)?ee(e,t):e}function te(e){return u(e)?/{([^}]{1,200})}/.test(e):Array.isArray(e)?e.some(t=>te(t)):s(e)?Object.values(e).some(t=>te(t)):!1}function qn(e,t={}){return e.replace(/{([^}]{1,200})}/g,(n,o)=>{let r=o.includes(".")?p(t,o):t[o];return g(r)?String(r):n})}function nt(e,t){if(!u(e)||!e||e.trim().length===0)return null;let n,o=0,r=!1,i=[];for(;(n=Wn.exec(e))!==null;){let[l,a,d]=n,f=n.index;r=!0,f>o&&i.push(e.substring(o,f));let I=t?t(f,d,a):l;i.push(I),o=f+l.length}return r?(o<e.length&&i.push(e.substring(o)),i):e}var ot=e=>c(Ee)(e),rt=e=>c(ke)(e),it=e=>c(we)(e),lt=e=>c(Le)(e),at=e=>c(De)(e),st=e=>c(Oe)(e),ct=c(Re),ne=c(Ne),x=c(ve),N=c(Pe),h=c(Ae),dt=c($),b=c(Ie),ut=c(Se),ft=c(L,j,$e,ze),Pr=c(Ce,j),mt=c(Fe,Ve);function gt(e){return h(e)||x(e)}function pt(e){return e.type===q}function S(e){return e.type===k}function H(e){return e.type!==k&&e.type!==q}function oe(e){return b(e)||h(e)||N(e)}function P(e){return e!=null&&e!==""}function c(...e){return t=>{let n=u(t.type)?t.type:void 0;return n?e.some(o=>n===o||n?.startsWith(`${o}/`)):!1}}function xt(e,t={}){if(b(e)&&e.disabled){let n=e.name?t?.[e.name]:void 0;if(n&&s(n))return[n]}}function yt(e){return h(e)||x(e)?!0:e.advanced?.horizontal??!1}function bt(e){return x(e)?e.advanced?.reverse!==!1:!1}function Tt(e,t){let n=e.readonly??!1;return t||n}function ht(e){if(h(e)||N(e)||b(e)&&!e.disabled){let t=e.source;if(Array.isArray(t)||s(t)&&!(F in t))return t}}import{isValid as Ft,parse as Nt,format as St}from"date-fns";var Jn=/^\d+$/,At=new Date(2e3,0,1),Qn=()=>"supportedValuesOf"in Intl?Intl.supportedValuesOf("timeZone"):[];function re(){return Array.from({length:12},(e,t)=>({value:(t+1).toString(),label:new Date(0,t).toLocaleString("default",{month:"long"})}))}function ie(){return Array.from({length:7},(e,t)=>({value:t.toString(),label:new Date(2e3,0,2+t).toLocaleString("default",{weekday:"long"})}))}function vt(e,t){return t>=e?Array.from({length:t-e+1},(n,o)=>{let r=e+o;return{value:r.toString(),label:r.toString()}}):[]}function le(){return new Date().getFullYear()}function jn(){return Intl.DateTimeFormat().resolvedOptions().timeZone}function eo(e){let t=e.indexOf("/"),n=t===-1?e:e.slice(0,t);return Qe[n]??"Other"}function to(e,t){return(e.find(o=>o.type==="timeZoneName")?.value??t).replace(/\s+(?:Standard|Daylight(?: Saving)?|Summer|Winter)\s+Time$/,"")}function Rt(e,t){let n=new Intl.DateTimeFormat("en",{timeZone:e,timeZoneName:"longOffset"}).formatToParts(t),o=new Intl.DateTimeFormat("en",{timeZone:e,timeZoneName:"long"}).formatToParts(t),i=(n.find(a=>a.type==="timeZoneName")?.value??"GMT+00:00").replace("GMT","UTC"),l=to(o,e);return{offset:i,longName:l}}function Ct(e){return e.slice(e.lastIndexOf("/")+1).replace(/_/g," ")}function It(){let e=new Date,t=jn(),n=new Map,o=Ct(t),{offset:r,longName:i}=Rt(t,e),l={value:t,label:`${o} - ${i} (${r})`};for(let d of Qn()){if(d===t)continue;let f=Ct(d),{offset:I,longName:Bn}=Rt(d,e),pe={value:d,label:`${f} - ${Bn} (${I})`},W=eo(d);if(W==="Other")continue;let xe=n.get(W);xe?xe.push(pe):n.set(W,[pe])}for(let d of n.values())d.sort((f,I)=>f.label.localeCompare(I.label));let a=Array.from(n.entries()).sort(([d],[f])=>d.localeCompare(f)).map(([d,f])=>({label:d,items:f}));return[{label:"Suggested",items:[l]},...a]}function ae(e,t){if(typeof e=="number")return e;let n=t??le(),o=e.trim().toLowerCase();if(o.startsWith("current")){let r=o.match(/^current([+-])(\d+)$/);if(r){let[,i,l]=r,a=parseInt(l,10);if(!isNaN(a))return i==="+"?n+a:n-a}return n}return Jn.test(o)?parseInt(o,10):n}function Et(e,t){if(!e)return"";try{let n=Nt(e,t,At);return Ft(n)?St(n,"yyyy-MM-dd"):""}catch{return""}}function kt(e,t){if(!e)return"";try{let n=Nt(e,t,At);return Ft(n)?St(n,"HH:mm:ss"):""}catch{return""}}function se(e){return e.advanced?.format??"HH:mm"}function Lt(e){return e.advanced?.format??"MMMM d, yyyy"}var G=le();function no(e){if(N(e))return oo(e)}function oo(e){if(at(e))return ie();if(st(e))return re()}function ro(e){if(b(e))return io(e)}function io(e){if(ot(e))return ie();if(rt(e))return re();if(it(e)){let t=e.advanced?.length?.min??G,n=e.advanced?.length?.max??G+5;return vt(ae(t,G),ae(n,G))}if(lt(e))return It()}function wt(e,t=!1){let n={disabled:t,id:e.name,name:e.name,placeholder:e.placeholder,required:e.required};return dt(e)?{...n,...lo(e)}:b(e)?{...n,...Pt(e,ro)}:ut(e)?{...n,...so(e)}:N(e)?{...n,...ao(e)}:n}function lo(e){let t=tt(e.type),n={...e,type:t};return{...uo(e),...Dt(e),...co(n),...ft(n)?Ot(n):{},type:t}}function Pt(e,t){let n=t(e);return n?{options:n}:{}}function ao(e){let t=Pt(e,no),n=e.advanced?.multiple??!0;return{...t,multiple:n}}function so(e){return{...Dt(e),...Ot(e)}}function Dt(e){let t=e.advanced?.autocomplete;return t?{autoComplete:t}:{}}function co(e){return mt(e)?fo(e):{}}function uo(e){if(ne(e)){let t=se(e);return{step:t==="HH:mm:ss"||t==="hh:mm:ss a"?"1":"60"}}return{}}function Ot(e){return Mt(e,{min:qe,max:Ze})}function fo(e){return Mt(e,{min:We,max:Ke})}function Mt(e,t){let n={},o=e.advanced?.length;return o&&(o.min!==void 0&&(n[t.min]=o.min),o.max!==void 0&&(n[t.max]=o.max)),n}function _t(e,t){let n=ht(e);return n||xt(e,t)}function mo(e,t){let n=s(t)&&e.name in t?t[e.name]:t,o=je(n,e.advanced?.entity);return ne(e)&&P(o)?go(e,o):ct(e)&&P(o)?bo(e,o):o}function go(e,t){let n=se(e);return u(t)?kt(t,n):t}function po(e,t,n){return oe(e)&&Array.isArray(n)?{...t,[z]:n}:t}function xo(e,t,n){if(e.required&&!P(n)&&b(e)&&e.advanced?.preselected!==!1&&z in t){let o=t[z];if(Array.isArray(o)&&o.length===1)return o[0]}return n}function yo(e,t){return oe(e)&&Array.isArray(t)?et(t,e.advanced?.options):t}function Vt(e,t,n,o){let r=mo(e,o),i=Array.isArray(n)?yo(e,n):n,l=po(e,t,i),a=xo(e,l,r);return{commonPropsWithOptions:l,defaultValue:a}}function $t(e,t){return x(e)?{defaultChecked:P(t)}:{defaultValue:t}}function bo(e,t){let n=Lt(e);return u(t)?Et(t,n):t}var To=/^#\/definition\//;function U(e=[],t){let n=B(e,t);return Array.isArray(n)?n.filter(Ro).sort((o,r)=>zt(o)-zt(r)):[]}function B(e,t,n=new Map,o=new WeakSet){if(!ho(t)||!e||typeof e!="object")return e;if(n.has(e))return n.get(e);if(o.has(e))return e;if(o.add(e),Array.isArray(e))return e.map(i=>B(i,t,n,o));if(F in e&&u(e[F])){let i=e[F].replace(To,""),l=p(t,i);return l!==null?B(l,t,n,o):e}let r={};for(let[i,l]of Object.entries(e))r[i]=B(l,t,n,o);return o.delete(e),n.set(e,r),r}function Ht(e){return Object.entries(e??{})}function zt(e){return e.order??Number.MAX_VALUE}function ho(e){return e!==void 0&&s(e)&&Object.keys(e).length>0}function Ro(e){return Je in e?!0:Array.isArray(e[J])?e[J].length>0:!0}function Gt(e,t){let n={};for(let[o,r]of Ht(t))n[`${e}-${o}`]=r;return n}function Co(e){return Gt(Ye,e)}function Fo(e){return Gt(Xe,e)}function Bt(e,t){let n=Co(e.advanced?.aria);return t&&t.length>0&&(n[Ge]="true",n[He]=`${e.name}-error`),n}function Ut(e){return Fo(e.advanced?.data)}var Yt={1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3"},Xt={1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3"};function Kt(e,t=2){return Yt[e&&e in Yt?e:t]}function Zt(e){if(e&&e in Xt)return Xt[e]}function No(e,t){let n=e.advanced?.length?.min??1;if(t){let o=p(t,e.name);if(Array.isArray(o))return Math.max(o.length,n)}return Math.max(n,0)}function Wt(e){return!Array.isArray(e.fields)||e.fields.length===0?!1:e.fields.length>1||e.fields[0].type===k}function qt(e,t){let n=No(e,t);return Array.from({length:n},(o,r)=>r)}function Jt(e){return e.label??e.name}function R(e,t){return e?t?t[e]??e:e:""}function Y(e,t){return{...e,...t}}import{jsx as So}from"react/jsx-runtime";function y(e){return nt(e,(t,n,o)=>So("a",{className:"underline",href:n,rel:"noopener noreferrer",target:"_blank",children:o},`${n}-${t}`))}import{useCallback as Ao,useState as vo}from"react";import{jsx as D,jsxs as ce}from"react/jsx-runtime";function Qt(e){let{fields:t=[]}=e.section,[n,o]=vo(!1),r=Ao(()=>o(i=>!i),[]);return ce("fieldset",{"data-slot":"field-set","data-advanced":"true","data-expanded":n,"data-empty":t.length===0,className:"flex flex-col",id:e.section.id?.toString(),children:[D("legend",{children:ce("button",{className:"flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",onClick:r,type:"button",children:[D(C,{expanded:n}),D("span",{children:y(e.section.title)})]})}),D(E,{visible:n,children:ce("div",{className:"mt-3 ml-1.5 flex flex-col gap-4 border-l-2 border-slate-300 pl-4 dark:border-slate-600","data-slot":"field-set-content",children:[e.section.description&&D("p",{className:"text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:y(e.section.description)}),e.group]})})]})}import{jsx as X,jsxs as jt}from"react/jsx-runtime";function en(e){let t=jt("div",{className:"flex flex-col",children:[e.title&&X("legend",{className:"mb-3 font-medium text-slate-800 dark:text-slate-200",children:y(e.title)}),e.description&&X("p",{className:"-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:y(e.description)})]});return e.step?jt("div",{className:"flex flex-row items-start gap-4",children:[X("div",{className:"bg-primary text-primary-foreground flex h-6 w-6 shrink-0 items-center justify-center rounded-full",children:X("span",{className:"text-sm font-bold",children:e.step})}),t]}):t}import{jsx as Io,jsxs as Eo}from"react/jsx-runtime";function K(e){return Eo("fieldset",{className:"flex flex-col data-[empty=false]:gap-6","data-empty":e.empty,"data-slot":"field-set",id:e.id,children:[Io(en,{description:e.description,step:e.step,title:e.title}),e.children]})}import{jsx as ko}from"react/jsx-runtime";function T(e){return ko("div",{"data-slot":"field-group","data-compact":e.compact,className:"flex w-full flex-col gap-8 data-[compact=true]:gap-3",children:e.children})}import{jsx as de}from"react/jsx-runtime";function tn(e){let{fields:t=[]}=e.section,n=e.advanced?.step?e.step:void 0,{compact:o}=Y(e.style,{compact:e.section.advanced?.compact}),r=de(T,{compact:o,children:e.children});return!e.section.title&&!e.section.description?r:e.section.advanced?.collapsible?de(Qt,{section:e.section,group:r}):de(K,{description:e.section.description,empty:t.length===0,id:e.section.id?.toString(),step:n,title:e.section.title,children:r})}import{jsx as nn}from"react/jsx-runtime";function on(){return nn("div",{"data-slot":"field-separator",className:"relative -my-2 h-5 text-sm",children:nn("div",{className:"absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800"})})}import{useAtomValue as _o}from"jotai";import{atom as O}from"jotai";import{atomFamily as Lo}from"jotai-family";import{deepEqual as rn}from"fast-equals";function wo(e,t){let{[t]:n,...o}=e;return o}function Po(e){return Lo(t=>O(n=>n(e)[t]??void 0,(n,o,r)=>{let i=n(e);if(r!=null){let l=i[t];rn(l,r)||o(e,{...i,[t]:r})}else t in i&&o(e,wo(i,t))}))}function Do(e){return O(null,(t,n)=>{let o=t(e);o&&Object.keys(o).length>0&&n(e,{})})}function Oo(e){return O(null,(t,n,o)=>{let i={...t(e)},l=!1;for(let a of o)a in i&&(delete i[a],l=!0);l&&n(e,i)})}function Mo(e){return O(null,(t,n,o)=>{let r=t(e);rn(r,o)||n(e,o)})}function ln(e={}){let t=O(e);return{atom:t,clearAll:Do(t),clear:Oo(t),bulkReport:Mo(t),report:Po(t)}}var an=ln(),sn=an.atom,$i=an.report;function Vo(e,t){return e.fields.every(n=>cn(n,t))}function cn(e,t){return t[e.name]?.hidden??e.hidden??!1}function $o(e,t){return S(e)?Vo(e,t):cn(e,t)}function dn(e){let t=_o(sn);return e.container&&(t[e.container.name]?.hidden??e.container.hidden??!1)||e.fields.length===0||e.fields.every(o=>$o(o,t))?null:e.children}import{jsx as M,jsxs as un}from"react/jsx-runtime";function fn(e){let t=U(e.sections,e.definition);return M("div",{className:"h-full w-full",children:M("form",{noValidate:e.noValidate,action:e.action,children:un(T,{children:[t.map((n,o)=>un(dn,{fields:n.fields??[],children:[M(tn,{advanced:e.advanced,section:n,step:o+1,style:e.config.style,children:e.children({disabled:e.readOnly,fields:n.fields})}),n.advanced?.separator&&M(on,{})]},`key-${n.id}-${o}`)),e.control&&M(ye,{isPending:e.isPending,children:e.control})]})})})}import{jsx as zo}from"react/jsx-runtime";function mn(e){return zo("p",{className:"-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400",children:e.children})}import{useState as Ho}from"react";import{jsx as gn,jsxs as pn}from"react/jsx-runtime";function A(e){let t={context:e.context,env:e.config?.env},[n,o]=Ho(()=>s(e.text)&&"collapsed"in e.text?!e.text.collapsed:!0),r=()=>o(a=>!a),i=s(e.text)&&u(e.text.title)?y(R(w(e.text.title,t),e.translations)):void 0,l=y(R(w(u(e.text)?e.text:e.text?.message,t),e.translations));return l?pn("div",{className:"flex flex-col gap-2",children:[i&&pn("button",{className:"flex items-center gap-1 text-left text-xs font-medium text-slate-700 hover:text-slate-900 dark:text-slate-300 dark:hover:text-slate-100",onClick:r,type:"button",children:[i,gn(C,{expanded:n})]}),n&&gn(mn,{children:l})]}):null}import{twMerge as Go}from"tailwind-merge";import{jsx as Bo,jsxs as Uo}from"react/jsx-runtime";function xn(e){let t=e.style?.showOptionalLabel??!0,n=h(e.field)||x(e.field);return Uo("label",{"data-slot":"field-label","data-normal":n,className:Go("flex w-fit items-center gap-2 text-sm leading-snug font-medium select-none","data-[normal=true]:font-normal","group-data-[readonly=true]:cursor-not-allowed group-data-[readonly=true]:opacity-50"),htmlFor:e.field.name,children:[e.children,t&&!e.field.required&&Bo("span",{className:"text-sm text-slate-600 dark:text-slate-400",children:R("(Optional)",e.translations)})]})}import{jsx as yn,jsxs as Yo}from"react/jsx-runtime";function bn(e){let t={context:e.context,env:e.config?.env},n=w(e.field.label,t);return Yo("div",{"data-slot":"field-content",className:"flex w-full flex-1 flex-col gap-1.5 leading-snug",children:[yn(xn,{field:e.field,style:e.config?.style,translations:e.translations,children:R(n,e.translations)}),e.horizontal===!0&&yn(A,{config:e.config,context:e.context,text:e.field.description,translations:e.translations})]})}import{Fragment as Xo,jsx as Tn,jsxs as Ko}from"react/jsx-runtime";function hn(e){return Ko(Xo,{children:[e.field.name&&e.field.label&&Tn(bn,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations}),e.children,e.horizontal===!1&&Tn(A,{config:e.config,context:e.context,text:e.field.description,translations:e.translations})]})}function Rn(e,t){return e?t(e):null}import{jsx as Cn}from"react/jsx-runtime";function Fn(e){let t=_t(e.field,e.value),{commonPropsWithOptions:n,defaultValue:o}=Vt(e.field,e.commonProps,t,e.value),r=$t(e.field,o);return Rn(e.config.inputs[e.field.type],i=>Cn(hn,{config:e.config,context:e.context,field:e.field,horizontal:e.horizontal,translations:e.translations,children:Cn(i,{...e.ariaAttributes,...n,...e.dataAttributes,...r})}))}import{jsx as Nn}from"react/jsx-runtime";function Sn(e){return!e.errors||e.errors.length===0?null:Nn("ul",{className:"text-sm text-red-600 dark:text-red-500",id:e.name?`${e.name}-error`:void 0,children:e.errors?.map((t,n)=>Nn("li",{children:t},e.name?`${e.name}-error-${n}`:n))})}import{twMerge as Zo}from"tailwind-merge";import{jsx as Wo}from"react/jsx-runtime";function Z(e){let t=e.errors&&e.errors.length>0;return Wo("div",{"data-slot":"field","data-clickable":e.isClickable?"true":"false",...t&&{[Be]:"true"},...e.disabled&&{[Ue]:"true"},"data-orientation":e.orientation,className:Zo("group flex w-full flex-col items-center data-[invalid=true]:text-red-600 data-[invalid=true]:dark:text-red-500","data-[clickable=true]:items-start",e.isCheckbox&&(e.isReversed?"flex-row-reverse!":"flex-row!"),"data-[clickable=true]:has-[>[data-slot=field-content]]:[&>:first-child]:mt-px",e.className),children:e.children})}import{twMerge as qo}from"tailwind-merge";import{jsx as Jo}from"react/jsx-runtime";function An(e){return Jo(Z,{...e,orientation:"vertical",className:qo("gap-3 has-[>[data-slot=field-content]]:items-start",!e.isClickable&&"[&>*]:w-full"),children:e.children})}import{twMerge as Qo}from"tailwind-merge";import{jsx as jo}from"react/jsx-runtime";function vn(e){return jo(Z,{...e,orientation:"horizontal",className:Qo("gap-2 md:flex-row md:gap-4","[&>[data-slot=field-content]]:min-w-0 [&>[data-slot=field-content]]:flex-grow [&>[data-slot=field-content]]:self-start","[&_[role=checkbox]]:mt-[1.5px]",e.isClickable&&"md:flex-col",!e.isClickable&&["md:justify-between","[&>*:not([data-slot=field-content])]:w-full","[&>*:not([data-slot=field-content])]:md:w-1/2","[&>*:not([data-slot=field-content])]:xl:w-2/5"]),children:e.children})}import{jsx as In}from"react/jsx-runtime";function En(e){let t=gt(e.field),n=x(e.field),o=bt(e.field);return e.horizontal?In(vn,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:o,isClickable:t,children:e.children}):In(An,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:o,isClickable:t,children:e.children})}function kn(e){if(!e.field.type)return null;let t=wt(e.field,e.disabled),n=Ut(e.field),o=Bt(e.field,e.errors),r={...e.field,disabled:t.disabled};return e.children({ariaAttributes:o,commonProps:t,dataAttributes:n,field:r,horizontal:e.horizontal})}import{twMerge as er}from"tailwind-merge";import{jsx as ue,jsxs as tr}from"react/jsx-runtime";function Ln(e){let t=e.field.advanced?.cols,n=e.field.name?e.errors?.[e.field.name]:void 0,{horizontal:o}=Y(e.style,{horizontal:yt(e.field)}),r=Tt(e.field,e.disabled);return tr("div",{className:er("flex flex-col gap-3",Zt(t)),children:[ue(En,{disabled:r,errors:n,field:e.field,horizontal:o,children:ue(kn,{disabled:r,errors:n,field:e.field,horizontal:o,children:e.children})}),ue(Sn,{errors:n,name:e.field.name})]})}import{twMerge as fe}from"tailwind-merge";import{useState as nr}from"react";import{jsx as m,jsxs as v}from"react/jsx-runtime";function wn(e){let[t,n]=nr(e.collapsible?!e.collapsed:!0);function o(){e.canRemove&&e.onRemove&&e.onRemove(e.index)}function r(){n(d=>!d)}let i=e.canRemove&&e.onRemove!=null&&m("button",{"aria-label":`Remove ${e.label} item ${e.index+1}`,className:fe("flex size-6 items-center justify-center rounded text-xl leading-none text-slate-400","transition-colors duration-150","hover:text-red-500","focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:outline-none","dark:text-slate-500 dark:hover:text-red-400"),onClick:o,type:"button",children:m("span",{"aria-hidden":"true",className:"leading-none",children:"\xD7"})}),l=v("span",{className:"text-sm font-medium text-slate-300 group-hover:underline dark:text-slate-400",children:[e.label," ",e.index+1,!t&&e.preview&&m("div",{className:"flex items-center gap-2 overflow-hidden text-ellipsis whitespace-nowrap text-slate-400 dark:text-slate-500",children:e.preview})]}),a=(e.isMultiField||e.collapsible)&&v("div",{className:fe("flex items-center justify-between gap-2",e.isMultiField&&"mb-3"),children:[e.collapsible?v("button",{"aria-expanded":t,"aria-label":`${t?"Collapse":"Expand"} ${e.label} ${e.index+1}`,className:fe("group flex grow items-center gap-2 rounded p-1 text-left text-slate-400","focus-visible:ring-2 focus-visible:ring-slate-400 focus-visible:outline-none","dark:text-slate-500"),onClick:r,type:"button",children:[m(C,{expanded:t}),l]}):l,i]});return e.isMultiField?v("div",{"data-slot":"list-item-card",className:"rounded-lg border border-slate-100 p-4 dark:border-slate-900",children:[a,m(E,{visible:t,children:m(T,{children:e.children})})]}):e.collapsible?v("div",{className:"flex flex-col gap-2",children:[a,m(E,{visible:t,children:m(T,{children:e.children})})]}):v("div",{className:"flex items-start gap-2",children:[m("div",{className:"flex grow flex-col",children:m(T,{children:e.children})}),i&&m("div",{className:"shrink-0",children:i})]})}import{jsx as or}from"react/jsx-runtime";function Pn(e){let t=Jt(e.field),n=Wt(e.field);return qt(e.field,e.value).map(o=>or(wn,{collapsed:e.field.advanced?.collapsed,collapsible:e.field.advanced?.collapsible,index:o,isMultiField:n,label:t,children:e.children(o)},o))}import{jsx as rr}from"react/jsx-runtime";function Dn(e){let t=Array.isArray(e.field.fields)&&e.field.fields.length===0;return rr(K,{description:e.field.description,empty:t,id:e.field.name,title:e.field.label,children:e.children})}import{jsx as On}from"react/jsx-runtime";function Mn({children:e,field:t,value:n}){return On(Dn,{field:t,children:On(Pn,{field:t,value:n,children:e})})}import{twMerge as ir}from"tailwind-merge";import{jsx as _n,jsxs as lr}from"react/jsx-runtime";function Vn(e){let t=Kt(e.column?.advanced?.cols);return lr("div",{className:"flex w-full flex-col gap-4",children:[_n("div",{className:ir("grid grid-cols-1 gap-3 sm:gap-4",t),children:e.children}),e.column?.description&&_n(A,{config:e.config,context:e.context,text:e.column.description,translations:e.translations})]})}import{Fragment as sr}from"react";import{jsx as ar}from"react/jsx-runtime";function $n(e){let t=Array.isArray(e.field.fields)?e.field.fields.map(n=>H(n)?{...n,name:`${e.field.name}.${e.index}.${n.name}`}:S(n)?{...n,fields:n.fields.map(o=>({...o,name:`${e.field.name}.${e.index}.${o.name}`}))}:n):[];return ar(_,{children:e.children,components:e.components,config:e.config,context:e.context,disabled:e.disabled,fields:t,style:e.style,translations:e.translations,value:e.value})}import{jsx as V,jsxs as cr}from"react/jsx-runtime";function _(e){let{field:t,list:n}=e.components;return U(e.fields).map((o,r)=>cr(sr,{children:[S(o)&&V(Vn,{column:o,config:e.config,context:e.context,translations:e.translations,children:V(_,{...e,fields:o.fields})}),H(o)&&V(t,{disabled:e.disabled,field:o,style:e.style,children:e.children}),pt(o)&&V(n,{field:o,value:e.value,children:i=>V($n,{children:e.children,components:e.components,config:e.config,context:e.context,disabled:e.disabled,field:o,index:i,style:e.style,translations:e.translations,value:e.value})})]},r))}import{jsx as dr}from"react/jsx-runtime";function zn(e){return n=>dr(_,{...n,components:e})}var Hn=zn({field:Ln,list:Mn});import{jsx as me}from"react/jsx-runtime";function ge(e){let t=e.translations?.[e.lang??""];return me(fn,{advanced:e.advanced,config:e.config,control:e.children,definition:e.definition,readOnly:e.readOnly,sections:e.sections,children:({disabled:n,fields:o})=>me(Hn,{config:e.config,context:e.context,disabled:n,fields:o,style:e.config.style,translations:t,value:e.value,children:r=>me(Fn,{...r,config:e.config,context:e.context,translations:t,value:e.value})})})}import{Suspense as ur}from"react";import{jsx as Gn}from"react/jsx-runtime";function fr(e){return Gn(ur,{fallback:Gn(ge,{config:e.config,sections:e.sections,readOnly:!0}),children:e.children})}export{fr as Fallback,ge as Form};