@1d1s/design-system 0.1.13 → 0.1.14

package/README.md

@@ -0,0 +1,125 @@
+# @1d1s/design-system
+
+1D1S 프로젝트를 위한 React 디자인 시스템입니다. Tailwind CSS와 Radix UI를 기반으로 구축되었으며, 모바일 퍼스트 사용자 경험에 최적화되어 있습니다.
+
+[Storybook 배포 링크](https://your-storybook-url.vercel.app) 👈 (배포 후 URL을 수정해주세요)
+
+## ✨ 특징
+
+- **Mobile First:** 모바일 환경에 최적화된 UI 컴포넌트 제공
+- **Tailwind CSS:** 유틸리티 클래스 기반의 유연한 스타일링
+- **Radix UI:** 웹 접근성(A11y)이 준수된 Headless UI 기반
+- **TypeScript:** 완전한 타입 지원
+
+## 📦 설치
+
+패키지 매니저를 사용하여 설치합니다.
+
+```bash
+pnpm add @1d1s/design-system
+```
+
+## 🚀 설정
+
+### 1. 스타일 시트 가져오기
+
+프로젝트의 최상위 진입점(예: `layout.tsx`, `App.tsx`, `index.tsx`)에서 디자인 시스템의 글로벌 스타일을 임포트해야 합니다. 이 파일에는 CSS 변수(색상, 폰트 등)와 Tailwind 설정이 포함되어 있습니다.
+
+```tsx
+import '@1d1s/design-system/styles/globals.css';
+```
+
+### 2. 폰트 설정 (권장)
+
+이 디자인 시스템은 기본적으로 시스템 폰트를 사용하지만, `Pretendard` 등의 웹 폰트와 함께 사용할 것을 권장합니다.
+
+## 💻 사용법
+
+컴포넌트를 임포트하여 바로 사용할 수 있습니다.
+
+```tsx
+import { Button, Checkbox, Text } from '@1d1s/design-system';
+
+function App() {
+  return (
+    <div className="p-4 flex flex-col gap-4">
+      <Text size="heading1" weight="bold">Hello Design System</Text>
+      
+      <Button variant="default" onClick={() => console.log('Clicked')}>
+        Click Me
+      </Button>
+
+      <Checkbox label="동의합니다" />
+    </div>
+  );
+}
+```
+
+## 🧩 컴포넌트 목록
+
+### Layout & Navigation
+- **GlobalChrome:** 앱의 전체적인 레이아웃(헤더, 네비게이션, 모바일 시뮬레이션)을 담당합니다.
+- **Menu:** 햄버거 메뉴 및 사이드바 네비게이션.
+- **Footer:** 페이지 하단 푸터.
+- **BackButton:** 뒤로가기 버튼.
+- **PageTitle:** 페이지 제목 섹션.
+- **PageBackground:** 페이지 배경 컨테이너.
+
+### Inputs & Controls
+- **Button:** 다양한 변형(Default, Outline, Ghost 등)을 지원하는 버튼.
+- **TextField:** 텍스트 입력 필드 (단일/멀티라인).
+- **Checkbox:** 라벨을 지원하는 표준 체크박스.
+- **Toggle:** 텍스트/아이콘 토글 버튼.
+- **ToggleCheck:** 체크 아이콘이 포함된 토글 버튼.
+- **ToggleGroup:** 여러 토글 버튼 그룹.
+- **CheckList:** 다중 선택이 가능한 체크 리스트.
+- **DatePicker:** 캘린더 기반 날짜 선택기.
+- **ImagePicker:** 이미지 업로드 및 미리보기.
+- **Dropdown:** 선택 메뉴 (Select).
+
+### Data Display
+- **Text:** 타이포그래피 스타일을 적용하는 텍스트 컴포넌트.
+- **Tag:** 상태나 카테고리를 표시하는 태그.
+- **Accordion:** 접고 펼칠 수 있는 컨텐츠 영역.
+- **CircleAvatar:** 사용자 프로필 이미지.
+- **ProfileCard:** 사용자 프로필 요약 카드.
+- **Streak:** 깃허브 잔디 스타일의 활동 기록 그래프.
+- **Pagination:** 페이지 이동 네비게이션.
+- **Calendar:** 월별 달력 뷰.
+
+### Feedback
+- **Dialog:** 모달 대화상자.
+- **Tooltip:** 마우스 호버 시 나타나는 도움말.
+- **CircularProgress:** 원형 진행률 표시기.
+
+### Domain Specific (1D1S)
+- **ChallengeCard:** 챌린지 정보를 보여주는 카드.
+- **ChallengeListItem:** 챌린지 목록 아이템.
+- **DiaryCard:** 일기/기록을 보여주는 카드.
+- **UserListItem:** 사용자 목록 아이템.
+
+## 🛠️ 개발 및 기여
+
+### 로컬 실행 (Storybook)
+
+```bash
+# 의존성 설치
+pnpm install
+
+# 스토리북 실행 (http://localhost:6006)
+pnpm storybook
+```
+
+### 빌드
+
+```bash
+# 스토리북 빌드 (Vercel 배포용)
+pnpm build
+
+# 라이브러리 빌드 (npm 배포용)
+pnpm build:lib
+```
+
+## 📄 라이선스
+
+MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1d1s/design-system",
-  "version": "0.1.13",
+  "version": "0.1.14",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -26,7 +26,8 @@
   "scripts": {
     "lint": "eslint .",
     "type-check": "tsc --noEmit",
-    "build": "vite build",
+    "build": "storybook build",
+    "build:lib": "vite build",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "release": "standard-version"

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

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

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

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

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

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

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

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

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

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

@@ -1,21 +0,0 @@
-import { VariantProps } from 'class-variance-authority';
-declare const customButtonVariants: (props?: ({
-    variant?: "input" | "disabled" | "default" | "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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,35 +0,0 @@
-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
- * 여러 개의 ToggleCheck를 리스트 형태로 보여주고 다중 선택을 관리하는 컴포넌트
- *
- * @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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,25 +0,0 @@
-/**
- * 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

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

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

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

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

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

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

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

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

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

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