@nexus-cross/design-system 1.0.3-beta.1

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

@@ -0,0 +1,104 @@
+---
+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({ variant: 'primary', 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'` |
+
+## 유틸리티 & 훅
+
+| 기능 | 사용 | 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'` |
+
+## asChild 패턴
+
+`asChild`를 지원하는 컴포넌트: **Button**, **Chip**
+
+```tsx
+// Button을 <a> 태그로 렌더링
+<Button asChild variant="primary">
+  <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({ variant: 'outline', size: 'sm' })}>
+  링크
+</a>
+```
+
+사용 가능한 variants 함수: `buttonVariants`, `chipVariants`, `switchVariants`, `textInputVariants`, `textAreaVariants`, `checkBoxVariants`, `radioGroupVariants`, `radioItemVariants`, `dividerVariants`, `typographyVariants`, `selectTriggerVariants`, `selectContentVariants`, `tooltipContentVariants`, `popoverContentVariants`, `drawerContentVariants`
+
+## 커스텀이 필요한 경우
+
+1. **스타일만 다를 때**: `className` prop으로 오버라이드
+2. **variant가 프로젝트 전용일 때**: 프로젝트 래퍼 컴포넌트 생성 (공용 컴포넌트를 내부에서 사용)
+3. **구조가 완전히 다를 때**: `<button>` 등 네이티브 요소 직접 사용 가능 (강제 아님)
+
+## 금지 사항
+
+- `@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 chunkMPKRXMCJ_js = require('./chunks/chunk-MPKRXMCJ.js');
+require('./chunks/chunk-QJNQCLMV.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () { return chunkMPKRXMCJ_js.Accordion; }
+});
+Object.defineProperty(exports, "AccordionContent", {
+  enumerable: true,
+  get: function () { return chunkMPKRXMCJ_js.AccordionContent; }
+});
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () { return chunkMPKRXMCJ_js.AccordionItem; }
+});
+Object.defineProperty(exports, "AccordionRoot", {
+  enumerable: true,
+  get: function () { return chunkMPKRXMCJ_js.AccordionRoot; }
+});
+Object.defineProperty(exports, "AccordionTrigger", {
+  enumerable: true,
+  get: function () { return chunkMPKRXMCJ_js.AccordionTrigger; }
+});

package/dist/accordion.mjs

@@ -0,0 +1,3 @@
+export { Accordion, AccordionContent, AccordionItem, AccordionRoot, AccordionTrigger } from './chunks/chunk-U6KOUYWX.mjs';
+import './chunks/chunk-XALPBGSC.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?: "sm" | "md" | "lg" | "xs" | "xl" | 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?: "sm" | "md" | "lg" | "xs" | "xl" | 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 chunk377KBJQG_js = require('./chunks/chunk-377KBJQG.js');
+require('./chunks/chunk-QJNQCLMV.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Avatar", {
+  enumerable: true,
+  get: function () { return chunk377KBJQG_js.Avatar; }
+});
+Object.defineProperty(exports, "avatarVariants", {
+  enumerable: true,
+  get: function () { return chunk377KBJQG_js.avatarVariants; }
+});

package/dist/avatar.mjs

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

package/dist/button.d.mts

@@ -0,0 +1,15 @@
+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?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | 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,15 @@
+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?: ({
+    variant?: "primary" | "secondary" | "outline" | "ghost" | "danger" | null | undefined;
+    size?: "sm" | "md" | "lg" | 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 chunk6MRM5K2N_js = require('./chunks/chunk-6MRM5K2N.js');
+require('./chunks/chunk-QJNQCLMV.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Button", {
+  enumerable: true,
+  get: function () { return chunk6MRM5K2N_js.Button; }
+});
+Object.defineProperty(exports, "buttonVariants", {
+  enumerable: true,
+  get: function () { return chunk6MRM5K2N_js.buttonVariants; }
+});

package/dist/button.mjs

@@ -0,0 +1,3 @@
+export { Button, buttonVariants } from './chunks/chunk-4ITJA3IS.mjs';
+import './chunks/chunk-XALPBGSC.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 chunkQ7H6LCNN_js = require('./chunks/chunk-Q7H6LCNN.js');
+require('./chunks/chunk-QJNQCLMV.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Carousel", {
+  enumerable: true,
+  get: function () { return chunkQ7H6LCNN_js.Carousel; }
+});
+Object.defineProperty(exports, "CarouselDots", {
+  enumerable: true,
+  get: function () { return chunkQ7H6LCNN_js.CarouselDots; }
+});
+Object.defineProperty(exports, "CarouselNext", {
+  enumerable: true,
+  get: function () { return chunkQ7H6LCNN_js.CarouselNext; }
+});
+Object.defineProperty(exports, "CarouselPrev", {
+  enumerable: true,
+  get: function () { return chunkQ7H6LCNN_js.CarouselPrev; }
+});
+Object.defineProperty(exports, "CarouselSlide", {
+  enumerable: true,
+  get: function () { return chunkQ7H6LCNN_js.CarouselSlide; }
+});
+Object.defineProperty(exports, "useCarousel", {
+  enumerable: true,
+  get: function () { return chunkQ7H6LCNN_js.useCarousel; }
+});

package/dist/carousel.mjs

@@ -0,0 +1,3 @@
+export { Carousel, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, useCarousel } from './chunks/chunk-AOVU67NI.mjs';
+import './chunks/chunk-XALPBGSC.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?: "sm" | "md" | null | undefined;
+    shape?: "round" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const boxVariants: (props?: ({
+    size?: "sm" | "md" | 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?: "sm" | "md" | null | undefined;
+    shape?: "round" | "square" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const boxVariants: (props?: ({
+    size?: "sm" | "md" | 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 chunkZCMKIB5U_js = require('./chunks/chunk-ZCMKIB5U.js');
+require('./chunks/chunk-QJNQCLMV.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "CheckBox", {
+  enumerable: true,
+  get: function () { return chunkZCMKIB5U_js.CheckBox; }
+});
+Object.defineProperty(exports, "boxVariants", {
+  enumerable: true,
+  get: function () { return chunkZCMKIB5U_js.boxVariants; }
+});
+Object.defineProperty(exports, "checkBoxVariants", {
+  enumerable: true,
+  get: function () { return chunkZCMKIB5U_js.checkBoxVariants; }
+});

package/dist/checkbox.mjs

@@ -0,0 +1,3 @@
+export { CheckBox, boxVariants, checkBoxVariants } from './chunks/chunk-TR5JBBEA.mjs';
+import './chunks/chunk-XALPBGSC.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?: "accent" | "outline" | "default" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | 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?: "accent" | "outline" | "default" | "filled" | null | undefined;
+    size?: "sm" | "md" | "lg" | 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 chunkWSWD5ZUJ_js = require('./chunks/chunk-WSWD5ZUJ.js');
+require('./chunks/chunk-QJNQCLMV.js');
+require('./chunks/chunk-JNMCYWGY.js');
+
+
+
+Object.defineProperty(exports, "Chip", {
+  enumerable: true,
+  get: function () { return chunkWSWD5ZUJ_js.Chip; }
+});
+Object.defineProperty(exports, "chipVariants", {
+  enumerable: true,
+  get: function () { return chunkWSWD5ZUJ_js.chipVariants; }
+});

package/dist/chip.mjs

@@ -0,0 +1,3 @@
+export { Chip, chipVariants } from './chunks/chunk-AKIBUO5A.mjs';
+import './chunks/chunk-XALPBGSC.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 {
+}

package/dist/chunks/chunk-2JTPRBHZ.mjs

@@ -0,0 +1,36 @@
+import { useState, useRef, useCallback } from 'react';
+
+// src/hooks/useInView.ts
+function useInView(options) {
+  const { triggerOnce = true, rootMargin = "200px", threshold = 0 } = options ?? {};
+  const [isInView, setIsInView] = useState(false);
+  const observerRef = useRef(null);
+  const ref = useCallback(
+    (node) => {
+      if (observerRef.current) {
+        observerRef.current.disconnect();
+        observerRef.current = null;
+      }
+      if (!node) return;
+      if (triggerOnce && isInView) return;
+      const observer = new IntersectionObserver(
+        ([entry]) => {
+          if (entry.isIntersecting) {
+            setIsInView(true);
+            if (triggerOnce) observer.disconnect();
+          } else if (!triggerOnce) {
+            setIsInView(false);
+          }
+        },
+        { rootMargin, threshold }
+      );
+      observer.observe(node);
+      observerRef.current = observer;
+    },
+    [triggerOnce, rootMargin, threshold, isInView]
+  );
+  return { ref, isInView };
+}
+var useInView_default = useInView;
+
+export { useInView, useInView_default };