@simplysm/solid 13.0.28 → 13.0.30

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

@@ -2,21 +2,22 @@ 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 { className as _$className } 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 { 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(`<input type=datetime-local>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-datetime-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><input type=datetime-local>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`);
+import { memo as _$memo } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<div><input type=datetime-local>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-datetime-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`);
 import clsx from "clsx";
-import { Show, splitProps } from "solid-js";
+import { createMemo, Show, splitProps } from "solid-js";
 import { twMerge } from "tailwind-merge";
 import { DateTime } from "@simplysm/core-common";
 import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
-import { fieldBaseClass, fieldSizeClasses, fieldInsetClass, fieldInsetHeightClass, fieldInsetSizeHeightClasses, fieldDisabledClass, fieldInputClass } from "./Field.styles.js";
-function formatValue(value, unit) {
-  if (value == null) return "";
+import { fieldInputClass, getFieldWrapperClass } from "./Field.styles.js";
+import { Invalid } from "../../form-control/Invalid.js";
+function formatDateTimeValue(value, unit) {
+  if (value == null) return void 0;
   switch (unit) {
     case "minute":
       return value.toFormatString("yyyy-MM-ddTHH:mm");
@@ -39,141 +40,163 @@ function parseValue(str, unit) {
     }
   }
 }
-function formatMinMax(value, unit) {
-  if (value == null) return void 0;
-  switch (unit) {
-    case "minute":
-      return value.toFormatString("yyyy-MM-ddTHH:mm");
-    case "second":
-      return value.toFormatString("yyyy-MM-ddTHH:mm:ss");
-  }
-}
 const DateTimePicker = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "min", "max", "title", "disabled", "readonly", "size", "inset", "class", "style"]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "min", "max", "title", "disabled", "readonly", "size", "inset", "class", "style", "required", "validate", "touchMode"]);
   const fieldType = () => local.unit ?? "minute";
   const [value, setValue] = createControllableSignal({
     value: () => local.value,
     onChange: () => local.onValueChange
   });
-  const displayValue = () => formatValue(value(), fieldType());
+  const displayValue = () => formatDateTimeValue(value(), fieldType()) ?? "";
   const handleChange = (e) => {
     const newValue = e.currentTarget.value;
     const parsed = parseValue(newValue, fieldType());
     setValue(parsed);
   };
-  const getWrapperClass = (includeCustomClass) => twMerge(fieldBaseClass, local.size && fieldSizeClasses[local.size], local.disabled && fieldDisabledClass, local.inset && fieldInsetClass + " block", local.inset && (local.size ? fieldInsetSizeHeightClasses[local.size] : fieldInsetHeightClass), includeCustomClass && local.class);
+  const getWrapperClass = (includeCustomClass) => getFieldWrapperClass({
+    size: local.size,
+    disabled: local.disabled,
+    inset: local.inset,
+    includeCustomClass: includeCustomClass && local.class
+  });
   const isEditable = () => !local.disabled && !local.readonly;
   const getStep = () => fieldType() === "second" ? "1" : void 0;
-  return _$createComponent(Show, {
-    get when() {
-      return local.inset;
+  const errorMsg = createMemo(() => {
+    var _a;
+    const v = value();
+    if (local.required && v === void 0) return "\uD544\uC218 \uC785\uB825 \uD56D\uBAA9\uC785\uB2C8\uB2E4";
+    if (v !== void 0) {
+      if (local.min !== void 0 && v.tick < local.min.tick) return `${local.min.toFormatString("yyyy-MM-dd HH:mm:ss")}\uBCF4\uB2E4 \uD06C\uAC70\uB098 \uAC19\uC544\uC57C \uD569\uB2C8\uB2E4`;
+      if (local.max !== void 0 && v.tick > local.max.tick) return `${local.max.toFormatString("yyyy-MM-dd HH:mm:ss")}\uBCF4\uB2E4 \uC791\uAC70\uB098 \uAC19\uC544\uC57C \uD569\uB2C8\uB2E4`;
+    }
+    return (_a = local.validate) == null ? void 0 : _a.call(local, v);
+  });
+  return _$createComponent(Invalid, {
+    get message() {
+      return errorMsg();
     },
-    get fallback() {
-      return (
-        // standalone 모드
-        _$createComponent(Show, {
-          get when() {
-            return isEditable();
-          },
-          get fallback() {
-            return (() => {
-              var _el$6 = _tmpl$4();
-              _$spread(_el$6, _$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$6, () => displayValue() || "\xA0");
-              return _el$6;
-            })();
-          },
-          get children() {
-            var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
-            _$spread(_el$4, _$mergeProps(rest, {
-              "data-datetime-field": "",
-              get ["class"]() {
-                return getWrapperClass(true);
-              },
-              get style() {
-                return local.style;
-              }
-            }), false, true);
-            _el$5.addEventListener("change", handleChange);
-            _$className(_el$5, fieldInputClass);
-            _$effect((_p$) => {
-              var _v$8 = local.title, _v$9 = formatMinMax(local.min, fieldType()), _v$0 = formatMinMax(local.max, fieldType()), _v$1 = getStep();
-              _v$8 !== _p$.e && _$setAttribute(_el$5, "title", _p$.e = _v$8);
-              _v$9 !== _p$.t && _$setAttribute(_el$5, "min", _p$.t = _v$9);
-              _v$0 !== _p$.a && _$setAttribute(_el$5, "max", _p$.a = _v$0);
-              _v$1 !== _p$.o && _$setAttribute(_el$5, "step", _p$.o = _v$1);
-              return _p$;
-            }, {
-              e: void 0,
-              t: void 0,
-              a: void 0,
-              o: void 0
-            });
-            _$effect(() => _el$5.value = displayValue());
-            return _el$4;
-          }
-        })
-      );
+    get variant() {
+      return local.inset ? "dot" : "border";
+    },
+    get touchMode() {
+      return local.touchMode;
     },
     get children() {
-      var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-      _$spread(_el$, _$mergeProps(rest, {
-        "data-datetime-field": "",
-        get ["class"]() {
-          return twMerge(getWrapperClass(false), "relative", local.class);
-        },
-        get style() {
-          return local.style;
-        }
-      }), false, true);
-      _$insert(_el$2, () => displayValue() || "\xA0");
-      _$insert(_el$, _$createComponent(Show, {
+      return _$createComponent(Show, {
         get when() {
-          return isEditable();
+          return local.inset;
+        },
+        get fallback() {
+          return (
+            // standalone 모드
+            _$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$3 = _tmpl$();
-          _el$3.addEventListener("change", handleChange);
+          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$ = clsx(fieldInputClass, "absolute left-0 top-0 size-full", "px-2 py-1"), _v$2 = local.title, _v$3 = formatMinMax(local.min, fieldType()), _v$4 = formatMinMax(local.max, fieldType()), _v$5 = getStep();
-            _v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
-            _v$2 !== _p$.t && _$setAttribute(_el$3, "title", _p$.t = _v$2);
-            _v$3 !== _p$.a && _$setAttribute(_el$3, "min", _p$.a = _v$3);
-            _v$4 !== _p$.o && _$setAttribute(_el$3, "max", _p$.o = _v$4);
-            _v$5 !== _p$.i && _$setAttribute(_el$3, "step", _p$.i = _v$5);
+            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,
-            o: void 0,
-            i: void 0
+            a: void 0
           });
-          _$effect(() => _el$3.value = displayValue());
-          return _el$3;
+          return _el$;
         }
-      }), null);
-      _$effect((_p$) => {
-        var _v$6 = isEditable() ? "hidden" : void 0, _v$7 = local.title;
-        _v$6 !== _p$.e && _$setStyleProperty(_el$2, "visibility", _p$.e = _v$6);
-        _v$7 !== _p$.t && _$setAttribute(_el$2, "title", _p$.t = _v$7);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0
       });
-      return _el$;
     }
   });
 };

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/field/DateTimePicker.tsx"],
-  "mappings": "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",
-  "names": ["clsx", "Show", "splitProps", "twMerge", "DateTime", "createControllableSignal", "fieldBaseClass", "fieldSizeClasses", "fieldInsetClass", "fieldInsetHeightClass", "fieldInsetSizeHeightClasses", "fieldDisabledClass", "fieldInputClass", "formatValue", "value", "unit", "toFormatString", "parseValue", "str", "undefined", "match", "exec", "Number", "formatMinMax", "DateTimePicker", "props", "local", "rest", "fieldType", "setValue", "onChange", "onValueChange", "displayValue", "handleChange", "e", "newValue", "currentTarget", "parsed", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "isEditable", "readonly", "getStep", "_$createComponent", "when", "fallback", "_el$6", "_tmpl$4", "_$spread", "_$mergeProps", "style", "title", "_$insert", "children", "_el$4", "_tmpl$3", "_el$5", "firstChild", "addEventListener", "_$className", "_$effect", "_p$", "_v$8", "_v$9", "min", "_v$0", "max", "_v$1", "_$setAttribute", "t", "a", "o", "_el$", "_tmpl$2", "_el$2", "_el$3", "_tmpl$", "_v$", "_v$2", "_v$3", "_v$4", "_v$5", "i", "_v$6", "_v$7", "_$setStyleProperty"]
+  "mappings": "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",
+  "names": ["clsx", "createMemo", "Show", "splitProps", "twMerge", "DateTime", "createControllableSignal", "fieldInputClass", "getFieldWrapperClass", "Invalid", "formatDateTimeValue", "value", "unit", "undefined", "toFormatString", "parseValue", "str", "match", "exec", "Number", "DateTimePicker", "props", "local", "rest", "fieldType", "setValue", "onChange", "onValueChange", "displayValue", "handleChange", "e", "newValue", "currentTarget", "parsed", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "isEditable", "readonly", "getStep", "errorMsg", "v", "required", "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$9", "_v$0", "_v$1", "_v$10", "_$setAttribute", "t", "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"]
 }

package/dist/components/form-control/field/Field.styles.d.ts

@@ -9,4 +9,18 @@ export declare const fieldDisabledClass: string;
 export declare const textAreaBaseClass: string;
 export declare const textAreaSizeClasses: Record<FieldSize, string>;
 export declare const fieldInputClass: string;
+export declare const fieldGapClasses: Record<FieldSize | "default", string>;
+export declare function getFieldWrapperClass(options: {
+    size?: FieldSize;
+    disabled?: boolean;
+    inset?: boolean;
+    includeCustomClass?: string | false;
+    extra?: string | false;
+}): string;
+export declare function getTextareaWrapperClass(options: {
+    size?: FieldSize;
+    disabled?: boolean;
+    inset?: boolean;
+    includeCustomClass?: string | false;
+}): string;
 //# sourceMappingURL=Field.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/Field.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,+BAA+B,CAAC;AAGpG,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAGtC,eAAO,MAAM,cAAc,QAAyE,CAAC;AAGrG,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAItD,CAAC;AAGF,eAAO,MAAM,eAAe,QAA6E,CAAC;AAG1G,eAAO,MAAM,qBAAqB,kBAAkB,CAAC;AACrD,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIjE,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAqD,CAAC;AAGrF,eAAO,MAAM,iBAAiB,QAAuD,CAAC;AAGtF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIzD,CAAC;AAGF,eAAO,MAAM,eAAe,QAAY,CAAC"}
+{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/Field.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAmC,MAAM,+BAA+B,CAAC;AAQpG,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC;AAGtC,eAAO,MAAM,cAAc,QAK1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAItD,CAAC;AAGF,eAAO,MAAM,eAAe,QAI3B,CAAC;AAGF,eAAO,MAAM,qBAAqB,kBAAkB,CAAC;AACrD,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIjE,CAAC;AAGF,eAAO,MAAM,kBAAkB,QAAqD,CAAC;AAGrF,eAAO,MAAM,iBAAiB,QAAuD,CAAC;AAGtF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAIzD,CAAC;AAGF,eAAO,MAAM,eAAe,QAAY,CAAC;AAGzC,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,SAAS,GAAG,SAAS,EAAE,MAAM,CAKjE,CAAC;AAGF,wBAAgB,oBAAoB,CAAC,OAAO,EAAE;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACxB,GAAG,MAAM,CAWT;AAGD,wBAAgB,uBAAuB,CAAC,OAAO,EAAE;IAC/C,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,kBAAkB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACrC,GAAG,MAAM,CAQT"}

package/dist/components/form-control/field/Field.styles.js

@@ -1,13 +1,28 @@
 import clsx from "clsx";
+import { twMerge } from "tailwind-merge";
 import { paddingLg, paddingSm, paddingXl } from "../../../styles/tokens.styles.js";
-import { fieldSurface, insetBase, insetFocusOutline, inputBase } from "../../../styles/patterns.styles.js";
-const fieldBaseClass = clsx("inline-flex items-center", fieldSurface, "px-2 py-1", "h-field");
+import {
+  fieldSurface,
+  insetBase,
+  insetFocusOutline,
+  inputBase
+} from "../../../styles/patterns.styles.js";
+const fieldBaseClass = clsx(
+  "inline-flex items-center",
+  fieldSurface,
+  "px-2 py-1",
+  "h-field"
+);
 const fieldSizeClasses = {
   sm: clsx("h-field-sm", paddingSm),
   lg: clsx("h-field-lg", paddingLg),
   xl: clsx("h-field-xl", paddingXl)
 };
-const fieldInsetClass = clsx(insetBase, "bg-primary-50 dark:bg-primary-950/30", insetFocusOutline);
+const fieldInsetClass = clsx(
+  insetBase,
+  "bg-primary-50 dark:bg-primary-950/30",
+  insetFocusOutline
+);
 const fieldInsetHeightClass = "h-field-inset";
 const fieldInsetSizeHeightClasses = {
   sm: "h-field-inset-sm",
@@ -22,14 +37,43 @@ const textAreaSizeClasses = {
   xl: paddingXl
 };
 const fieldInputClass = inputBase;
+const fieldGapClasses = {
+  default: "gap-2",
+  sm: "gap-1.5",
+  lg: "gap-3",
+  xl: "gap-4"
+};
+function getFieldWrapperClass(options) {
+  return twMerge(
+    fieldBaseClass,
+    options.extra,
+    options.size && fieldSizeClasses[options.size],
+    options.disabled && fieldDisabledClass,
+    options.inset && fieldInsetClass,
+    options.inset && (options.size ? fieldInsetSizeHeightClasses[options.size] : fieldInsetHeightClass),
+    options.includeCustomClass
+  );
+}
+function getTextareaWrapperClass(options) {
+  return twMerge(
+    textAreaBaseClass,
+    options.size && textAreaSizeClasses[options.size],
+    options.disabled && fieldDisabledClass,
+    options.inset && fieldInsetClass,
+    options.includeCustomClass
+  );
+}
 export {
   fieldBaseClass,
   fieldDisabledClass,
+  fieldGapClasses,
   fieldInputClass,
   fieldInsetClass,
   fieldInsetHeightClass,
   fieldInsetSizeHeightClasses,
   fieldSizeClasses,
+  getFieldWrapperClass,
+  getTextareaWrapperClass,
   textAreaBaseClass,
   textAreaSizeClasses
 };

package/dist/components/form-control/field/Field.styles.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/field/Field.styles.ts"],
-  "mappings": "AAAA,OAAO,UAAU;AACjB,SAA6B,WAAW,WAAW,iBAAiB;AACpE,SAAS,cAAc,WAAW,mBAAmB,iBAAiB;AAK/D,MAAM,iBAAiB,KAAK,4BAA4B,cAAc,aAAa,SAAS;AAG5F,MAAM,mBAA8C;AAAA,EACzD,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,kBAAkB,KAAK,WAAW,wCAAwC,iBAAiB;AAGjG,MAAM,wBAAwB;AAC9B,MAAM,8BAAyD;AAAA,EACpE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,qBAAqB,KAAK,4CAA4C;AAG5E,MAAM,oBAAoB,KAAK,qBAAqB,cAAc,WAAW;AAG7E,MAAM,sBAAiD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,kBAAkB;",
+  "mappings": "AAAA,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAA6B,WAAW,WAAW,iBAAiB;AACpE;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAKA,MAAM,iBAAiB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,mBAA8C;AAAA,EACzD,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAAA,EAChC,IAAI,KAAK,cAAc,SAAS;AAClC;AAGO,MAAM,kBAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AACF;AAGO,MAAM,wBAAwB;AAC9B,MAAM,8BAAyD;AAAA,EACpE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,qBAAqB,KAAK,4CAA4C;AAG5E,MAAM,oBAAoB,KAAK,qBAAqB,cAAc,WAAW;AAG7E,MAAM,sBAAiD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,MAAM,kBAAkB;AAGxB,MAAM,kBAAyD;AAAA,EACpE,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,SAAS,qBAAqB,SAM1B;AACT,SAAO;AAAA,IACL;AAAA,IACA,QAAQ;AAAA,IACR,QAAQ,QAAQ,iBAAiB,QAAQ,IAAI;AAAA,IAC7C,QAAQ,YAAY;AAAA,IACpB,QAAQ,SAAS;AAAA,IACjB,QAAQ,UACL,QAAQ,OAAO,4BAA4B,QAAQ,IAAI,IAAI;AAAA,IAC9D,QAAQ;AAAA,EACV;AACF;AAGO,SAAS,wBAAwB,SAK7B;AACT,SAAO;AAAA,IACL;AAAA,IACA,QAAQ,QAAQ,oBAAoB,QAAQ,IAAI;AAAA,IAChD,QAAQ,YAAY;AAAA,IACpB,QAAQ,SAAS;AAAA,IACjB,QAAQ;AAAA,EACV;AACF;",
   "names": []
 }

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

@@ -0,0 +1,7 @@
+import { type Component } from "solid-js";
+/** 값이 없을 때 placeholder 또는 NBSP를 표시하는 공유 컴포넌트 */
+export declare const PlaceholderFallback: Component<{
+    value?: string;
+    placeholder?: string;
+}>;
+//# sourceMappingURL=FieldPlaceholder.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldPlaceholder.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/FieldPlaceholder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAQ,MAAM,UAAU,CAAC;AAGhD,gDAAgD;AAChD,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,MAAM,CAAA;CAAE,CAanF,CAAC"}

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

@@ -0,0 +1,34 @@
+import { template as _$template } from "solid-js/web";
+import { insert as _$insert } from "solid-js/web";
+import { className as _$className } from "solid-js/web";
+import { memo as _$memo } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = /* @__PURE__ */ _$template(`<span>`);
+import { Show } from "solid-js";
+import { textMuted } from "../../../styles/tokens.styles.js";
+const PlaceholderFallback = (props) => _$createComponent(Show, {
+  get when() {
+    return props.value;
+  },
+  get fallback() {
+    return _$createComponent(Show, {
+      get when() {
+        return _$memo(() => props.placeholder != null)() && props.placeholder !== "";
+      },
+      fallback: "\xA0",
+      get children() {
+        var _el$ = _tmpl$();
+        _$className(_el$, textMuted);
+        _$insert(_el$, () => props.placeholder);
+        return _el$;
+      }
+    });
+  },
+  get children() {
+    return props.value;
+  }
+});
+export {
+  PlaceholderFallback
+};
+//# sourceMappingURL=FieldPlaceholder.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/form-control/field/FieldPlaceholder.tsx"],
+  "mappings": ";;;;;;AAAA,SAAyBA,YAAY;AACrC,SAASC,iBAAiB;AAGnB,MAAMC,sBAA4EC,WAAKC,kBAEzFJ,MAAI;EAAA,IACHK,OAAI;AAAA,WAAEF,MAAMG;EAAK;EAAA,IACjBC,WAAQ;AAAA,WAAAH,kBACLJ,MAAI;MAAA,IAACK,OAAI;AAAA,eAAEG,OAAA,MAAAL,MAAMM,eAAe,IAAI,EAAA,KAAIN,MAAMM,gBAAgB;MAAE;MAAEF,UAAU;MAAQ,IAAAG,WAAA;AAAA,YAAAC,OAAAC,OAAA;AAAAC,oBAAAF,MACtEV,SAAS;AAAAa,iBAAAH,MAAA,MAAGR,MAAMM,WAAW;AAAA,eAAAE;MAAA;IAAA,CAAA;EAAA;EAAA,IAAAD,WAAA;AAAA,WAI7CP,MAAMG;EAAK;AAAA,CAAA;",
+  "names": ["Show", "textMuted", "PlaceholderFallback", "props", "_$createComponent", "when", "value", "fallback", "_$memo", "placeholder", "children", "_el$", "_tmpl$", "_$className", "_$insert"]
+}

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

@@ -1,4 +1,5 @@
 import { type Component, type JSX } from "solid-js";
+import type { IconProps as TablerIconProps } from "@tabler/icons-solidjs";
 import { type FieldSize } from "./Field.styles";
 export interface NumberInputProps {
     /** 입력 값 */
@@ -25,6 +26,18 @@ export interface NumberInputProps {
     class?: string;
     /** 커스텀 style */
     style?: JSX.CSSProperties;
+    /** 접두 아이콘 */
+    prefixIcon?: Component<TablerIconProps>;
+    /** 필수 입력 여부 */
+    required?: boolean;
+    /** 최솟값 */
+    min?: number;
+    /** 최댓값 */
+    max?: number;
+    /** 커스텀 유효성 검사 함수 */
+    validate?: (value: number | undefined) => string | undefined;
+    /** touchMode: 포커스 해제 후에만 에러 표시 */
+    touchMode?: boolean;
 }
 /**
  * NumberInput 컴포넌트

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

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAgD,MAAM,UAAU,CAAC;AAIlG,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,gBAAgB,CAAC;AAWxB,MAAM,WAAW,gBAAgB;IAC/B,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEpD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AA8ED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAwKnD,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,SAAS,EAGd,KAAK,GAAG,EAIT,MAAM,UAAU,CAAC;AAGlB,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAE1E,OAAO,EACL,KAAK,SAAS,EAIf,MAAM,gBAAgB,CAAC;AAaxB,MAAM,WAAW,gBAAgB;IAC/B,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAEpD,4BAA4B;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,iBAAiB;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,YAAY;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;IAE1B,aAAa;IACb,UAAU,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAExC,eAAe;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU;IACV,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,UAAU;IACV,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,oBAAoB;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,MAAM,GAAG,SAAS,CAAC;IAE7D,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AA8ED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,EAAE,SAAS,CAAC,gBAAgB,CAmMnD,CAAC"}