@1d1s/design-system 0.1.15 → 0.2.0

package/README.md

@@ -2,7 +2,9 @@
 
 1D1S 프로젝트를 위한 React 디자인 시스템입니다. Tailwind CSS와 Radix UI를 기반으로 구축되었으며, 모바일 퍼스트 사용자 경험에 최적화되어 있습니다.
 
-[Storybook 배포 링크](https://your-storybook-url.vercel.app) 👈 (배포 후 URL을 수정해주세요)
+[Storybook 배포 링크](https://your-storybook-url.vercel.app)
+
+> **Note:** (v0.1.17) 최근 Pagination, ToggleCheck, CheckList, Checkbox, Streak 컴포넌트가 추가되었습니다.
 
 ## ✨ 특징
 

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,47 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+/**
+ * Accordion
+ * 아코디언 컴포넌트 - 접을 수 있는 콘텐츠 섹션을 제공합니다.
+ *
+ * @example 단일 아코디언
+ * ```tsx
+ * <Accordion type="single" collapsible>
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger>제목</AccordionTrigger>
+ *     <AccordionContent>내용</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ *
+ * @example 다중 아코디언
+ * ```tsx
+ * <Accordion type="multiple">
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger>제목 1</AccordionTrigger>
+ *     <AccordionContent>내용 1</AccordionContent>
+ *   </AccordionItem>
+ *   <AccordionItem value="item-2">
+ *     <AccordionTrigger>제목 2</AccordionTrigger>
+ *     <AccordionContent>내용 2</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ */
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+/**
+ * AccordionItem
+ * 각 아코디언 항목을 감싸는 컨테이너
+ */
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.ReactElement;
+/**
+ * AccordionTrigger
+ * 아코디언을 열고 닫는 트리거 버튼
+ */
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): React.ReactElement;
+/**
+ * AccordionContent
+ * 아코디언의 접히는 콘텐츠 영역
+ */
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.ReactElement;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Accordion } from './Accordion';
+declare const meta: Meta<typeof Accordion>;
+export default meta;
+type Story = StoryObj<typeof Accordion>;
+export declare const Single: Story;
+export declare const Multiple: Story;
+export declare const DefaultOpen: Story;

package/dist/components/Accordion/index.d.ts

@@ -0,0 +1 @@
+export * from './Accordion';

package/dist/components/AppHeader/AppHeader.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export interface AppHeaderNavItem {
+    key: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface AppHeaderProps {
+    brandName?: string;
+    logo?: React.ReactNode;
+    navItems?: AppHeaderNavItem[];
+    activeKey?: string;
+    profileImage?: string;
+    className?: string;
+    onLogoClick?(): void;
+    onNavChange?(key: string): void;
+    onSearchClick?(): void;
+    onNotificationClick?(): void;
+    onProfileClick?(): void;
+}
+/**
+ * AppHeader
+ * 로고, 주요 네비게이션, 우측 액션 아이콘을 포함한 상단 헤더 컴포넌트.
+ */
+export declare function AppHeader({ brandName, logo, navItems, activeKey, profileImage, className, onLogoClick, onNavChange, onSearchClick, onNotificationClick, onProfileClick, }: AppHeaderProps): React.ReactElement;

package/dist/components/AppHeader/AppHeader.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { AppHeader } from './AppHeader';
+declare const meta: Meta<typeof AppHeader>;
+export default meta;
+type Story = StoryObj<typeof AppHeader>;
+export declare const Default: Story;

package/dist/components/AppHeader/index.d.ts

@@ -0,0 +1 @@
+export * from './AppHeader';

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,21 @@
+import { VariantProps } from 'class-variance-authority';
+declare const customButtonVariants: (props?: ({
+    variant?: "default" | "outlined" | "secondary" | "ghost" | null | undefined;
+    size?: "small" | "medium" | "large" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ComponentProps<"button">, VariantProps<typeof customButtonVariants> {
+    asChild?: boolean;
+}
+/**
+ * Button
+ * 커스텀 버튼 컴포넌트
+ * @param variant 버튼스타일 : default, outlined, secondary, ghost
+ * @param size 버튼 크기 : small, medium, large, icon
+ *
+ * @example 기본 버튼
+ * ```tsx
+ * <Button variant="default" size="large">Large Button</Button>
+ * ```
+ */
+export declare function Button({ className, variant, size, asChild, disabled, ...props }: ButtonProps): React.ReactElement;
+export {};

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,13 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Button } from './Button';
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Large: Story;
+export declare const Medium: Story;
+export declare const Small: Story;
+export declare const Outlined: Story;
+export declare const Secondary: Story;
+export declare const Ghost: Story;
+export declare const Disabled: Story;
+export declare const Icon: Story;

package/dist/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,4 @@
+import { DayPicker } from 'react-day-picker';
+import * as React from 'react';
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: React.ComponentProps<typeof DayPicker>): React.ReactElement;
+export { Calendar };

package/dist/components/Calendar/Calendar.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Calendar } from './Calendar';
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+type Story = StoryObj<typeof Calendar>;
+export declare const Default: Story;

package/dist/components/Calendar/index.d.ts

@@ -0,0 +1 @@
+export * from './Calendar';

package/dist/components/ChallengeCard/ChallengeCard.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+export interface ChallengeCardProps {
+    challengeTitle: string;
+    challengeType: string;
+    challengeCategory?: string;
+    challengeIcon?: ReactNode;
+    imageUrl?: string;
+    currentUserCount: number;
+    maxUserCount: number;
+    startDate: string;
+    endDate: string;
+    isOngoing: boolean;
+    isEnded?: boolean;
+    className?: string;
+    onClick?(): void;
+}
+/**
+ * ChallengeCard
+ * 챌린지 카드 컴포넌트 - 제목, 유형, 참여자 수, 기간, 상태(진행중/모집중/종료됨) 표시
+ */
+export declare function ChallengeCard({ challengeTitle, challengeType, challengeCategory, imageUrl, currentUserCount, maxUserCount, startDate, endDate, isOngoing, isEnded, className, onClick, }: ChallengeCardProps): React.ReactElement;

package/dist/components/ChallengeCard/ChallengeCard.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ChallengeCard } from './ChallengeCard';
+declare const meta: Meta<typeof ChallengeCard>;
+export default meta;
+type Story = StoryObj<typeof ChallengeCard>;
+export declare const Default: Story;
+export declare const Recruiting: Story;
+export declare const Ended: Story;
+export declare const Grid3x2: Story;
+export declare const ChallengeIcons: Story;

package/dist/components/ChallengeCard/index.d.ts

@@ -0,0 +1 @@
+export * from './ChallengeCard';

package/dist/components/CheckContainer/CheckContainer.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface CheckContainerProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?(checked: boolean): void;
+    showCheckIndicator?: boolean;
+    width?: number | string;
+    height?: number | string;
+}
+/**
+ * CheckContainer
+ * 선택 가능한 카드형 컨테이너. 우측 상단 체크 인디케이터 표시 여부를 제어할 수 있습니다.
+ */
+export declare function CheckContainer({ label, icon, children, checked, defaultChecked, onCheckedChange, showCheckIndicator, width, height, className, disabled, onClick, style, "aria-label": ariaLabel, ...props }: CheckContainerProps): React.ReactElement;

package/dist/components/CheckContainer/CheckContainer.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CheckContainer } from './CheckContainer';
+declare const meta: Meta<typeof CheckContainer>;
+export default meta;
+type Story = StoryObj<typeof CheckContainer>;
+export declare const WithIndicator: Story;
+export declare const WithoutIndicator: Story;
+export declare const CustomSize: Story;
+export declare const WithCustomContent: Story;

package/dist/components/CheckContainer/index.d.ts

@@ -0,0 +1 @@
+export * from './CheckContainer';

package/dist/components/CheckList/CheckList.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+export interface CheckListOption {
+    id: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface CheckListProps {
+    /** 체크박스 옵션 목록 */
+    options: CheckListOption[];
+    /** 선택된 옵션의 ID 목록 */
+    value: string[];
+    /** 선택 변경 시 호출되는 콜백 */
+    onValueChange: (value: string[]) => void;
+    /** 추가 클래스 */
+    className?: string;
+    /** 전체 비활성화 여부 */
+    disabled?: boolean;
+}
+/**
+ * CheckList
+ * 여러 개의 Checkbox를 리스트 형태로 보여주고 다중 선택을 관리하는 컴포넌트
+ *
+ * @example
+ * ```tsx
+ * <CheckList
+ *   options={[
+ *     { id: '1', label: '옵션 1' },
+ *     { id: '2', label: '옵션 2' }
+ *   ]}
+ *   value={selectedIds}
+ *   onValueChange={setSelectedIds}
+ * />
+ * ```
+ */
+export declare function CheckList({ options, value, onValueChange, className, disabled, }: CheckListProps): React.ReactElement;

package/dist/components/CheckList/CheckList.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CheckList } from './CheckList';
+declare const meta: Meta<typeof CheckList>;
+export default meta;
+type Story = StoryObj<typeof CheckList>;
+export declare const Default: Story;
+export declare const Empty: Story;
+export declare const Disabled: Story;

package/dist/components/CheckList/index.d.ts

@@ -0,0 +1 @@
+export * from './CheckList';

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+export interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> {
+    label?: string;
+    readOnly?: boolean;
+}
+/**
+ * Checkbox
+ * 왼쪽의 네모 박스 안에 체크 표시가 들어가는 전형적인 체크박스 컴포넌트
+ *
+ * @param label 선택적 텍스트 라벨
+ * @param readOnly 읽기 전용 여부 (클릭 불가, 시각적 변경 없음)
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Checkbox } from './Checkbox';
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const Default: Story;
+export declare const WithoutLabel: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const List: Story;

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Checkbox';

package/dist/components/CircleAvatar/CircleAvatar.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface CircleAvatarProps {
+    imageUrl?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
+    className?: string;
+}
+export declare function CircleAvatar({ imageUrl, size, className, }: CircleAvatarProps): React.ReactElement;
+export {};

package/dist/components/CircleAvatar/CircleAvatar.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CircleAvatar } from './CircleAvatar';
+declare const meta: Meta<typeof CircleAvatar>;
+export default meta;
+type Story = StoryObj<typeof CircleAvatar>;
+export declare const Default: Story;
+export declare const WithImage: Story;

package/dist/components/CircleAvatar/index.d.ts

@@ -0,0 +1 @@
+export * from './CircleAvatar';

package/dist/components/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const circularProgressVariants: (props?: ({
+    size?: "sm" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type CircularProgressVariants = VariantProps<typeof circularProgressVariants>;
+interface CircularProgressProps extends CircularProgressVariants {
+    value: number;
+    showPercentage?: boolean;
+    className?: string;
+}
+/**
+ * CircularProgress
+ * 원형 진행률 표시 컴포넌트
+ *
+ * @param value 진행률 (0~100)
+ * @param size 크기 (sm, lg)
+ * @param showPercentage 퍼센트 표시 여부
+ * @param className 추가 클래스 이름
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <CircularProgress value={75} size="sm" showPercentage />
+ * ```
+ */
+export declare function CircularProgress({ value, size, showPercentage, className, }: CircularProgressProps): React.ReactElement;
+export {};

package/dist/components/CircularProgress/CircularProgress.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CircularProgress } from './CircularProgress';
+declare const meta: Meta<typeof CircularProgress>;
+export default meta;
+type Story = StoryObj<typeof CircularProgress>;
+export declare const Default: Story;
+export declare const Large: Story;
+export declare const ExtraLarge: Story;

package/dist/components/CircularProgress/index.d.ts

@@ -0,0 +1 @@
+export * from './CircularProgress';

package/dist/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+import { DateRange } from 'react-day-picker';
+interface BasePickerProps {
+    className?: string;
+    placeholder?: string;
+    disableClickPropagation?: boolean;
+}
+export interface DatePickerProps extends BasePickerProps {
+    value: Date | undefined;
+    onChange(date: Date | undefined): void;
+}
+export interface RangeDatePickerProps extends BasePickerProps {
+    value: DateRange | undefined;
+    onChange(range: DateRange | undefined): void;
+}
+/**
+ * DatePicker
+ * 단일 날짜를 선택하는 시안형 Date Picker 컴포넌트.
+ */
+export declare function DatePicker({ value, onChange, className, placeholder, disableClickPropagation, }: DatePickerProps): React.ReactElement;
+/**
+ * RangeDatePicker
+ * 시작일/종료일 범위를 선택하는 시안형 Date Range Picker 컴포넌트.
+ */
+export declare function RangeDatePicker({ value, onChange, className, placeholder, disableClickPropagation, }: RangeDatePickerProps): React.ReactElement;
+export {};

package/dist/components/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DatePicker } from './DatePicker';
+declare const meta: Meta<typeof DatePicker>;
+export default meta;
+type Story = StoryObj<typeof DatePicker>;
+export declare const Single: Story;
+export declare const Range: Story;

package/dist/components/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export * from './DatePicker';

package/dist/components/Dialog/Dialog.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.ReactElement;
+declare function DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): React.ReactElement;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.ReactElement;
+declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): React.ReactElement;
+declare function DialogTitle({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.ReactElement;
+declare function DialogDescription({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.ReactElement;
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, };

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Dialog } from './Dialog';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const Default: Story;
+export declare const WithForm: Story;
+export declare const Confirmation: Story;
+export declare const SimpleAlert: Story;

package/dist/components/Dialog/index.d.ts

@@ -0,0 +1 @@
+export { Dialog, DialogTrigger, DialogPortal, DialogClose, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, } from './Dialog';

package/dist/components/DiaryCard/DiaryCard.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+type Emotion = "happy" | "soso" | "sad";
+export interface DiaryCardProps {
+    imageUrl?: string;
+    percent: number;
+    likes: number;
+    title: string;
+    user: string;
+    userImage?: string;
+    challengeLabel: string;
+    challengeUrl: string;
+    date: string;
+    emotion: Emotion;
+    onClick?(): void;
+}
+export declare function DiaryCard({ imageUrl, percent, likes, title, user, userImage, challengeLabel, challengeUrl, date, emotion, onClick, }: DiaryCardProps): React.ReactElement;
+export {};

package/dist/components/DiaryCard/DiaryCard.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DiaryCard } from './DiaryCard';
+declare const meta: Meta<typeof DiaryCard>;
+export default meta;
+type Story = StoryObj<typeof DiaryCard>;
+export declare const Default: Story;

package/dist/components/DiaryCard/index.d.ts

@@ -0,0 +1 @@
+export * from './DiaryCard';

package/dist/components/Dropdown/Dropdown.d.ts

@@ -0,0 +1,53 @@
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * SelectTrigger
+ * Select 기본 트리거 컴포넌트
+ *
+ * @example
+ * ```tsx
+ * <SelectTrigger className="w-[180px]">
+ *   <SelectValue placeholder="값을 선택해주세요" />
+ * </SelectTrigger>
+ * ```
+ */
+declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+    size?: "sm" | "default";
+}): React.ReactElement;
+/**
+ * SelectItem
+ * Select 기본 아이템 컴포넌트
+ *
+ * @example
+ * ```tsx
+ * <SelectItem value="option1">value1</SelectItem>
+ * ```
+ */
+declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): React.ReactElement;
+/**
+ * SelectSeparator
+ * Select 구분선 컴포넌트
+ */
+declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): React.ReactElement;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): React.ReactElement;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>): React.ReactElement;
+/**
+ * SelectContent
+ * Select 기본 컨텐츠 컴포넌트
+ *
+ * @example
+ * ```tsx
+ * <SelectContent>
+ *   <SelectGroup>
+ *     <SelectItem value="option1">Option 1</SelectItem>
+ *     <SelectItem value="option2">Option 2</SelectItem>
+ *   </SelectGroup>
+ * </SelectContent>
+ * ```
+ */
+declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): React.ReactElement;
+declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): React.ReactElement;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Select } from './Dropdown';
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const Default: Story;
+export declare const Small: Story;

package/dist/components/Dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './Dropdown';

package/dist/components/Footer/Footer.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Footer
+ * 공통 하단 정보 영역 컴포넌트
+ * - 로고 및 서비스명 표시
+ * - 고객문의 이메일 제공
+ * - 이용약관 / 개인정보처리방침 / 운영정책 링크 항목 포함
+ */
+export declare function Footer(): React.ReactElement;

package/dist/components/Footer/Footer.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Footer } from './Footer';
+declare const meta: Meta<typeof Footer>;
+export default meta;
+type Story = StoryObj<typeof Footer>;
+export declare const Default: Story;

package/dist/components/Footer/index.d.ts

@@ -0,0 +1 @@
+export * from './Footer';

package/dist/components/Icons/AddCircle.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const AddCircle: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Calendar.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Calendar: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/ChallengeDumbbell.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ChallengeDumbbell: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/ChallengeFlag.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ChallengeFlag: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/ChallengeFlame.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ChallengeFlame: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/ChallengeLaptop.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ChallengeLaptop: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/ChallengeTarget.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ChallengeTarget: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/ChallengeTrophy.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ChallengeTrophy: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Check.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Check: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/Chevron.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Chevron: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/ChevronDown.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ChevronDown: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Icons/ChevronLeft.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const ChevronLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;