@machinerd/js-module 0.9.0 → 0.10.0

package/dist/button-CQZuaIU7.mjs

@@ -1 +0,0 @@
-import{n as e}from"./common-ZUMpASnc.mjs";import{forwardRef as t}from"react";import{jsx as n}from"react/jsx-runtime";import{cva as r}from"class-variance-authority";import{Slot as i}from"@radix-ui/react-slot";const a=r(e(`komc:flex komc:justify-center komc:items-center komc:gap-x-2 komc:w-full`,`komc:transition-colors komc:duration-200 komc:relative`,`komc:[&_svg]:transition-colors komc:[&_svg]:duration-200`,`komc:cursor-pointer komc:disabled:cursor-default`),{variants:{size:{xxs:`komc:h-7.5`,xs:`komc:h-8`,sm:`komc:h-9`,md:`komc:h-10`,lg:`komc:h-11`,xl:`komc:h-12`,"2xl":`komc:h-13`,"3xl":`komc:h-14`,"4xl":`komc:h-15`},shadow:{none:``,sm:`komc:drop-shadow-sm`,md:`komc:drop-shadow-md`,lg:`komc:drop-shadow-lg`,xl:`komc:drop-shadow-xl`,"2xl":`komc:drop-shadow-2xl`,"3xl":`komc:drop-shadow-3xl`},outline:{line:`komc:border`,solid:`komc:border komc:border-transparent`,clear:`komc:border-none`},variant:{blue:``,duo:``,white:``,gray:``,neutral:``,night:``,black:``,sky:``,"sky-blue":``,indigo:``},px:{none:`komc:px-0`,xs:`komc:px-0.5`,sm:`komc:px-1`,md:`komc:px-1.5`,lg:`komc:px-2`,xl:`komc:px-3`,"2xl":`komc:px-4`,"3xl":`komc:px-5`,"4xl":`komc:px-6`},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`}},compoundVariants:[{outline:`line`,variant:`blue`,className:e(`komc:border-blue-500 komc:bg-white komc:text-blue-500`,`komc:hover:border-transparent komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:border-transparent komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`duo`,className:e(`komc:border-blue-500 komc:bg-white komc:text-brand-blck`,`komc:hover:border-transparent komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:border-transparent komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`white`,className:e(`komc:border-gray-600 komc:bg-white komc:text-brand-blck`,`komc:hover:bg-gray-200 komc:hover:text-brand-blck`,`komc:active:bg-gray-200 komc:active:text-brand-blck`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`gray`,className:e(`komc:border-white komc:bg-transparent komc:text-white`,`komc:hover:bg-[rgb(199,199,199)] komc:hover:text-white`,`komc:active:bg-[rgb(199,199,199)] komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`neutral`,className:e(`komc:border-gray-800 komc:bg-transparent komc:text-black`,`komc:hover:bg-gray-200 komc:hover:text-black`,`komc:active:bg-gray-200 komc:active:text-black`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`line`,variant:`sky`,className:e(`komc:border-sky-750 komc:bg-transparent komc:text-black`,`komc:hover:bg-sky-750 komc:hover:text-white`,`komc:active:bg-sky-750 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`line`,variant:`sky-blue`,className:e(`komc:border-sky-450 komc:bg-transparent komc:text-black`,`komc:hover:bg-sky-450 komc:hover:text-white`,`komc:active:bg-sky-450 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`solid`,variant:`white`,className:e(`komc:bg-white komc:text-brand-blck`,`komc:hover:bg-gray-200`,`komc:active:bg-gray-200`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`gray`,className:e(`komc:bg-gray-100 komc:text-blue-500`,`komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`blue`,className:e(`komc:bg-blue-500 komc:text-white`,`komc:hover:bg-night-700 komc:hover:text-white`,`komc:active:bg-night-700 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`night`,className:e(`komc:bg-night-700 komc:text-white`,`komc:hover:bg-night-800 komc:hover:text-white`,`komc:active:bg-night-800 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`black`,className:e(`komc:bg-[rgb(95,95,96)] komc:text-white`,`komc:hover:bg-[rgb(76,76,77)] komc:hover:text-white`,`komc:active:bg-[rgb(76,76,77)] komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`sky`,className:e(`komc:bg-sky-750 komc:text-white`,`komc:hover:bg-sky-950 komc:hover:text-white`,`komc:active:bg-sky-950 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`solid`,variant:`sky-blue`,className:e(`komc:bg-sky-450 komc:text-white`,`komc:hover:bg-sky-650 komc:hover:text-white`,`komc:active:bg-sky-650 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`solid`,variant:`indigo`,className:e(`komc:bg-indigo-600 komc:text-white`,`komc:hover:bg-indigo-700 komc:hover:text-white`,`komc:active:bg-indigo-700 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`clear`,variant:`sky`,className:e(`komc:bg-transparent komc:text-[#1890FF]`,`komc:hover:bg-transparent komc:hover:text-[#1890FF] komc:hover:underline`,`komc:active:bg-transparent komc:active:text-[#1890FF] komc:active:underline`,`komc:disabled:border-transparent komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`clear`,variant:`gray`,className:e(`komc:bg-transparent komc:text-gray-800`,`komc:hover:bg-transparent komc:hover:text-gray-800 komc:hover:underline`,`komc:active:bg-transparent komc:active:text-gray-800 komc:active:underline`,`komc:disabled:border-transparent komc:disabled:bg-transparent komc:disabled:text-gray-500`)}],defaultVariants:{size:`md`,shadow:`none`,outline:`line`,variant:`blue`,px:`2xl`,rounded:`sm`}});var o=t(({type:e=`button`,className:t,id:r,size:o,shadow:s,outline:c,variant:l,px:u,rounded:d,asChild:f,...p},m)=>n(f?i:`button`,{ref:m,...p,"data-komc":!0,type:e,id:r,className:a({size:o,shadow:s,outline:c,variant:l,px:u,rounded:d,className:t})}));export{o as t};

package/dist/button-ChX3XGbR.cjs

@@ -1 +0,0 @@
-const e=require(`./chunk-Bmb41Sf3.cjs`),t=require(`./common-D4sUwkFd.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`),i=require(`class-variance-authority`),a=require(`@radix-ui/react-slot`);const o=(0,i.cva)(t.n(`komc:flex komc:justify-center komc:items-center komc:gap-x-2 komc:w-full`,`komc:transition-colors komc:duration-200 komc:relative`,`komc:[&_svg]:transition-colors komc:[&_svg]:duration-200`,`komc:cursor-pointer komc:disabled:cursor-default`),{variants:{size:{xxs:`komc:h-7.5`,xs:`komc:h-8`,sm:`komc:h-9`,md:`komc:h-10`,lg:`komc:h-11`,xl:`komc:h-12`,"2xl":`komc:h-13`,"3xl":`komc:h-14`,"4xl":`komc:h-15`},shadow:{none:``,sm:`komc:drop-shadow-sm`,md:`komc:drop-shadow-md`,lg:`komc:drop-shadow-lg`,xl:`komc:drop-shadow-xl`,"2xl":`komc:drop-shadow-2xl`,"3xl":`komc:drop-shadow-3xl`},outline:{line:`komc:border`,solid:`komc:border komc:border-transparent`,clear:`komc:border-none`},variant:{blue:``,duo:``,white:``,gray:``,neutral:``,night:``,black:``,sky:``,"sky-blue":``,indigo:``},px:{none:`komc:px-0`,xs:`komc:px-0.5`,sm:`komc:px-1`,md:`komc:px-1.5`,lg:`komc:px-2`,xl:`komc:px-3`,"2xl":`komc:px-4`,"3xl":`komc:px-5`,"4xl":`komc:px-6`},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`}},compoundVariants:[{outline:`line`,variant:`blue`,className:t.n(`komc:border-blue-500 komc:bg-white komc:text-blue-500`,`komc:hover:border-transparent komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:border-transparent komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`duo`,className:t.n(`komc:border-blue-500 komc:bg-white komc:text-brand-blck`,`komc:hover:border-transparent komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:border-transparent komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`white`,className:t.n(`komc:border-gray-600 komc:bg-white komc:text-brand-blck`,`komc:hover:bg-gray-200 komc:hover:text-brand-blck`,`komc:active:bg-gray-200 komc:active:text-brand-blck`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`gray`,className:t.n(`komc:border-white komc:bg-transparent komc:text-white`,`komc:hover:bg-[rgb(199,199,199)] komc:hover:text-white`,`komc:active:bg-[rgb(199,199,199)] komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-white komc:disabled:text-gray-500`)},{outline:`line`,variant:`neutral`,className:t.n(`komc:border-gray-800 komc:bg-transparent komc:text-black`,`komc:hover:bg-gray-200 komc:hover:text-black`,`komc:active:bg-gray-200 komc:active:text-black`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`line`,variant:`sky`,className:t.n(`komc:border-sky-750 komc:bg-transparent komc:text-black`,`komc:hover:bg-sky-750 komc:hover:text-white`,`komc:active:bg-sky-750 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`line`,variant:`sky-blue`,className:t.n(`komc:border-sky-450 komc:bg-transparent komc:text-black`,`komc:hover:bg-sky-450 komc:hover:text-white`,`komc:active:bg-sky-450 komc:active:text-white`,`komc:disabled:border-gray-500 komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`solid`,variant:`white`,className:t.n(`komc:bg-white komc:text-brand-blck`,`komc:hover:bg-gray-200`,`komc:active:bg-gray-200`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`gray`,className:t.n(`komc:bg-gray-100 komc:text-blue-500`,`komc:hover:bg-blue-500 komc:hover:text-white`,`komc:active:bg-blue-500 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`blue`,className:t.n(`komc:bg-blue-500 komc:text-white`,`komc:hover:bg-night-700 komc:hover:text-white`,`komc:active:bg-night-700 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`night`,className:t.n(`komc:bg-night-700 komc:text-white`,`komc:hover:bg-night-800 komc:hover:text-white`,`komc:active:bg-night-800 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`black`,className:t.n(`komc:bg-[rgb(95,95,96)] komc:text-white`,`komc:hover:bg-[rgb(76,76,77)] komc:hover:text-white`,`komc:active:bg-[rgb(76,76,77)] komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-50 komc:disabled:text-gray-800`)},{outline:`solid`,variant:`sky`,className:t.n(`komc:bg-sky-750 komc:text-white`,`komc:hover:bg-sky-950 komc:hover:text-white`,`komc:active:bg-sky-950 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`solid`,variant:`sky-blue`,className:t.n(`komc:bg-sky-450 komc:text-white`,`komc:hover:bg-sky-650 komc:hover:text-white`,`komc:active:bg-sky-650 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`solid`,variant:`indigo`,className:t.n(`komc:bg-indigo-600 komc:text-white`,`komc:hover:bg-indigo-700 komc:hover:text-white`,`komc:active:bg-indigo-700 komc:active:text-white`,`komc:disabled:border-white komc:disabled:bg-gray-700`)},{outline:`clear`,variant:`sky`,className:t.n(`komc:bg-transparent komc:text-[#1890FF]`,`komc:hover:bg-transparent komc:hover:text-[#1890FF] komc:hover:underline`,`komc:active:bg-transparent komc:active:text-[#1890FF] komc:active:underline`,`komc:disabled:border-transparent komc:disabled:bg-transparent komc:disabled:text-gray-500`)},{outline:`clear`,variant:`gray`,className:t.n(`komc:bg-transparent komc:text-gray-800`,`komc:hover:bg-transparent komc:hover:text-gray-800 komc:hover:underline`,`komc:active:bg-transparent komc:active:text-gray-800 komc:active:underline`,`komc:disabled:border-transparent komc:disabled:bg-transparent komc:disabled:text-gray-500`)}],defaultVariants:{size:`md`,shadow:`none`,outline:`line`,variant:`blue`,px:`2xl`,rounded:`sm`}}),s=(0,n.forwardRef)(({type:e=`button`,className:t,id:n,size:i,shadow:s,outline:c,variant:l,px:u,rounded:d,asChild:f,...p},m)=>(0,r.jsx)(f?a.Slot:`button`,{ref:m,...p,"data-komc":!0,type:e,id:n,className:o({size:i,shadow:s,outline:c,variant:l,px:u,rounded:d,className:t})}));var c=s;Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return c}});

package/dist/button-DHvx-GAg.d.cts

@@ -1,50 +0,0 @@
-import * as react12 from "react";
-import { ComponentProps } from "react";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-
-//#region src/ui/button/button.d.ts
-declare const classes: (props?: ({
-  size?: "sm" | "md" | "lg" | "xl" | "2xl" | "xxs" | "xs" | "3xl" | "4xl" | null | undefined;
-  shadow?: "sm" | "md" | "lg" | "none" | "xl" | "2xl" | "3xl" | null | undefined;
-  outline?: "line" | "solid" | "clear" | null | undefined;
-  variant?: "blue" | "duo" | "white" | "gray" | "neutral" | "night" | "black" | "sky" | "sky-blue" | "indigo" | null | undefined;
-  px?: "sm" | "md" | "lg" | "none" | "xl" | "2xl" | "xs" | "3xl" | "4xl" | null | undefined;
-  rounded?: "sm" | "md" | "lg" | "none" | "xl" | "2xl" | "full" | "3xl" | null | undefined;
-} & class_variance_authority_types1.ClassProp) | undefined) => string;
-interface VariantMap {
-  line: 'blue' | 'duo' | 'white' | 'gray' | 'neutral' | 'sky' | 'sky-blue';
-  solid: 'white' | 'gray' | 'blue' | 'night' | 'black' | 'sky' | 'sky-blue' | 'indigo';
-  clear: 'sky' | 'gray';
-}
-type BaseProps = Omit<VariantProps<typeof classes>, 'outline' | 'variant'>;
-type ButtonProps = ComponentProps<'button'> & BaseProps & ({
-  outline?: 'line';
-  variant?: VariantMap['line'];
-} | {
-  outline: 'solid';
-  variant?: VariantMap['solid'];
-} | {
-  outline: 'clear';
-  variant?: VariantMap['clear'];
-}) & {
-  asChild?: boolean;
-};
-declare const Button: react12.ForwardRefExoticComponent<(Omit<react12.ClassAttributes<HTMLButtonElement> & react12.ButtonHTMLAttributes<HTMLButtonElement> & BaseProps & {
-  outline?: "line";
-  variant?: VariantMap["line"];
-} & {
-  asChild?: boolean;
-}, "ref"> | Omit<react12.ClassAttributes<HTMLButtonElement> & react12.ButtonHTMLAttributes<HTMLButtonElement> & BaseProps & {
-  outline: "solid";
-  variant?: VariantMap["solid"];
-} & {
-  asChild?: boolean;
-}, "ref"> | Omit<react12.ClassAttributes<HTMLButtonElement> & react12.ButtonHTMLAttributes<HTMLButtonElement> & BaseProps & {
-  outline: "clear";
-  variant?: VariantMap["clear"];
-} & {
-  asChild?: boolean;
-}, "ref">) & react12.RefAttributes<HTMLButtonElement>>;
-//#endregion
-export { ButtonProps as n, Button as t };

package/dist/button-DRIyBtEB.d.mts

@@ -1,50 +0,0 @@
-import * as react12 from "react";
-import { ComponentProps } from "react";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types1 from "class-variance-authority/types";
-
-//#region src/ui/button/button.d.ts
-declare const classes: (props?: ({
-  size?: "sm" | "md" | "lg" | "xl" | "2xl" | "xxs" | "xs" | "3xl" | "4xl" | null | undefined;
-  shadow?: "sm" | "md" | "lg" | "none" | "xl" | "2xl" | "3xl" | null | undefined;
-  outline?: "line" | "solid" | "clear" | null | undefined;
-  variant?: "blue" | "duo" | "white" | "gray" | "neutral" | "night" | "black" | "sky" | "sky-blue" | "indigo" | null | undefined;
-  px?: "sm" | "md" | "lg" | "none" | "xl" | "2xl" | "xs" | "3xl" | "4xl" | null | undefined;
-  rounded?: "sm" | "md" | "lg" | "none" | "xl" | "2xl" | "full" | "3xl" | null | undefined;
-} & class_variance_authority_types1.ClassProp) | undefined) => string;
-interface VariantMap {
-  line: 'blue' | 'duo' | 'white' | 'gray' | 'neutral' | 'sky' | 'sky-blue';
-  solid: 'white' | 'gray' | 'blue' | 'night' | 'black' | 'sky' | 'sky-blue' | 'indigo';
-  clear: 'sky' | 'gray';
-}
-type BaseProps = Omit<VariantProps<typeof classes>, 'outline' | 'variant'>;
-type ButtonProps = ComponentProps<'button'> & BaseProps & ({
-  outline?: 'line';
-  variant?: VariantMap['line'];
-} | {
-  outline: 'solid';
-  variant?: VariantMap['solid'];
-} | {
-  outline: 'clear';
-  variant?: VariantMap['clear'];
-}) & {
-  asChild?: boolean;
-};
-declare const Button: react12.ForwardRefExoticComponent<(Omit<react12.ClassAttributes<HTMLButtonElement> & react12.ButtonHTMLAttributes<HTMLButtonElement> & BaseProps & {
-  outline?: "line";
-  variant?: VariantMap["line"];
-} & {
-  asChild?: boolean;
-}, "ref"> | Omit<react12.ClassAttributes<HTMLButtonElement> & react12.ButtonHTMLAttributes<HTMLButtonElement> & BaseProps & {
-  outline: "solid";
-  variant?: VariantMap["solid"];
-} & {
-  asChild?: boolean;
-}, "ref"> | Omit<react12.ClassAttributes<HTMLButtonElement> & react12.ButtonHTMLAttributes<HTMLButtonElement> & BaseProps & {
-  outline: "clear";
-  variant?: VariantMap["clear"];
-} & {
-  asChild?: boolean;
-}, "ref">) & react12.RefAttributes<HTMLButtonElement>>;
-//#endregion
-export { ButtonProps as n, Button as t };

package/dist/editor/index.cjs

@@ -1 +0,0 @@
-"use client";const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../common-D4sUwkFd.cjs`),n=require(`../format-DEuImTYJ.cjs`);require(`../ui-Bs9PP9eC.cjs`),require(`../button-ChX3XGbR.cjs`);const r=require(`../skeleton-B5ZccRFX.cjs`),i=require(`../use-drag-resize-DeDqPC4h.cjs`);let a=require(`react`);a=e.t(a);let o=require(`@tiptap/react`),s=require(`react/jsx-runtime`),c=require(`clsx`);c=e.t(c);let l=require(`class-variance-authority`);const u=(0,a.createContext)(null);function d({editor:e,children:t}){let n=(0,a.useMemo)(()=>({editor:e}),[e]);return(0,s.jsx)(u.Provider,{value:n,children:t})}function f(){let e=(0,a.useContext)(u);if(!e)throw Error(`useEditorContext must be used within EditorProvider`);return e}function p(){let{editor:e}=f();if(!e)throw Error(`Editor is not available`);return e}function m(){return f().editor}const h=(0,a.forwardRef)(({plugins:e,editorRef:t,editorClassName:n=``,value:i,className:l,onChange:u,immediatelyRender:f=!0,content:p,editorProps:m,onCreate:h,onUpdate:g,..._},v)=>{let y=m?.attributes&&typeof m.attributes==`object`?m.attributes:void 0,b=(0,o.useEditor)({immediatelyRender:f,..._,content:p??i??``,editorProps:{...m,attributes:{...y,class:(0,c.default)(n,y&&`class`in y&&y.class)}},onCreate:e=>{t&&(t.current=e.editor),h?.(e)},onUpdate:e=>{u?.(e.editor.getHTML(),e.editor),g?.(e)}});return(0,a.useEffect)(()=>{if(t)return t.current=b??null,()=>{t.current===b&&(t.current=null)}},[b,t]),(0,a.useEffect)(()=>{!b||typeof i!=`string`||b.isDestroyed||b.isFocused||b.getHTML()!==i&&b.commands.setContent(i,{emitUpdate:!1})},[b,i]),(0,s.jsx)(d,{editor:b,children:(0,s.jsxs)(`div`,{"data-komc":!0,className:`komc:relative`,children:[b&&e,(0,s.jsx)(`div`,{ref:v,"data-komc":!0,className:(0,c.default)(`komc:@container/komc-editor editor-wrapper`,`komc:w-full komc:h-auto komc:relative`,`komc:border-[0.6px] komc:border-neutral-300`,`komc:transition-all komc:duration-200 komc:ease-in-out`,`komc:focus-within:border-blue-500 komc:focus-within:ring-4`,l),children:b?(0,s.jsx)(o.EditorContent,{editor:b}):(0,s.jsx)(r.t,{className:`komc:w-full komc:min-h-25`})})]})})}),g=(0,l.cva)(t.n(`komc:group komc:relative komc:after:pointer-events-none`,`komc:after:transition-opacity komc:after:duration-200 komc:after:ease-in-out`,`komc:after:content-[""] komc:after:rounded-(--node-radius)`,`komc:after:absolute komc:after:-inset-1.5 komc:after:z-1`),{variants:{selected:{true:`komc:after:bg-[#2383E2]/14 komc:after:opacity-100`,false:`komc:after:opacity-0`},hoverable:{true:t.n(`komc:*:data-komc-node-clip:transition-opacity`,`komc:*:data-komc-node-clip:duration-200`,`komc:*:data-komc-node-clip:ease-in-out`,`komc:*:data-komc-node-clip:outline-gray-700`,`komc:*:data-komc-node-clip:-outline-offset-1`,`komc:*:data-komc-node-clip:outline-0`,`komc:hover:*:data-komc-node-clip:opacity-70`,`komc:*:data-komc-node-clip:opacity-100`,`komc:hover:z-1`),false:``},draggable:{true:`komc:cursor-grab komc:active:cursor-grabbing komc:touch-none`,false:`komc:select-none`}},defaultVariants:{selected:!1,hoverable:!1,draggable:!1},compoundVariants:[{selected:!0,hoverable:!0,class:`komc:*:data-komc-node-clip:outline-none`},{selected:!1,hoverable:!0,class:`komc:hover:*:data-komc-node-clip:outline-3`}]}),_=(0,a.forwardRef)(({selected:e,hoverable:n,draggable:r,radius:i=0,overlay:a,className:o,style:c,children:l,...u},d)=>(0,s.jsxs)(`div`,{ref:d,style:{"--node-radius":`${i}%`,...c},className:t.n(g({selected:e,hoverable:n,draggable:r}),o),...u,"data-drag-handle":r?``:void 0,children:[(0,s.jsx)(`div`,{"data-komc-node-clip":``,className:`komc:w-full komc:h-full komc:relative komc:overflow-hidden`,style:{borderRadius:`${i}%`},children:l}),a!=null&&(0,s.jsx)(`div`,{className:`komc:absolute komc:inset-0 komc:z-2 komc:pointer-events-none komc:**:pointer-events-auto`,onPointerDown:e=>e.stopPropagation(),children:a})]}));_.displayName=`NodeFrame`;const v={width:i.t.DEFAULT_WIDTH,height:i.t.DEFAULT_HEIGHT};function y(e,t,r,i,a){return n.t({min:v,max:{width:a,height:1/0},width:e,height:t,type:r,currentRatio:i})}function b({width:e=0,height:n=0,maxWidth:r,edit:i,onEditChange:o,onChange:c}){let l=i!==void 0,[u,d]=(0,a.useState)(!1),f=l?i:u,[p,m]=(0,a.useState)(e),[h,g]=(0,a.useState)(n),[_,b]=(0,a.useState)(null),w=(0,a.useRef)(e&&n?e/n:1),T=e=>{l||d(e),o?.(e)},E=()=>{f||(T(!0),e&&n&&(w.current=e/n))},D=e=>{if(!/^[0-9]*$/.test(e.target.value))return;let{width:t,height:n,result:i}=y(Number(e.target.value),h,`width`,w.current,r);m(t),g(n),b(i)},O=e=>{if(!/^[0-9]*$/.test(e.target.value))return;let{width:t,height:n,result:i}=y(p,Number(e.target.value),`height`,w.current,r);m(t),g(n),b(i)},k=()=>{_||p<v.width||p>r||h<v.height||(T(!1),c?.({width:p,height:h}))};return(0,a.useEffect)(()=>{m(e),g(n),e&&n&&(w.current=e/n);let{result:t}=y(e,n,`width`,w.current,r),{result:i}=y(e,n,`height`,w.current,r);b(t||i||null)},[e,n,f,r]),(0,s.jsxs)(`div`,{className:t.n(`komc:flex komc:flex-col komc:justify-center komc:items-center`,`komc:text-base komc:text-center komc:text-black komc:absolute`,f?`komc:opacity-100 komc:-inset-1.5 komc:bg-white/60 komc:z-20`:t.n(`komc:z-10 komc:opacity-0 komc:group-hover:opacity-100`,`komc:top-1/2 komc:-translate-y-1/2 komc:left-1/2 komc:-translate-x-1/2`)),children:[!f&&(0,s.jsx)(`button`,{type:`button`,className:`komc:absolute komc:inset-0 komc:cursor-pointer`,onClick:E,"aria-label":`노드 크기 수정`}),(0,s.jsxs)(`div`,{className:t.n(`komc:flex komc:flex-row komc:justify-center komc:items-center komc:gap-x-1 komc:relative`,!f&&`komc:cursor-pointer`),children:[(0,s.jsx)(`div`,{className:`komc:inline komc:relative`,children:(0,s.jsx)(x,{shouldFocus:f,value:p,onChange:D,disabled:!f})}),(0,s.jsx)(`span`,{children:`x`}),(0,s.jsx)(`div`,{className:`komc:inline komc:relative`,children:(0,s.jsx)(x,{value:h,onChange:O,disabled:!f})}),f&&_&&(0,s.jsx)(`span`,{className:`komc:flex komc:shrink-0 komc:justify-center komc:items-center komc:w-5 komc:h-5 komc:ml-1 komc:text-red-600`,"aria-label":`입력값이 허용 범위를 벗어났습니다`,children:(0,s.jsx)(C,{})}),f&&!_&&(0,s.jsx)(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),k()},className:t.n(`komc:flex komc:shrink-0 komc:justify-center komc:items-center`,`komc:w-5 komc:h-5 komc:ml-1 komc:rounded`,`komc:bg-blue-500 komc:text-white komc:hover:bg-blue-600 komc:cursor-pointer`),children:(0,s.jsx)(S,{})})]})]})}function x({shouldFocus:e,value:t,onChange:n,disabled:r}){let[i,o]=(0,a.useState)(30),c=(0,a.useRef)(null),l=(0,a.useRef)(null);return(0,a.useEffect)(()=>{c.current&&o(c.current.offsetWidth||30)},[t]),(0,a.useEffect)(()=>{!r&&e&&l.current&&l.current.focus()},[r,e]),(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`span`,{ref:c,"aria-hidden":`true`,className:`komc:absolute komc:invisible komc:whitespace-pre komc:text-base komc:pointer-events-none`,children:t||` `}),(0,s.jsx)(`input`,{ref:l,type:`text`,inputMode:`numeric`,maxLength:5,value:t,onChange:n,disabled:r,className:`komc:text-center komc:text-base komc:outline-none komc:bg-transparent komc:disabled:pointer-events-none`,style:{width:`${i+8}px`}})]})}function S(){return(0,s.jsx)(`svg`,{viewBox:`0 0 16 16`,width:`12`,height:`12`,fill:`none`,"aria-hidden":`true`,children:(0,s.jsx)(`path`,{d:`M3.5 8.5 6.5 11.5 12.5 4.5`,stroke:`currentColor`,strokeWidth:`1.8`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function C(){return(0,s.jsxs)(`svg`,{viewBox:`0 0 16 16`,width:`16`,height:`16`,"aria-hidden":`true`,children:[(0,s.jsx)(`circle`,{cx:`8`,cy:`8`,r:`7`,fill:`currentColor`}),(0,s.jsx)(`path`,{d:`M8 4.5v5`,stroke:`white`,strokeWidth:`1.6`,strokeLinecap:`round`}),(0,s.jsx)(`circle`,{cx:`8`,cy:`11.5`,r:`0.9`,fill:`white`})]})}const w=(0,l.cva)(t.n(`komc:flex komc:justify-center komc:items-center komc:absolute komc:z-50`,`komc:transition-all komc:duration-200 komc:ease-in-out`,`komc:opacity-0 komc:group-hover:opacity-100`),{variants:{direction:{left:`komc:-left-1 komc:cursor-ew-resize komc:top-1/2 komc:-translate-y-1/2`,right:`komc:-right-1 komc:cursor-ew-resize komc:top-1/2 komc:-translate-y-1/2`,top:`komc:-top-1 komc:cursor-ns-resize komc:left-1/2 komc:-translate-x-1/2`,bottom:`komc:-bottom-1 komc:cursor-ns-resize komc:left-1/2 komc:-translate-x-1/2`,"top-left":`komc:-top-1 komc:left-1 komc:cursor-nw-resize`,"top-right":`komc:-top-1 komc:right-1 komc:cursor-ne-resize`,"bottom-left":`komc:-bottom-1 komc:left-1 komc:cursor-sw-resize`,"bottom-right":`komc:-bottom-1 komc:right-1 komc:cursor-se-resize`}},defaultVariants:{direction:`left`}}),T=(0,l.cva)(`komc:flex komc:justify-center komc:items-center komc:group/resize`,{variants:{direction:{left:`komc:w-6 komc:h-14 komc:*:w-1.5 komc:*:h-full`,right:`komc:w-6 komc:h-14 komc:*:w-1.5 komc:*:h-full`,top:`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,bottom:`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,"top-left":`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,"top-right":`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,"bottom-left":`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,"bottom-right":`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`}},defaultVariants:{direction:`left`}});function E({directions:e,limitSize:t={width:!0,height:!1},...n}){let{getHandleProps:r,isResizing:a}=i.n({...n,limitSize:t});return(0,s.jsx)(s.Fragment,{children:e.map(e=>(0,s.jsx)(D,{direction:e,isResizing:a,...r(e)},e))})}const D=(0,a.memo)(function({direction:e,isResizing:n,style:r,...i}){return(0,s.jsx)(`div`,{className:t.n(w({direction:e}),n&&`komc:opacity-100`),children:(0,s.jsx)(`div`,{className:T({direction:e}),draggable:!1,onDragStart:e=>e.preventDefault(),style:r,...i,children:(0,s.jsx)(`div`,{className:`komc:border komc:border-white komc:bg-black/40 komc:rounded-full komc:group-hover/resize:bg-blue-500/50`})})})});exports.Editor=h,exports.EditorProvider=d,exports.NodeFrame=_,exports.NodeResizer=E,exports.NodeSize=b,exports.useEditorContext=f,exports.useOptionalEditor=m,exports.useRequiredEditor=p;

package/dist/editor/index.d.cts

@@ -1,80 +0,0 @@
-import { o as UseDragResizeProps, r as ResizeDirection } from "../use-drag-resize-DEgcua2U.cjs";
-import * as react0 from "react";
-import React, { ComponentProps, ReactNode } from "react";
-import { Editor as Editor$1, UseEditorOptions } from "@tiptap/react";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime12 from "react/jsx-runtime";
-import { Editor as Editor$2 } from "@tiptap/core";
-
-//#region src/editor/editor.d.ts
-interface Props extends UseEditorOptions {
-  plugins?: React.ReactNode;
-  editorRef?: React.MutableRefObject<Editor$1 | null>;
-  editorClassName?: string;
-  value?: string | null;
-  className?: string;
-  onChange?: (value: string, context: Editor$1) => void;
-}
-declare const Editor: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-//#region src/editor/node-frame.d.ts
-declare const classes: (props?: ({
-  selected?: boolean | null | undefined;
-  hoverable?: boolean | null | undefined;
-  draggable?: boolean | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-type NodeFrameProps = ComponentProps<'div'> & VariantProps<typeof classes> & {
-  radius?: number;
-  overlay?: ReactNode;
-};
-declare const NodeFrame: react0.ForwardRefExoticComponent<Omit<NodeFrameProps, "ref"> & react0.RefAttributes<HTMLDivElement>>;
-//#endregion
-//#region src/editor/node-size.d.ts
-interface NodeSizeProps {
-  width?: number;
-  height?: number;
-  maxWidth: number;
-  edit?: boolean;
-  onEditChange?: (edit: boolean) => void;
-  onChange?: (size: {
-    width: number;
-    height: number;
-  }) => void;
-}
-declare function NodeSize({
-  width,
-  height,
-  maxWidth,
-  edit,
-  onEditChange,
-  onChange
-}: NodeSizeProps): react_jsx_runtime12.JSX.Element;
-//#endregion
-//#region src/editor/node-resizer.d.ts
-interface NodeResizerProps extends UseDragResizeProps {
-  directions: ResizeDirection[];
-}
-declare function NodeResizer({
-  directions,
-  limitSize,
-  ...props
-}: NodeResizerProps): react_jsx_runtime12.JSX.Element;
-//#endregion
-//#region src/editor/provider.d.ts
-interface EditorContextValue {
-  editor: Editor$2 | null;
-}
-interface EditorProviderProps {
-  editor: Editor$2 | null;
-  children: ReactNode;
-}
-declare function EditorProvider({
-  editor,
-  children
-}: EditorProviderProps): react_jsx_runtime12.JSX.Element;
-declare function useEditorContext(): EditorContextValue;
-declare function useRequiredEditor(): Editor$2;
-declare function useOptionalEditor(): Editor$2 | null;
-//#endregion
-export { Editor, EditorProvider, NodeFrame, NodeFrameProps, NodeResizer, NodeResizerProps, NodeSize, NodeSizeProps, useEditorContext, useOptionalEditor, useRequiredEditor };

package/dist/editor/index.d.mts

@@ -1,80 +0,0 @@
-import { o as UseDragResizeProps, r as ResizeDirection } from "../use-drag-resize-DRHPv5RK.mjs";
-import { Editor as Editor$1 } from "@tiptap/core";
-import * as react10 from "react";
-import React, { ComponentProps, ReactNode } from "react";
-import { Editor as Editor$2, UseEditorOptions } from "@tiptap/react";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
-import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
-
-//#region src/editor/editor.d.ts
-interface Props extends UseEditorOptions {
-  plugins?: React.ReactNode;
-  editorRef?: React.MutableRefObject<Editor$2 | null>;
-  editorClassName?: string;
-  value?: string | null;
-  className?: string;
-  onChange?: (value: string, context: Editor$2) => void;
-}
-declare const Editor: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-//#endregion
-//#region src/editor/node-frame.d.ts
-declare const classes: (props?: ({
-  selected?: boolean | null | undefined;
-  hoverable?: boolean | null | undefined;
-  draggable?: boolean | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
-type NodeFrameProps = ComponentProps<'div'> & VariantProps<typeof classes> & {
-  radius?: number;
-  overlay?: ReactNode;
-};
-declare const NodeFrame: react10.ForwardRefExoticComponent<Omit<NodeFrameProps, "ref"> & react10.RefAttributes<HTMLDivElement>>;
-//#endregion
-//#region src/editor/node-size.d.ts
-interface NodeSizeProps {
-  width?: number;
-  height?: number;
-  maxWidth: number;
-  edit?: boolean;
-  onEditChange?: (edit: boolean) => void;
-  onChange?: (size: {
-    width: number;
-    height: number;
-  }) => void;
-}
-declare function NodeSize({
-  width,
-  height,
-  maxWidth,
-  edit,
-  onEditChange,
-  onChange
-}: NodeSizeProps): react_jsx_runtime18.JSX.Element;
-//#endregion
-//#region src/editor/node-resizer.d.ts
-interface NodeResizerProps extends UseDragResizeProps {
-  directions: ResizeDirection[];
-}
-declare function NodeResizer({
-  directions,
-  limitSize,
-  ...props
-}: NodeResizerProps): react_jsx_runtime18.JSX.Element;
-//#endregion
-//#region src/editor/provider.d.ts
-interface EditorContextValue {
-  editor: Editor$1 | null;
-}
-interface EditorProviderProps {
-  editor: Editor$1 | null;
-  children: ReactNode;
-}
-declare function EditorProvider({
-  editor,
-  children
-}: EditorProviderProps): react_jsx_runtime18.JSX.Element;
-declare function useEditorContext(): EditorContextValue;
-declare function useRequiredEditor(): Editor$1;
-declare function useOptionalEditor(): Editor$1 | null;
-//#endregion
-export { Editor, EditorProvider, NodeFrame, NodeFrameProps, NodeResizer, NodeResizerProps, NodeSize, NodeSizeProps, useEditorContext, useOptionalEditor, useRequiredEditor };

package/dist/editor/index.mjs

@@ -1 +0,0 @@
-"use client";import{n as e}from"../common-ZUMpASnc.mjs";import{t}from"../format-1_RTNUQv.mjs";import"../ui-D2DoC_0E.mjs";import"../button-CQZuaIU7.mjs";import{t as n}from"../skeleton-Y22bmaaB.mjs";import{n as r,t as i}from"../use-drag-resize-BdeLdulk.mjs";import a,{createContext as o,forwardRef as s,memo as c,useContext as l,useEffect as u,useMemo as d,useRef as f,useState as p}from"react";import{EditorContent as m,useEditor as h}from"@tiptap/react";import{Fragment as g,jsx as _,jsxs as v}from"react/jsx-runtime";import y from"clsx";import{cva as b}from"class-variance-authority";const x=o(null);function S({editor:e,children:t}){let n=d(()=>({editor:e}),[e]);return _(x.Provider,{value:n,children:t})}function C(){let e=l(x);if(!e)throw Error(`useEditorContext must be used within EditorProvider`);return e}function w(){let{editor:e}=C();if(!e)throw Error(`Editor is not available`);return e}function T(){return C().editor}const E=s(({plugins:e,editorRef:t,editorClassName:r=``,value:i,className:a,onChange:o,immediatelyRender:s=!0,content:c,editorProps:l,onCreate:d,onUpdate:f,...p},g)=>{let b=l?.attributes&&typeof l.attributes==`object`?l.attributes:void 0,x=h({immediatelyRender:s,...p,content:c??i??``,editorProps:{...l,attributes:{...b,class:y(r,b&&`class`in b&&b.class)}},onCreate:e=>{t&&(t.current=e.editor),d?.(e)},onUpdate:e=>{o?.(e.editor.getHTML(),e.editor),f?.(e)}});return u(()=>{if(t)return t.current=x??null,()=>{t.current===x&&(t.current=null)}},[x,t]),u(()=>{!x||typeof i!=`string`||x.isDestroyed||x.isFocused||x.getHTML()!==i&&x.commands.setContent(i,{emitUpdate:!1})},[x,i]),_(S,{editor:x,children:v(`div`,{"data-komc":!0,className:`komc:relative`,children:[x&&e,_(`div`,{ref:g,"data-komc":!0,className:y(`komc:@container/komc-editor editor-wrapper`,`komc:w-full komc:h-auto komc:relative`,`komc:border-[0.6px] komc:border-neutral-300`,`komc:transition-all komc:duration-200 komc:ease-in-out`,`komc:focus-within:border-blue-500 komc:focus-within:ring-4`,a),children:x?_(m,{editor:x}):_(n,{className:`komc:w-full komc:min-h-25`})})]})})}),D=b(e(`komc:group komc:relative komc:after:pointer-events-none`,`komc:after:transition-opacity komc:after:duration-200 komc:after:ease-in-out`,`komc:after:content-[""] komc:after:rounded-(--node-radius)`,`komc:after:absolute komc:after:-inset-1.5 komc:after:z-1`),{variants:{selected:{true:`komc:after:bg-[#2383E2]/14 komc:after:opacity-100`,false:`komc:after:opacity-0`},hoverable:{true:e(`komc:*:data-komc-node-clip:transition-opacity`,`komc:*:data-komc-node-clip:duration-200`,`komc:*:data-komc-node-clip:ease-in-out`,`komc:*:data-komc-node-clip:outline-gray-700`,`komc:*:data-komc-node-clip:-outline-offset-1`,`komc:*:data-komc-node-clip:outline-0`,`komc:hover:*:data-komc-node-clip:opacity-70`,`komc:*:data-komc-node-clip:opacity-100`,`komc:hover:z-1`),false:``},draggable:{true:`komc:cursor-grab komc:active:cursor-grabbing komc:touch-none`,false:`komc:select-none`}},defaultVariants:{selected:!1,hoverable:!1,draggable:!1},compoundVariants:[{selected:!0,hoverable:!0,class:`komc:*:data-komc-node-clip:outline-none`},{selected:!1,hoverable:!0,class:`komc:hover:*:data-komc-node-clip:outline-3`}]}),O=s(({selected:t,hoverable:n,draggable:r,radius:i=0,overlay:a,className:o,style:s,children:c,...l},u)=>v(`div`,{ref:u,style:{"--node-radius":`${i}%`,...s},className:e(D({selected:t,hoverable:n,draggable:r}),o),...l,"data-drag-handle":r?``:void 0,children:[_(`div`,{"data-komc-node-clip":``,className:`komc:w-full komc:h-full komc:relative komc:overflow-hidden`,style:{borderRadius:`${i}%`},children:c}),a!=null&&_(`div`,{className:`komc:absolute komc:inset-0 komc:z-2 komc:pointer-events-none komc:**:pointer-events-auto`,onPointerDown:e=>e.stopPropagation(),children:a})]}));O.displayName=`NodeFrame`;const k={width:i.DEFAULT_WIDTH,height:i.DEFAULT_HEIGHT};function A(e,n,r,i,a){return t({min:k,max:{width:a,height:1/0},width:e,height:n,type:r,currentRatio:i})}function j({width:t=0,height:n=0,maxWidth:r,edit:i,onEditChange:a,onChange:o}){let s=i!==void 0,[c,l]=p(!1),d=s?i:c,[m,h]=p(t),[g,y]=p(n),[b,x]=p(null),S=f(t&&n?t/n:1),C=e=>{s||l(e),a?.(e)},w=()=>{d||(C(!0),t&&n&&(S.current=t/n))},T=e=>{if(!/^[0-9]*$/.test(e.target.value))return;let{width:t,height:n,result:i}=A(Number(e.target.value),g,`width`,S.current,r);h(t),y(n),x(i)},E=e=>{if(!/^[0-9]*$/.test(e.target.value))return;let{width:t,height:n,result:i}=A(m,Number(e.target.value),`height`,S.current,r);h(t),y(n),x(i)},D=()=>{b||m<k.width||m>r||g<k.height||(C(!1),o?.({width:m,height:g}))};return u(()=>{h(t),y(n),t&&n&&(S.current=t/n);let{result:e}=A(t,n,`width`,S.current,r),{result:i}=A(t,n,`height`,S.current,r);x(e||i||null)},[t,n,d,r]),v(`div`,{className:e(`komc:flex komc:flex-col komc:justify-center komc:items-center`,`komc:text-base komc:text-center komc:text-black komc:absolute`,d?`komc:opacity-100 komc:-inset-1.5 komc:bg-white/60 komc:z-20`:e(`komc:z-10 komc:opacity-0 komc:group-hover:opacity-100`,`komc:top-1/2 komc:-translate-y-1/2 komc:left-1/2 komc:-translate-x-1/2`)),children:[!d&&_(`button`,{type:`button`,className:`komc:absolute komc:inset-0 komc:cursor-pointer`,onClick:w,"aria-label":`노드 크기 수정`}),v(`div`,{className:e(`komc:flex komc:flex-row komc:justify-center komc:items-center komc:gap-x-1 komc:relative`,!d&&`komc:cursor-pointer`),children:[_(`div`,{className:`komc:inline komc:relative`,children:_(M,{shouldFocus:d,value:m,onChange:T,disabled:!d})}),_(`span`,{children:`x`}),_(`div`,{className:`komc:inline komc:relative`,children:_(M,{value:g,onChange:E,disabled:!d})}),d&&b&&_(`span`,{className:`komc:flex komc:shrink-0 komc:justify-center komc:items-center komc:w-5 komc:h-5 komc:ml-1 komc:text-red-600`,"aria-label":`입력값이 허용 범위를 벗어났습니다`,children:_(P,{})}),d&&!b&&_(`button`,{type:`button`,onClick:e=>{e.stopPropagation(),D()},className:e(`komc:flex komc:shrink-0 komc:justify-center komc:items-center`,`komc:w-5 komc:h-5 komc:ml-1 komc:rounded`,`komc:bg-blue-500 komc:text-white komc:hover:bg-blue-600 komc:cursor-pointer`),children:_(N,{})})]})]})}function M({shouldFocus:e,value:t,onChange:n,disabled:r}){let[i,a]=p(30),o=f(null),s=f(null);return u(()=>{o.current&&a(o.current.offsetWidth||30)},[t]),u(()=>{!r&&e&&s.current&&s.current.focus()},[r,e]),v(g,{children:[_(`span`,{ref:o,"aria-hidden":`true`,className:`komc:absolute komc:invisible komc:whitespace-pre komc:text-base komc:pointer-events-none`,children:t||` `}),_(`input`,{ref:s,type:`text`,inputMode:`numeric`,maxLength:5,value:t,onChange:n,disabled:r,className:`komc:text-center komc:text-base komc:outline-none komc:bg-transparent komc:disabled:pointer-events-none`,style:{width:`${i+8}px`}})]})}function N(){return _(`svg`,{viewBox:`0 0 16 16`,width:`12`,height:`12`,fill:`none`,"aria-hidden":`true`,children:_(`path`,{d:`M3.5 8.5 6.5 11.5 12.5 4.5`,stroke:`currentColor`,strokeWidth:`1.8`,strokeLinecap:`round`,strokeLinejoin:`round`})})}function P(){return v(`svg`,{viewBox:`0 0 16 16`,width:`16`,height:`16`,"aria-hidden":`true`,children:[_(`circle`,{cx:`8`,cy:`8`,r:`7`,fill:`currentColor`}),_(`path`,{d:`M8 4.5v5`,stroke:`white`,strokeWidth:`1.6`,strokeLinecap:`round`}),_(`circle`,{cx:`8`,cy:`11.5`,r:`0.9`,fill:`white`})]})}const F=b(e(`komc:flex komc:justify-center komc:items-center komc:absolute komc:z-50`,`komc:transition-all komc:duration-200 komc:ease-in-out`,`komc:opacity-0 komc:group-hover:opacity-100`),{variants:{direction:{left:`komc:-left-1 komc:cursor-ew-resize komc:top-1/2 komc:-translate-y-1/2`,right:`komc:-right-1 komc:cursor-ew-resize komc:top-1/2 komc:-translate-y-1/2`,top:`komc:-top-1 komc:cursor-ns-resize komc:left-1/2 komc:-translate-x-1/2`,bottom:`komc:-bottom-1 komc:cursor-ns-resize komc:left-1/2 komc:-translate-x-1/2`,"top-left":`komc:-top-1 komc:left-1 komc:cursor-nw-resize`,"top-right":`komc:-top-1 komc:right-1 komc:cursor-ne-resize`,"bottom-left":`komc:-bottom-1 komc:left-1 komc:cursor-sw-resize`,"bottom-right":`komc:-bottom-1 komc:right-1 komc:cursor-se-resize`}},defaultVariants:{direction:`left`}}),I=b(`komc:flex komc:justify-center komc:items-center komc:group/resize`,{variants:{direction:{left:`komc:w-6 komc:h-14 komc:*:w-1.5 komc:*:h-full`,right:`komc:w-6 komc:h-14 komc:*:w-1.5 komc:*:h-full`,top:`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,bottom:`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,"top-left":`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,"top-right":`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,"bottom-left":`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`,"bottom-right":`komc:w-14 komc:h-6 komc:*:w-full komc:*:h-1.5`}},defaultVariants:{direction:`left`}});function L({directions:e,limitSize:t={width:!0,height:!1},...n}){let{getHandleProps:i,isResizing:a}=r({...n,limitSize:t});return _(g,{children:e.map(e=>_(R,{direction:e,isResizing:a,...i(e)},e))})}const R=c(function({direction:t,isResizing:n,style:r,...i}){return _(`div`,{className:e(F({direction:t}),n&&`komc:opacity-100`),children:_(`div`,{className:I({direction:t}),draggable:!1,onDragStart:e=>e.preventDefault(),style:r,...i,children:_(`div`,{className:`komc:border komc:border-white komc:bg-black/40 komc:rounded-full komc:group-hover/resize:bg-blue-500/50`})})})});export{E as Editor,S as EditorProvider,O as NodeFrame,L as NodeResizer,j as NodeSize,C as useEditorContext,T as useOptionalEditor,w as useRequiredEditor};

package/dist/format-1_RTNUQv.mjs

@@ -1 +0,0 @@
-const e=(e,t=`en-US`,n)=>new Intl.NumberFormat(t,{notation:`compact`,maximumFractionDigits:1,...n}).format(e),t=(e,t,n=`+`)=>e>t?`${t}${n}`:String(e),n=e=>e?.toLocaleString(`ko-KR`)||`0`,r=({min:e,max:t,width:n,height:r,type:i,currentRatio:a})=>{let o=n,s=r,c=null,l=1;return typeof a==`number`&&a>0?l=a:r>0&&(l=n/r),i===`width`&&(s=Math.round(n/l),n<e.width&&(c=`width-under-min`),n>t.width&&(c=`width-over-max`),s<e.height&&(c=`height-under-min`)),i===`height`&&(o=Math.round(r*l),r<e.height&&(c=`height-under-min`),o<e.width&&(c=`width-under-min`),o>t.width&&(c=`width-over-max`)),{width:o,height:s,result:c}};export{n as i,e as n,t as r,r as t};

package/dist/format-DEuImTYJ.cjs

@@ -1 +0,0 @@
-const e=(e,t=`en-US`,n)=>new Intl.NumberFormat(t,{notation:`compact`,maximumFractionDigits:1,...n}).format(e),t=(e,t,n=`+`)=>e>t?`${t}${n}`:String(e),n=e=>e?.toLocaleString(`ko-KR`)||`0`,r=({min:e,max:t,width:n,height:r,type:i,currentRatio:a})=>{let o=n,s=r,c=null,l=1;return typeof a==`number`&&a>0?l=a:r>0&&(l=n/r),i===`width`&&(s=Math.round(n/l),n<e.width&&(c=`width-under-min`),n>t.width&&(c=`width-over-max`),s<e.height&&(c=`height-under-min`)),i===`height`&&(o=Math.round(r*l),r<e.height&&(c=`height-under-min`),o<e.width&&(c=`width-under-min`),o>t.width&&(c=`width-over-max`)),{width:o,height:s,result:c}};Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/dist/styles/editor.css

@@ -1,255 +0,0 @@
-[data-komc] {
-  &.tiptap,
-  .tiptap {
-    max-width: none;
-    outline: none;
-    position: relative;
-
-    & :first-child {
-      margin-top: 0;
-    }
-
-    & :last-child {
-      margin-bottom: 0;
-    }
-
-    &.resize-cursor {
-      cursor: col-resize;
-    }
-
-    & :where(strong) {
-      color: inherit;
-    }
-
-    & [data-align='left'] {
-      text-align: left;
-    }
-    & [data-align='center'] {
-      text-align: center;
-    }
-    & [data-align='right'] {
-      text-align: right;
-    }
-
-    &.resize-cursor:has(table .selectedCell) {
-      cursor: inherit;
-    }
-
-    & table:has(.selectedCell) .column-resize-handle {
-      display: none;
-    }
-
-    & table {
-      max-width: 100%;
-      position: relative;
-
-      & td,
-      & th {
-        border: 1px solid #dddddd;
-        box-sizing: border-box;
-        min-width: 1em;
-        padding: 6px 8px;
-        position: relative;
-        vertical-align: top;
-
-        & > * {
-          margin-top: 0;
-          margin-bottom: 0;
-        }
-      }
-
-      & th {
-        background-color: #f8f8f9;
-        font-weight: 700;
-        text-align: left;
-      }
-
-      & th.active-cell,
-      & td.active-cell {
-        outline: 1.5px solid #08f;
-        outline-offset: -1px;
-        border-radius: 3px;
-      }
-
-      & th.selectedCell.active-cell,
-      & td.selectedCell.active-cell {
-        outline: none;
-        border-radius: 0;
-      }
-    }
-
-    & .table-col-control {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 20px;
-      height: 20px;
-      padding: 0;
-      border: 1px solid #cccccc;
-      border-radius: 4px;
-      background: white;
-      top: -24px;
-      left: 50%;
-      transform: translateX(-50%);
-      cursor: pointer;
-      position: absolute;
-      z-index: 10;
-
-      &:hover {
-        background-color: #f8f8f9;
-      }
-    }
-
-    & .table-row-control {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      width: 20px;
-      height: 20px;
-      padding: 0;
-      border: 1px solid #cccccc;
-      border-radius: 4px;
-      background: white;
-      top: 50%;
-      left: -24px;
-      transform: translateY(-50%);
-      cursor: pointer;
-      position: absolute;
-      font-weight: 500;
-      z-index: 10;
-
-      &:hover {
-        background-color: #f8f8f9;
-      }
-    }
-
-    & .column-resize-handle {
-      position: absolute;
-      top: 0;
-      right: -1px;
-      bottom: -2px;
-      width: 4px;
-      background-color: #08f;
-      pointer-events: none;
-      animation: komc-column-resize-handle-fade-in 200ms ease-out;
-    }
-
-    & .column-resize-handle.resize-handle-stable {
-      animation: none;
-      opacity: 1;
-    }
-
-    & .details {
-      display: flex;
-      gap: 0.25em;
-      margin: 1.25em 0;
-
-      &:first-child {
-        margin-top: 0;
-      }
-      &:last-child {
-        margin-bottom: 0;
-      }
-
-      & summary {
-        list-style: none;
-      }
-
-      & > button {
-        display: flex;
-        cursor: pointer;
-        justify-content: center;
-        align-items: center;
-        background: transparent;
-        width: 2.25em;
-        height: 2.25em;
-        font-size: 0.625em;
-        margin-top: 0.25em;
-        border-radius: 4px;
-
-        &:hover {
-          background-color: #fafafa;
-        }
-
-        &::before {
-          content: '\25B6';
-          transition: transform 0.15s ease;
-        }
-      }
-
-      &.is-open > button::before {
-        transform: rotate(90deg);
-      }
-
-      & > div {
-        display: flex;
-        flex-direction: column;
-        gap: 1em;
-        width: 100%;
-      }
-    }
-
-    & .node-imageUploader {
-      margin-block: 1rem;
-    }
-  }
-
-  &.editor-wrapper,
-  .editor-wrapper {
-    & .editor-title {
-      font-weight: 500;
-      margin-bottom: 24px;
-      border-bottom: 2px solid #e6ebfe;
-
-      & + p {
-        margin-top: 0;
-        margin-bottom: 0;
-      }
-
-      & + * + img {
-        margin-top: 0 !important;
-      }
-    }
-
-    & * + .editor-title {
-      margin-top: 36px;
-    }
-
-    &:focus-within .tiptap .selectedCell::after {
-      content: '';
-      position: absolute;
-      inset: 0;
-      background: #eeeeee;
-      opacity: 0.9;
-      pointer-events: none;
-      z-index: 2;
-      box-shadow: 0 0 0 1px #4770ff;
-    }
-  }
-
-  &.column-resize-handle-ghost,
-  .column-resize-handle-ghost {
-    position: absolute;
-    background-color: #08f;
-    pointer-events: none;
-    animation: komc-column-resize-handle-fade-out 200ms ease-out forwards;
-  }
-}
-
-@keyframes komc-column-resize-handle-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes komc-column-resize-handle-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}

package/dist/ui/dropdown/index.cjs

@@ -1 +0,0 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../common-D4sUwkFd.cjs`),n=require(`../../use-dialog-stack-YiLs-sNf.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`),a=require(`@radix-ui/react-slot`),o=require(`@floating-ui/react`);const s=(0,r.createContext)(null);function c(){let e=(0,r.useContext)(s);if(!e)throw Error(`useDropdown must be used within Dropdown`);return e}function l(){return(0,r.useContext)(s)}function u({className:e,children:n,onMouseDown:r,onClick:a,...s}){let{open:l,refs:u,floatingStyles:d,getFloatingProps:f,preserveFocus:p}=c();return l?(0,i.jsx)(o.FloatingPortal,{children:(0,i.jsx)(`div`,{"data-komc":!0,...f({...s,ref:u.setFloating,style:{...d,...s.style},className:t.n(`komc:z-50 komc:mt-0.5 komc:drop-shadow-md`,e),onMouseDown:e=>{p&&e.preventDefault(),r?.(e)},onClick:e=>{e.stopPropagation(),a?.(e)}}),children:n})}):null}function d({asChild:e=!0,className:n,type:r=`button`,...o}){let{open:s,refs:l,getReferenceProps:u}=c();return(0,i.jsx)(e?a.Slot:`button`,{"data-komc":!0,"data-state":s?`open`:`closed`,type:e?void 0:r,className:t.n(!e&&`komc:inline-flex komc:items-center komc:outline-none`,n),...u({...o,ref:l.setReference})})}function f({trigger:e,reference:t,children:a,placement:c=`bottom-start`,boundary:l,offset:f=8,maxWidth:p,maxHeight:m=300,className:h,open:g,onOpenChange:_,preserveFocus:v=!1,role:y=`menu`}){let b=g!==void 0,[x,S]=(0,r.useState)(!1),C=b?g:x,w=(0,r.useCallback)(e=>{b||S(e),_?.(e)},[b,_]),T=(0,r.useCallback)(()=>w(!1),[w]);n.t(C,T,!1);let{refs:E,floatingStyles:D,context:O}=(0,o.useFloating)({open:C,onOpenChange:w,placement:c,whileElementsMounted:o.autoUpdate,middleware:(0,r.useMemo)(()=>[(0,o.offset)(f),(0,o.flip)({boundary:l??void 0,padding:8}),(0,o.shift)({boundary:l??void 0,padding:8}),(0,o.size)({boundary:l??void 0,padding:8,apply({availableHeight:e,availableWidth:t,elements:n}){let r={maxHeight:`${Math.min(e,m)}px`,overflowY:`auto`};p!=null&&(r.maxWidth=`${Math.min(t,p)}px`),Object.assign(n.floating.style,r)}})],[l,m,p,f])}),{getReferenceProps:k,getFloatingProps:A}=(0,o.useInteractions)([(0,o.useClick)(O),(0,o.useDismiss)(O,{escapeKey:!1}),(0,o.useRole)(O,{role:y})]);(0,r.useEffect)(()=>{t&&E.setPositionReference(t)},[t,E]);let j=(0,r.useMemo)(()=>({open:C,setOpen:w,close:T,refs:E,floatingStyles:D,getReferenceProps:k,getFloatingProps:A,preserveFocus:v}),[T,D,A,k,C,v,E,w]);return(0,i.jsxs)(s.Provider,{value:j,children:[e?(0,i.jsx)(d,{asChild:!0,children:e}):null,e?(0,i.jsx)(u,{className:h,children:a}):a]})}exports.Dropdown=f,exports.DropdownContent=u,exports.DropdownTrigger=d,exports.useDropdown=c,exports.useOptionalDropdown=l;