@mondrianai/runyourai-design-system 0.0.1

package/dist/index.d.ts

@@ -0,0 +1,1036 @@
+import * as React$1 from 'react';
+import React__default from 'react';
+import { Accordion as Accordion$1, AlertDialog as AlertDialog$1, Checkbox as Checkbox$1, Collapsible as Collapsible$1, Menubar as Menubar$1, Slider as Slider$1, Switch as Switch$1, Tooltip as Tooltip$1 } from 'radix-ui';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import { VariantProps } from 'class-variance-authority';
+import * as _radix_ui_react_context from '@radix-ui/react-context';
+
+declare const Accordion: React$1.ForwardRefExoticComponent<(Accordion$1.AccordionSingleProps | Accordion$1.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<Accordion$1.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<Accordion$1.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<Accordion$1.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+declare const AlertDialog: React$1.FC<AlertDialog$1.AlertDialogProps>;
+declare const AlertDialogTrigger: React$1.ForwardRefExoticComponent<AlertDialog$1.AlertDialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React$1.FC<AlertDialog$1.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React$1.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React$1.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare function AlertDialogHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogHeader {
+    var displayName: string;
+}
+declare function AlertDialogFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare namespace AlertDialogFooter {
+    var displayName: string;
+}
+declare const AlertDialogTitle: React$1.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React$1.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React$1.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React$1.ForwardRefExoticComponent<Omit<AlertDialog$1.AlertDialogCancelProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+
+declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+
+type AvatarSize = 'sm' | 'md' | 'lg';
+interface AvatarProps {
+    /** 이미지 URL */
+    src?: string;
+    /** 이미지 alt 텍스트 */
+    alt?: string;
+    /**
+     * 이미지 없거나 로드 실패 시 표시할 이니셜 텍스트.
+     * square 아바타에서는 항상 표시.
+     */
+    fallback?: string;
+    /**
+     * circle (기본) — 원형, 사진 아바타
+     * square          — 모서리 둥근 사각형, 이니셜 아바타 (bg-gray-500 + 흰 글자)
+     */
+    shape?: 'circle' | 'square';
+    /** sm (24px) | md (32px, 기본) | lg (40px) */
+    size?: AvatarSize;
+    className?: string;
+}
+interface AvatarGroupItem {
+    /** 고유 식별자 (key prop으로 사용) */
+    id: string;
+    src?: string;
+    alt?: string;
+    fallback?: string;
+}
+interface AvatarGroupProps {
+    avatars: AvatarGroupItem[];
+    size?: AvatarSize;
+    className?: string;
+}
+declare function Avatar({ src, alt, fallback, shape, size, className, }: AvatarProps): react_jsx_runtime.JSX.Element;
+declare function AvatarGroup({ avatars, size, className }: AvatarGroupProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * 배지 시맨틱 변형:
+ * - default:     primary 배경 (검정/흰)
+ * - secondary:   secondary 배경 (회색)
+ * - destructive: destructive 배경 (강한 빨강)
+ * - outline:     테두리만, 투명 배경 (회색)
+ * - info:        blue-50 배경 + blue-800 텍스트 (정보/완료)
+ * - error:       red-50 배경 + red-800 텍스트 (오류/실패)
+ * - warning:     amber-50 배경 + amber-800 텍스트 (경고/on-demand)
+ * - success:     green-50 배경 + green-800 텍스트 (성공/reserved)
+ */
+type BadgeVariant = 'default' | 'secondary' | 'destructive' | 'outline' | 'info' | 'error' | 'warning' | 'success';
+interface BadgeProps {
+    /** 배지 표시 텍스트 */
+    text: string;
+    /** 배지 시맨틱 변형 (기본값: default) */
+    variant?: BadgeVariant;
+    /** 아이콘 이름 (@/components/ui/icon-registry에 정의된 이름) */
+    iconName?: string;
+    className?: string;
+    /** 아이콘 회전 여부 */
+    spin?: boolean;
+}
+declare const BADGE_VARIANT_STYLES: Record<BadgeVariant, string>;
+declare function Badge({ text, variant, spin, iconName, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
+
+declare function Breadcrumb({ className, ...props }: React__default.ComponentPropsWithoutRef<"nav">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React__default.ComponentPropsWithoutRef<"ol">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React__default.ComponentPropsWithoutRef<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbLink({ className, ...props }: React__default.ComponentPropsWithoutRef<"a">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React__default.ComponentPropsWithoutRef<"span">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React__default.ComponentPropsWithoutRef<"li">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React__default.ComponentPropsWithoutRef<"span">): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbDropdownItem({ children, className, ...props }: React__default.ComponentPropsWithoutRef<"button">): react_jsx_runtime.JSX.Element;
+
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
+    size?: "rounded" | "default" | "icon" | "pill" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    /** Radix Slot 패턴 — true 이면 자식 요소에 props를 병합 */
+    asChild?: boolean;
+    /** 로딩 상태 — 스피너 표시, 클릭 불가, 반투명 처리 (h-8 / 32px) */
+    loading?: boolean;
+    /**
+     * 텍스트 앞에 렌더링할 아이콘 (primary / secondary / outline 전용)
+     * loading 상태에서는 자동으로 숨겨집니다.
+     */
+    iconStart?: React$1.ReactNode;
+    /**
+     * 텍스트 뒤에 렌더링할 아이콘 (primary / secondary / outline 전용)
+     * loading 상태에서는 자동으로 숨겨집니다.
+     */
+    iconEnd?: React$1.ReactNode;
+}
+declare function Button({ className, variant, size, asChild, loading, iconStart, iconEnd, disabled, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+
+/** 예약 유형: Reserved(사전 예약) 또는 On-demand(즉시 사용) */
+type MachineType = 'reserved' | 'on-demand';
+/** 이용 상태: 대여가능 또는 대여중 */
+type AvailabilityStatus = 'available' | 'rented';
+interface CardSpec {
+    label: string;
+    value: string;
+}
+interface CardProps {
+    /** 예약 유형 배지 — reserved 또는 on-demand (필수) */
+    machineType: MachineType;
+    /** 이용 상태 배지 — available(대여가능) 또는 rented(대여중) (필수) */
+    availability: AvailabilityStatus;
+    /** 머신 이름 (예: "NVIDIA B300 x 8") */
+    machineName: string;
+    /** 머신 이름 앞 이니셜 박스에 표시할 문자 (예: "B") */
+    machineInitial: string;
+    /** 스펙 태그 목록 (예: ["4x8x", "000GB VRAM", "B-Series"]) */
+    tags?: string[];
+    /** 스펙 상세 목록 (예: [{ label: "CPU", value: "128 Core" }]) */
+    specs?: CardSpec[];
+    /** 머신 선택 버튼 클릭 핸들러 */
+    onSelect?: () => void;
+    /** 버튼 텍스트 (기본값: "머신 선택") */
+    selectLabel?: string;
+    className?: string;
+}
+declare function Card({ machineType, availability, machineName, machineInitial, tags, specs, onSelect, selectLabel, className, }: CardProps): react_jsx_runtime.JSX.Element;
+
+interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof Checkbox$1.Root> {
+    /** Optional label rendered to the right of the checkbox */
+    label?: string;
+    /** Optional description rendered below the label (requires label) */
+    description?: string;
+}
+declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
+interface CheckboxCardProps extends React$1.ComponentPropsWithoutRef<typeof Checkbox$1.Root> {
+    /** Main label text */
+    label: string;
+    /** Optional description below the label */
+    description?: string;
+}
+declare const CheckboxCard: React$1.ForwardRefExoticComponent<CheckboxCardProps & React$1.RefAttributes<HTMLButtonElement>>;
+
+interface ChoiceCardGroupProps {
+    /** 초기 선택값 (비제어 모드) */
+    defaultValue?: string;
+    /** 선택값 (제어 모드) */
+    value?: string;
+    /** 선택 변경 콜백 */
+    onValueChange?: (value: string) => void;
+    className?: string;
+    children: React__default.ReactNode;
+}
+declare function ChoiceCardGroup({ defaultValue, value: controlledValue, onValueChange, className, children, }: ChoiceCardGroupProps): react_jsx_runtime.JSX.Element;
+interface ChoiceCardItemProps {
+    /** 그룹 내 고유 값 */
+    value: string;
+    /** 카드 제목 */
+    title: string;
+    /** 카드 설명 (선택) */
+    description?: string;
+    className?: string;
+}
+declare function ChoiceCardItem({ value, title, description, className, }: ChoiceCardItemProps): react_jsx_runtime.JSX.Element;
+
+interface CollapsibleWorkspace {
+    id: string;
+    /** 워크스페이스 이름 */
+    name: string;
+    /** 뱃지 텍스트 (예: "개인", "Enterprise", "Team") */
+    badge: string;
+    /** 아바타에 표시할 텍스트 (미지정 시 name[0]) */
+    avatarText?: string;
+    /** 아바타 이미지 URL (지정 시 텍스트 대신 이미지 표시) */
+    avatarSrc?: string;
+    /**
+     * 아바타 배경색
+     * - "sidebar-ring" : 회색 (#6b7280) — 개인/기본
+     * - "chart-1"      : 파란색 (#3b82f6) — 팀/엔터프라이즈
+     * @default "sidebar-ring"
+     */
+    avatarColor?: "sidebar-ring" | "chart-1";
+    /** 현재 활성 워크스페이스 여부 (드롭다운에서 강조 + Check 표시) */
+    isActive?: boolean;
+}
+interface CollapsibleProps {
+    /** 트리거에 표시되는 현재 워크스페이스 */
+    activeWorkspace: CollapsibleWorkspace;
+    /**
+     * 드롭다운에 표시할 워크스페이스 목록.
+     * isActive=true인 항목이 강조(bg-accent + Check 아이콘)로 표시된다.
+     */
+    workspaces?: CollapsibleWorkspace[];
+    /** 제어 모드: 열림 상태 */
+    open?: boolean;
+    /** 제어 모드: 열림 상태 변경 콜백 */
+    onOpenChange?: (open: boolean) => void;
+    /** 비제어 모드: 초기 열림 상태 @default false */
+    defaultOpen?: boolean;
+    /** "+ 팀 생성하기" 클릭 콜백 */
+    onCreateTeam?: () => void;
+    /** 워크스페이스 항목 클릭 콜백 */
+    onSelectWorkspace?: (workspace: CollapsibleWorkspace) => void;
+    className?: string;
+}
+declare function Collapsible({ activeWorkspace, workspaces, open, onOpenChange, defaultOpen, onCreateTeam, onSelectWorkspace, className, }: CollapsibleProps): react_jsx_runtime.JSX.Element;
+declare const CollapsibleRoot: React$1.ForwardRefExoticComponent<Collapsible$1.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<Collapsible$1.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React$1.ForwardRefExoticComponent<Collapsible$1.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
+
+interface ComboboxOption {
+    /** Unique identifier for the option */
+    value: string;
+    /** Display text shown in the list and trigger */
+    label: string;
+    /** Optional icon rendered before the label (16×16) */
+    icon?: React$1.ReactNode;
+}
+interface ComboboxProps {
+    /** List of selectable options */
+    options: ComboboxOption[];
+    /** Controlled selected value */
+    value?: string;
+    /** Callback when selection changes */
+    onValueChange?: (value: string) => void;
+    /** Placeholder text shown when no value is selected */
+    placeholder?: string;
+    /** Placeholder inside the search input */
+    searchPlaceholder?: string;
+    /** Whether to show the search input (default: false) */
+    showSearch?: boolean;
+    /** Optional footer action at the bottom (e.g. "+ 새 컬렉션 만들기") */
+    footer?: {
+        label: string;
+        onClick: () => void;
+    };
+    /** Additional className for the trigger button */
+    className?: string;
+    /** Disable the combobox */
+    disabled?: boolean;
+}
+declare function Combobox({ options, value, onValueChange, placeholder, searchPlaceholder, showSearch, footer, className, disabled, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+
+interface FieldProps {
+    /** 필드 레이블 */
+    label?: string;
+    /** 컨트롤 위 보조 텍스트 */
+    hint?: string;
+    /** 컨트롤 아래 헬퍼 텍스트 */
+    description?: string;
+    /** label 의 htmlFor — input id 와 연결 */
+    htmlFor?: string;
+    /** 필수 항목 표시 * */
+    required?: boolean;
+    className?: string;
+    children: React__default.ReactNode;
+}
+declare function Field({ label, hint, description, htmlFor, required, className, children, }: FieldProps): react_jsx_runtime.JSX.Element;
+interface FieldSectionProps {
+    title: string;
+    description?: string;
+    /** 섹션 헤더 하단 구분선 표시 여부 */
+    showDivider?: boolean;
+    /** 헤딩 텍스트 크기: "base"=16px (기본), "sm"=14px */
+    titleSize?: "base" | "sm";
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare function FieldSection({ title, description, showDivider, titleSize, className, children, }: FieldSectionProps): react_jsx_runtime.JSX.Element;
+interface FieldRowProps {
+    label: string;
+    description?: string;
+    className?: string;
+    children: React__default.ReactNode;
+}
+declare function FieldRow({ label, description, className, children }: FieldRowProps): react_jsx_runtime.JSX.Element;
+declare function FieldDivider({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+type ModelItem = {
+    id: string;
+    apiId: string;
+    name: string;
+};
+type ModelGroup = {
+    id: string;
+    provider: string;
+    iconSrc: string;
+    models: ModelItem[];
+};
+/** 그룹 헤더(아이콘+이름)와 커스텀 스크롤바를 가진 그룹형 셀렉트
+ * @param groups 표시할 그룹 목록 — 소비 측에서 데이터를 주입합니다.
+ * @param readOnly true이면 chevron 없이 선택값만 muted-foreground로 표시 (드롭다운 비활성)
+ * @param onModelChange 항목 선택 시 호출 — 선택된 항목의 apiId 전달 */
+declare function GroupedSelect({ groups, readOnly, defaultItemId, onChange, }: {
+    groups: ModelGroup[];
+    readOnly?: boolean;
+    defaultItemId?: string;
+    onChange?: (apiId: string) => void;
+}): react_jsx_runtime.JSX.Element;
+
+interface NavDropdownItem {
+    label: string;
+    icon?: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface HeaderNavItem {
+    label: string;
+    href?: string;
+    active?: boolean;
+    onClick?: () => void;
+    /** 하위 드롭다운 아이템이 있으면 클릭 시 드롭다운 오픈 */
+    dropdownItems?: NavDropdownItem[];
+}
+interface UserMenuSectionItem {
+    label: string;
+    icon?: string;
+    href?: string;
+    onClick?: () => void;
+    variant?: "default" | "destructive";
+}
+interface UserMenuSection {
+    /** 섹션 헤더 레이블 (생략 시 레이블 없음) */
+    label?: string;
+    items: UserMenuSectionItem[];
+}
+interface NotificationItem$1 {
+    id: string;
+    badge?: string;
+    date?: string;
+    title: string;
+    description: string;
+    highlighted?: boolean;
+}
+interface LanguageItem {
+    code: string;
+    label: string;
+    /** 국기 이모지 */
+    flag: string;
+}
+interface HeaderProps {
+    logo?: React$1.ReactNode;
+    brandName?: string;
+    navItems?: HeaderNavItem[];
+    upgradeLabel?: string;
+    onUpgrade?: () => void;
+    userEmail?: string;
+    userMenuSections?: UserMenuSection[];
+    notifications?: NotificationItem$1[];
+    onViewAllNotifications?: () => void;
+    hasNotification?: boolean;
+    languages?: LanguageItem[];
+    currentLanguage?: string;
+    onLanguageChange?: (code: string) => void;
+    className?: string;
+}
+declare function Header({ logo, brandName, navItems, upgradeLabel, onUpgrade, userEmail, userMenuSections, notifications, onViewAllNotifications, hasNotification, languages, currentLanguage, onLanguageChange, className, }: HeaderProps): react_jsx_runtime.JSX.Element;
+
+type IconNode = [string, Record<string, string>, ...IconNode[]];
+declare const ICON_NODES: Record<string, IconNode[]>;
+
+interface IconProps extends React$1.SVGProps<SVGSVGElement> {
+    /** Icon name in kebab-case (e.g. "arrow-up", "chevron-down") */
+    name: string;
+    className?: string;
+    strokeWidth?: number;
+}
+/**
+ * Inline SVG icon component.
+ * Uses `stroke="currentColor"` so color is controlled via CSS `text-*` classes.
+ * Renders the same paths as lucide-react but without the library dependency.
+ */
+declare function Icon({ name, className, strokeWidth, ...props }: IconProps): react_jsx_runtime.JSX.Element | null;
+
+declare function MarkdownMessage({ content, isStreaming, footerMeta, className, }: {
+    content: string;
+    isStreaming?: boolean;
+    /**
+     * MessageFooter의 meta 슬롯에 들어갈 ReactNode.
+     * streaming 중에는 렌더링되지 않습니다.
+     */
+    footerMeta?: React$1.ReactNode;
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare const Menubar: React$1.ForwardRefExoticComponent<Omit<Menubar$1.MenubarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarMenu: {
+    (props: Menubar$1.MenubarMenuProps & {
+        __scopeMenubar?: _radix_ui_react_context.Scope;
+    }): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const MenubarTrigger: React$1.ForwardRefExoticComponent<Omit<Menubar$1.MenubarTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+declare const MenubarContent: React$1.ForwardRefExoticComponent<Omit<Menubar$1.MenubarContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarGroup: React$1.ForwardRefExoticComponent<Menubar$1.MenubarGroupProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarItem: React$1.ForwardRefExoticComponent<Omit<Menubar$1.MenubarItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarSub: React$1.FC<Menubar$1.MenubarSubProps>;
+declare const MenubarSubTrigger: React$1.ForwardRefExoticComponent<Omit<Menubar$1.MenubarSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarSubContent: React$1.ForwardRefExoticComponent<Omit<Menubar$1.MenubarSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+declare const MenubarShortcut: {
+    ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const MenubarSeparator: React$1.ForwardRefExoticComponent<Omit<Menubar$1.MenubarSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+
+interface MessageFooterProps {
+    /** 복사할 원본 텍스트 */
+    content: string;
+    /** 복사 버튼 왼쪽에 표시할 임의 콘텐츠 (예: src/app/components/model-info.tsx) */
+    meta?: React$1.ReactNode;
+}
+declare function MessageFooter({ content, meta }: MessageFooterProps): react_jsx_runtime.JSX.Element;
+
+interface NumberBadgeProps {
+    /** 표시할 숫자 */
+    count: number;
+    /** 배지 시맨틱 변형 (기본값: default) */
+    variant?: BadgeVariant;
+    className?: string;
+}
+declare function NumberBadge({ count, variant, className, }: NumberBadgeProps): react_jsx_runtime.JSX.Element;
+
+interface Item<T extends string> {
+    key: T;
+    label: string;
+}
+interface SegmentedControlProps<T extends string> {
+    value: T;
+    onChange: (value: T) => void;
+    items: readonly Item<T>[];
+}
+declare function SegmentedControl<T extends string>({ value, onChange, items, }: SegmentedControlProps<T>): react_jsx_runtime.JSX.Element;
+
+interface SelectOption {
+    /** Unique identifier for the option */
+    value: string;
+    /** Display text shown in the list and trigger */
+    label: string;
+    /** Optional icon rendered before the label */
+    icon?: React$1.ReactNode;
+}
+interface SelectGroup {
+    /** Optional category label shown above items */
+    label?: string;
+    /** Items in this group */
+    options: SelectOption[];
+}
+interface SelectProps {
+    /** List of selectable options (flat or grouped) */
+    options?: SelectOption[];
+    /** Grouped options with optional category labels */
+    groups?: SelectGroup[];
+    /** Controlled selected value */
+    value?: string;
+    /** Default value for uncontrolled mode */
+    defaultValue?: string;
+    /** Callback when selection changes */
+    onValueChange?: (value: string) => void;
+    /** Placeholder text shown when no value is selected */
+    placeholder?: string;
+    /** Additional className for the trigger button */
+    className?: string;
+    /** Disable the select */
+    disabled?: boolean;
+}
+declare function Select({ options, groups, value: controlledValue, defaultValue, onValueChange, placeholder, className, disabled, }: SelectProps): react_jsx_runtime.JSX.Element;
+
+interface SheetProps {
+    open: boolean;
+    onClose: () => void;
+    title: string;
+    description?: string;
+    children: React$1.ReactNode;
+    footer?: React$1.ReactNode;
+}
+declare function Sheet({ open, onClose, title, description, children, footer }: SheetProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * 링크 렌더링 함수. next/link, react-router <Link> 등 소비 측 라우터에 맞게 주입한다.
+ * 미지정 시 기본 <a> 태그로 렌더링된다.
+ */
+type RenderLinkFn = (props: {
+    href: string;
+    className?: string;
+    style?: React$1.CSSProperties;
+    onClick?: () => void;
+    children: React$1.ReactNode;
+}) => React$1.ReactNode;
+type SidebarNavItem = {
+    href: string;
+    label: string;
+    icon: React$1.ReactNode;
+    isActive: boolean;
+    onClick?: () => void;
+    /** true이면 이 항목 앞에 구분선을 렌더링합니다. */
+    dividerBefore?: boolean;
+};
+type SidebarTaskMenuItem = {
+    label: string;
+    icon?: React$1.ReactNode;
+    onSelect?: () => void;
+    variant?: 'default' | 'destructive';
+    /** true이면 이 항목 앞에 구분선(간격)을 렌더링합니다. */
+    separatorBefore?: boolean;
+};
+type SidebarTask = {
+    id: string;
+    title: string;
+    /** 클릭 시 이동할 경로. renderLink 또는 기본 <a>로 렌더링됩니다. */
+    href: string;
+    icon?: React$1.ReactNode;
+    favorited?: boolean;
+};
+type SidebarUtilityLink = {
+    label: string;
+    icon: React$1.ReactNode;
+    /** 외부 링크 URL. 없으면 button으로 렌더링됩니다. */
+    href?: string;
+    onClick?: () => void;
+};
+/** 하드코딩된 한국어 문자열을 외부에서 교체할 수 있는 레이블 모음 */
+type SidebarLabels = {
+    taskSectionTitle?: string;
+    taskSectionHide?: string;
+    taskSectionShow?: string;
+    taskEmptyMessage?: string;
+};
+interface NotificationItem {
+    id: string;
+    badge?: string;
+    date?: string;
+    title: string;
+    description: string;
+}
+declare function Sidebar({ className, logo, navRailItems, sectionTitle, navItems, tasks, activeTaskId, showTaskSection, hasNotification, notifications, onViewAllNotifications, utilityLinks, username, onRenameTask, onToggleFavorite, onDeleteTask, labels, renderLink, }: {
+    className?: string;
+    logo?: React$1.ReactNode;
+    navRailItems?: SidebarNavItem[];
+    sectionTitle?: string;
+    navItems: SidebarNavItem[];
+    tasks: SidebarTask[];
+    activeTaskId: string | null;
+    showTaskSection?: boolean;
+    hasNotification?: boolean;
+    notifications?: NotificationItem[];
+    onViewAllNotifications?: () => void;
+    utilityLinks?: SidebarUtilityLink[];
+    username?: string;
+    onRenameTask?: (id: string, newTitle: string) => void;
+    onToggleFavorite?: (id: string) => void;
+    onDeleteTask?: (id: string) => void;
+    labels?: SidebarLabels;
+    renderLink?: RenderLinkFn;
+}): react_jsx_runtime.JSX.Element;
+
+declare const Slider: React$1.ForwardRefExoticComponent<Omit<Slider$1.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
+
+interface StepperStep {
+    /** key prop으로 사용되는 고유 식별자 */
+    id: string;
+    label: string;
+}
+interface StepperProps {
+    steps: StepperStep[];
+    /**
+     * 현재 진행 중인 step의 0-based 인덱스.
+     * 이 인덱스 이전 step은 complete, 이 인덱스는 current, 이후는 next.
+     */
+    currentStep: number;
+    className?: string;
+}
+declare function Stepper({ steps, currentStep, className }: StepperProps): react_jsx_runtime.JSX.Element;
+
+declare const Switch: React__default.ForwardRefExoticComponent<Omit<Switch$1.SwitchProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+interface SwitchFieldProps extends React__default.ComponentPropsWithoutRef<typeof Switch$1.Root> {
+    /** 레이블 텍스트 */
+    label: string;
+    /** 보조 설명 (선택) */
+    description?: string;
+    className?: string;
+}
+declare function SwitchField({ label, description, className, id, ...props }: SwitchFieldProps): react_jsx_runtime.JSX.Element;
+
+declare const TooltipProvider: React$1.FC<Tooltip$1.TooltipProviderProps>;
+interface TooltipProps extends Pick<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Root>, 'open' | 'defaultOpen' | 'onOpenChange' | 'delayDuration'>, Omit<React$1.ComponentPropsWithoutRef<typeof Tooltip$1.Content>, 'children' | 'content'> {
+    /** 툴팁 말풍선에 표시할 내용 */
+    content: React$1.ReactNode;
+    /** 호버 시 툴팁을 여는 트리거 요소 (asChild로 렌더링) */
+    children: React$1.ReactNode;
+}
+declare function Tooltip({ content, children, open, defaultOpen, onOpenChange, delayDuration, ...contentProps }: TooltipProps): string | number | bigint | boolean | Iterable<React$1.ReactNode> | Promise<string | number | bigint | boolean | React$1.ReactPortal | React$1.ReactElement<unknown, string | React$1.JSXElementConstructor<any>> | Iterable<React$1.ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
+interface TooltipWithIconProps {
+    content: string;
+    /** 트리거 아이콘 이름 (Lucide). @default "info" */
+    iconName?: string;
+    className?: string;
+}
+declare function TooltipWithIcon({ content, iconName, className, }: TooltipWithIconProps): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * 사용자 메시지 말풍선.
+ * 텍스트가 한 줄이면 rounded-full, 두 줄 이상이면 rounded-2xl.
+ * leading-6 = 24px 기준으로 28px 초과 여부로 판별.
+ */
+declare function UserMessageBubble({ content }: {
+    content: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * 디자인 시스템 전역 Provider 묶음.
+ * layout.tsx (Server Component) 안에서 children을 감싸는 용도.
+ *
+ * 현재 포함된 Provider:
+ *  - TooltipProvider: Radix Tooltip 전역 설정
+ *    · delayDuration  — hover → open 지연 시간 (ms)
+ *    · skipDelayDuration — 빠르게 연속 이동 시 딜레이 스킵 임계치 (ms)
+ */
+declare function Providers({ children }: {
+    children: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+declare function RyaiLogoIcon(): react_jsx_runtime.JSX.Element;
+
+declare function ClaudeIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DeepSeekIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function GeminiIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function GoogleIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function OpenAiIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function UpstageIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AiAgentIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AiBuilderIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function AiCloudIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * AI Datacenter icon — SVG from public/icons/aidatacenter.svg
+ * Uses stroke="currentColor" for CSS color control.
+ */
+declare function AiDatacenterIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface AlignJustifyIconProps {
+    className?: string;
+}
+/**
+ * align-justify icon — SVG downloaded from Figma Lucide Icon library.
+ * Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:64
+ */
+declare function AlignJustifyIcon({ className }: AlignJustifyIconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Align-left icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/align-left)
+ */
+declare function AlignLeftIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ArrowDownIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Blockquote icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/quote)
+ */
+declare function BlockquoteIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Bold icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/bold)
+ */
+declare function BoldIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface BookUpIconProps {
+    className?: string;
+}
+/**
+ * Book-up icon — SVG downloaded directly from Figma design system.
+ * Uses stroke="currentColor" for CSS color control.
+ * Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:418 (lucide/book-up)
+ */
+declare function BookUpIcon({ className }: BookUpIconProps): react_jsx_runtime.JSX.Element;
+
+interface ChevronsUpDownIconProps {
+    className?: string;
+}
+/**
+ * Chevrons-up-down icon — SVG downloaded directly from Figma design system.
+ * Uses stroke="currentColor" for CSS color control.
+ * Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:607 (lucide/chevrons-up-down)
+ */
+declare function ChevronsUpDownIcon({ className }: ChevronsUpDownIconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Circle-check-fill icon — filled circle with white checkmark.
+ * SVG downloaded from Figma design system.
+ */
+declare function CircleCheckFillIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Circle-outline icon — stroke-only circle.
+ * SVG downloaded from Figma design system.
+ */
+declare function CircleOutlineIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Code icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/code)
+ */
+declare function CodeIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Code-square icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/square-code)
+ */
+declare function CodeSquareIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function DownloadIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * File-code icon — SVG downloaded from Figma design system.
+ * Source: public/icons/file-code.svg
+ */
+declare function FileCodeIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * File-search icon — SVG downloaded from Figma design system.
+ * Source: public/icons/file-search.svg
+ */
+declare function FileSearchIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Folder-amber icon — amber-colored folder from Figma design system.
+ * Uses <img> to preserve complex gradient fills and filters.
+ * Source: public/icons/folder-amber.svg
+ */
+declare function FolderAmberIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Heading icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/heading)
+ */
+declare function HeadingIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Image icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/image)
+ */
+declare function ImageIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function ImportIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Indent icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/indent)
+ */
+declare function IndentIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Italic icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/italic)
+ */
+declare function ItalicIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function LayersIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface LayoutGridIconProps {
+    className?: string;
+}
+/**
+ * layout-grid icon — SVG downloaded from Figma Lucide Icon library.
+ * Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:1554
+ */
+declare function LayoutGridIcon({ className }: LayoutGridIconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Line-chart icon — SVG downloaded from Figma design system.
+ * Source: public/icons/line-chart.svg
+ */
+declare function LineChartIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Link icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/link)
+ */
+declare function LinkIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * List (unordered) icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/list)
+ */
+declare function ListIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * List-ordered icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/list-ordered)
+ */
+declare function ListOrderedIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function MyPageIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Outdent icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/outdent)
+ */
+declare function OutdentIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface PenLineIconProps {
+    className?: string;
+}
+/**
+ * Pen-line icon — SVG downloaded directly from Figma design system.
+ * Uses stroke="currentColor" for CSS color control.
+ * Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 4798:68154 (lucide/pen-line)
+ */
+declare function PenLineIcon({ className }: PenLineIconProps): react_jsx_runtime.JSX.Element;
+
+declare function PencilLineIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Presentation icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/presentation)
+ */
+declare function PresentationIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Smile icon — SVG downloaded from Figma design system.
+ * Source: public/icons/smile.svg
+ */
+declare function SmileIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SparklesIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Square-check icon (filled) — SVG downloaded from Figma design system.
+ * Uses fill="currentColor" for the background rect and white stroke for checkmark.
+ */
+declare function SquareCheckIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Square-check-outline icon — outlined square with checkmark (task list).
+ * SVG downloaded from Figma design system.
+ */
+declare function SquareCheckOutlineIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface StarIconProps {
+    className?: string;
+    filled?: boolean;
+}
+/**
+ * Star icon — SVG downloaded directly from Figma design system.
+ * Uses stroke="currentColor" for CSS color control.
+ * Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:2564 (lucide/star)
+ */
+declare function StarIcon({ className, filled }: StarIconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Strikethrough icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/strikethrough)
+ */
+declare function StrikethroughIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Table-properties icon — SVG downloaded from Figma design system.
+ * Source: Figma node (lucide/table-properties)
+ */
+declare function TablePropertiesIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+interface TrashIconProps {
+    className?: string;
+}
+/**
+ * Trash icon — SVG downloaded directly from Figma design system.
+ * Uses stroke="currentColor" for CSS color control.
+ * Source: figma.com/design/bNKDIZZAm8ByouCPBnlEye node 128:2740 (lucide/trash)
+ */
+declare function TrashIcon({ className }: TrashIconProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * Wand-sparkles icon — SVG downloaded from Figma design system.
+ * Source: public/icons/wand-sparkles.svg
+ */
+declare function WandSparklesIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Message-circle icon — SVG downloaded directly from Figma design system.
+ * Uses stroke="currentColor" for CSS color control.
+ * Source: Figma node 616-3399, stroke-width: 1.25
+ */
+declare function MessageCircleIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Messages-square icon — SVG downloaded directly from Figma design system.
+ * Uses stroke="currentColor" for CSS color control.
+ * Source: Figma node 616-3399, stroke-width: 1.25
+ */
+declare function MessagesSquareIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+/**
+ * Shopping Bag icon — SVG from public/icons/shopping-bag.svg
+ * Uses stroke="currentColor" for CSS color control.
+ */
+declare function ShoppingBagIcon({ className }: {
+    className?: string;
+}): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AiAgentIcon, AiBuilderIcon, AiCloudIcon, AiDatacenterIcon, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AlignJustifyIcon, AlignLeftIcon, ArrowDownIcon, type AvailabilityStatus, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarProps, BADGE_VARIANT_STYLES, Badge, type BadgeProps, type BadgeVariant, BlockquoteIcon, BoldIcon, BookUpIcon, Breadcrumb, BreadcrumbDropdownItem, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Card, type CardProps, type CardSpec, Checkbox, CheckboxCard, type CheckboxCardProps, type CheckboxProps, ChevronsUpDownIcon, ChoiceCardGroup, type ChoiceCardGroupProps, ChoiceCardItem, type ChoiceCardItemProps, CircleCheckFillIcon, CircleOutlineIcon, ClaudeIcon, CodeIcon, CodeSquareIcon, Collapsible, CollapsibleContent, type CollapsibleProps, CollapsibleRoot, CollapsibleTrigger, type CollapsibleWorkspace, Combobox, type ComboboxOption, type ComboboxProps, DeepSeekIcon, DownloadIcon, Field, FieldDivider, type FieldProps, FieldRow, type FieldRowProps, FieldSection, type FieldSectionProps, FileCodeIcon, FileSearchIcon, FolderAmberIcon, GeminiIcon, GoogleIcon, GroupedSelect, Header, type HeaderNavItem, type HeaderProps, HeadingIcon, ICON_NODES, Icon, type IconProps, ImageIcon, ImportIcon, IndentIcon, ItalicIcon, type LanguageItem, LayersIcon, LayoutGridIcon, LineChartIcon, LinkIcon, ListIcon, ListOrderedIcon, type MachineType, MarkdownMessage, Menubar, MenubarContent, MenubarGroup, MenubarItem, MenubarMenu, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessageCircleIcon, MessageFooter, type MessageFooterProps, MessagesSquareIcon, type ModelGroup, type ModelItem, MyPageIcon, type NavDropdownItem, type NotificationItem$1 as NotificationItem, NumberBadge, type NumberBadgeProps, OpenAiIcon, OutdentIcon, PenLineIcon, PencilLineIcon, PresentationIcon, Providers, type RenderLinkFn, RyaiLogoIcon, SegmentedControl, Select, type SelectGroup, type SelectOption, type SelectProps, Sheet, ShoppingBagIcon, Sidebar, type SidebarLabels, type SidebarNavItem, type SidebarTask, type SidebarTaskMenuItem, type SidebarUtilityLink, Slider, SmileIcon, SparklesIcon, SquareCheckIcon, SquareCheckOutlineIcon, StarIcon, Stepper, type StepperProps, type StepperStep, StrikethroughIcon, Switch, SwitchField, type SwitchFieldProps, TablePropertiesIcon, Tooltip, type TooltipProps, TooltipProvider, TooltipWithIcon, type TooltipWithIconProps, TrashIcon, UpstageIcon, type UserMenuSection, type UserMenuSectionItem, UserMessageBubble, WandSparklesIcon, buttonVariants };