@1d1s/design-system 0.1.0

package/dist/components/BackButton/BackButton.d.ts

@@ -0,0 +1 @@
+export declare function BackButton(): React.ReactElement;

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { VariantProps } from 'class-variance-authority';
+declare const customButtonVariants: (props?: ({
+    variant?: "default" | "input" | "disabled" | "warning" | "loading" | "outline" | null | undefined;
+    size?: "lg" | "md" | "sm" | 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, disabled, warning, loading, outline, input
+ * @param size 버튼 크기 : lg, md, sm
+ *
+ * @example 기본 버튼
+ * ```tsx
+ * <Button variant="default" size="lg">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,11 @@
+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 Outline: Story;
+export declare const Warning: Story;
+export declare const Disabled: 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,38 @@
+interface ChallengeProps {
+    challengeTitle: string;
+    challengeType: string;
+    currentUserCount: number;
+    maxUserCount: number;
+    startDate: string;
+    endDate: string;
+    isOngoing: boolean;
+    className?: string;
+    onClick?(): void;
+}
+/**
+ * ChallengeCard
+ * 챌린지 카드 컴포넌트 - 제목, 유형, 참여자 수, 기간, 상태(진행중/모집중) 표시
+ *
+ * @param challengeTitle 챌린지 이름
+ * @param challengeType 챌린지 유형
+ * @param currentUserCount 현재 참여자 수
+ * @param maxUserCount 최대 참여자 수
+ * @param startDate 시작일 (YYYY-MM-DD)
+ * @param endDate 종료일 (YYYY-MM-DD)
+ * @param isOngoing 챌린지 진행 상태 (true: 진행중, false: 모집중)
+ *
+ * @example 기본 사용 예
+ * ```tsx
+ * <ChallengeCard
+ *   challengeTitle="챌린지 제목"
+ *   challengeType="고정목표형"
+ *   currentUserCount={12}
+ *   maxUserCount={20}
+ *   startDate="2023-10-01"
+ *   endDate="2023-10-31"
+ *   isOngoing={true}
+ * />
+ * ```
+ */
+export declare function ChallengeCard({ challengeTitle, challengeType, currentUserCount, maxUserCount, startDate, endDate, isOngoing, className, onClick, }: ChallengeProps): React.ReactElement;
+export {};

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

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

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

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

package/dist/components/ChallengeListItem/ChallengeListItem.d.ts

@@ -0,0 +1,12 @@
+interface ChallengeListItemProps {
+    challengeName: string;
+    challengeImageUrl?: string;
+    startDate: string;
+    endDate: string;
+    maxParticipants: number;
+    currentParticipants: number;
+    onClick?(): void;
+    className?: string;
+}
+export declare function ChallengeListItem({ challengeName, challengeImageUrl, startDate, endDate, maxParticipants, currentParticipants, onClick, className, }: ChallengeListItemProps): React.ReactElement;
+export {};

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

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

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

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

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

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

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

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

@@ -0,0 +1,25 @@
+/**
+ * DatePicker
+ * 챌린지 카드 컴포넌트 - 제목, 유형, 참여자 수, 기간, 상태(진행중/모집중) 표시
+ *
+ * @param value hook에서 관리하는 날짜 값
+ * @param onChange 날짜 선택 변경 핸들러
+ *
+ * @example 기본 사용 예
+ * ```tsx
+ * <FormItem>
+ *  <FormField
+ *    control={control}
+ *    name="startDate"
+ *    render={({ field }) => (
+ *      <DatePicker value={field.value} onChange={field.onChange} />
+ *    )}
+ *  />
+ * </FormItem>
+ * ```
+ */
+export declare function DatePicker({ value, onChange, disableClickPropagation, }: {
+    value: Date | undefined;
+    onChange(date: Date | undefined): void;
+    disableClickPropagation?: boolean;
+}): React.ReactElement;

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

@@ -0,0 +1,6 @@
+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 Default: 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,6 @@
+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;

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/GlobalChrome/GlobalChrome.d.ts

@@ -0,0 +1 @@
+export declare function GlobalChrome(): React.ReactElement | null;

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

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

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

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

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/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;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+declare const IconGallery: ({ size, color }: {
+    size: number;
+    color: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const meta: Meta<typeof IconGallery>;
+export default meta;
+type Story = StoryObj<typeof IconGallery>;
+export declare const Gallery: Story;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+export * from './AddCircle';
+export * from './Calendar';
+export * from './Check';
+export * from './Chevron';
+export * from './ChevronDown';
+export * from './ChevronLeft';
+export * from './ChevronRight';
+export * from './ChevronUp';
+export * from './Close';
+export * from './Endless';
+export * from './Eye';
+export * from './EyeOff';
+export * from './HamburgerMenu';
+export * from './Heart';
+export * from './HeartFilled';
+export * from './Logo';
+export * from './Minus';
+export * from './People';
+export * from './Person';
+export * from './Pin';
+export * from './Plus';
+export * from './Search';

package/dist/components/ImagePicker/ImagePicker.d.ts

@@ -0,0 +1,12 @@
+/**
+ * ImagePicker
+ * 이미지 업로드 및 미리보기를 위한 컴포넌트
+ *
+ * @param onChange 파일 선택 시 호출되는 콜백 함수(optional)
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <ImagePicker onChange={(e) => console.log(e.target.files)} />
+ * ```
+ */
+export declare function ImagePicker({ onChange, ...props }: React.ComponentPropsWithoutRef<'input'>): React.ReactElement;

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

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

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

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

package/dist/components/ImagePlaceholder/ImagePlaceholder.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ImagePlaceholderProps {
+    className?: string;
+    logoSize?: 'sm' | 'md' | 'lg';
+}
+/**
+ * ImagePlaceholder
+ * 이미지가 없을 때 연한 primary 색상 배경에 로고를 보여주는 컴포넌트
+ */
+export declare function ImagePlaceholder({ className, logoSize, }: ImagePlaceholderProps): React.ReactElement;
+export {};

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

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

package/dist/components/InfoButton/InfoButton.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+interface InfoButtonProps {
+    /** 상단 작은 글씨 */
+    mainText: string;
+    /** 상단 큰 글씨 */
+    subText: string;
+    /** 왼쪽 하단에 표시할 이미지 URL 또는 import */
+    imageSrc: string;
+    /** 이미지 대체 텍스트 */
+    imageAlt?: string;
+    /** 그라데이션 시작 색상 (CSS color) */
+    gradientFrom: string;
+    /** 그라데이션 끝 색상 (CSS color) */
+    gradientTo: string;
+    /** 추가 Tailwind 클래스 */
+    className?: string;
+    onClick?(): void;
+}
+export declare function InfoButton({ mainText, subText, imageSrc, imageAlt, gradientFrom, gradientTo, onClick, className, }: InfoButtonProps): React.ReactElement;
+export {};

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

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