@machinerd/js-module 0.8.0 → 0.9.0

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

@@ -1,5 +1,5 @@
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 
 //#region src/ui/carousel/carousel-context.d.ts
@@ -41,40 +41,40 @@ declare function Carousel({
   className,
   children,
   ...props
-}: CarouselProps$1): react_jsx_runtime2.JSX.Element;
+}: CarouselProps$1): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-viewport.d.ts
 declare function CarouselViewport({
   children,
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-wrapper.d.ts
 declare function CarouselWrapper({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-item.d.ts
 declare function CarouselItem({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-previous.d.ts
 declare function CarouselPrevious({
   children,
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-next.d.ts
 declare function CarouselNext({
   children,
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime2.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-dots.d.ts
 declare function CarouselDots$1({
@@ -82,7 +82,7 @@ declare function CarouselDots$1({
   ...props
 }: Omit<React.ComponentProps<'button'>, 'children'> & {
   children?: (index: number) => React.ReactNode;
-}): react_jsx_runtime2.JSX.Element;
+}): react_jsx_runtime5.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-dot.d.ts
 declare function CarouselDots({
@@ -91,6 +91,6 @@ declare function CarouselDots({
   ...props
 }: React.ComponentProps<'button'> & {
   index: number;
-}): react_jsx_runtime2.JSX.Element;
+}): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { Carousel, type CarouselApi, type CarouselContextProps, CarouselDots as CarouselDot, CarouselDots$1 as CarouselDots, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, CarouselViewport, CarouselWrapper, useCarousel };

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

@@ -1,5 +1,5 @@
 import React, { ComponentProps } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
 
 //#region src/ui/carousel/carousel-context.d.ts
@@ -41,40 +41,40 @@ declare function Carousel({
   className,
   children,
   ...props
-}: CarouselProps$1): react_jsx_runtime1.JSX.Element;
+}: CarouselProps$1): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-viewport.d.ts
 declare function CarouselViewport({
   children,
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-wrapper.d.ts
 declare function CarouselWrapper({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-item.d.ts
 declare function CarouselItem({
   className,
   ...props
-}: React.ComponentProps<'div'>): react_jsx_runtime1.JSX.Element;
+}: React.ComponentProps<'div'>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-previous.d.ts
 declare function CarouselPrevious({
   children,
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime1.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-next.d.ts
 declare function CarouselNext({
   children,
   className,
   ...props
-}: React.ComponentProps<'button'>): react_jsx_runtime1.JSX.Element;
+}: React.ComponentProps<'button'>): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-dots.d.ts
 declare function CarouselDots$1({
@@ -82,7 +82,7 @@ declare function CarouselDots$1({
   ...props
 }: Omit<React.ComponentProps<'button'>, 'children'> & {
   children?: (index: number) => React.ReactNode;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime10.JSX.Element;
 //#endregion
 //#region src/ui/carousel/carousel-dot.d.ts
 declare function CarouselDots({
@@ -91,6 +91,6 @@ declare function CarouselDots({
   ...props
 }: React.ComponentProps<'button'> & {
   index: number;
-}): react_jsx_runtime1.JSX.Element;
+}): react_jsx_runtime10.JSX.Element;
 //#endregion
 export { Carousel, type CarouselApi, type CarouselContextProps, CarouselDots as CarouselDot, CarouselDots$1 as CarouselDots, CarouselItem, CarouselNext, type CarouselOptions, type CarouselPlugin, CarouselPrevious, type CarouselProps, CarouselViewport, CarouselWrapper, useCarousel };

package/dist/ui/carousel/index.mjs

@@ -1 +1 @@
-"use client";import{n as e}from"../../common-Df03Ovdm.mjs";import t from"clsx";import n,{useCallback as r,useEffect as i,useState as a}from"react";import{Fragment as o,jsx as s}from"react/jsx-runtime";import c from"embla-carousel-react";const l=n.createContext(null);function u(){let e=n.useContext(l);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function d({orientation:t=`horizontal`,options:n,setApi:o,plugins:u,className:d,children:f,...p}){let[m,h]=c({...n,axis:t===`horizontal`?`x`:`y`},u),[g,_]=a(!1),[v,y]=a(!1),[b,x]=a(0),[S,C]=a(0),w=r(e=>{e&&(_(e.canScrollPrev()),y(e.canScrollNext()),C(e.selectedScrollSnap()))},[]),T=r(()=>{h?.scrollPrev()},[h]),E=r(()=>{h?.scrollNext()},[h]),D=r(e=>{h?.scrollTo(e)},[h]),O=r(()=>{x(h?.scrollSnapList().length||0)},[h]),k=r(e=>{t===`horizontal`?e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E()):e.key===`ArrowUp`?(e.preventDefault(),T()):e.key===`ArrowDown`&&(e.preventDefault(),E())},[T,E,t]);return i(()=>{!h||!o||o(h)},[h,o]),i(()=>{if(h)return w(h),O(),h.on(`reInit`,O),h.on(`reInit`,w),h.on(`select`,w),()=>{h?.off(`select`,w)}},[h,O,w]),s(l.Provider,{value:{carouselRef:m,api:h,options:n,orientation:t||(n?.axis===`y`?`vertical`:`horizontal`),scrollPrev:T,scrollNext:E,canScrollPrev:g,canScrollNext:v,scrollTo:D,dots:b,selectedScrollSnap:S},children:s(`div`,{"data-komc":!0,role:`region`,"aria-label":`carousel`,"aria-roledescription":`carousel`,tabIndex:0,onKeyDownCapture:k,className:e(`komc:relative`,d),...p,children:f})})}function f({children:t,className:n,...r}){let{carouselRef:i}=u();return s(`div`,{ref:i,"data-komc":!0,className:e(`komc:h-full komc:overflow-hidden`,n),...r,children:t})}function p({className:t,...n}){let{orientation:r}=u();return s(`div`,{className:e(`komc:flex komc:h-full`,r===`horizontal`?`komc:-ml-4`:`komc:-mt-4 komc:flex-col`,t),...n})}function m({className:t,...n}){let{orientation:r}=u();return s(`div`,{"data-komc":!0,className:e(`komc:min-w-0 komc:shrink-0 komc:grow-0 komc:basis-full`,r===`horizontal`?`komc:pl-4`:`komc:pt-4`,t),...n})}function h({children:e,className:n,...r}){let{scrollPrev:i,canScrollPrev:a}=u();return s(`button`,{type:`button`,"data-komc":!0,disabled:!a,"aria-label":`previous slide`,className:t(`komc:w-full`,n),onClick:i,...r,children:e})}function g({children:e,className:n,...r}){let{scrollNext:i,canScrollNext:a}=u();return s(`button`,{type:`button`,"data-komc":!0,disabled:!a,"aria-label":`next slide`,className:t(`komc:w-full`,n),onClick:i,...r,children:e})}function _({children:e,...t}){let{dots:n,selectedScrollSnap:r,scrollTo:i}=u();return s(o,{children:Array.from({length:n}).map((n,a)=>s(`button`,{type:`button`,"data-komc":!0,"data-selected":r===a,"aria-label":`go to slide ${a+1}`,onClick:()=>i(a),...t,children:e?.(a)},a))})}function v({index:e,children:t,...n}){let{selectedScrollSnap:r,scrollTo:i}=u();return s(`button`,{type:`button`,"data-komc":!0,"data-selected":r===e,"aria-label":`go to slide ${e+1}`,onClick:()=>i(e),...n,children:t})}export{d as Carousel,v as CarouselDot,_ as CarouselDots,m as CarouselItem,g as CarouselNext,h as CarouselPrevious,f as CarouselViewport,p as CarouselWrapper,u as useCarousel};
+"use client";import{n as e}from"../../common-ZUMpASnc.mjs";import t,{useCallback as n,useEffect as r,useState as i}from"react";import{Fragment as a,jsx as o}from"react/jsx-runtime";import s from"clsx";import c from"embla-carousel-react";const l=t.createContext(null);function u(){let e=t.useContext(l);if(!e)throw Error(`useCarousel must be used within a <Carousel />`);return e}function d({orientation:t=`horizontal`,options:a,setApi:s,plugins:u,className:d,children:f,...p}){let[m,h]=c({...a,axis:t===`horizontal`?`x`:`y`},u),[g,_]=i(!1),[v,y]=i(!1),[b,x]=i(0),[S,C]=i(0),w=n(e=>{e&&(_(e.canScrollPrev()),y(e.canScrollNext()),C(e.selectedScrollSnap()))},[]),T=n(()=>{h?.scrollPrev()},[h]),E=n(()=>{h?.scrollNext()},[h]),D=n(e=>{h?.scrollTo(e)},[h]),O=n(()=>{x(h?.scrollSnapList().length||0)},[h]),k=n(e=>{t===`horizontal`?e.key===`ArrowLeft`?(e.preventDefault(),T()):e.key===`ArrowRight`&&(e.preventDefault(),E()):e.key===`ArrowUp`?(e.preventDefault(),T()):e.key===`ArrowDown`&&(e.preventDefault(),E())},[T,E,t]);return r(()=>{!h||!s||s(h)},[h,s]),r(()=>{if(h)return w(h),O(),h.on(`reInit`,O),h.on(`reInit`,w),h.on(`select`,w),()=>{h?.off(`select`,w)}},[h,O,w]),o(l.Provider,{value:{carouselRef:m,api:h,options:a,orientation:t||(a?.axis===`y`?`vertical`:`horizontal`),scrollPrev:T,scrollNext:E,canScrollPrev:g,canScrollNext:v,scrollTo:D,dots:b,selectedScrollSnap:S},children:o(`div`,{"data-komc":!0,role:`region`,"aria-label":`carousel`,"aria-roledescription":`carousel`,tabIndex:0,onKeyDownCapture:k,className:e(`komc:relative`,d),...p,children:f})})}function f({children:t,className:n,...r}){let{carouselRef:i}=u();return o(`div`,{ref:i,"data-komc":!0,className:e(`komc:h-full komc:overflow-hidden`,n),...r,children:t})}function p({className:t,...n}){let{orientation:r}=u();return o(`div`,{"data-komc":!0,className:e(`komc:flex komc:h-full`,r===`horizontal`?`komc:-ml-4`:`komc:-mt-4 komc:flex-col`,t),...n})}function m({className:t,...n}){let{orientation:r}=u();return o(`div`,{"data-komc":!0,className:e(`komc:min-w-0 komc:shrink-0 komc:grow-0 komc:basis-full`,r===`horizontal`?`komc:pl-4`:`komc:pt-4`,t),...n})}function h({children:e,className:t,...n}){let{scrollPrev:r,canScrollPrev:i}=u();return o(`button`,{type:`button`,"data-komc":!0,disabled:!i,"aria-label":`previous slide`,className:s(`komc:w-full`,t),onClick:r,...n,children:e})}function g({children:e,className:t,...n}){let{scrollNext:r,canScrollNext:i}=u();return o(`button`,{type:`button`,"data-komc":!0,disabled:!i,"aria-label":`next slide`,className:s(`komc:w-full`,t),onClick:r,...n,children:e})}function _({children:e,...t}){let{dots:n,selectedScrollSnap:r,scrollTo:i}=u();return o(a,{children:Array.from({length:n}).map((n,a)=>o(`button`,{type:`button`,"data-komc":!0,"data-selected":r===a,"aria-label":`go to slide ${a+1}`,onClick:()=>i(a),...t,children:e?.(a)},a))})}function v({index:e,children:t,...n}){let{selectedScrollSnap:r,scrollTo:i}=u();return o(`button`,{type:`button`,"data-komc":!0,"data-selected":r===e,"aria-label":`go to slide ${e+1}`,onClick:()=>i(e),...n,children:t})}export{d as Carousel,v as CarouselDot,_ as CarouselDots,m as CarouselItem,g as CarouselNext,h as CarouselPrevious,f as CarouselViewport,p as CarouselWrapper,u as useCarousel};

package/dist/ui/dialog/index.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-CjpmdVyv.cjs`),require(`../../file-5mweNdAM.cjs`);const t=require(`../../hooks--O5RcEJq.cjs`);require(`../../providers-CkXkdYcB.cjs`),require(`../../use-subset-image-DC86cg6O.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`),i=require(`class-variance-authority`);const a=(0,i.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 o({closeOnBackdropClick:e=!0,isOpen:i,zIndex:o=1e4,padding:s,maxWidth:c,className:l,onClose:u,children:d,...f}){let p=t.o(i,300),[m,h]=(0,n.useState)(!1);(0,n.useEffect)(()=>{if(i&&p){let e=setTimeout(()=>h(!0),10);return()=>clearTimeout(e)}else i||h(!1)},[i,p]);let g=(0,n.useCallback)(e=>{e.key===`Escape`&&u()},[u]),_=(0,n.useCallback)(()=>{e&&u()},[e,u]);return(0,n.useEffect)(()=>(i?(document.addEventListener(`keydown`,g),document.body.style.overflow=`hidden`):document.body.style.overflow=`unset`,()=>{document.removeEventListener(`keydown`,g),document.body.style.overflow=`unset`}),[i,g]),p?(0,r.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:o},children:(0,r.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,r.jsx)(`button`,{type:`button`,"data-state":m?`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,r.jsx)(`div`,{"data-state":m?`open`:`closed`,className:`${a({padding:s,maxWidth:c,className:l})} 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`,...f,children:d})]})}):null}exports.Dialog=o;
+"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;

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

@@ -1,7 +1,7 @@
 import { HTMLAttributes, ReactNode } from "react";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
 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";
 
 //#region src/ui/dialog/dialog.d.ts
 declare const classes: (props?: ({

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+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";
 
@@ -25,6 +25,6 @@ declare function Dialog({
   onClose,
   children,
   ...rest
-}: DialogProps): react_jsx_runtime0.JSX.Element | null;
+}: DialogProps): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 export { Dialog, type DialogProps };

package/dist/ui/dialog/index.mjs

@@ -1 +1 @@
-"use client";import"../../src-CukOR3K2.mjs";import"../../file-DShNxIW4.mjs";import{o as e}from"../../hooks-C9rXWkfW.mjs";import"../../providers-zftmvT1z.mjs";import"../../use-subset-image-D8ssrZhj.mjs";import{useCallback as t,useEffect as n,useState as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{cva as o}from"class-variance-authority";const s=o(`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 c({closeOnBackdropClick:o=!0,isOpen:c,zIndex:l=1e4,padding:u,maxWidth:d,className:f,onClose:p,children:m,...h}){let g=e(c,300),[_,v]=r(!1);n(()=>{if(c&&g){let e=setTimeout(()=>v(!0),10);return()=>clearTimeout(e)}else c||v(!1)},[c,g]);let y=t(e=>{e.key===`Escape`&&p()},[p]),b=t(()=>{o&&p()},[o,p]);return n(()=>(c?(document.addEventListener(`keydown`,y),document.body.style.overflow=`hidden`):document.body.style.overflow=`unset`,()=>{document.removeEventListener(`keydown`,y),document.body.style.overflow=`unset`}),[c,y]),g?i(`div`,{"data-komc":!0,className:`komc:fixed komc:inset-0 komc:flex komc:min-h-0 komc:flex-col komc:overflow-hidden`,style:{zIndex:l},children:a(`div`,{className:`komc:relative komc:flex komc:min-h-0 komc:flex-1 komc:w-full komc:items-center komc:justify-center`,children:[i(`button`,{type:`button`,"data-state":_?`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`}),i(`div`,{"data-state":_?`open`:`closed`,className:`${s({padding:u,maxWidth:d,className:f})} 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`,...h,children:m})]})}):null}export{c as Dialog};
+"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};

package/dist/ui/dnd/index.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,17 @@
+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";
+
+//#region src/ui/dnd/dnd-item.d.ts
+type SortableListeners = ReturnType<typeof useSortable>['listeners'];
+interface DndItemProps {
+  id: string;
+  render: (attributes: DraggableAttributes, listeners?: SortableListeners) => ReactNode;
+}
+declare function DndItem({
+  id,
+  render
+}: DndItemProps): react_jsx_runtime10.JSX.Element;
+//#endregion
+export { DndItem };

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

@@ -0,0 +1,17 @@
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { useSortable } from "@dnd-kit/sortable";
+import { DraggableAttributes } from "@dnd-kit/core";
+
+//#region src/ui/dnd/dnd-item.d.ts
+type SortableListeners = ReturnType<typeof useSortable>['listeners'];
+interface DndItemProps {
+  id: string;
+  render: (attributes: DraggableAttributes, listeners?: SortableListeners) => ReactNode;
+}
+declare function DndItem({
+  id,
+  render
+}: DndItemProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DndItem };

package/dist/ui/dnd/index.mjs

@@ -0,0 +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};

package/dist/ui/dropdown/index.cjs

@@ -0,0 +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;

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

@@ -0,0 +1,72 @@
+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";
+
+//#region src/ui/dropdown/dropdown.d.ts
+interface DropdownProps {
+  trigger?: ReactElement;
+  reference?: VirtualElement;
+  children: ReactNode;
+  placement?: Placement;
+  boundary?: Element | null;
+  offset?: number;
+  maxWidth?: number;
+  maxHeight?: number;
+  className?: string;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  preserveFocus?: boolean;
+  role?: 'menu' | 'listbox' | 'dialog';
+}
+declare function Dropdown({
+  trigger,
+  reference,
+  children,
+  placement,
+  boundary,
+  offset,
+  maxWidth,
+  maxHeight,
+  className,
+  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;
+//#endregion
+export { Dropdown, DropdownContent, type DropdownContentProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, useDropdown, useOptionalDropdown };

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

@@ -0,0 +1,72 @@
+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";
+
+//#region src/ui/dropdown/dropdown.d.ts
+interface DropdownProps {
+  trigger?: ReactElement;
+  reference?: VirtualElement;
+  children: ReactNode;
+  placement?: Placement;
+  boundary?: Element | null;
+  offset?: number;
+  maxWidth?: number;
+  maxHeight?: number;
+  className?: string;
+  open?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  preserveFocus?: boolean;
+  role?: 'menu' | 'listbox' | 'dialog';
+}
+declare function Dropdown({
+  trigger,
+  reference,
+  children,
+  placement,
+  boundary,
+  offset,
+  maxWidth,
+  maxHeight,
+  className,
+  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;
+//#endregion
+export { Dropdown, DropdownContent, type DropdownContentProps, type DropdownProps, DropdownTrigger, type DropdownTriggerProps, useDropdown, useOptionalDropdown };

package/dist/ui/dropdown/index.mjs

@@ -0,0 +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};

package/dist/ui/image/index.cjs

@@ -1 +1 @@
-"use client";const e=require(`../../chunk-Bmb41Sf3.cjs`);require(`../../src-CjpmdVyv.cjs`),require(`../../common-Bn0Ko6B7.cjs`),require(`../../file-5mweNdAM.cjs`);const t=require(`../../skeleton-DtV9S1QK.cjs`);require(`../../providers-CkXkdYcB.cjs`);const n=require(`../../use-subset-image-DC86cg6O.cjs`);let r=require(`clsx`);r=e.t(r);let i=require(`react`),a=require(`react/jsx-runtime`),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,i.forwardRef)(({...e},t)=>{let{ref:r,imageProps:i}=n.n({ref:t,...e});return(0,a.jsx)(`img`,{ref:r,...i})}),l=(0,i.forwardRef)(({skeleton:e=!0,layout:i=`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&&i===`intrinsic`?{width:`${p.width}px`,height:`${p.height}px`}:void 0,b=(0,r.default)(`komc:flex komc:justify-center komc:items-center komc:relative komc:min-h-0`,!p.fill&&i===`stretch`&&`komc:w-full komc:h-full`);return!o&&_&&l?p.fill?(0,a.jsx)(u,{className:d,children:l}):(0,a.jsx)(`div`,{"data-komc":!0,style:y,className:b,children:(0,a.jsx)(u,{className:d,children:l})}):p.fill?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(`img`,{ref:h,...v,className:(0,r.default)(`komc:w-full komc:h-full komc:absolute komc:inset-0`,e&&!g?`komc:invisible`:`komc:visible`,c)}),(0,a.jsx)(`div`,{"data-komc":!0,className:(0,r.default)(`komc:w-full komc:h-full komc:absolute komc:inset-0`,e&&!g?`komc:block`:`komc:hidden`),children:(0,a.jsx)(t.t,{size:`full`,className:f})})]}):(0,a.jsxs)(`div`,{"data-komc":!0,style:y,className:b,children:[(0,a.jsx)(`img`,{ref:h,...v,className:(0,r.default)(s({fill:p.fill,className:c}),e&&!g?`komc:invisible`:`komc:visible`)}),(0,a.jsx)(`div`,{className:(0,r.default)(`komc:w-full komc:h-full komc:absolute komc:inset-0`,e&&!g?`komc:block`:`komc:hidden`),children:(0,a.jsx)(t.t,{size:`full`,className:f})})]})}),u=({children:e,className:t})=>(0,a.jsx)(`div`,{"data-komc":!0,role:`alert`,className:(0,r.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";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;

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

@@ -1,6 +1,6 @@
-import { a as UseSubsetImageProps, n as BaseProps } from "../../index-B11XDBo5.cjs";
-import * as react0 from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+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 {
@@ -11,7 +11,7 @@ interface ImageSubsetProps {
   skeletonClassName?: string;
 }
 type ImageProps = UseSubsetImageProps & ImageSubsetProps;
-declare const BaseImage: react0.ForwardRefExoticComponent<(Omit<BaseProps & {
+declare const BaseImage: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
   fill: true;
   sizes: string;
   width?: never;
@@ -21,8 +21,8 @@ declare const BaseImage: react0.ForwardRefExoticComponent<(Omit<BaseProps & {
   sizes?: never;
   width: number;
   height: number;
-}, "ref">) & react0.RefAttributes<HTMLImageElement>>;
-declare const Image: react0.ForwardRefExoticComponent<(Omit<BaseProps & {
+}, "ref">) & react1.RefAttributes<HTMLImageElement>>;
+declare const Image: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
   fill: true;
   sizes: string;
   width?: never;
@@ -32,7 +32,7 @@ declare const Image: react0.ForwardRefExoticComponent<(Omit<BaseProps & {
   sizes?: never;
   width: number;
   height: number;
-} & ImageSubsetProps, "ref">) & react0.RefAttributes<HTMLImageElement>>;
+} & ImageSubsetProps, "ref">) & react1.RefAttributes<HTMLImageElement>>;
 interface EmptyNodeProps {
   children: React.ReactNode;
   className?: string;
@@ -40,6 +40,6 @@ interface EmptyNodeProps {
 declare const EmptyNode: ({
   children,
   className
-}: EmptyNodeProps) => react_jsx_runtime0.JSX.Element;
+}: EmptyNodeProps) => react_jsx_runtime15.JSX.Element;
 //#endregion
 export { BaseImage, EmptyNode, type EmptyNodeProps, Image, type ImageProps, type ImageSubsetProps };

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

@@ -1,6 +1,6 @@
-import { a as UseSubsetImageProps, n as BaseProps } from "../../index-dbBlRf5k.mjs";
-import * as react2 from "react";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
+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 {
@@ -11,7 +11,7 @@ interface ImageSubsetProps {
   skeletonClassName?: string;
 }
 type ImageProps = UseSubsetImageProps & ImageSubsetProps;
-declare const BaseImage: react2.ForwardRefExoticComponent<(Omit<BaseProps & {
+declare const BaseImage: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
   fill: true;
   sizes: string;
   width?: never;
@@ -21,8 +21,8 @@ declare const BaseImage: react2.ForwardRefExoticComponent<(Omit<BaseProps & {
   sizes?: never;
   width: number;
   height: number;
-}, "ref">) & react2.RefAttributes<HTMLImageElement>>;
-declare const Image: react2.ForwardRefExoticComponent<(Omit<BaseProps & {
+}, "ref">) & react1.RefAttributes<HTMLImageElement>>;
+declare const Image: react1.ForwardRefExoticComponent<(Omit<BaseProps & {
   fill: true;
   sizes: string;
   width?: never;
@@ -32,7 +32,7 @@ declare const Image: react2.ForwardRefExoticComponent<(Omit<BaseProps & {
   sizes?: never;
   width: number;
   height: number;
-} & ImageSubsetProps, "ref">) & react2.RefAttributes<HTMLImageElement>>;
+} & ImageSubsetProps, "ref">) & react1.RefAttributes<HTMLImageElement>>;
 interface EmptyNodeProps {
   children: React.ReactNode;
   className?: string;
@@ -40,6 +40,6 @@ interface EmptyNodeProps {
 declare const EmptyNode: ({
   children,
   className
-}: EmptyNodeProps) => react_jsx_runtime8.JSX.Element;
+}: EmptyNodeProps) => react_jsx_runtime3.JSX.Element;
 //#endregion
 export { BaseImage, EmptyNode, type EmptyNodeProps, Image, type ImageProps, type ImageSubsetProps };

package/dist/ui/image/index.mjs

@@ -1 +1 @@
-"use client";import"../../src-CukOR3K2.mjs";import"../../common-Df03Ovdm.mjs";import"../../file-DShNxIW4.mjs";import{t as e}from"../../skeleton-B6_oBhkl.mjs";import"../../providers-zftmvT1z.mjs";import{n as t}from"../../use-subset-image-D8ssrZhj.mjs";import n from"clsx";import{forwardRef as r}from"react";import{Fragment as i,jsx as a,jsxs as o}from"react/jsx-runtime";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=r(({...e},n)=>{let{ref:r,imageProps:i}=t({ref:n,...e});return a(`img`,{ref:r,...i})}),u=r(({skeleton:r=!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:!r,...h}),x=!h.fill&&s===`intrinsic`?{width:`${h.width}px`,height:`${h.height}px`}:void 0,S=n(`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?a(d,{className:p,children:f}):a(`div`,{"data-komc":!0,style:x,className:S,children:a(d,{className:p,children:f})}):h.fill?o(i,{children:[a(`img`,{ref:_,...b,className:n(`komc:w-full komc:h-full komc:absolute komc:inset-0`,r&&!v?`komc:invisible`:`komc:visible`,u)}),a(`div`,{"data-komc":!0,className:n(`komc:w-full komc:h-full komc:absolute komc:inset-0`,r&&!v?`komc:block`:`komc:hidden`),children:a(e,{size:`full`,className:m})})]}):o(`div`,{"data-komc":!0,style:x,className:S,children:[a(`img`,{ref:_,...b,className:n(c({fill:h.fill,className:u}),r&&!v?`komc:invisible`:`komc:visible`)}),a(`div`,{className:n(`komc:w-full komc:h-full komc:absolute komc:inset-0`,r&&!v?`komc:block`:`komc:hidden`),children:a(e,{size:`full`,className:m})})]})}),d=({children:e,className:t})=>a(`div`,{"data-komc":!0,role:`alert`,className:n(`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-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};

package/dist/ui/index.cjs

@@ -1 +1 @@
-const e=require(`../chunk-Bmb41Sf3.cjs`),t=require(`../common-Bn0Ko6B7.cjs`),n=require(`../skeleton-DtV9S1QK.cjs`);let r=require(`clsx`);r=e.t(r);let i=require(`react`);i=e.t(i);let a=require(`react/jsx-runtime`),o=require(`class-variance-authority`),s=require(`@radix-ui/react-slot`);function c({className:e,items:t,render:n,...o}){return(0,a.jsx)(`nav`,{"data-komc":!0,"aria-label":`bottom app bar`,className:(0,r.default)(`komc:fixed komc:bottom-0 komc:left-0 komc:right-0`,`komc:border-t komc:border-neutral-200 komc:bg-white komc:z-10`,e),...o,children:(0,a.jsx)(`div`,{className:`komc:grid komc:min-h-15`,style:{gridTemplateColumns:`repeat(${t.length}, 1fr)`},children:t.map((e,t)=>(0,a.jsx)(i.default.Fragment,{children:n(e)},t))})})}const l=(0,o.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`}}),u=(0,i.forwardRef)(({type:e=`button`,className:t,id:n,size:r,shadow:i,outline:o,variant:c,px:u,rounded:d,asChild:f,...p},m)=>(0,a.jsx)(f?s.Slot:`button`,{ref:m,...p,type:e,id:n,className:l({size:r,shadow:i,outline:o,variant:c,px:u,rounded:d,className:t})}));var d=u;function f({condition:e,wrapper:t,children:n}){return e?t(n):n}function p({condition:e,trueWrapper:t,falseWrapper:n,children:r}){return e?t(r):n(r)}const m=(0,o.cva)(t.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`}}}),h=(0,i.forwardRef)(({prefix:e=null,surffix:t=null,size:n=`lg`,gap:r=`xl`,outline:i=`line`,rounded:o=`lg`,className:s,...c},l)=>(0,a.jsxs)(`div`,{"data-komc":!0,className:m({size:n,gap:r,outline:i,rounded:o,className:s}),children:[e,(0,a.jsx)(`input`,{ref:l,type:`text`,...c}),t]}));var g=h;function _({children:e,className:t,...n}){return(0,a.jsx)(`span`,{...n,"data-komc":!0,"data-text":`${e}`,className:(0,r.default)(`komc:inline-flex komc:flex-col komc:justify-center komc:items-center`,`komc:after:content-[attr(data-text)] komc:after:font-bold`,`komc:after:h-0 komc:after:invisible komc:after:overflow-hidden`,`komc:after:select-none komc:after:pointer-events-none`,t),children:e})}exports.BottomAppBar=c,exports.Button=d,exports.ConditionalEitherWrapper=p,exports.ConditionalWrapper=f,exports.Input=g,exports.Skeleton=n.t,exports.StableText=_;
+require(`../common-D4sUwkFd.cjs`);const e=require(`../ui-Bs9PP9eC.cjs`),t=require(`../button-ChX3XGbR.cjs`),n=require(`../skeleton-B5ZccRFX.cjs`);exports.BottomAppBar=e.a,exports.Button=t.t,exports.ConditionalEitherWrapper=e.r,exports.ConditionalWrapper=e.i,exports.Input=e.n,exports.Skeleton=n.t,exports.StableText=e.t;