@simplysm/solid 13.0.0-beta.6 → 13.0.1

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

@@ -1,3 +1,12 @@
+import { template as _$template } 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 { use as _$use } from "solid-js/web";
+import { createComponent as _$createComponent } 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><div>`);
 import { Show, createEffect, on, onCleanup, splitProps, untrack } from "solid-js";
 import clsx from "clsx";
 import "./editor.css";
@@ -13,31 +22,17 @@ import TableRow from "@tiptap/extension-table-row";
 import TableHeader from "@tiptap/extension-table-header";
 import TableCell from "@tiptap/extension-table-cell";
 import Image from "@tiptap/extension-image";
-import { createControllableSignal } from "../../../hooks/createControllableSignal";
-import { EditorToolbar } from "./EditorToolbar";
-const editorWrapperClass = clsx(
-  "flex flex-col",
-  "bg-white dark:bg-base-900",
-  "text-base-900 dark:text-base-100",
-  "border border-base-300 dark:border-base-700",
-  "rounded",
-  "focus-within:border-primary-500"
-);
-const editorErrorClass = clsx("border-danger-500");
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { EditorToolbar } from "./EditorToolbar.js";
+const editorWrapperClass = clsx("flex flex-col", "bg-white dark:bg-base-900", "text-base-900 dark:text-base-100", "border border-base-300 dark:border-base-700", "rounded", "focus-within:border-primary-500");
 const editorDisabledClass = clsx("bg-base-100 dark:bg-base-800", "text-base-500");
-const editorContentClass = clsx(
-  "px-4 py-3",
-  "min-h-32",
-  "outline-none",
-  "prose prose-sm max-w-none",
-  "dark:prose-invert"
-);
+const editorContentClass = clsx("px-4 py-3", "min-h-32", "outline-none", "prose prose-sm max-w-none", "dark:prose-invert");
 const editorContentSizeClasses = {
   sm: clsx("px-3 py-2", "min-h-24"),
   lg: clsx("px-5 py-4", "min-h-48")
 };
 const RichTextEditor = (props) => {
-  const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "error", "size", "class", "style"]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "disabled", "size", "class", "style"]);
   const [value, setValue] = createControllableSignal({
     value: () => local.value ?? "",
     onChange: () => local.onValueChange
@@ -46,31 +41,22 @@ const RichTextEditor = (props) => {
   let editorRef;
   const editor = createTiptapEditor(() => ({
     element: editorRef,
-    extensions: [
-      StarterKit,
-      TextAlign.configure({
-        types: ["heading", "paragraph"]
-      }),
-      TextStyle,
-      Color,
-      Highlight.configure({
-        multicolor: true
-      }),
-      Table.configure({
-        resizable: true
-      }),
-      TableRow,
-      TableHeader,
-      TableCell,
-      Image.configure({
-        inline: true,
-        allowBase64: true
-      })
-    ],
+    extensions: [StarterKit, TextAlign.configure({
+      types: ["heading", "paragraph"]
+    }), TextStyle, Color, Highlight.configure({
+      multicolor: true
+    }), Table.configure({
+      resizable: true
+    }), TableRow, TableHeader, TableCell, Image.configure({
+      inline: true,
+      allowBase64: true
+    })],
     // untrack: value/editable 변경 시 에디터 재생성 방지 (createEffect에서 동기화)
     content: untrack(() => value()),
     editable: untrack(() => !local.disabled),
-    onUpdate({ editor: e }) {
+    onUpdate({
+      editor: e
+    }) {
       const html = e.getHTML();
       isInternalUpdate = true;
       setValue(html === "<p></p>" ? "" : html);
@@ -85,28 +71,57 @@ const RichTextEditor = (props) => {
       e.setEditable(!local.disabled);
     }
   });
-  createEffect(
-    on(
-      () => value(),
-      (newValue) => {
-        if (isInternalUpdate) return;
-        const e = editor();
-        if (!e) return;
-        const editorHtml = e.getHTML();
-        const normalizedEditor = editorHtml === "<p></p>" ? "" : editorHtml;
-        if (normalizedEditor !== newValue) {
-          e.commands.setContent(newValue || "", { emitUpdate: false });
-        }
-      }
-    )
-  );
+  createEffect(on(() => value(), (newValue) => {
+    if (isInternalUpdate) return;
+    const e = editor();
+    if (!e) return;
+    const editorHtml = e.getHTML();
+    const normalizedEditor = editorHtml === "<p></p>" ? "" : editorHtml;
+    if (normalizedEditor !== newValue) {
+      e.commands.setContent(newValue || "", {
+        emitUpdate: false
+      });
+    }
+  }));
   onCleanup(() => {
     var _a;
     (_a = editor()) == null ? void 0 : _a.destroy();
   });
-  const getWrapperClass = () => twMerge(editorWrapperClass, local.error && editorErrorClass, local.disabled && editorDisabledClass, local.class);
+  const getWrapperClass = () => twMerge(editorWrapperClass, local.disabled && editorDisabledClass, local.class);
   const getContentClass = () => twMerge(editorContentClass, local.size && editorContentSizeClasses[local.size]);
-  return /* @__PURE__ */ React.createElement("div", { ...rest, "data-rich-text-editor": true, class: getWrapperClass(), style: local.style }, /* @__PURE__ */ React.createElement(Show, { when: editor() }, (instance) => /* @__PURE__ */ React.createElement(Show, { when: !local.disabled }, /* @__PURE__ */ React.createElement(EditorToolbar, { editor: instance() }))), /* @__PURE__ */ React.createElement("div", { ref: editorRef, class: getContentClass() }));
+  return (() => {
+    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
+    _$spread(_el$, _$mergeProps(rest, {
+      "data-rich-text-editor": "",
+      get ["class"]() {
+        return getWrapperClass();
+      },
+      get style() {
+        return local.style;
+      }
+    }), false, true);
+    _$insert(_el$, _$createComponent(Show, {
+      get when() {
+        return editor();
+      },
+      children: (instance) => _$createComponent(Show, {
+        get when() {
+          return !local.disabled;
+        },
+        get children() {
+          return _$createComponent(EditorToolbar, {
+            get editor() {
+              return instance();
+            }
+          });
+        }
+      })
+    }), _el$2);
+    var _ref$ = editorRef;
+    typeof _ref$ === "function" ? _$use(_ref$, _el$2) : editorRef = _el$2;
+    _$effect(() => _$className(_el$2, getContentClass()));
+    return _el$;
+  })();
 };
 export {
   RichTextEditor

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

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/editor/RichTextEditor.tsx"],
-  "sourcesContent": ["import { type Component, type JSX, Show, createEffect, on, onCleanup, splitProps, untrack } from \"solid-js\";\nimport clsx from \"clsx\";\nimport \"./editor.css\";\nimport { twMerge } from \"tailwind-merge\";\nimport { createTiptapEditor } from \"solid-tiptap\";\nimport StarterKit from \"@tiptap/starter-kit\";\nimport TextAlign from \"@tiptap/extension-text-align\";\nimport { Color } from \"@tiptap/extension-color\";\nimport { TextStyle } from \"@tiptap/extension-text-style\";\nimport Highlight from \"@tiptap/extension-highlight\";\nimport { Table } from \"@tiptap/extension-table\";\nimport TableRow from \"@tiptap/extension-table-row\";\nimport TableHeader from \"@tiptap/extension-table-header\";\nimport TableCell from \"@tiptap/extension-table-cell\";\nimport Image from \"@tiptap/extension-image\";\nimport { createControllableSignal } from \"../../../hooks/createControllableSignal\";\nimport type { FieldSize } from \"../field/Field.styles\";\nimport { EditorToolbar } from \"./EditorToolbar\";\n\nexport interface RichTextEditorProps {\n  /** HTML \uBB38\uC790\uC5F4 \uAC12 */\n  value?: string;\n\n  /** \uAC12 \uBCC0\uACBD \uCF5C\uBC31 */\n  onValueChange?: (value: string) => void;\n\n  /** \uBE44\uD65C\uC131\uD654 */\n  disabled?: boolean;\n\n  /** \uC5D0\uB7EC \uC0C1\uD0DC */\n  error?: boolean;\n\n  /** \uC0AC\uC774\uC988 */\n  size?: FieldSize;\n\n  /** \uCEE4\uC2A4\uD140 class */\n  class?: string;\n\n  /** \uCEE4\uC2A4\uD140 style */\n  style?: JSX.CSSProperties;\n}\n\n// \uC5D0\uB514\uD130 wrapper \uC2A4\uD0C0\uC77C\nconst editorWrapperClass = clsx(\n  \"flex flex-col\",\n  \"bg-white dark:bg-base-900\",\n  \"text-base-900 dark:text-base-100\",\n  \"border border-base-300 dark:border-base-700\",\n  \"rounded\",\n  \"focus-within:border-primary-500\",\n);\n\n// \uC5D0\uB514\uD130 \uC5D0\uB7EC \uC2A4\uD0C0\uC77C\nconst editorErrorClass = clsx(\"border-danger-500\");\n\n// \uC5D0\uB514\uD130 disabled \uC2A4\uD0C0\uC77C\nconst editorDisabledClass = clsx(\"bg-base-100 dark:bg-base-800\", \"text-base-500\");\n\n// \uC5D0\uB514\uD130 \uCF58\uD150\uCE20 \uC601\uC5ED \uC2A4\uD0C0\uC77C\nconst editorContentClass = clsx(\n  \"px-4 py-3\",\n  \"min-h-32\",\n  \"outline-none\",\n  \"prose prose-sm max-w-none\",\n  \"dark:prose-invert\",\n);\n\n// \uC5D0\uB514\uD130 \uCF58\uD150\uCE20 \uC0AC\uC774\uC988\uBCC4 \uC2A4\uD0C0\uC77C\nconst editorContentSizeClasses: Record<FieldSize, string> = {\n  sm: clsx(\"px-3 py-2\", \"min-h-24\"),\n  lg: clsx(\"px-5 py-4\", \"min-h-48\"),\n};\n\nexport const RichTextEditor: Component<RichTextEditorProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"value\", \"onValueChange\", \"disabled\", \"error\", \"size\", \"class\", \"style\"]);\n\n  const [value, setValue] = createControllableSignal({\n    value: () => local.value ?? \"\",\n    onChange: () => local.onValueChange,\n  });\n\n  // \uC5D0\uB514\uD130 \uB0B4\uBD80 \uC5C5\uB370\uC774\uD2B8(onUpdate)\uC640 \uC678\uBD80 value \uBCC0\uACBD\uC744 \uAD6C\uBD84\uD558\uAE30 \uC704\uD55C \uD50C\uB798\uADF8\n  let isInternalUpdate = false;\n\n  let editorRef!: HTMLDivElement;\n\n  const editor = createTiptapEditor(() => ({\n    element: editorRef,\n    extensions: [\n      StarterKit,\n      TextAlign.configure({\n        types: [\"heading\", \"paragraph\"],\n      }),\n      TextStyle,\n      Color,\n      Highlight.configure({\n        multicolor: true,\n      }),\n      Table.configure({\n        resizable: true,\n      }),\n      TableRow,\n      TableHeader,\n      TableCell,\n      Image.configure({\n        inline: true,\n        allowBase64: true,\n      }),\n    ],\n    // untrack: value/editable \uBCC0\uACBD \uC2DC \uC5D0\uB514\uD130 \uC7AC\uC0DD\uC131 \uBC29\uC9C0 (createEffect\uC5D0\uC11C \uB3D9\uAE30\uD654)\n    content: untrack(() => value()),\n    editable: untrack(() => !local.disabled),\n    onUpdate({ editor: e }) {\n      const html = e.getHTML();\n      isInternalUpdate = true;\n      setValue(html === \"<p></p>\" ? \"\" : html);\n      queueMicrotask(() => {\n        isInternalUpdate = false;\n      });\n    },\n  }));\n\n  // disabled \uBCC0\uACBD \uC2DC \uC5D0\uB514\uD130 editable \uC0C1\uD0DC \uB3D9\uAE30\uD654\n  createEffect(() => {\n    const e = editor();\n    if (e) {\n      e.setEditable(!local.disabled);\n    }\n  });\n\n  // \uC678\uBD80\uC5D0\uC11C value\uAC00 \uBCC0\uACBD\uB420 \uB54C\uB9CC \uC5D0\uB514\uD130 \uCF58\uD150\uCE20 \uB3D9\uAE30\uD654\n  createEffect(\n    on(\n      () => value(),\n      (newValue) => {\n        // \uC5D0\uB514\uD130 \uB0B4\uBD80 \uC5C5\uB370\uC774\uD2B8\uB85C \uC778\uD55C value \uBCC0\uACBD\uC740 \uBB34\uC2DC\n        if (isInternalUpdate) return;\n\n        const e = editor();\n        if (!e) return;\n\n        const editorHtml = e.getHTML();\n        const normalizedEditor = editorHtml === \"<p></p>\" ? \"\" : editorHtml;\n        if (normalizedEditor !== newValue) {\n          e.commands.setContent(newValue || \"\", { emitUpdate: false });\n        }\n      },\n    ),\n  );\n\n  // \uD074\uB9B0\uC5C5\n  onCleanup(() => {\n    editor()?.destroy();\n  });\n\n  const getWrapperClass = () =>\n    twMerge(editorWrapperClass, local.error && editorErrorClass, local.disabled && editorDisabledClass, local.class);\n\n  const getContentClass = () => twMerge(editorContentClass, local.size && editorContentSizeClasses[local.size]);\n\n  return (\n    <div {...rest} data-rich-text-editor class={getWrapperClass()} style={local.style}>\n      <Show when={editor()}>\n        {(instance) => (\n          <Show when={!local.disabled}>\n            <EditorToolbar editor={instance()} />\n          </Show>\n        )}\n      </Show>\n      <div ref={editorRef} class={getContentClass()} />\n    </div>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["Show", "createEffect", "on", "onCleanup", "splitProps", "untrack", "clsx", "twMerge", "createTiptapEditor", "StarterKit", "TextAlign", "Color", "TextStyle", "Highlight", "Table", "TableRow", "TableHeader", "TableCell", "Image", "createControllableSignal", "EditorToolbar", "editorWrapperClass", "editorDisabledClass", "editorContentClass", "editorContentSizeClasses", "sm", "lg", "RichTextEditor", "props", "local", "rest", "value", "setValue", "onChange", "onValueChange", "isInternalUpdate", "editorRef", "editor", "element", "extensions", "configure", "types", "multicolor", "resizable", "inline", "allowBase64", "content", "editable", "disabled", "onUpdate", "e", "html", "getHTML", "queueMicrotask", "setEditable", "newValue", "editorHtml", "normalizedEditor", "commands", "setContent", "emitUpdate", "destroy", "getWrapperClass", "class", "getContentClass", "size", "_el$", "_tmpl$", "_el$2", "firstChild", "_$spread", "_$mergeProps", "style", "_$insert", "_$createComponent", "when", "children", "instance", "_ref$", "_$use", "_$effect", "_$className"]
 }

package/dist/components/form-control/editor/editor.css

@@ -0,0 +1,81 @@
+/* 에디터 콘텐츠 영역 기본 스타일 */
+[data-rich-text-editor] .tiptap {
+  outline: none;
+}
+
+[data-rich-text-editor] .tiptap p.is-editor-empty:first-child::before {
+  color: #9ca3af;
+  content: attr(data-placeholder);
+  float: left;
+  height: 0;
+  pointer-events: none;
+}
+
+/* 테이블 스타일 */
+[data-rich-text-editor] .tiptap table {
+  border-collapse: collapse;
+  width: 100%;
+  margin: 0.5rem 0;
+}
+
+[data-rich-text-editor] .tiptap table td,
+[data-rich-text-editor] .tiptap table th {
+  border: 1px solid #d1d5db;
+  padding: 0.375rem 0.5rem;
+  min-width: 4rem;
+  vertical-align: top;
+}
+
+.dark [data-rich-text-editor] .tiptap table td,
+.dark [data-rich-text-editor] .tiptap table th {
+  border-color: #4b5563;
+}
+
+[data-rich-text-editor] .tiptap table th {
+  background-color: #f3f4f6;
+  font-weight: 600;
+}
+
+.dark [data-rich-text-editor] .tiptap table th {
+  background-color: #374151;
+}
+
+/* 이미지 스타일 */
+[data-rich-text-editor] .tiptap img {
+  max-width: 100%;
+  height: auto;
+}
+
+[data-rich-text-editor] .tiptap img.ProseMirror-selectednode {
+  outline: 2px solid #3b82f6;
+}
+
+/* 코드 블록 스타일 */
+[data-rich-text-editor] .tiptap pre {
+  background-color: #1e293b;
+  color: #e2e8f0;
+  border-radius: 0.375rem;
+  padding: 0.75rem 1rem;
+  margin: 0.5rem 0;
+  overflow-x: auto;
+}
+
+[data-rich-text-editor] .tiptap pre code {
+  background: none;
+  color: inherit;
+  font-size: 0.875em;
+  padding: 0;
+}
+
+/* 인용 블록 */
+[data-rich-text-editor] .tiptap blockquote {
+  border-left: 3px solid #d1d5db;
+  padding-left: 1rem;
+  margin: 0.5rem 0;
+  color: #6b7280;
+}
+
+.dark [data-rich-text-editor] .tiptap blockquote {
+  border-left-color: #4b5563;
+  color: #9ca3af;
+}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/DatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,gBAAgB,CAAC;AAExB,KAAK,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,eAAe;IAC9B,WAAW;IACX,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD,YAAY;IACZ,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB,YAAY;IACZ,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,YAAY;IACZ,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,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;AAyED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CA4GjD,CAAC"}

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

@@ -1,18 +1,20 @@
+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 { 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-date-field-content>`), _tmpl$3 = /* @__PURE__ */ _$template(`<div><input>`), _tmpl$4 = /* @__PURE__ */ _$template(`<div>`);
 import clsx from "clsx";
 import { Show, splitProps } from "solid-js";
 import { twMerge } from "tailwind-merge";
 import { DateOnly } from "@simplysm/core-common";
-import { createControllableSignal } from "../../../hooks/createControllableSignal";
-import {
-  fieldBaseClass,
-  fieldSizeClasses,
-  fieldErrorClass,
-  fieldInsetClass,
-  fieldInsetHeightClass,
-  fieldInsetSizeHeightClasses,
-  fieldDisabledClass,
-  fieldInputClass
-} from "./Field.styles";
+import { createControllableSignal } from "../../../hooks/createControllableSignal.js";
+import { fieldBaseClass, fieldSizeClasses, fieldInsetClass, fieldInsetHeightClass, fieldInsetSizeHeightClasses, fieldDisabledClass, fieldInputClass } from "./Field.styles.js";
 function formatValue(value, type) {
   if (value == null) return "";
   switch (type) {
@@ -64,21 +66,7 @@ function formatMinMax(value, type) {
   }
 }
 const DatePicker = (props) => {
-  const [local, rest] = splitProps(props, [
-    "value",
-    "onValueChange",
-    "unit",
-    "min",
-    "max",
-    "title",
-    "disabled",
-    "readonly",
-    "error",
-    "size",
-    "inset",
-    "class",
-    "style"
-  ]);
+  const [local, rest] = splitProps(props, ["value", "onValueChange", "unit", "min", "max", "title", "disabled", "readonly", "size", "inset", "class", "style"]);
   const fieldType = () => local.unit ?? "date";
   const [value, setValue] = createControllableSignal({
     value: () => local.value,
@@ -90,76 +78,120 @@ const DatePicker = (props) => {
     const parsed = parseValue(newValue, fieldType());
     setValue(parsed);
   };
-  const getWrapperClass = (includeCustomClass) => twMerge(
-    fieldBaseClass,
-    local.size && fieldSizeClasses[local.size],
-    local.error && fieldErrorClass,
-    local.disabled && fieldDisabledClass,
-    local.inset && fieldInsetClass + " block",
-    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 + " block", 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-date-field": true,
-                class: twMerge(getWrapperClass(true), "sd-date-field"),
-                style: local.style,
-                title: local.title
-              },
-              displayValue() || "\xA0"
-            )
+        _$createComponent(Show, {
+          get when() {
+            return isEditable();
           },
-          /* @__PURE__ */ React.createElement("div", { ...rest, "data-date-field": true, class: getWrapperClass(true), style: local.style }, /* @__PURE__ */ React.createElement(
-            "input",
-            {
-              type: getInputType(fieldType()),
-              class: fieldInputClass,
-              value: displayValue(),
-              title: local.title,
-              min: formatMinMax(local.min, fieldType()),
-              max: formatMinMax(local.max, fieldType()),
-              onChange: handleChange
-            }
-          ))
-        )
-      )
+          get fallback() {
+            return (() => {
+              var _el$6 = _tmpl$4();
+              _$spread(_el$6, _$mergeProps(rest, {
+                "data-date-field": "",
+                get ["class"]() {
+                  return twMerge(getWrapperClass(true), "sd-date-field");
+                },
+                get style() {
+                  return local.style;
+                },
+                get title() {
+                  return local.title;
+                }
+              }), false, true);
+              _$insert(_el$6, () => displayValue() || "\xA0");
+              return _el$6;
+            })();
+          },
+          get children() {
+            var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
+            _$spread(_el$4, _$mergeProps(rest, {
+              "data-date-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 = getInputType(fieldType()), _v$9 = local.title, _v$0 = formatMinMax(local.min, fieldType()), _v$1 = formatMinMax(local.max, fieldType());
+              _v$8 !== _p$.e && _$setAttribute(_el$5, "type", _p$.e = _v$8);
+              _v$9 !== _p$.t && _$setAttribute(_el$5, "title", _p$.t = _v$9);
+              _v$0 !== _p$.a && _$setAttribute(_el$5, "min", _p$.a = _v$0);
+              _v$1 !== _p$.o && _$setAttribute(_el$5, "max", _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;
+          }
+        })
+      );
     },
-    /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ...rest,
-        "data-date-field": true,
-        class: twMerge(getWrapperClass(false), "relative", local.class),
-        style: local.style
-      },
-      /* @__PURE__ */ React.createElement("div", { "data-date-field-content": true, style: { visibility: isEditable() ? "hidden" : void 0 }, title: local.title }, displayValue() || "\xA0"),
-      /* @__PURE__ */ React.createElement(Show, { when: isEditable() }, /* @__PURE__ */ React.createElement(
-        "input",
-        {
-          type: getInputType(fieldType()),
-          class: clsx(fieldInputClass, "absolute left-0 top-0 size-full", "px-2 py-1"),
-          value: displayValue(),
-          title: local.title,
-          min: formatMinMax(local.min, fieldType()),
-          max: formatMinMax(local.max, fieldType()),
-          onChange: handleChange
+    get children() {
+      var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
+      _$spread(_el$, _$mergeProps(rest, {
+        "data-date-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, {
+        get when() {
+          return isEditable();
+        },
+        get children() {
+          var _el$3 = _tmpl$();
+          _el$3.addEventListener("change", handleChange);
+          _$effect((_p$) => {
+            var _v$ = getInputType(fieldType()), _v$2 = clsx(fieldInputClass, "absolute left-0 top-0 size-full", "px-2 py-1"), _v$3 = local.title, _v$4 = formatMinMax(local.min, fieldType()), _v$5 = formatMinMax(local.max, fieldType());
+            _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, "title", _p$.a = _v$3);
+            _v$4 !== _p$.o && _$setAttribute(_el$3, "min", _p$.o = _v$4);
+            _v$5 !== _p$.i && _$setAttribute(_el$3, "max", _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 = displayValue());
+          return _el$3;
+        }
+      }), 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$;
+    }
+  });
 };
 export {
   DatePicker

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

@@ -1,7 +1,6 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/form-control/field/DatePicker.tsx"],
-  "sourcesContent": ["import clsx from \"clsx\";\nimport { type Component, type JSX, Show, splitProps } from \"solid-js\";\nimport { twMerge } from \"tailwind-merge\";\nimport { DateOnly } from \"@simplysm/core-common\";\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\";\n\ntype DatePickerUnit = \"year\" | \"month\" | \"date\";\n\nexport interface DatePickerProps {\n  /** \uC785\uB825 \uAC12 */\n  value?: DateOnly;\n\n  /** \uAC12 \uBCC0\uACBD \uCF5C\uBC31 */\n  onValueChange?: (value: DateOnly | undefined) => void;\n\n  /** \uB0A0\uC9DC \uB2E8\uC704 */\n  unit?: DatePickerUnit;\n\n  /** \uCD5C\uC18C \uB0A0\uC9DC */\n  min?: DateOnly;\n\n  /** \uCD5C\uB300 \uB0A0\uC9DC */\n  max?: DateOnly;\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 * DateOnly \uAC12\uC744 input value\uC6A9 \uBB38\uC790\uC5F4\uB85C \uBCC0\uD658 (ISO \uD615\uC2DD)\n */\nfunction formatValue(value: DateOnly | undefined, type: DatePickerUnit): string {\n  if (value == null) return \"\";\n\n  switch (type) {\n    case \"year\":\n      return value.toFormatString(\"yyyy\");\n    case \"month\":\n      return value.toFormatString(\"yyyy-MM\");\n    case \"date\":\n      return value.toFormatString(\"yyyy-MM-dd\");\n  }\n}\n\n/**\n * \uC785\uB825 \uBB38\uC790\uC5F4\uC744 DateOnly\uB85C \uBCC0\uD658\n */\nfunction parseValue(str: string, type: DatePickerUnit): DateOnly | undefined {\n  if (str === \"\") return undefined;\n\n  switch (type) {\n    case \"year\": {\n      const year = Number(str);\n      if (Number.isNaN(year)) return undefined;\n      return new DateOnly(year, 1, 1);\n    }\n    case \"month\": {\n      // yyyy-MM \uD615\uC2DD\n      const match = /^(\\d{4})-(\\d{2})$/.exec(str);\n      if (match == null) return undefined;\n      return new DateOnly(Number(match[1]), Number(match[2]), 1);\n    }\n    case \"date\": {\n      // yyyy-MM-dd \uD615\uC2DD\n      return DateOnly.parse(str);\n    }\n  }\n}\n\n/**\n * HTML input\uC758 type \uC18D\uC131 \uACB0\uC815\n */\nfunction getInputType(type: DatePickerUnit): string {\n  switch (type) {\n    case \"year\":\n      return \"number\";\n    case \"month\":\n      return \"month\";\n    case \"date\":\n      return \"date\";\n  }\n}\n\n/**\n * min/max \uC18D\uC131\uC744 \uD0C0\uC785\uC5D0 \uB9DE\uB294 \uBB38\uC790\uC5F4\uB85C \uBCC0\uD658\n */\nfunction formatMinMax(value: DateOnly | undefined, type: DatePickerUnit): string | undefined {\n  if (value == null) return undefined;\n\n  switch (type) {\n    case \"year\":\n      return value.toFormatString(\"yyyy\");\n    case \"month\":\n      return value.toFormatString(\"yyyy-MM\");\n    case \"date\":\n      return value.toFormatString(\"yyyy-MM-dd\");\n  }\n}\n\n/**\n * DatePicker \uCEF4\uD3EC\uB10C\uD2B8\n *\n * \uB0A0\uC9DC \uC785\uB825 \uD544\uB4DC. year, month, date \uB2E8\uC704\uB97C \uC9C0\uC6D0\uD55C\uB2E4.\n * \uB0B4\uBD80\uC801\uC73C\uB85C string \u2194 DateOnly \uD0C0\uC785 \uBCC0\uD658\uC744 \uCC98\uB9AC\uD55C\uB2E4.\n *\n * @example\n * ```tsx\n * // \uB0A0\uC9DC \uC785\uB825\n * <DatePicker unit=\"date\" value={date()} onValueChange={setDate} />\n *\n * // \uC5F0\uB3C4\uB9CC \uC785\uB825\n * <DatePicker unit=\"year\" value={yearDate()} onValueChange={setYearDate} />\n *\n * // \uC5F0\uC6D4 \uC785\uB825\n * <DatePicker unit=\"month\" value={monthDate()} onValueChange={setMonthDate} />\n *\n * // min/max \uC81C\uD55C\n * <DatePicker\n *   unit=\"date\"\n *   value={date()}\n *   min={new DateOnly(2025, 1, 1)}\n *   max={new DateOnly(2025, 12, 31)}\n * />\n * ```\n */\nexport const DatePicker: Component<DatePickerProps> = (props) => {\n  const [local, rest] = splitProps(props, [\n    \"value\",\n    \"onValueChange\",\n    \"unit\",\n    \"min\",\n    \"max\",\n    \"title\",\n    \"disabled\",\n    \"readonly\",\n    \"error\",\n    \"size\",\n    \"inset\",\n    \"class\",\n    \"style\",\n  ]);\n\n  // \uAE30\uBCF8 \uB2E8\uC704\uB294 date\n  const fieldType = () => local.unit ?? \"date\";\n\n  // controlled/uncontrolled \uD328\uD134 \uC9C0\uC6D0\n  const [value, setValue] = createControllableSignal({\n    value: () => local.value,\n    onChange: () => local.onValueChange,\n  });\n\n  // \uD45C\uC2DC \uAC12\n  const displayValue = () => formatValue(value(), fieldType());\n\n  // \uAC12 \uD655\uC815 \uD578\uB4E4\uB7EC (\uD3EC\uCEE4\uC2A4 \uC544\uC6C3 \uB610\uB294 Enter \uC2DC)\n  const handleChange: JSX.EventHandler<HTMLInputElement, Event> = (e) => {\n    const newValue = e.currentTarget.value;\n    const parsed = parseValue(newValue, fieldType());\n    setValue(parsed);\n  };\n\n  // wrapper \uD074\uB798\uC2A4 (includeCustomClass: \uC678\uBD80 class\uB97C \uD3EC\uD568\uD560\uC9C0 \uC5EC\uBD80)\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 + \" block\",\n      local.inset && (local.size ? fieldInsetSizeHeightClasses[local.size] : fieldInsetHeightClass),\n\n      includeCustomClass && local.class,\n    );\n\n  // \uD3B8\uC9D1 \uAC00\uB2A5 \uC5EC\uBD80\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-date-field\n              class={twMerge(getWrapperClass(true), \"sd-date-field\")}\n              style={local.style}\n              title={local.title}\n            >\n              {displayValue() || \"\\u00A0\"}\n            </div>\n          }\n        >\n          <div {...rest} data-date-field class={getWrapperClass(true)} style={local.style}>\n            <input\n              type={getInputType(fieldType())}\n              class={fieldInputClass}\n              value={displayValue()}\n              title={local.title}\n              min={formatMinMax(local.min, fieldType())}\n              max={formatMinMax(local.max, fieldType())}\n              onChange={handleChange}\n            />\n          </div>\n        </Show>\n      }\n    >\n      {/* inset \uBAA8\uB4DC: dual-element overlay \uD328\uD134 */}\n      <div\n        {...rest}\n        data-date-field\n        class={twMerge(getWrapperClass(false), \"relative\", local.class)}\n        style={local.style}\n      >\n        <div data-date-field-content style={{ visibility: isEditable() ? \"hidden\" : undefined }} title={local.title}>\n          {displayValue() || \"\\u00A0\"}\n        </div>\n\n        <Show when={isEditable()}>\n          <input\n            type={getInputType(fieldType())}\n            class={clsx(fieldInputClass, \"absolute left-0 top-0 size-full\", \"px-2 py-1\")}\n            value={displayValue()}\n            title={local.title}\n            min={formatMinMax(local.min, fieldType())}\n            max={formatMinMax(local.max, fieldType())}\n            onChange={handleChange}\n          />\n        </Show>\n      </div>\n    </Show>\n  );\n};\n"],
-  "mappings": "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",
-  "names": []
+  "mappings": "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",
+  "names": ["clsx", "Show", "splitProps", "twMerge", "DateOnly", "createControllableSignal", "fieldBaseClass", "fieldSizeClasses", "fieldInsetClass", "fieldInsetHeightClass", "fieldInsetSizeHeightClasses", "fieldDisabledClass", "fieldInputClass", "formatValue", "value", "type", "toFormatString", "parseValue", "str", "undefined", "year", "Number", "isNaN", "match", "exec", "parse", "getInputType", "formatMinMax", "DatePicker", "props", "local", "rest", "fieldType", "unit", "setValue", "onChange", "onValueChange", "displayValue", "handleChange", "e", "newValue", "currentTarget", "parsed", "getWrapperClass", "includeCustomClass", "size", "disabled", "inset", "class", "isEditable", "readonly", "_$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", "_v$0", "min", "_v$1", "max", "_$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"]
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/form-control/field/DateTimePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,GAAG,EAAoB,MAAM,UAAU,CAAC;AAEtE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EACL,KAAK,SAAS,EAQf,MAAM,gBAAgB,CAAC;AAExB,KAAK,kBAAkB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC,WAAW;IACX,KAAK,CAAC,EAAE,QAAQ,CAAC;IAEjB,cAAc;IACd,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAEtD,cAAc;IACd,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B,cAAc;IACd,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,cAAc;IACd,GAAG,CAAC,EAAE,QAAQ,CAAC;IAEf,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;AA2DD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAqHzD,CAAC"}