@nextlyhq/plugin-form-builder 0.0.2-alpha.34 → 0.0.2-alpha.37

package/dist/TextFieldEditor-5EU64EA5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/admin/fields/TextFieldEditor.tsx"],"sourcesContent":["/**\n * Text Field Editor\n *\n * Editor component for configuring text field properties.\n * Includes general settings (label, name, placeholder, required) and\n * validation options (minLength, maxLength, pattern).\n *\n * @module admin/fields/TextFieldEditor\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport { Input } from \"@nextlyhq/ui\";\n\nimport type { TextFormField } from \"../../types\";\n\nimport type { FieldEditorProps } from \"./index\";\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * TextFieldEditor - Configure text 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: minLength, maxLength, pattern (regex), error message\n *\n * @example\n * ```tsx\n * <TextFieldEditor\n *   field={textField}\n *   allFields={formFields}\n *   onUpdate={(updates) => handleUpdate(updates)}\n * />\n * ```\n */\nexport function TextFieldEditor({\n  field,\n  onUpdate,\n}: FieldEditorProps<TextFormField>) {\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=\"text-field-editor\">\n      {/* General Settings Section */}\n      <div className=\"text-field-editor__section\">\n        <h4 className=\"text-field-editor__section-title\">General</h4>\n\n        {/* Label */}\n        <div className=\"text-field-editor__field\">\n          <label className=\"text-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=\"text-field-editor__field\">\n          <label className=\"text-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=\"text-field-editor__input--mono\"\n          />\n          <p className=\"text-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=\"text-field-editor__field\">\n          <label\n            className=\"text-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=\"Enter placeholder text\"\n          />\n        </div>\n\n        {/* Help Text */}\n        <div className=\"text-field-editor__field\">\n          <label className=\"text-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=\"text-field-editor__hint\">Displayed below the field</p>\n        </div>\n\n        {/* Required */}\n        <div className=\"text-field-editor__field text-field-editor__field--inline\">\n          <label className=\"text-field-editor__checkbox-label\">\n            <input\n              type=\"checkbox\"\n              checked={field.required || false}\n              onChange={e => onUpdate({ required: e.target.checked })}\n              className=\"text-field-editor__checkbox\"\n            />\n            <span>Required field</span>\n          </label>\n        </div>\n      </div>\n\n      {/* Validation Section */}\n      <div className=\"text-field-editor__section\">\n        <h4 className=\"text-field-editor__section-title\">Validation</h4>\n\n        {/* Min/Max Length */}\n        <div className=\"text-field-editor__field-row\">\n          <div className=\"text-field-editor__field text-field-editor__field--half\">\n            <label\n              className=\"text-field-editor__label\"\n              htmlFor=\"field-minlength\"\n            >\n              Min Length\n            </label>\n            <Input\n              id=\"field-minlength\"\n              type=\"number\"\n              min={0}\n              value={field.validation?.minLength ?? \"\"}\n              onChange={e =>\n                updateValidation(\n                  \"minLength\",\n                  e.target.value ? parseInt(e.target.value, 10) : undefined\n                )\n              }\n              placeholder=\"0\"\n            />\n          </div>\n          <div className=\"text-field-editor__field text-field-editor__field--half\">\n            <label\n              className=\"text-field-editor__label\"\n              htmlFor=\"field-maxlength\"\n            >\n              Max Length\n            </label>\n            <Input\n              id=\"field-maxlength\"\n              type=\"number\"\n              min={0}\n              value={field.validation?.maxLength ?? \"\"}\n              onChange={e =>\n                updateValidation(\n                  \"maxLength\",\n                  e.target.value ? parseInt(e.target.value, 10) : undefined\n                )\n              }\n              placeholder=\"No limit\"\n            />\n          </div>\n        </div>\n\n        {/* Pattern */}\n        <div className=\"text-field-editor__field\">\n          <label className=\"text-field-editor__label\" htmlFor=\"field-pattern\">\n            Pattern (Regex)\n          </label>\n          <Input\n            id=\"field-pattern\"\n            type=\"text\"\n            value={field.validation?.pattern || \"\"}\n            onChange={e =>\n              updateValidation(\"pattern\", e.target.value || undefined)\n            }\n            placeholder=\"^[A-Za-z]+$\"\n            className=\"text-field-editor__input--mono\"\n          />\n          <p className=\"text-field-editor__hint\">\n            Regular expression for custom validation\n          </p>\n        </div>\n\n        {/* Error Message */}\n        <div className=\"text-field-editor__field\">\n          <label className=\"text-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 value\"\n          />\n          <p className=\"text-field-editor__hint\">\n            Custom message shown when validation fails\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default TextFieldEditor;\n"],"mappings":"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","names":[]}

package/dist/TextareaFieldEditor-773G3LNM.js

@@ -1,190 +0,0 @@
-"use client";
-
-// src/admin/fields/TextareaFieldEditor.tsx
-import { Input } from "@nextlyhq/ui";
-import { jsx, jsxs } from "react/jsx-runtime";
-function TextareaFieldEditor({
-  field,
-  onUpdate
-}) {
-  const updateValidation = (key, value) => {
-    onUpdate({
-      validation: {
-        ...field.validation,
-        [key]: value
-      }
-    });
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor", children: [
-    /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "textarea-field-editor__section-title", children: "General" }),
-      /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "textarea-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: "textarea-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "textarea-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: "textarea-field-editor__input--mono"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "textarea-field-editor__hint", children: "Used as the key in submission data. Only letters, numbers, and underscores." })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__field", children: [
-        /* @__PURE__ */ jsx(
-          "label",
-          {
-            className: "textarea-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: "Enter placeholder text"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "textarea-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: "textarea-field-editor__hint", children: "Displayed below the field" })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "textarea-field-editor__label", htmlFor: "field-rows", children: "Rows" }),
-        /* @__PURE__ */ jsx(
-          Input,
-          {
-            id: "field-rows",
-            type: "number",
-            min: 2,
-            max: 20,
-            value: field.rows ?? 4,
-            onChange: (e) => onUpdate({
-              rows: e.target.value ? parseInt(e.target.value, 10) : 4
-            }),
-            placeholder: "4"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "textarea-field-editor__hint", children: "Number of visible text rows (2-20)" })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "textarea-field-editor__field textarea-field-editor__field--inline", children: /* @__PURE__ */ jsxs("label", { className: "textarea-field-editor__checkbox-label", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            checked: field.required || false,
-            onChange: (e) => onUpdate({ required: e.target.checked }),
-            className: "textarea-field-editor__checkbox"
-          }
-        ),
-        /* @__PURE__ */ jsx("span", { children: "Required field" })
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__section", children: [
-      /* @__PURE__ */ jsx("h4", { className: "textarea-field-editor__section-title", children: "Validation" }),
-      /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__field-row", children: [
-        /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__field textarea-field-editor__field--half", children: [
-          /* @__PURE__ */ jsx(
-            "label",
-            {
-              className: "textarea-field-editor__label",
-              htmlFor: "field-minlength",
-              children: "Min Length"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "field-minlength",
-              type: "number",
-              min: 0,
-              value: field.validation?.minLength ?? "",
-              onChange: (e) => updateValidation(
-                "minLength",
-                e.target.value ? parseInt(e.target.value, 10) : void 0
-              ),
-              placeholder: "0"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__field textarea-field-editor__field--half", children: [
-          /* @__PURE__ */ jsx(
-            "label",
-            {
-              className: "textarea-field-editor__label",
-              htmlFor: "field-maxlength",
-              children: "Max Length"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Input,
-            {
-              id: "field-maxlength",
-              type: "number",
-              min: 0,
-              value: field.validation?.maxLength ?? "",
-              onChange: (e) => updateValidation(
-                "maxLength",
-                e.target.value ? parseInt(e.target.value, 10) : void 0
-              ),
-              placeholder: "No limit"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "textarea-field-editor__field", children: [
-        /* @__PURE__ */ jsx("label", { className: "textarea-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 value"
-          }
-        ),
-        /* @__PURE__ */ jsx("p", { className: "textarea-field-editor__hint", children: "Custom message shown when validation fails" })
-      ] })
-    ] })
-  ] });
-}
-var TextareaFieldEditor_default = TextareaFieldEditor;
-export {
-  TextareaFieldEditor,
-  TextareaFieldEditor_default as default
-};
-//# sourceMappingURL=TextareaFieldEditor-773G3LNM.js.map

package/dist/TextareaFieldEditor-773G3LNM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/admin/fields/TextareaFieldEditor.tsx"],"sourcesContent":["/**\n * Textarea Field Editor\n *\n * Editor component for configuring textarea field properties.\n * Includes general settings (label, name, placeholder, rows, required) and\n * validation options (minLength, maxLength).\n *\n * @module admin/fields/TextareaFieldEditor\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport { Input } from \"@nextlyhq/ui\";\n\nimport type { TextareaFormField } from \"../../types\";\n\nimport type { FieldEditorProps } from \"./index\";\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * TextareaFieldEditor - Configure textarea 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 * - Rows: Number of visible text rows (height)\n * - Required: Whether the field must be filled\n * - Validation: minLength, maxLength, error message\n *\n * @example\n * ```tsx\n * <TextareaFieldEditor\n *   field={textareaField}\n *   allFields={formFields}\n *   onUpdate={(updates) => handleUpdate(updates)}\n * />\n * ```\n */\nexport function TextareaFieldEditor({\n  field,\n  onUpdate,\n}: FieldEditorProps<TextareaFormField>) {\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=\"textarea-field-editor\">\n      {/* General Settings Section */}\n      <div className=\"textarea-field-editor__section\">\n        <h4 className=\"textarea-field-editor__section-title\">General</h4>\n\n        {/* Label */}\n        <div className=\"textarea-field-editor__field\">\n          <label className=\"textarea-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=\"textarea-field-editor__field\">\n          <label className=\"textarea-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=\"textarea-field-editor__input--mono\"\n          />\n          <p className=\"textarea-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=\"textarea-field-editor__field\">\n          <label\n            className=\"textarea-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=\"Enter placeholder text\"\n          />\n        </div>\n\n        {/* Help Text */}\n        <div className=\"textarea-field-editor__field\">\n          <label className=\"textarea-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=\"textarea-field-editor__hint\">\n            Displayed below the field\n          </p>\n        </div>\n\n        {/* Rows */}\n        <div className=\"textarea-field-editor__field\">\n          <label className=\"textarea-field-editor__label\" htmlFor=\"field-rows\">\n            Rows\n          </label>\n          <Input\n            id=\"field-rows\"\n            type=\"number\"\n            min={2}\n            max={20}\n            value={field.rows ?? 4}\n            onChange={e =>\n              onUpdate({\n                rows: e.target.value ? parseInt(e.target.value, 10) : 4,\n              })\n            }\n            placeholder=\"4\"\n          />\n          <p className=\"textarea-field-editor__hint\">\n            Number of visible text rows (2-20)\n          </p>\n        </div>\n\n        {/* Required */}\n        <div className=\"textarea-field-editor__field textarea-field-editor__field--inline\">\n          <label className=\"textarea-field-editor__checkbox-label\">\n            <input\n              type=\"checkbox\"\n              checked={field.required || false}\n              onChange={e => onUpdate({ required: e.target.checked })}\n              className=\"textarea-field-editor__checkbox\"\n            />\n            <span>Required field</span>\n          </label>\n        </div>\n      </div>\n\n      {/* Validation Section */}\n      <div className=\"textarea-field-editor__section\">\n        <h4 className=\"textarea-field-editor__section-title\">Validation</h4>\n\n        {/* Min/Max Length */}\n        <div className=\"textarea-field-editor__field-row\">\n          <div className=\"textarea-field-editor__field textarea-field-editor__field--half\">\n            <label\n              className=\"textarea-field-editor__label\"\n              htmlFor=\"field-minlength\"\n            >\n              Min Length\n            </label>\n            <Input\n              id=\"field-minlength\"\n              type=\"number\"\n              min={0}\n              value={field.validation?.minLength ?? \"\"}\n              onChange={e =>\n                updateValidation(\n                  \"minLength\",\n                  e.target.value ? parseInt(e.target.value, 10) : undefined\n                )\n              }\n              placeholder=\"0\"\n            />\n          </div>\n          <div className=\"textarea-field-editor__field textarea-field-editor__field--half\">\n            <label\n              className=\"textarea-field-editor__label\"\n              htmlFor=\"field-maxlength\"\n            >\n              Max Length\n            </label>\n            <Input\n              id=\"field-maxlength\"\n              type=\"number\"\n              min={0}\n              value={field.validation?.maxLength ?? \"\"}\n              onChange={e =>\n                updateValidation(\n                  \"maxLength\",\n                  e.target.value ? parseInt(e.target.value, 10) : undefined\n                )\n              }\n              placeholder=\"No limit\"\n            />\n          </div>\n        </div>\n\n        {/* Error Message */}\n        <div className=\"textarea-field-editor__field\">\n          <label className=\"textarea-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 value\"\n          />\n          <p className=\"textarea-field-editor__hint\">\n            Custom message shown when validation fails\n          </p>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport default TextareaFieldEditor;\n"],"mappings":";;;AAaA,SAAS,aAAa;AAiDd,cAGA,YAHA;AAlBD,SAAS,oBAAoB;AAAA,EAClC;AAAA,EACA;AACF,GAAwC;AAEtC,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,yBAEb;AAAA,yBAAC,SAAI,WAAU,kCACb;AAAA,0BAAC,QAAG,WAAU,wCAAuC,qBAAO;AAAA,MAG5D,qBAAC,SAAI,WAAU,gCACb;AAAA,4BAAC,WAAM,WAAU,gCAA+B,SAAQ,eAAc,mBAEtE;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,gCACb;AAAA,4BAAC,WAAM,WAAU,gCAA+B,SAAQ,cAAa,wBAErE;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,+BAA8B,yFAG3C;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,gCACb;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,gCACb;AAAA,4BAAC,WAAM,WAAU,gCAA+B,SAAQ,cAAa,uBAErE;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,+BAA8B,uCAE3C;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,gCACb;AAAA,4BAAC,WAAM,WAAU,gCAA+B,SAAQ,cAAa,kBAErE;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,MAAK;AAAA,YACL,KAAK;AAAA,YACL,KAAK;AAAA,YACL,OAAO,MAAM,QAAQ;AAAA,YACrB,UAAU,OACR,SAAS;AAAA,cACP,MAAM,EAAE,OAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,IAAI;AAAA,YACxD,CAAC;AAAA,YAEH,aAAY;AAAA;AAAA,QACd;AAAA,QACA,oBAAC,OAAE,WAAU,+BAA8B,gDAE3C;AAAA,SACF;AAAA,MAGA,oBAAC,SAAI,WAAU,qEACb,+BAAC,WAAM,WAAU,yCACf;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,kCACb;AAAA,0BAAC,QAAG,WAAU,wCAAuC,wBAAU;AAAA,MAG/D,qBAAC,SAAI,WAAU,oCACb;AAAA,6BAAC,SAAI,WAAU,mEACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACT;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,KAAK;AAAA,cACL,OAAO,MAAM,YAAY,aAAa;AAAA,cACtC,UAAU,OACR;AAAA,gBACE;AAAA,gBACA,EAAE,OAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,IAAI;AAAA,cAClD;AAAA,cAEF,aAAY;AAAA;AAAA,UACd;AAAA,WACF;AAAA,QACA,qBAAC,SAAI,WAAU,mEACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,WAAU;AAAA,cACV,SAAQ;AAAA,cACT;AAAA;AAAA,UAED;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,IAAG;AAAA,cACH,MAAK;AAAA,cACL,KAAK;AAAA,cACL,OAAO,MAAM,YAAY,aAAa;AAAA,cACtC,UAAU,OACR;AAAA,gBACE;AAAA,gBACA,EAAE,OAAO,QAAQ,SAAS,EAAE,OAAO,OAAO,EAAE,IAAI;AAAA,cAClD;AAAA,cAEF,aAAY;AAAA;AAAA,UACd;AAAA,WACF;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,gCACb;AAAA,4BAAC,WAAM,WAAU,gCAA+B,SAAQ,eAAc,2BAEtE;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,+BAA8B,wDAE3C;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,8BAAQ;","names":[]}

package/dist/admin/index.css

@@ -1,91 +0,0 @@
-/* src/styles/form-builder.css */
-.fb-builder-panel {
-  width: 360px;
-}
-@container content (max-width: 800px) {
-  .fb-builder-shell {
-    flex-direction: column;
-  }
-  .fb-builder-panel {
-    width: 100%;
-    border-left: 0;
-    border-top: 1px solid var(--border);
-  }
-}
-.form-notifications-tab {
-  max-width: 800px;
-}
-.form-notifications-list {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-.form-integration-card {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 14px 16px;
-  background: var(--card);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  transition: border-color 0.15s ease;
-}
-.form-integration-card:hover {
-  border-color: var(--border-strong);
-}
-.form-integration-card--disabled {
-  opacity: 0.55;
-}
-.form-integration-card-left {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex: 1;
-  min-width: 0;
-}
-.form-integration-card-info {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  min-width: 0;
-}
-.form-integration-card-name {
-  font-size: 0.9375rem;
-  font-weight: 600;
-  color: var(--foreground);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-.form-integration-provider-badge {
-  font-size: 0.75rem;
-  color: var(--muted-foreground);
-}
-.form-integration-card-actions {
-  display: flex;
-  gap: 8px;
-  flex-shrink: 0;
-}
-.form-integration-btn {
-  padding: 6px 12px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--muted-foreground);
-  background: transparent;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-.form-integration-btn--edit:hover {
-  color: var(--primary);
-  border-color: var(--primary);
-  background: color-mix(in srgb, var(--primary) 10%, transparent);
-}
-.form-integration-btn--delete:hover {
-  color: var(--destructive);
-  border-color: var(--destructive);
-  background: color-mix(in srgb, var(--destructive) 10%, transparent);
-}
-/*# sourceMappingURL=index.css.map */

package/dist/admin/index.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/form-builder.css"],"sourcesContent":["/**\n * Form Builder styles\n *\n * The builder UI is driven by Tailwind utilities and @nextlyhq/ui components in its\n * React components. This file holds only the few bespoke rules those can't express:\n *   1. The two-pane builder shell (fixed inspector panel; stacks in a narrow panel)\n *   2. Notifications tab: email-integration card list (hover/variant states)\n *\n * Colors read the admin design tokens directly (`var(--token)`), so the UI looks native\n * and inherits dark mode automatically (the admin flips the tokens under `.adminapp.dark`).\n *\n * @module styles/form-builder\n * @since 0.1.0\n */\n\n/* ---------------------------------------------------------- builder shell */\n\n/* Fixed-width inspector panel beside the fluid canvas. */\n.fb-builder-panel {\n  width: 360px;\n}\n\n/* Stack the canvas and inspector when the content panel itself gets narrow\n   (`content` is the admin content-area container). */\n@container content (max-width: 800px) {\n  .fb-builder-shell {\n    flex-direction: column;\n  }\n\n  .fb-builder-panel {\n    width: 100%;\n    border-left: 0;\n    border-top: 1px solid var(--border);\n  }\n}\n\n/* ------------------------------------------------------- notifications tab */\n\n.form-notifications-tab {\n  max-width: 800px;\n}\n\n.form-notifications-list {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n}\n\n/* --------------------------------------------------- email integration cards */\n\n.form-integration-card {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 16px;\n  padding: 14px 16px;\n  background: var(--card);\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  transition: border-color 0.15s ease;\n}\n\n.form-integration-card:hover {\n  border-color: var(--border-strong);\n}\n\n.form-integration-card--disabled {\n  opacity: 0.55;\n}\n\n.form-integration-card-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex: 1;\n  min-width: 0;\n}\n\n.form-integration-card-info {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  min-width: 0;\n}\n\n.form-integration-card-name {\n  font-size: 0.9375rem;\n  font-weight: 600;\n  color: var(--foreground);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.form-integration-provider-badge {\n  font-size: 0.75rem;\n  color: var(--muted-foreground);\n}\n\n.form-integration-card-actions {\n  display: flex;\n  gap: 8px;\n  flex-shrink: 0;\n}\n\n.form-integration-btn {\n  padding: 6px 12px;\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: var(--muted-foreground);\n  background: transparent;\n  border: 1px solid var(--border);\n  border-radius: var(--radius);\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n\n.form-integration-btn--edit:hover {\n  color: var(--primary);\n  border-color: var(--primary);\n  background: color-mix(in srgb, var(--primary) 10%, transparent);\n}\n\n.form-integration-btn--delete:hover {\n  color: var(--destructive);\n  border-color: var(--destructive);\n  background: color-mix(in srgb, var(--destructive) 10%, transparent);\n}\n"],"mappings":";AAkBA,CAAC;AACC,SAAO;AACT;AAIA,WAAW,QAAQ,CAAC,SAAS,EAAE;AAC7B,GAAC;AACC,oBAAgB;AAClB;AAEA,GAXD;AAYG,WAAO;AACP,iBAAa;AACb,gBAAY,IAAI,MAAM,IAAI;AAC5B;AACF;AAIA,CAAC;AACC,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACP;AAIA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK;AACL,WAAS,KAAK;AACd,cAAY,IAAI;AAChB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,aAAa,MAAM;AACjC;AAEA,CAZC,qBAYqB;AACpB,gBAAc,IAAI;AACpB;AAEA,CAAC;AACC,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK;AACL,QAAM;AACN,aAAW;AACb;AAEA,CAAC;AACC,WAAS;AACT,kBAAgB;AAChB,OAAK;AACL,aAAW;AACb;AAEA,CAAC;AACC,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,eAAa;AACb,YAAU;AACV,iBAAe;AACjB;AAEA,CAAC;AACC,aAAW;AACX,SAAO,IAAI;AACb;AAEA,CAAC;AACC,WAAS;AACT,OAAK;AACL,eAAa;AACf;AAEA,CAAC;AACC,WAAS,IAAI;AACb,aAAW;AACX,eAAa;AACb,SAAO,IAAI;AACX,cAAY;AACZ,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,UAAQ;AACR,cAAY,IAAI,MAAM;AACxB;AAEA,CAAC,0BAA0B;AACzB,SAAO,IAAI;AACX,gBAAc,IAAI;AAClB,cAAY,UAAU,GAAG,IAAI,EAAE,IAAI,WAAW,GAAG,EAAE;AACrD;AAEA,CAAC,4BAA4B;AAC3B,SAAO,IAAI;AACX,gBAAc,IAAI;AAClB,cAAY,UAAU,GAAG,IAAI,EAAE,IAAI,eAAe,GAAG,EAAE;AACzD;","names":[]}