@simplysm/solid 13.0.0-beta.6

package/dist/helpers/mergeStyles.js

@@ -0,0 +1,27 @@
+import {} from "solid-js";
+function mergeStyles(...styles) {
+  const result = {};
+  for (const style of styles) {
+    if (style === void 0) continue;
+    if (typeof style === "string") {
+      const declarations = style.split(";").filter((s) => s.trim());
+      for (const declaration of declarations) {
+        const colonIndex = declaration.indexOf(":");
+        if (colonIndex === -1) continue;
+        const property = declaration.slice(0, colonIndex).trim();
+        const value = declaration.slice(colonIndex + 1).trim();
+        if (property && value) {
+          const camelProperty = property.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+          result[camelProperty] = value;
+        }
+      }
+    } else {
+      Object.assign(result, style);
+    }
+  }
+  return result;
+}
+export {
+  mergeStyles
+};
+//# sourceMappingURL=mergeStyles.js.map

package/dist/helpers/mergeStyles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/mergeStyles.ts"],
+  "sourcesContent": ["import { type JSX } from \"solid-js\";\n\n/**\n * CSS \uC2A4\uD0C0\uC77C\uC744 \uBCD1\uD569\uD558\uB294 \uC720\uD2F8\uB9AC\uD2F0 \uD568\uC218\n *\n * @remarks\n * - string\uACFC object \uD615\uD0DC\uC758 \uC2A4\uD0C0\uC77C\uC744 \uBAA8\uB450 \uC9C0\uC6D0\n * - object \uD615\uD0DC\uB294 \uD558\uB098\uC758 \uAC1D\uCCB4\uB85C \uBCD1\uD569 (\uB098\uC911 \uAC12\uC774 \uC6B0\uC120)\n * - string\uC740 \uD30C\uC2F1\uD558\uC5EC \uBCD1\uD569\n * - undefined\uB294 \uBB34\uC2DC\n *\n * @example\n * ```tsx\n * // Object \uBCD1\uD569\n * mergeStyles({ color: \"red\" }, { background: \"blue\" })\n * // => { color: \"red\", background: \"blue\" }\n *\n * // String \uBCD1\uD569\n * mergeStyles(\"color: red;\", \"background: blue;\")\n * // => { color: \"red\", background: \"blue\" }\n *\n * // Mixed \uBCD1\uD569\n * mergeStyles({ color: \"red\" }, \"background: blue;\")\n * // => { color: \"red\", background: \"blue\" }\n * ```\n */\nexport function mergeStyles(...styles: (JSX.CSSProperties | string | undefined)[]): JSX.CSSProperties {\n  const result: Record<string, string> = {};\n\n  for (const style of styles) {\n    if (style === undefined) continue;\n\n    if (typeof style === \"string\") {\n      // CSS string \uD30C\uC2F1\n      const declarations = style.split(\";\").filter((s) => s.trim());\n      for (const declaration of declarations) {\n        const colonIndex = declaration.indexOf(\":\");\n        if (colonIndex === -1) continue;\n\n        const property = declaration.slice(0, colonIndex).trim();\n        const value = declaration.slice(colonIndex + 1).trim();\n        if (property && value) {\n          // kebab-case\uB97C camelCase\uB85C \uBCC0\uD658\n          const camelProperty = property.replace(/-([a-z])/g, (_, letter: string) => letter.toUpperCase());\n          result[camelProperty] = value;\n        }\n      }\n    } else {\n      // Object \uC2A4\uD0C0\uC77C \uBCD1\uD569\n      Object.assign(result, style);\n    }\n  }\n\n  return result as JSX.CSSProperties;\n}\n"],
+  "mappings": "AAAA,eAAyB;AA0BlB,SAAS,eAAe,QAAuE;AACpG,QAAM,SAAiC,CAAC;AAExC,aAAW,SAAS,QAAQ;AAC1B,QAAI,UAAU,OAAW;AAEzB,QAAI,OAAO,UAAU,UAAU;AAE7B,YAAM,eAAe,MAAM,MAAM,GAAG,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC;AAC5D,iBAAW,eAAe,cAAc;AACtC,cAAM,aAAa,YAAY,QAAQ,GAAG;AAC1C,YAAI,eAAe,GAAI;AAEvB,cAAM,WAAW,YAAY,MAAM,GAAG,UAAU,EAAE,KAAK;AACvD,cAAM,QAAQ,YAAY,MAAM,aAAa,CAAC,EAAE,KAAK;AACrD,YAAI,YAAY,OAAO;AAErB,gBAAM,gBAAgB,SAAS,QAAQ,aAAa,CAAC,GAAG,WAAmB,OAAO,YAAY,CAAC;AAC/F,iBAAO,aAAa,IAAI;AAAA,QAC1B;AAAA,MACF;AAAA,IACF,OAAO;AAEL,aAAO,OAAO,QAAQ,KAAK;AAAA,IAC7B;AAAA,EACF;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/helpers/splitSlots.js

@@ -0,0 +1,25 @@
+import "@simplysm/core-common";
+import { createMemo } from "solid-js";
+function splitSlots(resolved, keys) {
+  const memo = createMemo(() => {
+    const arr = resolved.toArray();
+    const result = Object.fromEntries(keys.map((k) => [k, []]));
+    const content = [];
+    for (const c of arr) {
+      if (c instanceof HTMLElement) {
+        const matchedKey = keys.find((k) => k in c.dataset);
+        if (matchedKey !== void 0) {
+          result[matchedKey].push(c);
+          continue;
+        }
+      }
+      content.push(c);
+    }
+    return { result, content };
+  });
+  return [() => memo().result, () => memo().content];
+}
+export {
+  splitSlots
+};
+//# sourceMappingURL=splitSlots.js.map

package/dist/helpers/splitSlots.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/helpers/splitSlots.ts"],
+  "sourcesContent": ["import \"@simplysm/core-common\";\nimport { type Accessor, createMemo } from \"solid-js\";\nimport type { JSX } from \"solid-js/jsx-runtime\";\n\n/**\n * children\uC744 slot \uD0A4 \uAE30\uC900\uC73C\uB85C \uBD84\uB9AC\uD558\uC5EC \uBC18\uD658\uD569\uB2C8\uB2E4.\n * SolidJS\uC758 splitProps\uC640 \uC720\uC0AC\uD55C \uD328\uD134\uC73C\uB85C \uB3D9\uC791\uD569\uB2C8\uB2E4.\n *\n * @param resolved - children(() => props.children)\uC73C\uB85C \uC0DD\uC131\uB41C resolved children\n * @param keys - \uBD84\uB9AC\uD560 slot \uD0A4 \uBC30\uC5F4 (camelCase, data \uC18D\uC131\uACFC \uB9E4\uCE6D)\n * @returns [slots, content] - slots\uB294 \uAC01 \uD0A4\uBCC4 HTMLElement[], content\uB294 \uB098\uBA38\uC9C0 JSX.Element[]\n *\n * @example\n * ```tsx\n * const resolved = children(() => props.children);\n * const [slots, content] = splitSlots(resolved, [\"selectHeader\", \"selectAction\"] as const);\n *\n * // JSX\uC5D0\uC11C \uC0AC\uC6A9\n * <div>{slots().selectHeader.single()}</div>\n * <div>{content()}</div>\n * ```\n */\nexport function splitSlots<K extends string>(\n  resolved: { toArray: () => unknown[] },\n  keys: readonly K[],\n): [Accessor<Record<K, HTMLElement[]>>, Accessor<JSX.Element[]>] {\n  const memo = createMemo(() => {\n    const arr = resolved.toArray();\n    const result = Object.fromEntries(keys.map((k) => [k, []])) as unknown as Record<K, HTMLElement[]>;\n    const content: JSX.Element[] = [];\n\n    for (const c of arr) {\n      if (c instanceof HTMLElement) {\n        const matchedKey = keys.find((k) => k in c.dataset);\n        if (matchedKey !== undefined) {\n          result[matchedKey].push(c);\n          continue;\n        }\n      }\n      content.push(c as JSX.Element);\n    }\n\n    return { result, content };\n  });\n\n  // eslint-disable-next-line solid/reactivity -- \uBC18\uD658\uB41C accessor\uB294 JSX\uB098 tracked scope\uC5D0\uC11C \uD638\uCD9C\uB428\n  return [() => memo().result, () => memo().content];\n}\n"],
+  "mappings": "AAAA,OAAO;AACP,SAAwB,kBAAkB;AAqBnC,SAAS,WACd,UACA,MAC+D;AAC/D,QAAM,OAAO,WAAW,MAAM;AAC5B,UAAM,MAAM,SAAS,QAAQ;AAC7B,UAAM,SAAS,OAAO,YAAY,KAAK,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AAC1D,UAAM,UAAyB,CAAC;AAEhC,eAAW,KAAK,KAAK;AACnB,UAAI,aAAa,aAAa;AAC5B,cAAM,aAAa,KAAK,KAAK,CAAC,MAAM,KAAK,EAAE,OAAO;AAClD,YAAI,eAAe,QAAW;AAC5B,iBAAO,UAAU,EAAE,KAAK,CAAC;AACzB;AAAA,QACF;AAAA,MACF;AACA,cAAQ,KAAK,CAAgB;AAAA,IAC/B;AAEA,WAAO,EAAE,QAAQ,QAAQ;AAAA,EAC3B,CAAC;AAGD,SAAO,CAAC,MAAM,KAAK,EAAE,QAAQ,MAAM,KAAK,EAAE,OAAO;AACnD;",
+  "names": []
+}

package/dist/hooks/createControllableSignal.js

@@ -0,0 +1,24 @@
+import { createSignal, createEffect } from "solid-js";
+function createControllableSignal(options) {
+  const [internalValue, setInternalValue] = createSignal(options.value());
+  createEffect(() => {
+    const propValue = options.value();
+    setInternalValue(() => propValue);
+  });
+  const isControlled = () => options.onChange() !== void 0;
+  const value = () => isControlled() ? options.value() : internalValue();
+  const setValue = (newValue) => {
+    var _a;
+    const resolved = typeof newValue === "function" ? newValue(value()) : newValue;
+    if (isControlled()) {
+      (_a = options.onChange()) == null ? void 0 : _a(resolved);
+    } else {
+      setInternalValue(() => resolved);
+    }
+  };
+  return [value, setValue];
+}
+export {
+  createControllableSignal
+};
+//# sourceMappingURL=createControllableSignal.js.map

package/dist/hooks/createControllableSignal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/createControllableSignal.ts"],
+  "sourcesContent": ["import { createSignal, createEffect } from \"solid-js\";\n\n/**\n * \uD568\uC218 \uD0C0\uC785\uC744 \uC81C\uD55C\uD558\uB294 \uC720\uD2F8\uB9AC\uD2F0 \uD0C0\uC785\n * \uD568\uC218 \uD0C0\uC785\uC774 \uC804\uB2EC\uB418\uBA74 never\uB85C \uBCC0\uD658\uB418\uC5B4 \uCEF4\uD30C\uC77C \uD0C0\uC784 \uC5D0\uB7EC \uBC1C\uC0DD\n *\n * @remarks\n * \uD568\uC218\uB97C \uC800\uC7A5\uD574\uC57C \uD560 \uACBD\uC6B0 \uAC1D\uCCB4\uB85C \uAC10\uC2F8\uAE30: `createControllableSignal<{ fn: () => void }>(...)`\n */\ntype NotFunction<T> = T extends (...args: unknown[]) => unknown ? never : T;\n\n/**\n * Controlled/Uncontrolled \uD328\uD134\uC744 \uC9C0\uC6D0\uD558\uB294 signal hook\n *\n * @remarks\n * - `onChange`\uAC00 \uC81C\uACF5\uB418\uBA74 controlled \uBAA8\uB4DC: \uC678\uBD80\uC5D0\uC11C \uAC12 \uAD00\uB9AC\n * - `onChange`\uAC00 \uC5C6\uC73C\uBA74 uncontrolled \uBAA8\uB4DC: \uB0B4\uBD80 \uC0C1\uD0DC \uC0AC\uC6A9\n * - \uD568\uC218\uD615 setter \uC9C0\uC6D0: `setValue(prev => !prev)`\n *\n * @example\n * ```tsx\n * // Controlled \uBAA8\uB4DC (onOpenChange \uC81C\uACF5)\n * const [open, setOpen] = createControllableSignal({\n *   value: () => props.open ?? false,\n *   onChange: () => props.onOpenChange,\n * });\n *\n * // Uncontrolled \uBAA8\uB4DC (onOpenChange \uBBF8\uC81C\uACF5)\n * const [open, setOpen] = createControllableSignal({\n *   value: () => props.open ?? false,\n *   onChange: () => undefined,\n * });\n *\n * // \uD568\uC218\uD615 setter\n * setOpen(prev => !prev);\n * ```\n */\nexport function createControllableSignal<T>(options: {\n  value: () => T & NotFunction<T>;\n  onChange: () => ((value: T) => void) | undefined;\n}) {\n  const [internalValue, setInternalValue] = createSignal<T>(options.value());\n\n  // props \uBCC0\uACBD \uC2DC \uB0B4\uBD80 \uC0C1\uD0DC \uB3D9\uAE30\uD654 (props \uC6B0\uC120)\n  createEffect(() => {\n    const propValue = options.value();\n    setInternalValue(() => propValue);\n  });\n\n  const isControlled = () => options.onChange() !== undefined;\n  const value = () => (isControlled() ? options.value() : internalValue());\n  const setValue = (newValue: T | ((prev: T) => T)) => {\n    const resolved = typeof newValue === \"function\" ? (newValue as (prev: T) => T)(value()) : newValue;\n\n    if (isControlled()) {\n      options.onChange()?.(resolved);\n    } else {\n      setInternalValue(() => resolved);\n    }\n  };\n\n  return [value, setValue] as const;\n}\n"],
+  "mappings": "AAAA,SAAS,cAAc,oBAAoB;AAqCpC,SAAS,yBAA4B,SAGzC;AACD,QAAM,CAAC,eAAe,gBAAgB,IAAI,aAAgB,QAAQ,MAAM,CAAC;AAGzE,eAAa,MAAM;AACjB,UAAM,YAAY,QAAQ,MAAM;AAChC,qBAAiB,MAAM,SAAS;AAAA,EAClC,CAAC;AAED,QAAM,eAAe,MAAM,QAAQ,SAAS,MAAM;AAClD,QAAM,QAAQ,MAAO,aAAa,IAAI,QAAQ,MAAM,IAAI,cAAc;AACtE,QAAM,WAAW,CAAC,aAAmC;AAnDvD;AAoDI,UAAM,WAAW,OAAO,aAAa,aAAc,SAA4B,MAAM,CAAC,IAAI;AAE1F,QAAI,aAAa,GAAG;AAClB,oBAAQ,SAAS,MAAjB,mBAAqB;AAAA,IACvB,OAAO;AACL,uBAAiB,MAAM,QAAQ;AAAA,IACjC;AAAA,EACF;AAEA,SAAO,CAAC,OAAO,QAAQ;AACzB;",
+  "names": []
+}

package/dist/hooks/createIMEHandler.js

@@ -0,0 +1,50 @@
+import { createSignal, onCleanup } from "solid-js";
+function createIMEHandler(setValue) {
+  const [composingValue, setComposingValue] = createSignal(null);
+  let compositionFlushTimer;
+  function flushComposition() {
+    if (compositionFlushTimer != null) {
+      clearTimeout(compositionFlushTimer);
+      compositionFlushTimer = void 0;
+    }
+    const pending = composingValue();
+    if (pending != null) {
+      setComposingValue(null);
+      setValue(pending);
+    }
+  }
+  function handleCompositionStart() {
+    if (compositionFlushTimer != null) {
+      clearTimeout(compositionFlushTimer);
+      compositionFlushTimer = void 0;
+    }
+  }
+  function handleInput(value, isComposing) {
+    if (isComposing || compositionFlushTimer != null) {
+      setComposingValue(value);
+      return;
+    }
+    setComposingValue(null);
+    setValue(value);
+  }
+  function handleCompositionEnd(value) {
+    setComposingValue(value);
+    compositionFlushTimer = setTimeout(() => {
+      compositionFlushTimer = void 0;
+      setComposingValue(null);
+      setValue(value);
+    }, 0);
+  }
+  onCleanup(() => flushComposition());
+  return {
+    composingValue,
+    handleCompositionStart,
+    handleInput,
+    handleCompositionEnd,
+    flushComposition
+  };
+}
+export {
+  createIMEHandler
+};
+//# sourceMappingURL=createIMEHandler.js.map

package/dist/hooks/createIMEHandler.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/createIMEHandler.ts"],
+  "sourcesContent": ["import { createSignal, onCleanup } from \"solid-js\";\n\n/**\n * IME \uC870\uD569 \uCC98\uB9AC \uD6C5\n *\n * @remarks\n * \uD55C\uAE00 \uB4F1 IME \uC870\uD569 \uC911 onValueChange\uB97C \uC9C0\uC5F0\uD558\uC5EC DOM \uC7AC\uC0DD\uC131(\uC870\uD569 \uB04A\uAE40)\uC744 \uBC29\uC9C0\uD569\uB2C8\uB2E4.\n * - \uC870\uD569 \uC911: composingValue\uB9CC \uC5C5\uB370\uC774\uD2B8 (content div \uD45C\uC2DC\uC6A9)\n * - \uC870\uD569 \uC644\uB8CC(compositionEnd): setTimeout(0)\uC73C\uB85C \uC9C0\uC5F0 \uD6C4 setValue \uD638\uCD9C\n * - cleanup: flushComposition\uC73C\uB85C \uBBF8\uCEE4\uBC0B \uAC12 \uC989\uC2DC \uCEE4\uBC0B\n *\n * @param setValue - \uAC12 \uCEE4\uBC0B \uD568\uC218\n * @returns IME \uD578\uB4E4\uB7EC \uAC1D\uCCB4\n */\nexport function createIMEHandler(setValue: (value: string) => void) {\n  const [composingValue, setComposingValue] = createSignal<string | null>(null);\n  let compositionFlushTimer: ReturnType<typeof setTimeout> | undefined;\n\n  function flushComposition(): void {\n    if (compositionFlushTimer != null) {\n      clearTimeout(compositionFlushTimer);\n      compositionFlushTimer = undefined;\n    }\n    const pending = composingValue();\n    if (pending != null) {\n      setComposingValue(null);\n      setValue(pending);\n    }\n  }\n\n  function handleCompositionStart(): void {\n    if (compositionFlushTimer != null) {\n      clearTimeout(compositionFlushTimer);\n      compositionFlushTimer = undefined;\n    }\n  }\n\n  function handleInput(value: string, isComposing: boolean): void {\n    if (isComposing || compositionFlushTimer != null) {\n      setComposingValue(value);\n      return;\n    }\n    setComposingValue(null);\n    setValue(value);\n  }\n\n  function handleCompositionEnd(value: string): void {\n    setComposingValue(value);\n    compositionFlushTimer = setTimeout(() => {\n      compositionFlushTimer = undefined;\n      setComposingValue(null);\n      setValue(value);\n    }, 0);\n  }\n\n  onCleanup(() => flushComposition());\n\n  return {\n    composingValue,\n    handleCompositionStart,\n    handleInput,\n    handleCompositionEnd,\n    flushComposition,\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,cAAc,iBAAiB;AAcjC,SAAS,iBAAiB,UAAmC;AAClE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,aAA4B,IAAI;AAC5E,MAAI;AAEJ,WAAS,mBAAyB;AAChC,QAAI,yBAAyB,MAAM;AACjC,mBAAa,qBAAqB;AAClC,8BAAwB;AAAA,IAC1B;AACA,UAAM,UAAU,eAAe;AAC/B,QAAI,WAAW,MAAM;AACnB,wBAAkB,IAAI;AACtB,eAAS,OAAO;AAAA,IAClB;AAAA,EACF;AAEA,WAAS,yBAA+B;AACtC,QAAI,yBAAyB,MAAM;AACjC,mBAAa,qBAAqB;AAClC,8BAAwB;AAAA,IAC1B;AAAA,EACF;AAEA,WAAS,YAAY,OAAe,aAA4B;AAC9D,QAAI,eAAe,yBAAyB,MAAM;AAChD,wBAAkB,KAAK;AACvB;AAAA,IACF;AACA,sBAAkB,IAAI;AACtB,aAAS,KAAK;AAAA,EAChB;AAEA,WAAS,qBAAqB,OAAqB;AACjD,sBAAkB,KAAK;AACvB,4BAAwB,WAAW,MAAM;AACvC,8BAAwB;AACxB,wBAAkB,IAAI;AACtB,eAAS,KAAK;AAAA,IAChB,GAAG,CAAC;AAAA,EACN;AAEA,YAAU,MAAM,iBAAiB,CAAC;AAElC,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/hooks/createMountTransition.js

@@ -0,0 +1,33 @@
+import { createSignal, createEffect, onCleanup } from "solid-js";
+function createMountTransition(open) {
+  const [mounted, setMounted] = createSignal(false);
+  const [animating, setAnimating] = createSignal(false);
+  createEffect(() => {
+    if (open()) {
+      setMounted(true);
+      let rafId1;
+      let rafId2;
+      rafId1 = requestAnimationFrame(() => {
+        rafId2 = requestAnimationFrame(() => {
+          setAnimating(true);
+        });
+      });
+      onCleanup(() => {
+        cancelAnimationFrame(rafId1);
+        cancelAnimationFrame(rafId2);
+      });
+    } else if (mounted()) {
+      setAnimating(false);
+      const fallbackTimer = setTimeout(() => {
+        if (!open()) setMounted(false);
+      }, 200);
+      onCleanup(() => clearTimeout(fallbackTimer));
+    }
+  });
+  const unmount = () => setMounted(false);
+  return { mounted, animating, unmount };
+}
+export {
+  createMountTransition
+};
+//# sourceMappingURL=createMountTransition.js.map

package/dist/hooks/createMountTransition.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/createMountTransition.ts"],
+  "sourcesContent": ["import { createSignal, createEffect, onCleanup } from \"solid-js\";\n\n/**\n * \uC5F4\uB9BC/\uB2EB\uD798 \uC560\uB2C8\uBA54\uC774\uC158\uC744 \uC704\uD55C mount transition \uD6C5\n *\n * @remarks\n * - `open`\uC774 true\uAC00 \uB418\uBA74 \uC989\uC2DC `mounted=true`, double rAF \uD6C4 `animating=true`\n * - `open`\uC774 false\uAC00 \uB418\uBA74 \uC989\uC2DC `animating=false`, transitionend \uB610\uB294 fallback \uD0C0\uC774\uBA38(200ms) \uD6C4 `mounted=false`\n * - CSS transition\uACFC \uD568\uAED8 \uC0AC\uC6A9: `mounted()`\uB85C DOM \uB80C\uB354\uB9C1, `animating()`\uC73C\uB85C CSS \uD074\uB798\uC2A4 \uC804\uD658\n */\nexport function createMountTransition(open: () => boolean): {\n  mounted: () => boolean;\n  animating: () => boolean;\n  unmount: () => void;\n} {\n  const [mounted, setMounted] = createSignal(false);\n  const [animating, setAnimating] = createSignal(false);\n\n  createEffect(() => {\n    if (open()) {\n      setMounted(true);\n      let rafId1: number;\n      let rafId2: number;\n      rafId1 = requestAnimationFrame(() => {\n        rafId2 = requestAnimationFrame(() => {\n          setAnimating(true);\n        });\n      });\n      onCleanup(() => {\n        cancelAnimationFrame(rafId1);\n        cancelAnimationFrame(rafId2);\n      });\n    } else if (mounted()) {\n      setAnimating(false);\n      const fallbackTimer = setTimeout(() => {\n        if (!open()) setMounted(false);\n      }, 200);\n      onCleanup(() => clearTimeout(fallbackTimer));\n    }\n  });\n\n  const unmount = () => setMounted(false);\n\n  return { mounted, animating, unmount };\n}\n"],
+  "mappings": "AAAA,SAAS,cAAc,cAAc,iBAAiB;AAU/C,SAAS,sBAAsB,MAIpC;AACA,QAAM,CAAC,SAAS,UAAU,IAAI,aAAa,KAAK;AAChD,QAAM,CAAC,WAAW,YAAY,IAAI,aAAa,KAAK;AAEpD,eAAa,MAAM;AACjB,QAAI,KAAK,GAAG;AACV,iBAAW,IAAI;AACf,UAAI;AACJ,UAAI;AACJ,eAAS,sBAAsB,MAAM;AACnC,iBAAS,sBAAsB,MAAM;AACnC,uBAAa,IAAI;AAAA,QACnB,CAAC;AAAA,MACH,CAAC;AACD,gBAAU,MAAM;AACd,6BAAqB,MAAM;AAC3B,6BAAqB,MAAM;AAAA,MAC7B,CAAC;AAAA,IACH,WAAW,QAAQ,GAAG;AACpB,mBAAa,KAAK;AAClB,YAAM,gBAAgB,WAAW,MAAM;AACrC,YAAI,CAAC,KAAK,EAAG,YAAW,KAAK;AAAA,MAC/B,GAAG,GAAG;AACN,gBAAU,MAAM,aAAa,aAAa,CAAC;AAAA,IAC7C;AAAA,EACF,CAAC;AAED,QAAM,UAAU,MAAM,WAAW,KAAK;AAEtC,SAAO,EAAE,SAAS,WAAW,QAAQ;AACvC;",
+  "names": []
+}

package/dist/hooks/useClipboardValueCopy.js

@@ -0,0 +1,121 @@
+import { onCleanup, onMount } from "solid-js";
+function useClipboardValueCopy() {
+  onMount(() => {
+    const handler = (e) => {
+      const sel = window.getSelection();
+      if (!sel || sel.isCollapsed || sel.rangeCount === 0) return;
+      const range = sel.getRangeAt(0);
+      const text = extractTextFromRange(range);
+      if (text == null) return;
+      e.clipboardData.setData("text/plain", text);
+      e.preventDefault();
+    };
+    document.addEventListener("copy", handler);
+    onCleanup(() => document.removeEventListener("copy", handler));
+  });
+}
+function extractTextFromRange(range) {
+  const root = range.commonAncestorContainer instanceof Element ? range.commonAncestorContainer : range.commonAncestorContainer.parentElement;
+  if (!root) return null;
+  const formSelector = 'input:not([type=hidden]), textarea, select, [role="checkbox"], [role="radio"]';
+  const hasFormElements = [...root.querySelectorAll(formSelector)].some((el) => range.intersectsNode(el));
+  if (!hasFormElements) return null;
+  const parts = [];
+  const walk = (node) => {
+    var _a;
+    if (!range.intersectsNode(node)) return;
+    if (node instanceof Element) {
+      const role = node.getAttribute("role");
+      if (role === "checkbox" || role === "radio") {
+        parts.push(node.getAttribute("aria-checked") === "true" ? "Y" : "");
+        return;
+      }
+    }
+    if (node instanceof HTMLInputElement) {
+      if (node.type === "hidden") return;
+      if (node.type === "checkbox" || node.type === "radio") {
+        parts.push(node.checked ? "Y" : "");
+      } else {
+        parts.push(formatInputValue(node));
+      }
+      return;
+    }
+    if (node instanceof HTMLTextAreaElement) {
+      const v = node.value;
+      parts.push(v.includes("\n") ? `"${v.replace(/"/g, '""')}"` : v);
+      return;
+    }
+    if (node instanceof HTMLSelectElement) {
+      if (node.selectedOptions.length > 0) {
+        parts.push(((_a = node.selectedOptions[0].textContent) == null ? void 0 : _a.trim()) ?? "");
+      }
+      return;
+    }
+    if (node.nodeType === Node.TEXT_NODE) {
+      const parent = node.parentElement;
+      if (parent) {
+        const style = getComputedStyle(parent);
+        if (style.visibility === "hidden" || style.display === "none") {
+          return;
+        }
+      }
+      let text = node.textContent ?? "";
+      if (node === range.startContainer && node === range.endContainer) {
+        text = text.slice(range.startOffset, range.endOffset);
+      } else if (node === range.startContainer) {
+        text = text.slice(range.startOffset);
+      } else if (node === range.endContainer) {
+        text = text.slice(0, range.endOffset);
+      }
+      parts.push(text);
+      return;
+    }
+    if (!(node instanceof Element)) {
+      for (const child of node.childNodes) walk(child);
+      return;
+    }
+    if (node.tagName === "BR") {
+      parts.push("\n");
+      return;
+    }
+    if (node.tagName === "TR") {
+      let firstCell = true;
+      for (const child of node.childNodes) {
+        if (!range.intersectsNode(child)) continue;
+        if (child instanceof HTMLTableCellElement) {
+          if (!firstCell) parts.push("	");
+          firstCell = false;
+        }
+        walk(child);
+      }
+      parts.push("\n");
+      return;
+    }
+    for (const child of node.childNodes) {
+      walk(child);
+    }
+  };
+  walk(range.commonAncestorContainer);
+  return parts.join("").replace(/\n+$/, "");
+}
+function formatInputValue(input) {
+  const { type, value } = input;
+  if (!value) return "";
+  if (type === "date" || type === "datetime-local") {
+    const date = new Date(value);
+    if (!isNaN(date.getTime())) {
+      return type === "date" ? date.toLocaleDateString() : date.toLocaleString();
+    }
+  }
+  if (type === "time") {
+    const date = /* @__PURE__ */ new Date(`1970-01-01T${value}`);
+    if (!isNaN(date.getTime())) {
+      return date.toLocaleTimeString();
+    }
+  }
+  return value;
+}
+export {
+  useClipboardValueCopy
+};
+//# sourceMappingURL=useClipboardValueCopy.js.map

package/dist/hooks/useClipboardValueCopy.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/useClipboardValueCopy.ts"],
+  "sourcesContent": ["import { onCleanup, onMount } from \"solid-js\";\n\n/**\n * \uD3FC \uCEE8\uD2B8\uB864\uC758 value\uB97C \uD074\uB9BD\uBCF4\uB4DC \uBCF5\uC0AC\uC5D0 \uD3EC\uD568\uC2DC\uD0A4\uB294 \uCD08\uAE30\uD654 \uD6C5\n *\n * @remarks\n * \uBE0C\uB77C\uC6B0\uC800 \uAE30\uBCF8 \uB3D9\uC791\uC5D0\uC11C\uB294 \uB4DC\uB798\uADF8 \uC120\uD0DD \uD6C4 \uBCF5\uC0AC \uC2DC `<input>`, `<textarea>`, `<select>`\uC758\n * \uAC12\uC774 \uD3EC\uD568\uB418\uC9C0 \uC54A\uB294 \uBB38\uC81C\uB97C \uD574\uACB0\uD55C\uB2E4.\n *\n * - `<input type=\"text|number|...\">` \u2192 `.value`\n * - `<textarea>` \u2192 `.value`\n * - `<select>` \u2192 \uC120\uD0DD\uB41C \uC635\uC158 \uD14D\uC2A4\uD2B8\n * - `<input type=\"checkbox|radio\">` \u2192 `.checked` ? \"Y\" : \"\"\n * - \uD14C\uC774\uBE14 \uB0B4\uC5D0\uC11C\uB294 \uC140 \uAC04 \uD0ED(`\\t`), \uD589 \uAC04 \uAC1C\uD589(`\\n`) \uAD6C\uBD84 (Excel \uD638\uD658)\n */\nexport function useClipboardValueCopy(): void {\n  onMount(() => {\n    const handler = (e: ClipboardEvent) => {\n      const sel = window.getSelection();\n      if (!sel || sel.isCollapsed || sel.rangeCount === 0) return;\n\n      const range = sel.getRangeAt(0);\n      const text = extractTextFromRange(range);\n      if (text == null) return;\n\n      e.clipboardData!.setData(\"text/plain\", text);\n      e.preventDefault();\n    };\n\n    document.addEventListener(\"copy\", handler);\n    onCleanup(() => document.removeEventListener(\"copy\", handler));\n  });\n}\n\n/**\n * Selection Range \uB0B4\uC758 \uD14D\uC2A4\uD2B8\uB97C \uCD94\uCD9C\uD55C\uB2E4.\n * \uD3FC \uCEE8\uD2B8\uB864\uC740 value\uB85C \uCE58\uD658\uD558\uACE0, \uD14C\uC774\uBE14 \uAD6C\uC870\uB294 TSV \uD615\uC2DD\uC73C\uB85C \uBCC0\uD658\uD55C\uB2E4.\n *\n * @returns \uCD94\uCD9C\uB41C \uD14D\uC2A4\uD2B8. \uD3FC \uCEE8\uD2B8\uB864\uC774 \uC5C6\uC73C\uBA74 `null` (\uBE0C\uB77C\uC6B0\uC800 \uAE30\uBCF8 \uB3D9\uC791 \uC720\uC9C0)\n */\nfunction extractTextFromRange(range: Range): string | null {\n  const root =\n    range.commonAncestorContainer instanceof Element\n      ? range.commonAncestorContainer\n      : range.commonAncestorContainer.parentElement;\n  if (!root) return null;\n\n  // \uC120\uD0DD \uBC94\uC704\uC5D0 \uD3FC \uCEE8\uD2B8\uB864\uC774 \uC5C6\uC73C\uBA74 \uBE0C\uB77C\uC6B0\uC800 \uAE30\uBCF8 \uB3D9\uC791 \uC0AC\uC6A9\n  const formSelector = 'input:not([type=hidden]), textarea, select, [role=\"checkbox\"], [role=\"radio\"]';\n  const hasFormElements = [...root.querySelectorAll(formSelector)].some((el) => range.intersectsNode(el));\n  if (!hasFormElements) return null;\n\n  const parts: string[] = [];\n\n  const walk = (node: Node) => {\n    if (!range.intersectsNode(node)) return;\n\n    // ARIA checkbox/radio: role=\"checkbox\" \uB610\uB294 role=\"radio\" \uC694\uC18C\n    if (node instanceof Element) {\n      const role = node.getAttribute(\"role\");\n      if (role === \"checkbox\" || role === \"radio\") {\n        parts.push(node.getAttribute(\"aria-checked\") === \"true\" ? \"Y\" : \"\");\n        return;\n      }\n    }\n\n    // \uD3FC \uCEE8\uD2B8\uB864: value \uCD94\uCD9C\n    if (node instanceof HTMLInputElement) {\n      if (node.type === \"hidden\") return;\n      if (node.type === \"checkbox\" || node.type === \"radio\") {\n        parts.push(node.checked ? \"Y\" : \"\");\n      } else {\n        parts.push(formatInputValue(node));\n      }\n      return;\n    }\n    if (node instanceof HTMLTextAreaElement) {\n      const v = node.value;\n      // \uAC1C\uD589 \uD3EC\uD568 \uC2DC \uD070\uB530\uC634\uD45C\uB85C \uAC10\uC2F8\uC11C Excel \uC140 \uB0B4 \uC904\uBC14\uAFC8 \uC720\uC9C0\n      parts.push(v.includes(\"\\n\") ? `\"${v.replace(/\"/g, '\"\"')}\"` : v);\n      return;\n    }\n    if (node instanceof HTMLSelectElement) {\n      if (node.selectedOptions.length > 0) {\n        parts.push(node.selectedOptions[0].textContent?.trim() ?? \"\");\n      }\n      return;\n    }\n\n    // \uD14D\uC2A4\uD2B8 \uB178\uB4DC\n    if (node.nodeType === Node.TEXT_NODE) {\n      // \uC228\uACA8\uC9C4 \uD14D\uC2A4\uD2B8 \uAC74\uB108\uB6F0\uAE30 (dual-element overlay \uD328\uD134 \uB4F1)\n      const parent = node.parentElement;\n      if (parent) {\n        const style = getComputedStyle(parent);\n        if (style.visibility === \"hidden\" || style.display === \"none\") {\n          return;\n        }\n      }\n\n      let text = node.textContent ?? \"\";\n      if (node === range.startContainer && node === range.endContainer) {\n        text = text.slice(range.startOffset, range.endOffset);\n      } else if (node === range.startContainer) {\n        text = text.slice(range.startOffset);\n      } else if (node === range.endContainer) {\n        text = text.slice(0, range.endOffset);\n      }\n      parts.push(text);\n      return;\n    }\n\n    // Element\uAC00 \uC544\uB2CC \uB178\uB4DC\n    if (!(node instanceof Element)) {\n      for (const child of node.childNodes) walk(child);\n      return;\n    }\n\n    // <br>\n    if (node.tagName === \"BR\") {\n      parts.push(\"\\n\");\n      return;\n    }\n\n    // \uD14C\uC774\uBE14 \uD589: \uC140 \uAC04 \uD0ED \uAD6C\uBD84, \uD589 \uB05D \uAC1C\uD589\n    if (node.tagName === \"TR\") {\n      let firstCell = true;\n      for (const child of node.childNodes) {\n        if (!range.intersectsNode(child)) continue;\n        if (child instanceof HTMLTableCellElement) {\n          if (!firstCell) parts.push(\"\\t\");\n          firstCell = false;\n        }\n        walk(child);\n      }\n      parts.push(\"\\n\");\n      return;\n    }\n\n    // \uAE30\uBCF8: \uC790\uC2DD \uC21C\uD68C\n    for (const child of node.childNodes) {\n      walk(child);\n    }\n  };\n\n  walk(range.commonAncestorContainer);\n\n  return parts.join(\"\").replace(/\\n+$/, \"\");\n}\n\n/**\n * input value\uB97C \uB85C\uCE98 \uD615\uC2DD\uC73C\uB85C \uBCC0\uD658\uD55C\uB2E4.\n * - `date` \u2192 `toLocaleDateString()`\n * - `time` \u2192 `toLocaleTimeString()`\n * - `datetime-local` \u2192 `toLocaleString()`\n * - \uADF8 \uC678 \u2192 \uC6D0\uB798 \uAC12 \uADF8\uB300\uB85C\n */\nfunction formatInputValue(input: HTMLInputElement): string {\n  const { type, value } = input;\n  if (!value) return \"\";\n\n  if (type === \"date\" || type === \"datetime-local\") {\n    const date = new Date(value);\n    if (!isNaN(date.getTime())) {\n      return type === \"date\" ? date.toLocaleDateString() : date.toLocaleString();\n    }\n  }\n\n  if (type === \"time\") {\n    const date = new Date(`1970-01-01T${value}`);\n    if (!isNaN(date.getTime())) {\n      return date.toLocaleTimeString();\n    }\n  }\n\n  return value;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/hooks/usePersisted.js

@@ -0,0 +1,25 @@
+import { createSignal } from "solid-js";
+import { makePersisted } from "@solid-primitives/storage";
+import { jsonStringify, jsonParse } from "@simplysm/core-common";
+import { useConfig } from "../providers/ConfigContext";
+function usePersisted(key, initialValue) {
+  const config = useConfig();
+  const prefixedKey = `${config.clientName}.${key}`;
+  const storage = config.storage ?? localStorage;
+  const [value, setValue, init] = makePersisted(createSignal(initialValue), {
+    name: prefixedKey,
+    storage,
+    serialize: (v) => jsonStringify(v),
+    deserialize: (v) => jsonParse(v)
+  });
+  const isAsync = init instanceof Promise;
+  const [loading, setLoading] = createSignal(isAsync);
+  if (isAsync) {
+    void init.then(() => setLoading(false));
+  }
+  return [value, setValue, loading];
+}
+export {
+  usePersisted
+};
+//# sourceMappingURL=usePersisted.js.map

package/dist/hooks/usePersisted.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/usePersisted.ts"],
+  "sourcesContent": ["import { createSignal, type Accessor, type Setter } from \"solid-js\";\nimport { makePersisted, type AsyncStorage, type SyncStorage } from \"@solid-primitives/storage\";\nimport { jsonStringify, jsonParse } from \"@simplysm/core-common\";\nimport { useConfig } from \"../providers/ConfigContext\";\n\n/**\n * clientName prefix\uAC00 \uC801\uC6A9\uB41C \uC601\uC18D \uC800\uC7A5\uC18C \uD6C5\n *\n * @remarks\n * - ConfigContext.Provider \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\n * - \uD0A4\uB294 \uC790\uB3D9\uC73C\uB85C `{clientName}.{key}` \uD615\uD0DC\uB85C \uC800\uC7A5\uB428\n * - \uBC18\uC751\uD615 \uB3D9\uAE30\uD654 \uC9C0\uC6D0 (Signal \uBCC0\uACBD \uC2DC \uC790\uB3D9 \uC800\uC7A5)\n * - DateTime, DateOnly, Time, Uuid \uB4F1 \uCEE4\uC2A4\uD140 \uD0C0\uC785 \uC9C1\uB82C\uD654 \uC9C0\uC6D0\n * - \uBE44\uB3D9\uAE30 \uC800\uC7A5\uC18C \uC0AC\uC6A9 \uC2DC \uC138 \uBC88\uC9F8 \uBC18\uD658\uAC12 `loading`\uC73C\uB85C \uCD08\uAE30 \uB85C\uB4DC \uC0C1\uD0DC \uD655\uC778 \uAC00\uB2A5\n *\n * @example\n * ```tsx\n * // \uAE30\uBCF8 \uC0AC\uC6A9 (localStorage)\n * const [theme, setTheme, loading] = usePersisted(\"theme\", \"light\");\n *\n * // loading \uBB34\uC2DC (\uAE30\uC874 \uD638\uD658)\n * const [theme, setTheme] = usePersisted(\"theme\", \"light\");\n * ```\n *\n * @param key - \uC800\uC7A5\uC18C \uD0A4 (clientName prefix\uAC00 \uC790\uB3D9 \uC801\uC6A9\uB428)\n * @param initialValue - \uCD08\uAE30\uAC12 (\uC800\uC7A5\uB41C \uAC12\uC774 \uC5C6\uC744 \uB54C \uC0AC\uC6A9)\n * @returns [getter, setter, loading] \uD29C\uD50C\n */\nexport function usePersisted<T>(key: string, initialValue: T): [Accessor<T>, Setter<T>, Accessor<boolean>] {\n  const config = useConfig();\n  const prefixedKey = `${config.clientName}.${key}`;\n  const storage = config.storage ?? localStorage;\n\n  // eslint-disable-next-line solid/reactivity -- makePersisted\uB294 signal \uD29C\uD50C\uC744 \uC9C1\uC811 \uBC1B\uB3C4\uB85D \uC124\uACC4\uB428\n  const [value, setValue, init] = makePersisted(createSignal<T>(initialValue), {\n    name: prefixedKey,\n    storage: storage as SyncStorage | AsyncStorage,\n    serialize: (v) => jsonStringify(v),\n    deserialize: (v) => jsonParse<T>(v),\n  });\n\n  // init\uC774 Promise\uC774\uBA74 \uBE44\uB3D9\uAE30 \uC800\uC7A5\uC18C \u2192 loading \uCD94\uC801\n  const isAsync = init instanceof Promise;\n  const [loading, setLoading] = createSignal(isAsync);\n\n  if (isAsync) {\n    void init.then(() => setLoading(false));\n  }\n\n  return [value, setValue, loading];\n}\n"],
+  "mappings": "AAAA,SAAS,oBAAgD;AACzD,SAAS,qBAA0D;AACnE,SAAS,eAAe,iBAAiB;AACzC,SAAS,iBAAiB;AAyBnB,SAAS,aAAgB,KAAa,cAA8D;AACzG,QAAM,SAAS,UAAU;AACzB,QAAM,cAAc,GAAG,OAAO,UAAU,IAAI,GAAG;AAC/C,QAAM,UAAU,OAAO,WAAW;AAGlC,QAAM,CAAC,OAAO,UAAU,IAAI,IAAI,cAAc,aAAgB,YAAY,GAAG;AAAA,IAC3E,MAAM;AAAA,IACN;AAAA,IACA,WAAW,CAAC,MAAM,cAAc,CAAC;AAAA,IACjC,aAAa,CAAC,MAAM,UAAa,CAAC;AAAA,EACpC,CAAC;AAGD,QAAM,UAAU,gBAAgB;AAChC,QAAM,CAAC,SAAS,UAAU,IAAI,aAAa,OAAO;AAElD,MAAI,SAAS;AACX,SAAK,KAAK,KAAK,MAAM,WAAW,KAAK,CAAC;AAAA,EACxC;AAEA,SAAO,CAAC,OAAO,UAAU,OAAO;AAClC;",
+  "names": []
+}

package/dist/hooks/usePrint.js

@@ -0,0 +1,208 @@
+import { render } from "solid-js/web";
+import { jsPDF } from "jspdf";
+import * as htmlToImage from "html-to-image";
+import { useLoading } from "../components/feedback/loading/LoadingContext";
+import { PrintInstanceContext } from "../components/feedback/print/PrintInstanceContext";
+const PAPER_SIZES = {
+  a3: [841.89, 1190.55],
+  a4: [595.28, 841.89],
+  a5: [419.53, 595.28],
+  letter: [612, 792],
+  legal: [612, 1008]
+};
+function parseDimension(dim) {
+  const num = parseFloat(dim);
+  if (dim.endsWith("mm")) return num * 2.83465;
+  if (dim.endsWith("cm")) return num * 28.3465;
+  if (dim.endsWith("in")) return num * 72;
+  return num;
+}
+function parseSize(size) {
+  const s = (size ?? "A4").toLowerCase().trim();
+  const landscape = s.includes("landscape");
+  const cleanSize = s.replace(/\s*(landscape|portrait)\s*/g, "").trim();
+  const paperSize = PAPER_SIZES[cleanSize];
+  if (paperSize) {
+    const [w, h] = paperSize;
+    if (landscape) return { width: h, height: w, orientation: "l" };
+    return { width: w, height: h, orientation: "p" };
+  }
+  const parts = cleanSize.split(/\s+/);
+  if (parts.length === 2) {
+    const w = parseDimension(parts[0]);
+    const h = parseDimension(parts[1]);
+    return { width: w, height: h, orientation: w > h ? "l" : "p" };
+  }
+  return { width: 595.28, height: 841.89, orientation: "p" };
+}
+function waitForImages(container) {
+  const imgs = Array.from(container.querySelectorAll("img"));
+  return Promise.all(
+    imgs.map(
+      (img) => img.complete ? Promise.resolve() : new Promise((resolve) => {
+        img.addEventListener("load", () => resolve(), { once: true });
+        img.addEventListener("error", () => resolve(), { once: true });
+      })
+    )
+  ).then(() => void 0);
+}
+async function renderAndWait(factory) {
+  const container = document.createElement("div");
+  container.style.position = "fixed";
+  container.style.left = "-9999px";
+  container.style.top = "0";
+  document.body.appendChild(container);
+  let resolveReady;
+  const state = { readyCalled: false };
+  const readyPromise = new Promise((resolve) => {
+    resolveReady = resolve;
+  });
+  const instance = {
+    ready: () => {
+      state.readyCalled = true;
+      resolveReady == null ? void 0 : resolveReady();
+    }
+  };
+  const dispose = render(
+    () => PrintInstanceContext.Provider({
+      value: instance,
+      get children() {
+        return factory();
+      }
+    }),
+    container
+  );
+  await Promise.resolve();
+  if (!state.readyCalled) {
+    await new Promise((resolve) => {
+      requestAnimationFrame(() => resolve());
+    });
+  }
+  if (state.readyCalled) {
+    await readyPromise;
+  }
+  await waitForImages(container);
+  return { container, dispose };
+}
+function usePrint() {
+  const busy = useLoading();
+  const toPrinter = async (factory, options) => {
+    busy.show();
+    let container;
+    let dispose;
+    let styleEl;
+    try {
+      const result = await renderAndWait(factory);
+      container = result.container;
+      dispose = result.dispose;
+      container.style.position = "static";
+      container.style.left = "auto";
+      container.classList.add("_sd-print-target");
+      styleEl = document.createElement("style");
+      styleEl.textContent = `
+        @page {
+          size: ${(options == null ? void 0 : options.size) ?? "A4"};
+          margin: ${(options == null ? void 0 : options.margin) ?? "0"};
+        }
+        body > ._sd-print-target { display: none; }
+        @media print {
+          html, body { -webkit-print-color-adjust: exact; background: white; }
+          body > * { display: none !important; }
+          body > ._sd-print-target { display: block !important; }
+        }
+      `;
+      document.head.appendChild(styleEl);
+      await new Promise((resolve) => {
+        requestAnimationFrame(() => {
+          window.print();
+          resolve();
+        });
+      });
+    } finally {
+      styleEl == null ? void 0 : styleEl.remove();
+      dispose == null ? void 0 : dispose();
+      container == null ? void 0 : container.remove();
+      busy.hide();
+    }
+  };
+  const toPdf = async (factory, options) => {
+    busy.show();
+    let container;
+    let dispose;
+    try {
+      const result = await renderAndWait(factory);
+      container = result.container;
+      dispose = result.dispose;
+      const { width: pageWidth, height: pageHeight, orientation } = parseSize(options == null ? void 0 : options.size);
+      const doc = new jsPDF(orientation, "pt", [pageWidth, pageHeight]);
+      doc.deletePage(1);
+      const pages = Array.from(container.querySelectorAll("[data-print-page]"));
+      if (pages.length > 0) {
+        for (const pageEl of pages) {
+          pageEl.style.width = pageWidth + "pt";
+          const canvas = await htmlToImage.toCanvas(pageEl, {
+            backgroundColor: "white",
+            pixelRatio: 4
+          });
+          const imgWidth = pageWidth;
+          const imgHeight = canvas.height * (pageWidth / canvas.width);
+          doc.addPage([pageWidth, pageHeight], orientation);
+          doc.addImage({
+            imageData: canvas,
+            x: 0,
+            y: 0,
+            width: imgWidth,
+            height: imgHeight
+          });
+        }
+      } else {
+        const target = container.firstElementChild ?? container;
+        target.style.width = pageWidth + "pt";
+        const canvas = await htmlToImage.toCanvas(target, {
+          backgroundColor: "white",
+          pixelRatio: 4
+        });
+        const scaleFactor = pageWidth / canvas.width;
+        const pageHeightPx = pageHeight / scaleFactor;
+        const totalPages = Math.ceil(canvas.height / pageHeightPx);
+        for (let i = 0; i < totalPages; i++) {
+          const sliceCanvas = document.createElement("canvas");
+          sliceCanvas.width = canvas.width;
+          sliceCanvas.height = Math.min(pageHeightPx, canvas.height - i * pageHeightPx);
+          const ctx = sliceCanvas.getContext("2d");
+          ctx.drawImage(
+            canvas,
+            0,
+            i * pageHeightPx,
+            canvas.width,
+            sliceCanvas.height,
+            0,
+            0,
+            canvas.width,
+            sliceCanvas.height
+          );
+          const imgHeight = sliceCanvas.height * scaleFactor;
+          doc.addPage([pageWidth, pageHeight], orientation);
+          doc.addImage({
+            imageData: sliceCanvas,
+            x: 0,
+            y: 0,
+            width: pageWidth,
+            height: imgHeight
+          });
+        }
+      }
+      const arrayBuffer = doc.output("arraybuffer");
+      return new Uint8Array(arrayBuffer);
+    } finally {
+      dispose == null ? void 0 : dispose();
+      container == null ? void 0 : container.remove();
+      busy.hide();
+    }
+  };
+  return { toPrinter, toPdf };
+}
+export {
+  usePrint
+};
+//# sourceMappingURL=usePrint.js.map