@1d1s/design-system 0.2.33 → 0.2.34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@1d1s/design-system",
-  "version": "0.2.33",
+  "version": "0.2.34",
   "main": "dist/index.umd.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -40,36 +40,13 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@radix-ui/react-accordion": "^1.2.12",
-    "@radix-ui/react-alert-dialog": "^1.1.7",
-    "@radix-ui/react-aspect-ratio": "^1.1.3",
-    "@radix-ui/react-avatar": "^1.1.4",
     "@radix-ui/react-checkbox": "^1.1.5",
-    "@radix-ui/react-dialog": "^1.1.7",
-    "@radix-ui/react-label": "^2.1.3",
-    "@radix-ui/react-menubar": "^1.1.7",
-    "@radix-ui/react-popover": "^1.1.7",
-    "@radix-ui/react-progress": "^1.1.3",
-    "@radix-ui/react-radio-group": "^1.2.4",
-    "@radix-ui/react-scroll-area": "^1.2.4",
-    "@radix-ui/react-select": "^2.1.7",
-    "@radix-ui/react-separator": "^1.1.3",
     "@radix-ui/react-slot": "^1.2.0",
-    "@radix-ui/react-switch": "^1.2.5",
-    "@radix-ui/react-toggle": "^1.1.3",
-    "@radix-ui/react-toggle-group": "^1.1.3",
-    "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "date-fns": "^4.1.0",
     "lucide-react": "^0.487.0",
-    "react-day-picker": "8.10.1",
-    "react-hook-form": "^7.71.1",
-    "react-resizable-panels": "^4.4.1",
     "tailwind-merge": "^3.2.0",
-    "tw-animate-css": "^1.2.5",
-    "vaul": "^1.1.2"
+    "tw-animate-css": "^1.2.5"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^5.0.0",

package/src/styles/animation.css

@@ -1,34 +1,116 @@
+/* ─────────────────────────────────────────────────────────────
+ * Animations — v3 token set (clean names, no dc- prefix).
+ * Legacy keyframes (fadeIn/fadeOut/glow/marquee/accordion-*) are
+ * kept for backward compat with existing components.
+ * ───────────────────────────────────────────────────────────── */
+
+@theme inline {
+  /* v3 named animations — generates `animate-<name>` utilities */
+  --animate-fade-up: fade-up 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) both;
+  --animate-fade-in: fade-in 0.3s ease-out both;
+  --animate-slide-right: slide-right 0.35s cubic-bezier(0.2, 0.7, 0.3, 1) both;
+  --animate-pop: pop 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) both;
+  --animate-pulse-ring: pulse-ring 1.6s ease-out infinite;
+  --animate-shimmer: shimmer 1.4s linear infinite;
+  --animate-float: float 2.4s ease-in-out infinite;
+  --animate-flame-flicker: flame-flicker 1.8s ease-in-out infinite;
+  --animate-heart-pop: heart-pop 0.4s ease-out;
+  --animate-confetti: confetti 0.7s ease-out forwards;
+  --animate-marquee: marquee 22s linear infinite;
+  --animate-accordion-down: accordion-down 0.2s ease-out;
+  --animate-accordion-up: accordion-up 0.2s ease-out;
+}
+
+/* ─── v3 keyframes ────────────────────────────────────────── */
+@keyframes fade-up {
+  from { opacity: 0; transform: translateY(8px); }
+  to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes fade-in {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+@keyframes slide-right {
+  from { opacity: 0; transform: translateX(-8px); }
+  to { opacity: 1; transform: translateX(0); }
+}
+
+@keyframes pop {
+  0% { transform: scale(0.85); opacity: 0; }
+  60% { transform: scale(1.08); opacity: 1; }
+  100% { transform: scale(1); opacity: 1; }
+}
+
+@keyframes pulse-ring {
+  0% { box-shadow: 0 0 0 0 rgba(255, 87, 34, 0.35); }
+  100% { box-shadow: 0 0 0 14px rgba(255, 87, 34, 0); }
+}
+
+@keyframes shimmer {
+  0% { background-position: -200% 0; }
+  100% { background-position: 200% 0; }
+}
+
+@keyframes float {
+  0%, 100% { transform: translateY(0); }
+  50% { transform: translateY(-4px); }
+}
+
+@keyframes flame-flicker {
+  0%, 100% { transform: scale(1) rotate(-2deg); filter: hue-rotate(0deg); }
+  25% { transform: scale(1.05) rotate(2deg); filter: hue-rotate(-5deg); }
+  50% { transform: scale(0.98) rotate(-1deg); filter: hue-rotate(5deg); }
+  75% { transform: scale(1.03) rotate(1deg); filter: hue-rotate(-3deg); }
+}
+
+@keyframes heart-pop {
+  0% { transform: scale(1); }
+  30% { transform: scale(1.4); }
+  60% { transform: scale(0.92); }
+  100% { transform: scale(1); }
+}
+
+@keyframes confetti {
+  0% { transform: translate(0, 0) rotate(0); opacity: 1; }
+  100% { transform: var(--confetti-end) rotate(720deg); opacity: 0; }
+}
+
+/* ─── Stagger helper — children fade-up in sequence ──────── */
+.stagger-in > * { opacity: 0; animation: fade-up 0.5s cubic-bezier(0.2, 0.7, 0.3, 1) forwards; }
+.stagger-in > *:nth-child(1) { animation-delay: 0.05s; }
+.stagger-in > *:nth-child(2) { animation-delay: 0.12s; }
+.stagger-in > *:nth-child(3) { animation-delay: 0.19s; }
+.stagger-in > *:nth-child(4) { animation-delay: 0.26s; }
+.stagger-in > *:nth-child(5) { animation-delay: 0.33s; }
+.stagger-in > *:nth-child(6) { animation-delay: 0.40s; }
+.stagger-in > *:nth-child(7) { animation-delay: 0.47s; }
+.stagger-in > *:nth-child(8) { animation-delay: 0.54s; }
+
+@media (prefers-reduced-motion: reduce) {
+  .stagger-in > * { animation: none; opacity: 1; }
+}
+
+/* ─── Legacy (kept for backward compat) ──────────────────── */
 @keyframes fadeIn {
-  to {
-    opacity: 1;
-  }
+  to { opacity: 1; }
 }
 
 @keyframes fadeOut {
-  to {
-    opacity: 0;
-  }
+  to { opacity: 0; }
 }
 
 @keyframes glow {
-  0% {
-    box-shadow: 0 0 2px rgba(255, 0, 0, 0.7);
-  }
-  100% {
-    box-shadow: 0 0 4px rgba(255, 0, 0, 1);
-  }
+  0% { box-shadow: 0 0 2px rgba(255, 0, 0, 0.7); }
+  100% { box-shadow: 0 0 4px rgba(255, 0, 0, 1); }
 }
 
 @keyframes marquee {
-  from {
-    transform: translateX(0);
-  }
-  to {
-    transform: translateX(-50%);
-  }
+  from { transform: translateX(0); }
+  to { transform: translateX(-50%); }
 }
 
-/* Tailwind 없이 직접 작성한 버전 */
 .fade-in {
   opacity: 0;
   animation: fadeIn 0.3s ease-out forwards;
@@ -45,38 +127,30 @@
 
 .marquee {
   display: flex;
-  width: 200%; /* 두 배로 늘려서 복제된 콘텐츠를 담음 */
+  width: 200%;
   animation-timing-function: linear;
   animation-iteration-count: infinite;
 }
 
 .marquee--forward {
   animation-name: marquee;
-  animation-duration: 10s; /* 속도 조절 */
+  animation-duration: 10s;
   animation-direction: normal;
 }
 
 .marquee--reverse {
   animation-name: marquee;
-  animation-duration: 12s; /* 속도나 방향별로 조절 가능 */
+  animation-duration: 12s;
   animation-direction: reverse;
 }
 
-/* Accordion animations */
+/* Accordion (Radix) */
 @keyframes accordion-down {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--radix-accordion-content-height);
-  }
+  from { height: 0; }
+  to { height: var(--radix-accordion-content-height); }
 }
 
 @keyframes accordion-up {
-  from {
-    height: var(--radix-accordion-content-height);
-  }
-  to {
-    height: 0;
-  }
+  from { height: var(--radix-accordion-content-height); }
+  to { height: 0; }
 }

package/src/styles/colors.css

@@ -25,11 +25,18 @@
   /* Default Colors */
   --color-white: var(--white);
   --color-black: var(--black);
-  --color-dark-shadow-70: var(--dark-shadow-70);
+  --color-gray-shadow-70: var(--gray-shadow-70);
   --color-warning: var(--warning);
   --color-accent: var(--accent);
 
+  /* Brand semantic aliases (v3) */
+  --color-brand: var(--brand);
+  --color-brand-soft: var(--brand-soft);
+  --color-brand-softer: var(--brand-softer);
+
   /* Green Colors */
+  --color-green-200: var(--green-200);
+  --color-green-300: var(--green-300);
   --color-green-400: var(--green-400);
   --color-green-500: var(--green-500);
   --color-green-600: var(--green-600);
@@ -44,7 +51,6 @@
   --color-blue-600: var(--blue-600);
 
   /* Red Colors */
-
   --color-red-300: var(--red-300);
   --color-red-400: var(--red-400);
   --color-red-500: var(--red-500);
@@ -61,6 +67,11 @@
   --color-mint-700: var(--mint-700);
   --color-mint-800: var(--mint-800);
   --color-mint-900: var(--mint-900);
+
+  /* Sky Colors (v3) */
+  --color-sky-100: var(--sky-100);
+  --color-sky-200: var(--sky-200);
+  --color-sky-700: var(--sky-700);
 }
 
 :root {
@@ -94,7 +105,14 @@
   --warning: #ff2020;
   --accent: #ff5722;
 
+  /* Brand semantic aliases (v3) */
+  --brand: var(--main-800);
+  --brand-soft: var(--main-200);
+  --brand-softer: var(--main-100);
+
   /* Green Colors */
+  --green-200: #dff5b8;
+  --green-300: #c9eb87;
   --green-400: #b8d530;
   --green-500: #8dc71e;
   --green-600: #69b41e;
@@ -125,4 +143,9 @@
   --mint-700: #5ec69d;
   --mint-800: #3eb489;
   --mint-900: #1d9c6d;
+
+  /* Sky Colors (v3) */
+  --sky-100: #e0f2fe;
+  --sky-200: #bae6fd;
+  --sky-700: #0369a1;
 }

package/src/styles/globals.css

@@ -15,8 +15,6 @@
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
-  --animate-accordion-down: accordion-down 0.2s ease-out;
-  --animate-accordion-up: accordion-up 0.2s ease-out;
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
@@ -122,7 +120,7 @@
   }
   body {
     @apply bg-background text-foreground;
-    font-family: var(--font-suite);
+    font-family: var(--font-body);
   }
 
   button,

package/src/styles/shadow.css

@@ -1,4 +1,14 @@
 @theme inline {
   /* shadow */
-  --shadow-default: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+  --shadow-sm: var(--shadow-sm);
+  --shadow-default: var(--shadow-default);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-warm: var(--shadow-warm);
+}
+
+:root {
+  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
+  --shadow-default: 0 2px 10px 0 rgba(0, 0, 0, 0.08);
+  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.10);
+  --shadow-warm: 0 4px 24px rgba(255, 87, 34, 0.10);
 }

package/src/styles/shape.css

@@ -5,8 +5,10 @@
   --radius-1: var(--radius-1);
   --radius-1\.5: var(--radius-1\.5);
   --radius-2: var(--radius-2);
+  --radius-2\.5: var(--radius-2\.5);
   --radius-3: var(--radius-3);
   --radius-4: var(--radius-4);
+  --radius-full: var(--radius-full);
 }
 
 :root {
@@ -16,6 +18,8 @@
   --radius-1: 0.25rem; /* 4px */
   --radius-1\.5: 0.375rem; /* 6px */
   --radius-2: 0.5rem; /* 8px */
+  --radius-2\.5: 0.625rem; /* 10px */
   --radius-3: 0.75rem; /* 12px */
   --radius-4: 1rem; /* 16px */
+  --radius-full: 9999px;
 }

package/src/styles/typography.css

@@ -2,6 +2,8 @@
   /* font family */
   --font-pretendard: var(--font-pretendard);
   --font-suite: var(--font-suite);
+  --font-display: var(--font-display);
+  --font-body: var(--font-body);
 
   /* font size */
   --text-xs: var(--text-xs);
@@ -14,7 +16,7 @@
   --text-4xl: var(--text-4xl);
   --text-5xl: var(--text-5xl);
 
-  /* line height */
+  /* line height (paired with font-size in Tailwind v4) */
   --text-xs--line-height: var(--text-xs--line-height);
   --text-sm--line-height: var(--text-sm--line-height);
   --text-base--line-height: var(--text-base--line-height);
@@ -23,6 +25,14 @@
   --text-2xl--line-height: var(--text-2xl--line-height);
   --text-3xl--line-height: var(--text-3xl--line-height);
   --text-4xl--line-height: var(--text-4xl--line-height);
+  --text-5xl--line-height: var(--text-5xl--line-height);
+
+  /* font weight (v3) */
+  --font-weight-regular: var(--font-weight-regular);
+  --font-weight-medium: var(--font-weight-medium);
+  --font-weight-semibold: var(--font-weight-semibold);
+  --font-weight-bold: var(--font-weight-bold);
+  --font-weight-extrabold: var(--font-weight-extrabold);
 }
 
 :root {
@@ -41,6 +51,9 @@
     BlinkMacSystemFont,
     "Segoe UI",
     sans-serif;
+  /* Semantic aliases (v3) — both default to Pretendard */
+  --font-display: var(--font-pretendard);
+  --font-body: var(--font-pretendard);
 
   /* font size */
   --text-xs: 0.75rem; /* 12px */
@@ -53,14 +66,21 @@
   --text-4xl: 1.75rem; /* 28px */
   --text-5xl: 2rem; /* 32px */
 
-  /* line height */
-  --text-xs--line-height: 1;
-  --text-sm--line-height: 1;
-  --text-base--line-height: 1;
-  --text-lg--line-height: calc(24 / 16);
-  --text-xl--line-height: calc(27 / 18);
-  --text-2xl--line-height: 1;
-  --text-3xl--line-height: 1;
-  --text-4xl--line-height: 1;
-  --text-5xl--line-height: 1;
+  /* line height — body sizes get breathing room, display sizes tighten */
+  --text-xs--line-height: 1.5;
+  --text-sm--line-height: 1.55;
+  --text-base--line-height: 1.6;
+  --text-lg--line-height: 1.55;
+  --text-xl--line-height: 1.45;
+  --text-2xl--line-height: 1.4;
+  --text-3xl--line-height: 1.35;
+  --text-4xl--line-height: 1.3;
+  --text-5xl--line-height: 1.25;
+
+  /* font weight (v3) */
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-semibold: 600;
+  --font-weight-bold: 700;
+  --font-weight-extrabold: 800;
 }

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-vite';
-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/AppHeader/AppHeader.d.ts

@@ -1,26 +0,0 @@
-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;
-    showProfile?: boolean;
-    profileImage?: string;
-    showBackButton?: boolean;
-    onBackClick?(): void;
-    className?: string;
-    onLogoClick?(): void;
-    onNavChange?(key: string): void;
-    onNotificationClick?(): void;
-    onProfileClick?(): void;
-}
-/**
- * AppHeader
- * 로고, 주요 네비게이션, 우측 액션 아이콘을 포함한 상단 헤더 컴포넌트.
- */
-export declare function AppHeader({ brandName, logo, navItems, activeKey, showProfile, profileImage, showBackButton, onBackClick, className, onLogoClick, onNavChange, onNotificationClick, onProfileClick, }: AppHeaderProps): React.ReactElement;

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { AppHeader } from './AppHeader';
-declare const meta: Meta<typeof AppHeader>;
-export default meta;
-type Story = StoryObj<typeof AppHeader>;
-export declare const WithProfile: Story;
-export declare const WithoutProfile: Story;
-export declare const WithBackButton: Story;
-export declare const Mobile: Story;

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

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

package/dist/components/AvatarImagePicker/AvatarImagePicker.d.ts

@@ -1,24 +0,0 @@
-import { default as React } from 'react';
-export interface AvatarImagePickerProps extends Omit<React.ComponentPropsWithoutRef<"input">, "size"> {
-    /** 원형 이미지 영역 지름(px) */
-    size?: number;
-    /** 초기 이미지 URL */
-    defaultImageUrl?: string;
-    /** 하단 변경 버튼 텍스트 */
-    changeLabel?: string;
-}
-/**
- * AvatarImagePicker
- * 이미지 업로드 및 미리보기를 위한 컴포넌트
- *
- * @param onChange 파일 선택 시 호출되는 콜백 함수(optional)
- * @param size 원형 이미지 영역 지름(px), 기본값 300
- * @param defaultImageUrl 초기 이미지 URL
- * @param changeLabel 하단 변경 버튼 텍스트(기본값: Change)
- *
- * @example 기본 사용
- * ```tsx
- * <AvatarImagePicker onChange={(e) => console.log(e.target.files)} />
- * ```
- */
-export declare function AvatarImagePicker({ onChange, size, defaultImageUrl, changeLabel, ...props }: AvatarImagePickerProps): React.ReactElement;

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

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

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

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

package/dist/components/BannerCarousel/BannerCarousel.d.ts

@@ -1,42 +0,0 @@
-import { default as React } from 'react';
-export interface BannerCarouselItem {
-    id?: string | number;
-    type: string;
-    title: string;
-    subtitle: string;
-    backgroundImageUrl?: string;
-    /** @deprecated `backgroundImageUrl`을 사용하세요. */
-    backgroundImage?: string;
-}
-export interface BannerTrackingPayload {
-    event: "impression" | "click" | "change";
-    componentId?: string;
-    bannerId: string;
-    bannerIndex: number;
-    bannerType: string;
-    bannerTitle: string;
-    bannerSubtitle: string;
-    timestamp: number;
-}
-export interface BannerCarouselProps extends React.HTMLAttributes<HTMLDivElement> {
-    items: BannerCarouselItem[];
-    autoSlideIntervalMs?: number;
-    initialIndex?: number;
-    enableLoop?: boolean;
-    showIndicators?: boolean;
-    aspectRatioClassName?: string;
-    minHeightPx?: number;
-    componentId?: string;
-    enableDataLayerTracking?: boolean;
-    impressionMode?: "once" | "always";
-    onBannerClick?(payload: BannerTrackingPayload): void;
-    onBannerImpression?(payload: BannerTrackingPayload): void;
-    onBannerChange?(payload: BannerTrackingPayload): void;
-    onItemClick?(item: BannerCarouselItem, index: number): void;
-}
-/**
- * BannerCarousel
- * 메인 배너 슬라이더 컴포넌트. 자동 슬라이드, 무한 루프, 인디케이터를 지원하며
- * 클릭/노출 추적 콜백 및 dataLayer 이벤트 전송 포인트를 제공합니다.
- */
-export declare function BannerCarousel({ items, autoSlideIntervalMs, initialIndex, enableLoop, showIndicators, aspectRatioClassName, minHeightPx, componentId, enableDataLayerTracking, impressionMode, onBannerClick, onBannerImpression, onBannerChange, onItemClick, className, ...props }: BannerCarouselProps): React.ReactElement | null;

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

@@ -1,10 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { BannerCarousel } from './BannerCarousel';
-declare const meta: Meta<typeof BannerCarousel>;
-export default meta;
-type Story = StoryObj<typeof BannerCarousel>;
-export declare const Default: Story;
-export declare const ImageBackground: Story;
-export declare const Mobile: Story;
-export declare const NoAutoSlide: Story;
-export declare const NoIndicators: Story;

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

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

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,15 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-import { Calendar } from './Calendar';
-declare const meta: Meta<typeof Calendar>;
-export default meta;
-type Story = StoryObj<typeof Calendar>;
-export declare const Default: Story;
-export declare const Range: Story;
-/** 오늘로부터 N일 이전/이후만 클릭 가능 */
-export declare const DisabledOutsideRange: Story;
-/** 오늘 이후 날짜만 클릭 가능 (과거 비활성화) */
-export declare const DisabledPastDays: Story;
-/** 오늘 이전 날짜만 클릭 가능 (미래 비활성화) */
-export declare const DisabledFutureDays: Story;
-/** 특정 날짜 범위만 클릭 가능 */
-export declare const DisabledWithCustomMatcher: Story;

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

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

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

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react-vite';
-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;