@1d1s/design-system 0.1.0

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

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

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function Menu(): React.ReactElement;

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

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

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

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

package/dist/components/PageBackground/PageBackground.d.ts

@@ -0,0 +1,15 @@
+/**
+ * PageBackground
+ * 페이지 또는 카드의 기본 배경 영역을 구성하는 컨테이너 컴포넌트
+ *
+ * @example
+ * ```tsx
+ * <PageBackground className="min-w-250">
+ *   <SomeSection />
+ * </PageBackground>
+ * ```
+ */
+export declare function PageBackground({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): React.ReactElement;

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

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

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

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

package/dist/components/PageTitle/PageTitle.d.ts

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+declare const pageTitleVariants: (props?: ({
+    variant?: "withSubtitle" | "noSubtitle" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type PageTitleProps = {
+    title: string;
+    subtitle?: string;
+    className?: string;
+} & VariantProps<typeof pageTitleVariants>;
+/**
+ * PageTitle
+ * 페이지 상단 타이틀 및 부제목 컴포넌트
+ *
+ * @param title 페이지 제목 텍스트
+ * @param subtitle 선택적 부제목 텍스트 (variant가 'withSubtitle'일 때 표시)
+ * @param variant 타이틀 스타일 종류 ('noSubtitle' | 'withSubtitle')
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <PageTitle title="오늘의 챌린지" />
+ * ```
+ *
+ * @example 부제목 포함
+ * ```tsx
+ * <PageTitle title="챌린지 소개" subtitle="매일 7시에 기상하기" variant="withSubtitle" />
+ * ```
+ */
+export declare function PageTitle({ title, subtitle, variant, className, }: PageTitleProps): React.ReactElement;
+export {};

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

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

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

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

package/dist/components/PageWatermark/PageWatermark.d.ts

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

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

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

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

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

package/dist/components/ProfileCard/ProfileCard.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+type Mode = 'collapsed' | 'expanding' | 'expanded' | 'collapsing';
+export declare function ProfileCard({ initialMode, }: {
+    initialMode?: Mode;
+}): React.ReactElement;
+export {};

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

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

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

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

package/dist/components/Spacing/Spacing.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Spacing
+ * 레이아웃 내 간격을 위해 사용되는 유틸리티 컴포넌트
+ *
+ * @param className Tailwind 유틸리티 클래스로 간격 크기 지정
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <Spacing className="h-4" />
+ * ```
+ */
+export declare function Spacing({ className, }: React.ComponentPropsWithoutRef<'div'>): React.ReactElement;

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

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

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

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

package/dist/components/Tag/Tag.d.ts

@@ -0,0 +1,25 @@
+import { VariantProps } from 'class-variance-authority';
+declare const tagVariants: (props?: ({
+    hasIcon?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TagProps = {
+    icon?: string;
+    children: React.ReactNode;
+    className?: string;
+    size?: 'caption3' | 'body1';
+    weight?: 'bold' | 'medium' | 'regular' | 'light';
+} & VariantProps<typeof tagVariants>;
+/**
+ * Tag
+ * 간단한 태그 스타일을 위한 컴포넌트 (텍스트 + 아이콘 구성)
+ *
+ * @param icon 선택적 아이콘 이모지 텍스트
+ * @param weight 텍스트 굵기 (기본값: bold) : bold, medium, regular, light
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <Tag icon="🔥">인기</Tag>
+ * ```
+ */
+export declare function Tag({ icon, children, size, weight, className, }: TagProps): React.ReactElement;
+export {};

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

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

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

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

package/dist/components/Text/Text.d.ts

@@ -0,0 +1,27 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const textVariants: (props?: ({
+    size?: "display1" | "display2" | "heading1" | "heading2" | "body1" | "body2" | "caption1" | "caption2" | "caption3" | "pageTitle" | null | undefined;
+    weight?: "bold" | "medium" | "regular" | "light" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Text
+ * 텍스트에 사이즈 및 굵기를 적용하는 커스텀 텍스트 컴포넌트
+ *
+ * @param size 텍스트 크기 : heading1, heading2, body1, body2, caption1, caption2, caption3, pageTitle
+ * @default size body2
+ * @param weight 텍스트 굵기 : bold, medium, regular, light
+ * @param as HTML 태그 또는 커스텀 컴포넌트로 렌더링 (기본값: span)
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <Text size="body1" weight="bold">텍스트</Text>
+ * ```
+ *
+ * @example HTML 태그 변경
+ * ```tsx
+ * <Text as="p" size="caption1" weight="regular">단락 텍스트</Text>
+ * ```
+ */
+export declare function Text({ className, size, weight, as: Tag, ...props }: {
+    as?: React.ElementType;
+} & React.ComponentPropsWithoutRef<'span'> & VariantProps<typeof textVariants>): React.ReactElement;

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

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

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

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

package/dist/components/TextField/TextField.d.ts

@@ -0,0 +1,49 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const textFieldVariants: (props?: ({
+    variant?: "default" | "search" | null | undefined;
+    size?: "default" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface TextFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'>, VariantProps<typeof textFieldVariants> {
+    label?: string;
+    error?: string;
+    multiline?: boolean;
+    rows?: number;
+    cols?: number;
+}
+/**
+ * TextField
+ * 입력 필드 컴포넌트
+ *
+ * @param label 입력 필드 레이블 (선택적)
+ * @param error 입력 필드 오류 메시지 (선택적)
+ * @param variant 스타일 변형 (default | search)
+ * @param multiline 다중 행 입력 여부 (textarea 렌더링)
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <TextField
+ *   label="레이블"
+ *   placeholder="플레이스홀더"
+ * />
+ * ```
+ *
+ * @example 검색 필드
+ * ```tsx
+ * <TextField
+ *   variant="search"
+ *   placeholder="검색어 입력"
+ * />
+ * ```
+ *
+ * @example 다중 행 입력
+ * ```tsx
+ * <TextField
+ *   multiline
+ *   rows={4}
+ *   placeholder="내용을 입력하세요"
+ * />
+ * ```
+ */
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
+export {};

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

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

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

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

package/dist/components/Toggle/Toggle.d.ts

@@ -0,0 +1,19 @@
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+interface ToggleProps extends React.ComponentProps<typeof TogglePrimitive.Root> {
+    icon?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * Toggle
+ * 간단한 토글 스타일을 위한 컴포넌트 (텍스트 + 아이콘 구성)
+ *
+ * @param icon 선택적 아이콘 이모지 텍스트
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <Toggle icon="🔥">인기</Toggle>
+ * ```
+ */
+export declare function Toggle({ icon, children, className, ...props }: ToggleProps): React.ReactElement;
+export {};

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

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

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

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

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -0,0 +1,33 @@
+import * as ToggleGroupPrimitive from '@radix-ui/react-toggle-group';
+interface ToggleProps extends React.ComponentProps<typeof ToggleGroupPrimitive.Item> {
+    icon?: string;
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * ToggleGroup
+ * 토글 그룹 컴포넌트
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <ToggleGroup type="single">
+ *  <ToggleGroupItem icon="🔥">인기</ToggleGroupItem
+ *  <ToggleGroupItem icon="⭐">추천</ToggleGroupItem>
+ *  <ToggleGroupItem icon="💬">토론</ToggleGroupItem
+ * </ToggleGroup>
+ * ```
+ */
+export declare function ToggleGroup({ children, className, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root>): React.ReactElement;
+/**
+ * ToggleGroupItem
+ * 간단한 토글 스타일을 위한 컴포넌트 (텍스트 + 아이콘 구성)
+ *
+ * @param icon 선택적 아이콘 이모지 텍스트
+ *
+ * @example 기본 사용
+ * ```tsx
+ * <ToggleGroupItem icon="🔥">인기</Toggle>
+ * ```
+ */
+export declare function ToggleGroupItem({ icon, children, className, ...props }: ToggleProps): React.ReactElement;
+export {};

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "link" | "outline" | "destructive" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "lg" | "sm" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/components/UserListItem/UserListItem.d.ts

@@ -0,0 +1,10 @@
+interface UserListItemProps {
+    className?: string;
+    userName: string;
+    userImageSrc?: string;
+    isAuthor: boolean;
+    onAccept?(): void;
+    onReject?(): void;
+}
+export declare function UserListItem({ className, userName, userImageSrc, isAuthor, onAccept, onReject, }: UserListItemProps): React.ReactElement;
+export {};

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

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

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

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

package/dist/components/index.d.ts

@@ -0,0 +1,28 @@
+export * from './BackButton';
+export * from './Button';
+export * from './Calendar';
+export * from './ChallengeCard';
+export * from './ChallengeListItem';
+export * from './CircleAvatar';
+export * from './CircularProgress';
+export * from './DatePicker';
+export * from './Dialog';
+export * from './DiaryCard';
+export * from './Dropdown';
+export * from './Footer';
+export * from './GlobalChrome';
+export * from './ImagePlaceholder';
+export * from './ImagePicker';
+export * from './InfoButton';
+export * from './Text';
+export * from './Menu';
+export * from './PageBackground';
+export * from './PageTitle';
+export * from './PageWatermark';
+export * from './ProfileCard';
+export * from './Spacing';
+export * from './Tag';
+export * from './TextField';
+export * from './Toggle';
+export * from './ToggleGroup';
+export * from './UserListItem';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './lib/utils';