@machinerd/js-module 0.5.3 → 0.6.0

package/README.md

@@ -2,7 +2,7 @@
 
 React용 공용 UI·훅·유틸·API 클라이언트 패키지입니다.
 
-**현재 버전:** `0.5` (`package.json`의 `version` 필드와 동일합니다. 배포 전에는 해당 값을 확인하세요.)
+**현재 버전:** `0.6` (`package.json`의 `version` 필드와 동일합니다. 배포 전에는 해당 값을 확인하세요.)
 
 **Peer dependency:** `react`, `react-dom` — `^18.3.1` 또는 `^19.0.0`
 
@@ -12,12 +12,11 @@ React용 공용 UI·훅·유틸·API 클라이언트 패키지입니다.
 
 ```bash
 pnpm add @machinerd/js-module
-# 또는
 npm install @machinerd/js-module
 yarn add @machinerd/js-module
 ```
 
-스타일을 쓰는 UI를 사용한다면 CSS도 함께 import 합니다.
+컴포넌트를 사용한다면 CSS도 함께 import 해야 합니다.
 
 ```js
 import '@machinerd/js-module/styles/index.css';
@@ -27,8 +26,6 @@ import '@machinerd/js-module/styles/index.css';
 
 ## API 클라이언트 (`@machinerd/js-module`)
 
-기본 export는 `ApiClient` 클래스입니다. 인스턴스를 만들어 props나 훅 인자로 넘깁니다.
-
 ```ts
 import ApiClient, { type ApiConfig } from '@machinerd/js-module';
 
@@ -41,15 +38,11 @@ await client.login(/* ... */);
 client.cdnMedia('path/to/key');
 ```
 
-로그인·CDN URL 빌드 등에는 위처럼 직접 인스턴스를 만들어 쓸 수 있습니다.
-
 ---
 
 ## Providers
 
-Export 경로: `@machinerd/js-module/providers`
-
-**`Image`·`useSubsetImage` 등 CDN 경로를 다루는 UI·훅**은 내부에서 `useApiClient()`로 **`ApiClient` 인스턴스**에 접근합니다. 사용하는 쪽에서 매번 `ApiClient`를 만들어 props로 넘기지 않도록, **앱(또는 라우트 트리) 최상단**을 `ApiClientProvider`로 감싸고 `config`만 넘기면 됩니다.
+**`Image`·`useSubsetImage` 등 CDN 경로를 다루는 UI·훅**은 내부에서 `useApiClient()`로 **`ApiClient` 인스턴스**에 접근합니다.
 
 ```tsx
 import { ApiClientProvider } from '@machinerd/js-module/providers';
@@ -68,70 +61,21 @@ export function App({ children }: { children: React.ReactNode }) {
 }
 ```
 
-- Next.js App Router라면 `app/layout.tsx` 등 **루트 레이아웃**에 두는 것을 권장합니다.
-- Provider 밖에서 `Image` / `useSubsetImage`를 쓰면 런타임에 `ApiClient not found` 오류가 납니다.
-
-`useApiClient`는 같은 패키지의 `./providers`에서 export 됩니다.
-
 ---
 
-## UI 컴포넌트 (`@machinerd/js-module/ui`)
-
-서버·클라이언트 구분 없이 쓸 수 있는 컴포넌트입니다.
+## UI 컴포넌트 (`@machinerd/js-module/ui/common`)
 
 ```tsx
 import {
-  BottomAppBar,
   Button,
-  ConditionalWrapper,
-  Input,
-  Skeleton,
-} from '@machinerd/js-module/ui';
-import '@machinerd/js-module/styles/index.css';
-```
-
-각 컴포넌트의 props·변형은 Storybook(`pnpm storybook`) 또는 소스의 타입 정의를 참고하면 됩니다.
-
----
-
-## 클라이언트 전용 UI (`@machinerd/js-module/ui-client`)
-
-브라우저 API·상태에 의존하는 컴포넌트입니다. **번들/페이지의 클라이언트 경계 안**에서만 사용하세요.
+  ...Other
+} from '@machinerd/js-module/ui/common';
+import { Carousel } from '@machinerd/js-module/ui/carousel';
+...Other
 
-```tsx
-import { Carousel, CarouselItem, Image, Tooltip /* … */ } from '@machinerd/js-module/ui-client';
 import '@machinerd/js-module/styles/index.css';
 ```
 
-**`Image`를 쓰려면** 위 [Providers](#providers)의 **`ApiClientProvider`를 최상위에 두는 것**이 필요합니다. CDN·API 엔드포인트는 `config`로 한 번만 넘기면 되며, `Image`에 `ApiClient`를 props로 넘길 필요는 없습니다. props·Storybook 문서는 타입 정의와 Storybook을 참고하세요.
-
-> **참고:** export 경로는 `ui/client`가 아니라 **`ui-client`** 입니다 (`package.json`의 `exports`와 일치).
-
----
-
-## 훅 (`@machinerd/js-module/hooks`)
-
-```ts
-import { useOutsideClick, useWindowSize } from '@machinerd/js-module/hooks';
-```
-
-`useOutsideClick`은 타입 `UseOutsideClickProps`도 함께 export 합니다.
-
-`useSubsetImage`는 **`ApiClientProvider` 안**에서만 사용할 수 있습니다 ([Providers](#providers)).
-
----
-
-## 유틸 (`@machinerd/js-module/util`)
-
-`browser`, `common`, `date`, `file`, `format`, `generator` 등 모듈에서 필요한 심볼을 re-export 합니다.
-
-```ts
-import { formatI18nNumber } from '@machinerd/js-module/util';
-import { isExternalSrc } from '@machinerd/js-module/util';
-```
-
-전체 목록은 `src/util/index.ts`를 보거나 IDE 자동완성으로 확인하는 것이 좋습니다.
-
 ---
 
 ## 로컬 개발·다른 프로젝트에서 검증
@@ -143,20 +87,16 @@ pnpm install
 pnpm build
 ```
 
-`prepublishOnly`에 `pnpm build`가 걸려 있어 `pnpm publish` 전에도 빌드가 돌지만, pack 테스트 전에 한 번 빌드하는 것을 권장합니다.
-
 ### 2. tarball로 다른 프로젝트에 넣기 (`pnpm pack`)
 
 ```bash
 pnpm pack
 ```
 
-현재 버전 기준으로 예: `machinerd-js-module-0.5.0.tgz` 형태의 파일이 상위 디렉터리(또는 현재 디렉터리)에 생성됩니다. 정확한 파일명은 명령 출력을 따르세요.
-
 소비하는 프로젝트에서:
 
 ```bash
-pnpm add /절대/또는/상대/경로/machinerd-js-module-0.4.0.tgz
+pnpm add /절대/또는/상대/경로/machinerd-js-module-[VERSION].tgz
 ```
 
 또는 `package.json`에:
@@ -164,38 +104,7 @@ pnpm add /절대/또는/상대/경로/machinerd-js-module-0.4.0.tgz
 ```json
 {
   "dependencies": {
-    "@machinerd/js-module": "file:../js-module/machinerd-js-module-0.4.0.tgz"
+    "@machinerd/js-module": "file:../js-module/machinerd-js-module-[VERSION].tgz"
   }
 }
 ```
-
-### 3. `pnpm link` (글로벌 링크)
-
-```bash
-# js-module 쪽
-pnpm link --global
-
-# 소비 프로젝트 쪽
-pnpm link --global @machinerd/js-module
-```
-
-워크스페이스 모노레포라면 `pnpm-workspace.yaml`에 패키지 경로를 넣고 `workspace:*` 의존성으로 연결하는 방식이 더 안정적입니다.
-
-### 4. Storybook으로 UI만 확인
-
-```bash
-pnpm storybook
-```
-
----
-
-## 스크립트 요약
-
-| 명령 | 설명 |
-|------|------|
-| `pnpm build` | 라이브러리 + CSS 빌드 |
-| `pnpm storybook` | 컴포넌트 문서·예제 (로컬) |
-| `pnpm build-storybook` | 정적 Storybook 빌드 |
-| `pnpm pack` | npm 패키지 tarball 생성 (로컬 설치 테스트용) |
-
----

package/dist/common-CQWUs1nE.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`query-string`);t=e.t(t);let n=require(`lodash-es`),r=require(`slug`);r=e.t(r),r.default.extend({'"':`-`,"”":`-`,"“":`-`,"•":`----`}),r.default.setLocale(`en`);const i=(e,n=[])=>{if(typeof window>`u`)return``;let{hash:r,search:i}=window.location,a=t.default.parse(i);Object.keys(e).forEach(t=>{e[t]?a[t]=e[t]:delete a[t]});let o={...a};return Object.keys(a).forEach(e=>{n.includes(e)&&delete o[e]}),`?${t.default.stringify(o,{encode:!0})}${r}`},a=(e,t)=>{let n=0;return e%t===0&&(n=e/t),n=Math.ceil(e/t),n<1&&(n=1),n},o=e=>{let t=[...e];for(let e=t.length-1;e>0;e--){let n=Math.floor(Math.random()*(e+1));[t[e],t[n]]=[t[n],t[e]]}return t},s=e=>{let t=document.getElementById(`naverMapLib`);if(!t){let t=document.createElement(`script`);t.src=`https://oapi.map.naver.com/openapi/v3/maps.js?ncpKeyId=ecs1pyoo9b`,t.id=`naverMapLib`,document.body.appendChild(t),t.onload=()=>{e&&e()}}t&&e&&e()},c=(e,...t)=>{let n=`${e}`;return t.forEach(e=>{e&&(n=`${n}-${(0,r.default)(e)}`)}),n},l=e=>{let t=[];e.i18n?.forEach(e=>{e.locale===`en`&&e.name&&t.push(e.name)});let n=e.series?.i18n.find(e=>e.locale===`en`);return n?.name&&t.push(n.name.toLowerCase()),e.stockNo&&t.push(e.stockNo[0]),c(e.id,...t)},u=e=>{let t=e;return t.length>0?t[0].trim():``},d=(e=`en`,t,n)=>{if(!t||!n||t.length<=0)return``;let r=[...t].sort(p);if(e){let t=r.findIndex(t=>t.locale===e);if(t){let e=r.splice(t,1);r.unshift(e[0])}}for(let e of r){let t=e[n];if(!(Array.isArray(t)&&t.length===0)&&t)return t}return``},f=(e,t,n)=>{if(!t||!n||t.length<=0)return``;let r=[...t].sort(p);if(e){let t=r.findIndex(t=>t.locale===e);if(t){let e=r.splice(t,1);r.unshift(e[0])}}let i=``;for(let e of r){let t=e[n];if(t){i=String(t);break}}return i},p=(e,t)=>e.priority<t.priority?-1:e.priority>t.priority?1:0,m=(e,t,n)=>{if(e){let r;r=Array.isArray(e)?e[0]:e;try{return t(r)}catch{return n}}return n},h=(e,t)=>{let{[t]:n,...r}=e;return r},g=(e,t)=>Object.fromEntries(Object.entries(e).filter(([e])=>!t.includes(e))),_=(e,t)=>(0,n.intersection)(e,t).length>0,v=e=>e.split(`:`).pop()?.split(`.`).pop(),y=(e,...t)=>[e,t].flat().join(`.`).replace(`:.`,`.`),b=(e=`en`,t)=>{if(t.length<=0)return`-`;let n=t[0];return n?x(e,n.i18n):`-`},x=(e=`en`,t)=>{if(t.length===0)return``;let n=d(e,t,`address1`)?.replace(`대한민국`,``)||``,r=t.find(t=>t.locale===e)?.address2,i=[n];return e===`ko`?i.push(r):i.unshift(r),i.filter(Boolean).join(`, `).trim()},S=e=>{let t=0;for(let n of e)t+=n.weight;let n=Math.random()*t,r=0;for(let t of e)if(r+=t.weight,n<r)return t;return e[e.length-1]},C=e=>new Promise(t=>setTimeout(t,e)),w=(...e)=>e.filter(Boolean).join(` `);Object.defineProperty(exports,`_`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,`b`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`v`,{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,`x`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`y`,{enumerable:!0,get:function(){return c}});

package/dist/common-DbEp6YNc.mjs

@@ -0,0 +1 @@
+import e from"query-string";import{intersection as t}from"lodash-es";import n from"slug";n.extend({'"':`-`,"”":`-`,"“":`-`,"•":`----`}),n.setLocale(`en`);const r=(t,n=[])=>{if(typeof window>`u`)return``;let{hash:r,search:i}=window.location,a=e.parse(i);Object.keys(t).forEach(e=>{t[e]?a[e]=t[e]:delete a[e]});let o={...a};return Object.keys(a).forEach(e=>{n.includes(e)&&delete o[e]}),`?${e.stringify(o,{encode:!0})}${r}`},i=(e,t)=>{let n=0;return e%t===0&&(n=e/t),n=Math.ceil(e/t),n<1&&(n=1),n},a=e=>{let t=[...e];for(let e=t.length-1;e>0;e--){let n=Math.floor(Math.random()*(e+1));[t[e],t[n]]=[t[n],t[e]]}return t},o=e=>{let t=document.getElementById(`naverMapLib`);if(!t){let t=document.createElement(`script`);t.src=`https://oapi.map.naver.com/openapi/v3/maps.js?ncpKeyId=ecs1pyoo9b`,t.id=`naverMapLib`,document.body.appendChild(t),t.onload=()=>{e&&e()}}t&&e&&e()},s=(e,...t)=>{let r=`${e}`;return t.forEach(e=>{e&&(r=`${r}-${n(e)}`)}),r},c=e=>{let t=[];e.i18n?.forEach(e=>{e.locale===`en`&&e.name&&t.push(e.name)});let n=e.series?.i18n.find(e=>e.locale===`en`);return n?.name&&t.push(n.name.toLowerCase()),e.stockNo&&t.push(e.stockNo[0]),s(e.id,...t)},l=e=>{let t=e;return t.length>0?t[0].trim():``},u=(e=`en`,t,n)=>{if(!t||!n||t.length<=0)return``;let r=[...t].sort(f);if(e){let t=r.findIndex(t=>t.locale===e);if(t){let e=r.splice(t,1);r.unshift(e[0])}}for(let e of r){let t=e[n];if(!(Array.isArray(t)&&t.length===0)&&t)return t}return``},d=(e,t,n)=>{if(!t||!n||t.length<=0)return``;let r=[...t].sort(f);if(e){let t=r.findIndex(t=>t.locale===e);if(t){let e=r.splice(t,1);r.unshift(e[0])}}let i=``;for(let e of r){let t=e[n];if(t){i=String(t);break}}return i},f=(e,t)=>e.priority<t.priority?-1:e.priority>t.priority?1:0,p=(e,t,n)=>{if(e){let r;r=Array.isArray(e)?e[0]:e;try{return t(r)}catch{return n}}return n},m=(e,t)=>{let{[t]:n,...r}=e;return r},h=(e,t)=>Object.fromEntries(Object.entries(e).filter(([e])=>!t.includes(e))),g=(e,n)=>t(e,n).length>0,_=e=>e.split(`:`).pop()?.split(`.`).pop(),v=(e,...t)=>[e,t].flat().join(`.`).replace(`:.`,`.`),y=(e=`en`,t)=>{if(t.length<=0)return`-`;let n=t[0];return n?b(e,n.i18n):`-`},b=(e=`en`,t)=>{if(t.length===0)return``;let n=u(e,t,`address1`)?.replace(`대한민국`,``)||``,r=t.find(t=>t.locale===e)?.address2,i=[n];return e===`ko`?i.push(r):i.unshift(r),i.filter(Boolean).join(`, `).trim()},x=e=>{let t=0;for(let n of e)t+=n.weight;let n=Math.random()*t,r=0;for(let t of e)if(r+=t.weight,n<r)return t;return e[e.length-1]},S=e=>new Promise(t=>setTimeout(t,e)),C=(...e)=>e.filter(Boolean).join(` `);export{a as _,g as a,h as b,_ as c,l as d,r as f,x as g,c as h,v as i,d as l,p as m,C as n,y as o,o as p,f as r,b as s,i as t,u,S as v,m as x,s as y};

package/dist/file-5mweNdAM.cjs

@@ -0,0 +1 @@
+function e(e,t=0){if(e==0)return`0 Bytes`;let n=1024,r=t,i=[`Bytes`,`KB`,`MB`,`GB`,`TB`,`PB`,`EB`,`ZB`,`YB`],a=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/n**+a).toFixed(r))+` `+i[a]}const t=e=>e.split(`.`).slice(0,-1).join(`.`),n=e=>e.split(`.`).pop(),r=(e,t)=>{let n={directory:``,filename:``,extension:``,filenameWithoutExtension:``},r=e.lastIndexOf(`/`),i=r>=0?e.substring(r+1):e,a=i.lastIndexOf(`.`),o=a>0?i.substring(a+1):``,s=a>0?i.substring(0,a):i;if(n.filename=i,n.extension=o,n.filenameWithoutExtension=s,e.startsWith(`http`)){let r=t?`/${t}/`:`/`,i=e.indexOf(r);if(i!==-1){let t=e.substring(i+r.length),a=t.lastIndexOf(`/`);return n.directory=a===-1?``:t.substring(0,a),n}}return n.directory=r===-1?``:e.substring(0,r),n},i=e=>e.startsWith(`http`)||e.startsWith(`blob:`)||e.startsWith(`data:`),a=[`svg`,`gif`],o=e=>{if(!e||e.startsWith(`blob:`)||e.startsWith(`data:`))return!1;let t=e.lastIndexOf(`/`),n=t>=0?e.substring(t+1):e,r=n.lastIndexOf(`.`),i=r>0?n.substring(r+1):``;return!a.includes(i?.toLowerCase()??``)};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/dist/file-DShNxIW4.mjs

@@ -0,0 +1 @@
+function e(e,t=0){if(e==0)return`0 Bytes`;let n=1024,r=t,i=[`Bytes`,`KB`,`MB`,`GB`,`TB`,`PB`,`EB`,`ZB`,`YB`],a=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/n**+a).toFixed(r))+` `+i[a]}const t=e=>e.split(`.`).slice(0,-1).join(`.`),n=e=>e.split(`.`).pop(),r=(e,t)=>{let n={directory:``,filename:``,extension:``,filenameWithoutExtension:``},r=e.lastIndexOf(`/`),i=r>=0?e.substring(r+1):e,a=i.lastIndexOf(`.`),o=a>0?i.substring(a+1):``,s=a>0?i.substring(0,a):i;if(n.filename=i,n.extension=o,n.filenameWithoutExtension=s,e.startsWith(`http`)){let r=t?`/${t}/`:`/`,i=e.indexOf(r);if(i!==-1){let t=e.substring(i+r.length),a=t.lastIndexOf(`/`);return n.directory=a===-1?``:t.substring(0,a),n}}return n.directory=r===-1?``:e.substring(0,r),n},i=e=>e.startsWith(`http`)||e.startsWith(`blob:`)||e.startsWith(`data:`),a=[`svg`,`gif`],o=e=>{if(!e||e.startsWith(`blob:`)||e.startsWith(`data:`))return!1;let t=e.lastIndexOf(`/`),n=t>=0?e.substring(t+1):e,r=n.lastIndexOf(`.`),i=r>0?n.substring(r+1):``;return!a.includes(i?.toLowerCase()??``)};export{o as a,i,n,r as o,t as r,e as t};

package/dist/hooks/index.cjs

@@ -1 +1 @@
-require(`../src-CjpmdVyv.cjs`),require(`../util-o7fjt7iK.cjs`);const e=require(`../hooks-DqgWx1Fa.cjs`);require(`../providers-BNK8Fisc.cjs`),exports.SUBSETS=e.n,exports.useDelayUnmount=e.c,exports.useDragScroll=e.s,exports.useOutsideClick=e.o,exports.useScrollLock=e.a,exports.useScrollTop=e.i,exports.useSubsetImage=e.r,exports.useWindowSize=e.t;
+require(`../src-CjpmdVyv.cjs`),require(`../file-5mweNdAM.cjs`);const e=require(`../hooks--O5RcEJq.cjs`);require(`../providers-CkXkdYcB.cjs`);const t=require(`../use-subset-image-DhX5WmYG.cjs`);exports.SUBSETS=t.t,exports.useDelayUnmount=e.o,exports.useDragScroll=e.a,exports.useOutsideClick=e.i,exports.useScrollLock=e.r,exports.useScrollTop=e.n,exports.useSubsetImage=t.n,exports.useWindowSize=e.t;

package/dist/hooks/index.d.cts

@@ -1,2 +1,2 @@
-import { a as UseSubsetImageProps, c as useScrollTop, d as UseOutsideClickProps, f as useOutsideClick, i as SUBSETS, l as UseScrollLockProps, m as useDelayUnmount, n as BaseProps, o as useSubsetImage, p as useDragScroll, r as Folder, s as UseScrollTopProps, t as useWindowSize, u as useScrollLock } from "../index-ComhjQ-q.cjs";
+import { a as UseSubsetImageProps, c as useScrollTop, d as UseOutsideClickProps, f as useOutsideClick, i as SUBSETS, l as UseScrollLockProps, m as useDelayUnmount, n as BaseProps, o as useSubsetImage, p as useDragScroll, r as Folder, s as UseScrollTopProps, t as useWindowSize, u as useScrollLock } from "../index-BQHtVz_S.cjs";
 export { BaseProps, Folder, SUBSETS, UseOutsideClickProps, UseScrollLockProps, UseScrollTopProps, UseSubsetImageProps, useDelayUnmount, useDragScroll, useOutsideClick, useScrollLock, useScrollTop, useSubsetImage, useWindowSize };

package/dist/hooks/index.d.mts

@@ -1,2 +1,2 @@
-import { a as UseSubsetImageProps, c as useScrollTop, d as UseOutsideClickProps, f as useOutsideClick, i as SUBSETS, l as UseScrollLockProps, m as useDelayUnmount, n as BaseProps, o as useSubsetImage, p as useDragScroll, r as Folder, s as UseScrollTopProps, t as useWindowSize, u as useScrollLock } from "../index-ByfkW7VU.mjs";
+import { a as UseSubsetImageProps, c as useScrollTop, d as UseOutsideClickProps, f as useOutsideClick, i as SUBSETS, l as UseScrollLockProps, m as useDelayUnmount, n as BaseProps, o as useSubsetImage, p as useDragScroll, r as Folder, s as UseScrollTopProps, t as useWindowSize, u as useScrollLock } from "../index-BFHrNSKP.mjs";
 export { BaseProps, Folder, SUBSETS, UseOutsideClickProps, UseScrollLockProps, UseScrollTopProps, UseSubsetImageProps, useDelayUnmount, useDragScroll, useOutsideClick, useScrollLock, useScrollTop, useSubsetImage, useWindowSize };

package/dist/hooks/index.mjs

@@ -1 +1 @@
-import"../src-C_FmOyer.mjs";import"../util-zXJA6Gnc.mjs";import{a as e,c as t,i as n,n as r,o as i,r as a,s as o,t as s}from"../hooks-DBo6LQrH.mjs";import"../providers-5JCPezAS.mjs";export{r as SUBSETS,t as useDelayUnmount,o as useDragScroll,i as useOutsideClick,e as useScrollLock,n as useScrollTop,a as useSubsetImage,s as useWindowSize};
+import"../src-CukOR3K2.mjs";import"../file-DShNxIW4.mjs";import{a as e,i as t,n,o as r,r as i,t as a}from"../hooks-C9rXWkfW.mjs";import"../providers-zftmvT1z.mjs";import{n as o,t as s}from"../use-subset-image-DvV5Mlkc.mjs";export{s as SUBSETS,r as useDelayUnmount,e as useDragScroll,t as useOutsideClick,i as useScrollLock,n as useScrollTop,o as useSubsetImage,a as useWindowSize};

package/dist/hooks--O5RcEJq.cjs

@@ -0,0 +1 @@
+const e=require(`./chunk-Bmb41Sf3.cjs`);let t=require(`lodash-es`),n=require(`react`);function r(e,t){let[r,i]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{let n;return e&&!r?i(!0):!e&&r&&(n=setTimeout(()=>i(!1),t)),()=>clearTimeout(n)},[e,t,r]),r}function i(e=1){let t=(0,n.useRef)(null),[r,i]=(0,n.useState)(!1),[a,o]=(0,n.useState)(0),[s,c]=(0,n.useState)(0),l=(0,n.useRef)(!1);return{ref:t,onMouseDown:e=>{t.current&&(i(!0),l.current=!1,o(e.pageX-t.current.offsetLeft),c(t.current.scrollLeft))},onMouseLeave:()=>i(!1),onMouseUp:()=>i(!1),onMouseMove:n=>{if(!r||!t.current)return;n.preventDefault();let i=(n.pageX-t.current.offsetLeft-a)*e;Math.abs(i)>10&&(l.current=!0),t.current.scrollLeft=s-i},onClickCapture:e=>{l.current&&(e.stopPropagation(),e.preventDefault())}}}function a({ref:e,setOpen:t}){let r=(0,n.useCallback)(n=>{e.current?.contains(n.target)||t(!1)},[e,t]);(0,n.useEffect)(()=>(document.addEventListener(`mousedown`,r),document.addEventListener(`touchstart`,r),()=>{document.removeEventListener(`mousedown`,r),document.removeEventListener(`touchstart`,r)}),[r])}const o=[`mouse`,`touch`];function s({open:e,type:t=o}){let r=(0,n.useCallback)(e=>{e.preventDefault()},[]),i=(0,n.useCallback)(e=>{e.preventDefault()},[]);(0,n.useEffect)(()=>{let n=e&&t.includes(`mouse`),a=e&&t.includes(`touch`);return n?(document.body.classList.add(`overflow-hidden`),document.addEventListener(`wheel`,i,{passive:!1})):(document.body.classList.remove(`overflow-hidden`),document.removeEventListener(`wheel`,i)),a?document.addEventListener(`touchmove`,r,{passive:!1}):document.removeEventListener(`touchmove`,r),()=>{document.body.classList.remove(`overflow-hidden`),document.removeEventListener(`touchmove`,r),document.removeEventListener(`wheel`,i)}},[e,t,r,i])}function c({enabled:e=!0,behavior:t=`smooth`}={}){let[r,i]=(0,n.useState)(!1),a=(0,n.useRef)(null),o=(0,n.useCallback)(()=>{window.scrollTo({top:0,behavior:t})},[t]);return(0,n.useEffect)(()=>{let t=a.current;if(!t||!e){i(!1);return}let n=new IntersectionObserver(e=>{let t=e[0];t&&i(!t.isIntersecting)},{root:null,rootMargin:`0px`,threshold:0});return n.observe(t),()=>n.disconnect()},[e]),{isVisible:r,handleScrolToTop:o,ref:a}}function l(e=1280){let[r,i]=(0,n.useState)(e);return(0,n.useEffect)(()=>{let e=(0,t.throttle)(()=>{let e=window.innerWidth;i(e)},200);return window.addEventListener(`resize`,e),e(),()=>window.removeEventListener(`resize`,e)},[]),{windowSize:r}}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/hooks-C9rXWkfW.mjs

@@ -0,0 +1 @@
+import{throttle as e}from"lodash-es";import{useCallback as t,useEffect as n,useRef as r,useState as i}from"react";function a(e,t){let[r,a]=i(!1);return n(()=>{let n;return e&&!r?a(!0):!e&&r&&(n=setTimeout(()=>a(!1),t)),()=>clearTimeout(n)},[e,t,r]),r}function o(e=1){let t=r(null),[n,a]=i(!1),[o,s]=i(0),[c,l]=i(0),u=r(!1);return{ref:t,onMouseDown:e=>{t.current&&(a(!0),u.current=!1,s(e.pageX-t.current.offsetLeft),l(t.current.scrollLeft))},onMouseLeave:()=>a(!1),onMouseUp:()=>a(!1),onMouseMove:r=>{if(!n||!t.current)return;r.preventDefault();let i=(r.pageX-t.current.offsetLeft-o)*e;Math.abs(i)>10&&(u.current=!0),t.current.scrollLeft=c-i},onClickCapture:e=>{u.current&&(e.stopPropagation(),e.preventDefault())}}}function s({ref:e,setOpen:r}){let i=t(t=>{e.current?.contains(t.target)||r(!1)},[e,r]);n(()=>(document.addEventListener(`mousedown`,i),document.addEventListener(`touchstart`,i),()=>{document.removeEventListener(`mousedown`,i),document.removeEventListener(`touchstart`,i)}),[i])}const c=[`mouse`,`touch`];function l({open:e,type:r=c}){let i=t(e=>{e.preventDefault()},[]),a=t(e=>{e.preventDefault()},[]);n(()=>{let t=e&&r.includes(`mouse`),n=e&&r.includes(`touch`);return t?(document.body.classList.add(`overflow-hidden`),document.addEventListener(`wheel`,a,{passive:!1})):(document.body.classList.remove(`overflow-hidden`),document.removeEventListener(`wheel`,a)),n?document.addEventListener(`touchmove`,i,{passive:!1}):document.removeEventListener(`touchmove`,i),()=>{document.body.classList.remove(`overflow-hidden`),document.removeEventListener(`touchmove`,i),document.removeEventListener(`wheel`,a)}},[e,r,i,a])}function u({enabled:e=!0,behavior:a=`smooth`}={}){let[o,s]=i(!1),c=r(null),l=t(()=>{window.scrollTo({top:0,behavior:a})},[a]);return n(()=>{let t=c.current;if(!t||!e){s(!1);return}let n=new IntersectionObserver(e=>{let t=e[0];t&&s(!t.isIntersecting)},{root:null,rootMargin:`0px`,threshold:0});return n.observe(t),()=>n.disconnect()},[e]),{isVisible:o,handleScrolToTop:l,ref:c}}function d(t=1280){let[r,a]=i(t);return n(()=>{let t=e(()=>{let e=window.innerWidth;a(e)},200);return window.addEventListener(`resize`,t),t(),()=>window.removeEventListener(`resize`,t)},[]),{windowSize:r}}export{o as a,s as i,u as n,a as o,l as r,d as t};

package/dist/{index-ComhjQ-q.d.cts → index-BFHrNSKP.d.mts}

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react2 from "react";
 import React$1, { Dispatch, RefObject, SetStateAction } from "react";
 
 //#region src/hooks/use-delay-unmount.d.ts
@@ -6,7 +6,7 @@ declare function useDelayUnmount(isMounted: boolean, delayTime: number): boolean
 //#endregion
 //#region src/hooks/use-drag-scroll.d.ts
 declare function useDragScroll(speed?: number): {
-  ref: react0.RefObject<HTMLDivElement>;
+  ref: react2.RefObject<HTMLDivElement>;
   onMouseDown: (e: React.MouseEvent) => void;
   onMouseLeave: () => void;
   onMouseUp: () => void;
@@ -35,7 +35,7 @@ declare function useScrollLock({
   type
 }: UseScrollLockProps): void;
 //#endregion
-//#region src/hooks/use-scoll-top.d.ts
+//#region src/hooks/use-scroll-top.d.ts
 interface UseScrollTopProps {
   enabled?: boolean;
   behavior?: ScrollBehavior;
@@ -46,7 +46,7 @@ declare function useScrollTop({
 }?: UseScrollTopProps): {
   isVisible: boolean;
   handleScrolToTop: () => void;
-  ref: react0.RefObject<HTMLDivElement>;
+  ref: react2.RefObject<HTMLDivElement>;
 };
 //#endregion
 //#region src/hooks/use-subset-image.d.ts

package/dist/{index-ByfkW7VU.d.mts → index-BQHtVz_S.d.cts}

@@ -1,4 +1,4 @@
-import * as react0 from "react";
+import * as react1 from "react";
 import React$1, { Dispatch, RefObject, SetStateAction } from "react";
 
 //#region src/hooks/use-delay-unmount.d.ts
@@ -6,7 +6,7 @@ declare function useDelayUnmount(isMounted: boolean, delayTime: number): boolean
 //#endregion
 //#region src/hooks/use-drag-scroll.d.ts
 declare function useDragScroll(speed?: number): {
-  ref: react0.RefObject<HTMLDivElement>;
+  ref: react1.RefObject<HTMLDivElement>;
   onMouseDown: (e: React.MouseEvent) => void;
   onMouseLeave: () => void;
   onMouseUp: () => void;
@@ -35,7 +35,7 @@ declare function useScrollLock({
   type
 }: UseScrollLockProps): void;
 //#endregion
-//#region src/hooks/use-scoll-top.d.ts
+//#region src/hooks/use-scroll-top.d.ts
 interface UseScrollTopProps {
   enabled?: boolean;
   behavior?: ScrollBehavior;
@@ -46,7 +46,7 @@ declare function useScrollTop({
 }?: UseScrollTopProps): {
   isVisible: boolean;
   handleScrolToTop: () => void;
-  ref: react0.RefObject<HTMLDivElement>;
+  ref: react1.RefObject<HTMLDivElement>;
 };
 //#endregion
 //#region src/hooks/use-subset-image.d.ts

package/dist/index.d.cts

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

package/dist/index.d.mts

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

package/dist/index.mjs

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

package/dist/providers/index.cjs

@@ -1 +1 @@
-require(`../src-CjpmdVyv.cjs`);const e=require(`../providers-BNK8Fisc.cjs`);exports.ApiClientProvider=e.t,exports.useApiClient=e.n;
+require(`../src-CjpmdVyv.cjs`);const e=require(`../providers-CkXkdYcB.cjs`);exports.ApiClientProvider=e.t,exports.useApiClient=e.n;

package/dist/providers/index.d.cts

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

package/dist/providers/index.d.mts

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

package/dist/providers/index.mjs

@@ -1 +1 @@
-import"../src-C_FmOyer.mjs";import{n as e,t}from"../providers-5JCPezAS.mjs";export{t as ApiClientProvider,e as useApiClient};
+import"../src-CukOR3K2.mjs";import{n as e,t}from"../providers-zftmvT1z.mjs";export{t as ApiClientProvider,e as useApiClient};

package/dist/{providers-5JCPezAS.mjs → providers-zftmvT1z.mjs}

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

package/dist/skeleton-6QtpIO7l.mjs

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

package/dist/skeleton-DBha34Cx.cjs

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

package/dist/styles/index.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, base, components, utilities;
 @layer theme {
@@ -139,9 +139,6 @@
   .komc\:-mt-4 {
     margin-top: calc(var(--komc-spacing) * -4);
   }
-  .komc\:mt-2 {
-    margin-top: calc(var(--komc-spacing) * 2);
-  }
   .komc\:mt-3 {
     margin-top: calc(var(--komc-spacing) * 3);
   }
@@ -223,8 +220,8 @@
   .komc\:h-40 {
     height: calc(var(--komc-spacing) * 40);
   }
-  .komc\:h-56 {
-    height: calc(var(--komc-spacing) * 56);
+  .komc\:h-72 {
+    height: calc(var(--komc-spacing) * 72);
   }
   .komc\:h-\[50dvh\] {
     height: 50dvh;
@@ -274,9 +271,6 @@
   .komc\:w-2 {
     width: calc(var(--komc-spacing) * 2);
   }
-  .komc\:w-4 {
-    width: calc(var(--komc-spacing) * 4);
-  }
   .komc\:w-\[50dvw\] {
     width: 50dvw;
   }
@@ -389,6 +383,9 @@
   .komc\:flex-col {
     flex-direction: column;
   }
+  .komc\:flex-row {
+    flex-direction: row;
+  }
   .komc\:flex-wrap {
     flex-wrap: wrap;
   }
@@ -416,9 +413,6 @@
   .komc\:gap-1 {
     gap: calc(var(--komc-spacing) * 1);
   }
-  .komc\:gap-1\.5 {
-    gap: calc(var(--komc-spacing) * 1.5);
-  }
   .komc\:gap-2 {
     gap: calc(var(--komc-spacing) * 2);
   }
@@ -586,9 +580,6 @@
       background-color: color-mix(in oklab, var(--komc-color-neutral-100) 95%, transparent);
     }
   }
-  .komc\:bg-neutral-300 {
-    background-color: var(--komc-color-neutral-300);
-  }
   .komc\:bg-night-700 {
     background-color: var(--komc-color-night-700);
   }
@@ -1156,16 +1147,6 @@
       color: var(--komc-color-gray-800);
     }
   }
-  .komc\:data-\[selected\=true\]\:bg-blue-500 {
-    &[data-selected="true"] {
-      background-color: var(--komc-color-blue-500);
-    }
-  }
-  .komc\:data-\[selected\=true\]\:text-white {
-    &[data-selected="true"] {
-      color: var(--komc-color-white);
-    }
-  }
   .komc\:data-\[state\=closed\]\:scale-95 {
     &[data-state="closed"] {
       --tw-scale-x: 95%;

package/dist/ui/carousel/index.cjs

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

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

@@ -0,0 +1,95 @@
+import React, { ComponentProps } from "react";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import useEmblaCarousel, { UseEmblaCarouselType } from "embla-carousel-react";
+
+//#region src/ui/carousel/carousel-context.d.ts
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+interface CarouselProps {
+  options?: CarouselOptions;
+  plugins?: CarouselPlugin;
+  orientation?: 'horizontal' | 'vertical';
+  setApi?: (api: CarouselApi) => void;
+}
+type CarouselContextProps = {
+  carouselRef: ReturnType<typeof useEmblaCarousel>[0];
+  api: ReturnType<typeof useEmblaCarousel>[1];
+  scrollPrev: () => void;
+  scrollNext: () => void;
+  canScrollPrev: boolean;
+  canScrollNext: boolean;
+  scrollTo: (index: number) => void;
+  dots: number;
+  selectedScrollSnap: number;
+} & CarouselProps;
+//#endregion
+//#region src/ui/carousel/carousel.d.ts
+interface CarouselProps$1 extends ComponentProps<'div'>, CarouselProps {
+  orientation?: 'horizontal' | 'vertical';
+  options?: CarouselProps['options'];
+  setApi?: CarouselProps['setApi'];
+  plugins?: CarouselProps['plugins'];
+}
+declare function Carousel({
+  orientation,
+  options,
+  setApi,
+  plugins,
+  className,
+  children,
+  ...props
+}: 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_runtime5.JSX.Element;
+//#endregion
+//#region src/ui/carousel/carousel-wrapper.d.ts
+declare function CarouselWrapper({
+  className,
+  ...props
+}: 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_runtime5.JSX.Element;
+//#endregion
+//#region src/ui/carousel/carousel-previous.d.ts
+declare function CarouselPrevious({
+  children,
+  className,
+  ...props
+}: 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_runtime5.JSX.Element;
+//#endregion
+//#region src/ui/carousel/carousel-dots.d.ts
+declare function CarouselDots$1({
+  children,
+  ...props
+}: Omit<React.ComponentProps<'button'>, 'children'> & {
+  children?: (index: number) => React.ReactNode;
+}): react_jsx_runtime5.JSX.Element;
+//#endregion
+//#region src/ui/carousel/carousel-dot.d.ts
+declare function CarouselDots({
+  index,
+  children,
+  ...props
+}: React.ComponentProps<'button'> & {
+  index: number;
+}): 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 };