@nexus-cross/design-system 1.0.0

package/cursor-rules/nexus-ui-components.mdc

@@ -0,0 +1,136 @@
+---
+description: '@nexus-cross/design-system 공용 컴포넌트 사용 규칙 — AI가 코드 생성 시 반드시 따라야 하는 컴포넌트 사용 지침'
+alwaysApply: true
+---
+
+# @nexus-cross/design-system 컴포넌트 사용 규칙
+
+> 이 프로젝트에는 `@nexus-cross/design-system` 디자인 시스템이 설치되어 있다.
+> 코드를 생성할 때 아래 규칙을 반드시 따른다.
+
+## 핵심 원칙
+
+1. **Figma 디자인에 아래 목록에 해당하는 UI 요소가 있으면, 반드시 `@nexus-cross/design-system`에서 import하여 사용한다.**
+2. **동일 기능의 컴포넌트를 직접 구현하지 않는다.** 예: 직접 `<button className="...">` 대신 `<Button>`을 사용.
+3. **스타일 커스텀은 `className` prop으로 오버라이드**한다. 래퍼 div를 추가하지 않는다.
+4. **`asChild` prop**을 지원하는 컴포넌트는 렌더링 요소를 변경할 수 있다.
+5. **variants 함수만 가져다 쓸 수도 있다** (예: `buttonVariants({ semantic: 'primary', variant: 'contained', size: 'lg' })`).
+
+## 컴포넌트 매핑 가이드
+
+| Figma 요소         | 사용할 컴포넌트                | import                                                                   |
+| ------------------ | ------------------------------ | ------------------------------------------------------------------------ |
+| 버튼               | `<Button>`                     | `import { Button } from '@nexus-cross/design-system'`                    |
+| 텍스트 입력 필드   | `<TextInput>`                  | `import { TextInput } from '@nexus-cross/design-system'`                 |
+| 텍스트 영역        | `<TextArea>`                   | `import { TextArea } from '@nexus-cross/design-system'`                  |
+| 셀렉트/드롭다운    | `<Select>` + `<SelectItem>`    | `import { Select, SelectItem } from '@nexus-cross/design-system'`        |
+| 체크박스           | `<CheckBox>`                   | `import { CheckBox } from '@nexus-cross/design-system'`                  |
+| 라디오 그룹        | `<RadioGroup>` + `<RadioItem>` | `import { RadioGroup, RadioItem } from '@nexus-cross/design-system'`     |
+| 토글/스위치        | `<Switch>`                     | `import { Switch } from '@nexus-cross/design-system'`                    |
+| 칩/태그/뱃지       | `<Chip>`                       | `import { Chip } from '@nexus-cross/design-system'`                      |
+| 로딩 스피너        | `<Spinner>`                    | `import { Spinner } from '@nexus-cross/design-system'`                   |
+| 구분선             | `<Divider>`                    | `import { Divider } from '@nexus-cross/design-system'`                   |
+| 툴팁               | `<Tooltip>`                    | `import { Tooltip } from '@nexus-cross/design-system'`                   |
+| 팝오버             | `<Popover>`                    | `import { Popover } from '@nexus-cross/design-system'`                   |
+| 아코디언/접기      | `<Accordion>`                  | `import { Accordion } from '@nexus-cross/design-system'`                 |
+| 드로어/바텀시트    | `<Drawer>`                     | `import { Drawer } from '@nexus-cross/design-system'`                    |
+| 모달/다이얼로그    | `openModal()`                  | `import { openModal } from '@nexus-cross/design-system'`                 |
+| 토스트/알림        | `toast()`                      | `import { toast } from '@nexus-cross/design-system'`                     |
+| 테이블             | `<Table>`                      | `import { Table, TableRow, TdColumn } from '@nexus-cross/design-system'` |
+| 무한 스크롤        | `<InfiniteScroll>`             | `import { InfiniteScroll } from '@nexus-cross/design-system'`            |
+| 텍스트 말줄임      | `<Ellipsis>`                   | `import { Ellipsis } from '@nexus-cross/design-system'`                  |
+| 페이지네이션       | `<Pagination>`                 | `import { Pagination } from '@nexus-cross/design-system'`                |
+| 숫자 입력          | `<NumberInput>`                | `import { NumberInput } from '@nexus-cross/design-system'`               |
+| 아바타/프로필      | `<Avatar>`                     | `import { Avatar } from '@nexus-cross/design-system'`                    |
+| 숫자 카운트        | `<Counter>`                    | `import { Counter } from '@nexus-cross/design-system'`                   |
+| 카운트다운         | `<Countdown>`                  | `import { Countdown } from '@nexus-cross/design-system'`                 |
+| 마퀴/흐르는 텍스트 | `<Marquee>`                    | `import { Marquee } from '@nexus-cross/design-system'`                   |
+| 탭                 | `<Tab>`                        | `import { Tab } from '@nexus-cross/design-system'`                       |
+| 캐러셀/슬라이더    | `<Carousel>`                   | `import { Carousel, CarouselSlide } from '@nexus-cross/design-system'`   |
+| 가상 스크롤 리스트 | `<VirtualList>`                | `import { VirtualList } from '@nexus-cross/design-system'`               |
+| 가상 스크롤 그리드 | `<VirtualGrid>`                | `import { VirtualGrid } from '@nexus-cross/design-system'`               |
+| 데이터 리스트      | `<DataList>`                   | `import { DataList } from '@nexus-cross/design-system'`                  |
+| 스켈레톤 로딩      | `<Skeleton>`                   | `import { Skeleton } from '@nexus-cross/design-system'`                  |
+
+## 유틸리티 & 훅
+
+| 기능                    | 사용                              | import                                                                              |
+| ----------------------- | --------------------------------- | ----------------------------------------------------------------------------------- |
+| 클래스 병합             | `cn()`                            | `import { cn } from '@nexus-cross/design-system'`                                   |
+| 모달 훅                 | `useModal()`                      | `import { useModal } from '@nexus-cross/design-system'`                             |
+| 뷰포트 감지             | `useInView()`                     | `import { useInView } from '@nexus-cross/design-system'`                            |
+| 디바이스 체크           | `useCheckDevice()`                | `import { useCheckDevice } from '@nexus-cross/design-system'`                       |
+| 외부 클릭               | `useClickOutside()`               | `import { useClickOutside } from '@nexus-cross/design-system'`                      |
+| NumberInput 외부 바인딩 | `numberInputBind(ref, direction)` | `import { numberInputBind, type NumberInputRef } from '@nexus-cross/design-system'` |
+
+## asChild 패턴
+
+`asChild`를 지원하는 컴포넌트: **Button**, **Chip**
+
+```tsx
+// Button을 <a> 태그로 렌더링
+<Button asChild semantic="primary" variant="contained">
+  <a href="/about">About</a>
+</Button>
+
+// Chip을 <li>로 렌더링
+<Chip asChild variant="accent" size="sm">
+  <li>리스트 아이템</li>
+</Chip>
+```
+
+## variants 함수만 사용하기
+
+컴포넌트를 사용하지 않고 variant 클래스만 필요할 때:
+
+```tsx
+import { buttonVariants } from '@nexus-cross/design-system'
+
+// 직접 <a> 태그에 Button 스타일 적용
+;<a
+  href="/link"
+  className={buttonVariants({
+    semantic: 'primary',
+    variant: 'outlined',
+    size: 'sm',
+  })}
+>
+  링크
+</a>
+```
+
+사용 가능한 variants 함수: `buttonVariants`, `chipVariants`, `switchVariants`, `textInputVariants`, `textAreaVariants`, `checkBoxVariants`, `radioGroupVariants`, `radioItemVariants`, `dividerVariants`, `selectTriggerVariants`, `selectContentVariants`, `tooltipContentVariants`, `popoverContentVariants`, `drawerContentVariants`
+
+## 커스텀이 필요한 경우
+
+1. **스타일만 다를 때**: `className` prop으로 오버라이드
+2. **variant가 프로젝트 전용일 때**: 프로젝트 래퍼 컴포넌트 생성 (공용 컴포넌트를 내부에서 사용)
+3. **구조가 완전히 다를 때**: `<button>` 등 네이티브 요소 직접 사용 가능 (강제 아님)
+
+## 환경별 CSS import (필수)
+
+UI 컴포넌트 스타일은 사용처 환경에 따라 두 가지 entry point 중 하나를 선택한다.
+
+| 환경 | import |
+|---|---|
+| Tailwind v3 / Plain CSS / CSS Modules | `@nexus-cross/design-system/styles` |
+| Tailwind v4 | `@nexus-cross/design-system/styles/layer` |
+
+```tsx
+// TW v3 / Plain CSS / CSS Modules
+import '@nexus-cross/design-system/styles'
+
+// TW v4 (@layer nexus 래핑 — className 유틸리티 오버라이드 보장)
+import '@nexus-cross/design-system/styles/layer'
+```
+
+Tailwind v4 프로젝트는 `globals.css`에 layer 순서도 선언한다:
+```css
+@layer base, nexus, components, utilities;
+```
+
+## 금지 사항
+
+- `@nexus-cross/design-system`에 이미 있는 컴포넌트를 직접 구현하지 않는다
+- Radix UI, Headless UI 등을 직접 import하여 동일 기능 컴포넌트를 만들지 않는다
+- `@nexus-cross/design-system` 컴포넌트의 내부 구현을 복사하지 않는다

package/dist/accordion.d.mts

@@ -0,0 +1,28 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+
+declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type AccordionItemData = {
+    id: string;
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+};
+interface SimpleAccordionProps {
+    items: AccordionItemData[];
+    type?: 'single' | 'multiple';
+    collapsible?: boolean;
+    value?: string | string[];
+    defaultValue?: string | string[];
+    className?: string;
+    onValueChange?: (value: string | string[]) => void;
+}
+declare const Accordion: React.FC<SimpleAccordionProps>;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger };

package/dist/accordion.d.ts

@@ -0,0 +1,28 @@
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as React from 'react';
+
+declare const AccordionRoot: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type AccordionItemData = {
+    id: string;
+    trigger: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    contentClassName?: string;
+};
+interface SimpleAccordionProps {
+    items: AccordionItemData[];
+    type?: 'single' | 'multiple';
+    collapsible?: boolean;
+    value?: string | string[];
+    defaultValue?: string | string[];
+    className?: string;
+    onValueChange?: (value: string | string[]) => void;
+}
+declare const Accordion: React.FC<SimpleAccordionProps>;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger };

package/dist/accordion.js

@@ -0,0 +1,28 @@
+'use strict';
+
+var chunkCSJDDREF_js = require('./chunks/chunk-CSJDDREF.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () { return chunkCSJDDREF_js.Accordion; }
+});
+Object.defineProperty(exports, "AccordionContent", {
+  enumerable: true,
+  get: function () { return chunkCSJDDREF_js.AccordionContent; }
+});
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () { return chunkCSJDDREF_js.AccordionItem; }
+});
+Object.defineProperty(exports, "AccordionRoot", {
+  enumerable: true,
+  get: function () { return chunkCSJDDREF_js.AccordionRoot; }
+});
+Object.defineProperty(exports, "AccordionTrigger", {
+  enumerable: true,
+  get: function () { return chunkCSJDDREF_js.AccordionTrigger; }
+});

package/dist/accordion.mjs

@@ -0,0 +1,3 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from './chunks/chunk-XG6QG65W.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/avatar.d.mts

@@ -0,0 +1,17 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const avatarVariants: (props?: ({
+    size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AvatarProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
+    src?: string;
+    alt?: string;
+    fallback?: React.ReactNode;
+    onImageError?: () => void;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, type AvatarProps, avatarVariants };

package/dist/avatar.d.ts

@@ -0,0 +1,17 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const avatarVariants: (props?: ({
+    size?: "xl" | "lg" | "md" | "sm" | "xs" | null | undefined;
+    shape?: "circle" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface AvatarProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof avatarVariants> {
+    src?: string;
+    alt?: string;
+    fallback?: React.ReactNode;
+    onImageError?: () => void;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Avatar, type AvatarProps, avatarVariants };

package/dist/avatar.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkMA2VCCIY_js = require('./chunks/chunk-MA2VCCIY.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunkMA2VCCIY_js.Avatar; }
+});
+Object.defineProperty(exports, "avatarVariants", {
+  enumerable: true,
+  get: function () { return chunkMA2VCCIY_js.avatarVariants; }
+});

package/dist/avatar.mjs

@@ -0,0 +1,3 @@
+export { Avatar, avatarVariants } from './chunks/chunk-YLO4UKSC.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/button.d.mts

@@ -0,0 +1,17 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    semantic?: "primary" | "secondary" | "normal" | "danger" | null | undefined;
+    variant?: "contained" | "outlined" | "subtle" | "ghost" | null | undefined;
+    size?: "xl" | "lg" | "md" | "sm" | null | undefined;
+    radius?: "default" | "circle" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    detectDoubleClick?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, buttonVariants };

package/dist/button.d.ts

@@ -0,0 +1,17 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const buttonVariants: (props?: ({
+    semantic?: "primary" | "secondary" | "normal" | "danger" | null | undefined;
+    variant?: "contained" | "outlined" | "subtle" | "ghost" | null | undefined;
+    size?: "xl" | "lg" | "md" | "sm" | null | undefined;
+    radius?: "default" | "circle" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    detectDoubleClick?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+
+export { Button, type ButtonProps, buttonVariants };

package/dist/button.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkP3DZKXG4_js = require('./chunks/chunk-P3DZKXG4.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunkP3DZKXG4_js.Button; }
+});
+Object.defineProperty(exports, "buttonVariants", {
+  enumerable: true,
+  get: function () { return chunkP3DZKXG4_js.buttonVariants; }
+});

package/dist/button.mjs

@@ -0,0 +1,3 @@
+export { Button, buttonVariants } from './chunks/chunk-VVXQZ4XH.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/carousel.d.mts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+
+type CarouselApi = UseEmblaCarouselType[1];
+interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    opts?: Parameters<typeof useEmblaCarousel>[0];
+    plugins?: Parameters<typeof useEmblaCarousel>[1];
+    onApiChange?: (api: CarouselApi) => void;
+}
+interface CarouselContextValue {
+    api: CarouselApi;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    selectedIndex: number;
+    scrollSnapCount: number;
+}
+declare function useCarousel(): CarouselContextValue;
+declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+interface CarouselSlideProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CarouselSlide: React.ForwardRefExoticComponent<CarouselSlideProps & React.RefAttributes<HTMLDivElement>>;
+interface CarouselButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const CarouselPrev: React.ForwardRefExoticComponent<CarouselButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<CarouselButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare function CarouselDots({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare namespace CarouselDots {
+    var displayName: string;
+}
+
+export { Carousel, type CarouselApi, CarouselDots, CarouselNext, CarouselPrev, type CarouselProps, CarouselSlide, type CarouselSlideProps, useCarousel };

package/dist/carousel.d.ts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+import useEmblaCarousel, { UseEmblaCarouselType } from 'embla-carousel-react';
+
+type CarouselApi = UseEmblaCarouselType[1];
+interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    opts?: Parameters<typeof useEmblaCarousel>[0];
+    plugins?: Parameters<typeof useEmblaCarousel>[1];
+    onApiChange?: (api: CarouselApi) => void;
+}
+interface CarouselContextValue {
+    api: CarouselApi;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    selectedIndex: number;
+    scrollSnapCount: number;
+}
+declare function useCarousel(): CarouselContextValue;
+declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+interface CarouselSlideProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare const CarouselSlide: React.ForwardRefExoticComponent<CarouselSlideProps & React.RefAttributes<HTMLDivElement>>;
+interface CarouselButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare const CarouselPrev: React.ForwardRefExoticComponent<CarouselButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<CarouselButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare function CarouselDots({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+declare namespace CarouselDots {
+    var displayName: string;
+}
+
+export { Carousel, type CarouselApi, CarouselDots, CarouselNext, CarouselPrev, type CarouselProps, CarouselSlide, type CarouselSlideProps, useCarousel };

package/dist/carousel.js

@@ -0,0 +1,32 @@
+'use strict';
+
+var chunkYCG4FZC3_js = require('./chunks/chunk-YCG4FZC3.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function () { return chunkYCG4FZC3_js.Carousel; }
+});
+Object.defineProperty(exports, "CarouselDots", {
+  enumerable: true,
+  get: function () { return chunkYCG4FZC3_js.CarouselDots; }
+});
+Object.defineProperty(exports, "CarouselNext", {
+  enumerable: true,
+  get: function () { return chunkYCG4FZC3_js.CarouselNext; }
+});
+Object.defineProperty(exports, "CarouselPrev", {
+  enumerable: true,
+  get: function () { return chunkYCG4FZC3_js.CarouselPrev; }
+});
+Object.defineProperty(exports, "CarouselSlide", {
+  enumerable: true,
+  get: function () { return chunkYCG4FZC3_js.CarouselSlide; }
+});
+Object.defineProperty(exports, "useCarousel", {
+  enumerable: true,
+  get: function () { return chunkYCG4FZC3_js.useCarousel; }
+});

package/dist/carousel.mjs

@@ -0,0 +1,3 @@
+export { Carousel, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, useCarousel } from './chunks/chunk-3HHJORN7.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/checkbox.d.mts

@@ -0,0 +1,21 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const checkBoxVariants: (props?: ({
+    size?: "md" | "sm" | null | undefined;
+    shape?: "round" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const boxVariants: (props?: ({
+    size?: "md" | "sm" | null | undefined;
+    shape?: "round" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CheckBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, VariantProps<typeof checkBoxVariants> {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    label?: React.ReactNode;
+}
+declare const CheckBox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;
+
+export { CheckBox, type CheckBoxProps, boxVariants, checkBoxVariants };

package/dist/checkbox.d.ts

@@ -0,0 +1,21 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const checkBoxVariants: (props?: ({
+    size?: "md" | "sm" | null | undefined;
+    shape?: "round" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const boxVariants: (props?: ({
+    size?: "md" | "sm" | null | undefined;
+    shape?: "round" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CheckBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>, VariantProps<typeof checkBoxVariants> {
+    checked?: boolean;
+    indeterminate?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    label?: React.ReactNode;
+}
+declare const CheckBox: React.ForwardRefExoticComponent<CheckBoxProps & React.RefAttributes<HTMLInputElement>>;
+
+export { CheckBox, type CheckBoxProps, boxVariants, checkBoxVariants };

package/dist/checkbox.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var chunkJ5ZKGPBY_js = require('./chunks/chunk-J5ZKGPBY.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "CheckBox", {
+  enumerable: true,
+  get: function () { return chunkJ5ZKGPBY_js.CheckBox; }
+});
+Object.defineProperty(exports, "boxVariants", {
+  enumerable: true,
+  get: function () { return chunkJ5ZKGPBY_js.boxVariants; }
+});
+Object.defineProperty(exports, "checkBoxVariants", {
+  enumerable: true,
+  get: function () { return chunkJ5ZKGPBY_js.checkBoxVariants; }
+});

package/dist/checkbox.mjs

@@ -0,0 +1,3 @@
+export { CheckBox, boxVariants, checkBoxVariants } from './chunks/chunk-MRRKW5QN.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/chip.d.mts

@@ -0,0 +1,16 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const chipVariants: (props?: ({
+    variant?: "default" | "accent" | "filled" | "outline" | null | undefined;
+    size?: "lg" | "md" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ChipProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof chipVariants> {
+    asChild?: boolean;
+    onClose?: (e: React.MouseEvent) => void;
+    disabled?: boolean;
+}
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLElement>>;
+
+export { Chip, type ChipProps, chipVariants };

package/dist/chip.d.ts

@@ -0,0 +1,16 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const chipVariants: (props?: ({
+    variant?: "default" | "accent" | "filled" | "outline" | null | undefined;
+    size?: "lg" | "md" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ChipProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof chipVariants> {
+    asChild?: boolean;
+    onClose?: (e: React.MouseEvent) => void;
+    disabled?: boolean;
+}
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLElement>>;
+
+export { Chip, type ChipProps, chipVariants };

package/dist/chip.js

@@ -0,0 +1,16 @@
+'use strict';
+
+var chunkWKCXACMZ_js = require('./chunks/chunk-WKCXACMZ.js');
+require('./chunks/chunk-CZC76ZD5.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () { return chunkWKCXACMZ_js.Chip; }
+});
+Object.defineProperty(exports, "chipVariants", {
+  enumerable: true,
+  get: function () { return chunkWKCXACMZ_js.chipVariants; }
+});

package/dist/chip.mjs

@@ -0,0 +1,3 @@
+export { Chip, chipVariants } from './chunks/chunk-RX5UKRYK.mjs';
+import './chunks/chunk-MCKOWMLS.mjs';
+import './chunks/chunk-CVYXRSXT.mjs';

package/dist/chunks/chunk-22ULI3BF.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkJNMCYWGY_js = require('./chunk-JNMCYWGY.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+exports.ThemeProvider = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+exports.useTheme = () => ({
+  theme: void 0,
+  setTheme: () => {
+  },
+  resolvedTheme: void 0,
+  themes: [],
+  systemTheme: void 0,
+  forcedTheme: void 0
+});
+try {
+  const nextThemes = chunkJNMCYWGY_js.__require("next-themes");
+  exports.ThemeProvider = nextThemes.ThemeProvider;
+  exports.useTheme = nextThemes.useTheme;
+} catch {
+}