octocms 0.4.13 → 0.4.16

package/dist/components/ui/{field.d.ts → FormField/Field.d.ts}

@@ -14,4 +14,4 @@ type FieldProps = {
 };
 export declare function Field({ label, hint, helper, error, schema, required, locked, dirty, htmlFor, className, children, }: FieldProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=field.d.ts.map
+//# sourceMappingURL=Field.d.ts.map

package/dist/components/ui/FormField/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,MAAM,EACN,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,EACN,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,GACT,EAAE,UAAU,2CA4BZ"}

package/dist/components/ui/FormField/Field.js

@@ -0,0 +1,41 @@
+import "../../../chunk-B5LE2OEC.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Icon } from "../Icon/Icon";
+import { cn } from "../../../lib/utils";
+function Field({
+  label,
+  hint,
+  helper,
+  error,
+  schema,
+  required,
+  locked,
+  dirty,
+  htmlFor,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("octo-field", className), children: [
+    /* @__PURE__ */ jsxs("div", { className: "octo-field__header", children: [
+      /* @__PURE__ */ jsxs("label", { htmlFor, className: "octo-field__label", children: [
+        label,
+        required && /* @__PURE__ */ jsx("span", { className: "octo-field__required", children: "*" })
+      ] }),
+      schema && /* @__PURE__ */ jsx("code", { className: "octo-field__schema", children: schema }),
+      locked && /* @__PURE__ */ jsx("span", { title: "Locked", className: "octo-field__lock", children: /* @__PURE__ */ jsx(Icon.Lock, { size: 12 }) }),
+      dirty && /* @__PURE__ */ jsx("span", { className: "octo-field__dirty", children: "~ modified" }),
+      /* @__PURE__ */ jsx("div", { className: "octo-field__spacer" }),
+      hint && /* @__PURE__ */ jsx("span", { className: "octo-field__hint", children: hint })
+    ] }),
+    helper && /* @__PURE__ */ jsx("p", { className: "octo-field__helper", children: helper }),
+    children,
+    error && /* @__PURE__ */ jsxs("div", { className: "octo-field__error", children: [
+      /* @__PURE__ */ jsx(Icon.X, { size: 11 }),
+      error
+    ] })
+  ] });
+}
+export {
+  Field
+};
+//# sourceMappingURL=Field.js.map

package/dist/components/ui/FormField/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/Field.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon } from '../Icon/Icon';\nimport { cn } from '../../../lib/utils';\n\ntype FieldProps = {\n  label: React.ReactNode;\n  hint?: React.ReactNode;\n  helper?: React.ReactNode;\n  error?: React.ReactNode;\n  schema?: React.ReactNode;\n  required?: boolean;\n  locked?: boolean;\n  dirty?: boolean;\n  htmlFor?: string;\n  className?: string;\n  children: React.ReactNode;\n};\n\nexport function Field({\n  label,\n  hint,\n  helper,\n  error,\n  schema,\n  required,\n  locked,\n  dirty,\n  htmlFor,\n  className,\n  children,\n}: FieldProps) {\n  return (\n    <div className={cn('octo-field', className)}>\n      <div className=\"octo-field__header\">\n        <label htmlFor={htmlFor} className=\"octo-field__label\">\n          {label}\n          {required && <span className=\"octo-field__required\">*</span>}\n        </label>\n        {schema && <code className=\"octo-field__schema\">{schema}</code>}\n        {locked && (\n          <span title=\"Locked\" className=\"octo-field__lock\">\n            <Icon.Lock size={12} />\n          </span>\n        )}\n        {dirty && <span className=\"octo-field__dirty\">~ modified</span>}\n        <div className=\"octo-field__spacer\" />\n        {hint && <span className=\"octo-field__hint\">{hint}</span>}\n      </div>\n      {helper && <p className=\"octo-field__helper\">{helper}</p>}\n      {children}\n      {error && (\n        <div className=\"octo-field__error\">\n          <Icon.X size={11} />\n          {error}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAkCQ,SAEe,KAFf;AAjCR,SAAS,YAAY;AACrB,SAAS,UAAU;AAgBZ,SAAS,MAAM;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAe;AACb,SACE,qBAAC,SAAI,WAAW,GAAG,cAAc,SAAS,GACxC;AAAA,yBAAC,SAAI,WAAU,sBACb;AAAA,2BAAC,WAAM,SAAkB,WAAU,qBAChC;AAAA;AAAA,QACA,YAAY,oBAAC,UAAK,WAAU,wBAAuB,eAAC;AAAA,SACvD;AAAA,MACC,UAAU,oBAAC,UAAK,WAAU,sBAAsB,kBAAO;AAAA,MACvD,UACC,oBAAC,UAAK,OAAM,UAAS,WAAU,oBAC7B,8BAAC,KAAK,MAAL,EAAU,MAAM,IAAI,GACvB;AAAA,MAED,SAAS,oBAAC,UAAK,WAAU,qBAAoB,wBAAU;AAAA,MACxD,oBAAC,SAAI,WAAU,sBAAqB;AAAA,MACnC,QAAQ,oBAAC,UAAK,WAAU,oBAAoB,gBAAK;AAAA,OACpD;AAAA,IACC,UAAU,oBAAC,OAAE,WAAU,sBAAsB,kBAAO;AAAA,IACpD;AAAA,IACA,SACC,qBAAC,SAAI,WAAU,qBACb;AAAA,0BAAC,KAAK,GAAL,EAAO,MAAM,IAAI;AAAA,MACjB;AAAA,OACH;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/components/{FieldShell.d.ts → ui/FormField/FieldShell.d.ts}

@@ -9,7 +9,7 @@ type FieldShellProps = {
 /** Pill-shaped white surface that wraps a borderless input. Hover/focus states
  *  come from the `.field-shell` selector in globals.css. */
 export declare function FieldShell({ error, className, prefix, suffix, children }: FieldShellProps): import("react/jsx-runtime").JSX.Element;
-export declare const FIELD_INPUT_CLASS = "h-9 w-full bg-transparent text-[14px] text-foreground border-0 outline-none focus:outline-none placeholder:text-muted-foreground";
-export declare const FIELD_TEXTAREA_CLASS = "field-textarea w-full rounded-2xl border border-border bg-card px-4 py-3 text-[14px] text-foreground outline-none transition-colors hover:border-border-strong focus:outline-none placeholder:text-muted-foreground resize-y";
+export declare const FIELD_INPUT_CLASS = "octo-input__inner";
+export declare const FIELD_TEXTAREA_CLASS = "field-textarea octo-textarea";
 export {};
 //# sourceMappingURL=FieldShell.d.ts.map

package/dist/components/ui/FormField/FieldShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldShell.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/FieldShell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,eAAe,GAAG;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;4DAC4D;AAC5D,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,eAAe,2CAczF;AAED,eAAO,MAAM,iBAAiB,sBAAsB,CAAC;AAErD,eAAO,MAAM,oBAAoB,iCAAiC,CAAC"}

package/dist/components/ui/FormField/FieldShell.js

@@ -0,0 +1,29 @@
+"use client";
+import "../../../chunk-B5LE2OEC.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+function FieldShell({ error, className, prefix, suffix, children }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "field-shell octo-input octo-input--shell",
+        error && "octo-input--shell octo-input--shell--error",
+        className
+      ),
+      children: [
+        prefix ? /* @__PURE__ */ jsx("span", { className: "octo-input__affix", children: prefix }) : null,
+        /* @__PURE__ */ jsx("div", { className: "octo-input__inner-wrap octo-u-flex-1 octo-u-min-w-0", children }),
+        suffix ? /* @__PURE__ */ jsx("span", { className: "octo-input__affix", children: suffix }) : null
+      ]
+    }
+  );
+}
+const FIELD_INPUT_CLASS = "octo-input__inner";
+const FIELD_TEXTAREA_CLASS = "field-textarea octo-textarea";
+export {
+  FIELD_INPUT_CLASS,
+  FIELD_TEXTAREA_CLASS,
+  FieldShell
+};
+//# sourceMappingURL=FieldShell.js.map

package/dist/components/ui/FormField/FieldShell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/FieldShell.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { cn } from '../../../lib/utils';\n\ntype FieldShellProps = {\n  error?: boolean;\n  className?: string;\n  prefix?: React.ReactNode;\n  suffix?: React.ReactNode;\n  children: React.ReactNode;\n};\n\n/** Pill-shaped white surface that wraps a borderless input. Hover/focus states\n *  come from the `.field-shell` selector in globals.css. */\nexport function FieldShell({ error, className, prefix, suffix, children }: FieldShellProps) {\n  return (\n    <div\n      className={cn(\n        'field-shell octo-input octo-input--shell',\n        error && 'octo-input--shell octo-input--shell--error',\n        className,\n      )}\n    >\n      {prefix ? <span className=\"octo-input__affix\">{prefix}</span> : null}\n      <div className=\"octo-input__inner-wrap octo-u-flex-1 octo-u-min-w-0\">{children}</div>\n      {suffix ? <span className=\"octo-input__affix\">{suffix}</span> : null}\n    </div>\n  );\n}\n\nexport const FIELD_INPUT_CLASS = 'octo-input__inner';\n\nexport const FIELD_TEXTAREA_CLASS = 'field-textarea octo-textarea';\n"],"mappings":";;AAkBI,SAOY,KAPZ;AAdJ,SAAS,UAAU;AAYZ,SAAS,WAAW,EAAE,OAAO,WAAW,QAAQ,QAAQ,SAAS,GAAoB;AAC1F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,iBAAS,oBAAC,UAAK,WAAU,qBAAqB,kBAAO,IAAU;AAAA,QAChE,oBAAC,SAAI,WAAU,uDAAuD,UAAS;AAAA,QAC9E,SAAS,oBAAC,UAAK,WAAU,qBAAqB,kBAAO,IAAU;AAAA;AAAA;AAAA,EAClE;AAEJ;AAEO,MAAM,oBAAoB;AAE1B,MAAM,uBAAuB;","names":[]}

package/dist/components/ui/FormField/FormBooleanField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormBooleanField.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/FormBooleanField.tsx"],"names":[],"mappings":"AAWA,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,QAAA,MAAM,gBAAgB,GAAI,uEASvB,qBAAqB,4CAoCvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/ui/FormField/FormBooleanField.js

@@ -0,0 +1,56 @@
+"use client";
+import "../../../chunk-B5LE2OEC.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { cn } from "../../../lib/utils";
+import { Field } from "./Field";
+const DEFAULT_TRUE = "Yes";
+const DEFAULT_FALSE = "No";
+const FormBooleanField = ({
+  label,
+  name,
+  value,
+  required,
+  hint,
+  error,
+  trueLabel = DEFAULT_TRUE,
+  falseLabel = DEFAULT_FALSE
+}) => {
+  const [checked, setChecked] = useState(value === "true");
+  return /* @__PURE__ */ jsxs(Field, { label, schema: "boolean", required, hint, error, children: [
+    /* @__PURE__ */ jsx("input", { type: "hidden", name, value: checked ? "true" : "false" }),
+    /* @__PURE__ */ jsxs("div", { className: "octo-ff-boolean__track", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": checked,
+          onClick: () => setChecked(true),
+          className: cn(
+            "octo-ff-boolean__seg",
+            checked ? "octo-ff-boolean__seg octo-ff-boolean__seg--active" : "octo-ff-boolean__seg octo-ff-boolean__seg--inactive"
+          ),
+          children: trueLabel
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-pressed": !checked,
+          onClick: () => setChecked(false),
+          className: cn(
+            "octo-ff-boolean__seg",
+            !checked ? "octo-ff-boolean__seg octo-ff-boolean__seg--active" : "octo-ff-boolean__seg octo-ff-boolean__seg--inactive"
+          ),
+          children: falseLabel
+        }
+      )
+    ] })
+  ] });
+};
+var FormBooleanField_default = FormBooleanField;
+export {
+  FormBooleanField_default as default
+};
+//# sourceMappingURL=FormBooleanField.js.map

package/dist/components/ui/FormField/FormBooleanField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/FormBooleanField.tsx"],"sourcesContent":["'use client';\n\nimport React, { useState } from 'react';\n\nimport { cn } from '../../../lib/utils';\n\nimport { Field } from './Field';\n\nconst DEFAULT_TRUE = 'Yes';\nconst DEFAULT_FALSE = 'No';\n\ntype FormBooleanFieldProps = {\n  label: string;\n  name: string;\n  value: string;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  trueLabel?: string;\n  falseLabel?: string;\n};\n\nconst FormBooleanField = ({\n  label,\n  name,\n  value,\n  required,\n  hint,\n  error,\n  trueLabel = DEFAULT_TRUE,\n  falseLabel = DEFAULT_FALSE,\n}: FormBooleanFieldProps) => {\n  const [checked, setChecked] = useState(value === 'true');\n\n  return (\n    <Field label={label} schema=\"boolean\" required={required} hint={hint} error={error}>\n      <input type=\"hidden\" name={name} value={checked ? 'true' : 'false'} />\n      <div className=\"octo-ff-boolean__track\">\n        <button\n          type=\"button\"\n          aria-pressed={checked}\n          onClick={() => setChecked(true)}\n          className={cn(\n            'octo-ff-boolean__seg',\n            checked\n              ? 'octo-ff-boolean__seg octo-ff-boolean__seg--active'\n              : 'octo-ff-boolean__seg octo-ff-boolean__seg--inactive',\n          )}\n        >\n          {trueLabel}\n        </button>\n        <button\n          type=\"button\"\n          aria-pressed={!checked}\n          onClick={() => setChecked(false)}\n          className={cn(\n            'octo-ff-boolean__seg',\n            !checked\n              ? 'octo-ff-boolean__seg octo-ff-boolean__seg--active'\n              : 'octo-ff-boolean__seg octo-ff-boolean__seg--inactive',\n          )}\n        >\n          {falseLabel}\n        </button>\n      </div>\n    </Field>\n  );\n};\n\nexport default FormBooleanField;\n"],"mappings":";;AAoCM,cACA,YADA;AAlCN,SAAgB,gBAAgB;AAEhC,SAAS,UAAU;AAEnB,SAAS,aAAa;AAEtB,MAAM,eAAe;AACrB,MAAM,gBAAgB;AAatB,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ,aAAa;AACf,MAA6B;AAC3B,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,UAAU,MAAM;AAEvD,SACE,qBAAC,SAAM,OAAc,QAAO,WAAU,UAAoB,MAAY,OACpE;AAAA,wBAAC,WAAM,MAAK,UAAS,MAAY,OAAO,UAAU,SAAS,SAAS;AAAA,IACpE,qBAAC,SAAI,WAAU,0BACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,gBAAc;AAAA,UACd,SAAS,MAAM,WAAW,IAAI;AAAA,UAC9B,WAAW;AAAA,YACT;AAAA,YACA,UACI,sDACA;AAAA,UACN;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,gBAAc,CAAC;AAAA,UACf,SAAS,MAAM,WAAW,KAAK;AAAA,UAC/B,WAAW;AAAA,YACT;AAAA,YACA,CAAC,UACG,sDACA;AAAA,UACN;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,2BAAQ;","names":[]}

package/dist/components/ui/FormField/FormColorField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormColorField.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/FormColorField.tsx"],"names":[],"mappings":"AAYA,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,0EASrB,mBAAmB,4CA0ErB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/{FormColorField.js → ui/FormField/FormColorField.js}

@@ -1,11 +1,10 @@
 "use client";
-import "../chunk-B5LE2OEC.js";
+import "../../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
-import { normalizeHexColor } from "../lib/colorField";
-import { cn } from "../lib/utils";
-import { FieldHintAndError } from "./FieldHintAndError";
-import { FieldLabel } from "./FieldLabel";
+import { normalizeHexColor } from "../../../lib/colorField";
+import { cn } from "../../../lib/utils";
+import { Field } from "./Field";
 import { FieldShell, FIELD_INPUT_CLASS } from "./FieldShell";
 const PICKER_FALLBACK = "#000000";
 const FormColorField = ({
@@ -53,25 +52,24 @@ const FormColorField = ({
       setHexDraft(hex);
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "mb-5", children: [
-    /* @__PURE__ */ jsx(FieldLabel, { label, type: "color", required }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3", children: [
+  return /* @__PURE__ */ jsxs(Field, { label, schema: "color", required, hint, error, children: [
+    /* @__PURE__ */ jsxs("div", { className: "octo-ff-color__row", children: [
       /* @__PURE__ */ jsx(
         "input",
         {
           type: "color",
-          className: cn("h-10 w-12 cursor-pointer rounded-full border border-border bg-card p-1"),
+          className: "octo-ff-color__picker",
           value: hex || PICKER_FALLBACK,
           onChange: onPickerChange,
           "aria-invalid": error ? true : void 0,
           "aria-label": `${label} color picker`
         }
       ),
-      allowInput ? /* @__PURE__ */ jsx("div", { className: "max-w-[12rem] flex-1", children: /* @__PURE__ */ jsx(FieldShell, { error: !!error, children: /* @__PURE__ */ jsx(
+      allowInput ? /* @__PURE__ */ jsx("div", { className: "octo-ff-color__input-wrap", children: /* @__PURE__ */ jsx(FieldShell, { error: !!error, children: /* @__PURE__ */ jsx(
         "input",
         {
           type: "text",
-          className: cn(FIELD_INPUT_CLASS, "font-mono"),
+          className: cn(FIELD_INPUT_CLASS, "octo-ff-color__hex-input"),
           value: hexDraft,
           onChange: (e) => {
             setHexDraft(e.target.value);
@@ -85,8 +83,7 @@ const FormColorField = ({
         }
       ) }) }) : null
     ] }),
-    /* @__PURE__ */ jsx("input", { type: "hidden", name, value: hex }),
-    /* @__PURE__ */ jsx(FieldHintAndError, { hint, error })
+    /* @__PURE__ */ jsx("input", { type: "hidden", name, value: hex })
   ] });
 };
 var FormColorField_default = FormColorField;

package/dist/components/ui/FormField/FormColorField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/FormColorField.tsx"],"sourcesContent":["'use client';\n\nimport React, { useEffect, useState } from 'react';\n\nimport { normalizeHexColor } from '../../../lib/colorField';\nimport { cn } from '../../../lib/utils';\n\nimport { Field } from './Field';\nimport { FieldShell, FIELD_INPUT_CLASS } from './FieldShell';\n\nconst PICKER_FALLBACK = '#000000';\n\ntype FormColorFieldProps = {\n  label: string;\n  name: string;\n  value: string;\n  allowInput?: boolean;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  onClearError?: (fieldName: string) => void;\n};\n\nconst FormColorField = ({\n  label,\n  name,\n  value,\n  allowInput,\n  required,\n  hint,\n  error,\n  onClearError,\n}: FormColorFieldProps) => {\n  const normalizedInitial = normalizeHexColor(String(value).trim()) ?? '';\n  const [hex, setHex] = useState(normalizedInitial);\n  const [hexDraft, setHexDraft] = useState(normalizedInitial);\n\n  useEffect(() => {\n    const next = normalizeHexColor(String(value).trim()) ?? '';\n    setHex(next);\n    setHexDraft(next);\n  }, [value]);\n\n  const applyHex = (next: string) => {\n    setHex(next);\n    setHexDraft(next);\n    onClearError?.(name);\n  };\n\n  const onPickerChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    applyHex(e.target.value.toLowerCase());\n  };\n\n  const onHexBlur = () => {\n    const trimmed = hexDraft.trim();\n    if (!trimmed) {\n      if (!required) {\n        applyHex('');\n      } else {\n        setHexDraft(hex);\n      }\n      return;\n    }\n    const n = normalizeHexColor(trimmed);\n    if (n) {\n      applyHex(n);\n    } else {\n      setHexDraft(hex);\n    }\n  };\n\n  return (\n    <Field label={label} schema=\"color\" required={required} hint={hint} error={error}>\n      <div className=\"octo-ff-color__row\">\n        <input\n          type=\"color\"\n          className=\"octo-ff-color__picker\"\n          value={hex || PICKER_FALLBACK}\n          onChange={onPickerChange}\n          aria-invalid={error ? true : undefined}\n          aria-label={`${label} color picker`}\n        />\n        {allowInput ? (\n          <div className=\"octo-ff-color__input-wrap\">\n            <FieldShell error={!!error}>\n              <input\n                type=\"text\"\n                className={cn(FIELD_INPUT_CLASS, 'octo-ff-color__hex-input')}\n                value={hexDraft}\n                onChange={(e) => {\n                  setHexDraft(e.target.value);\n                  onClearError?.(name);\n                }}\n                onBlur={onHexBlur}\n                placeholder=\"#aabbcc\"\n                spellCheck={false}\n                aria-invalid={error ? true : undefined}\n                aria-label={`${label} hex value`}\n              />\n            </FieldShell>\n          </div>\n        ) : null}\n      </div>\n      <input type=\"hidden\" name={name} value={hex} />\n    </Field>\n  );\n};\n\nexport default FormColorField;\n"],"mappings":";;AAyEM,SACE,KADF;AAvEN,SAAgB,WAAW,gBAAgB;AAE3C,SAAS,yBAAyB;AAClC,SAAS,UAAU;AAEnB,SAAS,aAAa;AACtB,SAAS,YAAY,yBAAyB;AAE9C,MAAM,kBAAkB;AAaxB,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA2B;AAhC3B;AAiCE,QAAM,qBAAoB,uBAAkB,OAAO,KAAK,EAAE,KAAK,CAAC,MAAtC,YAA2C;AACrE,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,iBAAiB;AAChD,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,iBAAiB;AAE1D,YAAU,MAAM;AArClB,QAAAA;AAsCI,UAAM,QAAOA,MAAA,kBAAkB,OAAO,KAAK,EAAE,KAAK,CAAC,MAAtC,OAAAA,MAA2C;AACxD,WAAO,IAAI;AACX,gBAAY,IAAI;AAAA,EAClB,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,WAAW,CAAC,SAAiB;AACjC,WAAO,IAAI;AACX,gBAAY,IAAI;AAChB,iDAAe;AAAA,EACjB;AAEA,QAAM,iBAAiB,CAAC,MAA2C;AACjE,aAAS,EAAE,OAAO,MAAM,YAAY,CAAC;AAAA,EACvC;AAEA,QAAM,YAAY,MAAM;AACtB,UAAM,UAAU,SAAS,KAAK;AAC9B,QAAI,CAAC,SAAS;AACZ,UAAI,CAAC,UAAU;AACb,iBAAS,EAAE;AAAA,MACb,OAAO;AACL,oBAAY,GAAG;AAAA,MACjB;AACA;AAAA,IACF;AACA,UAAM,IAAI,kBAAkB,OAAO;AACnC,QAAI,GAAG;AACL,eAAS,CAAC;AAAA,IACZ,OAAO;AACL,kBAAY,GAAG;AAAA,IACjB;AAAA,EACF;AAEA,SACE,qBAAC,SAAM,OAAc,QAAO,SAAQ,UAAoB,MAAY,OAClE;AAAA,yBAAC,SAAI,WAAU,sBACb;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,OAAO,OAAO;AAAA,UACd,UAAU;AAAA,UACV,gBAAc,QAAQ,OAAO;AAAA,UAC7B,cAAY,GAAG,KAAK;AAAA;AAAA,MACtB;AAAA,MACC,aACC,oBAAC,SAAI,WAAU,6BACb,8BAAC,cAAW,OAAO,CAAC,CAAC,OACnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAW,GAAG,mBAAmB,0BAA0B;AAAA,UAC3D,OAAO;AAAA,UACP,UAAU,CAAC,MAAM;AACf,wBAAY,EAAE,OAAO,KAAK;AAC1B,yDAAe;AAAA,UACjB;AAAA,UACA,QAAQ;AAAA,UACR,aAAY;AAAA,UACZ,YAAY;AAAA,UACZ,gBAAc,QAAQ,OAAO;AAAA,UAC7B,cAAY,GAAG,KAAK;AAAA;AAAA,MACtB,GACF,GACF,IACE;AAAA,OACN;AAAA,IACA,oBAAC,WAAM,MAAK,UAAS,MAAY,OAAO,KAAK;AAAA,KAC/C;AAEJ;AAEA,IAAO,yBAAQ;","names":["_a"]}

package/dist/components/{FormConditionalField.d.ts → ui/FormField/FormConditionalField.d.ts}

@@ -1,4 +1,4 @@
-import type { ConditionalCollectionField } from '../admin/types';
+import type { ConditionalCollectionField } from '../../../admin/types';
 type FormConditionalFieldProps = {
     name: string;
     label: string;

package/dist/components/ui/FormField/FormConditionalField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormConditionalField.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/FormConditionalField.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAmB,0BAA0B,EAAE,MAAM,sBAAsB,CAAC;AAmBxF,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,0BAA0B,CAAC;IAChC,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAwBF,QAAA,MAAM,oBAAoB,GAAI,qFAU3B,yBAAyB,4CAyE3B,CAAC;AA4OF,eAAe,oBAAoB,CAAC"}

package/dist/components/{FormConditionalField.js → ui/FormField/FormConditionalField.js}

@@ -2,13 +2,13 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-B5LE2OEC.js";
+} from "../../../chunk-B5LE2OEC.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useMemo, useState } from "react";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "./ui";
-import { cn } from "../lib/utils";
-import { jsonFieldValueToFormString } from "../lib/jsonField";
-import { FieldHintAndError } from "./FieldHintAndError";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "../Tabs/Tabs";
+import { cn } from "../../../lib/utils";
+import { jsonFieldValueToFormString } from "../../../lib/jsonField";
+import { Field } from "./Field";
 import FormBooleanField from "./FormBooleanField";
 import FormColorField from "./FormColorField";
 import FormDatetimeField from "./FormDatetimeField";
@@ -57,59 +57,62 @@ const FormConditionalField = ({
   const initialValues = useMemo(() => parseBranchValues(value, branches), [value, branches]);
   const [activeTab, setActiveTab] = useState((_b = (_a = branches[0]) == null ? void 0 : _a.key) != null ? _b : "");
   const serialized = useMemo(() => JSON.stringify(initialValues), [initialValues]);
-  return /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
-    /* @__PURE__ */ jsxs("div", { className: "block text-xs font-medium text-muted-foreground mb-1.5", children: [
+  return /* @__PURE__ */ jsxs(
+    Field,
+    {
       label,
-      required ? /* @__PURE__ */ jsx("span", { className: "text-destructive ml-1", children: "*" }) : null
-    ] }),
-    /* @__PURE__ */ jsx("input", { type: "hidden", name, value: serialized }),
-    /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "mt-1", children: [
-      /* @__PURE__ */ jsx(TabsList, { className: "flex gap-0.5 h-auto bg-transparent border-b border-border rounded-none p-0", children: branches.map((branch) => {
-        const branchPrefix = `${name}.${branch.key}`;
-        const hasBranchError = fieldErrors ? Object.keys(fieldErrors).some((k) => k.startsWith(branchPrefix)) : false;
-        return /* @__PURE__ */ jsxs(
-          TabsTrigger,
-          {
-            value: branch.key,
-            className: cn(
-              "relative px-3 py-1.5 text-sm font-medium transition-colors rounded-none",
-              "text-muted-foreground hover:text-foreground",
-              "data-[state=active]:bg-transparent data-[state=active]:shadow-none data-[state=active]:text-foreground",
-              "data-[state=active]:after:absolute data-[state=active]:after:bottom-[-1px] data-[state=active]:after:left-0 data-[state=active]:after:right-0 data-[state=active]:after:h-[2px] data-[state=active]:after:bg-primary",
-              hasBranchError && "text-destructive"
-            ),
-            children: [
-              branch.label,
-              /* @__PURE__ */ jsx("span", { className: "ml-1.5 rounded bg-muted px-1 py-0.5 text-[10px] font-normal text-muted-foreground", children: branch.key })
-            ]
-          },
-          branch.key
-        );
-      }) }),
-      branches.map((branch) => /* @__PURE__ */ jsx(TabsContent, { value: branch.key, className: "pt-3", children: branch.collection ? /* @__PURE__ */ jsx(
-        ReferenceBranchEditor,
-        {
-          parentName: name,
-          branchKey: branch.key,
-          collection: branch.collection,
-          value: initialValues[branch.key],
-          fieldErrors,
-          onClearFieldError
-        }
-      ) : branch.fields ? /* @__PURE__ */ jsx(
-        InlineBranchEditor,
-        {
-          parentName: name,
-          branchKey: branch.key,
-          fields: branch.fields,
-          values: typeof initialValues[branch.key] === "object" && initialValues[branch.key] ? initialValues[branch.key] : {},
-          fieldErrors,
-          onClearFieldError
-        }
-      ) : null }, branch.key))
-    ] }),
-    /* @__PURE__ */ jsx(FieldHintAndError, { hint, error })
-  ] });
+      schema: "conditional",
+      required,
+      hint,
+      error,
+      className: "octo-ff-conditional",
+      children: [
+        /* @__PURE__ */ jsx("input", { type: "hidden", name, value: serialized }),
+        /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "octo-ff-conditional__tabs", children: [
+          /* @__PURE__ */ jsx(TabsList, { className: "octo-ff-conditional__tablist", children: branches.map((branch) => {
+            const branchPrefix = `${name}.${branch.key}`;
+            const hasBranchError = fieldErrors ? Object.keys(fieldErrors).some((k) => k.startsWith(branchPrefix)) : false;
+            return /* @__PURE__ */ jsxs(
+              TabsTrigger,
+              {
+                value: branch.key,
+                className: cn(
+                  "octo-ff-conditional__tab",
+                  hasBranchError && "octo-ff-conditional__tab octo-ff-conditional__tab--error"
+                ),
+                children: [
+                  branch.label,
+                  /* @__PURE__ */ jsx("span", { className: "octo-ff-conditional__tab-key", children: branch.key })
+                ]
+              },
+              branch.key
+            );
+          }) }),
+          branches.map((branch) => /* @__PURE__ */ jsx(TabsContent, { value: branch.key, className: "octo-ff-conditional__content", children: branch.collection ? /* @__PURE__ */ jsx(
+            ReferenceBranchEditor,
+            {
+              parentName: name,
+              branchKey: branch.key,
+              collection: branch.collection,
+              value: initialValues[branch.key],
+              fieldErrors,
+              onClearFieldError
+            }
+          ) : branch.fields ? /* @__PURE__ */ jsx(
+            InlineBranchEditor,
+            {
+              parentName: name,
+              branchKey: branch.key,
+              fields: branch.fields,
+              values: typeof initialValues[branch.key] === "object" && initialValues[branch.key] ? initialValues[branch.key] : {},
+              fieldErrors,
+              onClearFieldError
+            }
+          ) : null }, branch.key))
+        ] })
+      ]
+    }
+  );
 };
 function InlineBranchEditor({
   parentName,
@@ -119,7 +122,7 @@ function InlineBranchEditor({
   fieldErrors,
   onClearFieldError
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Object.entries(fields).map(([key, def]) => {
+  return /* @__PURE__ */ jsx("div", { className: "octo-ff-conditional__branch", children: Object.entries(fields).map(([key, def]) => {
     var _a, _b;
     const rawVal = values[key];
     const errorKey = `${parentName}.${branchKey}.${key}`;

package/dist/components/ui/FormField/FormConditionalField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/FormConditionalField.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo, useState } from 'react';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../Tabs/Tabs';\n\nimport type { CollectionField, ConditionalCollectionField } from '../../../admin/types';\nimport { cn } from '../../../lib/utils';\nimport { jsonFieldValueToFormString } from '../../../lib/jsonField';\n\nimport { Field } from './Field';\nimport FormBooleanField from './FormBooleanField';\nimport FormColorField from './FormColorField';\nimport FormDatetimeField from './FormDatetimeField';\nimport FormImageField from './FormImageField';\nimport FormJsonField from './FormJsonField';\nimport FormMarkdownField from './FormMarkdownField';\nimport FormNumberField from './FormNumberField';\nimport FormReferenceField from './FormReferenceField';\nimport FormSelectField from './FormSelectField';\nimport FormStringField from './FormStringField';\nimport FormStringListField from './FormStringListField';\nimport FormTextField from './FormTextField';\nimport FormUrlField from './FormUrlField';\n\ntype FormConditionalFieldProps = {\n  name: string;\n  label: string;\n  def: ConditionalCollectionField;\n  value: unknown;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  fieldErrors?: Record<string, string>;\n  onClearFieldError?: (fieldName: string) => void;\n};\n\nfunction parseBranchValues(value: unknown, branches: ConditionalCollectionField['conditional']['branches']) {\n  if (typeof value === 'object' && value && !Array.isArray(value)) {\n    return value as Record<string, unknown>;\n  }\n  if (typeof value === 'string' && value.trim()) {\n    try {\n      const parsed = JSON.parse(value);\n      if (typeof parsed === 'object' && parsed && !Array.isArray(parsed)) {\n        return parsed as Record<string, unknown>;\n      }\n    } catch {\n      /* fall through */\n    }\n  }\n  // Return empty defaults\n  const defaults: Record<string, unknown> = {};\n  for (const b of branches) {\n    defaults[b.key] = b.fields ? {} : '';\n  }\n  return defaults;\n}\n\nconst FormConditionalField = ({\n  name,\n  label,\n  def,\n  value,\n  required,\n  hint,\n  error,\n  fieldErrors,\n  onClearFieldError,\n}: FormConditionalFieldProps) => {\n  const branches = def.conditional.branches;\n  const initialValues = useMemo(() => parseBranchValues(value, branches), [value, branches]);\n  const [activeTab, setActiveTab] = useState(branches[0]?.key ?? '');\n\n  // Serialize the full conditional value as hidden JSON for form submission\n  const serialized = useMemo(() => JSON.stringify(initialValues), [initialValues]);\n\n  return (\n    <Field\n      label={label}\n      schema=\"conditional\"\n      required={required}\n      hint={hint}\n      error={error}\n      className=\"octo-ff-conditional\"\n    >\n      <input type=\"hidden\" name={name} value={serialized} />\n\n      <Tabs value={activeTab} onValueChange={setActiveTab} className=\"octo-ff-conditional__tabs\">\n        <TabsList className=\"octo-ff-conditional__tablist\">\n          {branches.map((branch) => {\n            const branchPrefix = `${name}.${branch.key}`;\n            const hasBranchError = fieldErrors\n              ? Object.keys(fieldErrors).some((k) => k.startsWith(branchPrefix))\n              : false;\n\n            return (\n              <TabsTrigger\n                key={branch.key}\n                value={branch.key}\n                className={cn(\n                  'octo-ff-conditional__tab',\n                  hasBranchError && 'octo-ff-conditional__tab octo-ff-conditional__tab--error',\n                )}\n              >\n                {branch.label}\n                <span className=\"octo-ff-conditional__tab-key\">{branch.key}</span>\n              </TabsTrigger>\n            );\n          })}\n        </TabsList>\n\n        {branches.map((branch) => (\n          <TabsContent key={branch.key} value={branch.key} className=\"octo-ff-conditional__content\">\n            {branch.collection ? (\n              <ReferenceBranchEditor\n                parentName={name}\n                branchKey={branch.key}\n                collection={branch.collection}\n                value={initialValues[branch.key]}\n                fieldErrors={fieldErrors}\n                onClearFieldError={onClearFieldError}\n              />\n            ) : branch.fields ? (\n              <InlineBranchEditor\n                parentName={name}\n                branchKey={branch.key}\n                fields={branch.fields}\n                values={\n                  typeof initialValues[branch.key] === 'object' && initialValues[branch.key]\n                    ? (initialValues[branch.key] as Record<string, unknown>)\n                    : {}\n                }\n                fieldErrors={fieldErrors}\n                onClearFieldError={onClearFieldError}\n              />\n            ) : null}\n          </TabsContent>\n        ))}\n      </Tabs>\n    </Field>\n  );\n};\n\n// ---------------------------------------------------------------------------\n// Inline branch editor — renders form fields for the branch's field definitions\n// ---------------------------------------------------------------------------\n\ntype InlineBranchEditorProps = {\n  parentName: string;\n  branchKey: string;\n  fields: Record<string, CollectionField>;\n  values: Record<string, unknown>;\n  fieldErrors?: Record<string, string>;\n  onClearFieldError?: (fieldName: string) => void;\n};\n\nfunction InlineBranchEditor({\n  parentName,\n  branchKey,\n  fields,\n  values,\n  fieldErrors,\n  onClearFieldError,\n}: InlineBranchEditorProps) {\n  return (\n    <div className=\"octo-ff-conditional__branch\">\n      {Object.entries(fields).map(([key, def]) => {\n        const rawVal = values[key];\n        const errorKey = `${parentName}.${branchKey}.${key}`;\n        const err = fieldErrors?.[errorKey];\n        const common = {\n          hint: def.hint,\n          error: err,\n          required: def.required,\n        };\n\n        // Use a unique compound name so nested fields don't collide\n        const fieldName = `${parentName}.${branchKey}.${key}`;\n\n        const formTextValue =\n          def.format === 'json'\n            ? jsonFieldValueToFormString(rawVal)\n            : rawVal === undefined || rawVal === null\n              ? ''\n              : String(rawVal);\n\n        switch (def.format) {\n          case 'string':\n            return def.list === true ? (\n              <FormStringListField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={rawVal}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            ) : (\n              <FormStringField key={fieldName} name={fieldName} label={def.label} value={formTextValue} {...common} />\n            );\n          case 'text':\n            return (\n              <FormTextField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                rows={def.rows}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'url':\n            return (\n              <FormUrlField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'color':\n            return (\n              <FormColorField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                allowInput={def.allowInput}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'number':\n            return (\n              <FormNumberField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                min={def.min}\n                max={def.max}\n                step={def.step}\n                valueType={def.valueType}\n                {...common}\n              />\n            );\n          case 'datetime':\n            return (\n              <FormDatetimeField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                dateOnly={def.dateOnly}\n                defaultNow={def.defaultNow}\n                {...common}\n              />\n            );\n          case 'markdown':\n            return (\n              <FormMarkdownField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'boolean':\n            return (\n              <FormBooleanField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                trueLabel={def.booleanLabels?.true}\n                falseLabel={def.booleanLabels?.false}\n                {...common}\n              />\n            );\n          case 'image':\n            return (\n              <FormImageField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'reference':\n            return (\n              <FormReferenceField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                collection={def.collection}\n                reference={def.reference}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'json':\n            return (\n              <FormJsonField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={formTextValue}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'select':\n            return (\n              <FormSelectField\n                key={fieldName}\n                name={fieldName}\n                label={def.label}\n                value={rawVal}\n                options={def.options}\n                multiple={def.multiple === true}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          default:\n            return null;\n        }\n      })}\n    </div>\n  );\n}\n\n// ---------------------------------------------------------------------------\n// Reference branch editor — select/create an entry from the target collection\n// ---------------------------------------------------------------------------\n\ntype ReferenceBranchEditorProps = {\n  parentName: string;\n  branchKey: string;\n  collection: string;\n  value: unknown;\n  fieldErrors?: Record<string, string>;\n  onClearFieldError?: (fieldName: string) => void;\n};\n\nfunction ReferenceBranchEditor({\n  parentName,\n  branchKey,\n  collection,\n  value,\n  fieldErrors,\n  onClearFieldError,\n}: ReferenceBranchEditorProps) {\n  const refValue = typeof value === 'string' ? value : '';\n  const errorKey = `${parentName}.${branchKey}`;\n  const err = fieldErrors?.[errorKey];\n\n  return (\n    <FormReferenceField\n      name={`${parentName}.${branchKey}`}\n      label={`${collection} entry`}\n      value={refValue}\n      reference={{ collections: [collection as any], cardinality: 'one' }}\n      error={err}\n      onClearError={onClearFieldError}\n    />\n  );\n}\n\nexport default FormConditionalField;\n"],"mappings":"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","names":[]}

package/dist/components/ui/FormField/FormDatetimeField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormDatetimeField.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/FormDatetimeField.tsx"],"names":[],"mappings":"AASA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAI,sEASxB,sBAAsB,4CAgCxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/ui/FormField/FormDatetimeField.js

@@ -0,0 +1,48 @@
+"use client";
+import "../../../chunk-B5LE2OEC.js";
+import { jsx } from "react/jsx-runtime";
+import { storedDatetimeToFormInput, toDateInputValue, toDatetimeLocalValue } from "../../../lib/datetimeField";
+import { Field } from "./Field";
+import { FieldShell, FIELD_INPUT_CLASS } from "./FieldShell";
+const FormDatetimeField = ({
+  label,
+  name,
+  value,
+  required,
+  hint,
+  error,
+  dateOnly,
+  defaultNow
+}) => {
+  const isDateOnly = dateOnly === true;
+  const fromStored = storedDatetimeToFormInput(value, isDateOnly);
+  const fallbackNow = defaultNow === true && !fromStored ? isDateOnly ? toDateInputValue(/* @__PURE__ */ new Date()) : toDatetimeLocalValue(/* @__PURE__ */ new Date()) : void 0;
+  const defaultValue = fromStored || fallbackNow || "";
+  return /* @__PURE__ */ jsx(
+    Field,
+    {
+      label,
+      htmlFor: name,
+      schema: isDateOnly ? "date" : "datetime",
+      required,
+      hint,
+      error,
+      children: /* @__PURE__ */ jsx(FieldShell, { error: !!error, className: "octo-ff-datetime__shell", children: /* @__PURE__ */ jsx(
+        "input",
+        {
+          id: name,
+          className: FIELD_INPUT_CLASS,
+          type: isDateOnly ? "date" : "datetime-local",
+          name,
+          defaultValue,
+          "aria-invalid": error ? true : void 0
+        }
+      ) })
+    }
+  );
+};
+var FormDatetimeField_default = FormDatetimeField;
+export {
+  FormDatetimeField_default as default
+};
+//# sourceMappingURL=FormDatetimeField.js.map

package/dist/components/ui/FormField/FormDatetimeField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/FormDatetimeField.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { storedDatetimeToFormInput, toDateInputValue, toDatetimeLocalValue } from '../../../lib/datetimeField';\n\nimport { Field } from './Field';\nimport { FieldShell, FIELD_INPUT_CLASS } from './FieldShell';\n\ntype FormDatetimeFieldProps = {\n  label: string;\n  name: string;\n  value: string;\n  required?: boolean;\n  hint?: string;\n  error?: string;\n  dateOnly?: boolean;\n  defaultNow?: boolean;\n};\n\nconst FormDatetimeField = ({\n  label,\n  name,\n  value,\n  required,\n  hint,\n  error,\n  dateOnly,\n  defaultNow,\n}: FormDatetimeFieldProps) => {\n  const isDateOnly = dateOnly === true;\n  const fromStored = storedDatetimeToFormInput(value, isDateOnly);\n  const fallbackNow =\n    defaultNow === true && !fromStored\n      ? isDateOnly\n        ? toDateInputValue(new Date())\n        : toDatetimeLocalValue(new Date())\n      : undefined;\n  const defaultValue = fromStored || fallbackNow || '';\n\n  return (\n    <Field\n      label={label}\n      htmlFor={name}\n      schema={isDateOnly ? 'date' : 'datetime'}\n      required={required}\n      hint={hint}\n      error={error}\n    >\n      <FieldShell error={!!error} className=\"octo-ff-datetime__shell\">\n        <input\n          id={name}\n          className={FIELD_INPUT_CLASS}\n          type={isDateOnly ? 'date' : 'datetime-local'}\n          name={name}\n          defaultValue={defaultValue}\n          aria-invalid={error ? true : undefined}\n        />\n      </FieldShell>\n    </Field>\n  );\n};\n\nexport default FormDatetimeField;\n"],"mappings":";;AAkDQ;AA9CR,SAAS,2BAA2B,kBAAkB,4BAA4B;AAElF,SAAS,aAAa;AACtB,SAAS,YAAY,yBAAyB;AAa9C,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA8B;AAC5B,QAAM,aAAa,aAAa;AAChC,QAAM,aAAa,0BAA0B,OAAO,UAAU;AAC9D,QAAM,cACJ,eAAe,QAAQ,CAAC,aACpB,aACE,iBAAiB,oBAAI,KAAK,CAAC,IAC3B,qBAAqB,oBAAI,KAAK,CAAC,IACjC;AACN,QAAM,eAAe,cAAc,eAAe;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,QAAQ,aAAa,SAAS;AAAA,MAC9B;AAAA,MACA;AAAA,MACA;AAAA,MAEA,8BAAC,cAAW,OAAO,CAAC,CAAC,OAAO,WAAU,2BACpC;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,WAAW;AAAA,UACX,MAAM,aAAa,SAAS;AAAA,UAC5B;AAAA,UACA;AAAA,UACA,gBAAc,QAAQ,OAAO;AAAA;AAAA,MAC/B,GACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,4BAAQ;","names":[]}

package/dist/components/{FormFields.d.ts → ui/FormField/FormFields.d.ts}

@@ -1,4 +1,4 @@
-import { SelectedFile } from '../types';
+import { SelectedFile } from '../../../types';
 type FormFieldsProps = {
     selectedFile: SelectedFile | undefined;
     fields: Record<string, unknown>;

package/dist/components/ui/FormField/FormFields.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFields.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/FormFields.tsx"],"names":[],"mappings":"AA6BA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,KAAK,eAAe,GAAG;IACrB,YAAY,EAAE,YAAY,GAAG,SAAS,CAAC;IACvC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;CACjD,CAAC;AAEF,QAAA,MAAM,UAAU,GAAI,0DAA0D,eAAe,4CAkO5F,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/components/{FormFields.js → ui/FormField/FormFields.js}

@@ -2,12 +2,12 @@
 import {
   __spreadProps,
   __spreadValues
-} from "../chunk-B5LE2OEC.js";
+} from "../../../chunk-B5LE2OEC.js";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { useConfig } from "../hooks/useConfig";
-import { jsonFieldValueToFormString } from "../lib/jsonField";
-import { ErrorBoundary } from "./ErrorBoundary";
+import { useConfig } from "../../../hooks/useConfig";
+import { jsonFieldValueToFormString } from "../../../lib/jsonField";
+import { ErrorBoundary } from "../../ErrorBoundary/ErrorBoundary";
 import FormBooleanField from "./FormBooleanField";
 import FormColorField from "./FormColorField";
 import FormConditionalField from "./FormConditionalField";
@@ -24,8 +24,8 @@ import FormStringField from "./FormStringField";
 import FormStringListField from "./FormStringListField";
 import FormTextField from "./FormTextField";
 import FormUrlField from "./FormUrlField";
-import { getEntryTitleField } from "../admin/actions/utils";
-import { richTextEditorConfig } from "../lib/richtextFieldConfig";
+import { getEntryTitleField } from "../../../admin/actions/utils";
+import { richTextEditorConfig } from "../../../lib/richtextFieldConfig";
 const FormFields = ({ selectedFile, fields, fieldErrors, onClearFieldError }) => {
   const config = useConfig();
   const fieldsSys = useMemo(() => {

package/dist/components/ui/FormField/FormFields.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../components/ui/FormField/FormFields.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo } from 'react';\n\nimport type { Config } from '../../../admin/types';\nimport { useConfig } from '../../../hooks/useConfig';\nimport { jsonFieldValueToFormString } from '../../../lib/jsonField';\n\nimport { ErrorBoundary } from '../../ErrorBoundary/ErrorBoundary';\nimport FormBooleanField from './FormBooleanField';\nimport FormColorField from './FormColorField';\nimport FormConditionalField from './FormConditionalField';\nimport FormDatetimeField from './FormDatetimeField';\nimport FormImageField from './FormImageField';\nimport FormJsonField from './FormJsonField';\nimport FormMarkdownField from './FormMarkdownField';\nimport FormRichTextField from './FormRichTextField';\nimport FormNumberField from './FormNumberField';\nimport FormReferenceField from './FormReferenceField';\nimport FormSelectField from './FormSelectField';\nimport FormSlugField from './FormSlugField';\nimport FormStringField from './FormStringField';\nimport FormStringListField from './FormStringListField';\nimport FormTextField from './FormTextField';\nimport FormUrlField from './FormUrlField';\n\nimport { getEntryTitleField } from '../../../admin/actions/utils';\nimport { richTextEditorConfig } from '../../../lib/richtextFieldConfig';\n\nimport { SelectedFile } from '../../../types';\n\ntype FormFieldsProps = {\n  selectedFile: SelectedFile | undefined;\n  fields: Record<string, unknown>;\n  fieldErrors?: Record<string, string>;\n  onClearFieldError?: (fieldName: string) => void;\n};\n\nconst FormFields = ({ selectedFile, fields, fieldErrors, onClearFieldError }: FormFieldsProps) => {\n  const config = useConfig();\n  const fieldsSys = useMemo(() => {\n    return config.collections[selectedFile?.type as keyof Config['collections']]?.fields ?? {};\n  }, [selectedFile, config.collections]);\n\n  return (\n    <div>\n      {Object.keys(fieldsSys).map((key) => {\n        const rawVal = fields[key];\n        const def = fieldsSys[key];\n        if (!def) {\n          return null;\n        }\n\n        const label = def.label || key;\n        const err = fieldErrors?.[key];\n        const common = {\n          hint: def.hint,\n          error: err,\n          required: def.required,\n        };\n\n        const formTextValue =\n          def.format === 'json'\n            ? jsonFieldValueToFormString(rawVal)\n            : rawVal === undefined || rawVal === null\n              ? ''\n              : String(rawVal);\n\n        switch (def.format) {\n          case 'string':\n            return def.list === true ? (\n              <FormStringListField\n                key={`${selectedFile?.path ?? ''}-${key}`}\n                name={key}\n                label={label}\n                value={rawVal}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            ) : (\n              <FormStringField key={key} name={key} label={label} value={formTextValue} {...common} />\n            );\n          case 'text':\n            return (\n              <FormTextField\n                key={key}\n                name={key}\n                label={label}\n                value={formTextValue}\n                rows={def.rows}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'url':\n            return (\n              <FormUrlField\n                key={key}\n                name={key}\n                label={label}\n                value={formTextValue}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'color':\n            return (\n              <FormColorField\n                key={key}\n                name={key}\n                label={label}\n                value={formTextValue}\n                allowInput={def.allowInput}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'number':\n            return (\n              <FormNumberField\n                key={key}\n                name={key}\n                label={label}\n                value={formTextValue}\n                min={def.min}\n                max={def.max}\n                step={def.step}\n                valueType={def.valueType}\n                {...common}\n              />\n            );\n          case 'datetime':\n            return (\n              <FormDatetimeField\n                key={key}\n                name={key}\n                label={label}\n                value={formTextValue}\n                dateOnly={def.dateOnly}\n                defaultNow={def.defaultNow}\n                {...common}\n              />\n            );\n          case 'markdown':\n            return (\n              <FormMarkdownField\n                key={key}\n                name={key}\n                label={label}\n                value={formTextValue}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'boolean':\n            return (\n              <FormBooleanField\n                key={key}\n                name={key}\n                label={label}\n                value={formTextValue}\n                trueLabel={def.booleanLabels?.true}\n                falseLabel={def.booleanLabels?.false}\n                {...common}\n              />\n            );\n          case 'image':\n            return (\n              <FormImageField\n                key={key}\n                name={key}\n                label={label}\n                value={formTextValue}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'reference':\n            return (\n              <ErrorBoundary key={key} label=\"reference field\" resetKeys={[key]}>\n                <FormReferenceField\n                  label={label}\n                  name={key}\n                  value={formTextValue}\n                  collection={def.collection}\n                  reference={def.reference}\n                  {...common}\n                  onClearError={onClearFieldError}\n                />\n              </ErrorBoundary>\n            );\n          case 'json':\n            return (\n              <FormJsonField\n                key={key}\n                name={key}\n                label={label}\n                value={formTextValue}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'slug': {\n            const sourceField =\n              def.slugSource ?? (selectedFile?.type ? getEntryTitleField(selectedFile.type) : undefined);\n            if (!sourceField) {\n              return null;\n            }\n            return (\n              <FormSlugField\n                key={`${selectedFile?.path ?? ''}-${key}`}\n                name={key}\n                label={label}\n                value={formTextValue}\n                sourceField={sourceField}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          }\n          case 'select':\n            return (\n              <FormSelectField\n                key={key}\n                name={key}\n                label={label}\n                value={rawVal}\n                options={def.options}\n                multiple={def.multiple === true}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'richtext':\n            return (\n              <FormRichTextField\n                key={`${selectedFile?.path ?? ''}-${key}`}\n                name={key}\n                label={label}\n                value={formTextValue}\n                richtext={richTextEditorConfig(def)}\n                {...common}\n                onClearError={onClearFieldError}\n              />\n            );\n          case 'conditional':\n            return (\n              <FormConditionalField\n                key={key}\n                name={key}\n                label={label}\n                def={def}\n                value={rawVal}\n                fieldErrors={fieldErrors}\n                onClearFieldError={onClearFieldError}\n                {...common}\n              />\n            );\n          default:\n            return null;\n        }\n      })}\n    </div>\n  );\n};\n\nexport default FormFields;\n"],"mappings":"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","names":[]}

package/dist/components/{FormImageField.d.ts → ui/FormField/FormImageField.d.ts}

@@ -1,4 +1,4 @@
-import type { MediaFile } from '../types';
+import type { MediaFile } from '../../../types';
 type FormImageFieldProps = {
     label: string;
     name: string;

package/dist/components/ui/FormField/FormImageField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormImageField.d.ts","sourceRoot":"","sources":["../../../../components/ui/FormField/FormImageField.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAMhD,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;CACjE,CAAC;AAEF,QAAA,MAAM,cAAc,GAAI,gFAUrB,mBAAmB,4CA0HrB,CAAC;AAEF,eAAe,cAAc,CAAC"}