@simplysm/solid 13.0.0-beta.6

package/dist/components/data/sheet/sheetUtils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/data/sheet/sheetUtils.ts"],
+  "sourcesContent": ["import type { DataSheetColumnDef, FlatItem, HeaderDef, SortingDef } from \"./types\";\nimport { objGetChainValue } from \"@simplysm/core-common\";\n\nexport function normalizeHeader(header?: string | string[]): string[] {\n  if (header == null) return [\"\"];\n  if (typeof header === \"string\") return [header];\n  return header;\n}\n\nexport function buildHeaderTable<T>(columns: DataSheetColumnDef<T>[]): (HeaderDef | null)[][] {\n  if (columns.length === 0) return [];\n\n  const maxDepth = Math.max(...columns.map((c) => c.header.length));\n  if (maxDepth === 0) return [];\n\n  // occupied[r][c] = true\uC774\uBA74 \uC774\uBBF8 \uB2E4\uB978 \uC140\uC758 \uBCD1\uD569 \uC601\uC5ED\n  const occupied: boolean[][] = Array.from({ length: maxDepth }, () =>\n    Array.from({ length: columns.length }, () => false),\n  );\n  const table: (HeaderDef | null)[][] = Array.from({ length: maxDepth }, () =>\n    Array.from({ length: columns.length }, () => null),\n  );\n\n  // \uAC01 \uCEEC\uB7FC\uC758 \uD5E4\uB354\uB97C maxDepth\uAE4C\uC9C0 \uD328\uB529\n  const padded = columns.map((col) => {\n    const h = col.header;\n    const result: string[] = [];\n    for (let d = 0; d < maxDepth; d++) {\n      result.push(d < h.length ? h[d] : h[h.length - 1]);\n    }\n    return result;\n  });\n\n  for (let r = 0; r < maxDepth; r++) {\n    for (let c = 0; c < columns.length; c++) {\n      if (occupied[r][c]) continue;\n\n      const text = padded[c][r];\n      // \uC6D0\uBCF8 header \uAE38\uC774 \uAE30\uBC18\uC73C\uB85C \uD310\uBCC4: \uD604\uC7AC \uD589\uC774 \uC6D0\uBCF8 header\uC758 \uB9C8\uC9C0\uB9C9 \uB808\uBCA8 \uC774\uC0C1\uC774\uBA74 leaf\n      const isLastRow = r >= columns[c].header.length - 1;\n\n      // colspan: \uAC19\uC740 \uD589\uC5D0\uC11C \uAC19\uC740 \uD14D\uC2A4\uD2B8 + \uAC19\uC740 \uC0C1\uC704 \uADF8\uB8F9 + \uACE0\uC815 \uACBD\uACC4\uB97C \uB118\uC9C0 \uC54A\uC74C\n      let colspan = 1;\n      if (!isLastRow) {\n        const startFixed = columns[c].fixed;\n        while (\n          c + colspan < columns.length &&\n          !occupied[r][c + colspan] &&\n          padded[c + colspan][r] === text &&\n          columns[c + colspan].fixed === startFixed &&\n          isSameGroup(padded, c, c + colspan, 0, r)\n        ) {\n          colspan++;\n        }\n      }\n\n      // rowspan: isLastRow\uC774\uBA74 \uB0A8\uC740 \uAE4A\uC774\uB9CC\uD07C\n      const rowspan = isLastRow ? maxDepth - r : 1;\n\n      const col = columns[c];\n      table[r][c] = {\n        text,\n        colspan,\n        rowspan,\n        isLastRow,\n        colIndex: isLastRow ? c : undefined,\n        fixed: isLastRow ? col.fixed : undefined,\n        width: isLastRow ? col.width : undefined,\n        style: isLastRow ? col.headerStyle : undefined,\n        headerContent: isLastRow ? col.headerContent : undefined,\n      };\n\n      // \uBCD1\uD569 \uC601\uC5ED \uB9C8\uD0B9\n      for (let dr = 0; dr < rowspan; dr++) {\n        for (let dc = 0; dc < colspan; dc++) {\n          if (dr === 0 && dc === 0) continue;\n          occupied[r + dr][c + dc] = true;\n        }\n      }\n    }\n  }\n\n  return table;\n}\n\n// \uAC19\uC740 \uBCD1\uD569 \uADF8\uB8F9\uC5D0 \uC18D\uD558\uB294\uC9C0 \uD655\uC778 (\uD589 0~endRow\uAE4C\uC9C0 \uAC19\uC740 \uD14D\uC2A4\uD2B8 \uC2DC\uD000\uC2A4)\nfunction isSameGroup(padded: string[][], colA: number, colB: number, startRow: number, endRow: number): boolean {\n  for (let r = startRow; r < endRow; r++) {\n    if (padded[colA][r] !== padded[colB][r]) return false;\n  }\n  return true;\n}\n\nexport function flattenTree<T>(\n  items: T[],\n  expandedItems: T[],\n  getChildren?: (item: T, index: number) => T[] | undefined,\n): FlatItem<T>[] {\n  if (!getChildren) {\n    return items.map((item, i) => ({\n      item,\n      index: i,\n      depth: 0,\n      hasChildren: false,\n    }));\n  }\n\n  const result: FlatItem<T>[] = [];\n  let index = 0;\n\n  function walk(list: T[], depth: number, parent?: T): void {\n    for (const item of list) {\n      const children = getChildren!(item, index);\n      const hasChildren = children != null && children.length > 0;\n      result.push({ item, index, depth, hasChildren, parent });\n      index++;\n\n      if (hasChildren && expandedItems.includes(item)) {\n        walk(children, depth + 1, item);\n      }\n    }\n  }\n\n  walk(items, 0);\n  return result;\n}\n\nexport function collectAllExpandable<T>(items: T[], getChildren: (item: T, index: number) => T[] | undefined): T[] {\n  const result: T[] = [];\n  let index = 0;\n\n  function walk(list: T[]): void {\n    for (const item of list) {\n      const children = getChildren(item, index);\n      index++;\n      if (children != null && children.length > 0) {\n        result.push(item);\n        walk(children);\n      }\n    }\n  }\n\n  walk(items);\n  return result;\n}\n\nexport function applySorting<T>(items: T[], sorts: SortingDef[]): T[] {\n  if (sorts.length === 0) return items;\n\n  let result = [...items];\n  for (const sort of [...sorts].reverse()) {\n    const selector = (item: T) => objGetChainValue(item, sort.key) as string | number | undefined;\n    result = sort.desc ? result.orderByDesc(selector) : result.orderBy(selector);\n  }\n  return result;\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/components/data/sheet/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/data/sheet/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/disclosure/Collapse.js

@@ -0,0 +1,45 @@
+import { splitProps, createSignal, onMount, onCleanup } from "solid-js";
+import { createElementSize } from "@solid-primitives/resize-observer";
+import clsx from "clsx";
+import { twMerge } from "tailwind-merge";
+import { mergeStyles } from "../../helpers/mergeStyles";
+const transitionClass = clsx("transition-[margin-top]", "duration-200", "ease-out", "motion-reduce:transition-none");
+const Collapse = (props) => {
+  const [local, rest] = splitProps(props, ["children", "class", "style", "open"]);
+  const [contentRef, setContentRef] = createSignal();
+  const size = createElementSize(contentRef);
+  const [mounted, setMounted] = createSignal(false);
+  onMount(() => {
+    const rafId = requestAnimationFrame(() => setMounted(true));
+    onCleanup(() => cancelAnimationFrame(rafId));
+  });
+  const isOpen = () => local.open ?? false;
+  const marginTop = () => isOpen() ? void 0 : `${-(size.height ?? 0)}px`;
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ...rest,
+      "data-collapse": true,
+      class: twMerge("block", local.class),
+      style: mergeStyles(local.style, { overflow: "hidden" }),
+      "aria-hidden": !isOpen()
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: setContentRef,
+        class: mounted() ? transitionClass : "",
+        style: {
+          "margin-top": marginTop(),
+          // 닫힌 상태에서 포커스 가능 요소 접근 차단 및 FOUC 방지
+          "visibility": !isOpen() ? "hidden" : void 0
+        }
+      },
+      local.children
+    )
+  );
+};
+export {
+  Collapse
+};
+//# sourceMappingURL=Collapse.js.map

package/dist/components/disclosure/Collapse.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/disclosure/Collapse.tsx"],
+  "sourcesContent": ["import { type JSX, type ParentComponent, splitProps, createSignal, onMount, onCleanup } from \"solid-js\";\nimport { createElementSize } from \"@solid-primitives/resize-observer\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { mergeStyles } from \"../../helpers/mergeStyles\";\n\nexport interface CollapseProps extends JSX.HTMLAttributes<HTMLDivElement> {\n  /**\n   * \uCF58\uD150\uCE20 \uD45C\uC2DC \uC5EC\uBD80. \uAE30\uBCF8\uAC12: false (\uB2EB\uD798)\n   *\n   * \uC811\uADFC\uC131 \uCC38\uACE0:\n   * - \uD1A0\uAE00 \uBC84\uD2BC\uC5D0 `aria-expanded`\uC640 `aria-controls`\uB97C \uC0AC\uC6A9\uD558\uC138\uC694.\n   * - `Button` \uCEF4\uD3EC\uB10C\uD2B8\uB97C \uC0AC\uC6A9\uD558\uBA74 Enter/Space \uD0A4\uBCF4\uB4DC \uC811\uADFC\uC131\uC774 \uC790\uB3D9 \uC9C0\uC6D0\uB429\uB2C8\uB2E4.\n   *\n   * @example\n   * ```tsx\n   * <Button aria-expanded={open()} aria-controls=\"content\" onClick={() => setOpen(!open())}>\n   *   Toggle\n   * </Button>\n   * <Collapse id=\"content\" open={open()}>Content</Collapse>\n   * ```\n   */\n  open?: boolean;\n}\n\nconst transitionClass = clsx(\"transition-[margin-top]\", \"duration-200\", \"ease-out\", \"motion-reduce:transition-none\");\n\nexport const Collapse: ParentComponent<CollapseProps> = (props) => {\n  const [local, rest] = splitProps(props, [\"children\", \"class\", \"style\", \"open\"]);\n\n  // \uCF58\uD150\uCE20 \uC694\uC18C ref\n  const [contentRef, setContentRef] = createSignal<HTMLDivElement>();\n\n  // \uCF58\uD150\uCE20 \uB192\uC774 \uCD94\uC801\n  const size = createElementSize(contentRef);\n\n  // \uCD08\uAE30 \uB80C\uB354\uB9C1 \uC2DC transition \uBE44\uD65C\uC131\uD654 (\uAE5C\uBE61\uC784 \uBC29\uC9C0)\n  // requestAnimationFrame\uC73C\uB85C \uB2E4\uC74C \uD504\uB808\uC784\uC5D0 \uD65C\uC131\uD654\n  const [mounted, setMounted] = createSignal(false);\n  onMount(() => {\n    const rafId = requestAnimationFrame(() => setMounted(true));\n    onCleanup(() => cancelAnimationFrame(rafId));\n  });\n\n  // open\uC774 undefined\uC77C \uB54C false\uB85C \uCC98\uB9AC\n  const isOpen = () => local.open ?? false;\n\n  // margin-top \uACC4\uC0B0\n  const marginTop = () => (isOpen() ? undefined : `${-(size.height ?? 0)}px`);\n\n  return (\n    <div\n      {...rest}\n      data-collapse\n      class={twMerge(\"block\", local.class)}\n      style={mergeStyles(local.style, { overflow: \"hidden\" })}\n      aria-hidden={!isOpen()}\n    >\n      <div\n        ref={setContentRef}\n        class={mounted() ? transitionClass : \"\"}\n        style={{\n          \"margin-top\": marginTop(),\n          // \uB2EB\uD78C \uC0C1\uD0DC\uC5D0\uC11C \uD3EC\uCEE4\uC2A4 \uAC00\uB2A5 \uC694\uC18C \uC811\uADFC \uCC28\uB2E8 \uBC0F FOUC \uBC29\uC9C0\n          \"visibility\": !isOpen() ? \"hidden\" : undefined,\n        }}\n      >\n        {local.children}\n      </div>\n    </div>\n  );\n};\n"],
+  "mappings": "AAAA,SAAyC,YAAY,cAAc,SAAS,iBAAiB;AAC7F,SAAS,yBAAyB;AAClC,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,mBAAmB;AAqB5B,MAAM,kBAAkB,KAAK,2BAA2B,gBAAgB,YAAY,+BAA+B;AAE5G,MAAM,WAA2C,CAAC,UAAU;AACjE,QAAM,CAAC,OAAO,IAAI,IAAI,WAAW,OAAO,CAAC,YAAY,SAAS,SAAS,MAAM,CAAC;AAG9E,QAAM,CAAC,YAAY,aAAa,IAAI,aAA6B;AAGjE,QAAM,OAAO,kBAAkB,UAAU;AAIzC,QAAM,CAAC,SAAS,UAAU,IAAI,aAAa,KAAK;AAChD,UAAQ,MAAM;AACZ,UAAM,QAAQ,sBAAsB,MAAM,WAAW,IAAI,CAAC;AAC1D,cAAU,MAAM,qBAAqB,KAAK,CAAC;AAAA,EAC7C,CAAC;AAGD,QAAM,SAAS,MAAM,MAAM,QAAQ;AAGnC,QAAM,YAAY,MAAO,OAAO,IAAI,SAAY,GAAG,EAAE,KAAK,UAAU,EAAE;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,iBAAa;AAAA,MACb,OAAO,QAAQ,SAAS,MAAM,KAAK;AAAA,MACnC,OAAO,YAAY,MAAM,OAAO,EAAE,UAAU,SAAS,CAAC;AAAA,MACtD,eAAa,CAAC,OAAO;AAAA;AAAA,IAErB;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO,QAAQ,IAAI,kBAAkB;AAAA,QACrC,OAAO;AAAA,UACL,cAAc,UAAU;AAAA;AAAA,UAExB,cAAc,CAAC,OAAO,IAAI,WAAW;AAAA,QACvC;AAAA;AAAA,MAEC,MAAM;AAAA,IACT;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/components/disclosure/Dialog.js

@@ -0,0 +1,367 @@
+import { createEffect, onCleanup, Show, splitProps, For, useContext } from "solid-js";
+import { Portal } from "solid-js/web";
+import clsx from "clsx";
+import { twMerge } from "tailwind-merge";
+import { IconX } from "@tabler/icons-solidjs";
+import { createControllableSignal } from "../../hooks/createControllableSignal";
+import { createMountTransition } from "../../hooks/createMountTransition";
+import { mergeStyles } from "../../helpers/mergeStyles";
+import { Icon } from "../display/Icon";
+import { borderSubtle } from "../../styles/tokens.styles";
+import { DialogDefaultsContext } from "./DialogContext";
+import { registerDialog, unregisterDialog, bringToFront } from "./dialogZIndex";
+const RESIZE_DIRECTIONS = [
+  "left",
+  "right",
+  "top",
+  "bottom",
+  "top-left",
+  "top-right",
+  "bottom-left",
+  "bottom-right"
+];
+const resizeCursorMap = {
+  "left": "cursor-ew-resize",
+  "right": "cursor-ew-resize",
+  "top": "cursor-ns-resize",
+  "bottom": "cursor-ns-resize",
+  "top-left": "cursor-nwse-resize",
+  "top-right": "cursor-nesw-resize",
+  "bottom-left": "cursor-nesw-resize",
+  "bottom-right": "cursor-nwse-resize"
+};
+const dialogContentClass = clsx("flex-1", "overflow-auto");
+const resizePositionMap = {
+  "left": clsx("left-0 top-0", "h-full w-1.5"),
+  "right": clsx("right-0 top-0", "h-full w-1.5"),
+  "top": clsx("left-0 top-0", "h-1.5 w-full"),
+  "bottom": clsx("bottom-0 left-0", "h-1.5 w-full"),
+  "top-left": clsx("left-0 top-0", "z-[1] size-1.5"),
+  "top-right": clsx("right-0 top-0", "z-[1] size-1.5"),
+  "bottom-left": clsx("bottom-0 left-0", "z-[1] size-1.5"),
+  "bottom-right": clsx("bottom-0 right-0", "z-[1] size-1.5")
+};
+const Dialog = (props) => {
+  const dialogDefaults = useContext(DialogDefaultsContext);
+  const [local] = splitProps(props, [
+    "open",
+    "onOpenChange",
+    "title",
+    "hideHeader",
+    "closable",
+    "closeOnBackdrop",
+    "closeOnEscape",
+    "resizable",
+    "movable",
+    "float",
+    "fill",
+    "widthPx",
+    "heightPx",
+    "minWidthPx",
+    "minHeightPx",
+    "position",
+    "headerStyle",
+    "headerAction",
+    "canDeactivate",
+    "onCloseComplete",
+    "class",
+    "children"
+  ]);
+  const [open, setOpen] = createControllableSignal({
+    value: () => local.open ?? false,
+    onChange: () => local.onOpenChange
+  });
+  const { mounted, animating, unmount } = createMountTransition(open);
+  let closeCompleteEmitted = false;
+  const emitCloseComplete = () => {
+    var _a;
+    if (closeCompleteEmitted) return;
+    closeCompleteEmitted = true;
+    unmount();
+    (_a = local.onCloseComplete) == null ? void 0 : _a.call(local);
+  };
+  createEffect(() => {
+    if (open()) {
+      closeCompleteEmitted = false;
+    }
+  });
+  let dialogRef;
+  let wrapperRef;
+  const closeOnEscape = () => local.closeOnEscape ?? (dialogDefaults == null ? void 0 : dialogDefaults().closeOnEscape) ?? true;
+  const closeOnBackdrop = () => local.closeOnBackdrop ?? (dialogDefaults == null ? void 0 : dialogDefaults().closeOnBackdrop) ?? false;
+  createEffect(() => {
+    if (!open()) return;
+    if (!closeOnEscape()) return;
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        tryClose();
+      }
+    };
+    document.addEventListener("keydown", handleKeyDown);
+    onCleanup(() => document.removeEventListener("keydown", handleKeyDown));
+  });
+  createEffect(() => {
+    if (!open()) return;
+    if (!wrapperRef) return;
+    registerDialog(wrapperRef);
+    onCleanup(() => {
+      if (wrapperRef) unregisterDialog(wrapperRef);
+    });
+  });
+  const tryClose = () => {
+    if (local.canDeactivate && !local.canDeactivate()) return;
+    setOpen(false);
+  };
+  const handleBackdropClick = () => {
+    if (!closeOnBackdrop()) return;
+    tryClose();
+  };
+  const handleCloseClick = () => {
+    tryClose();
+  };
+  const handleTransitionEnd = (e) => {
+    if (e.propertyName !== "opacity") return;
+    if (!open()) {
+      emitCloseComplete();
+    }
+  };
+  const handleDialogFocus = () => {
+    if (!wrapperRef) return;
+    bringToFront(wrapperRef);
+  };
+  const handleHeaderPointerDown = (event) => {
+    if (local.movable === false) return;
+    if (!dialogRef || !wrapperRef) return;
+    if (event.target.closest("button")) return;
+    const target = event.currentTarget;
+    target.setPointerCapture(event.pointerId);
+    const dialogEl = dialogRef;
+    const wrapperEl = wrapperRef;
+    const startX = event.clientX;
+    const startY = event.clientY;
+    const startTop = dialogEl.offsetTop;
+    const startLeft = dialogEl.offsetLeft;
+    const doDrag = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      dialogEl.style.position = "absolute";
+      dialogEl.style.left = `${startLeft + e.clientX - startX}px`;
+      dialogEl.style.top = `${startTop + e.clientY - startY}px`;
+      dialogEl.style.right = "auto";
+      dialogEl.style.bottom = "auto";
+      dialogEl.style.margin = "0";
+      if (dialogEl.offsetLeft > wrapperEl.offsetWidth - 100) {
+        dialogEl.style.left = wrapperEl.offsetWidth - 100 + "px";
+      }
+      if (dialogEl.offsetTop > wrapperEl.offsetHeight - 100) {
+        dialogEl.style.top = wrapperEl.offsetHeight - 100 + "px";
+      }
+      if (dialogEl.offsetTop < 0) {
+        dialogEl.style.top = "0";
+      }
+      if (dialogEl.offsetLeft < -dialogEl.offsetWidth + 100) {
+        dialogEl.style.left = -dialogEl.offsetWidth + 100 + "px";
+      }
+    };
+    const stopDrag = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      target.removeEventListener("pointermove", doDrag);
+      target.removeEventListener("pointerup", stopDrag);
+    };
+    target.addEventListener("pointermove", doDrag);
+    target.addEventListener("pointerup", stopDrag);
+  };
+  const handleResizeBarPointerDown = (event, direction) => {
+    if (!local.resizable) return;
+    if (!dialogRef) return;
+    const target = event.currentTarget;
+    target.setPointerCapture(event.pointerId);
+    const dialogEl = dialogRef;
+    const startX = event.clientX;
+    const startY = event.clientY;
+    const startHeight = dialogEl.clientHeight;
+    const startWidth = dialogEl.clientWidth;
+    const startTop = dialogEl.offsetTop;
+    const startLeft = dialogEl.offsetLeft;
+    const doDrag = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      if (direction === "top" || direction === "top-right" || direction === "top-left") {
+        if (dialogEl.style.position === "absolute") {
+          dialogEl.style.top = startTop + (e.clientY - startY) + "px";
+          dialogEl.style.bottom = "auto";
+        }
+        dialogEl.style.height = `${Math.max(startHeight - (e.clientY - startY), local.minHeightPx ?? 0)}px`;
+      }
+      if (direction === "bottom" || direction === "bottom-right" || direction === "bottom-left") {
+        dialogEl.style.height = `${Math.max(startHeight + e.clientY - startY, local.minHeightPx ?? 0)}px`;
+      }
+      if (direction === "right" || direction === "bottom-right" || direction === "top-right") {
+        dialogEl.style.width = `${Math.max(
+          startWidth + (e.clientX - startX) * (dialogEl.style.position === "absolute" ? 1 : 2),
+          local.minWidthPx ?? 0
+        )}px`;
+      }
+      if (direction === "left" || direction === "bottom-left" || direction === "top-left") {
+        if (dialogEl.style.position === "absolute") {
+          dialogEl.style.left = startLeft + (e.clientX - startX) + "px";
+        }
+        dialogEl.style.width = `${Math.max(
+          startWidth - (e.clientX - startX) * (dialogEl.style.position === "absolute" ? 1 : 2),
+          local.minWidthPx ?? 0
+        )}px`;
+      }
+    };
+    const stopDrag = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      target.removeEventListener("pointermove", doDrag);
+      target.removeEventListener("pointerup", stopDrag);
+    };
+    target.addEventListener("pointermove", doDrag);
+    target.addEventListener("pointerup", stopDrag);
+  };
+  const dialogStyle = () => {
+    const style = {};
+    if (local.fill) {
+      style.width = "100%";
+      style.height = "100%";
+    } else {
+      if (local.widthPx !== void 0) {
+        style.width = `${local.widthPx}px`;
+      }
+      if (local.heightPx !== void 0) {
+        style.height = `${local.heightPx}px`;
+      }
+    }
+    if (local.minWidthPx !== void 0) {
+      style["min-width"] = `${local.minWidthPx}px`;
+    }
+    if (local.minHeightPx !== void 0) {
+      style["min-height"] = `${local.minHeightPx}px`;
+    }
+    if (local.position === "bottom-right") {
+      style.position = "absolute";
+      style.right = "3rem";
+      style.bottom = "2rem";
+    } else if (local.position === "top-right") {
+      style.position = "absolute";
+      style.right = "2rem";
+      style.top = "2rem";
+    }
+    return style;
+  };
+  const animationClass = () => {
+    const base = clsx("transition-[opacity,transform]", "duration-200", "ease-out");
+    if (animating()) {
+      return clsx(base, "translate-y-0 opacity-100");
+    } else {
+      return clsx(base, "-translate-y-4 opacity-0");
+    }
+  };
+  const wrapperClass = () => (
+    // eslint-disable-next-line tailwindcss/enforces-shorthand -- inset-0은 Chrome 84 미지원
+    clsx(
+      "fixed bottom-0 left-0 right-0 top-0",
+      "flex flex-col items-center",
+      !local.fill && "pt-[calc(3rem+0.5rem)]",
+      local.float && "pointer-events-none"
+    )
+  );
+  const backdropClass = () => (
+    // eslint-disable-next-line tailwindcss/enforces-shorthand -- inset-0은 Chrome 84 미지원
+    clsx(
+      "absolute bottom-0 left-0 right-0 top-0",
+      "bg-black/30",
+      "dark:bg-black/50",
+      "transition-opacity",
+      "duration-200",
+      "ease-out",
+      animating() ? "opacity-100" : "opacity-0"
+    )
+  );
+  const dialogBaseClass = () => clsx(
+    "relative",
+    "mx-auto",
+    "w-fit min-w-[200px]",
+    "bg-white dark:bg-base-800",
+    local.float ? clsx("shadow-md dark:shadow-black/30", "border", borderSubtle) : "shadow-2xl dark:shadow-black/40",
+    local.fill ? "rounded-none border-none" : "rounded-lg",
+    "overflow-hidden",
+    "flex flex-col",
+    "focus:outline-none",
+    local.float && "pointer-events-auto",
+    animationClass()
+  );
+  const headerClass = () => clsx("flex items-center", "select-none", "border-b", borderSubtle);
+  return /* @__PURE__ */ React.createElement(Show, { when: mounted() }, /* @__PURE__ */ React.createElement(Portal, null, /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: (el) => {
+        wrapperRef = el;
+      },
+      "data-modal": true,
+      class: wrapperClass()
+    },
+    /* @__PURE__ */ React.createElement(Show, { when: !local.float }, /* @__PURE__ */ React.createElement("div", { "data-modal-backdrop": true, class: backdropClass(), onClick: handleBackdropClick })),
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref: (el) => {
+          dialogRef = el;
+        },
+        "data-modal-dialog": true,
+        role: "dialog",
+        "aria-modal": local.float ? void 0 : true,
+        "aria-label": local.title,
+        tabIndex: 0,
+        class: twMerge(dialogBaseClass(), local.class),
+        style: dialogStyle(),
+        onFocus: handleDialogFocus,
+        onTransitionEnd: handleTransitionEnd
+      },
+      /* @__PURE__ */ React.createElement(Show, { when: !local.hideHeader }, /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          "data-modal-header": true,
+          class: clsx(headerClass(), "touch-none"),
+          style: typeof local.headerStyle === "string" ? mergeStyles(local.headerStyle) : local.headerStyle,
+          onPointerDown: handleHeaderPointerDown
+        },
+        /* @__PURE__ */ React.createElement("h5", { class: clsx("flex-1", "px-4 py-2", "text-sm font-semibold") }, local.title),
+        local.headerAction,
+        /* @__PURE__ */ React.createElement(Show, { when: local.closable ?? true }, /* @__PURE__ */ React.createElement(
+          "button",
+          {
+            "data-modal-close": true,
+            type: "button",
+            class: clsx(
+              "inline-flex items-center justify-center",
+              "px-3 py-2",
+              "text-base-400 dark:text-base-500",
+              "hover:text-base-600 dark:hover:text-base-300",
+              "cursor-pointer",
+              "transition-colors"
+            ),
+            onClick: handleCloseClick
+          },
+          /* @__PURE__ */ React.createElement(Icon, { icon: IconX, size: "1.25em" })
+        ))
+      )),
+      /* @__PURE__ */ React.createElement("div", { "data-modal-content": true, class: dialogContentClass }, local.children),
+      /* @__PURE__ */ React.createElement(Show, { when: local.resizable }, /* @__PURE__ */ React.createElement(For, { each: RESIZE_DIRECTIONS }, (direction) => /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          "data-resize-bar": direction,
+          class: clsx("absolute", "touch-none", resizePositionMap[direction], resizeCursorMap[direction]),
+          onPointerDown: (e) => handleResizeBarPointerDown(e, direction)
+        }
+      )))
+    )
+  )));
+};
+export {
+  Dialog
+};
+//# sourceMappingURL=Dialog.js.map

package/dist/components/disclosure/Dialog.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/disclosure/Dialog.tsx"],
+  "sourcesContent": ["import { type JSX, type ParentComponent, createEffect, onCleanup, Show, splitProps, For, useContext } from \"solid-js\";\nimport { Portal } from \"solid-js/web\";\nimport clsx from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\nimport { IconX } from \"@tabler/icons-solidjs\";\nimport { createControllableSignal } from \"../../hooks/createControllableSignal\";\nimport { createMountTransition } from \"../../hooks/createMountTransition\";\nimport { mergeStyles } from \"../../helpers/mergeStyles\";\nimport { Icon } from \"../display/Icon\";\nimport { borderSubtle } from \"../../styles/tokens.styles\";\nimport { DialogDefaultsContext } from \"./DialogContext\";\nimport { registerDialog, unregisterDialog, bringToFront } from \"./dialogZIndex\";\n\nexport interface DialogProps {\n  /** \uBAA8\uB2EC \uC5F4\uB9BC \uC0C1\uD0DC */\n  open?: boolean;\n  /** \uC5F4\uB9BC \uC0C1\uD0DC \uBCC0\uACBD \uC2DC \uCF5C\uBC31 */\n  onOpenChange?: (open: boolean) => void;\n  /** \uBAA8\uB2EC \uC81C\uBAA9 */\n  title: string;\n  /** \uD5E4\uB354 \uC228\uAE40 */\n  hideHeader?: boolean;\n  /** \uB2EB\uAE30 \uBC84\uD2BC \uD45C\uC2DC (\uAE30\uBCF8: true) */\n  closable?: boolean;\n  /** \uBC31\uB4DC\uB86D \uD074\uB9AD\uC73C\uB85C \uB2EB\uAE30 */\n  closeOnBackdrop?: boolean;\n  /** Escape \uD0A4\uB85C \uB2EB\uAE30 (\uAE30\uBCF8\uAC12: true) */\n  closeOnEscape?: boolean;\n  /** \uB9AC\uC0AC\uC774\uC988 \uAC00\uB2A5 \uC5EC\uBD80 (\uAE30\uBCF8: false) */\n  resizable?: boolean;\n  /** \uB4DC\uB798\uADF8 \uC774\uB3D9 \uAC00\uB2A5 \uC5EC\uBD80 (\uAE30\uBCF8: true) */\n  movable?: boolean;\n  /** \uD50C\uB85C\uD305 \uBAA8\uB4DC (\uBC31\uB4DC\uB86D \uC5C6\uC74C) */\n  float?: boolean;\n  /** \uC804\uCCB4 \uD654\uBA74 \uBAA8\uB4DC */\n  fill?: boolean;\n  /** \uB108\uBE44 (px) */\n  widthPx?: number;\n  /** \uB192\uC774 (px) */\n  heightPx?: number;\n  /** \uCD5C\uC18C \uB108\uBE44 (px) */\n  minWidthPx?: number;\n  /** \uCD5C\uC18C \uB192\uC774 (px) */\n  minHeightPx?: number;\n  /** \uACE0\uC815 \uC704\uCE58 */\n  position?: \"bottom-right\" | \"top-right\";\n  /** \uD5E4\uB354 \uC2A4\uD0C0\uC77C */\n  headerStyle?: JSX.CSSProperties | string;\n  /** \uD5E4\uB354 \uC561\uC158 \uC601\uC5ED */\n  headerAction?: JSX.Element;\n  /** \uB2EB\uAE30 \uC804 \uD655\uC778 \uD568\uC218 */\n  canDeactivate?: () => boolean;\n  /** \uB2EB\uAE30 \uC560\uB2C8\uBA54\uC774\uC158 \uC644\uB8CC \uD6C4 \uCF5C\uBC31 */\n  onCloseComplete?: () => void;\n  /** \uCD94\uAC00 CSS \uD074\uB798\uC2A4 */\n  class?: string;\n  /** \uC790\uC2DD \uC694\uC18C */\n  children: JSX.Element;\n}\n\ntype ResizeDirection = \"left\" | \"right\" | \"top\" | \"bottom\" | \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\";\n\nconst RESIZE_DIRECTIONS: ResizeDirection[] = [\n  \"left\",\n  \"right\",\n  \"top\",\n  \"bottom\",\n  \"top-left\",\n  \"top-right\",\n  \"bottom-left\",\n  \"bottom-right\",\n];\n\nconst resizeCursorMap: Record<ResizeDirection, string> = {\n  \"left\": \"cursor-ew-resize\",\n  \"right\": \"cursor-ew-resize\",\n  \"top\": \"cursor-ns-resize\",\n  \"bottom\": \"cursor-ns-resize\",\n  \"top-left\": \"cursor-nwse-resize\",\n  \"top-right\": \"cursor-nesw-resize\",\n  \"bottom-left\": \"cursor-nesw-resize\",\n  \"bottom-right\": \"cursor-nwse-resize\",\n};\n\nconst dialogContentClass = clsx(\"flex-1\", \"overflow-auto\");\n\nconst resizePositionMap: Record<ResizeDirection, string> = {\n  \"left\": clsx(\"left-0 top-0\", \"h-full w-1.5\"),\n  \"right\": clsx(\"right-0 top-0\", \"h-full w-1.5\"),\n  \"top\": clsx(\"left-0 top-0\", \"h-1.5 w-full\"),\n  \"bottom\": clsx(\"bottom-0 left-0\", \"h-1.5 w-full\"),\n  \"top-left\": clsx(\"left-0 top-0\", \"z-[1] size-1.5\"),\n  \"top-right\": clsx(\"right-0 top-0\", \"z-[1] size-1.5\"),\n  \"bottom-left\": clsx(\"bottom-0 left-0\", \"z-[1] size-1.5\"),\n  \"bottom-right\": clsx(\"bottom-0 right-0\", \"z-[1] size-1.5\"),\n};\n\n/**\n * \uB2E4\uC774\uC5BC\uB85C\uADF8 \uCEF4\uD3EC\uB10C\uD2B8\n *\n * \uC120\uC5B8\uC801 \uB2E4\uC774\uC5BC\uB85C\uADF8 UI\uB97C \uC81C\uACF5\uD569\uB2C8\uB2E4. \uB4DC\uB798\uADF8 \uC774\uB3D9, 8\uBC29\uD5A5 \uB9AC\uC0AC\uC774\uC988,\n * float/fill \uBAA8\uB4DC, z-index \uC790\uB3D9 \uAD00\uB9AC \uB4F1\uC744 \uC9C0\uC6D0\uD569\uB2C8\uB2E4.\n *\n * @example\n * ```tsx\n * const [open, setOpen] = createSignal(false);\n *\n * <Button onClick={() => setOpen(true)}>\uB2E4\uC774\uC5BC\uB85C\uADF8 \uC5F4\uAE30</Button>\n * <Dialog open={open()} onOpenChange={setOpen} title=\"\uB0B4 \uB2E4\uC774\uC5BC\uB85C\uADF8\">\n *   <div class=\"p-4\">\uB2E4\uC774\uC5BC\uB85C\uADF8 \uB0B4\uC6A9</div>\n * </Dialog>\n * ```\n */\nexport const Dialog: ParentComponent<DialogProps> = (props) => {\n  const dialogDefaults = useContext(DialogDefaultsContext);\n\n  const [local] = splitProps(props, [\n    \"open\",\n    \"onOpenChange\",\n    \"title\",\n    \"hideHeader\",\n    \"closable\",\n    \"closeOnBackdrop\",\n    \"closeOnEscape\",\n    \"resizable\",\n    \"movable\",\n    \"float\",\n    \"fill\",\n    \"widthPx\",\n    \"heightPx\",\n    \"minWidthPx\",\n    \"minHeightPx\",\n    \"position\",\n    \"headerStyle\",\n    \"headerAction\",\n    \"canDeactivate\",\n    \"onCloseComplete\",\n    \"class\",\n    \"children\",\n  ]);\n\n  const [open, setOpen] = createControllableSignal({\n    value: () => local.open ?? false,\n    onChange: () => local.onOpenChange,\n  });\n\n  // \uC560\uB2C8\uBA54\uC774\uC158 \uC0C1\uD0DC (mount transition)\n  const { mounted, animating, unmount } = createMountTransition(open);\n\n  // onCloseComplete \uC911\uBCF5 \uD638\uCD9C \uBC29\uC9C0\n  let closeCompleteEmitted = false;\n\n  const emitCloseComplete = () => {\n    if (closeCompleteEmitted) return;\n    closeCompleteEmitted = true;\n    unmount();\n    local.onCloseComplete?.();\n  };\n\n  // open \uBCC0\uACBD \uC2DC closeCompleteEmitted \uCD08\uAE30\uD654\n  createEffect(() => {\n    if (open()) {\n      closeCompleteEmitted = false;\n    }\n  });\n\n  // dialog ref\n  let dialogRef: HTMLDivElement | undefined;\n\n  // wrapper ref\n  let wrapperRef: HTMLDivElement | undefined;\n\n  const closeOnEscape = () => local.closeOnEscape ?? dialogDefaults?.().closeOnEscape ?? true;\n  const closeOnBackdrop = () => local.closeOnBackdrop ?? dialogDefaults?.().closeOnBackdrop ?? false;\n\n  // Escape \uD0A4 \uAC10\uC9C0\n  createEffect(() => {\n    if (!open()) return;\n    if (!closeOnEscape()) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") {\n        tryClose();\n      }\n    };\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n    onCleanup(() => document.removeEventListener(\"keydown\", handleKeyDown));\n  });\n\n  // \uC5F4\uB9B4 \uB54C \uB4F1\uB85D, \uB2EB\uD790 \uB54C \uD574\uC81C\n  createEffect(() => {\n    if (!open()) return;\n    if (!wrapperRef) return;\n    registerDialog(wrapperRef);\n    onCleanup(() => {\n      if (wrapperRef) unregisterDialog(wrapperRef);\n    });\n  });\n\n  // \uB2EB\uAE30 \uC2DC\uB3C4 (canDeactivate \uCCB4\uD06C)\n  const tryClose = () => {\n    if (local.canDeactivate && !local.canDeactivate()) return;\n    setOpen(false);\n  };\n\n  // \uBC31\uB4DC\uB86D \uD074\uB9AD \uD578\uB4E4\uB7EC\n  const handleBackdropClick = () => {\n    if (!closeOnBackdrop()) return;\n    tryClose();\n  };\n\n  // \uB2EB\uAE30 \uBC84\uD2BC \uD074\uB9AD \uD578\uB4E4\uB7EC\n  const handleCloseClick = () => {\n    tryClose();\n  };\n\n  // transitionend \uC774\uBCA4\uD2B8 \uCC98\uB9AC\n  const handleTransitionEnd = (e: TransitionEvent) => {\n    if (e.propertyName !== \"opacity\") return;\n    if (!open()) {\n      emitCloseComplete();\n    }\n  };\n\n  // z-index \uC790\uB3D9 \uAD00\uB9AC\n  const handleDialogFocus = () => {\n    if (!wrapperRef) return;\n    bringToFront(wrapperRef);\n  };\n\n  // \uB4DC\uB798\uADF8 \uC774\uB3D9\n  const handleHeaderPointerDown = (event: PointerEvent) => {\n    // movable \uAE30\uBCF8\uAC12\uC740 true\n    if (local.movable === false) return;\n    if (!dialogRef || !wrapperRef) return;\n    // \uB2EB\uAE30 \uBC84\uD2BC \uB4F1 \uC778\uD130\uB799\uD2F0\uBE0C \uC694\uC18C\uC5D0\uC11C \uC2DC\uC791\uB41C \uC774\uBCA4\uD2B8\uB294 \uB4DC\uB798\uADF8\uB85C \uCC98\uB9AC\uD558\uC9C0 \uC54A\uC74C\n    if ((event.target as HTMLElement).closest(\"button\")) return;\n\n    const target = event.currentTarget as HTMLElement;\n    target.setPointerCapture(event.pointerId);\n\n    const dialogEl = dialogRef;\n    const wrapperEl = wrapperRef;\n\n    const startX = event.clientX;\n    const startY = event.clientY;\n    const startTop = dialogEl.offsetTop;\n    const startLeft = dialogEl.offsetLeft;\n\n    const doDrag = (e: PointerEvent): void => {\n      e.stopPropagation();\n      e.preventDefault();\n\n      dialogEl.style.position = \"absolute\";\n      dialogEl.style.left = `${startLeft + e.clientX - startX}px`;\n      dialogEl.style.top = `${startTop + e.clientY - startY}px`;\n      dialogEl.style.right = \"auto\";\n      dialogEl.style.bottom = \"auto\";\n      dialogEl.style.margin = \"0\";\n\n      // \uD654\uBA74 \uBC16 \uBC29\uC9C0\n      if (dialogEl.offsetLeft > wrapperEl.offsetWidth - 100) {\n        dialogEl.style.left = wrapperEl.offsetWidth - 100 + \"px\";\n      }\n      if (dialogEl.offsetTop > wrapperEl.offsetHeight - 100) {\n        dialogEl.style.top = wrapperEl.offsetHeight - 100 + \"px\";\n      }\n      if (dialogEl.offsetTop < 0) {\n        dialogEl.style.top = \"0\";\n      }\n      if (dialogEl.offsetLeft < -dialogEl.offsetWidth + 100) {\n        dialogEl.style.left = -dialogEl.offsetWidth + 100 + \"px\";\n      }\n    };\n\n    const stopDrag = (e: PointerEvent): void => {\n      e.stopPropagation();\n      e.preventDefault();\n\n      target.removeEventListener(\"pointermove\", doDrag);\n      target.removeEventListener(\"pointerup\", stopDrag);\n    };\n\n    target.addEventListener(\"pointermove\", doDrag);\n    target.addEventListener(\"pointerup\", stopDrag);\n  };\n\n  // \uB9AC\uC0AC\uC774\uC988\n  const handleResizeBarPointerDown = (event: PointerEvent, direction: ResizeDirection) => {\n    if (!local.resizable) return;\n    if (!dialogRef) return;\n\n    const target = event.currentTarget as HTMLElement;\n    target.setPointerCapture(event.pointerId);\n\n    const dialogEl = dialogRef;\n\n    const startX = event.clientX;\n    const startY = event.clientY;\n    const startHeight = dialogEl.clientHeight;\n    const startWidth = dialogEl.clientWidth;\n    const startTop = dialogEl.offsetTop;\n    const startLeft = dialogEl.offsetLeft;\n\n    const doDrag = (e: PointerEvent): void => {\n      e.stopPropagation();\n      e.preventDefault();\n\n      if (direction === \"top\" || direction === \"top-right\" || direction === \"top-left\") {\n        if (dialogEl.style.position === \"absolute\") {\n          dialogEl.style.top = startTop + (e.clientY - startY) + \"px\";\n          dialogEl.style.bottom = \"auto\";\n        }\n        dialogEl.style.height = `${Math.max(startHeight - (e.clientY - startY), local.minHeightPx ?? 0)}px`;\n      }\n      if (direction === \"bottom\" || direction === \"bottom-right\" || direction === \"bottom-left\") {\n        dialogEl.style.height = `${Math.max(startHeight + e.clientY - startY, local.minHeightPx ?? 0)}px`;\n      }\n      if (direction === \"right\" || direction === \"bottom-right\" || direction === \"top-right\") {\n        dialogEl.style.width = `${Math.max(\n          startWidth + (e.clientX - startX) * (dialogEl.style.position === \"absolute\" ? 1 : 2),\n          local.minWidthPx ?? 0,\n        )}px`;\n      }\n      if (direction === \"left\" || direction === \"bottom-left\" || direction === \"top-left\") {\n        if (dialogEl.style.position === \"absolute\") {\n          dialogEl.style.left = startLeft + (e.clientX - startX) + \"px\";\n        }\n        dialogEl.style.width = `${Math.max(\n          startWidth - (e.clientX - startX) * (dialogEl.style.position === \"absolute\" ? 1 : 2),\n          local.minWidthPx ?? 0,\n        )}px`;\n      }\n    };\n\n    const stopDrag = (e: PointerEvent): void => {\n      e.stopPropagation();\n      e.preventDefault();\n\n      target.removeEventListener(\"pointermove\", doDrag);\n      target.removeEventListener(\"pointerup\", stopDrag);\n    };\n\n    target.addEventListener(\"pointermove\", doDrag);\n    target.addEventListener(\"pointerup\", stopDrag);\n  };\n\n  // dialog \uC778\uB77C\uC778 \uC2A4\uD0C0\uC77C \uACC4\uC0B0\n  const dialogStyle = (): JSX.CSSProperties => {\n    const style: JSX.CSSProperties = {};\n\n    if (local.fill) {\n      style.width = \"100%\";\n      style.height = \"100%\";\n    } else {\n      if (local.widthPx !== undefined) {\n        style.width = `${local.widthPx}px`;\n      }\n      if (local.heightPx !== undefined) {\n        style.height = `${local.heightPx}px`;\n      }\n    }\n\n    if (local.minWidthPx !== undefined) {\n      style[\"min-width\"] = `${local.minWidthPx}px`;\n    }\n    if (local.minHeightPx !== undefined) {\n      style[\"min-height\"] = `${local.minHeightPx}px`;\n    }\n\n    // position \uBAA8\uB4DC\n    if (local.position === \"bottom-right\") {\n      style.position = \"absolute\";\n      style.right = \"3rem\";\n      style.bottom = \"2rem\";\n    } else if (local.position === \"top-right\") {\n      style.position = \"absolute\";\n      style.right = \"2rem\";\n      style.top = \"2rem\";\n    }\n\n    return style;\n  };\n\n  // \uC560\uB2C8\uBA54\uC774\uC158 \uD074\uB798\uC2A4\n  const animationClass = () => {\n    const base = clsx(\"transition-[opacity,transform]\", \"duration-200\", \"ease-out\");\n    if (animating()) {\n      return clsx(base, \"translate-y-0 opacity-100\");\n    } else {\n      return clsx(base, \"-translate-y-4 opacity-0\");\n    }\n  };\n\n  // wrapper \uD074\uB798\uC2A4\n  const wrapperClass = () =>\n    // eslint-disable-next-line tailwindcss/enforces-shorthand -- inset-0\uC740 Chrome 84 \uBBF8\uC9C0\uC6D0\n    clsx(\n      \"fixed bottom-0 left-0 right-0 top-0\",\n      \"flex flex-col items-center\",\n      !local.fill && \"pt-[calc(3rem+0.5rem)]\",\n      local.float && \"pointer-events-none\",\n    );\n\n  // \uBC31\uB4DC\uB86D \uD074\uB798\uC2A4\n  const backdropClass = () =>\n    // eslint-disable-next-line tailwindcss/enforces-shorthand -- inset-0\uC740 Chrome 84 \uBBF8\uC9C0\uC6D0\n    clsx(\n      \"absolute bottom-0 left-0 right-0 top-0\",\n      \"bg-black/30\",\n      \"dark:bg-black/50\",\n      \"transition-opacity\",\n      \"duration-200\",\n      \"ease-out\",\n      animating() ? \"opacity-100\" : \"opacity-0\",\n    );\n\n  // dialog \uD074\uB798\uC2A4\n  const dialogBaseClass = () =>\n    clsx(\n      \"relative\",\n      \"mx-auto\",\n      \"w-fit min-w-[200px]\",\n      \"bg-white dark:bg-base-800\",\n      local.float ? clsx(\"shadow-md dark:shadow-black/30\", \"border\", borderSubtle) : \"shadow-2xl dark:shadow-black/40\",\n      local.fill ? \"rounded-none border-none\" : \"rounded-lg\",\n      \"overflow-hidden\",\n      \"flex flex-col\",\n      \"focus:outline-none\",\n      local.float && \"pointer-events-auto\",\n      animationClass(),\n    );\n\n  // \uD5E4\uB354 \uD074\uB798\uC2A4\n  const headerClass = () => clsx(\"flex items-center\", \"select-none\", \"border-b\", borderSubtle);\n\n  return (\n    <Show when={mounted()}>\n      <Portal>\n        <div\n          ref={(el) => {\n            wrapperRef = el;\n          }}\n          data-modal\n          class={wrapperClass()}\n        >\n          {/* \uBC31\uB4DC\uB86D */}\n          <Show when={!local.float}>\n            <div data-modal-backdrop class={backdropClass()} onClick={handleBackdropClick} />\n          </Show>\n\n          {/* \uB2E4\uC774\uC5BC\uB85C\uADF8 */}\n          <div\n            ref={(el) => {\n              dialogRef = el;\n            }}\n            data-modal-dialog\n            role=\"dialog\"\n            aria-modal={local.float ? undefined : true}\n            aria-label={local.title}\n            tabIndex={0}\n            class={twMerge(dialogBaseClass(), local.class)}\n            style={dialogStyle()}\n            onFocus={handleDialogFocus}\n            onTransitionEnd={handleTransitionEnd}\n          >\n            {/* \uD5E4\uB354 */}\n            <Show when={!local.hideHeader}>\n              <div\n                data-modal-header\n                class={clsx(headerClass(), \"touch-none\")}\n                style={typeof local.headerStyle === \"string\" ? mergeStyles(local.headerStyle) : local.headerStyle}\n                onPointerDown={handleHeaderPointerDown}\n              >\n                <h5 class={clsx(\"flex-1\", \"px-4 py-2\", \"text-sm font-semibold\")}>{local.title}</h5>\n                {local.headerAction}\n                <Show when={local.closable ?? true}>\n                  <button\n                    data-modal-close\n                    type=\"button\"\n                    class={clsx(\n                      \"inline-flex items-center justify-center\",\n                      \"px-3 py-2\",\n                      \"text-base-400 dark:text-base-500\",\n                      \"hover:text-base-600 dark:hover:text-base-300\",\n                      \"cursor-pointer\",\n                      \"transition-colors\",\n                    )}\n                    onClick={handleCloseClick}\n                  >\n                    <Icon icon={IconX} size=\"1.25em\" />\n                  </button>\n                </Show>\n              </div>\n            </Show>\n\n            {/* \uCF58\uD150\uCE20 */}\n            <div data-modal-content class={dialogContentClass}>\n              {local.children}\n            </div>\n\n            {/* \uB9AC\uC0AC\uC774\uC988 \uBC14 */}\n            <Show when={local.resizable}>\n              <For each={RESIZE_DIRECTIONS}>\n                {(direction) => (\n                  <div\n                    data-resize-bar={direction}\n                    class={clsx(\"absolute\", \"touch-none\", resizePositionMap[direction], resizeCursorMap[direction])}\n                    onPointerDown={(e) => handleResizeBarPointerDown(e, direction)}\n                  />\n                )}\n              </For>\n            </Show>\n          </div>\n        </div>\n      </Portal>\n    </Show>\n  );\n};\n"],
+  "mappings": "AAAA,SAAyC,cAAc,WAAW,MAAM,YAAY,KAAK,kBAAkB;AAC3G,SAAS,cAAc;AACvB,OAAO,UAAU;AACjB,SAAS,eAAe;AACxB,SAAS,aAAa;AACtB,SAAS,gCAAgC;AACzC,SAAS,6BAA6B;AACtC,SAAS,mBAAmB;AAC5B,SAAS,YAAY;AACrB,SAAS,oBAAoB;AAC7B,SAAS,6BAA6B;AACtC,SAAS,gBAAgB,kBAAkB,oBAAoB;AAmD/D,MAAM,oBAAuC;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,kBAAmD;AAAA,EACvD,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,gBAAgB;AAClB;AAEA,MAAM,qBAAqB,KAAK,UAAU,eAAe;AAEzD,MAAM,oBAAqD;AAAA,EACzD,QAAQ,KAAK,gBAAgB,cAAc;AAAA,EAC3C,SAAS,KAAK,iBAAiB,cAAc;AAAA,EAC7C,OAAO,KAAK,gBAAgB,cAAc;AAAA,EAC1C,UAAU,KAAK,mBAAmB,cAAc;AAAA,EAChD,YAAY,KAAK,gBAAgB,gBAAgB;AAAA,EACjD,aAAa,KAAK,iBAAiB,gBAAgB;AAAA,EACnD,eAAe,KAAK,mBAAmB,gBAAgB;AAAA,EACvD,gBAAgB,KAAK,oBAAoB,gBAAgB;AAC3D;AAkBO,MAAM,SAAuC,CAAC,UAAU;AAC7D,QAAM,iBAAiB,WAAW,qBAAqB;AAEvD,QAAM,CAAC,KAAK,IAAI,WAAW,OAAO;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,QAAM,CAAC,MAAM,OAAO,IAAI,yBAAyB;AAAA,IAC/C,OAAO,MAAM,MAAM,QAAQ;AAAA,IAC3B,UAAU,MAAM,MAAM;AAAA,EACxB,CAAC;AAGD,QAAM,EAAE,SAAS,WAAW,QAAQ,IAAI,sBAAsB,IAAI;AAGlE,MAAI,uBAAuB;AAE3B,QAAM,oBAAoB,MAAM;AAxJlC;AAyJI,QAAI,qBAAsB;AAC1B,2BAAuB;AACvB,YAAQ;AACR,gBAAM,oBAAN;AAAA,EACF;AAGA,eAAa,MAAM;AACjB,QAAI,KAAK,GAAG;AACV,6BAAuB;AAAA,IACzB;AAAA,EACF,CAAC;AAGD,MAAI;AAGJ,MAAI;AAEJ,QAAM,gBAAgB,MAAM,MAAM,kBAAiB,mDAAmB,kBAAiB;AACvF,QAAM,kBAAkB,MAAM,MAAM,oBAAmB,mDAAmB,oBAAmB;AAG7F,eAAa,MAAM;AACjB,QAAI,CAAC,KAAK,EAAG;AACb,QAAI,CAAC,cAAc,EAAG;AAEtB,UAAM,gBAAgB,CAAC,MAAqB;AAC1C,UAAI,EAAE,QAAQ,UAAU;AACtB,iBAAS;AAAA,MACX;AAAA,IACF;AAEA,aAAS,iBAAiB,WAAW,aAAa;AAClD,cAAU,MAAM,SAAS,oBAAoB,WAAW,aAAa,CAAC;AAAA,EACxE,CAAC;AAGD,eAAa,MAAM;AACjB,QAAI,CAAC,KAAK,EAAG;AACb,QAAI,CAAC,WAAY;AACjB,mBAAe,UAAU;AACzB,cAAU,MAAM;AACd,UAAI,WAAY,kBAAiB,UAAU;AAAA,IAC7C,CAAC;AAAA,EACH,CAAC;AAGD,QAAM,WAAW,MAAM;AACrB,QAAI,MAAM,iBAAiB,CAAC,MAAM,cAAc,EAAG;AACnD,YAAQ,KAAK;AAAA,EACf;AAGA,QAAM,sBAAsB,MAAM;AAChC,QAAI,CAAC,gBAAgB,EAAG;AACxB,aAAS;AAAA,EACX;AAGA,QAAM,mBAAmB,MAAM;AAC7B,aAAS;AAAA,EACX;AAGA,QAAM,sBAAsB,CAAC,MAAuB;AAClD,QAAI,EAAE,iBAAiB,UAAW;AAClC,QAAI,CAAC,KAAK,GAAG;AACX,wBAAkB;AAAA,IACpB;AAAA,EACF;AAGA,QAAM,oBAAoB,MAAM;AAC9B,QAAI,CAAC,WAAY;AACjB,iBAAa,UAAU;AAAA,EACzB;AAGA,QAAM,0BAA0B,CAAC,UAAwB;AAEvD,QAAI,MAAM,YAAY,MAAO;AAC7B,QAAI,CAAC,aAAa,CAAC,WAAY;AAE/B,QAAK,MAAM,OAAuB,QAAQ,QAAQ,EAAG;AAErD,UAAM,SAAS,MAAM;AACrB,WAAO,kBAAkB,MAAM,SAAS;AAExC,UAAM,WAAW;AACjB,UAAM,YAAY;AAElB,UAAM,SAAS,MAAM;AACrB,UAAM,SAAS,MAAM;AACrB,UAAM,WAAW,SAAS;AAC1B,UAAM,YAAY,SAAS;AAE3B,UAAM,SAAS,CAAC,MAA0B;AACxC,QAAE,gBAAgB;AAClB,QAAE,eAAe;AAEjB,eAAS,MAAM,WAAW;AAC1B,eAAS,MAAM,OAAO,GAAG,YAAY,EAAE,UAAU,MAAM;AACvD,eAAS,MAAM,MAAM,GAAG,WAAW,EAAE,UAAU,MAAM;AACrD,eAAS,MAAM,QAAQ;AACvB,eAAS,MAAM,SAAS;AACxB,eAAS,MAAM,SAAS;AAGxB,UAAI,SAAS,aAAa,UAAU,cAAc,KAAK;AACrD,iBAAS,MAAM,OAAO,UAAU,cAAc,MAAM;AAAA,MACtD;AACA,UAAI,SAAS,YAAY,UAAU,eAAe,KAAK;AACrD,iBAAS,MAAM,MAAM,UAAU,eAAe,MAAM;AAAA,MACtD;AACA,UAAI,SAAS,YAAY,GAAG;AAC1B,iBAAS,MAAM,MAAM;AAAA,MACvB;AACA,UAAI,SAAS,aAAa,CAAC,SAAS,cAAc,KAAK;AACrD,iBAAS,MAAM,OAAO,CAAC,SAAS,cAAc,MAAM;AAAA,MACtD;AAAA,IACF;AAEA,UAAM,WAAW,CAAC,MAA0B;AAC1C,QAAE,gBAAgB;AAClB,QAAE,eAAe;AAEjB,aAAO,oBAAoB,eAAe,MAAM;AAChD,aAAO,oBAAoB,aAAa,QAAQ;AAAA,IAClD;AAEA,WAAO,iBAAiB,eAAe,MAAM;AAC7C,WAAO,iBAAiB,aAAa,QAAQ;AAAA,EAC/C;AAGA,QAAM,6BAA6B,CAAC,OAAqB,cAA+B;AACtF,QAAI,CAAC,MAAM,UAAW;AACtB,QAAI,CAAC,UAAW;AAEhB,UAAM,SAAS,MAAM;AACrB,WAAO,kBAAkB,MAAM,SAAS;AAExC,UAAM,WAAW;AAEjB,UAAM,SAAS,MAAM;AACrB,UAAM,SAAS,MAAM;AACrB,UAAM,cAAc,SAAS;AAC7B,UAAM,aAAa,SAAS;AAC5B,UAAM,WAAW,SAAS;AAC1B,UAAM,YAAY,SAAS;AAE3B,UAAM,SAAS,CAAC,MAA0B;AACxC,QAAE,gBAAgB;AAClB,QAAE,eAAe;AAEjB,UAAI,cAAc,SAAS,cAAc,eAAe,cAAc,YAAY;AAChF,YAAI,SAAS,MAAM,aAAa,YAAY;AAC1C,mBAAS,MAAM,MAAM,YAAY,EAAE,UAAU,UAAU;AACvD,mBAAS,MAAM,SAAS;AAAA,QAC1B;AACA,iBAAS,MAAM,SAAS,GAAG,KAAK,IAAI,eAAe,EAAE,UAAU,SAAS,MAAM,eAAe,CAAC,CAAC;AAAA,MACjG;AACA,UAAI,cAAc,YAAY,cAAc,kBAAkB,cAAc,eAAe;AACzF,iBAAS,MAAM,SAAS,GAAG,KAAK,IAAI,cAAc,EAAE,UAAU,QAAQ,MAAM,eAAe,CAAC,CAAC;AAAA,MAC/F;AACA,UAAI,cAAc,WAAW,cAAc,kBAAkB,cAAc,aAAa;AACtF,iBAAS,MAAM,QAAQ,GAAG,KAAK;AAAA,UAC7B,cAAc,EAAE,UAAU,WAAW,SAAS,MAAM,aAAa,aAAa,IAAI;AAAA,UAClF,MAAM,cAAc;AAAA,QACtB,CAAC;AAAA,MACH;AACA,UAAI,cAAc,UAAU,cAAc,iBAAiB,cAAc,YAAY;AACnF,YAAI,SAAS,MAAM,aAAa,YAAY;AAC1C,mBAAS,MAAM,OAAO,aAAa,EAAE,UAAU,UAAU;AAAA,QAC3D;AACA,iBAAS,MAAM,QAAQ,GAAG,KAAK;AAAA,UAC7B,cAAc,EAAE,UAAU,WAAW,SAAS,MAAM,aAAa,aAAa,IAAI;AAAA,UAClF,MAAM,cAAc;AAAA,QACtB,CAAC;AAAA,MACH;AAAA,IACF;AAEA,UAAM,WAAW,CAAC,MAA0B;AAC1C,QAAE,gBAAgB;AAClB,QAAE,eAAe;AAEjB,aAAO,oBAAoB,eAAe,MAAM;AAChD,aAAO,oBAAoB,aAAa,QAAQ;AAAA,IAClD;AAEA,WAAO,iBAAiB,eAAe,MAAM;AAC7C,WAAO,iBAAiB,aAAa,QAAQ;AAAA,EAC/C;AAGA,QAAM,cAAc,MAAyB;AAC3C,UAAM,QAA2B,CAAC;AAElC,QAAI,MAAM,MAAM;AACd,YAAM,QAAQ;AACd,YAAM,SAAS;AAAA,IACjB,OAAO;AACL,UAAI,MAAM,YAAY,QAAW;AAC/B,cAAM,QAAQ,GAAG,MAAM,OAAO;AAAA,MAChC;AACA,UAAI,MAAM,aAAa,QAAW;AAChC,cAAM,SAAS,GAAG,MAAM,QAAQ;AAAA,MAClC;AAAA,IACF;AAEA,QAAI,MAAM,eAAe,QAAW;AAClC,YAAM,WAAW,IAAI,GAAG,MAAM,UAAU;AAAA,IAC1C;AACA,QAAI,MAAM,gBAAgB,QAAW;AACnC,YAAM,YAAY,IAAI,GAAG,MAAM,WAAW;AAAA,IAC5C;AAGA,QAAI,MAAM,aAAa,gBAAgB;AACrC,YAAM,WAAW;AACjB,YAAM,QAAQ;AACd,YAAM,SAAS;AAAA,IACjB,WAAW,MAAM,aAAa,aAAa;AACzC,YAAM,WAAW;AACjB,YAAM,QAAQ;AACd,YAAM,MAAM;AAAA,IACd;AAEA,WAAO;AAAA,EACT;AAGA,QAAM,iBAAiB,MAAM;AAC3B,UAAM,OAAO,KAAK,kCAAkC,gBAAgB,UAAU;AAC9E,QAAI,UAAU,GAAG;AACf,aAAO,KAAK,MAAM,2BAA2B;AAAA,IAC/C,OAAO;AACL,aAAO,KAAK,MAAM,0BAA0B;AAAA,IAC9C;AAAA,EACF;AAGA,QAAM,eAAe;AAAA;AAAA,IAEnB;AAAA,MACE;AAAA,MACA;AAAA,MACA,CAAC,MAAM,QAAQ;AAAA,MACf,MAAM,SAAS;AAAA,IACjB;AAAA;AAGF,QAAM,gBAAgB;AAAA;AAAA,IAEpB;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,IAAI,gBAAgB;AAAA,IAChC;AAAA;AAGF,QAAM,kBAAkB,MACtB;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,QAAQ,KAAK,kCAAkC,UAAU,YAAY,IAAI;AAAA,IAC/E,MAAM,OAAO,6BAA6B;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA,MAAM,SAAS;AAAA,IACf,eAAe;AAAA,EACjB;AAGF,QAAM,cAAc,MAAM,KAAK,qBAAqB,eAAe,YAAY,YAAY;AAE3F,SACE,oCAAC,QAAK,MAAM,QAAQ,KAClB,oCAAC,cACC;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,CAAC,OAAO;AACX,qBAAa;AAAA,MACf;AAAA,MACA,cAAU;AAAA,MACV,OAAO,aAAa;AAAA;AAAA,IAGpB,oCAAC,QAAK,MAAM,CAAC,MAAM,SACjB,oCAAC,SAAI,uBAAmB,MAAC,OAAO,cAAc,GAAG,SAAS,qBAAqB,CACjF;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,CAAC,OAAO;AACX,sBAAY;AAAA,QACd;AAAA,QACA,qBAAiB;AAAA,QACjB,MAAK;AAAA,QACL,cAAY,MAAM,QAAQ,SAAY;AAAA,QACtC,cAAY,MAAM;AAAA,QAClB,UAAU;AAAA,QACV,OAAO,QAAQ,gBAAgB,GAAG,MAAM,KAAK;AAAA,QAC7C,OAAO,YAAY;AAAA,QACnB,SAAS;AAAA,QACT,iBAAiB;AAAA;AAAA,MAGjB,oCAAC,QAAK,MAAM,CAAC,MAAM,cACjB;AAAA,QAAC;AAAA;AAAA,UACC,qBAAiB;AAAA,UACjB,OAAO,KAAK,YAAY,GAAG,YAAY;AAAA,UACvC,OAAO,OAAO,MAAM,gBAAgB,WAAW,YAAY,MAAM,WAAW,IAAI,MAAM;AAAA,UACtF,eAAe;AAAA;AAAA,QAEf,oCAAC,QAAG,OAAO,KAAK,UAAU,aAAa,uBAAuB,KAAI,MAAM,KAAM;AAAA,QAC7E,MAAM;AAAA,QACP,oCAAC,QAAK,MAAM,MAAM,YAAY,QAC5B;AAAA,UAAC;AAAA;AAAA,YACC,oBAAgB;AAAA,YAChB,MAAK;AAAA,YACL,OAAO;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA,SAAS;AAAA;AAAA,UAET,oCAAC,QAAK,MAAM,OAAO,MAAK,UAAS;AAAA,QACnC,CACF;AAAA,MACF,CACF;AAAA,MAGA,oCAAC,SAAI,sBAAkB,MAAC,OAAO,sBAC5B,MAAM,QACT;AAAA,MAGA,oCAAC,QAAK,MAAM,MAAM,aAChB,oCAAC,OAAI,MAAM,qBACR,CAAC,cACA;AAAA,QAAC;AAAA;AAAA,UACC,mBAAiB;AAAA,UACjB,OAAO,KAAK,YAAY,cAAc,kBAAkB,SAAS,GAAG,gBAAgB,SAAS,CAAC;AAAA,UAC9F,eAAe,CAAC,MAAM,2BAA2B,GAAG,SAAS;AAAA;AAAA,MAC/D,CAEJ,CACF;AAAA,IACF;AAAA,EACF,CACF,CACF;AAEJ;",
+  "names": []
+}

package/dist/components/disclosure/DialogContext.js

@@ -0,0 +1,14 @@
+import { createContext, useContext } from "solid-js";
+const DialogDefaultsContext = createContext();
+const DialogContext = createContext();
+function useDialog() {
+  const ctx = useContext(DialogContext);
+  if (!ctx) throw new Error("useDialog\uB294 DialogProvider \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4");
+  return ctx;
+}
+export {
+  DialogContext,
+  DialogDefaultsContext,
+  useDialog
+};
+//# sourceMappingURL=DialogContext.js.map

package/dist/components/disclosure/DialogContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/disclosure/DialogContext.ts"],
+  "sourcesContent": ["import { createContext, useContext, type Accessor, type JSX } from \"solid-js\";\n\nexport interface DialogDefaults {\n  closeOnEscape?: boolean;\n  closeOnBackdrop?: boolean;\n}\n\nexport const DialogDefaultsContext = createContext<Accessor<DialogDefaults>>();\n\nexport interface DialogShowOptions {\n  title: string;\n  hideHeader?: boolean;\n  closable?: boolean;\n  closeOnBackdrop?: boolean;\n  closeOnEscape?: boolean;\n  resizable?: boolean;\n  movable?: boolean;\n  float?: boolean;\n  fill?: boolean;\n  widthPx?: number;\n  heightPx?: number;\n  minWidthPx?: number;\n  minHeightPx?: number;\n  position?: \"bottom-right\" | \"top-right\";\n  headerStyle?: JSX.CSSProperties | string;\n  canDeactivate?: () => boolean;\n}\n\nexport interface DialogContextValue {\n  show<T = undefined>(factory: () => JSX.Element, options: DialogShowOptions): Promise<T | undefined>;\n}\n\nexport const DialogContext = createContext<DialogContextValue>();\n\nexport function useDialog(): DialogContextValue {\n  const ctx = useContext(DialogContext);\n  if (!ctx) throw new Error(\"useDialog\uB294 DialogProvider \uB0B4\uBD80\uC5D0\uC11C\uB9CC \uC0AC\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4\");\n  return ctx;\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe,kBAA2C;AAO5D,MAAM,wBAAwB,cAAwC;AAyBtE,MAAM,gBAAgB,cAAkC;AAExD,SAAS,YAAgC;AAC9C,QAAM,MAAM,WAAW,aAAa;AACpC,MAAI,CAAC,IAAK,OAAM,IAAI,MAAM,kHAA4C;AACtE,SAAO;AACT;",
+  "names": []
+}

package/dist/components/disclosure/DialogInstanceContext.js

@@ -0,0 +1,10 @@
+import { createContext, useContext } from "solid-js";
+const DialogInstanceContext = createContext();
+function useDialogInstance() {
+  return useContext(DialogInstanceContext);
+}
+export {
+  DialogInstanceContext,
+  useDialogInstance
+};
+//# sourceMappingURL=DialogInstanceContext.js.map

package/dist/components/disclosure/DialogInstanceContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/disclosure/DialogInstanceContext.ts"],
+  "sourcesContent": ["import { createContext, useContext } from \"solid-js\";\n\nexport interface DialogInstance<T> {\n  close: (result?: T) => void;\n}\n\nexport const DialogInstanceContext = createContext<DialogInstance<unknown>>();\n\nexport function useDialogInstance<T = undefined>(): DialogInstance<T> | undefined {\n  return useContext(DialogInstanceContext) as DialogInstance<T> | undefined;\n}\n"],
+  "mappings": "AAAA,SAAS,eAAe,kBAAkB;AAMnC,MAAM,wBAAwB,cAAuC;AAErE,SAAS,oBAAkE;AAChF,SAAO,WAAW,qBAAqB;AACzC;",
+  "names": []
+}