react-luna-form 0.0.25 → 0.0.26

package/dist/server/esm/index.js

@@ -1,1062 +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/group.tsx
-import { jsx as jsx2 } from "react/jsx-runtime";
-function Group(props) {
-  return /* @__PURE__ */ jsx2(
-    "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
-    }
-  );
-}
-
-// ../luna-core/src/util/constant.ts
-var INPUT = "input";
-var INPUT_EMAIL = "input/email";
-var INPUT_NUMBER = "input/number";
-var TEXTAREA = "textarea";
-var RADIO = "radio";
-var CHECKBOX = "checkbox";
-var SELECT = "select";
-var SELECT_MONTH = "select/month";
-var SELECT_YEAR = "select/year";
-var COLUMN = "column";
-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 MIN = "min";
-var MAX = "max";
-var MIN_LENGTH = "minLength";
-var MAX_LENGTH = "maxLength";
-var $REF = "$ref";
-var VERTICAL = "vertical";
-var HORIZONTAL = "horizontal";
-
-// ../luna-core/src/util/is-type.ts
-function isObject(value) {
-  return value !== null && Object.prototype.toString.call(value) === "[object Object]";
-}
-function isValue(value) {
-  return typeof value === "string" || typeof value === "number" || typeof value === "boolean";
-}
-function isString(value) {
-  return typeof value === "string";
-}
-
-// ../luna-core/src/util/extract.ts
-var REGEX_TYPE = /[^/]+$/;
-function getCurrentValue(value, entity = VALUE) {
-  if (value !== null && value !== void 0) {
-    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 = { 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)) {
-        return {
-          label: `${label}`,
-          value: `${value}`
-        };
-      }
-    }
-    return item;
-  });
-}
-function getType(value = TYPE_TEXT) {
-  if (value) {
-    const result = value.match(REGEX_TYPE);
-    if (result) {
-      const [type] = result;
-      if (type !== INPUT) {
-        return type.trim().toLowerCase();
-      }
-    }
-  }
-  return TYPE_TEXT;
-}
-
-// ../luna-core/src/util/string.ts
-var REGEX_MARKDOWN_LINK = /\[([^\]]+)\]\(([^)]+)\)/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 isInterpolated(template) {
-  if (isString(template)) {
-    return /{([^}]+)}/.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(/{([^}]+)}/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 (!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 isSelectMonth = (field) => createTypeChecker(SELECT_MONTH)(field);
-var isSelectYear = (field) => createTypeChecker(SELECT_YEAR)(field);
-var isCheckbox = createTypeChecker(CHECKBOX);
-var isInput = createTypeChecker(INPUT);
-var isRadio = createTypeChecker(RADIO);
-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 isColumn(slot) {
-  return slot.type === COLUMN;
-}
-function isField(slot) {
-  return slot.type !== COLUMN;
-}
-function isOptions(field) {
-  return isSelect(field) || isRadio(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 HORIZONTAL;
-  }
-  return field.advanced?.orientation ?? VERTICAL;
-}
-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) || 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
-var REGEX_DIGITS = /^\d+$/;
-function getMonth() {
-  return Array.from({ length: 12 }, (_, i) => ({
-    value: (i + 1).toString(),
-    label: new Date(0, i).toLocaleString("default", {
-      month: "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 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;
-}
-
-// ../luna-core/src/helper/input.ts
-var now = getCurrentYear();
-function buildOptionSelect(field) {
-  if (isSelect(field)) {
-    return defineOption(field);
-  }
-}
-function defineOption(select) {
-  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));
-  }
-}
-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,
-      ...defineSelect(field)
-    };
-  }
-  if (isTextArea(field)) {
-    return {
-      ...commonProps,
-      ...defineTextArea(field)
-    };
-  }
-  return commonProps;
-}
-function defineInput(input) {
-  const type = getType(input.type);
-  const copy = { ...input, type };
-  return {
-    ...defineAutoComplete(input),
-    ...defineNumberLimits(copy),
-    ...isText(copy) ? defineLength(copy) : {},
-    type
-  };
-}
-function defineSelect(field) {
-  const options = buildOptionSelect(field);
-  if (options) {
-    return { options };
-  }
-  return {};
-}
-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 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;
-  return getCurrentValue(newValue, field.advanced?.entity);
-}
-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 (isSelect(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 };
-}
-
-// ../luna-core/src/util/prepare.ts
-var REGEX_REF = /^#\/definition\//;
-function prepare(base = [], definition) {
-  const resolved = resolveRefs(base, definition);
-  return Array.isArray(resolved) ? resolved.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;
-}
-
-// ../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/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 jsx3 } from "react/jsx-runtime";
-function formatMarkdown2(text) {
-  return formatMarkdown(
-    text,
-    (index, url, text2) => {
-      return /* @__PURE__ */ jsx3(
-        "a",
-        {
-          className: "underline",
-          href: url,
-          rel: "noopener noreferrer",
-          target: "_blank",
-          children: text2
-        },
-        `${url}-${index}`
-      );
-    }
-  );
-}
-
-// src/component/legend.tsx
-import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
-function Legend(props) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    props.title && /* @__PURE__ */ jsx4("legend", { className: "mb-3 font-medium text-slate-800 dark:text-slate-200", children: formatMarkdown2(props.title) }),
-    props.description && /* @__PURE__ */ jsx4("p", { className: "-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400", children: formatMarkdown2(props.description) })
-  ] });
-}
-
-// src/component/field/field-set.tsx
-import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
-function FieldSet(props) {
-  const fields = props.section.fields || [];
-  const { compact } = mergeStyle(props.style, {
-    compact: props.section.compact
-  });
-  if (!props.section.title && !props.section.description) {
-    return /* @__PURE__ */ jsx5(Group, { compact, children: props.children });
-  }
-  return /* @__PURE__ */ jsxs2(
-    "fieldset",
-    {
-      "data-slot": "field-set",
-      "data-empty": fields.length === 0,
-      className: "flex flex-col data-[empty=false]:gap-6",
-      id: props.section.id?.toString(),
-      children: [
-        /* @__PURE__ */ jsx5(
-          Legend,
-          {
-            description: props.section.description,
-            title: props.section.title
-          }
-        ),
-        /* @__PURE__ */ jsx5(Group, { compact, children: props.children })
-      ]
-    }
-  );
-}
-
-// src/component/form.tsx
-import { Fragment as Fragment2 } from "react";
-
-// src/component/separator.tsx
-import { jsx as jsx6 } from "react/jsx-runtime";
-function Separator() {
-  return /* @__PURE__ */ jsx6("div", { "data-slot": "field-separator", className: "relative -my-2 h-5 text-sm", children: /* @__PURE__ */ jsx6("div", { className: "absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800" }) });
-}
-
-// src/component/form.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-function Form(props) {
-  const sections = prepare(props.sections, props.definition);
-  return /* @__PURE__ */ jsx7("div", { className: "h-full w-full", children: /* @__PURE__ */ jsx7("form", { noValidate: props.noValidate, action: props.action, children: /* @__PURE__ */ jsxs3(Group, { children: [
-    sections.map((section, index) => /* @__PURE__ */ jsxs3(Fragment2, { children: [
-      /* @__PURE__ */ jsx7(FieldSet, { section, style: props.config.style, children: props.children({
-        disabled: props.readOnly,
-        fields: section.fields
-      }) }),
-      section.separator && /* @__PURE__ */ jsx7(Separator, {})
-    ] }, index)),
-    props.control && /* @__PURE__ */ jsx7(Control, { isPending: props.isPending, children: props.control })
-  ] }) }) });
-}
-
-// src/component/description.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
-function Description(props) {
-  return /* @__PURE__ */ jsx8("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 { jsx as jsx9 } from "react/jsx-runtime";
-function FormattedDescription(props) {
-  const content = formatMarkdown2(props.text);
-  if (content) {
-    return /* @__PURE__ */ jsx9(Description, { children: content });
-  }
-  return null;
-}
-
-// src/component/label.tsx
-import { twMerge } from "tailwind-merge";
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
-function Label(props) {
-  const showOptionalLabel = props.style?.showOptionalLabel ?? true;
-  const normal = isRadio(props.field) || isCheckbox(props.field);
-  return /* @__PURE__ */ jsxs4(
-    "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__ */ jsx10("span", { className: "text-sm text-slate-600 dark:text-slate-400", children: translate("(Optional)", props.translations) })
-      ]
-    }
-  );
-}
-
-// src/component/input-label.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
-function InputLabel(props) {
-  const label = isInterpolated(props.field.label) ? interpolate(props.field.label, {
-    context: props.context,
-    env: props.config?.env
-  }) : props.field.label;
-  const description = isInterpolated(props.field.description) ? interpolate(props.field.description, {
-    context: props.context,
-    env: props.config?.env
-  }) : props.field.description;
-  return /* @__PURE__ */ jsxs5(
-    "div",
-    {
-      "data-slot": "field-content",
-      className: "flex w-full flex-1 flex-col gap-1.5 leading-snug",
-      children: [
-        /* @__PURE__ */ jsx11(
-          Label,
-          {
-            field: props.field,
-            style: props.config?.style,
-            translations: props.translations,
-            children: translate(label, props.translations)
-          }
-        ),
-        props.orientation === HORIZONTAL && /* @__PURE__ */ jsx11(
-          FormattedDescription,
-          {
-            text: translate(description, props.translations)
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/component/input-group.tsx
-import { Fragment as Fragment3, jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
-function InputGroup(props) {
-  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    props.field.name && props.field.label && /* @__PURE__ */ jsx12(
-      InputLabel,
-      {
-        config: props.config,
-        context: props.context,
-        field: props.field,
-        orientation: props.orientation,
-        translations: props.translations
-      }
-    ),
-    props.children,
-    props.orientation === VERTICAL && props.field.description && /* @__PURE__ */ jsx12(
-      FormattedDescription,
-      {
-        text: translate(props.field.description, 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 jsx13 } 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__ */ jsx13(
-    InputGroup,
-    {
-      config: props.config,
-      context: props.context,
-      field: props.field,
-      orientation: props.orientation,
-      translations: props.translations,
-      children: /* @__PURE__ */ jsx13(
-        Component,
-        {
-          ...props.ariaAttributes,
-          ...commonPropsWithOptions,
-          ...props.dataAttributes,
-          ...defaultProps
-        }
-      )
-    }
-  ));
-}
-
-// src/component/field/field-error.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
-function FieldError(props) {
-  if (!props.errors || props.errors.length === 0) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx14(
-    "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__ */ jsx14("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 jsx15 } from "react/jsx-runtime";
-function FieldBase(props) {
-  const errors = props.errors && props.errors.length > 0;
-  return /* @__PURE__ */ jsx15(
-    "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 jsx16 } from "react/jsx-runtime";
-function FieldVertical(props) {
-  return /* @__PURE__ */ jsx16(
-    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 jsx17 } from "react/jsx-runtime";
-function FieldHorizontal(props) {
-  return /* @__PURE__ */ jsx17(
-    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 jsx18 } from "react/jsx-runtime";
-function FieldGroup(props) {
-  const clickable = isClickable(props.field);
-  const checkbox = isCheckbox(props.field);
-  const reversed = buildReverse(props.field);
-  if (props.orientation === VERTICAL) {
-    return /* @__PURE__ */ jsx18(
-      FieldVertical,
-      {
-        disabled: props.disabled,
-        errors: props.errors,
-        isCheckbox: checkbox,
-        isReversed: reversed,
-        isClickable: clickable,
-        children: props.children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx18(
-    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,
-    orientation: props.orientation
-  });
-}
-
-// src/component/field/field.tsx
-import { twMerge as twMerge5 } from "tailwind-merge";
-import { jsx as jsx19, jsxs as jsxs7 } 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 { orientation } = mergeStyle(props.style, {
-    orientation: buildOrientation(props.field)
-  });
-  const disabled = buildDisabled(props.field, props.disabled);
-  return /* @__PURE__ */ jsxs7("div", { className: twMerge5("flex flex-col gap-3", getSpan(cols2)), children: [
-    /* @__PURE__ */ jsx19(
-      FieldGroup,
-      {
-        disabled,
-        errors,
-        field: props.field,
-        orientation,
-        children: /* @__PURE__ */ jsx19(
-          InputBase,
-          {
-            disabled,
-            errors,
-            field: props.field,
-            orientation,
-            children: props.children
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx19(FieldError, { errors, name: props.field.name })
-  ] });
-}
-
-// src/component/column.tsx
-import { twMerge as twMerge6 } from "tailwind-merge";
-import { jsx as jsx20 } from "react/jsx-runtime";
-function Column(props) {
-  const cols2 = getColumn(props.column?.advanced?.cols);
-  return /* @__PURE__ */ jsx20("div", { className: "flex w-full flex-col gap-4", children: /* @__PURE__ */ jsx20("div", { className: twMerge6("grid grid-cols-1 gap-3 sm:gap-4", cols2), children: props.children }) });
-}
-
-// src/component/slot/slot-base.tsx
-import { Fragment as Fragment4 } from "react";
-import { jsx as jsx21, jsxs as jsxs8 } from "react/jsx-runtime";
-function SlotBase(props) {
-  const { column: Column2, field: Field2 } = props.components;
-  return prepare(props.fields).map((field, index) => /* @__PURE__ */ jsxs8(Fragment4, { children: [
-    isColumn(field) && /* @__PURE__ */ jsx21(Column2, { column: field, children: /* @__PURE__ */ jsx21(SlotBase, { ...props, fields: field.fields }) }),
-    isField(field) && /* @__PURE__ */ jsx21(Field2, { disabled: props.disabled, field, style: props.style, children: props.children })
-  ] }, index));
-}
-
-// src/component/slot/slot-create.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
-function createSlot(Field2) {
-  const CreateSlot = (props) => /* @__PURE__ */ jsx22(SlotBase, { ...props, components: { column: Column, field: Field2 } });
-  return CreateSlot;
-}
-
-// src/component/slot/slot.tsx
-var Slot = createSlot(Field);
-
-// src/server/component/form.tsx
-import { jsx as jsx23 } from "react/jsx-runtime";
-function Form2(props) {
-  const translations = props.translations?.[props.lang ?? ""];
-  return /* @__PURE__ */ jsx23(
-    Form,
-    {
-      config: props.config,
-      control: props.children,
-      definition: props.definition,
-      readOnly: props.readOnly,
-      sections: props.sections,
-      children: ({ disabled, fields }) => /* @__PURE__ */ jsx23(Slot, { disabled, fields, style: props.config.style, children: (internal) => /* @__PURE__ */ jsx23(
-        Input,
-        {
-          ...internal,
-          config: props.config,
-          context: props.context,
-          translations,
-          value: props.value
-        }
-      ) })
-    }
-  );
-}
-
-// src/server/component/fallback.tsx
-import { Suspense } from "react";
-import { jsx as jsx24 } from "react/jsx-runtime";
-function Fallback(props) {
-  return /* @__PURE__ */ jsx24(
-    Suspense,
-    {
-      fallback: /* @__PURE__ */ jsx24(Form2, { config: props.config, sections: props.sections, readOnly: true }),
-      children: props.children
-    }
-  );
-}
-export {
-  Fallback,
-  Form2 as Form
-};
+import{jsx as vt}from"react/jsx-runtime";function z(e){let t=typeof e.children=="function"?e.children({isPending:e.isPending}):e.children;return vt("div",{"data-slot":"field-control",className:"w-full",children:t})}import{Activity as rn,useState as ln}from"react";import{jsx as Z}from"react/jsx-runtime";function q(e){return Z("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:Z("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{jsx as Lt}from"react/jsx-runtime";function T(e){return Lt("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})}var I="input",J="input/email",Q="input/number";var j="textarea",ee="radio",te="checkbox",ne="select",oe="select/month",re="select/year";var M="column";var ie="label",V="value",k="options",G="email",le="number",ae="password",se="tel",C="text",ce="aria-errormessage",de="aria-invalid",ue="data-invalid",fe="data-readonly",me="aria",pe="data",ge="min",xe="max",be="minLength",ye="maxLength",A="$ref";var f="vertical",h="horizontal";function l(e){return e!==null&&Object.prototype.toString.call(e)==="[object Object]"}function m(e){return typeof e=="string"||typeof e=="number"||typeof e=="boolean"}function x(e){return typeof e=="string"}var Dt=/[^/]+$/;function Re(e,t=V){if(e!=null){if(m(e))return e;if(l(e)){let n=_t(e,t);if(m(n))return n}}}function _t(e,t){let n=b(e,t);if(m(n))return n}function b(e,t){if(!t||!l(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(l(o)&&r in o)o=o[r];else return null;return o}function Te(e,t={label:ie,value:V}){return e.map(n=>{if(l(n)){let o=b(n,t.label),r=b(n,t.value);if(m(o)&&m(r))return{label:`${o}`,value:`${r}`}}return n})}function Ae(e=C){if(e){let t=e.match(Dt);if(t){let[n]=t;if(n!==I)return n.trim().toLowerCase()}}return C}var Mt=/\[([^\]]+)\]\(([^)]+)\)/g;function N(e,t={}){if(x(e))return Vt(e,t);if(Array.isArray(e))return e.map(n=>N(n,t));if(l(e)){let n={};for(let o in e)n[o]=N(e[o],t);return n}return e}function S(e){return x(e)?/{([^}]+)}/.test(e):Array.isArray(e)?e.some(t=>S(t)):l(e)?Object.values(e).some(t=>S(t)):!1}function Vt(e,t={}){return e.replace(/{([^}]+)}/g,(n,o)=>{let r=o.includes(".")?b(t,o):t[o];return m(r)?String(r):n})}function he(e,t){if(!e||e.trim().length===0)return null;let n,o=0,r=!1,i=[];for(;(n=Mt.exec(e))!==null;){let[a,g,Pt]=n,E=n.index;r=!0,E>o&&i.push(e.substring(o,E));let wt=t?t(E,Pt,g):a;i.push(wt),o=E+a.length}return r?(o<e.length&&i.push(e.substring(o)),i):e}var Ce=e=>c(oe)(e),Ne=e=>c(re)(e),s=c(te),Se=c(I),y=c(ee),d=c(ne),Fe=c(j),Ee=c(C,G,ae,se),Kn=c(J,G),Ie=c(Q,le);function ke(e){return y(e)||s(e)}function Oe(e){return e.type===M}function Pe(e){return e.type!==M}function we(e){return d(e)||y(e)}function X(e){return e!=null&&e!==""}function c(...e){return t=>{let n=x(t.type)?t.type:void 0;return n?e.some(o=>n===o||n?.startsWith(`${o}/`)):!1}}function ve(e,t={}){if(d(e)&&e.disabled){let n=e.name?t?.[e.name]:void 0;if(n&&l(n))return[n]}}function Le(e){return y(e)||s(e)?h:e.advanced?.orientation??f}function De(e){return s(e)?e.advanced?.reverse!==!1:!1}function _e(e,t){let n=e.readonly??!1;return t||n}function Me(e){if(y(e)||d(e)&&!e.disabled){let t=e.source;if(Array.isArray(t)||l(t)&&!(A in t))return t}}var Gt=/^\d+$/;function Ve(){return Array.from({length:12},(e,t)=>({value:(t+1).toString(),label:new Date(0,t).toLocaleString("default",{month:"long"})}))}function Ge(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 Y(){return new Date().getFullYear()}function B(e,t){if(typeof e=="number")return e;let n=t??Y(),o=e.trim().toLowerCase();if(o.startsWith("current")){let r=o.match(/^current([+-])(\d+)$/);if(r){let[,i,a]=r,g=parseInt(a,10);if(!isNaN(g))return i==="+"?n+g:n-g}return n}return Gt.test(o)?parseInt(o,10):n}var O=Y();function Xt(e){if(d(e))return Yt(e)}function Yt(e){if(Ce(e))return Ve();if(Ne(e)){let t=e.advanced?.length?.min??O,n=e.advanced?.length?.max??O+5;return Ge(B(t,O),B(n,O))}}function Xe(e,t=!1){let n={disabled:t,id:e.name,name:e.name,placeholder:e.placeholder,required:e.required};return Se(e)?{...n,...Bt(e)}:d(e)?{...n,...Ut(e)}:Fe(e)?{...n,...$t(e)}:n}function Bt(e){let t=Ae(e.type),n={...e,type:t};return{...Ye(e),...Ht(n),...Ee(n)?Be(n):{},type:t}}function Ut(e){let t=Xt(e);return t?{options:t}:{}}function $t(e){return{...Ye(e),...Be(e)}}function Ye(e){let t=e.advanced?.autocomplete;return t?{autoComplete:t}:{}}function Ht(e){return Ie(e)?Kt(e):{}}function Be(e){return Ue(e,{min:be,max:ye})}function Kt(e){return Ue(e,{min:ge,max:xe})}function Ue(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 $e(e,t){let n=Me(e);return n||ve(e,t)}function Wt(e,t){let n=l(t)&&e.name in t?t[e.name]:t;return Re(n,e.advanced?.entity)}function zt(e,t,n){return we(e)&&Array.isArray(n)?{...t,[k]:n}:t}function Zt(e,t,n){if(e.required&&!X(n)&&d(e)&&e.advanced?.preselected!==!1&&k in t){let o=t[k];if(Array.isArray(o)&&o.length===1)return o[0]}return n}function qt(e,t){return d(e)&&Array.isArray(t)?Te(t,e.advanced?.options):t}function He(e,t,n,o){let r=Wt(e,o),i=Array.isArray(n)?qt(e,n):n,a=zt(e,t,i),g=Zt(e,a,r);return{commonPropsWithOptions:a,defaultValue:g}}function Ke(e,t){return s(e)?{defaultChecked:X(t)}:{defaultValue:t}}var Jt=/^#\/definition\//;function w(e=[],t){let n=P(e,t);return Array.isArray(n)?n.sort((o,r)=>We(o)-We(r)):[]}function P(e,t,n=new Map,o=new WeakSet){if(!Qt(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=>P(i,t,n,o));if(A in e&&x(e[A])){let i=e[A].replace(Jt,""),a=b(t,i);return a!==null?P(a,t,n,o):e}let r={};for(let[i,a]of Object.entries(e))r[i]=P(a,t,n,o);return o.delete(e),n.set(e,r),r}function ze(e){return Object.entries(e??{})}function We(e){return e.order??Number.MAX_VALUE}function Qt(e){return e!==void 0&&l(e)&&Object.keys(e).length>0}function Ze(e,t){let n={};for(let[o,r]of ze(t))n[`${e}-${o}`]=r;return n}function jt(e){return Ze(me,e)}function en(e){return Ze(pe,e)}function qe(e,t){let n=jt(e.advanced?.aria);return t&&t.length>0&&(n[de]="true",n[ce]=`${e.name}-error`),n}function Je(e){return en(e.advanced?.data)}var Qe={1:"md:grid-cols-1",2:"md:grid-cols-2",3:"md:grid-cols-3"},je={1:"md:col-span-1",2:"md:col-span-2",3:"md:col-span-3"};function et(e,t=2){return Qe[e&&e in Qe?e:t]}function tt(e){if(e&&e in je)return je[e]}function R(e,t){return e?t?t[e]??e:e:""}function v(e,t){return{...e,...t}}import{jsx as tn}from"react/jsx-runtime";function p(e){return he(e,(t,n,o)=>tn("a",{className:"underline",href:n,rel:"noopener noreferrer",target:"_blank",children:o},`${n}-${t}`))}import{Fragment as nn,jsx as nt,jsxs as on}from"react/jsx-runtime";function ot(e){return on(nn,{children:[e.title&&nt("legend",{className:"mb-3 font-medium text-slate-800 dark:text-slate-200",children:p(e.title)}),e.description&&nt("p",{className:"-mt-2 text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:p(e.description)})]})}import{jsx as u,jsxs as L}from"react/jsx-runtime";function rt(e){let t=e.section.fields||[],[n,o]=ln(!1),{compact:r}=v(e.style,{compact:e.section.compact});return!e.section.title&&!e.section.description?u(T,{compact:r,children:e.children}):e.section.advanced?L("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:[u("legend",{children:L("button",{type:"button",onClick:()=>o(i=>!i),className:"flex cursor-pointer items-center gap-2 text-base font-medium text-slate-600 dark:text-slate-400",children:[u(q,{expanded:n}),u("span",{children:p(e.section.title)})]})}),u(rn,{mode:n?"visible":"hidden",children:L("div",{className:"mt-3 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&&u("p",{className:"text-sm leading-normal font-normal text-slate-600 dark:text-slate-400",children:p(e.section.description)}),u(T,{compact:r,children:e.children})]})})]}):L("fieldset",{"data-slot":"field-set","data-empty":t.length===0,className:"flex flex-col data-[empty=false]:gap-6",id:e.section.id?.toString(),children:[u(ot,{description:e.section.description,title:e.section.title}),u(T,{compact:r,children:e.children})]})}import{Fragment as an}from"react";import{jsx as it}from"react/jsx-runtime";function lt(){return it("div",{"data-slot":"field-separator",className:"relative -my-2 h-5 text-sm",children:it("div",{className:"absolute inset-0 top-1/2 h-px w-full bg-slate-200 dark:bg-slate-800"})})}import{jsx as F,jsxs as at}from"react/jsx-runtime";function st(e){let t=w(e.sections,e.definition);return F("div",{className:"h-full w-full",children:F("form",{noValidate:e.noValidate,action:e.action,children:at(T,{children:[t.map((n,o)=>at(an,{children:[F(rt,{section:n,style:e.config.style,children:e.children({disabled:e.readOnly,fields:n.fields})}),n.separator&&F(lt,{})]},o)),e.control&&F(z,{isPending:e.isPending,children:e.control})]})})})}import{jsx as sn}from"react/jsx-runtime";function ct(e){return sn("p",{className:"-mt-2 text-xs leading-normal font-normal text-slate-600 dark:text-slate-400",children:e.children})}import{jsx as cn}from"react/jsx-runtime";function D(e){let t=p(e.text);return t?cn(ct,{children:t}):null}import{twMerge as dn}from"tailwind-merge";import{jsx as un,jsxs as fn}from"react/jsx-runtime";function dt(e){let t=e.style?.showOptionalLabel??!0,n=y(e.field)||s(e.field);return fn("label",{"data-slot":"field-label","data-normal":n,className:dn("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&&un("span",{className:"text-sm text-slate-600 dark:text-slate-400",children:R("(Optional)",e.translations)})]})}import{jsx as ut,jsxs as mn}from"react/jsx-runtime";function ft(e){let t=S(e.field.label)?N(e.field.label,{context:e.context,env:e.config?.env}):e.field.label,n=S(e.field.description)?N(e.field.description,{context:e.context,env:e.config?.env}):e.field.description;return mn("div",{"data-slot":"field-content",className:"flex w-full flex-1 flex-col gap-1.5 leading-snug",children:[ut(dt,{field:e.field,style:e.config?.style,translations:e.translations,children:R(t,e.translations)}),e.orientation===h&&ut(D,{text:R(n,e.translations)})]})}import{Fragment as pn,jsx as mt,jsxs as gn}from"react/jsx-runtime";function pt(e){return gn(pn,{children:[e.field.name&&e.field.label&&mt(ft,{config:e.config,context:e.context,field:e.field,orientation:e.orientation,translations:e.translations}),e.children,e.orientation===f&&e.field.description&&mt(D,{text:R(e.field.description,e.translations)})]})}function gt(e,t){return e?t(e):null}import{jsx as xt}from"react/jsx-runtime";function bt(e){let t=$e(e.field,e.value),{commonPropsWithOptions:n,defaultValue:o}=He(e.field,e.commonProps,t,e.value),r=Ke(e.field,o);return gt(e.config.inputs[e.field.type],i=>xt(pt,{config:e.config,context:e.context,field:e.field,orientation:e.orientation,translations:e.translations,children:xt(i,{...e.ariaAttributes,...n,...e.dataAttributes,...r})}))}import{jsx as yt}from"react/jsx-runtime";function Rt(e){return!e.errors||e.errors.length===0?null:yt("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)=>yt("li",{children:t},e.name?`${e.name}-error-${n}`:n))})}import{twMerge as xn}from"tailwind-merge";import{jsx as bn}from"react/jsx-runtime";function _(e){let t=e.errors&&e.errors.length>0;return bn("div",{"data-slot":"field","data-clickable":e.isClickable?"true":"false",...t&&{[ue]:"true"},...e.disabled&&{[fe]:"true"},"data-orientation":e.orientation,className:xn("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 yn}from"tailwind-merge";import{jsx as Rn}from"react/jsx-runtime";function Tt(e){return Rn(_,{...e,orientation:f,className:yn("gap-3 has-[>[data-slot=field-content]]:items-start",!e.isClickable&&"[&>*]:w-full"),children:e.children})}import{twMerge as Tn}from"tailwind-merge";import{jsx as An}from"react/jsx-runtime";function At(e){return An(_,{...e,orientation:h,className:Tn("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 ht}from"react/jsx-runtime";function Ct(e){let t=ke(e.field),n=s(e.field),o=De(e.field);return e.orientation===f?ht(Tt,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:o,isClickable:t,children:e.children}):ht(At,{disabled:e.disabled,errors:e.errors,isCheckbox:n,isReversed:o,isClickable:t,children:e.children})}function Nt(e){if(!e.field.type)return null;let t=Xe(e.field,e.disabled),n=Je(e.field),o=qe(e.field,e.errors),r={...e.field,disabled:t.disabled};return e.children({ariaAttributes:o,commonProps:t,dataAttributes:n,field:r,orientation:e.orientation})}import{twMerge as hn}from"tailwind-merge";import{jsx as U,jsxs as Cn}from"react/jsx-runtime";function St(e){let t=e.field.advanced?.cols,n=e.field.name?e.errors?.[e.field.name]:void 0,{orientation:o}=v(e.style,{orientation:Le(e.field)}),r=_e(e.field,e.disabled);return Cn("div",{className:hn("flex flex-col gap-3",tt(t)),children:[U(Ct,{disabled:r,errors:n,field:e.field,orientation:o,children:U(Nt,{disabled:r,errors:n,field:e.field,orientation:o,children:e.children})}),U(Rt,{errors:n,name:e.field.name})]})}import{twMerge as Nn}from"tailwind-merge";import{jsx as Ft}from"react/jsx-runtime";function Et(e){let t=et(e.column?.advanced?.cols);return Ft("div",{className:"flex w-full flex-col gap-4",children:Ft("div",{className:Nn("grid grid-cols-1 gap-3 sm:gap-4",t),children:e.children})})}import{Fragment as Sn}from"react";import{jsx as $,jsxs as Fn}from"react/jsx-runtime";function H(e){let{column:t,field:n}=e.components;return w(e.fields).map((o,r)=>Fn(Sn,{children:[Oe(o)&&$(t,{column:o,children:$(H,{...e,fields:o.fields})}),Pe(o)&&$(n,{disabled:e.disabled,field:o,style:e.style,children:e.children})]},r))}import{jsx as En}from"react/jsx-runtime";function It(e){return n=>En(H,{...n,components:{column:Et,field:e}})}var kt=It(St);import{jsx as K}from"react/jsx-runtime";function W(e){let t=e.translations?.[e.lang??""];return K(st,{config:e.config,control:e.children,definition:e.definition,readOnly:e.readOnly,sections:e.sections,children:({disabled:n,fields:o})=>K(kt,{disabled:n,fields:o,style:e.config.style,children:r=>K(bt,{...r,config:e.config,context:e.context,translations:t,value:e.value})})})}import{Suspense as In}from"react";import{jsx as Ot}from"react/jsx-runtime";function kn(e){return Ot(In,{fallback:Ot(W,{config:e.config,sections:e.sections,readOnly:!0}),children:e.children})}export{kn as Fallback,W as Form};