@machinerd/js-module 0.9.0 → 0.11.0

package/dist/ui/dialog/index.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-6KfzqI9Z.cjs`),require(`../../file-5mweNdAM.cjs`),require(`../../use-drag-resize-DeDqPC4h.cjs`);const t=require(`../../common-B8HXyhZa.cjs`),n=require(`../../use-dialog-stack-YiLs-sNf.cjs`);require(`../../api-client-C3o2pO0q.cjs`),require(`../../use-subset-image-o_gmC1HL.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`),a=require(`class-variance-authority`);const o=(0,a.cva)(`komc:relative komc:z-10 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden komc:w-full komc:max-h-full komc:min-w-0 komc:transition-all komc:duration-300 komc:ease-in-out`,{variants:{padding:{sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`,none:`komc:p-0`},maxWidth:{sm:`komc:max-w-sm`,md:`komc:max-w-md`,lg:`komc:max-w-lg`,xl:`komc:max-w-xl`,"2xl":`komc:max-w-2xl`,full:`komc:max-w-full`}},defaultVariants:{padding:`sm`,maxWidth:`md`}});function s({closeOnBackdropClick:e=!0,isOpen:a,zIndex:s=1e4,padding:c,maxWidth:l,className:u,onClose:d,children:f,...p}){let m=t.l(a,300),[h,g]=(0,r.useState)(!1);n.t(a,d),(0,r.useEffect)(()=>{if(a&&m){let e=setTimeout(()=>g(!0),10);return()=>clearTimeout(e)}else a||g(!1)},[a,m]);let _=(0,r.useCallback)(()=>{e&&d()},[e,d]);return m?(0,i.jsx)(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden`,style:{zIndex:s},children:(0,i.jsxs)(`div`,{className:`komc:relative komc:flex komc:min-h-0 komc:flex-1 komc:w-full komc:items-center komc:justify-center`,children:[(0,i.jsx)(`button`,{type:`button`,"data-state":h?`open`:`closed`,className:`komc:fixed komc:inset-0 komc:z-0 komc:cursor-default komc:bg-black/50 komc:transition-opacity komc:duration-300 komc:ease-in-out komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100`,onClick:_,"aria-label":`close dialog`}),(0,i.jsx)(`div`,{"data-state":h?`open`:`closed`,className:`${o({padding:c,maxWidth:l,className:u})} komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100 komc:data-[state=closed]:scale-95 komc:data-[state=open]:scale-100`,role:`dialog`,"aria-modal":`true`,...p,children:f})]})}):null}exports.Dialog=s;
+"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../use-delay-unmount-CNNJXNX5.cjs`),n=require(`../../use-dialog-stack-CH2nhH1Q.cjs`);let r=require(`class-variance-authority`),i=require(`react`),a=require(`react/jsx-runtime`);const o=(0,r.cva)(`komc:relative komc:z-10 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden komc:w-full komc:max-h-full komc:min-w-0 komc:transition-all komc:duration-300 komc:ease-in-out`,{variants:{padding:{sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`,none:`komc:p-0`},maxWidth:{sm:`komc:max-w-sm`,md:`komc:max-w-md`,lg:`komc:max-w-lg`,xl:`komc:max-w-xl`,"2xl":`komc:max-w-2xl`,full:`komc:max-w-full`}},defaultVariants:{padding:`sm`,maxWidth:`md`}});function s({closeOnBackdropClick:e=!0,isOpen:r,zIndex:s=1e4,padding:c,maxWidth:l,className:u,onClose:d,children:f,...p}){let m=t.t(r,300),[h,g]=(0,i.useState)(!1);n.t(r,d),(0,i.useEffect)(()=>{if(r&&m){let e=setTimeout(()=>g(!0),10);return()=>clearTimeout(e)}else r||g(!1)},[r,m]);let _=(0,i.useCallback)(()=>{e&&d()},[e,d]);return m?(0,a.jsx)(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden`,style:{zIndex:s},children:(0,a.jsxs)(`div`,{className:`komc:relative komc:flex komc:min-h-0 komc:flex-1 komc:w-full komc:items-center komc:justify-center`,children:[(0,a.jsx)(`button`,{type:`button`,"data-state":h?`open`:`closed`,className:`komc:fixed komc:inset-0 komc:z-0 komc:cursor-default komc:bg-black/50 komc:transition-opacity komc:duration-300 komc:ease-in-out komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100`,onClick:_,"aria-label":`close dialog`}),(0,a.jsx)(`div`,{"data-state":h?`open`:`closed`,className:`${o({padding:c,maxWidth:l,className:u})} komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100 komc:data-[state=closed]:scale-95 komc:data-[state=open]:scale-100`,role:`dialog`,"aria-modal":`true`,...p,children:f})]})}):null}exports.Dialog=s;

package/dist/ui/dialog/index.d.cts

@@ -1,12 +1,12 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { HTMLAttributes, ReactNode } from "react";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 
 //#region src/ui/dialog/dialog.d.ts
 declare const classes: (props?: ({
-  padding?: "sm" | "md" | "lg" | "none" | null | undefined;
-  maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null | undefined;
+  padding?: "none" | "sm" | "lg" | "md" | null | undefined;
+  maxWidth?: "sm" | "lg" | "md" | "xl" | "2xl" | "full" | null | undefined;
 } & class_variance_authority_types0.ClassProp) | undefined) => string;
 interface DialogProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof classes> {
   closeOnBackdropClick?: boolean;
@@ -25,6 +25,6 @@ declare function Dialog({
   onClose,
   children,
   ...rest
-}: DialogProps): react_jsx_runtime1.JSX.Element | null;
+}: DialogProps): react_jsx_runtime0.JSX.Element | null;
 //#endregion
 export { Dialog, type DialogProps };

package/dist/ui/dialog/index.d.mts

@@ -1,13 +1,13 @@
-import { HTMLAttributes, ReactNode } from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
 import { VariantProps } from "class-variance-authority";
-import * as class_variance_authority_types0 from "class-variance-authority/types";
+import { HTMLAttributes, ReactNode } from "react";
+import * as react_jsx_runtime20 from "react/jsx-runtime";
+import * as class_variance_authority_types5 from "class-variance-authority/types";
 
 //#region src/ui/dialog/dialog.d.ts
 declare const classes: (props?: ({
-  padding?: "sm" | "md" | "lg" | "none" | null | undefined;
-  maxWidth?: "sm" | "md" | "lg" | "xl" | "2xl" | "full" | null | undefined;
-} & class_variance_authority_types0.ClassProp) | undefined) => string;
+  padding?: "none" | "sm" | "lg" | "md" | null | undefined;
+  maxWidth?: "sm" | "lg" | "md" | "xl" | "2xl" | "full" | null | undefined;
+} & class_variance_authority_types5.ClassProp) | undefined) => string;
 interface DialogProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof classes> {
   closeOnBackdropClick?: boolean;
   isOpen: boolean;
@@ -25,6 +25,6 @@ declare function Dialog({
   onClose,
   children,
   ...rest
-}: DialogProps): react_jsx_runtime8.JSX.Element | null;
+}: DialogProps): react_jsx_runtime20.JSX.Element | null;
 //#endregion
 export { Dialog, type DialogProps };

package/dist/ui/dialog/index.mjs

@@ -1 +1 @@
-"use client";import"../../src-CIMlbgv1.mjs";import"../../file-B-UJkabO.mjs";import"../../use-drag-resize-BdeLdulk.mjs";import{l as e}from"../../common-CWHkXe0F.mjs";import{t}from"../../use-dialog-stack-Crj8YWJl.mjs";import"../../api-client-C0sbSOQf.mjs";import"../../use-subset-image-Df2fCrtH.mjs";import{useCallback as n,useEffect as r,useState as i}from"react";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{cva as s}from"class-variance-authority";const c=s(`komc:relative komc:z-10 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden komc:w-full komc:max-h-full komc:min-w-0 komc:transition-all komc:duration-300 komc:ease-in-out`,{variants:{padding:{sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`,none:`komc:p-0`},maxWidth:{sm:`komc:max-w-sm`,md:`komc:max-w-md`,lg:`komc:max-w-lg`,xl:`komc:max-w-xl`,"2xl":`komc:max-w-2xl`,full:`komc:max-w-full`}},defaultVariants:{padding:`sm`,maxWidth:`md`}});function l({closeOnBackdropClick:s=!0,isOpen:l,zIndex:u=1e4,padding:d,maxWidth:f,className:p,onClose:m,children:h,...g}){let _=e(l,300),[v,y]=i(!1);t(l,m),r(()=>{if(l&&_){let e=setTimeout(()=>y(!0),10);return()=>clearTimeout(e)}else l||y(!1)},[l,_]);let b=n(()=>{s&&m()},[s,m]);return _?a(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden`,style:{zIndex:u},children:o(`div`,{className:`komc:relative komc:flex komc:min-h-0 komc:flex-1 komc:w-full komc:items-center komc:justify-center`,children:[a(`button`,{type:`button`,"data-state":v?`open`:`closed`,className:`komc:fixed komc:inset-0 komc:z-0 komc:cursor-default komc:bg-black/50 komc:transition-opacity komc:duration-300 komc:ease-in-out komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100`,onClick:b,"aria-label":`close dialog`}),a(`div`,{"data-state":v?`open`:`closed`,className:`${c({padding:d,maxWidth:f,className:p})} komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100 komc:data-[state=closed]:scale-95 komc:data-[state=open]:scale-100`,role:`dialog`,"aria-modal":`true`,...g,children:h})]})}):null}export{l as Dialog};
+"use client";import{t as e}from"../../use-delay-unmount-_wzkutyv.mjs";import{t}from"../../use-dialog-stack-nI1GTvfl.mjs";import{cva as n}from"class-variance-authority";import{useCallback as r,useEffect as i,useState as a}from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=n(`komc:relative komc:z-10 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden komc:w-full komc:max-h-full komc:min-w-0 komc:transition-all komc:duration-300 komc:ease-in-out`,{variants:{padding:{sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`,none:`komc:p-0`},maxWidth:{sm:`komc:max-w-sm`,md:`komc:max-w-md`,lg:`komc:max-w-lg`,xl:`komc:max-w-xl`,"2xl":`komc:max-w-2xl`,full:`komc:max-w-full`}},defaultVariants:{padding:`sm`,maxWidth:`md`}});function l({closeOnBackdropClick:n=!0,isOpen:l,zIndex:u=1e4,padding:d,maxWidth:f,className:p,onClose:m,children:h,...g}){let _=e(l,300),[v,y]=a(!1);t(l,m),i(()=>{if(l&&_){let e=setTimeout(()=>y(!0),10);return()=>clearTimeout(e)}else l||y(!1)},[l,_]);let b=r(()=>{n&&m()},[n,m]);return _?o(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden`,style:{zIndex:u},children:s(`div`,{className:`komc:relative komc:flex komc:min-h-0 komc:flex-1 komc:w-full komc:items-center komc:justify-center`,children:[o(`button`,{type:`button`,"data-state":v?`open`:`closed`,className:`komc:fixed komc:inset-0 komc:z-0 komc:cursor-default komc:bg-black/50 komc:transition-opacity komc:duration-300 komc:ease-in-out komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100`,onClick:b,"aria-label":`close dialog`}),o(`div`,{"data-state":v?`open`:`closed`,className:`${c({padding:d,maxWidth:f,className:p})} komc:data-[state=closed]:opacity-0 komc:data-[state=open]:opacity-100 komc:data-[state=closed]:scale-95 komc:data-[state=open]:scale-100`,role:`dialog`,"aria-modal":`true`,...g,children:h})]})}):null}export{l as Dialog};

package/dist/ui/dnd/index.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);let t=require(`react/jsx-runtime`),n=require(`@dnd-kit/sortable`),r=require(`@dnd-kit/utilities`);function i({id:e,render:i}){let{attributes:a,listeners:o,setNodeRef:s,transform:c,transition:l,isDragging:u}=(0,n.useSortable)({id:e});return(0,t.jsx)(`div`,{ref:s,"data-komc":!0,style:{width:`100%`,zIndex:u?`100`:`auto`,opacity:u?.7:1,transform:r.CSS.Translate.toString(c),transition:l},children:i(a,o)})}exports.DndItem=i;
+"use client";const e=require(`../../dnd-DHNRwFj8.cjs`);exports.DndItem=e.t;

package/dist/ui/dnd/index.d.cts

@@ -1,5 +1,5 @@
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { ReactNode } from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
 import { DraggableAttributes } from "@dnd-kit/core";
 import { useSortable } from "@dnd-kit/sortable";
 
@@ -12,6 +12,6 @@ interface DndItemProps {
 declare function DndItem({
   id,
   render
-}: DndItemProps): react_jsx_runtime10.JSX.Element;
+}: DndItemProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { DndItem };

package/dist/ui/dnd/index.mjs

@@ -1 +1 @@
-"use client";import{jsx as e}from"react/jsx-runtime";import{useSortable as t}from"@dnd-kit/sortable";import{CSS as n}from"@dnd-kit/utilities";function r({id:r,render:i}){let{attributes:a,listeners:o,setNodeRef:s,transform:c,transition:l,isDragging:u}=t({id:r});return e(`div`,{ref:s,"data-komc":!0,style:{width:`100%`,zIndex:u?`100`:`auto`,opacity:u?.7:1,transform:n.Translate.toString(c),transition:l},children:i(a,o)})}export{r as DndItem};
+"use client";import{t as e}from"../../dnd-CeWNVM-V.mjs";export{e as DndItem};

package/dist/ui/dropdown/index.cjs

@@ -1 +1 @@
-"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;
+"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../use-dialog-stack-CH2nhH1Q.cjs`);let n=require(`react`),r=require(`clsx`);r=e.t(r);let i=require(`react/jsx-runtime`),a=require(`@floating-ui/react`);const o=(0,n.createContext)(null);function s(){return(0,n.useContext)(o)||{open:!1,setOpen:()=>{},close:()=>{}}}function c({trigger:e,reference:s,children:c,placement:l=`bottom-start`,boundary:u,offset:d=8,maxWidth:f,maxHeight:p=300,className:m,open:h,onOpenChange:g,preserveFocus:_=!0,zIndex:v=99999}){let y=h!==void 0,[b,x]=(0,n.useState)(!1),S=y?h:b,C=(0,n.useCallback)(e=>{y||x(e),g?.(e)},[y,g]),w=(0,n.useCallback)(()=>C(!1),[C]),T=(0,n.useMemo)(()=>({open:S,setOpen:C,close:w}),[S,C,w]);t.t(S,w);let{refs:{setReference:E,setFloating:D,setPositionReference:O},floatingStyles:k,isPositioned:A,context:j}=(0,a.useFloating)({open:S,onOpenChange:C,placement:l,strategy:`fixed`,whileElementsMounted:a.autoUpdate,middleware:[(0,a.offset)(d),(0,a.flip)({boundary:u??void 0,fallbackStrategy:`initialPlacement`,padding:8}),(0,a.shift)({boundary:u??void 0,padding:8}),(0,a.size)({boundary:u??void 0,padding:8,apply({availableHeight:e,availableWidth:t,elements:n}){let r={maxHeight:`${Math.min(e,p??1/0)}px`,overflowY:`auto`};f!=null&&(r.maxWidth=`${Math.min(t,f)}px`),Object.assign(n.floating.style,r)}})]}),{getReferenceProps:M,getFloatingProps:N}=(0,a.useInteractions)([(0,a.useClick)(j,{enabled:!!e}),(0,a.useDismiss)(j,{outsidePress:!1,escapeKey:!1}),(0,a.useRole)(j,{role:`menu`})]);return(0,n.useLayoutEffect)(()=>{s&&(O(s),e||E(s))},[s,O,E,e]),(0,i.jsxs)(i.Fragment,{children:[e!=null&&e!==!1&&(0,i.jsx)(`span`,{"data-komc":!0,className:`komc:inline-flex`,ref:E,...M(),children:e}),S&&(0,i.jsx)(a.FloatingPortal,{children:(0,i.jsxs)(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0`,style:{zIndex:v},children:[(0,i.jsx)(`button`,{type:`button`,tabIndex:-1,"aria-label":`Close dropdown`,className:`komc:absolute komc:inset-0 komc:cursor-default komc:bg-transparent`,onPointerDown:e=>{e.preventDefault(),C(!1)}}),(0,i.jsx)(`div`,{ref:D,style:{...k,visibility:A?`visible`:`hidden`},className:(0,r.default)(`komc:mt-0.5 komc:drop-shadow-md`,m),...N({tabIndex:-1,onPointerDown:_?e=>{e.preventDefault()}:void 0}),children:(0,i.jsx)(o.Provider,{value:T,children:c})})]})})]})}exports.Dropdown=c,exports.useDropdown=s;

package/dist/ui/dropdown/index.d.cts

@@ -1,11 +1,18 @@
-import { CSSProperties, ComponentProps, ReactElement, ReactNode } from "react";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
-import { Placement, VirtualElement, useFloating, useInteractions } from "@floating-ui/react";
+import * as react_jsx_runtime53 from "react/jsx-runtime";
+import { ReactNode } from "react";
+import { Placement, VirtualElement } from "@floating-ui/react";
 
 //#region src/ui/dropdown/dropdown.d.ts
+type DropdownReference = VirtualElement;
+interface DropdownContextValue {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  close: () => void;
+}
+declare function useDropdown(): DropdownContextValue;
 interface DropdownProps {
-  trigger?: ReactElement;
-  reference?: VirtualElement;
+  trigger?: ReactNode;
+  reference?: DropdownReference | null;
   children: ReactNode;
   placement?: Placement;
   boundary?: Element | null;
@@ -16,7 +23,7 @@ interface DropdownProps {
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
   preserveFocus?: boolean;
-  role?: 'menu' | 'listbox' | 'dialog';
+  zIndex?: number;
 }
 declare function Dropdown({
   trigger,
@@ -31,42 +38,7 @@ declare function Dropdown({
   open: controlledOpen,
   onOpenChange,
   preserveFocus,
-  role
-}: DropdownProps): react_jsx_runtime17.JSX.Element;
-//#endregion
-//#region src/ui/dropdown/dropdown-trigger.d.ts
-interface DropdownTriggerProps extends ComponentProps<'button'> {
-  asChild?: boolean;
-}
-declare function DropdownTrigger({
-  asChild,
-  className,
-  type,
-  ...rest
-}: DropdownTriggerProps): react_jsx_runtime17.JSX.Element;
-//#endregion
-//#region src/ui/dropdown/dropdown-content.d.ts
-type DropdownContentProps = ComponentProps<'div'>;
-declare function DropdownContent({
-  className,
-  children,
-  onMouseDown,
-  onClick,
-  ...rest
-}: DropdownContentProps): react_jsx_runtime17.JSX.Element | null;
-//#endregion
-//#region src/ui/dropdown/dropdown-context.d.ts
-interface DropdownContextValue {
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  close: () => void;
-  refs: ReturnType<typeof useFloating>['refs'];
-  floatingStyles: CSSProperties;
-  getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];
-  getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];
-  preserveFocus: boolean;
-}
-declare function useDropdown(): DropdownContextValue;
-declare function useOptionalDropdown(): DropdownContextValue | null;
+  zIndex
+}: DropdownProps): react_jsx_runtime53.JSX.Element;
 //#endregion
-export { Dropdown, DropdownContent, type DropdownContentProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, useDropdown, useOptionalDropdown };
+export { Dropdown, type DropdownProps, type DropdownReference, useDropdown };

package/dist/ui/dropdown/index.d.mts

@@ -1,11 +1,18 @@
-import { CSSProperties, ComponentProps, ReactElement, ReactNode } from "react";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import { Placement, VirtualElement, useFloating, useInteractions } from "@floating-ui/react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime46 from "react/jsx-runtime";
+import { Placement, VirtualElement } from "@floating-ui/react";
 
 //#region src/ui/dropdown/dropdown.d.ts
+type DropdownReference = VirtualElement;
+interface DropdownContextValue {
+  open: boolean;
+  setOpen: (open: boolean) => void;
+  close: () => void;
+}
+declare function useDropdown(): DropdownContextValue;
 interface DropdownProps {
-  trigger?: ReactElement;
-  reference?: VirtualElement;
+  trigger?: ReactNode;
+  reference?: DropdownReference | null;
   children: ReactNode;
   placement?: Placement;
   boundary?: Element | null;
@@ -16,7 +23,7 @@ interface DropdownProps {
   open?: boolean;
   onOpenChange?: (open: boolean) => void;
   preserveFocus?: boolean;
-  role?: 'menu' | 'listbox' | 'dialog';
+  zIndex?: number;
 }
 declare function Dropdown({
   trigger,
@@ -31,42 +38,7 @@ declare function Dropdown({
   open: controlledOpen,
   onOpenChange,
   preserveFocus,
-  role
-}: DropdownProps): react_jsx_runtime5.JSX.Element;
-//#endregion
-//#region src/ui/dropdown/dropdown-trigger.d.ts
-interface DropdownTriggerProps extends ComponentProps<'button'> {
-  asChild?: boolean;
-}
-declare function DropdownTrigger({
-  asChild,
-  className,
-  type,
-  ...rest
-}: DropdownTriggerProps): react_jsx_runtime5.JSX.Element;
-//#endregion
-//#region src/ui/dropdown/dropdown-content.d.ts
-type DropdownContentProps = ComponentProps<'div'>;
-declare function DropdownContent({
-  className,
-  children,
-  onMouseDown,
-  onClick,
-  ...rest
-}: DropdownContentProps): react_jsx_runtime5.JSX.Element | null;
-//#endregion
-//#region src/ui/dropdown/dropdown-context.d.ts
-interface DropdownContextValue {
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  close: () => void;
-  refs: ReturnType<typeof useFloating>['refs'];
-  floatingStyles: CSSProperties;
-  getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];
-  getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];
-  preserveFocus: boolean;
-}
-declare function useDropdown(): DropdownContextValue;
-declare function useOptionalDropdown(): DropdownContextValue | null;
+  zIndex
+}: DropdownProps): react_jsx_runtime46.JSX.Element;
 //#endregion
-export { Dropdown, DropdownContent, type DropdownContentProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, useDropdown, useOptionalDropdown };
+export { Dropdown, type DropdownProps, type DropdownReference, useDropdown };

package/dist/ui/dropdown/index.mjs

@@ -1 +1 @@
-"use client";import{n as e}from"../../common-ZUMpASnc.mjs";import{t}from"../../use-dialog-stack-Crj8YWJl.mjs";import{createContext as n,useCallback as r,useContext as i,useEffect as a,useMemo as o,useState as s}from"react";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{Slot as u}from"@radix-ui/react-slot";import{FloatingPortal as d,autoUpdate as f,flip as p,offset as m,shift as h,size as g,useClick as _,useDismiss as v,useFloating as y,useInteractions as b,useRole as x}from"@floating-ui/react";const S=n(null);function C(){let e=i(S);if(!e)throw Error(`useDropdown must be used within Dropdown`);return e}function w(){return i(S)}function T({className:t,children:n,onMouseDown:r,onClick:i,...a}){let{open:o,refs:s,floatingStyles:l,getFloatingProps:u,preserveFocus:f}=C();return o?c(d,{children:c(`div`,{"data-komc":!0,...u({...a,ref:s.setFloating,style:{...l,...a.style},className:e(`komc:z-50 komc:mt-0.5 komc:drop-shadow-md`,t),onMouseDown:e=>{f&&e.preventDefault(),r?.(e)},onClick:e=>{e.stopPropagation(),i?.(e)}}),children:n})}):null}function E({asChild:t=!0,className:n,type:r=`button`,...i}){let{open:a,refs:o,getReferenceProps:s}=C();return c(t?u:`button`,{"data-komc":!0,"data-state":a?`open`:`closed`,type:t?void 0:r,className:e(!t&&`komc:inline-flex komc:items-center komc:outline-none`,n),...s({...i,ref:o.setReference})})}function D({trigger:e,reference:n,children:i,placement:u=`bottom-start`,boundary:d,offset:C=8,maxWidth:w,maxHeight:D=300,className:O,open:k,onOpenChange:A,preserveFocus:j=!1,role:M=`menu`}){let N=k!==void 0,[P,F]=s(!1),I=N?k:P,L=r(e=>{N||F(e),A?.(e)},[N,A]),R=r(()=>L(!1),[L]);t(I,R,!1);let{refs:z,floatingStyles:B,context:V}=y({open:I,onOpenChange:L,placement:u,whileElementsMounted:f,middleware:o(()=>[m(C),p({boundary:d??void 0,padding:8}),h({boundary:d??void 0,padding:8}),g({boundary:d??void 0,padding:8,apply({availableHeight:e,availableWidth:t,elements:n}){let r={maxHeight:`${Math.min(e,D)}px`,overflowY:`auto`};w!=null&&(r.maxWidth=`${Math.min(t,w)}px`),Object.assign(n.floating.style,r)}})],[d,D,w,C])}),{getReferenceProps:H,getFloatingProps:U}=b([_(V),v(V,{escapeKey:!1}),x(V,{role:M})]);a(()=>{n&&z.setPositionReference(n)},[n,z]);let W=o(()=>({open:I,setOpen:L,close:R,refs:z,floatingStyles:B,getReferenceProps:H,getFloatingProps:U,preserveFocus:j}),[R,B,U,H,I,j,z,L]);return l(S.Provider,{value:W,children:[e?c(E,{asChild:!0,children:e}):null,e?c(T,{className:O,children:i}):i]})}export{D as Dropdown,T as DropdownContent,E as DropdownTrigger,C as useDropdown,w as useOptionalDropdown};
+"use client";import{t as e}from"../../use-dialog-stack-nI1GTvfl.mjs";import{createContext as t,useCallback as n,useContext as r,useLayoutEffect as i,useMemo as a,useState as o}from"react";import s from"clsx";import{Fragment as c,jsx as l,jsxs as u}from"react/jsx-runtime";import{FloatingPortal as d,autoUpdate as f,flip as p,offset as m,shift as h,size as g,useClick as _,useDismiss as v,useFloating as y,useInteractions as b,useRole as x}from"@floating-ui/react";const S=t(null);function C(){return r(S)||{open:!1,setOpen:()=>{},close:()=>{}}}function w({trigger:t,reference:r,children:C,placement:w=`bottom-start`,boundary:T,offset:E=8,maxWidth:D,maxHeight:O=300,className:k,open:A,onOpenChange:j,preserveFocus:M=!0,zIndex:N=99999}){let P=A!==void 0,[F,I]=o(!1),L=P?A:F,R=n(e=>{P||I(e),j?.(e)},[P,j]),z=n(()=>R(!1),[R]),B=a(()=>({open:L,setOpen:R,close:z}),[L,R,z]);e(L,z);let{refs:{setReference:V,setFloating:H,setPositionReference:U},floatingStyles:W,isPositioned:G,context:K}=y({open:L,onOpenChange:R,placement:w,strategy:`fixed`,whileElementsMounted:f,middleware:[m(E),p({boundary:T??void 0,fallbackStrategy:`initialPlacement`,padding:8}),h({boundary:T??void 0,padding:8}),g({boundary:T??void 0,padding:8,apply({availableHeight:e,availableWidth:t,elements:n}){let r={maxHeight:`${Math.min(e,O??1/0)}px`,overflowY:`auto`};D!=null&&(r.maxWidth=`${Math.min(t,D)}px`),Object.assign(n.floating.style,r)}})]}),{getReferenceProps:q,getFloatingProps:J}=b([_(K,{enabled:!!t}),v(K,{outsidePress:!1,escapeKey:!1}),x(K,{role:`menu`})]);return i(()=>{r&&(U(r),t||V(r))},[r,U,V,t]),u(c,{children:[t!=null&&t!==!1&&l(`span`,{"data-komc":!0,className:`komc:inline-flex`,ref:V,...q(),children:t}),L&&l(d,{children:u(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0`,style:{zIndex:N},children:[l(`button`,{type:`button`,tabIndex:-1,"aria-label":`Close dropdown`,className:`komc:absolute komc:inset-0 komc:cursor-default komc:bg-transparent`,onPointerDown:e=>{e.preventDefault(),R(!1)}}),l(`div`,{ref:H,style:{...W,visibility:G?`visible`:`hidden`},className:s(`komc:mt-0.5 komc:drop-shadow-md`,k),...J({tabIndex:-1,onPointerDown:M?e=>{e.preventDefault()}:void 0}),children:l(S.Provider,{value:B,children:C})})]})})]})}export{w as Dropdown,C as useDropdown};

package/dist/ui/image/index.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-6KfzqI9Z.cjs`),require(`../../common-D4sUwkFd.cjs`),require(`../../file-5mweNdAM.cjs`);const t=require(`../../skeleton-B5ZccRFX.cjs`);require(`../../api-client-C3o2pO0q.cjs`);const n=require(`../../use-subset-image-o_gmC1HL.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`),a=require(`clsx`);a=e.t(a);let o=require(`class-variance-authority`);const s=(0,o.cva)(``,{variants:{fill:{true:`komc:w-full komc:h-full komc:absolute komc:inset-0`,false:``}},defaultVariants:{fill:!1}}),c=(0,r.forwardRef)(({...e},t)=>{let{ref:r,imageProps:a}=n.n({ref:t,...e});return(0,i.jsx)(`img`,{ref:r,...a})}),l=(0,r.forwardRef)(({skeleton:e=!0,layout:r=`stretch`,fallbackSrc:o,className:c,emptyNode:l,emptyNodeClassName:d,skeletonClassName:f,...p},m)=>{let{ref:h,isLoad:g,isError:_,imageProps:v}=n.n({ref:m,fallbackSrc:o,forceLoad:!e,...p}),y=!p.fill&&r===`intrinsic`?{width:`${p.width}px`,height:`${p.height}px`}:void 0,b=(0,a.default)(`komc:flex komc:justify-center komc:items-center komc:relative komc:min-h-0`,!p.fill&&r===`stretch`&&`komc:w-full komc:h-full`);return!o&&_&&l?p.fill?(0,i.jsx)(u,{className:d,children:l}):(0,i.jsx)(`div`,{"data-komc":!0,style:y,className:b,children:(0,i.jsx)(u,{className:d,children:l})}):p.fill?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`img`,{ref:h,...v,className:(0,a.default)(`komc:w-full komc:h-full komc:absolute komc:inset-0`,e&&!g?`komc:invisible`:`komc:visible`,c)}),(0,i.jsx)(`div`,{"data-komc":!0,className:(0,a.default)(`komc:w-full komc:h-full komc:absolute komc:inset-0`,e&&!g?`komc:block`:`komc:hidden`),children:(0,i.jsx)(t.t,{size:`full`,className:f})})]}):(0,i.jsxs)(`div`,{"data-komc":!0,style:y,className:b,children:[(0,i.jsx)(`img`,{ref:h,...v,className:(0,a.default)(s({fill:p.fill,className:c}),e&&!g?`komc:invisible`:`komc:visible`)}),(0,i.jsx)(`div`,{className:(0,a.default)(`komc:w-full komc:h-full komc:absolute komc:inset-0`,e&&!g?`komc:block`:`komc:hidden`),children:(0,i.jsx)(t.t,{size:`full`,className:f})})]})}),u=({children:e,className:t})=>(0,i.jsx)(`div`,{"data-komc":!0,role:`alert`,className:(0,a.default)(`komc:flex komc:justify-center komc:items-center komc:w-full komc:h-full komc:bg-gray-100 komc:absolute komc:inset-0 komc:p-1`,t),children:e});var d=l;exports.BaseImage=c,exports.EmptyNode=u,exports.Image=d;
+"use client";require(`../../src-Dz1mULYA.cjs`),require(`../../file-DeZ1OKdy.cjs`),require(`../../api-client-BXH8Rm-J.cjs`),require(`../../use-subset-image-BUurDItP.cjs`),require(`../../skeleton-7P1IZD3G.cjs`);const e=require(`../../image-kIL2PjTS.cjs`);exports.BaseImage=e.t,exports.EmptyNode=e.n,exports.Image=e.r;

package/dist/ui/image/index.d.cts

@@ -1,45 +1,3 @@
-import { i as UseSubsetImageProps, t as BaseProps } from "../../use-subset-image-bDB5TSd4.cjs";
-import * as react1 from "react";
-import * as react_jsx_runtime15 from "react/jsx-runtime";
-
-//#region src/ui/image/image.d.ts
-interface ImageSubsetProps {
-  layout?: 'intrinsic' | 'stretch';
-  skeleton?: boolean;
-  emptyNode?: React.ReactNode;
-  emptyNodeClassName?: string;
-  skeletonClassName?: string;
-}
-type ImageProps = UseSubsetImageProps & ImageSubsetProps;
-declare const BaseImage: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
-  fill: true;
-  sizes: string;
-  width?: never;
-  height?: never;
-}, "ref"> | Omit<BaseProps & {
-  fill?: false;
-  sizes?: never;
-  width: number;
-  height: number;
-}, "ref">) & react1.RefAttributes<HTMLImageElement>>;
-declare const Image: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
-  fill: true;
-  sizes: string;
-  width?: never;
-  height?: never;
-} & ImageSubsetProps, "ref"> | Omit<BaseProps & {
-  fill?: false;
-  sizes?: never;
-  width: number;
-  height: number;
-} & ImageSubsetProps, "ref">) & react1.RefAttributes<HTMLImageElement>>;
-interface EmptyNodeProps {
-  children: React.ReactNode;
-  className?: string;
-}
-declare const EmptyNode: ({
-  children,
-  className
-}: EmptyNodeProps) => react_jsx_runtime15.JSX.Element;
-//#endregion
-export { BaseImage, EmptyNode, type EmptyNodeProps, Image, type ImageProps, type ImageSubsetProps };
+import "../../index-DHyXKIBX.cjs";
+import { a as ImageProps, i as Image, n as EmptyNode, o as ImageSubsetProps, r as EmptyNodeProps, t as BaseImage } from "../../index-D_Hfb-z2.cjs";
+export { BaseImage, EmptyNode, EmptyNodeProps, Image, ImageProps, ImageSubsetProps };

package/dist/ui/image/index.d.mts

@@ -1,45 +1,3 @@
-import { i as UseSubsetImageProps, t as BaseProps } from "../../use-subset-image-Dygkyw-W.mjs";
-import * as react1 from "react";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
-
-//#region src/ui/image/image.d.ts
-interface ImageSubsetProps {
-  layout?: 'intrinsic' | 'stretch';
-  skeleton?: boolean;
-  emptyNode?: React.ReactNode;
-  emptyNodeClassName?: string;
-  skeletonClassName?: string;
-}
-type ImageProps = UseSubsetImageProps & ImageSubsetProps;
-declare const BaseImage: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
-  fill: true;
-  sizes: string;
-  width?: never;
-  height?: never;
-}, "ref"> | Omit<BaseProps & {
-  fill?: false;
-  sizes?: never;
-  width: number;
-  height: number;
-}, "ref">) & react1.RefAttributes<HTMLImageElement>>;
-declare const Image: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
-  fill: true;
-  sizes: string;
-  width?: never;
-  height?: never;
-} & ImageSubsetProps, "ref"> | Omit<BaseProps & {
-  fill?: false;
-  sizes?: never;
-  width: number;
-  height: number;
-} & ImageSubsetProps, "ref">) & react1.RefAttributes<HTMLImageElement>>;
-interface EmptyNodeProps {
-  children: React.ReactNode;
-  className?: string;
-}
-declare const EmptyNode: ({
-  children,
-  className
-}: EmptyNodeProps) => react_jsx_runtime3.JSX.Element;
-//#endregion
-export { BaseImage, EmptyNode, type EmptyNodeProps, Image, type ImageProps, type ImageSubsetProps };
+import "../../index-DxW8JBva.mjs";
+import { a as ImageProps, i as Image, n as EmptyNode, o as ImageSubsetProps, r as EmptyNodeProps, t as BaseImage } from "../../index-DSVr-P8y.mjs";
+export { BaseImage, EmptyNode, EmptyNodeProps, Image, ImageProps, ImageSubsetProps };

package/dist/ui/image/index.mjs

@@ -1 +1 @@
-"use client";import"../../src-CIMlbgv1.mjs";import"../../common-ZUMpASnc.mjs";import"../../file-B-UJkabO.mjs";import{t as e}from"../../skeleton-Y22bmaaB.mjs";import"../../api-client-C0sbSOQf.mjs";import{n as t}from"../../use-subset-image-Df2fCrtH.mjs";import{forwardRef as n}from"react";import{Fragment as r,jsx as i,jsxs as a}from"react/jsx-runtime";import o from"clsx";import{cva as s}from"class-variance-authority";const c=s(``,{variants:{fill:{true:`komc:w-full komc:h-full komc:absolute komc:inset-0`,false:``}},defaultVariants:{fill:!1}}),l=n(({...e},n)=>{let{ref:r,imageProps:a}=t({ref:n,...e});return i(`img`,{ref:r,...a})}),u=n(({skeleton:n=!0,layout:s=`stretch`,fallbackSrc:l,className:u,emptyNode:f,emptyNodeClassName:p,skeletonClassName:m,...h},g)=>{let{ref:_,isLoad:v,isError:y,imageProps:b}=t({ref:g,fallbackSrc:l,forceLoad:!n,...h}),x=!h.fill&&s===`intrinsic`?{width:`${h.width}px`,height:`${h.height}px`}:void 0,S=o(`komc:flex komc:justify-center komc:items-center komc:relative komc:min-h-0`,!h.fill&&s===`stretch`&&`komc:w-full komc:h-full`);return!l&&y&&f?h.fill?i(d,{className:p,children:f}):i(`div`,{"data-komc":!0,style:x,className:S,children:i(d,{className:p,children:f})}):h.fill?a(r,{children:[i(`img`,{ref:_,...b,className:o(`komc:w-full komc:h-full komc:absolute komc:inset-0`,n&&!v?`komc:invisible`:`komc:visible`,u)}),i(`div`,{"data-komc":!0,className:o(`komc:w-full komc:h-full komc:absolute komc:inset-0`,n&&!v?`komc:block`:`komc:hidden`),children:i(e,{size:`full`,className:m})})]}):a(`div`,{"data-komc":!0,style:x,className:S,children:[i(`img`,{ref:_,...b,className:o(c({fill:h.fill,className:u}),n&&!v?`komc:invisible`:`komc:visible`)}),i(`div`,{className:o(`komc:w-full komc:h-full komc:absolute komc:inset-0`,n&&!v?`komc:block`:`komc:hidden`),children:i(e,{size:`full`,className:m})})]})}),d=({children:e,className:t})=>i(`div`,{"data-komc":!0,role:`alert`,className:o(`komc:flex komc:justify-center komc:items-center komc:w-full komc:h-full komc:bg-gray-100 komc:absolute komc:inset-0 komc:p-1`,t),children:e});var f=u;export{l as BaseImage,d as EmptyNode,f as Image};
+"use client";import"../../src-BB55dPBE.mjs";import"../../file-CapBKYce.mjs";import"../../api-client-xK3Ua3Gr.mjs";import"../../use-subset-image-B9ZSiVjx.mjs";import"../../skeleton-D4Q9wT-o.mjs";import{n as e,r as t,t as n}from"../../image-CAEWHuaM.mjs";export{n as BaseImage,e as EmptyNode,t as Image};

package/dist/ui/input/index.cjs

@@ -0,0 +1 @@
+const e=require(`../../chunk-Bmb41Sf3.cjs`);let t=require(`class-variance-authority`),n=require(`react`),r=require(`clsx`);r=e.t(r);let i=require(`react/jsx-runtime`);const a=(0,t.cva)((0,r.default)(`komc:flex komc:items-center komc:w-full komc:px-2`,`komc:[&>input]:outline-none komc:[&>input]:w-full`,`komc:[&>input]:focus:ring-0 komc:[&>input]:focus:ring-offset-0`,`komc:[&>input]:h-full`),{variants:{size:{xs:`komc:h-7.5`,sm:`komc:h-8`,base:`komc:h-9`,md:`komc:h-10`,lg:`komc:h-11`,xl:`komc:h-12`,"2xl":`komc:h-13`,"3xl":`komc:h-14`},gap:{none:`komc:gap-0`,xs:`komc:gap-1`,sm:`komc:gap-2`,md:`komc:gap-3`,lg:`komc:gap-4`,xl:`komc:gap-5`},outline:{line:`komc:border`,solid:`komc:border-transparent`,clear:`komc:border-none`,dashed:`komc:border-dashed`,dotted:`komc:border-dotted`},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`}}}),o=(0,n.forwardRef)(({prefix:e=null,surffix:t=null,size:n=`lg`,gap:r=`xl`,outline:o=`line`,rounded:s=`lg`,className:c,...l},u)=>(0,i.jsxs)(`div`,{"data-komc":!0,className:a({size:n,gap:r,outline:o,rounded:s,className:c}),children:[e,(0,i.jsx)(`input`,{ref:u,type:`text`,...l}),t]}));var s=o;exports.Input=s;

package/dist/ui/input/index.d.cts

@@ -0,0 +1,22 @@
+import * as react36 from "react";
+import { VariantProps } from "class-variance-authority";
+import * as class_variance_authority_types10 from "class-variance-authority/types";
+
+//#region src/ui/input/input.d.ts
+declare const classes: (props?: ({
+  size?: "xs" | "sm" | "base" | "lg" | "md" | "xl" | "2xl" | "3xl" | null | undefined;
+  gap?: "none" | "xs" | "sm" | "lg" | "md" | "xl" | null | undefined;
+  outline?: "line" | "solid" | "clear" | "dashed" | "dotted" | null | undefined;
+  rounded?: "none" | "sm" | "lg" | "md" | "xl" | "2xl" | null | undefined;
+} & class_variance_authority_types10.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'surffix' | 'size'>, VariantProps<typeof classes> {
+  size?: VariantProps<typeof classes>['size'];
+  gap?: VariantProps<typeof classes>['gap'];
+  outline?: VariantProps<typeof classes>['outline'];
+  rounded?: VariantProps<typeof classes>['rounded'];
+  prefix?: React.ReactNode;
+  surffix?: React.ReactNode;
+}
+declare const Input: react36.ForwardRefExoticComponent<InputProps & react36.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input, type InputProps };

package/dist/ui/input/index.d.mts

@@ -0,0 +1,22 @@
+import { VariantProps } from "class-variance-authority";
+import * as react34 from "react";
+import * as class_variance_authority_types9 from "class-variance-authority/types";
+
+//#region src/ui/input/input.d.ts
+declare const classes: (props?: ({
+  size?: "xs" | "sm" | "base" | "lg" | "md" | "xl" | "2xl" | "3xl" | null | undefined;
+  gap?: "none" | "xs" | "sm" | "lg" | "md" | "xl" | null | undefined;
+  outline?: "line" | "solid" | "clear" | "dashed" | "dotted" | null | undefined;
+  rounded?: "none" | "sm" | "lg" | "md" | "xl" | "2xl" | null | undefined;
+} & class_variance_authority_types9.ClassProp) | undefined) => string;
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'prefix' | 'surffix' | 'size'>, VariantProps<typeof classes> {
+  size?: VariantProps<typeof classes>['size'];
+  gap?: VariantProps<typeof classes>['gap'];
+  outline?: VariantProps<typeof classes>['outline'];
+  rounded?: VariantProps<typeof classes>['rounded'];
+  prefix?: React.ReactNode;
+  surffix?: React.ReactNode;
+}
+declare const Input: react34.ForwardRefExoticComponent<InputProps & react34.RefAttributes<HTMLInputElement>>;
+//#endregion
+export { Input, type InputProps };

package/dist/ui/input/index.mjs

@@ -0,0 +1 @@
+import{cva as e}from"class-variance-authority";import{forwardRef as t}from"react";import n from"clsx";import{jsx as r,jsxs as i}from"react/jsx-runtime";const a=e(n(`komc:flex komc:items-center komc:w-full komc:px-2`,`komc:[&>input]:outline-none komc:[&>input]:w-full`,`komc:[&>input]:focus:ring-0 komc:[&>input]:focus:ring-offset-0`,`komc:[&>input]:h-full`),{variants:{size:{xs:`komc:h-7.5`,sm:`komc:h-8`,base:`komc:h-9`,md:`komc:h-10`,lg:`komc:h-11`,xl:`komc:h-12`,"2xl":`komc:h-13`,"3xl":`komc:h-14`},gap:{none:`komc:gap-0`,xs:`komc:gap-1`,sm:`komc:gap-2`,md:`komc:gap-3`,lg:`komc:gap-4`,xl:`komc:gap-5`},outline:{line:`komc:border`,solid:`komc:border-transparent`,clear:`komc:border-none`,dashed:`komc:border-dashed`,dotted:`komc:border-dotted`},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`}}});var o=t(({prefix:e=null,surffix:t=null,size:n=`lg`,gap:o=`xl`,outline:s=`line`,rounded:c=`lg`,className:l,...u},d)=>i(`div`,{"data-komc":!0,className:a({size:n,gap:o,outline:s,rounded:c,className:l}),children:[e,r(`input`,{ref:d,type:`text`,...u}),t]}));export{o as Input};

package/dist/ui/motion-dialog/index.cjs

@@ -1 +1 @@
-"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`);r=e.t(r);let i=require(`react/jsx-runtime`),a=require(`class-variance-authority`),o=require(`motion/react`),s=require(`react-dom`);const c={sm:`komc:max-w-md`,md:`komc:max-w-lg`,lg:`komc:max-w-2xl`,xl:`komc:max-w-4xl`,"2xl":`komc:max-w-6xl`,full:`komc:max-w-full komc:mx-4`},l={scale:{hidden:{opacity:0,scale:.8,y:20},visible:{opacity:1,scale:1,y:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,scale:.8,y:20,transition:{duration:.2}}},slide:{hidden:{opacity:0,x:300},visible:{opacity:1,x:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,x:300,transition:{duration:.3}}},fade:{hidden:{opacity:0},visible:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}}},"slide-up":{hidden:{opacity:0,y:100},visible:{opacity:1,y:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,y:100,transition:{duration:.3}}}},u={hidden:{opacity:0},visible:{opacity:1},exit:{opacity:0}},d=(0,a.cva)(`komc:flex komc:items-center komc:justify-between`,{variants:{padding:{none:void 0,sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`},border:{none:``,default:`komc:border-b komc:border-gray-200`},closeButtonPosition:{none:void 0,fixed:`komc:[&>button]:absolute komc:[&>button]:right-6 komc:[&>button]:top-10`}},defaultVariants:{padding:`lg`,border:`default`,closeButtonPosition:`none`}}),f=(0,r.forwardRef)(({isOpen:e,onClose:a,children:f,title:p,footer:m,size:h=`md`,animation:g=`scale`,showCloseButton:_=!0,closeOnBackdropClick:v=!0,className:y=``,showBackdrop:b=!0,isScrollableContent:x=!1,zIndex:S=1e4,customAnimation:C,headerClassName:w,onExitComplete:T},E)=>{let D=(0,r.useId)(),[O,k]=(0,r.useState)(!1);n.t(e,a),(0,r.useEffect)(()=>{k(!0)},[]);let A=()=>{v&&a()},j=C||l[g];return O?(0,s.createPortal)((0,i.jsx)(o.AnimatePresence,{mode:`wait`,onExitComplete:T,children:e&&(0,i.jsxs)(o.motion.div,{"data-komc":!0,"data-komc-dialog":``,className:`komc:fixed komc:inset-0 komc:flex komc:items-center komc:justify-center komc:p-4`,style:{zIndex:S},variants:u,initial:`hidden`,animate:`visible`,exit:`exit`,children:[b&&(0,i.jsx)(o.motion.div,{className:`komc:absolute komc:bg-black/50`,style:{zIndex:-1,top:`50%`,left:`50%`,width:`100vw`,height:`100vh`,transform:`translate(-50%, -50%)`},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:A}),(0,i.jsxs)(o.motion.div,{ref:E,id:D,className:t.n(`komc:relative komc:bg-white komc:rounded-lg komc:shadow-xl komc:pointer-events-auto`,h===`full`?`komc:w-full komc:h-full`:t.n(c[h],`komc:w-full`),y),variants:j,initial:`hidden`,animate:`visible`,exit:`exit`,layout:!0,children:[(p||_)&&(0,i.jsxs)(o.motion.div,{className:d({padding:w?.padding,border:w?.border,closeButtonPosition:w?.closeButtonPosition}),initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{delay:.1},children:[p&&(typeof p==`string`?(0,i.jsx)(`h2`,{className:`komc:text-lg komc:font-semibold komc:text-gray-900`,children:p}):p),_&&(0,i.jsx)(o.motion.button,{onClick:a,className:`komc:p-1 komc:rounded-full komc:hover:bg-gray-100 komc:transition-colors`,"aria-label":`Close dialog`,whileHover:{scale:1.1},whileTap:{scale:.9},children:(0,i.jsx)(`svg`,{className:`komc:w-5 komc:h-5 komc:text-neutral-500`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,i.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M6 18L18 6M6 6l12 12`})})})]}),(0,i.jsx)(o.motion.div,{className:t.n(`komc:@container/dialog-content`,`komc:p-6`,x&&`komc:overflow-y-auto komc:h-(--dialog-content-height)`),initial:{opacity:0},animate:{opacity:1},transition:{delay:.2},children:f}),m&&(0,i.jsx)(o.motion.div,{className:`komc:flex komc:items-center komc:justify-between komc:p-6 komc:border-t komc:border-gray-200`,initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.3},children:m})]})]})}),document.body):null});var p=f;exports.MotionDialog=p;
+"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../use-dialog-stack-CH2nhH1Q.cjs`);let n=require(`class-variance-authority`),r=require(`react`);r=e.t(r);let i=require(`clsx`);i=e.t(i);let a=require(`react/jsx-runtime`),o=require(`motion/react`),s=require(`react-dom`);const c={sm:`komc:max-w-md`,md:`komc:max-w-lg`,lg:`komc:max-w-2xl`,xl:`komc:max-w-4xl`,"2xl":`komc:max-w-6xl`,full:`komc:max-w-full komc:mx-4`},l={scale:{hidden:{opacity:0,scale:.8,y:20},visible:{opacity:1,scale:1,y:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,scale:.8,y:20,transition:{duration:.2}}},slide:{hidden:{opacity:0,x:300},visible:{opacity:1,x:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,x:300,transition:{duration:.3}}},fade:{hidden:{opacity:0},visible:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}}},"slide-up":{hidden:{opacity:0,y:100},visible:{opacity:1,y:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,y:100,transition:{duration:.3}}}},u={hidden:{opacity:0},visible:{opacity:1},exit:{opacity:0}},d=(0,n.cva)(`komc:flex komc:items-center komc:justify-between`,{variants:{padding:{none:void 0,sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`},border:{none:``,default:`komc:border-b komc:border-gray-200`},closeButtonPosition:{none:void 0,fixed:`komc:[&>button]:absolute komc:[&>button]:right-6 komc:[&>button]:top-10`}},defaultVariants:{padding:`lg`,border:`default`,closeButtonPosition:`none`}}),f=(0,r.forwardRef)(({isOpen:e,onClose:n,children:f,title:p,footer:m,size:h=`md`,animation:g=`scale`,showCloseButton:_=!0,closeOnBackdropClick:v=!0,className:y=``,showBackdrop:b=!0,isScrollableContent:x=!1,zIndex:S=1e4,customAnimation:C,headerClassName:w,onExitComplete:T},E)=>{let D=(0,r.useId)(),[O,k]=(0,r.useState)(!1);t.t(e,n),(0,r.useEffect)(()=>{k(!0)},[]);let A=()=>{v&&n()},j=C||l[g];return O?(0,s.createPortal)((0,a.jsx)(o.AnimatePresence,{mode:`wait`,onExitComplete:T,children:e&&(0,a.jsxs)(o.motion.div,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:items-center komc:justify-center komc:p-4`,style:{zIndex:S},variants:u,initial:`hidden`,animate:`visible`,exit:`exit`,children:[b&&(0,a.jsx)(o.motion.div,{className:`komc:absolute komc:bg-black/50`,style:{zIndex:-1,top:`50%`,left:`50%`,width:`100vw`,height:`100vh`,transform:`translate(-50%, -50%)`},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:A}),(0,a.jsxs)(o.motion.div,{ref:E,id:D,role:`dialog`,"aria-modal":`true`,"aria-labelledby":typeof p==`string`?`${D}-title`:void 0,className:(0,i.default)(`komc:relative komc:bg-white komc:rounded-lg komc:shadow-xl komc:pointer-events-auto`,h===`full`?`komc:w-full komc:h-full`:(0,i.default)(c[h],`komc:w-full`),y),variants:j,initial:`hidden`,animate:`visible`,exit:`exit`,layout:!0,children:[(p||_)&&(0,a.jsxs)(o.motion.div,{className:d({padding:w?.padding,border:w?.border,closeButtonPosition:w?.closeButtonPosition}),initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{delay:.1},children:[p&&(typeof p==`string`?(0,a.jsx)(`h2`,{id:`${D}-title`,className:`komc:text-lg komc:font-semibold komc:text-gray-900`,children:p}):p),_&&(0,a.jsx)(o.motion.button,{type:`button`,onClick:n,className:`komc:p-1 komc:rounded-full komc:hover:bg-gray-100 komc:transition-colors`,"aria-label":`Close dialog`,whileHover:{scale:1.1},whileTap:{scale:.9},children:(0,a.jsx)(`svg`,{className:`komc:w-5 komc:h-5 komc:text-neutral-500`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:(0,a.jsx)(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M6 18L18 6M6 6l12 12`})})})]}),(0,a.jsx)(o.motion.div,{className:(0,i.default)(`komc:@container/dialog-content`,`komc:p-6`,x&&`komc:overflow-y-auto komc:h-[60vh]`),initial:{opacity:0},animate:{opacity:1},transition:{delay:.2},children:f}),m&&(0,a.jsx)(o.motion.div,{className:`komc:flex komc:items-center komc:justify-between komc:p-6 komc:border-t komc:border-gray-200`,initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.3},children:m})]})]})}),document.body):null});var p=f;exports.MotionDialog=p;

package/dist/ui/motion-dialog/index.mjs

@@ -1 +1 @@
-"use client";import{n as e}from"../../common-ZUMpASnc.mjs";import{t}from"../../use-dialog-stack-Crj8YWJl.mjs";import n,{forwardRef as r,useEffect as i,useId as a,useState as o}from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{cva as l}from"class-variance-authority";import{AnimatePresence as u,motion as d}from"motion/react";import{createPortal as f}from"react-dom";const p={sm:`komc:max-w-md`,md:`komc:max-w-lg`,lg:`komc:max-w-2xl`,xl:`komc:max-w-4xl`,"2xl":`komc:max-w-6xl`,full:`komc:max-w-full komc:mx-4`},m={scale:{hidden:{opacity:0,scale:.8,y:20},visible:{opacity:1,scale:1,y:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,scale:.8,y:20,transition:{duration:.2}}},slide:{hidden:{opacity:0,x:300},visible:{opacity:1,x:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,x:300,transition:{duration:.3}}},fade:{hidden:{opacity:0},visible:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}}},"slide-up":{hidden:{opacity:0,y:100},visible:{opacity:1,y:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,y:100,transition:{duration:.3}}}},h={hidden:{opacity:0},visible:{opacity:1},exit:{opacity:0}},g=l(`komc:flex komc:items-center komc:justify-between`,{variants:{padding:{none:void 0,sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`},border:{none:``,default:`komc:border-b komc:border-gray-200`},closeButtonPosition:{none:void 0,fixed:`komc:[&>button]:absolute komc:[&>button]:right-6 komc:[&>button]:top-10`}},defaultVariants:{padding:`lg`,border:`default`,closeButtonPosition:`none`}});var _=r(({isOpen:n,onClose:r,children:l,title:_,footer:v,size:y=`md`,animation:b=`scale`,showCloseButton:x=!0,closeOnBackdropClick:S=!0,className:C=``,showBackdrop:w=!0,isScrollableContent:T=!1,zIndex:E=1e4,customAnimation:D,headerClassName:O,onExitComplete:k},A)=>{let j=a(),[M,N]=o(!1);t(n,r),i(()=>{N(!0)},[]);let P=()=>{S&&r()},F=D||m[b];return M?f(s(u,{mode:`wait`,onExitComplete:k,children:n&&c(d.div,{"data-komc":!0,"data-komc-dialog":``,className:`komc:fixed komc:inset-0 komc:flex komc:items-center komc:justify-center komc:p-4`,style:{zIndex:E},variants:h,initial:`hidden`,animate:`visible`,exit:`exit`,children:[w&&s(d.div,{className:`komc:absolute komc:bg-black/50`,style:{zIndex:-1,top:`50%`,left:`50%`,width:`100vw`,height:`100vh`,transform:`translate(-50%, -50%)`},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:P}),c(d.div,{ref:A,id:j,className:e(`komc:relative komc:bg-white komc:rounded-lg komc:shadow-xl komc:pointer-events-auto`,y===`full`?`komc:w-full komc:h-full`:e(p[y],`komc:w-full`),C),variants:F,initial:`hidden`,animate:`visible`,exit:`exit`,layout:!0,children:[(_||x)&&c(d.div,{className:g({padding:O?.padding,border:O?.border,closeButtonPosition:O?.closeButtonPosition}),initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{delay:.1},children:[_&&(typeof _==`string`?s(`h2`,{className:`komc:text-lg komc:font-semibold komc:text-gray-900`,children:_}):_),x&&s(d.button,{onClick:r,className:`komc:p-1 komc:rounded-full komc:hover:bg-gray-100 komc:transition-colors`,"aria-label":`Close dialog`,whileHover:{scale:1.1},whileTap:{scale:.9},children:s(`svg`,{className:`komc:w-5 komc:h-5 komc:text-neutral-500`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:s(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M6 18L18 6M6 6l12 12`})})})]}),s(d.div,{className:e(`komc:@container/dialog-content`,`komc:p-6`,T&&`komc:overflow-y-auto komc:h-(--dialog-content-height)`),initial:{opacity:0},animate:{opacity:1},transition:{delay:.2},children:l}),v&&s(d.div,{className:`komc:flex komc:items-center komc:justify-between komc:p-6 komc:border-t komc:border-gray-200`,initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.3},children:v})]})]})}),document.body):null});export{_ as MotionDialog};
+"use client";import{t as e}from"../../use-dialog-stack-nI1GTvfl.mjs";import{cva as t}from"class-variance-authority";import n,{forwardRef as r,useEffect as i,useId as a,useState as o}from"react";import s from"clsx";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{AnimatePresence as u,motion as d}from"motion/react";import{createPortal as f}from"react-dom";const p={sm:`komc:max-w-md`,md:`komc:max-w-lg`,lg:`komc:max-w-2xl`,xl:`komc:max-w-4xl`,"2xl":`komc:max-w-6xl`,full:`komc:max-w-full komc:mx-4`},m={scale:{hidden:{opacity:0,scale:.8,y:20},visible:{opacity:1,scale:1,y:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,scale:.8,y:20,transition:{duration:.2}}},slide:{hidden:{opacity:0,x:300},visible:{opacity:1,x:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,x:300,transition:{duration:.3}}},fade:{hidden:{opacity:0},visible:{opacity:1,transition:{duration:.3}},exit:{opacity:0,transition:{duration:.2}}},"slide-up":{hidden:{opacity:0,y:100},visible:{opacity:1,y:0,transition:{type:`spring`,damping:25,stiffness:300}},exit:{opacity:0,y:100,transition:{duration:.3}}}},h={hidden:{opacity:0},visible:{opacity:1},exit:{opacity:0}},g=t(`komc:flex komc:items-center komc:justify-between`,{variants:{padding:{none:void 0,sm:`komc:p-2`,md:`komc:p-4`,lg:`komc:p-6`},border:{none:``,default:`komc:border-b komc:border-gray-200`},closeButtonPosition:{none:void 0,fixed:`komc:[&>button]:absolute komc:[&>button]:right-6 komc:[&>button]:top-10`}},defaultVariants:{padding:`lg`,border:`default`,closeButtonPosition:`none`}});var _=r(({isOpen:t,onClose:n,children:r,title:_,footer:v,size:y=`md`,animation:b=`scale`,showCloseButton:x=!0,closeOnBackdropClick:S=!0,className:C=``,showBackdrop:w=!0,isScrollableContent:T=!1,zIndex:E=1e4,customAnimation:D,headerClassName:O,onExitComplete:k},A)=>{let j=a(),[M,N]=o(!1);e(t,n),i(()=>{N(!0)},[]);let P=()=>{S&&n()},F=D||m[b];return M?f(c(u,{mode:`wait`,onExitComplete:k,children:t&&l(d.div,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:items-center komc:justify-center komc:p-4`,style:{zIndex:E},variants:h,initial:`hidden`,animate:`visible`,exit:`exit`,children:[w&&c(d.div,{className:`komc:absolute komc:bg-black/50`,style:{zIndex:-1,top:`50%`,left:`50%`,width:`100vw`,height:`100vh`,transform:`translate(-50%, -50%)`},initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onClick:P}),l(d.div,{ref:A,id:j,role:`dialog`,"aria-modal":`true`,"aria-labelledby":typeof _==`string`?`${j}-title`:void 0,className:s(`komc:relative komc:bg-white komc:rounded-lg komc:shadow-xl komc:pointer-events-auto`,y===`full`?`komc:w-full komc:h-full`:s(p[y],`komc:w-full`),C),variants:F,initial:`hidden`,animate:`visible`,exit:`exit`,layout:!0,children:[(_||x)&&l(d.div,{className:g({padding:O?.padding,border:O?.border,closeButtonPosition:O?.closeButtonPosition}),initial:{opacity:0,y:-10},animate:{opacity:1,y:0},transition:{delay:.1},children:[_&&(typeof _==`string`?c(`h2`,{id:`${j}-title`,className:`komc:text-lg komc:font-semibold komc:text-gray-900`,children:_}):_),x&&c(d.button,{type:`button`,onClick:n,className:`komc:p-1 komc:rounded-full komc:hover:bg-gray-100 komc:transition-colors`,"aria-label":`Close dialog`,whileHover:{scale:1.1},whileTap:{scale:.9},children:c(`svg`,{className:`komc:w-5 komc:h-5 komc:text-neutral-500`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,children:c(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M6 18L18 6M6 6l12 12`})})})]}),c(d.div,{className:s(`komc:@container/dialog-content`,`komc:p-6`,T&&`komc:overflow-y-auto komc:h-[60vh]`),initial:{opacity:0},animate:{opacity:1},transition:{delay:.2},children:r}),v&&c(d.div,{className:`komc:flex komc:items-center komc:justify-between komc:p-6 komc:border-t komc:border-gray-200`,initial:{opacity:0,y:10},animate:{opacity:1,y:0},transition:{delay:.3},children:v})]})]})}),document.body):null});export{_ as MotionDialog};

package/dist/ui/radius-handler/index.cjs

@@ -0,0 +1 @@
+"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);let t=require(`react`),n=require(`clsx`);n=e.t(n);let r=require(`react/jsx-runtime`),i=require(`motion/react`);const a=12;function o({min:e=0,max:a=100,value:o=0,onChange:c=()=>{}}){let[l,u]=(0,t.useState)(!1),d=(0,t.useRef)(null),f=(0,i.useMotionValue)(0);return(0,t.useEffect)(()=>{if(d.current){let t=d.current.offsetWidth-12,n=Math.min(o,a);n!==o&&c?.(n);let r=(n-e)/(a-e)*t;f.set(r)}},[o,e,a,f,c]),(0,r.jsx)(`div`,{className:`flex items-center w-full h-7 bg-neutral-50 rounded-md px-1 shadow-sm`,onDragStart:e=>e.preventDefault(),children:(0,r.jsx)(`div`,{ref:d,className:`flex w-full h-2 bg-white rounded-full relative select-none touch-none`,children:(0,r.jsx)(i.motion.div,{className:`flex shrink-0 aspect-square top-0 left-0 z-2 absolute select-none touch-none`,style:{x:f,width:`12px`,height:`12px`},drag:`x`,dragElastic:0,dragMomentum:!1,dragConstraints:d,onDragStart:()=>{u(!0)},onDrag:(t,n)=>{if(!d.current)return;let r=d.current.offsetWidth-12,i=n.point.x-d.current.getBoundingClientRect().left-10;i=Math.max(0,Math.min(r,i));let o=Math.round(i/r*(a-e)+e);c?.(Math.max(e,Math.min(a,o)))},onDragEnd:(e,t)=>{if(u(!1),!d.current)return;let n=d.current.offsetWidth-12,r=t.point.x-d.current.getBoundingClientRect().left-10;r=Math.max(0,Math.min(n,r)),f.set(r)},children:(0,r.jsx)(`div`,{className:(0,n.default)(`w-full h-full bg-orange-500 rounded-full absolute -top-0.5 left-0 cursor-grab`,l&&`cursor-grabbing`),children:(0,r.jsx)(s,{isDragging:l,value:o})})})})})}const s=({isDragging:e,value:t})=>(0,r.jsxs)(`div`,{className:(0,n.default)(`flex w-fit bg-white text-xs rounded-md px-2 relative`,`absolute bottom-full left-1/2 -translate-x-1/2 -translate-y-1 drop-shadow-md`,e?`visible`:`invisible`),children:[`${t}%`,(0,r.jsx)(`div`,{className:`absolute top-full left-1/2 -translate-x-1/2 w-0 h-0`,style:{borderLeft:`4px solid transparent`,borderRight:`4px solid transparent`,borderTop:`4px solid white`}})]});exports.RadiusHandler=o;

package/dist/ui/radius-handler/index.d.cts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime13 from "react/jsx-runtime";
+
+//#region src/ui/radius-handler/radius-handler.d.ts
+interface RadiusHandlerProps {
+  min?: number;
+  max?: number;
+  value?: number;
+  onChange?: (value: number) => void;
+}
+declare function RadiusHandler({
+  min,
+  max,
+  value,
+  onChange
+}: RadiusHandlerProps): react_jsx_runtime13.JSX.Element;
+//#endregion
+export { RadiusHandler, type RadiusHandlerProps };

package/dist/ui/radius-handler/index.d.mts

@@ -0,0 +1,17 @@
+import * as react_jsx_runtime45 from "react/jsx-runtime";
+
+//#region src/ui/radius-handler/radius-handler.d.ts
+interface RadiusHandlerProps {
+  min?: number;
+  max?: number;
+  value?: number;
+  onChange?: (value: number) => void;
+}
+declare function RadiusHandler({
+  min,
+  max,
+  value,
+  onChange
+}: RadiusHandlerProps): react_jsx_runtime45.JSX.Element;
+//#endregion
+export { RadiusHandler, type RadiusHandlerProps };

package/dist/ui/radius-handler/index.mjs

@@ -0,0 +1 @@
+"use client";import{useEffect as e,useRef as t,useState as n}from"react";import r from"clsx";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{motion as o,useMotionValue as s}from"motion/react";function c({min:a=0,max:c=100,value:u=0,onChange:d=()=>{}}){let[f,p]=n(!1),m=t(null),h=s(0);return e(()=>{if(m.current){let e=m.current.offsetWidth-12,t=Math.min(u,c);t!==u&&d?.(t);let n=(t-a)/(c-a)*e;h.set(n)}},[u,a,c,h,d]),i(`div`,{className:`flex items-center w-full h-7 bg-neutral-50 rounded-md px-1 shadow-sm`,onDragStart:e=>e.preventDefault(),children:i(`div`,{ref:m,className:`flex w-full h-2 bg-white rounded-full relative select-none touch-none`,children:i(o.div,{className:`flex shrink-0 aspect-square top-0 left-0 z-2 absolute select-none touch-none`,style:{x:h,width:`12px`,height:`12px`},drag:`x`,dragElastic:0,dragMomentum:!1,dragConstraints:m,onDragStart:()=>{p(!0)},onDrag:(e,t)=>{if(!m.current)return;let n=m.current.offsetWidth-12,r=t.point.x-m.current.getBoundingClientRect().left-10;r=Math.max(0,Math.min(n,r));let i=Math.round(r/n*(c-a)+a);d?.(Math.max(a,Math.min(c,i)))},onDragEnd:(e,t)=>{if(p(!1),!m.current)return;let n=m.current.offsetWidth-12,r=t.point.x-m.current.getBoundingClientRect().left-10;r=Math.max(0,Math.min(n,r)),h.set(r)},children:i(`div`,{className:r(`w-full h-full bg-orange-500 rounded-full absolute -top-0.5 left-0 cursor-grab`,f&&`cursor-grabbing`),children:i(l,{isDragging:f,value:u})})})})})}const l=({isDragging:e,value:t})=>a(`div`,{className:r(`flex w-fit bg-white text-xs rounded-md px-2 relative`,`absolute bottom-full left-1/2 -translate-x-1/2 -translate-y-1 drop-shadow-md`,e?`visible`:`invisible`),children:[`${t}%`,i(`div`,{className:`absolute top-full left-1/2 -translate-x-1/2 w-0 h-0`,style:{borderLeft:`4px solid transparent`,borderRight:`4px solid transparent`,borderTop:`4px solid white`}})]});export{c as RadiusHandler};

package/dist/ui/sheet/index.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-6KfzqI9Z.cjs`),require(`../../file-5mweNdAM.cjs`),require(`../../use-drag-resize-DeDqPC4h.cjs`);const t=require(`../../common-B8HXyhZa.cjs`),n=require(`../../use-dialog-stack-YiLs-sNf.cjs`);require(`../../api-client-C3o2pO0q.cjs`),require(`../../use-subset-image-o_gmC1HL.cjs`);let r=require(`react`);r=e.t(r);let i=require(`react/jsx-runtime`),a=require(`clsx`);a=e.t(a);let o=require(`class-variance-authority`);const s=(0,o.cva)((0,a.default)(`komc:absolute komc:bg-white komc:flex komc:flex-col komc:shadow-2xl`,`komc:transition-transform komc:duration-300 komc:ease-in-out`),{variants:{direction:{top:`komc:top-0 komc:left-0 komc:right-0 komc:-translate-y-full komc:data-[state=open]:translate-y-0`,bottom:`komc:bottom-0 komc:left-0 komc:right-0 komc:translate-y-full komc:data-[state=open]:translate-y-0`,left:`komc:top-0 komc:bottom-0 komc:left-0 komc:-translate-x-full komc:data-[state=open]:translate-x-0`,right:`komc:top-0 komc:bottom-0 komc:right-0 komc:translate-x-full komc:data-[state=open]:translate-x-0`}}}),c=(0,o.cva)(``,{variants:{size:{full:``,half:``,auto:``},direction:{top:``,bottom:``,left:``,right:``}},compoundVariants:[{size:`full`,direction:`top`,className:`komc:h-full`},{size:`full`,direction:`bottom`,className:`komc:h-full`},{size:`full`,direction:`left`,className:`komc:w-full`},{size:`full`,direction:`right`,className:`komc:w-full`},{size:`half`,direction:`top`,className:`komc:h-[50dvh]`},{size:`half`,direction:`bottom`,className:`komc:h-[50dvh]`},{size:`half`,direction:`left`,className:`komc:w-[50dvw]`},{size:`half`,direction:`right`,className:`komc:w-[50dvw]`},{size:`auto`,direction:`top`,className:`komc:h-auto komc:max-h-[90dvh]`},{size:`auto`,direction:`bottom`,className:`komc:h-auto komc:max-h-[90dvh]`},{size:`auto`,direction:`left`,className:`komc:w-auto komc:max-w-[90dvw]`},{size:`auto`,direction:`right`,className:`komc:w-auto komc:max-w-[90dvw]`}]});function l({isOpen:e,onClose:o,direction:l=`bottom`,size:u=`full`,children:d,className:f,closeOnBackdropClick:p=!0,zIndex:m=1001}){let h=t.l(e,300),[g,_]=(0,r.useState)(!1);n.t(e,o),(0,r.useEffect)(()=>{if(e&&h){let e=setTimeout(()=>_(!0),10);return()=>clearTimeout(e)}else e||_(!1)},[e,h]);let v=(0,r.useCallback)(()=>{p&&o()},[p,o]);return h?(0,i.jsxs)(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:justify-center komc:items-center`,style:{zIndex:m},children:[(0,i.jsx)(`button`,{type:`button`,"data-state":g?`open`:`closed`,className:(0,a.default)(`komc:absolute komc:inset-0 komc:w-full komc:h-full komc:bg-black/40 komc:cursor-default`,`komc:transition-opacity komc:duration-300 komc:ease-in-out`,`komc:opacity-0 komc:data-[state=open]:opacity-100`),onClick:v,"aria-label":`close sheet`}),(0,i.jsx)(`div`,{"data-state":g?`open`:`closed`,className:(0,a.default)(s({direction:l,className:f}),c({direction:l,size:u})),role:`dialog`,"aria-modal":`true`,children:d})]}):null}exports.Sheet=l;
+"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`),t=require(`../../use-delay-unmount-CNNJXNX5.cjs`),n=require(`../../use-dialog-stack-CH2nhH1Q.cjs`);let r=require(`class-variance-authority`),i=require(`react`);i=e.t(i);let a=require(`clsx`);a=e.t(a);let o=require(`react/jsx-runtime`);const s=(0,r.cva)((0,a.default)(`komc:absolute komc:bg-white komc:flex komc:flex-col komc:shadow-2xl`,`komc:transition-transform komc:duration-300 komc:ease-in-out`),{variants:{direction:{top:`komc:top-0 komc:left-0 komc:right-0 komc:-translate-y-full komc:data-[state=open]:translate-y-0`,bottom:`komc:bottom-0 komc:left-0 komc:right-0 komc:translate-y-full komc:data-[state=open]:translate-y-0`,left:`komc:top-0 komc:bottom-0 komc:left-0 komc:-translate-x-full komc:data-[state=open]:translate-x-0`,right:`komc:top-0 komc:bottom-0 komc:right-0 komc:translate-x-full komc:data-[state=open]:translate-x-0`}}}),c=(0,r.cva)(``,{variants:{size:{full:``,half:``,auto:``},direction:{top:``,bottom:``,left:``,right:``}},compoundVariants:[{size:`full`,direction:`top`,className:`komc:h-full`},{size:`full`,direction:`bottom`,className:`komc:h-full`},{size:`full`,direction:`left`,className:`komc:w-full`},{size:`full`,direction:`right`,className:`komc:w-full`},{size:`half`,direction:`top`,className:`komc:h-[50dvh]`},{size:`half`,direction:`bottom`,className:`komc:h-[50dvh]`},{size:`half`,direction:`left`,className:`komc:w-[50dvw]`},{size:`half`,direction:`right`,className:`komc:w-[50dvw]`},{size:`auto`,direction:`top`,className:`komc:h-auto komc:max-h-[90dvh]`},{size:`auto`,direction:`bottom`,className:`komc:h-auto komc:max-h-[90dvh]`},{size:`auto`,direction:`left`,className:`komc:w-auto komc:max-w-[90dvw]`},{size:`auto`,direction:`right`,className:`komc:w-auto komc:max-w-[90dvw]`}]});function l({isOpen:e,onClose:r,direction:l=`bottom`,size:u=`full`,children:d,className:f,closeOnBackdropClick:p=!0,zIndex:m=1001}){let h=t.t(e,300),[g,_]=(0,i.useState)(!1);n.t(e,r),(0,i.useEffect)(()=>{if(e&&h){let e=setTimeout(()=>_(!0),10);return()=>clearTimeout(e)}else e||_(!1)},[e,h]);let v=(0,i.useCallback)(()=>{p&&r()},[p,r]);return h?(0,o.jsxs)(`aside`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:justify-center komc:items-center`,style:{zIndex:m},children:[(0,o.jsx)(`button`,{type:`button`,"data-state":g?`open`:`closed`,className:(0,a.default)(`komc:absolute komc:inset-0 komc:w-full komc:h-full komc:bg-black/40 komc:cursor-default`,`komc:transition-opacity komc:duration-300 komc:ease-in-out`,`komc:opacity-0 komc:data-[state=open]:opacity-100`),onClick:v,"aria-label":`close sheet`}),(0,o.jsx)(`section`,{"data-state":g?`open`:`closed`,className:(0,a.default)(s({direction:l,className:f}),c({direction:l,size:u})),role:`dialog`,"aria-modal":`true`,children:d})]}):null}exports.Sheet=l;

package/dist/ui/sheet/index.d.cts

@@ -1,5 +1,5 @@
+import * as react_jsx_runtime51 from "react/jsx-runtime";
 import React from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/ui/sheet/sheet.d.ts
 type Direction = 'top' | 'bottom' | 'left' | 'right';
@@ -23,6 +23,6 @@ declare function Sheet({
   className,
   closeOnBackdropClick,
   zIndex
-}: SheetProps): react_jsx_runtime0.JSX.Element | null;
+}: SheetProps): react_jsx_runtime51.JSX.Element | null;
 //#endregion
 export { Sheet, type SheetProps };