@nextlyhq/plugin-form-builder 0.0.2-alpha.6 → 0.0.2-alpha.62

package/dist/NumberFieldEditor-UISAYR6Z.js

@@ -1,175 +0,0 @@
-"use client";
-
-// src/admin/fields/NumberFieldEditor.tsx
-import { Input } from "@nextlyhq/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function NumberFieldEditor({
-  field,
-  onUpdate
-}) {
-  const updateValidation = (key, value) => {
-    onUpdate({
-      validation: {
-        ...field.validation,
-        [key]: value
-      }
-    });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "number-field-editor", children: [
-    /* @__PURE__ */ jsxs("div", { className: "number-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "number-field-editor__section-title", children: "General" }),
-      /* @__PURE__ */ jsxs("div", { className: "number-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "number-field-editor__label", htmlFor: "field-label", children: "Label" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-label",
-            type: "text",
-            value: field.label || "",
-            onChange: (e) => onUpdate({ label: e.target.value }),
-            placeholder: "Enter field label"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "number-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "number-field-editor__label", htmlFor: "field-name", children: "Field Name" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-name",
-            type: "text",
-            value: field.name || "",
-            onChange: (e) => onUpdate({
-              name: e.target.value.replace(/\s+/g, "_").replace(/[^a-zA-Z0-9_]/g, "").toLowerCase()
-            }),
-            placeholder: "field_name",
-            className: "number-field-editor__input--mono"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "number-field-editor__hint", children: "Used as the key in submission data. Only letters, numbers, and underscores." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "number-field-editor__field", children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            className: "number-field-editor__label",
-            htmlFor: "field-placeholder",
-            children: "Placeholder"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-placeholder",
-            type: "text",
-            value: field.placeholder || "",
-            onChange: (e) => onUpdate({ placeholder: e.target.value }),
-            placeholder: "0"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "number-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "number-field-editor__label", htmlFor: "field-help", children: "Help Text" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-help",
-            type: "text",
-            value: field.helpText || "",
-            onChange: (e) => onUpdate({ helpText: e.target.value }),
-            placeholder: "Additional guidance for users"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "number-field-editor__hint", children: "Displayed below the field" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "number-field-editor__field number-field-editor__field--inline", children: /* @__PURE__ */ jsxs("label", { className: "number-field-editor__checkbox-label", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: field.required || false,
-            onChange: (e) => onUpdate({ required: e.target.checked }),
-            className: "number-field-editor__checkbox"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: "Required field" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "number-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "number-field-editor__section-title", children: "Validation" }),
-      /* @__PURE__ */ jsxs("div", { className: "number-field-editor__field-row", children: [
-        /* @__PURE__ */ jsxs("div", { className: "number-field-editor__field number-field-editor__field--half", children: [
-          /* @__PURE__ */ jsx("label", { className: "number-field-editor__label", htmlFor: "field-min", children: "Min Value" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "field-min",
-              type: "number",
-              value: field.validation?.min ?? "",
-              onChange: (e) => updateValidation(
-                "min",
-                e.target.value ? parseFloat(e.target.value) : void 0
-              ),
-              placeholder: "No minimum"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "number-field-editor__field number-field-editor__field--half", children: [
-          /* @__PURE__ */ jsx("label", { className: "number-field-editor__label", htmlFor: "field-max", children: "Max Value" }),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "field-max",
-              type: "number",
-              value: field.validation?.max ?? "",
-              onChange: (e) => updateValidation(
-                "max",
-                e.target.value ? parseFloat(e.target.value) : void 0
-              ),
-              placeholder: "No maximum"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "number-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "number-field-editor__label", htmlFor: "field-step", children: "Step" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-step",
-            type: "number",
-            min: 0,
-            step: "any",
-            value: field.validation?.step ?? "",
-            onChange: (e) => updateValidation(
-              "step",
-              e.target.value ? parseFloat(e.target.value) : void 0
-            ),
-            placeholder: "1"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "number-field-editor__hint", children: "Increment/decrement step (e.g., 0.01 for decimals, 5 for multiples of 5)" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "number-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "number-field-editor__label", htmlFor: "field-error", children: "Error Message" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-error",
-            type: "text",
-            value: field.validation?.errorMessage || "",
-            onChange: (e) => updateValidation("errorMessage", e.target.value || void 0),
-            placeholder: "Please enter a valid number"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "number-field-editor__hint", children: "Custom message shown when validation fails" })
-      ] })
-    ] })
-  ] });
-}
-var NumberFieldEditor_default = NumberFieldEditor;
-export {
-  NumberFieldEditor,
-  NumberFieldEditor_default as default
-};
-//# sourceMappingURL=NumberFieldEditor-UISAYR6Z.js.map

package/dist/NumberFieldEditor-UISAYR6Z.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/admin/fields/NumberFieldEditor.tsx"],"sourcesContent":["/**\n * Number Field Editor\n *\n * Editor component for configuring number field properties.\n * Includes general settings (label, name, placeholder, required) and\n * validation options (min, max, step).\n *\n * @module admin/fields/NumberFieldEditor\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport { Input } from \"@nextlyhq/ui\";\n\nimport type { NumberFormField } from \"../../types\";\n\nimport type { FieldEditorProps } from \"./index\";\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * NumberFieldEditor - Configure number field properties\n *\n * Provides configuration options for:\n * - Label: Display text shown above the field\n * - Field Name: Key used in submission data (auto-formatted)\n * - Placeholder: Hint text shown when field is empty\n * - Help Text: Additional guidance shown below the field\n * - Required: Whether the field must be filled\n * - Validation: min, max, step, error message\n *\n * @example\n * ```tsx\n * <NumberFieldEditor\n *   field={numberField}\n *   allFields={formFields}\n *   onUpdate={(updates) => handleUpdate(updates)}\n * />\n * ```\n */\nexport function NumberFieldEditor({\n  field,\n  onUpdate,\n}: FieldEditorProps<NumberFormField>) {\n  // Helper to update validation properties\n  const updateValidation = (key: string, value: unknown) => {\n    onUpdate({\n      validation: {\n        ...field.validation,\n        [key]: value,\n      },\n    });\n  };\n\n  return (\n    <div className=\"number-field-editor\">\n      {/* General Settings Section */}\n      <div className=\"number-field-editor__section\">\n        <h4 className=\"number-field-editor__section-title\">General</h4>\n\n        {/* Label */}\n        <div className=\"number-field-editor__field\">\n          <label className=\"number-field-editor__label\" htmlFor=\"field-label\">\n            Label\n          </label>\n          <Input\n            id=\"field-label\"\n            type=\"text\"\n            value={field.label || \"\"}\n            onChange={e => onUpdate({ label: e.target.value })}\n            placeholder=\"Enter field label\"\n          />\n        </div>\n\n        {/* Field Name */}\n        <div className=\"number-field-editor__field\">\n          <label className=\"number-field-editor__label\" htmlFor=\"field-name\">\n            Field Name\n          </label>\n          <Input\n            id=\"field-name\"\n            type=\"text\"\n            value={field.name || \"\"}\n            onChange={e =>\n              onUpdate({\n                name: e.target.value\n                  .replace(/\\s+/g, \"_\")\n                  .replace(/[^a-zA-Z0-9_]/g, \"\")\n                  .toLowerCase(),\n              })\n            }\n            placeholder=\"field_name\"\n            className=\"number-field-editor__input--mono\"\n          />\n          <p className=\"number-field-editor__hint\">\n            Used as the key in submission data. Only letters, numbers, and\n            underscores.\n          </p>\n        </div>\n\n        {/* Placeholder */}\n        <div className=\"number-field-editor__field\">\n          <label\n            className=\"number-field-editor__label\"\n            htmlFor=\"field-placeholder\"\n          >\n            Placeholder\n          </label>\n          <Input\n            id=\"field-placeholder\"\n            type=\"text\"\n            value={field.placeholder || \"\"}\n            onChange={e => onUpdate({ placeholder: e.target.value })}\n            placeholder=\"0\"\n          />\n        </div>\n\n        {/* Help Text */}\n        <div className=\"number-field-editor__field\">\n          <label className=\"number-field-editor__label\" htmlFor=\"field-help\">\n            Help Text\n          </label>\n          <Input\n            id=\"field-help\"\n            type=\"text\"\n            value={field.helpText || \"\"}\n            onChange={e => onUpdate({ helpText: e.target.value })}\n            placeholder=\"Additional guidance for users\"\n          />\n          <p className=\"number-field-editor__hint\">Displayed below the field</p>\n        </div>\n\n        {/* Required */}\n        <div className=\"number-field-editor__field number-field-editor__field--inline\">\n          <label className=\"number-field-editor__checkbox-label\">\n            <input\n              type=\"checkbox\"\n              checked={field.required || false}\n              onChange={e => onUpdate({ required: e.target.checked })}\n              className=\"number-field-editor__checkbox\"\n            />\n            <span>Required field</span>\n          </label>\n        </div>\n      </div>\n\n      {/* Validation Section */}\n      <div className=\"number-field-editor__section\">\n        <h4 className=\"number-field-editor__section-title\">Validation</h4>\n\n        {/* Min/Max Value */}\n        <div className=\"number-field-editor__field-row\">\n          <div className=\"number-field-editor__field number-field-editor__field--half\">\n            <label className=\"number-field-editor__label\" htmlFor=\"field-min\">\n              Min Value\n            </label>\n            <Input\n              id=\"field-min\"\n              type=\"number\"\n              value={field.validation?.min ?? \"\"}\n              onChange={e =>\n                updateValidation(\n                  \"min\",\n                  e.target.value ? parseFloat(e.target.value) : undefined\n                )\n              }\n              placeholder=\"No minimum\"\n            />\n          </div>\n          <div className=\"number-field-editor__field number-field-editor__field--half\">\n            <label className=\"number-field-editor__label\" htmlFor=\"field-max\">\n              Max Value\n            </label>\n            <Input\n              id=\"field-max\"\n              type=\"number\"\n              value={field.validation?.max ?? \"\"}\n              onChange={e =>\n                updateValidation(\n                  \"max\",\n                  e.target.value ? parseFloat(e.target.value) : undefined\n                )\n              }\n              placeholder=\"No maximum\"\n            />\n          </div>\n        </div>\n\n        {/* Step */}\n        <div className=\"number-field-editor__field\">\n          <label className=\"number-field-editor__label\" htmlFor=\"field-step\">\n            Step\n          </label>\n          <Input\n            id=\"field-step\"\n            type=\"number\"\n            min={0}\n            step=\"any\"\n            value={field.validation?.step ?? \"\"}\n            onChange={e =>\n              updateValidation(\n                \"step\",\n                e.target.value ? parseFloat(e.target.value) : undefined\n              )\n            }\n            placeholder=\"1\"\n          />\n          <p className=\"number-field-editor__hint\">\n            Increment/decrement step (e.g., 0.01 for decimals, 5 for multiples\n            of 5)\n          </p>\n        </div>\n\n        {/* Error Message */}\n        <div className=\"number-field-editor__field\">\n          <label className=\"number-field-editor__label\" htmlFor=\"field-error\">\n            Error Message\n          </label>\n          <Input\n            id=\"field-error\"\n            type=\"text\"\n            value={field.validation?.errorMessage || \"\"}\n            onChange={e =>\n              updateValidation(\"errorMessage\", e.target.value || undefined)\n            }\n            placeholder=\"Please enter a valid number\"\n          />\n          <p className=\"number-field-editor__hint\">\n            Custom message shown when validation fails\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default NumberFieldEditor;\n"],"mappings":";;;AAaA,SAAS,aAAa;AAgDd,cAGA,YAHA;AAlBD,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA;AACF,GAAsC;AAEpC,QAAM,mBAAmB,CAAC,KAAa,UAAmB;AACxD,aAAS;AAAA,MACP,YAAY;AAAA,QACV,GAAG,MAAM;AAAA,QACT,CAAC,GAAG,GAAG;AAAA,MACT;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SACE,qBAAC,SAAI,WAAU,uBAEb;AAAA,yBAAC,SAAI,WAAU,gCACb;AAAA,0BAAC,QAAG,WAAU,sCAAqC,qBAAO;AAAA,MAG1D,qBAAC,SAAI,WAAU,8BACb;AAAA,4BAAC,WAAM,WAAU,8BAA6B,SAAQ,eAAc,mBAEpE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,OAAO,MAAM,SAAS;AAAA,YACtB,UAAU,OAAK,SAAS,EAAE,OAAO,EAAE,OAAO,MAAM,CAAC;AAAA,YACjD,aAAY;AAAA;AAAA,QACd;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,8BACb;AAAA,4BAAC,WAAM,WAAU,8BAA6B,SAAQ,cAAa,wBAEnE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,OAAO,MAAM,QAAQ;AAAA,YACrB,UAAU,OACR,SAAS;AAAA,cACP,MAAM,EAAE,OAAO,MACZ,QAAQ,QAAQ,GAAG,EACnB,QAAQ,kBAAkB,EAAE,EAC5B,YAAY;AAAA,YACjB,CAAC;AAAA,YAEH,aAAY;AAAA,YACZ,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,oBAAC,OAAE,WAAU,6BAA4B,yFAGzC;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,8BACb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,SAAQ;AAAA,YACT;AAAA;AAAA,QAED;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,OAAO,MAAM,eAAe;AAAA,YAC5B,UAAU,OAAK,SAAS,EAAE,aAAa,EAAE,OAAO,MAAM,CAAC;AAAA,YACvD,aAAY;AAAA;AAAA,QACd;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,8BACb;AAAA,4BAAC,WAAM,WAAU,8BAA6B,SAAQ,cAAa,uBAEnE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,OAAO,MAAM,YAAY;AAAA,YACzB,UAAU,OAAK,SAAS,EAAE,UAAU,EAAE,OAAO,MAAM,CAAC;AAAA,YACpD,aAAY;AAAA;AAAA,QACd;AAAA,QACA,oBAAC,OAAE,WAAU,6BAA4B,uCAAyB;AAAA,SACpE;AAAA,MAGA,oBAAC,SAAI,WAAU,iEACb,+BAAC,WAAM,WAAU,uCACf;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS,MAAM,YAAY;AAAA,YAC3B,UAAU,OAAK,SAAS,EAAE,UAAU,EAAE,OAAO,QAAQ,CAAC;AAAA,YACtD,WAAU;AAAA;AAAA,QACZ;AAAA,QACA,oBAAC,UAAK,4BAAc;AAAA,SACtB,GACF;AAAA,OACF;AAAA,IAGA,qBAAC,SAAI,WAAU,gCACb;AAAA,0BAAC,QAAG,WAAU,sCAAqC,wBAAU;AAAA,MAG7D,qBAAC,SAAI,WAAU,kCACb;AAAA,6BAAC,SAAI,WAAU,+DACb;AAAA,8BAAC,WAAM,WAAU,8BAA6B,SAAQ,aAAY,uBAElE;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,OAAO,MAAM,YAAY,OAAO;AAAA,cAChC,UAAU,OACR;AAAA,gBACE;AAAA,gBACA,EAAE,OAAO,QAAQ,WAAW,EAAE,OAAO,KAAK,IAAI;AAAA,cAChD;AAAA,cAEF,aAAY;AAAA;AAAA,UACd;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,+DACb;AAAA,8BAAC,WAAM,WAAU,8BAA6B,SAAQ,aAAY,uBAElE;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,OAAO,MAAM,YAAY,OAAO;AAAA,cAChC,UAAU,OACR;AAAA,gBACE;AAAA,gBACA,EAAE,OAAO,QAAQ,WAAW,EAAE,OAAO,KAAK,IAAI;AAAA,cAChD;AAAA,cAEF,aAAY;AAAA;AAAA,UACd;AAAA,WACF;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,8BACb;AAAA,4BAAC,WAAM,WAAU,8BAA6B,SAAQ,cAAa,kBAEnE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,KAAK;AAAA,YACL,MAAK;AAAA,YACL,OAAO,MAAM,YAAY,QAAQ;AAAA,YACjC,UAAU,OACR;AAAA,cACE;AAAA,cACA,EAAE,OAAO,QAAQ,WAAW,EAAE,OAAO,KAAK,IAAI;AAAA,YAChD;AAAA,YAEF,aAAY;AAAA;AAAA,QACd;AAAA,QACA,oBAAC,OAAE,WAAU,6BAA4B,sFAGzC;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,8BACb;AAAA,4BAAC,WAAM,WAAU,8BAA6B,SAAQ,eAAc,2BAEpE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,OAAO,MAAM,YAAY,gBAAgB;AAAA,YACzC,UAAU,OACR,iBAAiB,gBAAgB,EAAE,OAAO,SAAS,MAAS;AAAA,YAE9D,aAAY;AAAA;AAAA,QACd;AAAA,QACA,oBAAC,OAAE,WAAU,6BAA4B,wDAEzC;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,4BAAQ;","names":[]}

package/dist/RadioFieldEditor-6UQFH4WT.js

@@ -1,165 +0,0 @@
-"use client";
-import {
-  OptionsEditor
-} from "./chunk-XTCEPJ7B.js";
-
-// src/admin/fields/RadioFieldEditor.tsx
-import { Input } from "@nextlyhq/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function RadioFieldEditor({
-  field,
-  onUpdate
-}) {
-  const updateValidation = (key, value) => {
-    onUpdate({
-      validation: {
-        ...field.validation,
-        [key]: value
-      }
-    });
-  };
-  const availableOptions = field.options || [];
-  return /* @__PURE__ */ jsxs("div", { className: "radio-field-editor", children: [
-    /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "radio-field-editor__section-title", children: "General" }),
-      /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "radio-field-editor__label", htmlFor: "field-label", children: "Label" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-label",
-            type: "text",
-            value: field.label || "",
-            onChange: (e) => onUpdate({ label: e.target.value }),
-            placeholder: "Enter field label"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "radio-field-editor__label", htmlFor: "field-name", children: "Field Name" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-name",
-            type: "text",
-            value: field.name || "",
-            onChange: (e) => onUpdate({
-              name: e.target.value.replace(/\s+/g, "_").replace(/[^a-zA-Z0-9_]/g, "").toLowerCase()
-            }),
-            placeholder: "field_name",
-            className: "radio-field-editor__input--mono"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "radio-field-editor__hint", children: "Used as the key in submission data. Only letters, numbers, and underscores." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "radio-field-editor__label", htmlFor: "field-help", children: "Help Text" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-help",
-            type: "text",
-            value: field.helpText || "",
-            onChange: (e) => onUpdate({ helpText: e.target.value }),
-            placeholder: "Additional guidance for users"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "radio-field-editor__hint", children: "Displayed below the field" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "radio-field-editor__field radio-field-editor__field--inline", children: /* @__PURE__ */ jsxs("label", { className: "radio-field-editor__checkbox-label", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: field.required || false,
-            onChange: (e) => onUpdate({ required: e.target.checked }),
-            className: "radio-field-editor__checkbox"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: "Required field" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "radio-field-editor__section-title", children: "Options" }),
-      /* @__PURE__ */ jsx(
-        OptionsEditor,
-        {
-          options: field.options || [],
-          onOptionsChange: (options) => onUpdate({ options })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "radio-field-editor__section-title", children: "Settings" }),
-      /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__field", children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            className: "radio-field-editor__label",
-            htmlFor: "field-default-value",
-            children: "Default Value"
-          }
-        ),
-        availableOptions.length > 0 ? /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__default-options", children: [
-          /* @__PURE__ */ jsxs("label", { className: "radio-field-editor__default-option", children: [
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "radio",
-                name: "default-value",
-                checked: !field.defaultValue,
-                onChange: () => onUpdate({ defaultValue: void 0 }),
-                className: "radio-field-editor__radio"
-              }
-            ),
-            /* @__PURE__ */ jsx("span", { className: "radio-field-editor__default-option-label", children: "No default" })
-          ] }),
-          availableOptions.map((opt) => /* @__PURE__ */ jsxs(
-            "label",
-            {
-              className: "radio-field-editor__default-option",
-              children: [
-                /* @__PURE__ */ jsx(
-                  "input",
-                  {
-                    type: "radio",
-                    name: "default-value",
-                    checked: field.defaultValue === opt.value,
-                    onChange: () => onUpdate({ defaultValue: opt.value }),
-                    className: "radio-field-editor__radio"
-                  }
-                ),
-                /* @__PURE__ */ jsx("span", { className: "radio-field-editor__default-option-label", children: opt.label })
-              ]
-            },
-            opt.value
-          ))
-        ] }) : /* @__PURE__ */ jsx("p", { className: "radio-field-editor__hint", children: "Add options above to set a default value" }),
-        /* @__PURE__ */ jsx("p", { className: "radio-field-editor__hint", children: "Pre-selected when the form loads" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "radio-field-editor__section-title", children: "Validation" }),
-      /* @__PURE__ */ jsxs("div", { className: "radio-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "radio-field-editor__label", htmlFor: "field-error", children: "Error Message" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-error",
-            type: "text",
-            value: field.validation?.errorMessage || "",
-            onChange: (e) => updateValidation("errorMessage", e.target.value || void 0),
-            placeholder: "Please select an option"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "radio-field-editor__hint", children: "Custom message shown when validation fails" })
-      ] })
-    ] })
-  ] });
-}
-var RadioFieldEditor_default = RadioFieldEditor;
-export {
-  RadioFieldEditor,
-  RadioFieldEditor_default as default
-};
-//# sourceMappingURL=RadioFieldEditor-6UQFH4WT.js.map

package/dist/RadioFieldEditor-6UQFH4WT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/admin/fields/RadioFieldEditor.tsx"],"sourcesContent":["/**\n * Radio Field Editor\n *\n * Editor component for configuring radio button group field properties.\n * Includes general settings, options management with drag-and-drop,\n * default value selection, and validation.\n *\n * @module admin/fields/RadioFieldEditor\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport { Input } from \"@nextlyhq/ui\";\n\nimport type { RadioFormField } from \"../../types\";\n\nimport { OptionsEditor } from \"./OptionsEditor\";\n\nimport type { FieldEditorProps } from \"./index\";\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * RadioFieldEditor - Configure radio button group field properties\n *\n * Provides configuration options for:\n * - Label: Display text shown above the field\n * - Field Name: Key used in submission data (auto-formatted)\n * - Help Text: Additional guidance shown below the field\n * - Required: Whether the field must be filled\n * - Options: List of label/value pairs with drag-and-drop reordering\n * - Default Value: Pre-selected option\n * - Validation: Custom error message\n *\n * Note: Radio buttons only allow single selection (unlike Select with allowMultiple).\n *\n * @example\n * ```tsx\n * <RadioFieldEditor\n *   field={radioField}\n *   allFields={formFields}\n *   onUpdate={(updates) => handleUpdate(updates)}\n * />\n * ```\n */\nexport function RadioFieldEditor({\n  field,\n  onUpdate,\n}: FieldEditorProps<RadioFormField>) {\n  // Helper to update validation properties\n  const updateValidation = (key: string, value: unknown) => {\n    onUpdate({\n      validation: {\n        ...field.validation,\n        [key]: value,\n      },\n    });\n  };\n\n  // Get available options for default value dropdown\n  const availableOptions = field.options || [];\n\n  return (\n    <div className=\"radio-field-editor\">\n      {/* General Settings Section */}\n      <div className=\"radio-field-editor__section\">\n        <h4 className=\"radio-field-editor__section-title\">General</h4>\n\n        {/* Label */}\n        <div className=\"radio-field-editor__field\">\n          <label className=\"radio-field-editor__label\" htmlFor=\"field-label\">\n            Label\n          </label>\n          <Input\n            id=\"field-label\"\n            type=\"text\"\n            value={field.label || \"\"}\n            onChange={e => onUpdate({ label: e.target.value })}\n            placeholder=\"Enter field label\"\n          />\n        </div>\n\n        {/* Field Name */}\n        <div className=\"radio-field-editor__field\">\n          <label className=\"radio-field-editor__label\" htmlFor=\"field-name\">\n            Field Name\n          </label>\n          <Input\n            id=\"field-name\"\n            type=\"text\"\n            value={field.name || \"\"}\n            onChange={e =>\n              onUpdate({\n                name: e.target.value\n                  .replace(/\\s+/g, \"_\")\n                  .replace(/[^a-zA-Z0-9_]/g, \"\")\n                  .toLowerCase(),\n              })\n            }\n            placeholder=\"field_name\"\n            className=\"radio-field-editor__input--mono\"\n          />\n          <p className=\"radio-field-editor__hint\">\n            Used as the key in submission data. Only letters, numbers, and\n            underscores.\n          </p>\n        </div>\n\n        {/* Help Text */}\n        <div className=\"radio-field-editor__field\">\n          <label className=\"radio-field-editor__label\" htmlFor=\"field-help\">\n            Help Text\n          </label>\n          <Input\n            id=\"field-help\"\n            type=\"text\"\n            value={field.helpText || \"\"}\n            onChange={e => onUpdate({ helpText: e.target.value })}\n            placeholder=\"Additional guidance for users\"\n          />\n          <p className=\"radio-field-editor__hint\">Displayed below the field</p>\n        </div>\n\n        {/* Required */}\n        <div className=\"radio-field-editor__field radio-field-editor__field--inline\">\n          <label className=\"radio-field-editor__checkbox-label\">\n            <input\n              type=\"checkbox\"\n              checked={field.required || false}\n              onChange={e => onUpdate({ required: e.target.checked })}\n              className=\"radio-field-editor__checkbox\"\n            />\n            <span>Required field</span>\n          </label>\n        </div>\n      </div>\n\n      {/* Options Section */}\n      <div className=\"radio-field-editor__section\">\n        <h4 className=\"radio-field-editor__section-title\">Options</h4>\n\n        <OptionsEditor\n          options={field.options || []}\n          onOptionsChange={options => onUpdate({ options })}\n        />\n      </div>\n\n      {/* Settings Section */}\n      <div className=\"radio-field-editor__section\">\n        <h4 className=\"radio-field-editor__section-title\">Settings</h4>\n\n        {/* Default Value */}\n        <div className=\"radio-field-editor__field\">\n          <label\n            className=\"radio-field-editor__label\"\n            htmlFor=\"field-default-value\"\n          >\n            Default Value\n          </label>\n          {availableOptions.length > 0 ? (\n            <div className=\"radio-field-editor__default-options\">\n              {/* No default option */}\n              <label className=\"radio-field-editor__default-option\">\n                <input\n                  type=\"radio\"\n                  name=\"default-value\"\n                  checked={!field.defaultValue}\n                  onChange={() => onUpdate({ defaultValue: undefined })}\n                  className=\"radio-field-editor__radio\"\n                />\n                <span className=\"radio-field-editor__default-option-label\">\n                  No default\n                </span>\n              </label>\n\n              {/* Options as radio buttons */}\n              {availableOptions.map(opt => (\n                <label\n                  key={opt.value}\n                  className=\"radio-field-editor__default-option\"\n                >\n                  <input\n                    type=\"radio\"\n                    name=\"default-value\"\n                    checked={field.defaultValue === opt.value}\n                    onChange={() => onUpdate({ defaultValue: opt.value })}\n                    className=\"radio-field-editor__radio\"\n                  />\n                  <span className=\"radio-field-editor__default-option-label\">\n                    {opt.label}\n                  </span>\n                </label>\n              ))}\n            </div>\n          ) : (\n            <p className=\"radio-field-editor__hint\">\n              Add options above to set a default value\n            </p>\n          )}\n          <p className=\"radio-field-editor__hint\">\n            Pre-selected when the form loads\n          </p>\n        </div>\n      </div>\n\n      {/* Validation Section */}\n      <div className=\"radio-field-editor__section\">\n        <h4 className=\"radio-field-editor__section-title\">Validation</h4>\n\n        {/* Error Message */}\n        <div className=\"radio-field-editor__field\">\n          <label className=\"radio-field-editor__label\" htmlFor=\"field-error\">\n            Error Message\n          </label>\n          <Input\n            id=\"field-error\"\n            type=\"text\"\n            value={field.validation?.errorMessage || \"\"}\n            onChange={e =>\n              updateValidation(\"errorMessage\", e.target.value || undefined)\n            }\n            placeholder=\"Please select an option\"\n          />\n          <p className=\"radio-field-editor__hint\">\n            Custom message shown when validation fails\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default RadioFieldEditor;\n"],"mappings":"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","names":[]}

package/dist/SelectFieldEditor-PSO4KHV4.js

@@ -1,213 +0,0 @@
-"use client";
-import {
-  OptionsEditor
-} from "./chunk-XTCEPJ7B.js";
-
-// src/admin/fields/SelectFieldEditor.tsx
-import { Input } from "@nextlyhq/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function SelectFieldEditor({
-  field,
-  onUpdate
-}) {
-  const updateValidation = (key, value) => {
-    onUpdate({
-      validation: {
-        ...field.validation,
-        [key]: value
-      }
-    });
-  };
-  const availableOptions = field.options || [];
-  return /* @__PURE__ */ jsxs("div", { className: "select-field-editor", children: [
-    /* @__PURE__ */ jsxs("div", { className: "select-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "select-field-editor__section-title", children: "General" }),
-      /* @__PURE__ */ jsxs("div", { className: "select-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "select-field-editor__label", htmlFor: "field-label", children: "Label" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-label",
-            type: "text",
-            value: field.label || "",
-            onChange: (e) => onUpdate({ label: e.target.value }),
-            placeholder: "Enter field label"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "select-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "select-field-editor__label", htmlFor: "field-name", children: "Field Name" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-name",
-            type: "text",
-            value: field.name || "",
-            onChange: (e) => onUpdate({
-              name: e.target.value.replace(/\s+/g, "_").replace(/[^a-zA-Z0-9_]/g, "").toLowerCase()
-            }),
-            placeholder: "field_name",
-            className: "select-field-editor__input--mono"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "select-field-editor__hint", children: "Used as the key in submission data. Only letters, numbers, and underscores." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "select-field-editor__field", children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            className: "select-field-editor__label",
-            htmlFor: "field-placeholder",
-            children: "Placeholder"
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-placeholder",
-            type: "text",
-            value: field.placeholder || "",
-            onChange: (e) => onUpdate({ placeholder: e.target.value }),
-            placeholder: "Choose an option..."
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "select-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "select-field-editor__label", htmlFor: "field-help", children: "Help Text" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-help",
-            type: "text",
-            value: field.helpText || "",
-            onChange: (e) => onUpdate({ helpText: e.target.value }),
-            placeholder: "Additional guidance for users"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "select-field-editor__hint", children: "Displayed below the field" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "select-field-editor__field select-field-editor__field--inline", children: /* @__PURE__ */ jsxs("label", { className: "select-field-editor__checkbox-label", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: field.required || false,
-            onChange: (e) => onUpdate({ required: e.target.checked }),
-            className: "select-field-editor__checkbox"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: "Required field" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "select-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "select-field-editor__section-title", children: "Options" }),
-      /* @__PURE__ */ jsx(
-        OptionsEditor,
-        {
-          options: field.options || [],
-          onOptionsChange: (options) => onUpdate({ options })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "select-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "select-field-editor__section-title", children: "Settings" }),
-      /* @__PURE__ */ jsxs("div", { className: "select-field-editor__field select-field-editor__field--inline", children: [
-        /* @__PURE__ */ jsxs("label", { className: "select-field-editor__checkbox-label", children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "checkbox",
-              checked: field.allowMultiple || false,
-              onChange: (e) => onUpdate({ allowMultiple: e.target.checked }),
-              className: "select-field-editor__checkbox"
-            }
-          ),
-          /* @__PURE__ */ jsx("span", { children: "Allow multiple selections" })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "select-field-editor__hint", children: "Users can select more than one option" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "select-field-editor__field", children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            className: "select-field-editor__label",
-            htmlFor: "field-default-value",
-            children: "Default Value"
-          }
-        ),
-        field.allowMultiple ? (
-          /* Multi-select: Checkboxes for default values */
-          /* @__PURE__ */ jsx("div", { className: "select-field-editor__default-multi", children: availableOptions.length > 0 ? availableOptions.map((opt) => {
-            const currentDefaults = Array.isArray(field.defaultValue) ? field.defaultValue : [];
-            const isSelected = currentDefaults.includes(opt.value);
-            return /* @__PURE__ */ jsxs(
-              "label",
-              {
-                className: "select-field-editor__default-option",
-                children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "checkbox",
-                      checked: isSelected,
-                      onChange: (e) => {
-                        const newDefaults = e.target.checked ? [...currentDefaults, opt.value] : currentDefaults.filter((v) => v !== opt.value);
-                        onUpdate({
-                          defaultValue: newDefaults.length > 0 ? newDefaults : void 0
-                        });
-                      },
-                      className: "select-field-editor__checkbox"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx("span", { children: opt.label })
-                ]
-              },
-              opt.value
-            );
-          }) : /* @__PURE__ */ jsx("p", { className: "select-field-editor__hint", children: "Add options above to set default values" }) })
-        ) : (
-          /* Single-select: Dropdown for default value */
-          /* @__PURE__ */ jsxs(
-            "select",
-            {
-              id: "field-default-value",
-              value: field.defaultValue || "",
-              onChange: (e) => onUpdate({
-                defaultValue: e.target.value || void 0
-              }),
-              className: "select-field-editor__select",
-              children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "No default" }),
-                availableOptions.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
-              ]
-            }
-          )
-        ),
-        /* @__PURE__ */ jsx("p", { className: "select-field-editor__hint", children: "Pre-selected when the form loads" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "select-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "select-field-editor__section-title", children: "Validation" }),
-      /* @__PURE__ */ jsxs("div", { className: "select-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "select-field-editor__label", htmlFor: "field-error", children: "Error Message" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-error",
-            type: "text",
-            value: field.validation?.errorMessage || "",
-            onChange: (e) => updateValidation("errorMessage", e.target.value || void 0),
-            placeholder: "Please select an option"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "select-field-editor__hint", children: "Custom message shown when validation fails" })
-      ] })
-    ] })
-  ] });
-}
-var SelectFieldEditor_default = SelectFieldEditor;
-export {
-  SelectFieldEditor,
-  SelectFieldEditor_default as default
-};
-//# sourceMappingURL=SelectFieldEditor-PSO4KHV4.js.map

package/dist/SelectFieldEditor-PSO4KHV4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/admin/fields/SelectFieldEditor.tsx"],"sourcesContent":["/**\n * Select Field Editor\n *\n * Editor component for configuring select (dropdown) field properties.\n * Includes general settings, options management with drag-and-drop,\n * allow multiple toggle, default value selection, and validation.\n *\n * @module admin/fields/SelectFieldEditor\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport { Input } from \"@nextlyhq/ui\";\n\nimport type { SelectFormField } from \"../../types\";\n\nimport { OptionsEditor } from \"./OptionsEditor\";\n\nimport type { FieldEditorProps } from \"./index\";\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * SelectFieldEditor - Configure select (dropdown) field properties\n *\n * Provides configuration options for:\n * - Label: Display text shown above the field\n * - Field Name: Key used in submission data (auto-formatted)\n * - Placeholder: Hint text shown when no option selected\n * - Help Text: Additional guidance shown below the field\n * - Required: Whether the field must be filled\n * - Options: List of label/value pairs with drag-and-drop reordering\n * - Allow Multiple: Enable multi-select functionality\n * - Default Value: Pre-selected option(s)\n * - Validation: Custom error message\n *\n * @example\n * ```tsx\n * <SelectFieldEditor\n *   field={selectField}\n *   allFields={formFields}\n *   onUpdate={(updates) => handleUpdate(updates)}\n * />\n * ```\n */\nexport function SelectFieldEditor({\n  field,\n  onUpdate,\n}: FieldEditorProps<SelectFormField>) {\n  // Helper to update validation properties\n  const updateValidation = (key: string, value: unknown) => {\n    onUpdate({\n      validation: {\n        ...field.validation,\n        [key]: value,\n      },\n    });\n  };\n\n  // Get available options for default value dropdown\n  const availableOptions = field.options || [];\n\n  return (\n    <div className=\"select-field-editor\">\n      {/* General Settings Section */}\n      <div className=\"select-field-editor__section\">\n        <h4 className=\"select-field-editor__section-title\">General</h4>\n\n        {/* Label */}\n        <div className=\"select-field-editor__field\">\n          <label className=\"select-field-editor__label\" htmlFor=\"field-label\">\n            Label\n          </label>\n          <Input\n            id=\"field-label\"\n            type=\"text\"\n            value={field.label || \"\"}\n            onChange={e => onUpdate({ label: e.target.value })}\n            placeholder=\"Enter field label\"\n          />\n        </div>\n\n        {/* Field Name */}\n        <div className=\"select-field-editor__field\">\n          <label className=\"select-field-editor__label\" htmlFor=\"field-name\">\n            Field Name\n          </label>\n          <Input\n            id=\"field-name\"\n            type=\"text\"\n            value={field.name || \"\"}\n            onChange={e =>\n              onUpdate({\n                name: e.target.value\n                  .replace(/\\s+/g, \"_\")\n                  .replace(/[^a-zA-Z0-9_]/g, \"\")\n                  .toLowerCase(),\n              })\n            }\n            placeholder=\"field_name\"\n            className=\"select-field-editor__input--mono\"\n          />\n          <p className=\"select-field-editor__hint\">\n            Used as the key in submission data. Only letters, numbers, and\n            underscores.\n          </p>\n        </div>\n\n        {/* Placeholder */}\n        <div className=\"select-field-editor__field\">\n          <label\n            className=\"select-field-editor__label\"\n            htmlFor=\"field-placeholder\"\n          >\n            Placeholder\n          </label>\n          <Input\n            id=\"field-placeholder\"\n            type=\"text\"\n            value={field.placeholder || \"\"}\n            onChange={e => onUpdate({ placeholder: e.target.value })}\n            placeholder=\"Choose an option...\"\n          />\n        </div>\n\n        {/* Help Text */}\n        <div className=\"select-field-editor__field\">\n          <label className=\"select-field-editor__label\" htmlFor=\"field-help\">\n            Help Text\n          </label>\n          <Input\n            id=\"field-help\"\n            type=\"text\"\n            value={field.helpText || \"\"}\n            onChange={e => onUpdate({ helpText: e.target.value })}\n            placeholder=\"Additional guidance for users\"\n          />\n          <p className=\"select-field-editor__hint\">Displayed below the field</p>\n        </div>\n\n        {/* Required */}\n        <div className=\"select-field-editor__field select-field-editor__field--inline\">\n          <label className=\"select-field-editor__checkbox-label\">\n            <input\n              type=\"checkbox\"\n              checked={field.required || false}\n              onChange={e => onUpdate({ required: e.target.checked })}\n              className=\"select-field-editor__checkbox\"\n            />\n            <span>Required field</span>\n          </label>\n        </div>\n      </div>\n\n      {/* Options Section */}\n      <div className=\"select-field-editor__section\">\n        <h4 className=\"select-field-editor__section-title\">Options</h4>\n\n        <OptionsEditor\n          options={field.options || []}\n          onOptionsChange={options => onUpdate({ options })}\n        />\n      </div>\n\n      {/* Settings Section */}\n      <div className=\"select-field-editor__section\">\n        <h4 className=\"select-field-editor__section-title\">Settings</h4>\n\n        {/* Allow Multiple */}\n        <div className=\"select-field-editor__field select-field-editor__field--inline\">\n          <label className=\"select-field-editor__checkbox-label\">\n            <input\n              type=\"checkbox\"\n              checked={field.allowMultiple || false}\n              onChange={e => onUpdate({ allowMultiple: e.target.checked })}\n              className=\"select-field-editor__checkbox\"\n            />\n            <span>Allow multiple selections</span>\n          </label>\n          <p className=\"select-field-editor__hint\">\n            Users can select more than one option\n          </p>\n        </div>\n\n        {/* Default Value */}\n        <div className=\"select-field-editor__field\">\n          <label\n            className=\"select-field-editor__label\"\n            htmlFor=\"field-default-value\"\n          >\n            Default Value\n          </label>\n          {field.allowMultiple ? (\n            /* Multi-select: Checkboxes for default values */\n            <div className=\"select-field-editor__default-multi\">\n              {availableOptions.length > 0 ? (\n                availableOptions.map(opt => {\n                  const currentDefaults = Array.isArray(field.defaultValue)\n                    ? field.defaultValue\n                    : [];\n                  const isSelected = currentDefaults.includes(opt.value);\n\n                  return (\n                    <label\n                      key={opt.value}\n                      className=\"select-field-editor__default-option\"\n                    >\n                      <input\n                        type=\"checkbox\"\n                        checked={isSelected}\n                        onChange={e => {\n                          const newDefaults = e.target.checked\n                            ? [...currentDefaults, opt.value]\n                            : currentDefaults.filter(v => v !== opt.value);\n                          onUpdate({\n                            defaultValue:\n                              newDefaults.length > 0 ? newDefaults : undefined,\n                          });\n                        }}\n                        className=\"select-field-editor__checkbox\"\n                      />\n                      <span>{opt.label}</span>\n                    </label>\n                  );\n                })\n              ) : (\n                <p className=\"select-field-editor__hint\">\n                  Add options above to set default values\n                </p>\n              )}\n            </div>\n          ) : (\n            /* Single-select: Dropdown for default value */\n            <select\n              id=\"field-default-value\"\n              value={field.defaultValue || \"\"}\n              onChange={e =>\n                onUpdate({\n                  defaultValue: e.target.value || undefined,\n                })\n              }\n              className=\"select-field-editor__select\"\n            >\n              <option value=\"\">No default</option>\n              {availableOptions.map(opt => (\n                <option key={opt.value} value={opt.value}>\n                  {opt.label}\n                </option>\n              ))}\n            </select>\n          )}\n          <p className=\"select-field-editor__hint\">\n            Pre-selected when the form loads\n          </p>\n        </div>\n      </div>\n\n      {/* Validation Section */}\n      <div className=\"select-field-editor__section\">\n        <h4 className=\"select-field-editor__section-title\">Validation</h4>\n\n        {/* Error Message */}\n        <div className=\"select-field-editor__field\">\n          <label className=\"select-field-editor__label\" htmlFor=\"field-error\">\n            Error Message\n          </label>\n          <Input\n            id=\"field-error\"\n            type=\"text\"\n            value={field.validation?.errorMessage || \"\"}\n            onChange={e =>\n              updateValidation(\"errorMessage\", e.target.value || undefined)\n            }\n            placeholder=\"Please select an option\"\n          />\n          <p className=\"select-field-editor__hint\">\n            Custom message shown when validation fails\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default SelectFieldEditor;\n"],"mappings":"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","names":[]}