@machinerd/js-module 0.9.0 → 0.10.0

package/README.md

@@ -22,12 +22,6 @@ yarn add @machinerd/js-module
 import '@machinerd/js-module/styles/index.css';
 ```
 
-에디터(Tiptap)를 쓸 때만 아래를 추가로 넣습니다.
-
-```js
-import '@machinerd/js-module/styles/editor.css';
-```
-
 ---
 
 ## API 클라이언트 (`@machinerd/js-module`)

package/dist/{api-client-C0sbSOQf.mjs → api-client-B-kwZogn.mjs}

@@ -1 +1 @@
-import{t as e}from"./src-CIMlbgv1.mjs";import{createContext as t,useContext as n,useMemo as r}from"react";import{jsx as i}from"react/jsx-runtime";const a=t(null);function o({children:t,config:n}){let{apiEndpoint:o,cdnEndpoint:s}=n,c=r(()=>new e({apiEndpoint:o,cdnEndpoint:s}),[o,s]);return i(a.Provider,{value:c,children:t})}function s(){let e=n(a);if(!e)throw Error(`ApiClient not found`);return e}export{s as n,o as t};
+import{t as e}from"./src-Ce2i3Lkj.mjs";import{createContext as t,useContext as n,useMemo as r}from"react";import{jsx as i}from"react/jsx-runtime";const a=t(null);function o({children:t,config:n}){let{apiEndpoint:o,cdnEndpoint:s}=n,c=r(()=>new e({apiEndpoint:o,cdnEndpoint:s}),[o,s]);return i(a.Provider,{value:c,children:t})}function s(){let e=n(a);if(!e)throw Error(`ApiClient not found`);return e}export{s as n,o as t};

package/dist/hooks/common/index.cjs

@@ -1 +1 @@
-"use client";require(`../../src-6KfzqI9Z.cjs`),require(`../../file-5mweNdAM.cjs`);const e=require(`../../use-drag-resize-DeDqPC4h.cjs`),t=require(`../../common-B8HXyhZa.cjs`),n=require(`../../use-dialog-stack-YiLs-sNf.cjs`);require(`../../api-client-C3o2pO0q.cjs`);const r=require(`../../use-subset-image-o_gmC1HL.cjs`);exports.RESIZE_CONSTANTS=e.t,exports.SKIP=t.o,exports.SUBSETS=r.t,exports.useDelayUnmount=t.l,exports.useDialogStack=n.t,exports.useDragResize=e.n,exports.useDragScroll=t.c,exports.useEffectOnce=t.s,exports.useOutsideClick=t.a,exports.useScrollLock=t.i,exports.useScrollTop=t.r,exports.useSticky=t.n,exports.useSubsetImage=r.n,exports.useWindowSize=t.t;
+"use client";require(`../../src-6KfzqI9Z.cjs`),require(`../../file-5mweNdAM.cjs`);const e=require(`../../common-BQEGjmFn.cjs`),t=require(`../../use-dialog-stack-DmBRPhe2.cjs`);require(`../../api-client-BH5tW3p8.cjs`);const n=require(`../../use-subset-image-CTy5mCLo.cjs`);exports.SKIP=e.o,exports.SUBSETS=n.t,exports.useDelayUnmount=e.l,exports.useDialogStack=t.t,exports.useDragScroll=e.c,exports.useEffectOnce=e.s,exports.useOutsideClick=e.a,exports.useScrollLock=e.i,exports.useScrollTop=e.r,exports.useSticky=e.n,exports.useSubsetImage=n.n,exports.useWindowSize=e.t;

package/dist/hooks/common/index.d.cts

@@ -1,6 +1,5 @@
-import { a as Size, i as ResizeHandleProps, n as RESIZE_CONSTANTS, o as UseDragResizeProps, r as ResizeDirection, s as useDragResize, t as LimitSize } from "../../use-drag-resize-DEgcua2U.cjs";
-import { a as useSubsetImage, i as UseSubsetImageProps, n as Folder, r as SUBSETS, t as BaseProps } from "../../use-subset-image-bDB5TSd4.cjs";
-import * as react6 from "react";
+import { a as useSubsetImage, i as UseSubsetImageProps, n as Folder, r as SUBSETS, t as BaseProps } from "../../use-subset-image-oZAiC9VK.cjs";
+import * as react0 from "react";
 import { DependencyList, Dispatch, EffectCallback, RefObject, SetStateAction } from "react";
 
 //#region src/hooks/use-delay-unmount.d.ts
@@ -11,7 +10,7 @@ declare function useDialogStack(isOpen: boolean, onClose: () => void, lockScroll
 //#endregion
 //#region src/hooks/use-drag-scroll.d.ts
 declare function useDragScroll(speed?: number): {
-  ref: react6.RefObject<HTMLDivElement>;
+  ref: react0.RefObject<HTMLDivElement>;
   onMouseDown: (e: React.MouseEvent) => void;
   onMouseLeave: () => void;
   onMouseUp: () => void;
@@ -55,12 +54,12 @@ declare function useScrollTop({
 }?: UseScrollTopProps): {
   isVisible: boolean;
   handleScrolToTop: () => void;
-  ref: react6.RefObject<HTMLDivElement>;
+  ref: react0.RefObject<HTMLDivElement>;
 };
 //#endregion
 //#region src/hooks/use-sticky.d.ts
 declare function useSticky(): {
-  sentinelRef: react6.Dispatch<react6.SetStateAction<HTMLDivElement | null>>;
+  sentinelRef: react0.Dispatch<react0.SetStateAction<HTMLDivElement | null>>;
   isStuck: boolean;
 };
 //#endregion
@@ -69,4 +68,4 @@ declare function useWindowSize(defaultWidth?: number): {
   windowSize: number;
 };
 //#endregion
-export { BaseProps, Folder, LimitSize, RESIZE_CONSTANTS, ResizeDirection, ResizeHandleProps, SKIP, SUBSETS, Size, UseDragResizeProps, UseOutsideClickProps, UseScrollLockProps, UseScrollTopProps, UseSubsetImageProps, useDelayUnmount, useDialogStack, useDragResize, useDragScroll, useEffectOnce, useOutsideClick, useScrollLock, useScrollTop, useSticky, useSubsetImage, useWindowSize };
+export { BaseProps, Folder, SKIP, SUBSETS, UseOutsideClickProps, UseScrollLockProps, UseScrollTopProps, UseSubsetImageProps, useDelayUnmount, useDialogStack, useDragScroll, useEffectOnce, useOutsideClick, useScrollLock, useScrollTop, useSticky, useSubsetImage, useWindowSize };

package/dist/hooks/common/index.d.mts

@@ -1,6 +1,5 @@
-import { a as Size, i as ResizeHandleProps, n as RESIZE_CONSTANTS, o as UseDragResizeProps, r as ResizeDirection, s as useDragResize, t as LimitSize } from "../../use-drag-resize-DRHPv5RK.mjs";
-import { a as useSubsetImage, i as UseSubsetImageProps, n as Folder, r as SUBSETS, t as BaseProps } from "../../use-subset-image-Dygkyw-W.mjs";
-import * as react5 from "react";
+import { a as useSubsetImage, i as UseSubsetImageProps, n as Folder, r as SUBSETS, t as BaseProps } from "../../use-subset-image-Ck1Gk5Qk.mjs";
+import * as react1 from "react";
 import { DependencyList, Dispatch, EffectCallback, RefObject, SetStateAction } from "react";
 
 //#region src/hooks/use-delay-unmount.d.ts
@@ -11,7 +10,7 @@ declare function useDialogStack(isOpen: boolean, onClose: () => void, lockScroll
 //#endregion
 //#region src/hooks/use-drag-scroll.d.ts
 declare function useDragScroll(speed?: number): {
-  ref: react5.RefObject<HTMLDivElement>;
+  ref: react1.RefObject<HTMLDivElement>;
   onMouseDown: (e: React.MouseEvent) => void;
   onMouseLeave: () => void;
   onMouseUp: () => void;
@@ -55,12 +54,12 @@ declare function useScrollTop({
 }?: UseScrollTopProps): {
   isVisible: boolean;
   handleScrolToTop: () => void;
-  ref: react5.RefObject<HTMLDivElement>;
+  ref: react1.RefObject<HTMLDivElement>;
 };
 //#endregion
 //#region src/hooks/use-sticky.d.ts
 declare function useSticky(): {
-  sentinelRef: react5.Dispatch<react5.SetStateAction<HTMLDivElement | null>>;
+  sentinelRef: react1.Dispatch<react1.SetStateAction<HTMLDivElement | null>>;
   isStuck: boolean;
 };
 //#endregion
@@ -69,4 +68,4 @@ declare function useWindowSize(defaultWidth?: number): {
   windowSize: number;
 };
 //#endregion
-export { BaseProps, Folder, LimitSize, RESIZE_CONSTANTS, ResizeDirection, ResizeHandleProps, SKIP, SUBSETS, Size, UseDragResizeProps, UseOutsideClickProps, UseScrollLockProps, UseScrollTopProps, UseSubsetImageProps, useDelayUnmount, useDialogStack, useDragResize, useDragScroll, useEffectOnce, useOutsideClick, useScrollLock, useScrollTop, useSticky, useSubsetImage, useWindowSize };
+export { BaseProps, Folder, SKIP, SUBSETS, UseOutsideClickProps, UseScrollLockProps, UseScrollTopProps, UseSubsetImageProps, useDelayUnmount, useDialogStack, useDragScroll, useEffectOnce, useOutsideClick, useScrollLock, useScrollTop, useSticky, useSubsetImage, useWindowSize };

package/dist/hooks/common/index.mjs

@@ -1 +1 @@
-"use client";import"../../src-CIMlbgv1.mjs";import"../../file-B-UJkabO.mjs";import{n as e,t}from"../../use-drag-resize-BdeLdulk.mjs";import{a as n,c as r,i,l as a,n as o,o as s,r as c,s as l,t as u}from"../../common-CWHkXe0F.mjs";import{t as d}from"../../use-dialog-stack-Crj8YWJl.mjs";import"../../api-client-C0sbSOQf.mjs";import{n as f,t as p}from"../../use-subset-image-Df2fCrtH.mjs";export{t as RESIZE_CONSTANTS,s as SKIP,p as SUBSETS,a as useDelayUnmount,d as useDialogStack,e as useDragResize,r as useDragScroll,l as useEffectOnce,n as useOutsideClick,i as useScrollLock,c as useScrollTop,o as useSticky,f as useSubsetImage,u as useWindowSize};
+"use client";import"../../src-Ce2i3Lkj.mjs";import"../../file-CjW1pMb_.mjs";import{a as e,c as t,i as n,l as r,n as i,o as a,r as o,s,t as c}from"../../common-L3y7_eAy.mjs";import{t as l}from"../../use-dialog-stack-STwnhvBB.mjs";import"../../api-client-B-kwZogn.mjs";import{n as u,t as d}from"../../use-subset-image-LQWsE5P4.mjs";export{a as SKIP,d as SUBSETS,r as useDelayUnmount,l as useDialogStack,t as useDragScroll,s as useEffectOnce,e as useOutsideClick,n as useScrollLock,o as useScrollTop,i as useSticky,u as useSubsetImage,c as useWindowSize};

package/dist/index.d.cts

@@ -1,2 +1,2 @@
-import { n as ApiConfig, r as UploadValues, t as ApiClient } from "./index-B1YNV_Vm.cjs";
+import { n as ApiConfig, r as UploadValues, t as ApiClient } from "./index-ChiDX5zW.cjs";
 export { ApiConfig, UploadValues, ApiClient as default };

package/dist/index.d.mts

@@ -1,2 +1,2 @@
-import { n as ApiConfig, r as UploadValues, t as ApiClient } from "./index-C8chDULk.mjs";
+import { n as ApiConfig, r as UploadValues, t as ApiClient } from "./index-CFOJBfVt.mjs";
 export { ApiConfig, UploadValues, ApiClient as default };

package/dist/index.mjs

@@ -1 +1 @@
-import{t as e}from"./src-CIMlbgv1.mjs";export{e as default};
+import{t as e}from"./src-Ce2i3Lkj.mjs";export{e as default};

package/dist/providers/api-client/index.cjs

@@ -1 +1 @@
-require(`../../src-6KfzqI9Z.cjs`);const e=require(`../../api-client-C3o2pO0q.cjs`);exports.ApiClientProvider=e.t,exports.useApiClient=e.n;
+require(`../../src-6KfzqI9Z.cjs`);const e=require(`../../api-client-BH5tW3p8.cjs`);exports.ApiClientProvider=e.t,exports.useApiClient=e.n;

package/dist/providers/api-client/index.d.cts

@@ -1,5 +1,5 @@
-import { n as ApiConfig, t as ApiClient } from "../../index-B1YNV_Vm.cjs";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import { n as ApiConfig, t as ApiClient } from "../../index-ChiDX5zW.cjs";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/providers/api-client/api-client.d.ts
 declare function ApiClientProvider({
@@ -8,7 +8,7 @@ declare function ApiClientProvider({
 }: {
   children: React.ReactNode;
   config: ApiConfig;
-}): react_jsx_runtime14.JSX.Element;
+}): react_jsx_runtime0.JSX.Element;
 declare function useApiClient(): ApiClient;
 //#endregion
 export { ApiClientProvider, useApiClient };

package/dist/providers/api-client/index.d.mts

@@ -1,5 +1,5 @@
-import { n as ApiConfig, t as ApiClient } from "../../index-C8chDULk.mjs";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import { n as ApiConfig, t as ApiClient } from "../../index-CFOJBfVt.mjs";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 
 //#region src/providers/api-client/api-client.d.ts
 declare function ApiClientProvider({
@@ -8,7 +8,7 @@ declare function ApiClientProvider({
 }: {
   children: React.ReactNode;
   config: ApiConfig;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime10.JSX.Element;
 declare function useApiClient(): ApiClient;
 //#endregion
 export { ApiClientProvider, useApiClient };

package/dist/providers/api-client/index.mjs

@@ -1 +1 @@
-import"../../src-CIMlbgv1.mjs";import{n as e,t}from"../../api-client-C0sbSOQf.mjs";export{t as ApiClientProvider,e as useApiClient};
+import"../../src-Ce2i3Lkj.mjs";import{n as e,t}from"../../api-client-B-kwZogn.mjs";export{t as ApiClientProvider,e as useApiClient};

package/dist/providers/noti-stack/index.d.cts

@@ -1,11 +1,11 @@
 import { ComponentProps } from "react";
-import * as react_jsx_runtime21 from "react/jsx-runtime";
 import { SnackbarProvider } from "notistack";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/providers/noti-stack/noti-stack.d.ts
 declare function NotiStackProvider({
   maxSnack,
   ...props
-}: ComponentProps<typeof SnackbarProvider>): react_jsx_runtime21.JSX.Element;
+}: ComponentProps<typeof SnackbarProvider>): react_jsx_runtime0.JSX.Element;
 //#endregion
 export { NotiStackProvider };

package/dist/{skeleton-Y22bmaaB.mjs → skeleton-azZrk5-3.mjs}

@@ -1 +1 @@
-import{n as e}from"./common-ZUMpASnc.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(e(`komc:w-full komc:animate-pulse komc:bg-gray-200`),{variants:{size:{xs:`komc:h-4`,sm:`komc:h-8`,md:`komc:h-12`,lg:`komc:h-16`,xl:`komc:h-20`,"2xl":`komc:h-24`,"3xl":`komc:h-28`,square:`komc:h-auto komc:aspect-square`,full:`komc:h-full`},rounded:{none:`komc:rounded-none`,sm:`komc:rounded-sm`,md:`komc:rounded-md`,lg:`komc:rounded-lg`,xl:`komc:rounded-xl`,"2xl":`komc:rounded-2xl`,"3xl":`komc:rounded-3xl`,full:`komc:rounded-full`}},defaultVariants:{size:`sm`,rounded:`sm`}});function i({size:e,rounded:n,width:i,height:a,className:o,...s}){let c=i?typeof i==`string`?i:`${i}px`:void 0,l=a?typeof a==`string`?a:`${a}px`:void 0;return t(`div`,{"data-komc":!0,"aria-hidden":`true`,className:r({size:e,rounded:n,className:o}),style:{width:c,height:l},...s})}export{i as t};
+import{n as e}from"./common-CCtD91nO.mjs";import{jsx as t}from"react/jsx-runtime";import{cva as n}from"class-variance-authority";const r=n(e(`komc:w-full komc:animate-pulse komc:bg-gray-200`),{variants:{size:{xs:`komc:h-4`,sm:`komc:h-8`,md:`komc:h-12`,lg:`komc:h-16`,xl:`komc:h-20`,"2xl":`komc:h-24`,"3xl":`komc:h-28`,square:`komc:h-auto komc:aspect-square`,full:`komc:h-full`},rounded:{none:`komc:rounded-none`,sm:`komc:rounded-sm`,md:`komc:rounded-md`,lg:`komc:rounded-lg`,xl:`komc:rounded-xl`,"2xl":`komc:rounded-2xl`,"3xl":`komc:rounded-3xl`,full:`komc:rounded-full`}},defaultVariants:{size:`sm`,rounded:`sm`}});function i({size:e,rounded:n,width:i,height:a,className:o,...s}){let c=i?typeof i==`string`?i:`${i}px`:void 0,l=a?typeof a==`string`?a:`${a}px`:void 0;return t(`div`,{"data-komc":!0,"aria-hidden":`true`,className:r({size:e,rounded:n,className:o}),style:{width:c,height:l},...s})}export{i as t};

package/dist/styles/index.css

@@ -5,11 +5,9 @@
   :root, :host {
     --komc-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
     monospace;
-    --komc-color-red-600: oklch(57.7% 0.245 27.325);
     --komc-color-sky-950: #006699;
     --komc-color-blue-50: oklch(97% 0.014 254.604);
     --komc-color-blue-500: oklch(62.3% 0.214 259.815);
-    --komc-color-blue-600: oklch(54.6% 0.245 262.881);
     --komc-color-indigo-600: oklch(51.1% 0.262 276.966);
     --komc-color-indigo-700: oklch(45.7% 0.24 277.023);
     --komc-color-gray-50: #fafafa;
@@ -83,16 +81,9 @@
     container-type: inline-size;
     container-name: dialog-content;
   }
-  .komc\:\@container\/komc-editor {
-    container-type: inline-size;
-    container-name: komc-editor;
-  }
   .komc\:pointer-events-auto {
     pointer-events: auto;
   }
-  .komc\:pointer-events-none {
-    pointer-events: none;
-  }
   .komc\:invisible {
     visibility: hidden;
   }
@@ -111,54 +102,30 @@
   .komc\:sticky {
     position: sticky;
   }
-  .komc\:-inset-1\.5 {
-    inset: calc(var(--komc-spacing) * -1.5);
-  }
   .komc\:inset-0 {
     inset: 0px;
   }
-  .komc\:-top-1 {
-    top: calc(var(--komc-spacing) * -1);
-  }
   .komc\:top-0 {
     top: 0px;
   }
-  .komc\:top-1\/2 {
-    top: calc(1 / 2 * 100%);
-  }
   .komc\:top-full {
     top: 100%;
   }
-  .komc\:-right-1 {
-    right: calc(var(--komc-spacing) * -1);
-  }
   .komc\:right-0 {
     right: 0px;
   }
-  .komc\:right-1 {
-    right: var(--komc-spacing);
-  }
   .komc\:right-5 {
     right: calc(var(--komc-spacing) * 5);
   }
-  .komc\:-bottom-1 {
-    bottom: calc(var(--komc-spacing) * -1);
-  }
   .komc\:bottom-0 {
     bottom: 0px;
   }
   .komc\:bottom-full {
     bottom: 100%;
   }
-  .komc\:-left-1 {
-    left: calc(var(--komc-spacing) * -1);
-  }
   .komc\:left-0 {
     left: 0px;
   }
-  .komc\:left-1 {
-    left: var(--komc-spacing);
-  }
   .komc\:left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
@@ -168,18 +135,9 @@
   .komc\:z-0 {
     z-index: 0;
   }
-  .komc\:z-2 {
-    z-index: 2;
-  }
   .komc\:z-10 {
     z-index: 10;
   }
-  .komc\:z-20 {
-    z-index: 20;
-  }
-  .komc\:z-50 {
-    z-index: 50;
-  }
   .komc\:z-99 {
     z-index: 99;
   }
@@ -195,9 +153,6 @@
   .komc\:-mt-4 {
     margin-top: calc(var(--komc-spacing) * -4);
   }
-  .komc\:mt-0\.5 {
-    margin-top: calc(var(--komc-spacing) * 0.5);
-  }
   .komc\:mt-3 {
     margin-top: calc(var(--komc-spacing) * 3);
   }
@@ -213,9 +168,6 @@
   .komc\:-ml-4 {
     margin-left: calc(var(--komc-spacing) * -4);
   }
-  .komc\:ml-1 {
-    margin-left: var(--komc-spacing);
-  }
   .komc\:block {
     display: block;
   }
@@ -228,9 +180,6 @@
   .komc\:hidden {
     display: none;
   }
-  .komc\:inline {
-    display: inline;
-  }
   .komc\:inline-flex {
     display: inline-flex;
   }
@@ -328,9 +277,6 @@
   .komc\:min-h-16 {
     min-height: calc(var(--komc-spacing) * 16);
   }
-  .komc\:min-h-25 {
-    min-height: calc(var(--komc-spacing) * 25);
-  }
   .komc\:min-h-32 {
     min-height: calc(var(--komc-spacing) * 32);
   }
@@ -355,15 +301,9 @@
   .komc\:w-5 {
     width: calc(var(--komc-spacing) * 5);
   }
-  .komc\:w-6 {
-    width: calc(var(--komc-spacing) * 6);
-  }
   .komc\:w-10 {
     width: calc(var(--komc-spacing) * 10);
   }
-  .komc\:w-14 {
-    width: calc(var(--komc-spacing) * 14);
-  }
   .komc\:w-\[50dvw\] {
     width: 50dvw;
   }
@@ -451,10 +391,6 @@
     --tw-translate-x: 100%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
-  .komc\:-translate-y-1\/2 {
-    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
-    translate: var(--tw-translate-x) var(--tw-translate-y);
-  }
   .komc\:-translate-y-2 {
     --tw-translate-y: calc(var(--komc-spacing) * -2);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -477,33 +413,9 @@
   .komc\:cursor-default {
     cursor: default;
   }
-  .komc\:cursor-ew-resize {
-    cursor: ew-resize;
-  }
-  .komc\:cursor-grab {
-    cursor: grab;
-  }
-  .komc\:cursor-ne-resize {
-    cursor: ne-resize;
-  }
-  .komc\:cursor-ns-resize {
-    cursor: ns-resize;
-  }
-  .komc\:cursor-nw-resize {
-    cursor: nw-resize;
-  }
   .komc\:cursor-pointer {
     cursor: pointer;
   }
-  .komc\:cursor-se-resize {
-    cursor: se-resize;
-  }
-  .komc\:cursor-sw-resize {
-    cursor: sw-resize;
-  }
-  .komc\:touch-none {
-    touch-action: none;
-  }
   .komc\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -566,9 +478,6 @@
     margin-block-start: calc(calc(var(--komc-spacing) * 3) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--komc-spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
   }
-  .komc\:gap-x-1 {
-    column-gap: var(--komc-spacing);
-  }
   .komc\:gap-x-2 {
     column-gap: calc(var(--komc-spacing) * 2);
   }
@@ -619,10 +528,6 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
-  .komc\:border-\[0\.6px\] {
-    border-style: var(--tw-border-style);
-    border-width: 0.6px;
-  }
   .komc\:border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -739,12 +644,6 @@
   .komc\:bg-white {
     background-color: var(--komc-color-white);
   }
-  .komc\:bg-white\/60 {
-    background-color: var(--komc-color-white);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--komc-color-white) 60%, transparent);
-    }
-  }
   .komc\:p-0 {
     padding: 0px;
   }
@@ -871,9 +770,6 @@
   .komc\:break-all {
     word-break: break-all;
   }
-  .komc\:whitespace-pre {
-    white-space: pre;
-  }
   .komc\:text-\[\#1890FF\] {
     color: #1890FF;
   }
@@ -901,9 +797,6 @@
   .komc\:text-neutral-800 {
     color: var(--komc-color-neutral-800);
   }
-  .komc\:text-red-600 {
-    color: var(--komc-color-red-600);
-  }
   .komc\:text-white {
     color: var(--komc-color-white);
   }
@@ -1012,38 +905,6 @@
     --tw-outline-style: none;
     outline-style: none;
   }
-  .komc\:select-none {
-    -webkit-user-select: none;
-    user-select: none;
-  }
-  :is(.komc\:\*\:h-1\.5 > *) {
-    height: calc(var(--komc-spacing) * 1.5);
-  }
-  :is(.komc\:\*\:h-full > *) {
-    height: 100%;
-  }
-  :is(.komc\:\*\:w-1\.5 > *) {
-    width: calc(var(--komc-spacing) * 1.5);
-  }
-  :is(.komc\:\*\:w-full > *) {
-    width: 100%;
-  }
-  :is(.komc\:\*\*\:pointer-events-auto *) {
-    pointer-events: auto;
-  }
-  @media (hover: hover) {
-    .komc\:group-hover\:opacity-100:is(:where(.komc\:group):hover *) {
-      opacity: 100%;
-    }
-    .komc\:group-hover\/resize\:bg-blue-500\/50:is(:where(.komc\:group\/resize):hover *) {
-      background-color: var(--komc-color-blue-500);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-      .komc\:group-hover\/resize\:bg-blue-500\/50:is(:where(.komc\:group\/resize):hover *) {
-        background-color: color-mix(in oklab, var(--komc-color-blue-500) 50%, transparent);
-      }
-    }
-  }
   .komc\:after\:pointer-events-none::after {
     content: var(--tw-content);
     pointer-events: none;
@@ -1052,18 +913,6 @@
     content: var(--tw-content);
     visibility: hidden;
   }
-  .komc\:after\:absolute::after {
-    content: var(--tw-content);
-    position: absolute;
-  }
-  .komc\:after\:-inset-1\.5::after {
-    content: var(--tw-content);
-    inset: calc(var(--komc-spacing) * -1.5);
-  }
-  .komc\:after\:z-1::after {
-    content: var(--tw-content);
-    z-index: 1;
-  }
   .komc\:after\:h-0::after {
     content: var(--tw-content);
     height: 0px;
@@ -1072,47 +921,11 @@
     content: var(--tw-content);
     overflow: hidden;
   }
-  .komc\:after\:rounded-\(--node-radius\)::after {
-    content: var(--tw-content);
-    border-radius: var(--node-radius);
-  }
-  .komc\:after\:bg-\[\#2383E2\]\/14::after {
-    content: var(--tw-content);
-    background-color: color-mix(in oklab, #2383E2 14%, transparent);
-  }
   .komc\:after\:font-bold::after {
     content: var(--tw-content);
     --tw-font-weight: var(--komc-font-weight-bold);
     font-weight: var(--komc-font-weight-bold);
   }
-  .komc\:after\:opacity-0::after {
-    content: var(--tw-content);
-    opacity: 0%;
-  }
-  .komc\:after\:opacity-100::after {
-    content: var(--tw-content);
-    opacity: 100%;
-  }
-  .komc\:after\:transition-opacity::after {
-    content: var(--tw-content);
-    transition-property: opacity;
-    transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
-  }
-  .komc\:after\:duration-200::after {
-    content: var(--tw-content);
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
-  }
-  .komc\:after\:ease-in-out::after {
-    content: var(--tw-content);
-    --tw-ease: var(--komc-ease-in-out);
-    transition-timing-function: var(--komc-ease-in-out);
-  }
-  .komc\:after\:content-\[\"\"\]::after {
-    --tw-content: "";
-    content: var(--tw-content);
-  }
   .komc\:after\:content-\[attr\(data-text\)\]::after {
     --tw-content: attr(data-text);
     content: var(--tw-content);
@@ -1122,17 +935,7 @@
     -webkit-user-select: none;
     user-select: none;
   }
-  .komc\:focus-within\:border-blue-500:focus-within {
-    border-color: var(--komc-color-blue-500);
-  }
-  .komc\:focus-within\:ring-4:focus-within {
-    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  }
   @media (hover: hover) {
-    .komc\:hover\:z-1:hover {
-      z-index: 1;
-    }
     .komc\:hover\:border-transparent:hover {
       border-color: transparent;
     }
@@ -1145,9 +948,6 @@
     .komc\:hover\:bg-blue-500:hover {
       background-color: var(--komc-color-blue-500);
     }
-    .komc\:hover\:bg-blue-600:hover {
-      background-color: var(--komc-color-blue-600);
-    }
     .komc\:hover\:bg-gray-100:hover {
       background-color: var(--komc-color-gray-100);
     }
@@ -1200,9 +1000,6 @@
       text-decoration-line: underline;
     }
   }
-  .komc\:active\:cursor-grabbing:active {
-    cursor: grabbing;
-  }
   .komc\:active\:border-transparent:active {
     border-color: transparent;
   }
@@ -1257,9 +1054,6 @@
   .komc\:active\:underline:active {
     text-decoration-line: underline;
   }
-  .komc\:disabled\:pointer-events-none:disabled {
-    pointer-events: none;
-  }
   .komc\:disabled\:cursor-default:disabled {
     cursor: default;
   }
@@ -1290,45 +1084,6 @@
   .komc\:disabled\:text-gray-800:disabled {
     color: var(--komc-color-gray-800);
   }
-  :is(.komc\:\*\:data-komc-node-clip\:opacity-100 > *)[data-komc-node-clip] {
-    opacity: 100%;
-  }
-  :is(.komc\:\*\:data-komc-node-clip\:outline-0 > *)[data-komc-node-clip] {
-    outline-style: var(--tw-outline-style);
-    outline-width: 0px;
-  }
-  :is(.komc\:\*\:data-komc-node-clip\:-outline-offset-1 > *)[data-komc-node-clip] {
-    outline-offset: calc(1px * -1);
-  }
-  :is(.komc\:\*\:data-komc-node-clip\:outline-gray-700 > *)[data-komc-node-clip] {
-    outline-color: var(--komc-color-gray-700);
-  }
-  :is(.komc\:\*\:data-komc-node-clip\:transition-opacity > *)[data-komc-node-clip] {
-    transition-property: opacity;
-    transition-timing-function: var(--tw-ease, var(--komc-default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--komc-default-transition-duration));
-  }
-  :is(.komc\:\*\:data-komc-node-clip\:duration-200 > *)[data-komc-node-clip] {
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
-  }
-  :is(.komc\:\*\:data-komc-node-clip\:ease-in-out > *)[data-komc-node-clip] {
-    --tw-ease: var(--komc-ease-in-out);
-    transition-timing-function: var(--komc-ease-in-out);
-  }
-  :is(.komc\:\*\:data-komc-node-clip\:outline-none > *)[data-komc-node-clip] {
-    --tw-outline-style: none;
-    outline-style: none;
-  }
-  @media (hover: hover) {
-    :is(.komc\:hover\:\*\:data-komc-node-clip\:opacity-70:hover > *)[data-komc-node-clip] {
-      opacity: 70%;
-    }
-    :is(.komc\:hover\:\*\:data-komc-node-clip\:outline-3:hover > *)[data-komc-node-clip] {
-      outline-style: var(--tw-outline-style);
-      outline-width: 3px;
-    }
-  }
   .komc\:data-\[state\=closed\]\:scale-95[data-state="closed"] {
     --tw-scale-x: 95%;
     --tw-scale-y: 95%;
@@ -1639,11 +1394,6 @@
   initial-value: "";
   inherits: false;
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
 @property --tw-scale-x {
   syntax: "*";
   inherits: false;
@@ -1713,7 +1463,6 @@
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
-      --tw-outline-style: solid;
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;