@simplysm/solid 13.0.75 → 13.0.77

package/dist/components/form-control/editor/RichTextEditor.js

@@ -9,7 +9,7 @@ import { mergeProps as _$mergeProps } from "solid-js/web";
 var _tmpl$ = /* @__PURE__ */ _$template(`<div><div>`);
 import { Show, createEffect, on, onCleanup, splitProps, untrack } from "solid-js";
 import clsx from "clsx";
-import "./editor.css";
+import "./RichTextEditor.tiptap.css";
 import { twMerge } from "tailwind-merge";
 import { createTiptapEditor } from "solid-tiptap";
 import StarterKit from "@tiptap/starter-kit";
@@ -23,15 +23,15 @@ import TableHeader from "@tiptap/extension-table-header";
 import TableCell from "@tiptap/extension-table-cell";
 import Image from "@tiptap/extension-image";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { bg, border, text } from "../../../styles/base.styles.js";
+import { pad } from "../../../styles/control.styles.js";
 import { EditorToolbar } from "./EditorToolbar.js";
-const editorWrapperClass = clsx("flex flex-col", "bg-primary-50 dark:bg-primary-950/30", "text-base-900 dark:text-base-100", "border border-base-300 dark:border-base-700", "rounded", "focus-within:border-primary-500");
-const editorDisabledClass = clsx("bg-base-100 dark:bg-base-800", "text-base-500");
-const editorContentClass = clsx("px-4 py-3", "min-h-32", "outline-none", "prose prose-sm max-w-none", "dark:prose-invert");
 const editorContentSizeClasses = {
-  xs: clsx("px-1.5 py-1", "min-h-12"),
-  sm: clsx("px-3 py-2", "min-h-24"),
-  lg: clsx("px-5 py-4", "min-h-48"),
-  xl: clsx("px-6 py-5", "min-h-64")
+  default: clsx(pad.xl, "min-h-32"),
+  xs: clsx(pad.xs, "min-h-12"),
+  sm: clsx(pad.sm, "min-h-24"),
+  lg: clsx(pad.lg, "min-h-48"),
+  xl: clsx(pad.xl, "min-h-64")
 };
 const RichTextEditor = (props) => {
   const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "size", "class", "style"]);
@@ -89,8 +89,8 @@ const RichTextEditor = (props) => {
     var _a;
     (_a = editor()) == null ? void 0 : _a.destroy();
   });
-  const getWrapperClass = () => twMerge(editorWrapperClass, local.disabled && editorDisabledClass, local.class);
-  const getContentClass = () => twMerge(editorContentClass, local.size && editorContentSizeClasses[local.size]);
+  const getWrapperClass = () => twMerge(clsx("flex flex-col bg-primary-50 dark:bg-primary-950/30", text.default, "border", border.default, "rounded focus-within:border-primary-500"), local.disabled && clsx(bg.muted, text.muted), local.class);
+  const getContentClass = () => twMerge("outline-none prose prose-sm max-w-none dark:prose-invert", editorContentSizeClasses[local.size ?? "default"]);
   return (() => {
     var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
     _$spread(_el$, _$mergeProps(rest, {

package/dist/components/form-control/editor/RichTextEditor.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/editor/RichTextEditor.tsx"],
-  "mappings": "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",
-  "names": ["Show", "createEffect", "on", "onCleanup", "splitProps", "untrack", "clsx", "twMerge", "createTiptapEditor", "StarterKit", "TextAlign", "Color", "TextStyle", "Highlight", "Table", "TableRow", "TableHeader", "TableCell", "Image", "createControllableSignal", "EditorToolbar", "editorWrapperClass", "editorDisabledClass", "editorContentClass", "editorContentSizeClasses", "xs", "sm", "lg", "xl", "RichTextEditor", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "isInternalUpdate", "editorRef", "editor", "element", "extensions", "configure", "types", "multicolor", "resizable", "inline", "allowBase64", "content", "editable", "disabled", "onUpdate", "e", "html", "getHTML", "queueMicrotask", "setEditable", "newValue", "editorHtml", "normalizedEditor", "commands", "setContent", "emitUpdate", "destroy", "getWrapperClass", "class", "getContentClass", "size", "_el$", "_tmpl$", "_el$2", "firstChild", "_$spread", "_$mergeProps", "style", "_$insert", "_$createComponent", "when", "children", "instance", "_ref$", "_$use", "_$effect", "_$className"]
+  "mappings": "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",
+  "names": ["Show", "createEffect", "on", "onCleanup", "splitProps", "untrack", "clsx", "twMerge", "createTiptapEditor", "StarterKit", "TextAlign", "Color", "TextStyle", "Highlight", "Table", "TableRow", "TableHeader", "TableCell", "Image", "createControllableSignal", "bg", "border", "text", "pad", "EditorToolbar", "editorContentSizeClasses", "default", "xl", "xs", "sm", "lg", "RichTextEditor", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "isInternalUpdate", "editorRef", "editor", "element", "extensions", "configure", "types", "multicolor", "resizable", "inline", "allowBase64", "content", "editable", "disabled", "onUpdate", "e", "html", "getHTML", "queueMicrotask", "setEditable", "newValue", "editorHtml", "normalizedEditor", "commands", "setContent", "emitUpdate", "destroy", "getWrapperClass", "muted", "class", "getContentClass", "size", "_el$", "_tmpl$", "_el$2", "firstChild", "_$spread", "_$mergeProps", "style", "_$insert", "_$createComponent", "when", "children", "instance", "_ref$", "_$use", "_$effect", "_$className"]
 }

package/{src/components/form-control/editor/editor.css → dist/components/form-control/editor/RichTextEditor.tiptap.css}

@@ -46,7 +46,6 @@
   height: auto;
 }
 
-/* stylelint-disable-next-line selector-class-pattern -- ProseMirror library class */
 [data-rich-text-editor] .tiptap img.ProseMirror-selectednode {
   outline: 2px solid #3b82f6;
 }

package/dist/components/form-control/field/DatePicker.d.ts

@@ -18,7 +18,7 @@ export interface DatePickerProps {
     /** Disable input */
     disabled?: boolean;
     /** Read-only */
-    readonly?: boolean;
+    readOnly?: boolean;
     /** Size */
     size?: FieldSize;
     /** Borderless style */
@@ -31,8 +31,8 @@ export interface DatePickerProps {
     required?: boolean;
     /** Custom validation function */
     validate?: (value: DateOnly | undefined) => string | undefined;
-    /** touchMode: show errors only after blur */
-    touchMode?: boolean;
+    /** lazyValidation: show errors only after blur */
+    lazyValidation?: boolean;
 }
 /**
  * DatePicker component

package/dist/components/form-control/field/DatePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\field\\DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAmB,KAAK,SAAS,EAAwB,MAAM,gBAAgB,CAAC;AAIvF,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD,gBAAgB;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,mBAAmB;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,mBAAmB;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE/D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAyDD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAsIjD,CAAC"}
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\field\\DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAmB,KAAK,SAAS,EAAwB,MAAM,gBAAgB,CAAC;AAIvF,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD,gBAAgB;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,mBAAmB;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,mBAAmB;IACnB,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE/D,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAyDD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CA8FjD,CAAC"}

package/dist/components/form-control/field/DatePicker.js

@@ -1,22 +1,16 @@
 import { template as _$template } from "solid-js/web";
-import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
-import { spread as _$spread } from "solid-js/web";
-import { mergeProps as _$mergeProps } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<div><input autocomplete=one-time-code>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-date-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`);
-import clsx from "clsx";
-import { createMemo, Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+var _tmpl$ = /* @__PURE__ */ _$template(`<input autocomplete=one-time-code>`);
+import { createMemo, splitProps } from "solid-js";
 import { DateOnly } from "@simplysm/core-common";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
 import { fieldInputClass, getFieldWrapperClass } from "./Field.styles.js";
-import { Invalid } from "../../form-control/Invalid.js";
-import { useI18n } from "../../../providers/i18n/I18nContext.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
+import { FieldShell } from "./FieldShell.js";
 function formatDateValue(value, type) {
   if (value == null) return void 0;
   switch (type) {
@@ -57,7 +51,7 @@ function getInputType(type) {
   }
 }
 const DatePicker = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "min", "max", "title", "disabled", "readonly", "size", "inset", "class", "style", "required", "validate", "touchMode"]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "min", "max", "title", "disabled", "readOnly", "size", "inset", "class", "style", "required", "validate", "lazyValidation"]);
   const i18n = useI18n();
   const fieldType = () => local.unit ?? "date";
   const [value, setValue] = createControllableSignal({
@@ -77,7 +71,7 @@ const DatePicker = (props) => {
     includeCustomClass: includeCustomClass && local.class,
     extra: "min-w-32"
   });
-  const isEditable = () => !local.disabled && !local.readonly;
+  const isEditable = () => !local.disabled && !local.readOnly;
   const errorMsg = createMemo(() => {
     var _a;
     const v = value();
@@ -92,132 +86,57 @@ const DatePicker = (props) => {
     }
     return (_a = local.validate) == null ? void 0 : _a.call(local, v);
   });
-  return _$createComponent(Invalid, {
-    get message() {
+  return _$createComponent(FieldShell, {
+    get errorMsg() {
       return errorMsg();
     },
-    get variant() {
+    get invalidVariant() {
       return local.inset ? "dot" : "border";
     },
-    get touchMode() {
-      return local.touchMode;
+    get lazyValidation() {
+      return local.lazyValidation;
+    },
+    get inset() {
+      return local.inset;
+    },
+    get isEditable() {
+      return isEditable();
+    },
+    wrapperClass: getWrapperClass,
+    dataAttr: "data-date-field",
+    readonlyExtraClass: "sd-date-field",
+    get style() {
+      return local.style;
+    },
+    get title() {
+      return local.title;
+    },
+    get ["class"]() {
+      return local.class;
+    },
+    rest,
+    get displayContent() {
+      return displayValue() || "\xA0";
     },
     get children() {
-      return _$createComponent(Show, {
-        get when() {
-          return local.inset;
-        },
-        get fallback() {
-          return (
-            // standalone mode: maintain existing Show pattern
-            _$createComponent(Show, {
-              get when() {
-                return isEditable();
-              },
-              get fallback() {
-                return (() => {
-                  var _el$7 = _tmpl$3();
-                  _$spread(_el$7, _$mergeProps(rest, {
-                    "data-date-field": "",
-                    get ["class"]() {
-                      return twMerge(getWrapperClass(true), "sd-date-field");
-                    },
-                    get style() {
-                      return local.style;
-                    },
-                    get title() {
-                      return local.title;
-                    }
-                  }), false, true);
-                  _$insert(_el$7, () => displayValue() || "\xA0");
-                  return _el$7;
-                })();
-              },
-              get children() {
-                var _el$5 = _tmpl$(), _el$6 = _el$5.firstChild;
-                _$spread(_el$5, _$mergeProps(rest, {
-                  "data-date-field": "",
-                  get ["class"]() {
-                    return getWrapperClass(true);
-                  },
-                  get style() {
-                    return local.style;
-                  }
-                }), false, true);
-                _el$6.addEventListener("change", handleChange);
-                _$className(_el$6, fieldInputClass);
-                _$effect((_p$) => {
-                  var _v$9 = getInputType(fieldType()), _v$0 = local.title, _v$1 = formatDateValue(local.min, fieldType()), _v$10 = formatDateValue(local.max, fieldType());
-                  _v$9 !== _p$.e && _$setAttribute(_el$6, "type", _p$.e = _v$9);
-                  _v$0 !== _p$.t && _$setAttribute(_el$6, "title", _p$.t = _v$0);
-                  _v$1 !== _p$.a && _$setAttribute(_el$6, "min", _p$.a = _v$1);
-                  _v$10 !== _p$.o && _$setAttribute(_el$6, "max", _p$.o = _v$10);
-                  return _p$;
-                }, {
-                  e: void 0,
-                  t: void 0,
-                  a: void 0,
-                  o: void 0
-                });
-                _$effect(() => _el$6.value = displayValue());
-                return _el$5;
-              }
-            })
-          );
-        },
-        get children() {
-          var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-          _$spread(_el$, _$mergeProps(rest, {
-            "data-date-field": "",
-            get ["class"]() {
-              return clsx("relative", local.class);
-            },
-            get style() {
-              return local.style;
-            }
-          }), false, true);
-          _$insert(_el$2, () => displayValue() || "\xA0");
-          _$insert(_el$, _$createComponent(Show, {
-            get when() {
-              return isEditable();
-            },
-            get children() {
-              var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
-              _el$4.addEventListener("change", handleChange);
-              _$className(_el$4, fieldInputClass);
-              _$effect((_p$) => {
-                var _v$ = twMerge(getWrapperClass(false), "absolute left-0 top-0 size-full"), _v$2 = getInputType(fieldType()), _v$3 = local.title, _v$4 = formatDateValue(local.min, fieldType()), _v$5 = formatDateValue(local.max, fieldType());
-                _v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
-                _v$2 !== _p$.t && _$setAttribute(_el$4, "type", _p$.t = _v$2);
-                _v$3 !== _p$.a && _$setAttribute(_el$4, "title", _p$.a = _v$3);
-                _v$4 !== _p$.o && _$setAttribute(_el$4, "min", _p$.o = _v$4);
-                _v$5 !== _p$.i && _$setAttribute(_el$4, "max", _p$.i = _v$5);
-                return _p$;
-              }, {
-                e: void 0,
-                t: void 0,
-                a: void 0,
-                o: void 0,
-                i: void 0
-              });
-              _$effect(() => _el$4.value = displayValue());
-              return _el$3;
-            }
-          }), null);
-          _$effect((_p$) => {
-            var _v$6 = getWrapperClass(false), _v$7 = isEditable() ? "hidden" : void 0, _v$8 = local.title;
-            _v$6 !== _p$.e && _$className(_el$2, _p$.e = _v$6);
-            _v$7 !== _p$.t && _$setStyleProperty(_el$2, "visibility", _p$.t = _v$7);
-            _v$8 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$8);
-            return _p$;
-          }, {
-            e: void 0,
-            t: void 0,
-            a: void 0
-          });
-          return _el$;
-        }
+      var _el$ = _tmpl$();
+      _el$.addEventListener("change", handleChange);
+      _$className(_el$, fieldInputClass);
+      _$effect((_p$) => {
+        var _v$ = getInputType(fieldType()), _v$2 = local.title, _v$3 = formatDateValue(local.min, fieldType()), _v$4 = formatDateValue(local.max, fieldType());
+        _v$ !== _p$.e && _$setAttribute(_el$, "type", _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$, "title", _p$.t = _v$2);
+        _v$3 !== _p$.a && _$setAttribute(_el$, "min", _p$.a = _v$3);
+        _v$4 !== _p$.o && _$setAttribute(_el$, "max", _p$.o = _v$4);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0
       });
+      _$effect(() => _el$.value = displayValue());
+      return _el$;
     }
   });
 };

package/dist/components/form-control/field/DatePicker.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/field/DatePicker.tsx"],
-  "mappings": ";;;;;;;;;;;AAAA,OAAOA,UAAU;AACjB,SAAyBC,YAAsBC,MAAMC,kBAAkB;AACvE,SAASC,eAAe;AACxB,SAASC,gBAAgB;AACzB,SAASC,gCAAgC;AACzC,SAASC,iBAAiCC,4BAA4B;AACtE,SAASC,eAAe;AACxB,SAASC,eAAe;AAsDxB,SAASC,gBAAgBC,OAA6BC,MAA0C;AAC9F,MAAID,SAAS,KAAM,QAAOE;AAE1B,UAAQD,MAAI;IACV,KAAK;AACH,aAAOD,MAAMG,eAAe,MAAM;IACpC,KAAK;AACH,aAAOH,MAAMG,eAAe,SAAS;IACvC,KAAK;AACH,aAAOH,MAAMG,eAAe,YAAY;EAC5C;AACF;AAKA,SAASC,WAAWC,KAAaJ,MAA4C;AAC3E,MAAII,QAAQ,GAAI,QAAOH;AAEvB,UAAQD,MAAI;IACV,KAAK,QAAQ;AACX,YAAMK,OAAOC,OAAOF,GAAG;AACvB,UAAIE,OAAOC,MAAMF,IAAI,EAAG,QAAOJ;AAC/B,aAAO,IAAIT,SAASa,MAAM,GAAG,CAAC;IAChC;IACA,KAAK,SAAS;AAEZ,YAAMG,QAAQ,oBAAoBC,KAAKL,GAAG;AAC1C,UAAII,SAAS,KAAM,QAAOP;AAC1B,aAAO,IAAIT,SAASc,OAAOE,MAAM,CAAC,CAAC,GAAGF,OAAOE,MAAM,CAAC,CAAC,GAAG,CAAC;IAC3D;IACA,KAAK,QAAQ;AAEX,aAAOhB,SAASkB,MAAMN,GAAG;IAC3B;EACF;AACF;AAKA,SAASO,aAAaX,MAA8B;AAClD,UAAQA,MAAI;IACV,KAAK;AACH,aAAO;IACT,KAAK;AACH,aAAO;IACT,KAAK;AACH,aAAO;EACX;AACF;AA4BO,MAAMY,aAA0CC,WAAU;AAC/D,QAAM,CAACC,OAAOC,IAAI,IAAIzB,WAAWuB,OAAO,CACtC,SACA,iBACA,QACA,OACA,OACA,SACA,YACA,YACA,QACA,SACA,SACA,SACA,YACA,YACA,WAAW,CACZ;AAED,QAAMG,OAAOnB,QAAQ;AAGrB,QAAMoB,YAAYA,MAAMH,MAAMI,QAAQ;AAGtC,QAAM,CAACnB,OAAOoB,QAAQ,IAAI1B,yBAAyB;IACjDM,OAAOA,MAAMe,MAAMf;IACnBqB,UAAUA,MAAMN,MAAMO;EACxB,CAAC;AAGD,QAAMC,eAAeA,MAAMxB,gBAAgBC,MAAM,GAAGkB,UAAU,CAAC,KAAK;AAGpE,QAAMM,eAA2DC,OAAM;AACrE,UAAMC,WAAWD,EAAEE,cAAc3B;AACjC,UAAM4B,SAASxB,WAAWsB,UAAUR,UAAU,CAAC;AAC/CE,aAASQ,MAAM;EACjB;AAGA,QAAMC,kBAAmBC,wBACvBlC,qBAAqB;IACnBmC,MAAMhB,MAAMgB;IACZC,UAAUjB,MAAMiB;IAChBC,OAAOlB,MAAMkB;IACbH,oBAAoBA,sBAAsBf,MAAMmB;IAChDC,OAAO;EACT,CAAC;AAGH,QAAMC,aAAaA,MAAM,CAACrB,MAAMiB,YAAY,CAACjB,MAAMsB;AAGnD,QAAMC,WAAWjD,WAAW,MAAM;;AAChC,UAAMkD,IAAIvC,MAAM;AAChB,QAAIe,MAAMyB,YAAYD,MAAMrC,OAAW,QAAOe,KAAKwB,EAAE,qBAAqB;AAC1E,QAAIF,MAAMrC,QAAW;AACnB,UAAIa,MAAM2B,QAAQxC,UAAaqC,EAAEI,OAAO5B,MAAM2B,IAAIC,KAChD,QAAO1B,KAAKwB,EAAE,sBAAsB;QAAEC,KAAKE,OAAO7B,MAAM2B,GAAG;MAAE,CAAC;AAChE,UAAI3B,MAAM8B,QAAQ3C,UAAaqC,EAAEI,OAAO5B,MAAM8B,IAAIF,KAChD,QAAO1B,KAAKwB,EAAE,sBAAsB;QAAEI,KAAKD,OAAO7B,MAAM8B,GAAG;MAAE,CAAC;IAClE;AACA,YAAO9B,WAAM+B,aAAN/B,+BAAiBwB;EAC1B,CAAC;AAED,SAAAQ,kBACGlD,SAAO;IAAA,IACNmD,UAAO;AAAA,aAAEV,SAAS;IAAC;IAAA,IACnBW,UAAO;AAAA,aAAElC,MAAMkB,QAAQ,QAAQ;IAAQ;IAAA,IACvCiB,YAAS;AAAA,aAAEnC,MAAMmC;IAAS;IAAA,IAAAC,WAAA;AAAA,aAAAJ,kBAEzBzD,MAAI;QAAA,IACH8D,OAAI;AAAA,iBAAErC,MAAMkB;QAAK;QAAA,IACjBoB,WAAQ;AAAA;;YACNN,kBACCzD,MAAI;cAAA,IACH8D,OAAI;AAAA,uBAAEhB,WAAW;cAAC;cAAA,IAClBiB,WAAQ;AAAA,wBAAA,MAAA;AAAA,sBAAAC,QAAAC,QAAA;AAAAC,2BAAAF,OAAAG,aAEAzC,MAAI;oBAAA,mBAAA;oBAAA,KAAA,OAAA,IAAA;AAAA,6BAEDxB,QAAQqC,gBAAgB,IAAI,GAAG,eAAe;oBAAC;oBAAA,IACtD6B,QAAK;AAAA,6BAAE3C,MAAM2C;oBAAK;oBAAA,IAClBC,QAAK;AAAA,6BAAE5C,MAAM4C;oBAAK;kBAAA,CAAA,GAAA,OAAA,IAAA;AAAAC,2BAAAN,OAAA,MAEjB/B,aAAa,KAAK,MAAQ;AAAA,yBAAA+B;gBAAA,GAAA;cAAA;cAAA,IAAAH,WAAA;AAAA,oBAAAU,QAAAC,OAAA,GAAAC,QAAAF,MAAAG;AAAAR,yBAAAK,OAAAJ,aAItBzC,MAAI;kBAAA,mBAAA;kBAAA,KAAA,OAAA,IAAA;AAAA,2BAAyBa,gBAAgB,IAAI;kBAAC;kBAAA,IAAE6B,QAAK;AAAA,2BAAE3C,MAAM2C;kBAAK;gBAAA,CAAA,GAAA,OAAA,IAAA;AAAAK,sBAAAE,iBAAA,UASjEzC,YAAY;AAAA0C,4BAAAH,OANfpE,eAAe;AAAAwE,yBAAAC,SAAA;AAAA,sBAAAC,OADhBzD,aAAaM,UAAU,CAAC,GAACoD,OAGxBvD,MAAM4C,OAAKY,OACbxE,gBAAgBgB,MAAM2B,KAAKxB,UAAU,CAAC,GAACsD,QACvCzE,gBAAgBgB,MAAM8B,KAAK3B,UAAU,CAAC;AAACmD,2BAAAD,IAAA3C,KAAAgD,eAAAV,OAAA,QAAAK,IAAA3C,IAAA4C,IAAA;AAAAC,2BAAAF,IAAA3B,KAAAgC,eAAAV,OAAA,SAAAK,IAAA3B,IAAA6B,IAAA;AAAAC,2BAAAH,IAAAM,KAAAD,eAAAV,OAAA,OAAAK,IAAAM,IAAAH,IAAA;AAAAC,4BAAAJ,IAAAO,KAAAF,eAAAV,OAAA,OAAAK,IAAAO,IAAAH,KAAA;AAAA,yBAAAJ;gBAAA,GAAA;kBAAA3C,GAAAvB;kBAAAuC,GAAAvC;kBAAAwE,GAAAxE;kBAAAyE,GAAAzE;gBAAA,CAAA;AAAAiE,yBAAA,MAAAJ,MAAA/D,QAHrCuB,aAAa,CAAC;AAAA,uBAAAsC;cAAA;YAAA,CAAA;;QAAA;QAAA,IAAAV,WAAA;AAAA,cAAAyB,OAAAC,QAAA,GAAAC,QAAAF,KAAAZ;AAAAR,mBAAAoB,MAAAnB,aAYpBzC,MAAI;YAAA,mBAAA;YAAA,KAAA,OAAA,IAAA;AAAA,qBAAyB5B,KAAK,YAAY2B,MAAMmB,KAAK;YAAC;YAAA,IAAEwB,QAAK;AAAA,qBAAE3C,MAAM2C;YAAK;UAAA,CAAA,GAAA,OAAA,IAAA;AAAAE,mBAAAkB,OAAA,MAOlFvD,aAAa,KAAK,MAAQ;AAAAqC,mBAAAgB,MAAA7B,kBAG5BzD,MAAI;YAAA,IAAC8D,OAAI;AAAA,qBAAEhB,WAAW;YAAC;YAAA,IAAAe,WAAA;AAAA,kBAAA4B,QAAAjB,OAAA,GAAAkB,QAAAD,MAAAf;AAAAgB,oBAAAf,iBAAA,UAURzC,YAAY;AAAA0C,0BAAAc,OANfrF,eAAe;AAAAwE,uBAAAC,SAAA;AAAA,oBAAAa,MAHdzF,QAAQqC,gBAAgB,KAAK,GAAG,iCAAiC,GAACqD,OAEpEtE,aAAaM,UAAU,CAAC,GAACiE,OAGxBpE,MAAM4C,OAAKyB,OACbrF,gBAAgBgB,MAAM2B,KAAKxB,UAAU,CAAC,GAACmE,OACvCtF,gBAAgBgB,MAAM8B,KAAK3B,UAAU,CAAC;AAAC+D,wBAAAb,IAAA3C,KAAAyC,YAAAa,OAAAX,IAAA3C,IAAAwD,GAAA;AAAAC,yBAAAd,IAAA3B,KAAAgC,eAAAO,OAAA,QAAAZ,IAAA3B,IAAAyC,IAAA;AAAAC,yBAAAf,IAAAM,KAAAD,eAAAO,OAAA,SAAAZ,IAAAM,IAAAS,IAAA;AAAAC,yBAAAhB,IAAAO,KAAAF,eAAAO,OAAA,OAAAZ,IAAAO,IAAAS,IAAA;AAAAC,yBAAAjB,IAAAkB,KAAAb,eAAAO,OAAA,OAAAZ,IAAAkB,IAAAD,IAAA;AAAA,uBAAAjB;cAAA,GAAA;gBAAA3C,GAAAvB;gBAAAuC,GAAAvC;gBAAAwE,GAAAxE;gBAAAyE,GAAAzE;gBAAAoF,GAAApF;cAAA,CAAA;AAAAiE,uBAAA,MAAAa,MAAAhF,QAHrCuB,aAAa,CAAC;AAAA,qBAAAwD;YAAA;UAAA,CAAA,GAAA,IAAA;AAAAZ,mBAAAC,SAAA;AAAA,gBAAAmB,OAZlB1D,gBAAgB,KAAK,GAAC2D,OACRpD,WAAW,IAAI,WAAWlC,QAASuF,OACjD1E,MAAM4C;AAAK4B,qBAAAnB,IAAA3C,KAAAyC,YAAAY,OAAAV,IAAA3C,IAAA8D,IAAA;AAAAC,qBAAApB,IAAA3B,KAAAiD,mBAAAZ,OAAA,cAAAV,IAAA3B,IAAA+C,IAAA;AAAAC,qBAAArB,IAAAM,KAAAD,eAAAK,OAAA,SAAAV,IAAAM,IAAAe,IAAA;AAAA,mBAAArB;UAAA,GAAA;YAAA3C,GAAAvB;YAAAuC,GAAAvC;YAAAwE,GAAAxE;UAAA,CAAA;AAAA,iBAAA0E;QAAA;MAAA,CAAA;IAAA;EAAA,CAAA;AAuB9B;",
-  "names": ["clsx", "createMemo", "Show", "splitProps", "twMerge", "DateOnly", "createControllableSignal", "fieldInputClass", "getFieldWrapperClass", "Invalid", "useI18n", "formatDateValue", "value", "type", "undefined", "toFormatString", "parseValue", "str", "year", "Number", "isNaN", "match", "exec", "parse", "getInputType", "DatePicker", "props", "local", "rest", "i18n", "fieldType", "unit", "setValue", "onChange", "onValueChange", "displayValue", "handleChange", "e", "newValue", "currentTarget", "parsed", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "extra", "isEditable", "readonly", "errorMsg", "v", "required", "t", "min", "tick", "String", "max", "validate", "_$createComponent", "message", "variant", "touchMode", "children", "when", "fallback", "_el$7", "_tmpl$3", "_$spread", "_$mergeProps", "style", "title", "_$insert", "_el$5", "_tmpl$", "_el$6", "firstChild", "addEventListener", "_$className", "_$effect", "_p$", "_v$9", "_v$0", "_v$1", "_v$10", "_$setAttribute", "a", "o", "_el$", "_tmpl$2", "_el$2", "_el$3", "_el$4", "_v$", "_v$2", "_v$3", "_v$4", "_v$5", "i", "_v$6", "_v$7", "_v$8", "_$setStyleProperty"]
+  "mappings": "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",
+  "names": ["createMemo", "splitProps", "DateOnly", "createControllableSignal", "fieldInputClass", "getFieldWrapperClass", "useI18n", "FieldShell", "formatDateValue", "value", "type", "undefined", "toFormatString", "parseValue", "str", "year", "Number", "isNaN", "match", "exec", "parse", "getInputType", "DatePicker", "props", "local", "rest", "i18n", "fieldType", "unit", "setValue", "onChange", "onValueChange", "displayValue", "handleChange", "e", "newValue", "currentTarget", "parsed", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "extra", "isEditable", "readOnly", "errorMsg", "v", "required", "t", "min", "tick", "String", "max", "validate", "_$createComponent", "invalidVariant", "lazyValidation", "wrapperClass", "dataAttr", "readonlyExtraClass", "style", "title", "displayContent", "children", "_el$", "_tmpl$", "addEventListener", "_$className", "_$effect", "_p$", "_v$", "_v$2", "_v$3", "_v$4", "_$setAttribute", "a", "o"]
 }

package/dist/components/form-control/field/DateTimePicker.d.ts

@@ -18,7 +18,7 @@ export interface DateTimePickerProps {
     /** Disable input */
     disabled?: boolean;
     /** Read-only */
-    readonly?: boolean;
+    readOnly?: boolean;
     /** Size */
     size?: FieldSize;
     /** Borderless style */
@@ -31,8 +31,8 @@ export interface DateTimePickerProps {
     required?: boolean;
     /** Custom validation function */
     validate?: (value: DateTime | undefined) => string | undefined;
-    /** touchMode: show errors only after blur */
-    touchMode?: boolean;
+    /** lazyValidation: show errors only after blur */
+    lazyValidation?: boolean;
 }
 /**
  * DateTimePicker component

package/dist/components/form-control/field/DateTimePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\field\\DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAElF,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAyC,MAAM,gBAAgB,CAAC;AAIvF,KAAK,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,kBAAkB;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD,oBAAoB;IACpB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,uBAAuB;IACvB,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE/D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuDD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAgJzD,CAAC"}
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\field\\DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,KAAK,SAAS,EAAyC,MAAM,gBAAgB,CAAC;AAIvF,KAAK,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,kBAAkB;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD,oBAAoB;IACpB,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B,uBAAuB;IACvB,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,uBAAuB;IACvB,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,uBAAuB;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE/D,kDAAkD;IAClD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuDD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAkGzD,CAAC"}

package/dist/components/form-control/field/DateTimePicker.js

@@ -1,22 +1,16 @@
 import { template as _$template } from "solid-js/web";
-import { setStyleProperty as _$setStyleProperty } from "solid-js/web";
 import { createComponent as _$createComponent } from "solid-js/web";
 import { setAttribute as _$setAttribute } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { className as _$className } from "solid-js/web";
-import { insert as _$insert } from "solid-js/web";
-import { spread as _$spread } from "solid-js/web";
-import { mergeProps as _$mergeProps } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<div><input type=datetime-local autocomplete=one-time-code>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-datetime-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`);
-import clsx from "clsx";
-import { createMemo, Show, splitProps } from "solid-js";
-import { twMerge } from "tailwind-merge";
+var _tmpl$ = /* @__PURE__ */ _$template(`<input type=datetime-local autocomplete=one-time-code>`);
+import { createMemo, splitProps } from "solid-js";
 import { DateTime } from "@simplysm/core-common";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
 import { fieldInputClass, getFieldWrapperClass } from "./Field.styles.js";
-import { Invalid } from "../../form-control/Invalid.js";
-import { useI18n } from "../../../providers/i18n/I18nContext.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
+import { FieldShell } from "./FieldShell.js";
 function formatDateTimeValue(value, unit) {
   if (value == null) return void 0;
   switch (unit) {
@@ -42,7 +36,7 @@ function parseValue(str, unit) {
   }
 }
 const DateTimePicker = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "min", "max", "title", "disabled", "readonly", "size", "inset", "class", "style", "required", "validate", "touchMode"]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "min", "max", "title", "disabled", "readOnly", "size", "inset", "class", "style", "required", "validate", "lazyValidation"]);
   const i18n = useI18n();
   const fieldType = () => local.unit ?? "minute";
   const [value, setValue] = createControllableSignal({
@@ -62,7 +56,7 @@ const DateTimePicker = (props) => {
     includeCustomClass: includeCustomClass && local.class,
     extra: "min-w-44"
   });
-  const isEditable = () => !local.disabled && !local.readonly;
+  const isEditable = () => !local.disabled && !local.readOnly;
   const getStep = () => fieldType() === "second" ? "1" : void 0;
   const errorMsg = createMemo(() => {
     var _a;
@@ -78,132 +72,57 @@ const DateTimePicker = (props) => {
     }
     return (_a = local.validate) == null ? void 0 : _a.call(local, v);
   });
-  return _$createComponent(Invalid, {
-    get message() {
+  return _$createComponent(FieldShell, {
+    get errorMsg() {
       return errorMsg();
     },
-    get variant() {
+    get invalidVariant() {
       return local.inset ? "dot" : "border";
     },
-    get touchMode() {
-      return local.touchMode;
+    get lazyValidation() {
+      return local.lazyValidation;
+    },
+    get inset() {
+      return local.inset;
+    },
+    get isEditable() {
+      return isEditable();
+    },
+    wrapperClass: getWrapperClass,
+    dataAttr: "data-datetime-field",
+    readonlyExtraClass: "sd-datetime-field",
+    get style() {
+      return local.style;
+    },
+    get title() {
+      return local.title;
+    },
+    get ["class"]() {
+      return local.class;
+    },
+    rest,
+    get displayContent() {
+      return displayValue() || "\xA0";
     },
     get children() {
-      return _$createComponent(Show, {
-        get when() {
-          return local.inset;
-        },
-        get fallback() {
-          return (
-            // standalone mode
-            _$createComponent(Show, {
-              get when() {
-                return isEditable();
-              },
-              get fallback() {
-                return (() => {
-                  var _el$7 = _tmpl$3();
-                  _$spread(_el$7, _$mergeProps(rest, {
-                    "data-datetime-field": "",
-                    get ["class"]() {
-                      return twMerge(getWrapperClass(true), "sd-datetime-field");
-                    },
-                    get style() {
-                      return local.style;
-                    },
-                    get title() {
-                      return local.title;
-                    }
-                  }), false, true);
-                  _$insert(_el$7, () => displayValue() || "\xA0");
-                  return _el$7;
-                })();
-              },
-              get children() {
-                var _el$5 = _tmpl$(), _el$6 = _el$5.firstChild;
-                _$spread(_el$5, _$mergeProps(rest, {
-                  "data-datetime-field": "",
-                  get ["class"]() {
-                    return getWrapperClass(true);
-                  },
-                  get style() {
-                    return local.style;
-                  }
-                }), false, true);
-                _el$6.addEventListener("change", handleChange);
-                _$className(_el$6, fieldInputClass);
-                _$effect((_p$) => {
-                  var _v$9 = local.title, _v$0 = formatDateTimeValue(local.min, fieldType()), _v$1 = formatDateTimeValue(local.max, fieldType()), _v$10 = getStep();
-                  _v$9 !== _p$.e && _$setAttribute(_el$6, "title", _p$.e = _v$9);
-                  _v$0 !== _p$.t && _$setAttribute(_el$6, "min", _p$.t = _v$0);
-                  _v$1 !== _p$.a && _$setAttribute(_el$6, "max", _p$.a = _v$1);
-                  _v$10 !== _p$.o && _$setAttribute(_el$6, "step", _p$.o = _v$10);
-                  return _p$;
-                }, {
-                  e: void 0,
-                  t: void 0,
-                  a: void 0,
-                  o: void 0
-                });
-                _$effect(() => _el$6.value = displayValue());
-                return _el$5;
-              }
-            })
-          );
-        },
-        get children() {
-          var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-          _$spread(_el$, _$mergeProps(rest, {
-            "data-datetime-field": "",
-            get ["class"]() {
-              return clsx("relative", local.class);
-            },
-            get style() {
-              return local.style;
-            }
-          }), false, true);
-          _$insert(_el$2, () => displayValue() || "\xA0");
-          _$insert(_el$, _$createComponent(Show, {
-            get when() {
-              return isEditable();
-            },
-            get children() {
-              var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
-              _el$4.addEventListener("change", handleChange);
-              _$className(_el$4, fieldInputClass);
-              _$effect((_p$) => {
-                var _v$ = twMerge(getWrapperClass(false), "absolute left-0 top-0 size-full"), _v$2 = local.title, _v$3 = formatDateTimeValue(local.min, fieldType()), _v$4 = formatDateTimeValue(local.max, fieldType()), _v$5 = getStep();
-                _v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
-                _v$2 !== _p$.t && _$setAttribute(_el$4, "title", _p$.t = _v$2);
-                _v$3 !== _p$.a && _$setAttribute(_el$4, "min", _p$.a = _v$3);
-                _v$4 !== _p$.o && _$setAttribute(_el$4, "max", _p$.o = _v$4);
-                _v$5 !== _p$.i && _$setAttribute(_el$4, "step", _p$.i = _v$5);
-                return _p$;
-              }, {
-                e: void 0,
-                t: void 0,
-                a: void 0,
-                o: void 0,
-                i: void 0
-              });
-              _$effect(() => _el$4.value = displayValue());
-              return _el$3;
-            }
-          }), null);
-          _$effect((_p$) => {
-            var _v$6 = getWrapperClass(false), _v$7 = isEditable() ? "hidden" : void 0, _v$8 = local.title;
-            _v$6 !== _p$.e && _$className(_el$2, _p$.e = _v$6);
-            _v$7 !== _p$.t && _$setStyleProperty(_el$2, "visibility", _p$.t = _v$7);
-            _v$8 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$8);
-            return _p$;
-          }, {
-            e: void 0,
-            t: void 0,
-            a: void 0
-          });
-          return _el$;
-        }
+      var _el$ = _tmpl$();
+      _el$.addEventListener("change", handleChange);
+      _$className(_el$, fieldInputClass);
+      _$effect((_p$) => {
+        var _v$ = local.title, _v$2 = formatDateTimeValue(local.min, fieldType()), _v$3 = formatDateTimeValue(local.max, fieldType()), _v$4 = getStep();
+        _v$ !== _p$.e && _$setAttribute(_el$, "title", _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$, "min", _p$.t = _v$2);
+        _v$3 !== _p$.a && _$setAttribute(_el$, "max", _p$.a = _v$3);
+        _v$4 !== _p$.o && _$setAttribute(_el$, "step", _p$.o = _v$4);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0,
+        a: void 0,
+        o: void 0
       });
+      _$effect(() => _el$.value = displayValue());
+      return _el$;
     }
   });
 };