@simplysm/solid 13.0.0-beta.6 → 13.0.2

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

@@ -1,24 +1,22 @@
+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 { 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(`<div><input type=text inputmode=numeric>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-number-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div>`), _tmpl$4 = /* @__PURE__ */ _$template(`<span>`);
 import { Show, splitProps, createSignal, createEffect } from "solid-js";
 import clsx from "clsx";
 import { twMerge } from "tailwind-merge";
-import { createControllableSignal } from "../../../hooks/createControllableSignal";
-import {
-  fieldBaseClass,
-  fieldSizeClasses,
-  fieldErrorClass,
-  fieldInsetClass,
-  fieldInsetHeightClass,
-  fieldInsetSizeHeightClasses,
-  fieldDisabledClass,
-  fieldInputClass
-} from "./Field.styles";
-import { textMuted } from "../../../styles/tokens.styles";
-const numberInputClass = clsx(
-  fieldInputClass,
-  "text-right",
-  "[&::-webkit-outer-spin-button]:appearance-none",
-  "[&::-webkit-inner-spin-button]:appearance-none"
-);
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { fieldBaseClass, fieldSizeClasses, fieldInsetClass, fieldInsetHeightClass, fieldInsetSizeHeightClasses, fieldDisabledClass, fieldInputClass } from "./Field.styles.js";
+import { textMuted } from "../../../styles/tokens.styles.js";
+const numberInputClass = clsx(fieldInputClass, "text-right", "[&::-webkit-outer-spin-button]:appearance-none", "[&::-webkit-inner-spin-button]:appearance-none");
 function formatNumber(value, useComma, minDigits) {
   if (value == null) return "";
   let result;
@@ -56,21 +54,7 @@ function isValidNumberInput(str) {
   return /^-?\d*\.?\d*$/.test(cleanStr);
 }
 const NumberInput = (props) => {
-  const [local, rest] = splitProps(props, [
-    "value",
-    "onValueChange",
-    "comma",
-    "minDigits",
-    "placeholder",
-    "title",
-    "disabled",
-    "readonly",
-    "error",
-    "size",
-    "inset",
-    "class",
-    "style"
-  ]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "comma", "minDigits", "placeholder", "title", "disabled", "readonly", "size", "inset", "class", "style"]);
   const [inputStr, setInputStr] = createSignal("");
   const [isEditing, setIsEditing] = createSignal(false);
   const [value, setValue] = createControllableSignal({
@@ -113,80 +97,131 @@ const NumberInput = (props) => {
     setIsEditing(false);
     setInputStr(formatNumber(value(), local.comma ?? true, local.minDigits));
   };
-  const getWrapperClass = (includeCustomClass) => twMerge(
-    fieldBaseClass,
-    local.size && fieldSizeClasses[local.size],
-    local.error && fieldErrorClass,
-    local.disabled && fieldDisabledClass,
-    local.inset && fieldInsetClass,
-    local.inset && (local.size ? fieldInsetSizeHeightClasses[local.size] : fieldInsetHeightClass),
-    includeCustomClass && local.class
-  );
+  const getWrapperClass = (includeCustomClass) => twMerge(fieldBaseClass, local.size && fieldSizeClasses[local.size], local.disabled && fieldDisabledClass, local.inset && fieldInsetClass, local.inset && (local.size ? fieldInsetSizeHeightClasses[local.size] : fieldInsetHeightClass), includeCustomClass && local.class);
   const isEditable = () => !local.disabled && !local.readonly;
-  return /* @__PURE__ */ React.createElement(
-    Show,
-    {
-      when: local.inset,
-      fallback: (
+  return _$createComponent(Show, {
+    get when() {
+      return local.inset;
+    },
+    get fallback() {
+      return (
         // standalone 모드: 기존 Show 패턴 유지
-        /* @__PURE__ */ React.createElement(
-          Show,
-          {
-            when: isEditable(),
-            fallback: /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                ...rest,
-                "data-number-field": true,
-                class: twMerge(getWrapperClass(true), "sd-number-field", "justify-end"),
-                style: local.style,
-                title: local.title
-              },
-              formatNumber(value(), local.comma ?? true, local.minDigits) || (local.placeholder != null && local.placeholder !== "" ? /* @__PURE__ */ React.createElement("span", { class: textMuted }, local.placeholder) : "\xA0")
-            )
+        _$createComponent(Show, {
+          get when() {
+            return isEditable();
+          },
+          get fallback() {
+            return (() => {
+              var _el$7 = _tmpl$3();
+              _$spread(_el$7, _$mergeProps(rest, {
+                "data-number-field": "",
+                get ["class"]() {
+                  return twMerge(getWrapperClass(true), "sd-number-field", "justify-end");
+                },
+                get style() {
+                  return local.style;
+                },
+                get title() {
+                  return local.title;
+                }
+              }), false, true);
+              _$insert(_el$7, () => formatNumber(value(), local.comma ?? true, local.minDigits) || (local.placeholder != null && local.placeholder !== "" ? (() => {
+                var _el$8 = _tmpl$4();
+                _$className(_el$8, textMuted);
+                _$insert(_el$8, () => local.placeholder);
+                return _el$8;
+              })() : "\xA0"));
+              return _el$7;
+            })();
           },
-          /* @__PURE__ */ React.createElement("div", { ...rest, "data-number-field": true, class: getWrapperClass(true), style: local.style }, /* @__PURE__ */ React.createElement(
-            "input",
-            {
-              type: "text",
-              inputmode: "numeric",
-              class: numberInputClass,
-              value: displayValue(),
-              placeholder: local.placeholder,
-              title: local.title,
-              onInput: handleInput,
-              onFocus: handleFocus,
-              onBlur: handleBlur
-            }
-          ))
-        )
-      )
+          get children() {
+            var _el$5 = _tmpl$(), _el$6 = _el$5.firstChild;
+            _$spread(_el$5, _$mergeProps(rest, {
+              "data-number-field": "",
+              get ["class"]() {
+                return getWrapperClass(true);
+              },
+              get style() {
+                return local.style;
+              }
+            }), false, true);
+            _el$6.addEventListener("blur", handleBlur);
+            _el$6.addEventListener("focus", handleFocus);
+            _el$6.$$input = handleInput;
+            _$className(_el$6, numberInputClass);
+            _$effect((_p$) => {
+              var _v$7 = local.placeholder, _v$8 = local.title;
+              _v$7 !== _p$.e && _$setAttribute(_el$6, "placeholder", _p$.e = _v$7);
+              _v$8 !== _p$.t && _$setAttribute(_el$6, "title", _p$.t = _v$8);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
+            _$effect(() => _el$6.value = displayValue());
+            return _el$5;
+          }
+        })
+      );
     },
-    /* @__PURE__ */ React.createElement("div", { ...rest, "data-number-field": true, class: clsx("relative", local.class), style: local.style }, /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        "data-number-field-content": true,
-        class: twMerge(getWrapperClass(false), "justify-end"),
-        style: { visibility: isEditable() ? "hidden" : void 0 },
-        title: local.title
-      },
-      formatNumber(value(), local.comma ?? true, local.minDigits) || (local.placeholder != null && local.placeholder !== "" ? /* @__PURE__ */ React.createElement("span", { class: textMuted }, local.placeholder) : "\xA0")
-    ), /* @__PURE__ */ React.createElement(Show, { when: isEditable() }, /* @__PURE__ */ React.createElement("div", { class: twMerge(getWrapperClass(false), "absolute left-0 top-0 size-full") }, /* @__PURE__ */ React.createElement(
-      "input",
-      {
-        type: "text",
-        inputmode: "numeric",
-        class: numberInputClass,
-        value: displayValue(),
-        placeholder: local.placeholder,
-        title: local.title,
-        onInput: handleInput,
-        onFocus: handleFocus,
-        onBlur: handleBlur
-      }
-    ))))
-  );
+    get children() {
+      var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+      _$spread(_el$, _$mergeProps(rest, {
+        "data-number-field": "",
+        get ["class"]() {
+          return clsx("relative", local.class);
+        },
+        get style() {
+          return local.style;
+        }
+      }), false, true);
+      _$insert(_el$2, () => formatNumber(value(), local.comma ?? true, local.minDigits) || (local.placeholder != null && local.placeholder !== "" ? (() => {
+        var _el$9 = _tmpl$4();
+        _$className(_el$9, textMuted);
+        _$insert(_el$9, () => local.placeholder);
+        return _el$9;
+      })() : "\xA0"));
+      _$insert(_el$, _$createComponent(Show, {
+        get when() {
+          return isEditable();
+        },
+        get children() {
+          var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
+          _el$4.addEventListener("blur", handleBlur);
+          _el$4.addEventListener("focus", handleFocus);
+          _el$4.$$input = handleInput;
+          _$className(_el$4, numberInputClass);
+          _$effect((_p$) => {
+            var _v$ = twMerge(getWrapperClass(false), "absolute left-0 top-0 size-full"), _v$2 = local.placeholder, _v$3 = local.title;
+            _v$ !== _p$.e && _$className(_el$3, _p$.e = _v$);
+            _v$2 !== _p$.t && _$setAttribute(_el$4, "placeholder", _p$.t = _v$2);
+            _v$3 !== _p$.a && _$setAttribute(_el$4, "title", _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 = twMerge(getWrapperClass(false), "justify-end"), _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$;
+    }
+  });
 };
+_$delegateEvents(["input"]);
 export {
   NumberInput
 };

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

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/field/NumberInput.tsx"],
-  "sourcesContent": ["import { type Component, type JSX, Show, splitProps, createSignal, createEffect } from \"solid-js\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { createControllableSignal } from \"../../../hooks/createControllableSignal\";\nimport {\n  type FieldSize,\n  fieldBaseClass,\n  fieldSizeClasses,\n  fieldErrorClass,\n  fieldInsetClass,\n  fieldInsetHeightClass,\n  fieldInsetSizeHeightClasses,\n  fieldDisabledClass,\n  fieldInputClass,\n} from \"./Field.styles\";\nimport { textMuted } from \"../../../styles/tokens.styles\";\n\n// NumberInput \uC804\uC6A9 input \uC2A4\uD0C0\uC77C (\uC6B0\uCE21 \uC815\uB82C + \uC2A4\uD53C\uB108 \uC228\uAE40)\nconst numberInputClass = clsx(\n  fieldInputClass,\n  \"text-right\",\n  \"[&::-webkit-outer-spin-button]:appearance-none\",\n  \"[&::-webkit-inner-spin-button]:appearance-none\",\n);\n\nexport interface NumberInputProps {\n  /** \uC785\uB825 \uAC12 */\n  value?: number;\n\n  /** \uAC12 \uBCC0\uACBD \uCF5C\uBC31 */\n  onValueChange?: (value: number | undefined) => void;\n\n  /** \uCC9C\uB2E8\uC704 \uCF64\uB9C8 \uD45C\uC2DC (\uAE30\uBCF8\uAC12: true) */\n  comma?: boolean;\n\n  /** \uCD5C\uC18C \uC18C\uC218\uC810 \uC790\uB9BF\uC218 */\n  minDigits?: number;\n\n  /** \uD50C\uB808\uC774\uC2A4\uD640\uB354 */\n  placeholder?: string;\n\n  /** \uD0C0\uC774\uD2C0 (\uD234\uD301) */\n  title?: string;\n\n  /** \uBE44\uD65C\uC131\uD654 */\n  disabled?: boolean;\n\n  /** \uC77D\uAE30 \uC804\uC6A9 */\n  readonly?: boolean;\n\n  /** \uC5D0\uB7EC \uC0C1\uD0DC */\n  error?: boolean;\n\n  /** \uC0AC\uC774\uC988 */\n  size?: FieldSize;\n\n  /** \uD14C\uB450\uB9AC \uC5C6\uB294 \uC2A4\uD0C0\uC77C */\n  inset?: boolean;\n\n  /** \uCEE4\uC2A4\uD140 class */\n  class?: string;\n\n  /** \uCEE4\uC2A4\uD140 style */\n  style?: JSX.CSSProperties;\n}\n\n/**\n * \uC22B\uC790\uB97C \uD45C\uC2DC\uC6A9 \uBB38\uC790\uC5F4\uB85C \uBCC0\uD658\uD55C\uB2E4\n * @param value \uC22B\uC790 \uAC12\n * @param useComma \uCC9C\uB2E8\uC704 \uCF64\uB9C8 \uC0AC\uC6A9 \uC5EC\uBD80\n * @param minDigits \uCD5C\uC18C \uC18C\uC218\uC810 \uC790\uB9BF\uC218\n * @returns \uD45C\uC2DC\uC6A9 \uBB38\uC790\uC5F4\n */\nfunction formatNumber(value: number | undefined, useComma: boolean, minDigits?: number): string {\n  if (value == null) return \"\";\n\n  let result: string;\n\n  if (minDigits != null && minDigits > 0) {\n    // \uD604\uC7AC \uC18C\uC218\uC810 \uC790\uB9BF\uC218 \uD655\uC778\n    const valueStr = String(value);\n    const decimalIndex = valueStr.indexOf(\".\");\n    const currentDigits = decimalIndex >= 0 ? valueStr.length - decimalIndex - 1 : 0;\n\n    // \uCD5C\uC18C \uC790\uB9BF\uC218\uBCF4\uB2E4 \uC791\uC73C\uBA74 \uD328\uB529\n    if (currentDigits < minDigits) {\n      result = value.toFixed(minDigits);\n    } else {\n      result = valueStr;\n    }\n  } else {\n    result = String(value);\n  }\n\n  if (useComma) {\n    // \uC815\uC218\uBD80\uC640 \uC18C\uC218\uBD80 \uBD84\uB9AC\n    const dotIndex = result.indexOf(\".\");\n    const integerPart = dotIndex >= 0 ? result.slice(0, dotIndex) : result;\n    const decimalPart = dotIndex >= 0 ? result.slice(dotIndex + 1) : null;\n    // \uC815\uC218\uBD80\uC5D0\uB9CC \uCF64\uB9C8 \uCD94\uAC00\n    const formattedInteger = integerPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n    result = decimalPart !== null ? `${formattedInteger}.${decimalPart}` : formattedInteger;\n  }\n\n  return result;\n}\n\n/**\n * \uD45C\uC2DC\uC6A9 \uBB38\uC790\uC5F4\uC744 \uC22B\uC790\uB85C \uBCC0\uD658\uD55C\uB2E4\n * @param str \uD45C\uC2DC\uC6A9 \uBB38\uC790\uC5F4\n * @returns \uC22B\uC790 \uAC12 \uB610\uB294 undefined\n */\nfunction parseNumber(str: string): number | undefined {\n  if (str === \"\" || str === \"-\") return undefined;\n\n  // \uCF64\uB9C8 \uC81C\uAC70\n  const cleanStr = str.replace(/,/g, \"\");\n\n  // \uC22B\uC790\uB85C \uBCC0\uD658 \uC2DC\uB3C4\n  const num = Number(cleanStr);\n\n  if (Number.isNaN(num)) return undefined;\n\n  return num;\n}\n\n/**\n * \uC785\uB825 \uBB38\uC790\uC5F4\uC774 \uC720\uD6A8\uD55C \uC22B\uC790 \uD615\uC2DD\uC778\uC9C0 \uD655\uC778\uD55C\uB2E4\n * @param str \uC785\uB825 \uBB38\uC790\uC5F4\n * @returns \uC720\uD6A8 \uC5EC\uBD80\n */\nfunction isValidNumberInput(str: string): boolean {\n  if (str === \"\" || str === \"-\" || str === \".\") return true;\n\n  // \uCF64\uB9C8 \uC81C\uAC70\n  const cleanStr = str.replace(/,/g, \"\");\n\n  // \uC22B\uC790 \uD615\uC2DD \uD328\uD134 (\uC785\uB825 \uC911 \uC0C1\uD0DC \uD3EC\uD568)\n  // \uC608: \"123\", \"123.\", \"123.45\", \"-123\", \"-\", \"-.123\"\n  return /^-?\\d*\\.?\\d*$/.test(cleanStr);\n}\n\n/**\n * NumberInput \uCEF4\uD3EC\uB10C\uD2B8\n *\n * @example\n * ```tsx\n * // \uAE30\uBCF8 \uC0AC\uC6A9\n * <NumberInput value={num()} onValueChange={setNum} />\n *\n * // \uCC9C\uB2E8\uC704 \uCF64\uB9C8 \uC5C6\uC774\n * <NumberInput value={num()} comma={false} />\n *\n * // \uCD5C\uC18C \uC18C\uC218\uC810 \uC790\uB9BF\uC218 \uC9C0\uC815\n * <NumberInput value={price()} minDigits={2} />\n * ```\n */\nexport const NumberInput: Component<NumberInputProps> = (props) => {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onValueChange\",\n    \"comma\",\n    \"minDigits\",\n    \"placeholder\",\n    \"title\",\n    \"disabled\",\n    \"readonly\",\n    \"error\",\n    \"size\",\n    \"inset\",\n    \"class\",\n    \"style\",\n  ]);\n\n  // \uC785\uB825 \uC911\uC778 \uC0C1\uD0DC\uB97C \uCD94\uC801\uD558\uAE30 \uC704\uD55C \uB0B4\uBD80 \uBB38\uC790\uC5F4 \uC0C1\uD0DC\n  const [inputStr, setInputStr] = createSignal<string>(\"\");\n  const [isEditing, setIsEditing] = createSignal(false);\n\n  // controlled/uncontrolled \uD328\uD134 \uC9C0\uC6D0\n  const [value, setValue] = createControllableSignal({\n    value: () => local.value,\n    onChange: () => local.onValueChange,\n  });\n\n  // \uC678\uBD80 \uAC12 \uBCC0\uACBD \uC2DC \uC785\uB825 \uBB38\uC790\uC5F4 \uB3D9\uAE30\uD654\n  createEffect(() => {\n    const val = value();\n    if (!isEditing()) {\n      setInputStr(formatNumber(val, local.comma ?? true, local.minDigits));\n    }\n  });\n\n  // \uD45C\uC2DC \uAC12 \uACC4\uC0B0\n  const displayValue = () => {\n    if (isEditing()) {\n      return inputStr();\n    }\n    return formatNumber(value(), local.comma ?? true, local.minDigits);\n  };\n\n  // \uC785\uB825 \uD578\uB4E4\uB7EC\n  const handleInput: JSX.InputEventHandler<HTMLInputElement, InputEvent> = (e) => {\n    const newValue = e.currentTarget.value;\n\n    // \uC720\uD6A8\uD55C \uC22B\uC790 \uD615\uC2DD\uC778\uC9C0 \uD655\uC778\n    if (!isValidNumberInput(newValue)) {\n      // \uC720\uD6A8\uD558\uC9C0 \uC54A\uC740 \uC785\uB825\uC740 \uBB34\uC2DC\uD558\uACE0 \uC774\uC804 \uAC12 \uBCF5\uC6D0\n      e.currentTarget.value = inputStr();\n      return;\n    }\n\n    setInputStr(newValue);\n    setIsEditing(true);\n\n    // \uC22B\uC790\uB85C \uBCC0\uD658\n    const num = parseNumber(newValue);\n    setValue(num);\n  };\n\n  // focus \uD578\uB4E4\uB7EC\n  const handleFocus: JSX.FocusEventHandler<HTMLInputElement, FocusEvent> = () => {\n    setIsEditing(true);\n    // focus \uC2DC \uCF64\uB9C8 \uC81C\uAC70\uB41C \uAC12\uC73C\uB85C \uC124\uC815\n    const val = value();\n    if (val != null) {\n      setInputStr(String(val));\n    } else {\n      setInputStr(\"\");\n    }\n  };\n\n  // blur \uD578\uB4E4\uB7EC\n  const handleBlur: JSX.FocusEventHandler<HTMLInputElement, FocusEvent> = () => {\n    setIsEditing(false);\n    // blur \uC2DC \uD3EC\uB9F7\uD305 \uC801\uC6A9\n    setInputStr(formatNumber(value(), local.comma ?? true, local.minDigits));\n  };\n\n  // wrapper \uD074\uB798\uC2A4 (inset \uBD84\uAE30\uC5D0\uC11C\uB294 local.class \uC81C\uC678)\n  const getWrapperClass = (includeCustomClass: boolean) =>\n    twMerge(\n      fieldBaseClass,\n      local.size && fieldSizeClasses[local.size],\n      local.error && fieldErrorClass,\n      local.disabled && fieldDisabledClass,\n      local.inset && fieldInsetClass,\n      local.inset && (local.size ? fieldInsetSizeHeightClasses[local.size] : fieldInsetHeightClass),\n\n      includeCustomClass && local.class,\n    );\n\n  const isEditable = () => !local.disabled && !local.readonly;\n\n  return (\n    <Show\n      when={local.inset}\n      fallback={\n        // standalone \uBAA8\uB4DC: \uAE30\uC874 Show \uD328\uD134 \uC720\uC9C0\n        <Show\n          when={isEditable()}\n          fallback={\n            <div\n              {...rest}\n              data-number-field\n              class={twMerge(getWrapperClass(true), \"sd-number-field\", \"justify-end\")}\n              style={local.style}\n              title={local.title}\n            >\n              {formatNumber(value(), local.comma ?? true, local.minDigits) ||\n                (local.placeholder != null && local.placeholder !== \"\" ? (\n                  <span class={textMuted}>{local.placeholder}</span>\n                ) : (\n                  \"\\u00A0\"\n                ))}\n            </div>\n          }\n        >\n          <div {...rest} data-number-field class={getWrapperClass(true)} style={local.style}>\n            <input\n              type=\"text\"\n              inputmode=\"numeric\"\n              class={numberInputClass}\n              value={displayValue()}\n              placeholder={local.placeholder}\n              title={local.title}\n              onInput={handleInput}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n            />\n          </div>\n        </Show>\n      }\n    >\n      {/* inset \uBAA8\uB4DC: dual-element overlay \uD328\uD134 */}\n      <div {...rest} data-number-field class={clsx(\"relative\", local.class)} style={local.style}>\n        <div\n          data-number-field-content\n          class={twMerge(getWrapperClass(false), \"justify-end\")}\n          style={{ visibility: isEditable() ? \"hidden\" : undefined }}\n          title={local.title}\n        >\n          {formatNumber(value(), local.comma ?? true, local.minDigits) ||\n            (local.placeholder != null && local.placeholder !== \"\" ? (\n              <span class={textMuted}>{local.placeholder}</span>\n            ) : (\n              \"\\u00A0\"\n            ))}\n        </div>\n\n        <Show when={isEditable()}>\n          <div class={twMerge(getWrapperClass(false), \"absolute left-0 top-0 size-full\")}>\n            <input\n              type=\"text\"\n              inputmode=\"numeric\"\n              class={numberInputClass}\n              value={displayValue()}\n              placeholder={local.placeholder}\n              title={local.title}\n              onInput={handleInput}\n              onFocus={handleFocus}\n              onBlur={handleBlur}\n            />\n          </div>\n        </Show>\n      </div>\n    </Show>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["Show", "splitProps", "createSignal", "createEffect", "clsx", "twMerge", "createControllableSignal", "fieldBaseClass", "fieldSizeClasses", "fieldInsetClass", "fieldInsetHeightClass", "fieldInsetSizeHeightClasses", "fieldDisabledClass", "fieldInputClass", "textMuted", "numberInputClass", "formatNumber", "value", "useComma", "minDigits", "result", "valueStr", "String", "decimalIndex", "indexOf", "currentDigits", "length", "toFixed", "dotIndex", "integerPart", "slice", "decimalPart", "formattedInteger", "replace", "parseNumber", "str", "undefined", "cleanStr", "num", "Number", "isNaN", "isValidNumberInput", "test", "NumberInput", "props", "local", "rest", "inputStr", "setInputStr", "isEditing", "setIsEditing", "setValue", "onChange", "onValueChange", "val", "comma", "displayValue", "handleInput", "e", "newValue", "currentTarget", "handleFocus", "handleBlur", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "isEditable", "readonly", "_$createComponent", "when", "fallback", "_el$7", "_tmpl$3", "_$spread", "_$mergeProps", "style", "title", "_$insert", "placeholder", "_el$8", "_tmpl$4", "_$className", "children", "_el$5", "_tmpl$", "_el$6", "firstChild", "addEventListener", "$$input", "_$effect", "_p$", "_v$7", "_v$8", "_$setAttribute", "t", "_el$", "_tmpl$2", "_el$2", "_el$9", "_el$3", "_el$4", "_v$", "_v$2", "_v$3", "a", "_v$4", "_v$5", "_v$6", "_$setStyleProperty", "_$delegateEvents"]
 }

package/dist/{solid/src/components → components}/form-control/field/TextInput.d.ts

@@ -18,8 +18,6 @@ export interface TextInputProps {
     disabled?: boolean;
     /** 읽기 전용 */
     readonly?: boolean;
-    /** 에러 상태 */
-    error?: boolean;
     /** 사이즈 */
     size?: FieldSize;
     /** 테두리 없는 스타일 */

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAgB,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAIpF,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,gBAAgB,CAAC;AAGxB,KAAK,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnD,MAAM,WAAW,cAAc;IAC7B,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,YAAY;IACZ,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB,aAAa;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,WAAW;IACX,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,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,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,gBAAgB;IAChB,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAgDD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,SAAS,EAAE,SAAS,CAAC,cAAc,CA+J/C,CAAC"}

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

@@ -1,19 +1,22 @@
+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 { className as _$className } from "solid-js/web";
+import { setAttribute as _$setAttribute } 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(`<input>`), _tmpl$2 = /* @__PURE__ */ _$template(`<div><div data-text-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><input>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`), _tmpl$5 = /* @__PURE__ */ _$template(`<span>`);
 import clsx from "clsx";
 import { createEffect, Show, splitProps } from "solid-js";
 import { twMerge } from "tailwind-merge";
-import { createControllableSignal } from "../../../hooks/createControllableSignal";
-import { createIMEHandler } from "../../../hooks/createIMEHandler";
-import {
-  fieldBaseClass,
-  fieldSizeClasses,
-  fieldErrorClass,
-  fieldInsetClass,
-  fieldInsetHeightClass,
-  fieldInsetSizeHeightClasses,
-  fieldDisabledClass,
-  fieldInputClass
-} from "./Field.styles";
-import { textMuted } from "../../../styles/tokens.styles";
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { createIMEHandler } from "../../../hooks/createIMEHandler.js";
+import { fieldBaseClass, fieldSizeClasses, fieldInsetClass, fieldInsetHeightClass, fieldInsetSizeHeightClasses, fieldDisabledClass, fieldInputClass } from "./Field.styles.js";
+import { textMuted } from "../../../styles/tokens.styles.js";
 function applyFormat(value, format) {
   if (!value || !format) return value;
   let result = "";
@@ -40,22 +43,7 @@ function removeFormat(formattedValue, format) {
   return result;
 }
 const TextInput = (props) => {
-  const [local, rest] = splitProps(props, [
-    "value",
-    "onValueChange",
-    "type",
-    "placeholder",
-    "title",
-    "autocomplete",
-    "disabled",
-    "readonly",
-    "error",
-    "size",
-    "inset",
-    "format",
-    "class",
-    "style"
-  ]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "type", "placeholder", "title", "autocomplete", "disabled", "readonly", "size", "inset", "format", "class", "style"]);
   const [value, setValue] = createControllableSignal({
     value: () => local.value ?? "",
     onChange: () => local.onValueChange
@@ -92,86 +80,133 @@ const TextInput = (props) => {
   const handleCompositionEnd = (e) => {
     ime.handleCompositionEnd(extractValue(e.currentTarget));
   };
-  const getWrapperClass = (includeCustomClass) => twMerge(
-    fieldBaseClass,
-    local.size && fieldSizeClasses[local.size],
-    local.error && fieldErrorClass,
-    local.disabled && fieldDisabledClass,
-    local.inset && fieldInsetClass,
-    local.inset && (local.size ? fieldInsetSizeHeightClasses[local.size] : fieldInsetHeightClass),
-    includeCustomClass && local.class
-  );
+  const getWrapperClass = (includeCustomClass) => twMerge(fieldBaseClass, local.size && fieldSizeClasses[local.size], local.disabled && fieldDisabledClass, local.inset && fieldInsetClass, local.inset && (local.size ? fieldInsetSizeHeightClasses[local.size] : fieldInsetHeightClass), includeCustomClass && local.class);
   const isEditable = () => !local.disabled && !local.readonly;
   createEffect(() => {
     if (!isEditable()) {
       ime.flushComposition();
     }
   });
-  return /* @__PURE__ */ React.createElement(
-    Show,
-    {
-      when: local.inset,
-      fallback: (
+  return _$createComponent(Show, {
+    get when() {
+      return local.inset;
+    },
+    get fallback() {
+      return (
         // standalone 모드: 기존 Show 패턴 유지
-        /* @__PURE__ */ React.createElement(
-          Show,
-          {
-            when: isEditable(),
-            fallback: /* @__PURE__ */ React.createElement(
-              "div",
-              {
-                ...rest,
-                "data-text-field": true,
-                class: twMerge(getWrapperClass(true), "sd-text-field"),
-                style: local.style,
-                title: local.title
-              },
-              displayValue() || (local.placeholder != null && local.placeholder !== "" ? /* @__PURE__ */ React.createElement("span", { class: textMuted }, local.placeholder) : "\xA0")
-            )
+        _$createComponent(Show, {
+          get when() {
+            return isEditable();
           },
-          /* @__PURE__ */ React.createElement("div", { ...rest, "data-text-field": true, class: getWrapperClass(true), style: local.style }, /* @__PURE__ */ React.createElement(
-            "input",
-            {
-              type: local.type ?? "text",
-              class: fieldInputClass,
-              value: inputValue(),
-              placeholder: local.placeholder,
-              title: local.title,
-              autocomplete: local.autocomplete,
-              onInput: handleInput,
-              onCompositionStart: handleCompositionStart,
-              onCompositionEnd: handleCompositionEnd
-            }
-          ))
-        )
-      )
+          get fallback() {
+            return (() => {
+              var _el$6 = _tmpl$4();
+              _$spread(_el$6, _$mergeProps(rest, {
+                "data-text-field": "",
+                get ["class"]() {
+                  return twMerge(getWrapperClass(true), "sd-text-field");
+                },
+                get style() {
+                  return local.style;
+                },
+                get title() {
+                  return local.title;
+                }
+              }), false, true);
+              _$insert(_el$6, () => displayValue() || (local.placeholder != null && local.placeholder !== "" ? (() => {
+                var _el$7 = _tmpl$5();
+                _$className(_el$7, textMuted);
+                _$insert(_el$7, () => local.placeholder);
+                return _el$7;
+              })() : "\xA0"));
+              return _el$6;
+            })();
+          },
+          get children() {
+            var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
+            _$spread(_el$4, _$mergeProps(rest, {
+              "data-text-field": "",
+              get ["class"]() {
+                return getWrapperClass(true);
+              },
+              get style() {
+                return local.style;
+              }
+            }), false, true);
+            _el$5.addEventListener("compositionend", handleCompositionEnd);
+            _el$5.addEventListener("compositionstart", handleCompositionStart);
+            _el$5.$$input = handleInput;
+            _$className(_el$5, fieldInputClass);
+            _$effect((_p$) => {
+              var _v$6 = local.type ?? "text", _v$7 = local.placeholder, _v$8 = local.title, _v$9 = local.autocomplete;
+              _v$6 !== _p$.e && _$setAttribute(_el$5, "type", _p$.e = _v$6);
+              _v$7 !== _p$.t && _$setAttribute(_el$5, "placeholder", _p$.t = _v$7);
+              _v$8 !== _p$.a && _$setAttribute(_el$5, "title", _p$.a = _v$8);
+              _v$9 !== _p$.o && _$setAttribute(_el$5, "autocomplete", _p$.o = _v$9);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0,
+              a: void 0,
+              o: void 0
+            });
+            _$effect(() => _el$5.value = inputValue());
+            return _el$4;
+          }
+        })
+      );
     },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ...rest,
-        "data-text-field": true,
-        class: twMerge(getWrapperClass(false), "relative", local.class),
-        style: local.style
-      },
-      /* @__PURE__ */ React.createElement("div", { "data-text-field-content": true, style: { visibility: isEditable() ? "hidden" : void 0 } }, displayValue() || (local.placeholder != null && local.placeholder !== "" ? /* @__PURE__ */ React.createElement("span", { class: textMuted }, local.placeholder) : "\xA0")),
-      /* @__PURE__ */ React.createElement(Show, { when: isEditable() }, /* @__PURE__ */ React.createElement(
-        "input",
-        {
-          type: local.type ?? "text",
-          class: clsx(fieldInputClass, "absolute left-0 top-0 size-full", "px-2 py-1"),
-          value: inputValue(),
-          placeholder: local.placeholder,
-          title: local.title,
-          autocomplete: local.autocomplete,
-          onInput: handleInput,
-          onCompositionStart: handleCompositionStart,
-          onCompositionEnd: handleCompositionEnd
+    get children() {
+      var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+      _$spread(_el$, _$mergeProps(rest, {
+        "data-text-field": "",
+        get ["class"]() {
+          return twMerge(getWrapperClass(false), "relative", local.class);
+        },
+        get style() {
+          return local.style;
         }
-      ))
-    )
-  );
+      }), false, true);
+      _$insert(_el$2, () => displayValue() || (local.placeholder != null && local.placeholder !== "" ? (() => {
+        var _el$8 = _tmpl$5();
+        _$className(_el$8, textMuted);
+        _$insert(_el$8, () => local.placeholder);
+        return _el$8;
+      })() : "\xA0"));
+      _$insert(_el$, _$createComponent(Show, {
+        get when() {
+          return isEditable();
+        },
+        get children() {
+          var _el$3 = _tmpl$();
+          _el$3.addEventListener("compositionend", handleCompositionEnd);
+          _el$3.addEventListener("compositionstart", handleCompositionStart);
+          _el$3.$$input = handleInput;
+          _$effect((_p$) => {
+            var _v$ = local.type ?? "text", _v$2 = clsx(fieldInputClass, "absolute left-0 top-0 size-full", "px-2 py-1"), _v$3 = local.placeholder, _v$4 = local.title, _v$5 = local.autocomplete;
+            _v$ !== _p$.e && _$setAttribute(_el$3, "type", _p$.e = _v$);
+            _v$2 !== _p$.t && _$className(_el$3, _p$.t = _v$2);
+            _v$3 !== _p$.a && _$setAttribute(_el$3, "placeholder", _p$.a = _v$3);
+            _v$4 !== _p$.o && _$setAttribute(_el$3, "title", _p$.o = _v$4);
+            _v$5 !== _p$.i && _$setAttribute(_el$3, "autocomplete", _p$.i = _v$5);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0,
+            o: void 0,
+            i: void 0
+          });
+          _$effect(() => _el$3.value = inputValue());
+          return _el$3;
+        }
+      }), null);
+      _$effect((_$p) => _$setStyleProperty(_el$2, "visibility", isEditable() ? "hidden" : void 0));
+      return _el$;
+    }
+  });
 };
+_$delegateEvents(["input"]);
 export {
   TextInput
 };