@1d1s/design-system 2.7.0 → 2.9.0

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

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

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

@@ -1,4 +1,5 @@
 export * from './AddCircle';
+export * from './ArrowLeft';
 export * from './Bell';
 export * from './BookOpen';
 export * from './Calendar';

package/dist/components/MobileHeader/MobileHeader.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export interface MobileHeaderProps extends Omit<React.HTMLAttributes<HTMLElement>, "title"> {
+    /** 가운데 타이틀 — body1 / extrabold 로 통일 렌더 */
+    title: string;
+    /** 뒤로가기 핸들러. 넘기지 않으면 좌측 버튼은 렌더되지 않음 */
+    onBack?: () => void;
+    /** 타이틀 아래 작은 보조 텍스트 */
+    subtitle?: React.ReactNode;
+    /** 우측 액션 슬롯 (설정 / 공유 등) */
+    right?: React.ReactNode;
+    /** 뒤로가기 버튼 aria-label (기본 "뒤로가기") */
+    backLabel?: string;
+}
+/**
+ * MobileHeader
+ * 모바일 서브페이지용 sticky 헤더 — 좌측 뒤로가기 / 가운데 타이틀 / 우측 액션 슬롯.
+ * `lg:hidden` 으로 모바일 전용이며, 데스크톱/태블릿은 {@link TopNav} 를 사용한다.
+ *
+ * 타이틀 규격은 body1(text-xl) · extrabold 로 통일한다.
+ *
+ * @example
+ * ```tsx
+ * <MobileHeader
+ *   title="챌린지 상세"
+ *   onBack={() => router.back()}
+ *   right={<button aria-label="설정"><Settings width={20} height={20} /></button>}
+ * />
+ * ```
+ */
+export declare function MobileHeader({ title, onBack, subtitle, right, backLabel, className, ...props }: MobileHeaderProps): React.ReactElement;

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

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

package/dist/components/MonthCalendar/MonthCalendar.d.ts

@@ -0,0 +1,41 @@
+import { default as React } from 'react';
+/** 월간 캘린더의 한 날짜에 붙는 지표. */
+export interface MonthCalendarDay {
+    /** yyyy-MM-dd */
+    date: string;
+    /** 숫자 지표 — 0 초과이면 셀에 카운트/도트로 표시. */
+    count?: number;
+    /** 0~1 강도. indicator="intensity"일 때 배경 진하기. 미지정 시 count/maxCount로 자동. */
+    intensity?: number;
+    /** 이 날짜를 비활성(클릭 불가, 흐리게)으로 강제. 범위(min/max) 밖은 자동 비활성. */
+    disabled?: boolean;
+}
+export type MonthCalendarIndicator = "count" | "dot" | "intensity" | "none";
+export interface MonthCalendarProps {
+    /** 날짜별 지표 목록. date(yyyy-MM-dd) 기준으로 매칭. */
+    days?: MonthCalendarDay[];
+    /** 지표 표현 방식. 기본 "count". */
+    indicator?: MonthCalendarIndicator;
+    /** 제어형: 표시할 월(그 달의 아무 날). onMonthChange와 함께 사용. */
+    month?: Date;
+    /** 비제어형 초기 월. 기본 오늘. */
+    defaultMonth?: Date;
+    onMonthChange?(month: Date): void;
+    /** 이동/활성 범위 하한·상한(yyyy-MM-dd). 이 범위 밖 날짜는 비활성, 밖 월로는 이동 불가. */
+    minDate?: string;
+    maxDate?: string;
+    /** 선택된 날짜(yyyy-MM-dd). */
+    selectedDate?: string;
+    onSelectDate?(date: string): void;
+    /** 오늘 기준일(SSR/테스트용 override). 기본 new Date(). */
+    today?: Date;
+    weekLabels?: string[];
+    className?: string;
+}
+/**
+ * MonthCalendar
+ * 컨테이너 너비를 꽉 채우는 월간 캘린더. 월 이동·요일 헤더·오늘 표시·
+ * 날짜별 지표(숫자/도트/강도)·선택 상태·범위 밖 비활성을 지원한다.
+ * 표 렌더러인 ScheduleCalendar와 달리 월 상태를 스스로 관리한다.
+ */
+export declare function MonthCalendar({ days, indicator, month, defaultMonth, onMonthChange, minDate, maxDate, selectedDate, onSelectDate, today, weekLabels, className, }: MonthCalendarProps): React.ReactElement;

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

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

package/dist/components/index.d.ts

@@ -24,6 +24,8 @@ export { Icon } from './Icons/Icon';
 export type { IconName, IconProps } from './Icons/Icon';
 export * from './ImagePicker';
 export * from './ImagePlaceholder';
+export * from './MobileHeader';
+export * from './MonthCalendar';
 export * from './PageWatermark';
 export * from './Pagination';
 export * from './ProgressBar';