@simplysm/solid 13.0.74 → 13.0.76

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

@@ -1,27 +1,25 @@
 import { template as _$template } from "solid-js/web";
 import { delegateEvents as _$delegateEvents } 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 { className as _$className } from "solid-js/web";
 import { effect as _$effect } from "solid-js/web";
 import { insert as _$insert } from "solid-js/web";
 import { memo as _$memo } from "solid-js/web";
-import { spread as _$spread } from "solid-js/web";
-import { mergeProps as _$mergeProps } from "solid-js/web";
-var _tmpl$ = /* @__PURE__ */ _$template(`<div style=position:relative><textarea>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-textarea-field-content style=white-space:pre-wrap;word-break:break-all>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><div data-hidden-content style=visibility:hidden;white-space:pre-wrap;word-break:break-all></div><textarea>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ _$template(`<div data-hidden-content style=visibility:hidden;white-space:pre-wrap;word-break:break-all>`), _tmpl$2 = /* @__PURE__ */ _$template(`<textarea>`), _tmpl$3 = /* @__PURE__ */ _$template(`<span style=white-space:pre-wrap;word-break:break-all>`);
 import clsx from "clsx";
-import { createEffect, createMemo, Show, splitProps } from "solid-js";
+import { createEffect, createMemo, splitProps } from "solid-js";
 import { twMerge } from "tailwind-merge";
+import { text } from "../../../styles/base.styles.js";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
 import { createIMEHandler } from "../../../hooks/createIMEHandler.js";
 import { textAreaSizeClasses, getTextareaWrapperClass } from "./Field.styles.js";
 import { PlaceholderFallback } from "./FieldPlaceholder.js";
-import { Invalid } from "../../form-control/Invalid.js";
-import { useI18n } from "../../../providers/i18n/I18nContext.js";
-const textareaBaseClass = clsx("absolute left-0 top-0", "size-full", "resize-none overflow-hidden", "bg-transparent", "px-2 py-1", "placeholder:text-base-400 dark:placeholder:text-base-500");
+import { FieldShell } from "./FieldShell.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
+const textareaBaseClass = clsx("absolute left-0 top-0", "size-full", "resize-none overflow-hidden", "bg-transparent", text.placeholder);
 const Textarea = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "placeholder", "title", "disabled", "readonly", "size", "inset", "minRows", "required", "minLength", "maxLength", "validate", "touchMode", "class", "style"]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "placeholder", "title", "disabled", "readOnly", "size", "inset", "minRows", "required", "minLength", "maxLength", "validate", "touchMode", "class", "style"]);
   const i18n = useI18n();
   const [value, setValue] = createControllableSignal({
     value: () => local.value ?? "",
@@ -60,14 +58,14 @@ const Textarea = (props) => {
     const content = val !== "" && val.split("\n").length >= rows ? val : "\n".repeat(rows - 1) + "\xA0";
     return content.endsWith("\n") ? content + "\xA0" : content;
   };
-  const getWrapperClass = (includeCustomClass) => getTextareaWrapperClass({
+  const getWrapperClass = (includeCustomClass) => twMerge(getTextareaWrapperClass({
     size: local.size,
     disabled: local.disabled,
     inset: local.inset,
     includeCustomClass: includeCustomClass && local.class
-  });
-  const getTextareaClass = () => twMerge(textareaBaseClass, local.size && textAreaSizeClasses[local.size], local.inset && "p-0");
-  const isEditable = () => !local.disabled && !local.readonly;
+  }), "whitespace-pre-wrap break-all");
+  const getTextareaClass = () => twMerge(textareaBaseClass, textAreaSizeClasses[local.size ?? "default"], local.inset && "p-0");
+  const isEditable = () => !local.disabled && !local.readOnly;
   createEffect(() => {
     if (!isEditable()) {
       ime.flushComposition();
@@ -87,155 +85,82 @@ const Textarea = (props) => {
     }
     return (_a = local.validate) == null ? void 0 : _a.call(local, v);
   });
-  return _$createComponent(Invalid, {
-    get message() {
+  return _$createComponent(FieldShell, {
+    get errorMsg() {
       return errorMsg();
     },
-    variant: "border",
+    get invalidVariant() {
+      return local.inset ? "dot" : "border";
+    },
     get touchMode() {
       return local.touchMode;
     },
-    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$8 = _tmpl$4();
-                  _$spread(_el$8, _$mergeProps(rest, {
-                    "data-textarea-field": "",
-                    get ["class"]() {
-                      return getWrapperClass(true);
-                    },
-                    get style() {
-                      return {
-                        "white-space": "pre-wrap",
-                        "word-break": "break-all",
-                        ...local.style
-                      };
-                    },
-                    get title() {
-                      return local.title;
-                    }
-                  }), false, true);
-                  _$insert(_el$8, _$createComponent(PlaceholderFallback, {
-                    get value() {
-                      return value();
-                    },
-                    get placeholder() {
-                      return local.placeholder;
-                    }
-                  }));
-                  return _el$8;
-                })();
-              },
-              get children() {
-                var _el$5 = _tmpl$3(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
-                _$spread(_el$5, _$mergeProps(rest, {
-                  "data-textarea-field": "",
-                  get ["class"]() {
-                    return getWrapperClass(true);
-                  },
-                  get style() {
-                    return {
-                      position: "relative",
-                      ...local.style
-                    };
-                  }
-                }), false, true);
-                _$insert(_el$6, contentForHeight);
-                _el$7.addEventListener("compositionend", handleCompositionEnd);
-                _el$7.addEventListener("compositionstart", handleCompositionStart);
-                _el$7.$$input = handleInput;
-                _el$7.$$keydown = handleKeyDown;
-                _$effect((_p$) => {
-                  var _v$8 = getTextareaClass(), _v$9 = local.placeholder, _v$0 = local.title;
-                  _v$8 !== _p$.e && _$className(_el$7, _p$.e = _v$8);
-                  _v$9 !== _p$.t && _$setAttribute(_el$7, "placeholder", _p$.t = _v$9);
-                  _v$0 !== _p$.a && _$setAttribute(_el$7, "title", _p$.a = _v$0);
-                  return _p$;
-                }, {
-                  e: void 0,
-                  t: void 0,
-                  a: void 0
-                });
-                _$effect(() => _el$7.value = value());
-                return _el$5;
-              }
-            })
-          );
+    get inset() {
+      return local.inset;
+    },
+    get isEditable() {
+      return isEditable();
+    },
+    wrapperClass: getWrapperClass,
+    dataAttr: "data-textarea-field",
+    readonlyExtraClass: "sd-textarea-field",
+    get style() {
+      return local.style;
+    },
+    get title() {
+      return local.title;
+    },
+    get ["class"]() {
+      return local.class;
+    },
+    rest,
+    get displayContent() {
+      return _$createComponent(PlaceholderFallback, {
+        get value() {
+          return displayValue();
         },
-        get children() {
-          var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-          _$spread(_el$, _$mergeProps(rest, {
-            "data-textarea-field": "",
-            get ["class"]() {
-              return clsx("relative", local.class);
-            },
-            get style() {
-              return local.style;
-            }
-          }), false, true);
-          _$insert(_el$2, (() => {
-            var _c$ = _$memo(() => !!isEditable());
-            return () => _c$() ? contentForHeight() : _$createComponent(PlaceholderFallback, {
-              get value() {
-                return value();
-              },
-              get placeholder() {
-                return local.placeholder;
-              }
-            });
-          })());
-          _$insert(_el$, _$createComponent(Show, {
-            get when() {
-              return isEditable();
-            },
-            get children() {
-              var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
-              _el$4.addEventListener("compositionend", handleCompositionEnd);
-              _el$4.addEventListener("compositionstart", handleCompositionStart);
-              _el$4.$$input = handleInput;
-              _el$4.$$keydown = handleKeyDown;
-              _$effect((_p$) => {
-                var _v$ = twMerge(getWrapperClass(false), "absolute left-0 top-0 size-full"), _v$2 = twMerge(textareaBaseClass, local.size && textAreaSizeClasses[local.size]), _v$3 = local.placeholder, _v$4 = local.title;
-                _v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
-                _v$2 !== _p$.t && _$className(_el$4, _p$.t = _v$2);
-                _v$3 !== _p$.a && _$setAttribute(_el$4, "placeholder", _p$.a = _v$3);
-                _v$4 !== _p$.o && _$setAttribute(_el$4, "title", _p$.o = _v$4);
-                return _p$;
-              }, {
-                e: void 0,
-                t: void 0,
-                a: void 0,
-                o: void 0
-              });
-              _$effect(() => _el$4.value = value());
-              return _el$3;
-            }
-          }), null);
-          _$effect((_p$) => {
-            var _v$5 = getWrapperClass(false), _v$6 = isEditable() ? "hidden" : void 0, _v$7 = local.title;
-            _v$5 !== _p$.e && _$className(_el$2, _p$.e = _v$5);
-            _v$6 !== _p$.t && _$setStyleProperty(_el$2, "visibility", _p$.t = _v$6);
-            _v$7 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$7);
-            return _p$;
-          }, {
-            e: void 0,
-            t: void 0,
-            a: void 0
-          });
-          return _el$;
+        get placeholder() {
+          return local.placeholder;
         }
       });
+    },
+    renderSizing: () => isEditable() ? (() => {
+      var _el$3 = _tmpl$3();
+      _$insert(_el$3, contentForHeight);
+      return _el$3;
+    })() : _$createComponent(PlaceholderFallback, {
+      get value() {
+        return displayValue();
+      },
+      get placeholder() {
+        return local.placeholder;
+      }
+    }),
+    get children() {
+      return [(() => {
+        var _el$ = _tmpl$();
+        _$insert(_el$, contentForHeight);
+        return _el$;
+      })(), (() => {
+        var _el$2 = _tmpl$2();
+        _el$2.addEventListener("compositionend", handleCompositionEnd);
+        _el$2.addEventListener("compositionstart", handleCompositionStart);
+        _el$2.$$input = handleInput;
+        _el$2.$$keydown = handleKeyDown;
+        _$effect((_p$) => {
+          var _v$ = getTextareaClass(), _v$2 = local.placeholder, _v$3 = local.title;
+          _v$ !== _p$.e && _$className(_el$2, _p$.e = _v$);
+          _v$2 !== _p$.t && _$setAttribute(_el$2, "placeholder", _p$.t = _v$2);
+          _v$3 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$3);
+          return _p$;
+        }, {
+          e: void 0,
+          t: void 0,
+          a: void 0
+        });
+        _$effect(() => _el$2.value = value());
+        return _el$2;
+      })()];
     }
   });
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/field/Textarea.tsx"],
-  "mappings": "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",
-  "names": ["clsx", "createEffect", "createMemo", "Show", "splitProps", "twMerge", "createControllableSignal", "createIMEHandler", "textAreaSizeClasses", "getTextareaWrapperClass", "PlaceholderFallback", "Invalid", "useI18n", "textareaBaseClass", "Textarea", "props", "local", "rest", "i18n", "value", "setValue", "onChange", "onValueChange", "ime", "v", "displayValue", "composingValue", "handleCompositionStart", "handleInput", "e", "currentTarget", "isComposing", "handleCompositionEnd", "handleKeyDown", "key", "altKey", "preventDefault", "stopPropagation", "el", "start", "selectionStart", "end", "selectionEnd", "before", "substring", "after", "newVal", "dispatchEvent", "InputEvent", "bubbles", "contentForHeight", "rows", "minRows", "val", "content", "split", "length", "repeat", "endsWith", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "getTextareaClass", "isEditable", "readonly", "flushComposition", "errorMsg", "required", "t", "minLength", "min", "String", "maxLength", "max", "validate", "_$createComponent", "message", "variant", "touchMode", "children", "when", "fallback", "_el$8", "_tmpl$4", "_$spread", "_$mergeProps", "style", "title", "_$insert", "placeholder", "_el$5", "_tmpl$3", "_el$6", "firstChild", "_el$7", "nextSibling", "position", "addEventListener", "$$input", "$$keydown", "_$effect", "_p$", "_v$8", "_v$9", "_v$0", "_$className", "_$setAttribute", "a", "undefined", "_el$", "_tmpl$2", "_el$2", "_c$", "_$memo", "_el$3", "_tmpl$", "_el$4", "_v$", "_v$2", "_v$3", "_v$4", "o", "_v$5", "_v$6", "_v$7", "_$setStyleProperty", "_$delegateEvents"]
+  "mappings": "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",
+  "names": ["clsx", "createEffect", "createMemo", "splitProps", "twMerge", "text", "createControllableSignal", "createIMEHandler", "textAreaSizeClasses", "getTextareaWrapperClass", "PlaceholderFallback", "FieldShell", "useI18n", "textareaBaseClass", "placeholder", "Textarea", "props", "local", "rest", "i18n", "value", "setValue", "onChange", "onValueChange", "ime", "v", "displayValue", "composingValue", "handleCompositionStart", "handleInput", "e", "currentTarget", "isComposing", "handleCompositionEnd", "handleKeyDown", "key", "altKey", "preventDefault", "stopPropagation", "el", "start", "selectionStart", "end", "selectionEnd", "before", "substring", "after", "newVal", "dispatchEvent", "InputEvent", "bubbles", "contentForHeight", "rows", "minRows", "val", "content", "split", "length", "repeat", "endsWith", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "getTextareaClass", "isEditable", "readOnly", "flushComposition", "errorMsg", "required", "t", "minLength", "min", "String", "maxLength", "max", "validate", "_$createComponent", "invalidVariant", "touchMode", "wrapperClass", "dataAttr", "readonlyExtraClass", "style", "title", "displayContent", "renderSizing", "_el$3", "_tmpl$3", "_$insert", "children", "_el$", "_tmpl$", "_el$2", "_tmpl$2", "addEventListener", "$$input", "$$keydown", "_$effect", "_p$", "_v$", "_v$2", "_v$3", "_$className", "_$setAttribute", "a", "undefined", "_$delegateEvents"]
 }

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

@@ -14,7 +14,7 @@ export interface TimePickerProps {
     /** Disable input */
     disabled?: boolean;
     /** Read-only */
-    readonly?: boolean;
+    readOnly?: boolean;
     /** Size */
     size?: FieldSize;
     /** Borderless style */

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

@@ -1 +1 @@
-{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\field\\TimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAElF,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAE,KAAK,SAAS,EAAyC,MAAM,gBAAgB,CAAC;AAIvF,KAAK,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAElD,gBAAgB;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,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,mBAAmB;IACnB,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX,mBAAmB;IACnB,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE3D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAsCD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAuIjD,CAAC"}
+{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\field\\TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAc,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAE,KAAK,SAAS,EAAyC,MAAM,gBAAgB,CAAC;AAIvF,KAAK,cAAc,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1C,MAAM,WAAW,eAAe;IAC9B,kBAAkB;IAClB,KAAK,CAAC,EAAE,IAAI,CAAC;IAEb,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAElD,gBAAgB;IAChB,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,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,mBAAmB;IACnB,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX,mBAAmB;IACnB,GAAG,CAAC,EAAE,IAAI,CAAC;IAEX,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE3D,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAsCD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAgGjD,CAAC"}

package/dist/components/form-control/field/TimePicker.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=time autocomplete=one-time-code>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-time-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=time autocomplete=one-time-code>`);
+import { createMemo, splitProps } from "solid-js";
 import { Time } 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 formatValue(value, unit) {
   if (value == null) return "";
   switch (unit) {
@@ -42,7 +36,7 @@ function parseValue(str, unit) {
   }
 }
 const TimePicker = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "title", "disabled", "readonly", "size", "inset", "class", "style", "min", "max", "required", "validate", "touchMode"]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "title", "disabled", "readOnly", "size", "inset", "class", "style", "min", "max", "required", "validate", "touchMode"]);
   const i18n = useI18n();
   const fieldType = () => local.unit ?? "minute";
   const [value, setValue] = createControllableSignal({
@@ -62,7 +56,7 @@ const TimePicker = (props) => {
     includeCustomClass: includeCustomClass && local.class,
     extra: "min-w-24"
   });
-  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,124 +72,53 @@ const TimePicker = (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 inset() {
+      return local.inset;
+    },
+    get isEditable() {
+      return isEditable();
+    },
+    wrapperClass: getWrapperClass,
+    dataAttr: "data-time-field",
+    readonlyExtraClass: "sd-time-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-time-field": "",
-                    get ["class"]() {
-                      return twMerge(getWrapperClass(true), "sd-time-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-time-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$7 = local.title, _v$8 = getStep();
-                  _v$7 !== _p$.e && _$setAttribute(_el$6, "title", _p$.e = _v$7);
-                  _v$8 !== _p$.t && _$setAttribute(_el$6, "step", _p$.t = _v$8);
-                  return _p$;
-                }, {
-                  e: void 0,
-                  t: 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-time-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 = 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, "step", _p$.a = _v$3);
-                return _p$;
-              }, {
-                e: void 0,
-                t: void 0,
-                a: void 0
-              });
-              _$effect(() => _el$4.value = displayValue());
-              return _el$3;
-            }
-          }), null);
-          _$effect((_p$) => {
-            var _v$4 = getWrapperClass(false), _v$5 = isEditable() ? "hidden" : void 0, _v$6 = local.title;
-            _v$4 !== _p$.e && _$className(_el$2, _p$.e = _v$4);
-            _v$5 !== _p$.t && _$setStyleProperty(_el$2, "visibility", _p$.t = _v$5);
-            _v$6 !== _p$.a && _$setAttribute(_el$2, "title", _p$.a = _v$6);
-            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 = getStep();
+        _v$ !== _p$.e && _$setAttribute(_el$, "title", _p$.e = _v$);
+        _v$2 !== _p$.t && _$setAttribute(_el$, "step", _p$.t = _v$2);
+        return _p$;
+      }, {
+        e: void 0,
+        t: void 0
       });
+      _$effect(() => _el$.value = displayValue());
+      return _el$;
     }
   });
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/field/TimePicker.tsx"],
-  "mappings": "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",
-  "names": ["clsx", "createMemo", "Show", "splitProps", "twMerge", "Time", "createControllableSignal", "fieldInputClass", "getFieldWrapperClass", "Invalid", "useI18n", "formatValue", "value", "unit", "toFormatString", "parseValue", "str", "undefined", "match", "exec", "Number", "TimePicker", "props", "local", "rest", "i18n", "fieldType", "setValue", "onChange", "onValueChange", "displayValue", "handleChange", "e", "newValue", "currentTarget", "parsed", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "extra", "isEditable", "readonly", "getStep", "errorMsg", "v", "required", "t", "min", "tick", "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$7", "_v$8", "_$setAttribute", "_el$", "_tmpl$2", "_el$2", "_el$3", "_el$4", "_v$", "_v$2", "_v$3", "a", "_v$4", "_v$5", "_v$6", "_$setStyleProperty"]
+  "mappings": "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",
+  "names": ["createMemo", "splitProps", "Time", "createControllableSignal", "fieldInputClass", "getFieldWrapperClass", "useI18n", "FieldShell", "formatValue", "value", "unit", "toFormatString", "parseValue", "str", "undefined", "match", "exec", "Number", "TimePicker", "props", "local", "rest", "i18n", "fieldType", "setValue", "onChange", "onValueChange", "displayValue", "handleChange", "e", "newValue", "currentTarget", "parsed", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "extra", "isEditable", "readOnly", "getStep", "errorMsg", "v", "required", "t", "min", "tick", "max", "validate", "_$createComponent", "invalidVariant", "touchMode", "wrapperClass", "dataAttr", "readonlyExtraClass", "style", "title", "displayContent", "children", "_el$", "_tmpl$", "addEventListener", "_$className", "_$effect", "_p$", "_v$", "_v$2", "_$setAttribute"]
 }

package/dist/components/form-control/numpad/Numpad.d.ts

@@ -1,5 +1,5 @@
 import { type Component, type JSX } from "solid-js";
-import type { ComponentSize } from "../../../styles/tokens.styles";
+import { type ComponentSize } from "../../../styles/control.styles";
 export interface NumpadProps {
     /** Input value */
     value?: number;

package/dist/components/form-control/numpad/Numpad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Numpad.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\numpad\\Numpad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAoC,MAAM,UAAU,CAAC;AAQtF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAGnE,MAAM,WAAW,WAAW;IAC1B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW;IACX,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAsBD,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,WAAW,CAmKzC,CAAC"}
+{"version":3,"file":"Numpad.d.ts","sourceRoot":"","sources":["..\\..\\..\\..\\src\\components\\form-control\\numpad\\Numpad.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAoC,MAAM,UAAU,CAAC;AAQtF,OAAO,EAAO,KAAK,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAGzE,MAAM,WAAW,WAAW;IAC1B,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IACpD,kBAAkB;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,wBAAwB;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,WAAW;IACX,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAqBD,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,WAAW,CAmKzC,CAAC"}

package/dist/components/form-control/numpad/Numpad.js

@@ -14,8 +14,8 @@ import { Button } from "../Button.js";
 import { NumberInput } from "../field/NumberInput.js";
 import { Icon } from "../../display/Icon.js";
 import { IconEraser, IconArrowLeft } from "@tabler/icons-solidjs";
-import { useI18n } from "../../../providers/i18n/I18nContext.js";
-const baseClass = clsx("grid grid-cols-3", "gap-0.5", "w-auto");
+import { gap } from "../../../styles/control.styles.js";
+import { useI18n } from "../../../providers/i18n/I18nProvider.js";
 function parseInputStr(str) {
   if (str === "" || str === "-" || str === "." || str === "-.") return void 0;
   const num = Number(str);
@@ -88,12 +88,12 @@ const Numpad = (props) => {
       get placeholder() {
         return props.placeholder;
       },
-      get readonly() {
+      get readOnly() {
         return props.inputDisabled;
       },
       inset: true,
       "class": "w-full",
-      comma: false
+      useGrouping: false
     }));
     _$insert(_el$, _$createComponent(Show, {
       get when() {
@@ -250,7 +250,7 @@ const Numpad = (props) => {
       children: "."
     }), null);
     _$effect((_p$) => {
-      var _v$ = twMerge(baseClass, props.class), _v$2 = props.style, _v$3 = clsx("flex", props.useEnterButton ? "col-span-2" : "col-span-3");
+      var _v$ = twMerge(clsx("grid grid-cols-3", gap.sm, "w-auto"), props.class), _v$2 = props.style, _v$3 = clsx("flex", props.useEnterButton ? "col-span-2" : "col-span-3");
       _v$ !== _p$.e && _$className(_el$, _p$.e = _v$);
       _p$.t = _$style(_el$, _v$2, _p$.t);
       _v$3 !== _p$.a && _$className(_el$2, _p$.a = _v$3);