sparkdesign 0.4.7 → 0.4.9

package/cli/registry/chat/user-question/UserQuestionCard.tsx

@@ -1,198 +0,0 @@
-import type { Dispatch, MutableRefObject, SetStateAction } from 'react'
-import { useState } from 'react'
-import { cn } from '@/lib/utils'
-import { OptionList } from '../../basic/option-list'
-import type { OptionItem } from '../../basic/option-list'
-import type { UserQuestionItem, UserQuestionLabels } from './types'
-
-export interface UserQuestionCardProps {
-  question: UserQuestionItem
-  qIndex: number
-  labels: Required<UserQuestionLabels>
-  answers: Record<string, string[]>
-  customInputs: Record<string, string>
-  focusedOptionIndex: number
-  isCurrentQuestion: boolean
-  isSubmitting: boolean
-  allQuestionsAnswered: boolean
-  questionsLength: number
-  questionRefs: MutableRefObject<Map<number, HTMLDivElement>>
-  customInputRefs: MutableRefObject<Map<string, HTMLInputElement>>
-  setCurrentQuestionIndex: (i: number) => void
-  setFocusedOptionIndex: (i: number) => void
-  setAnswers: Dispatch<SetStateAction<Record<string, string[]>>>
-  setCustomInputs: Dispatch<SetStateAction<Record<string, string>>>
-  getSelectedOptionIndex: (i: number) => number
-  shouldScrollToQuestionRef: MutableRefObject<boolean>
-  onOptionClick: (questionText: string, optionLabel: string, questionIndex: number) => void
-  onContinue: () => void
-}
-
-export function UserQuestionCard({
-  question,
-  qIndex,
-  labels,
-  answers,
-  customInputs,
-  focusedOptionIndex,
-  isCurrentQuestion,
-  isSubmitting,
-  allQuestionsAnswered,
-  questionsLength,
-  questionRefs,
-  customInputRefs,
-  setCurrentQuestionIndex,
-  setFocusedOptionIndex,
-  setAnswers,
-  setCustomInputs,
-  getSelectedOptionIndex,
-  shouldScrollToQuestionRef,
-  onOptionClick,
-  onContinue,
-}: UserQuestionCardProps) {
-  const questionOptions = question.options || []
-  const [isInputFocused, setIsInputFocused] = useState(false)
-  const hasInputValue = !!(customInputs[question.question]?.trim())
-  const showUnderline = isInputFocused || hasInputValue
-
-  return (
-    <div
-      key={question.question}
-      ref={(el) => {
-        if (el) questionRefs.current.set(qIndex, el)
-        else questionRefs.current.delete(qIndex)
-      }}
-      className={cn(
-        'transition-opacity duration-200',
-        isCurrentQuestion ? 'opacity-100' : 'opacity-40'
-      )}
-    >
-      <div className="flex items-start gap-3 pl-2 mb-3">
-        <div className="flex-shrink-0 w-5 flex items-center justify-center text-sm leading-sm font-medium text-text-tertiary">
-          {qIndex + 1}.
-        </div>
-        <div className="text-sm leading-sm font-medium text-text min-w-0 flex-1">
-          {question.question}
-        </div>
-      </div>
-      <OptionList
-        items={questionOptions.map((opt) => ({
-          id: opt.label,
-          label: opt.label,
-          description: opt.description,
-        }))}
-        selectedIds={answers[question.question]?.map((l) => l) || []}
-        focusedId={
-          isCurrentQuestion ? questionOptions[focusedOptionIndex]?.label : undefined
-        }
-        disabled={isSubmitting || !isCurrentQuestion}
-        onItemClick={(item: OptionItem, index: number) => {
-          if (!isCurrentQuestion) {
-            setCurrentQuestionIndex(qIndex)
-            setFocusedOptionIndex(getSelectedOptionIndex(qIndex))
-            return
-          }
-          onOptionClick(question.question, item.label, qIndex)
-          setFocusedOptionIndex(index)
-        }}
-      />
-      {question.allowCustomInput !== false && (
-        <div
-          className={cn(
-            'w-full flex gap-3 pl-2 mt-3 transition-colors',
-            !isCurrentQuestion && 'opacity-40',
-            isSubmitting && 'opacity-50'
-          )}
-        >
-          <div
-            className={cn(
-              'flex-shrink-0 w-5 h-5 rounded-full flex items-center justify-center text-xs leading-xs font-medium transition-colors',
-              (isCurrentQuestion && focusedOptionIndex === questionOptions.length) ||
-                customInputs[question.question]?.trim()
-                ? 'bg-primary-active text-text-on-primary'
-                : 'bg-fill-secondary text-text-tertiary'
-            )}
-          >
-            {questionOptions.length + 1}
-          </div>
-          <div className="flex-1 min-w-0 flex flex-col">
-            <div className="h-5 flex items-center">
-              <input
-                ref={(el) => {
-                  if (el) customInputRefs.current.set(question.question, el)
-                  else customInputRefs.current.delete(question.question)
-                }}
-                type="text"
-                value={customInputs[question.question] || ''}
-                style={{ outline: 'none', outlineOffset: 0, boxShadow: 'none', border: 'none' }}
-                onChange={(e) => {
-                  const value = e.target.value
-                  setCustomInputs((prev) => ({ ...prev, [question.question]: value }))
-                  if (!question.multiSelect && value.trim()) {
-                    setAnswers((prev) => ({
-                      ...prev,
-                      [question.question]: [],
-                    }))
-                  }
-                }}
-                onFocus={() => {
-                  setIsInputFocused(true)
-                  if (isCurrentQuestion) {
-                    setFocusedOptionIndex(questionOptions.length)
-                    if (!question.multiSelect) {
-                      setAnswers((prev) => ({
-                        ...prev,
-                        [question.question]: [],
-                      }))
-                    }
-                  }
-                }}
-                onBlur={() => setIsInputFocused(false)}
-                onKeyDown={(e) => {
-                  if (e.key === 'Enter' && !e.shiftKey) {
-                    e.preventDefault()
-                    e.stopPropagation()
-                    const currentCustomInput = customInputs[question.question]?.trim()
-                    const currentSelectedOptions = answers[question.question] || []
-                    const hasAnswer =
-                      currentSelectedOptions.length > 0 || !!currentCustomInput
-                    if (hasAnswer) {
-                      if (allQuestionsAnswered) {
-                        onContinue()
-                      } else if (qIndex < questionsLength - 1) {
-                        const nextIndex = qIndex + 1
-                        shouldScrollToQuestionRef.current = true
-                        setCurrentQuestionIndex(nextIndex)
-                        setFocusedOptionIndex(0)
-                      } else {
-                        onContinue()
-                      }
-                    }
-                  }
-                }}
-                placeholder={labels.customInputPlaceholder}
-                disabled={isSubmitting || !isCurrentQuestion}
-                className={cn(
-                  'w-full h-full py-0 bg-transparent text-sm leading-sm font-medium text-text',
-                  'placeholder:text-text-tertiary placeholder:font-normal',
-                  'border-0 rounded-none outline-none outline-offset-0',
-                  'focus:outline-none focus:outline-offset-0',
-                  'focus-visible:outline-none focus-visible:outline-offset-0',
-                  'ring-0 focus:ring-0 focus:ring-offset-0 focus-visible:ring-0 focus-visible:ring-offset-0 shadow-none',
-                  'disabled:cursor-not-allowed'
-                )}
-              />
-            </div>
-            <div
-              className="mt-1.5 overflow-hidden origin-left transition-[width] duration-200 ease-out"
-              style={{ width: showUnderline ? '100%' : '0%' }}
-              aria-hidden
-            >
-              <div className="h-px bg-[var(--color-border-tertiary)]" />
-            </div>
-          </div>
-        </div>
-      )}
-    </div>
-  )
-}

package/cli/registry/chat/user-question/UserQuestionFooter.tsx

@@ -1,66 +0,0 @@
-import type { ReactNode } from 'react'
-import { Button } from '../../basic/button'
-import type { UserQuestionLabels } from './types'
-
-export interface UserQuestionFooterProps {
-  labels: Required<UserQuestionLabels>
-  sparklingIcon: ReactNode
-  isSubmitting: boolean
-  hasCustomText: boolean
-  allQuestionsAnswered: boolean
-  onRecommend: () => void
-  onSkip: () => void
-  onContinue: () => void
-}
-
-export function UserQuestionFooter({
-  labels,
-  sparklingIcon,
-  isSubmitting,
-  hasCustomText,
-  allQuestionsAnswered,
-  onRecommend,
-  onSkip,
-  onContinue,
-}: UserQuestionFooterProps) {
-  return (
-    <div className="flex items-center justify-between px-3 py-2">
-      <Button
-        variant="ghost"
-        size="sm"
-        onClick={onRecommend}
-        disabled={isSubmitting}
-      >
-        {sparklingIcon}
-        {labels.recommend}
-      </Button>
-      <div className="flex items-center gap-2">
-        {!allQuestionsAnswered && (
-          <Button
-            variant="ghost"
-            size="sm"
-            onClick={onSkip}
-            disabled={isSubmitting}
-          >
-            {labels.skipAll}
-          </Button>
-        )}
-        <Button
-          size="sm"
-          variant="secondary"
-          onClick={onContinue}
-          disabled={isSubmitting || hasCustomText || !allQuestionsAnswered}
-        >
-          {isSubmitting ? (
-            labels.sending
-          ) : (
-            <>
-              {allQuestionsAnswered ? labels.submit : labels.continue}
-              <span className="opacity-70"> ↵</span>
-            </>
-          )}
-        </Button>
-      </div>
-    </div>
-  )
-}

package/cli/registry/chat/user-question/UserQuestionHeader.tsx

@@ -1,64 +0,0 @@
-import type { ReactNode } from 'react'
-import { IconButton } from '../../basic/icon-button'
-import type { UserQuestionItem } from './types'
-import type { UserQuestionLabels } from './types'
-
-export interface UserQuestionHeaderProps {
-  currentQuestion: UserQuestionItem | undefined
-  questionsLength: number
-  labels: Required<UserQuestionLabels>
-  chat4Icon: ReactNode
-  arrowUpSIcon: ReactNode
-  arrowDownSIcon: ReactNode
-  currentQuestionIndex: number
-  onPrevious: () => void
-  onNext: () => void
-}
-
-export function UserQuestionHeader({
-  currentQuestion,
-  questionsLength,
-  labels,
-  chat4Icon,
-  arrowUpSIcon,
-  arrowDownSIcon,
-  currentQuestionIndex,
-  onPrevious,
-  onNext,
-}: UserQuestionHeaderProps) {
-  return (
-    <div className="flex items-center justify-between mb-2 -mt-2 px-3 pt-2 pb-2 rounded-t-xl bg-fill-tertiary">
-      <div className="flex items-center gap-1.5">
-        {chat4Icon}
-        <span className="text-xs leading-xs text-text-tertiary">
-          {currentQuestion?.header || labels.questionHeader}
-        </span>
-        <span className="text-text-tertiary/50">•</span>
-        <span className="text-xs leading-xs text-text-tertiary">
-          {currentQuestion?.multiSelect ? labels.multiSelect : labels.singleSelect}
-        </span>
-      </div>
-      {questionsLength > 1 && (
-        <div className="flex items-center gap-1">
-          <IconButton
-            size="sm"
-            variant="ghost"
-            onClick={onPrevious}
-            disabled={currentQuestionIndex === 0}
-            icon={arrowUpSIcon}
-          />
-          <span className="text-xs leading-xs text-text-tertiary px-1">
-            {currentQuestionIndex + 1} / {questionsLength}
-          </span>
-          <IconButton
-            size="sm"
-            variant="ghost"
-            onClick={onNext}
-            disabled={currentQuestionIndex === questionsLength - 1}
-            icon={arrowDownSIcon}
-          />
-        </div>
-      )}
-    </div>
-  )
-}

package/cli/registry/chat/user-question/useUserQuestionState.ts

@@ -1,165 +0,0 @@
-import { useState, useEffect, useCallback, useRef, useImperativeHandle } from 'react'
-import type { Ref } from 'react'
-import type { UserQuestionItem, UserQuestionHandle } from './types'
-
-export interface UseUserQuestionStateProps {
-  questions: UserQuestionItem[]
-  resetKey?: string
-  onAnswer: (answers: Record<string, string>) => void
-  ref: Ref<UserQuestionHandle | null>
-}
-
-export function useUserQuestionState({
-  questions,
-  resetKey,
-  ref,
-}: UseUserQuestionStateProps) {
-  const [currentQuestionIndex, setCurrentQuestionIndex] = useState(0)
-  const [answers, setAnswers] = useState<Record<string, string[]>>({})
-  const [customInputs, setCustomInputs] = useState<Record<string, string>>({})
-  const [focusedOptionIndex, setFocusedOptionIndex] = useState(0)
-  const [isSubmitting, setIsSubmitting] = useState(false)
-  const [maxQuestionHeight, setMaxQuestionHeight] = useState<number | undefined>(undefined)
-
-  const prevIndexRef = useRef(currentQuestionIndex)
-  const prevResetKeyRef = useRef(resetKey)
-  const scrollContainerRef = useRef<HTMLDivElement>(null)
-  const questionRefs = useRef<Map<number, HTMLDivElement>>(new Map())
-  const currentIndexRef = useRef(currentQuestionIndex)
-  const isProgrammaticScrollRef = useRef(false)
-  const shouldScrollToQuestionRef = useRef(false)
-  const customInputRefs = useRef<Map<string, HTMLInputElement>>(new Map())
-
-  const getSelectedOptionIndex = useCallback(
-    (questionIndex: number) => {
-      const question = questions[questionIndex]
-      if (!question) return 0
-      const selectedLabels = answers[question.question] || []
-      if (selectedLabels.length === 0) return 0
-      const options = question.options || []
-      const selectedIndex = options.findIndex((opt) => selectedLabels.includes(opt.label))
-      return selectedIndex >= 0 ? selectedIndex : 0
-    },
-    [questions, answers]
-  )
-
-  useImperativeHandle(
-    ref,
-    () => ({
-      getAnswers: () => {
-        const formattedAnswers: Record<string, string> = {}
-        for (const question of questions) {
-          const selected = answers[question.question] || []
-          const customInput = customInputs[question.question]?.trim()
-          const allParts: string[] = []
-          if (selected.length > 0) allParts.push(...selected)
-          if (customInput) allParts.push(customInput)
-          if (allParts.length > 0) {
-            formattedAnswers[question.question] = allParts.join(', ')
-          }
-        }
-        return formattedAnswers
-      },
-    }),
-    [answers, customInputs, questions]
-  )
-
-  useEffect(() => {
-    if (prevResetKeyRef.current !== resetKey) {
-      setIsSubmitting(false)
-      setCurrentQuestionIndex(0)
-      currentIndexRef.current = 0
-      setAnswers({})
-      setCustomInputs({})
-      setFocusedOptionIndex(0)
-      prevResetKeyRef.current = resetKey
-      questionRefs.current.clear()
-      customInputRefs.current.clear()
-    }
-  }, [resetKey])
-
-  useEffect(() => {
-    if (prevIndexRef.current !== currentQuestionIndex) {
-      currentIndexRef.current = currentQuestionIndex
-      if (shouldScrollToQuestionRef.current) {
-        isProgrammaticScrollRef.current = true
-        const questionEl = questionRefs.current.get(currentQuestionIndex)
-        const container = scrollContainerRef.current
-        if (questionEl && container) {
-          const handleScrollEnd = () => {
-            isProgrammaticScrollRef.current = false
-            shouldScrollToQuestionRef.current = false
-            container.removeEventListener('scrollend', handleScrollEnd)
-          }
-          container.addEventListener('scrollend', handleScrollEnd, { once: true })
-          questionEl.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
-        } else {
-          isProgrammaticScrollRef.current = false
-          shouldScrollToQuestionRef.current = false
-        }
-      }
-      prevIndexRef.current = currentQuestionIndex
-    }
-  }, [currentQuestionIndex])
-
-  useEffect(() => {
-    const timer = setTimeout(() => {
-      let maxHeight = 0
-      questionRefs.current.forEach((el) => {
-        const h = el.getBoundingClientRect().height
-        if (h > maxHeight) maxHeight = h
-      })
-      if (maxHeight > 0) setMaxQuestionHeight(maxHeight)
-    }, 50)
-    return () => clearTimeout(timer)
-  }, [questions, resetKey])
-
-  useEffect(() => {
-    const container = scrollContainerRef.current
-    if (!container) return
-    const observer = new IntersectionObserver(
-      (entries) => {
-        if (isProgrammaticScrollRef.current) return
-        let maxRatio = 0
-        let visibleIndex = currentIndexRef.current
-        entries.forEach((entry) => {
-          if (entry.isIntersecting && entry.intersectionRatio > maxRatio) {
-            maxRatio = entry.intersectionRatio
-            questionRefs.current.forEach((el, index) => {
-              if (el === entry.target) visibleIndex = index
-            })
-          }
-        })
-        if (visibleIndex !== currentIndexRef.current && maxRatio > 0.5) {
-          currentIndexRef.current = visibleIndex
-          setCurrentQuestionIndex(visibleIndex)
-          setFocusedOptionIndex(getSelectedOptionIndex(visibleIndex))
-        }
-      },
-      { root: container, threshold: [0, 0.25, 0.5, 0.75, 1] }
-    )
-    questionRefs.current.forEach((el) => {
-      if (el?.isConnected) observer.observe(el)
-    })
-    return () => observer.disconnect()
-  }, [questions, getSelectedOptionIndex])
-
-  return {
-    currentQuestionIndex,
-    setCurrentQuestionIndex,
-    answers,
-    setAnswers,
-    customInputs,
-    setCustomInputs,
-    focusedOptionIndex,
-    setFocusedOptionIndex,
-    isSubmitting,
-    setIsSubmitting,
-    maxQuestionHeight,
-    scrollContainerRef,
-    questionRefs,
-    shouldScrollToQuestionRef,
-    customInputRefs,
-    getSelectedOptionIndex,
-  }
-}

package/dist/registry/chat/user-question/UserQuestionCard.d.ts

@@ -1,36 +0,0 @@
-/**
- * [WHO]: Public exports from this file (see implementation below).
- * [FROM]: See the import block immediately after this header.
- * [TO]: sparkdesign package consumers; output of CLI `add` when applicable.
- * [HERE]: registry/chat/user-question/UserQuestionCard.tsx — Spark Design source; keep aligned with the main library.
- *
- * [PROTOCOL]:
- * 1. Keep this P3 header in sync when the public contract changes.
- * 2. Update module AGENTS.md (P2) and root AGENTS.md (P1) when boundaries change.
- * 3. Follow design tokens and explicit type exports.
- */
-import type { Dispatch, MutableRefObject, SetStateAction } from 'react';
-import type { UserQuestionItem, UserQuestionLabels } from './types';
-export interface UserQuestionCardProps {
-    question: UserQuestionItem;
-    qIndex: number;
-    labels: Required<UserQuestionLabels>;
-    answers: Record<string, string[]>;
-    customInputs: Record<string, string>;
-    focusedOptionIndex: number;
-    isCurrentQuestion: boolean;
-    isSubmitting: boolean;
-    allQuestionsAnswered: boolean;
-    questionsLength: number;
-    questionRefs: MutableRefObject<Map<number, HTMLDivElement>>;
-    customInputRefs: MutableRefObject<Map<string, HTMLInputElement>>;
-    setCurrentQuestionIndex: (i: number) => void;
-    setFocusedOptionIndex: (i: number) => void;
-    setAnswers: Dispatch<SetStateAction<Record<string, string[]>>>;
-    setCustomInputs: Dispatch<SetStateAction<Record<string, string>>>;
-    getSelectedOptionIndex: (i: number) => number;
-    shouldScrollToQuestionRef: MutableRefObject<boolean>;
-    onOptionClick: (questionText: string, optionLabel: string, questionIndex: number) => void;
-    onContinue: () => void;
-}
-export declare function UserQuestionCard({ question, qIndex, labels, answers, customInputs, focusedOptionIndex, isCurrentQuestion, isSubmitting, allQuestionsAnswered, questionsLength, questionRefs, customInputRefs, setCurrentQuestionIndex, setFocusedOptionIndex, setAnswers, setCustomInputs, getSelectedOptionIndex, shouldScrollToQuestionRef, onOptionClick, onContinue, }: UserQuestionCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/registry/chat/user-question/UserQuestionFooter.d.ts

@@ -1,24 +0,0 @@
-/**
- * [WHO]: Public exports from this file (see implementation below).
- * [FROM]: See the import block immediately after this header.
- * [TO]: sparkdesign package consumers; output of CLI `add` when applicable.
- * [HERE]: registry/chat/user-question/UserQuestionFooter.tsx — Spark Design source; keep aligned with the main library.
- *
- * [PROTOCOL]:
- * 1. Keep this P3 header in sync when the public contract changes.
- * 2. Update module AGENTS.md (P2) and root AGENTS.md (P1) when boundaries change.
- * 3. Follow design tokens and explicit type exports.
- */
-import type { ReactNode } from 'react';
-import type { UserQuestionLabels } from './types';
-export interface UserQuestionFooterProps {
-    labels: Required<UserQuestionLabels>;
-    sparklingIcon: ReactNode;
-    isSubmitting: boolean;
-    hasCustomText: boolean;
-    allQuestionsAnswered: boolean;
-    onRecommend: () => void;
-    onSkip: () => void;
-    onContinue: () => void;
-}
-export declare function UserQuestionFooter({ labels, sparklingIcon, isSubmitting, hasCustomText, allQuestionsAnswered, onRecommend, onSkip, onContinue, }: UserQuestionFooterProps): import("react/jsx-runtime").JSX.Element;

package/dist/registry/chat/user-question/UserQuestionHeader.d.ts

@@ -1,26 +0,0 @@
-/**
- * [WHO]: Public exports from this file (see implementation below).
- * [FROM]: See the import block immediately after this header.
- * [TO]: sparkdesign package consumers; output of CLI `add` when applicable.
- * [HERE]: registry/chat/user-question/UserQuestionHeader.tsx — Spark Design source; keep aligned with the main library.
- *
- * [PROTOCOL]:
- * 1. Keep this P3 header in sync when the public contract changes.
- * 2. Update module AGENTS.md (P2) and root AGENTS.md (P1) when boundaries change.
- * 3. Follow design tokens and explicit type exports.
- */
-import type { ReactNode } from 'react';
-import type { UserQuestionItem } from './types';
-import type { UserQuestionLabels } from './types';
-export interface UserQuestionHeaderProps {
-    currentQuestion: UserQuestionItem | undefined;
-    questionsLength: number;
-    labels: Required<UserQuestionLabels>;
-    chat4Icon: ReactNode;
-    arrowUpSIcon: ReactNode;
-    arrowDownSIcon: ReactNode;
-    currentQuestionIndex: number;
-    onPrevious: () => void;
-    onNext: () => void;
-}
-export declare function UserQuestionHeader({ currentQuestion, questionsLength, labels, chat4Icon, arrowUpSIcon, arrowDownSIcon, currentQuestionIndex, onPrevious, onNext, }: UserQuestionHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/registry/chat/user-question/useUserQuestionState.d.ts

@@ -1,26 +0,0 @@
-import type { Ref } from 'react';
-import type { UserQuestionItem, UserQuestionHandle } from './types';
-export interface UseUserQuestionStateProps {
-    questions: UserQuestionItem[];
-    resetKey?: string;
-    onAnswer: (answers: Record<string, string>) => void;
-    ref: Ref<UserQuestionHandle | null>;
-}
-export declare function useUserQuestionState({ questions, resetKey, ref, }: UseUserQuestionStateProps): {
-    currentQuestionIndex: number;
-    setCurrentQuestionIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    answers: Record<string, string[]>;
-    setAnswers: import("react").Dispatch<import("react").SetStateAction<Record<string, string[]>>>;
-    customInputs: Record<string, string>;
-    setCustomInputs: import("react").Dispatch<import("react").SetStateAction<Record<string, string>>>;
-    focusedOptionIndex: number;
-    setFocusedOptionIndex: import("react").Dispatch<import("react").SetStateAction<number>>;
-    isSubmitting: boolean;
-    setIsSubmitting: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    maxQuestionHeight: number | undefined;
-    scrollContainerRef: import("react").RefObject<HTMLDivElement | null>;
-    questionRefs: import("react").RefObject<Map<number, HTMLDivElement>>;
-    shouldScrollToQuestionRef: import("react").RefObject<boolean>;
-    customInputRefs: import("react").RefObject<Map<string, HTMLInputElement>>;
-    getSelectedOptionIndex: (questionIndex: number) => number;
-};

package/dist/src/components/basic/CollapsibleSection/index.d.ts

@@ -1,43 +0,0 @@
-/**
- * [WHO]: Public exports from this file (see implementation below).
- * [FROM]: See the import block immediately after this header.
- * [TO]: sparkdesign package consumers; output of CLI `add` when applicable.
- * [HERE]: src/components/basic/CollapsibleSection/index.tsx — Spark Design source; keep aligned with the main library.
- *
- * [PROTOCOL]:
- * 1. Keep this P3 header in sync when the public contract changes.
- * 2. Update module AGENTS.md (P2) and root AGENTS.md (P1) when boundaries change.
- * 3. Follow design tokens and explicit type exports.
- */
-import { type ReactNode } from 'react';
-export interface CollapsibleSectionProps {
-    /** 区块标题 */
-    title: string;
-    /** 展开时的描述文案（可选） */
-    description?: string;
-    /** 展开时的内容区域 */
-    children?: ReactNode;
-    /** 是否展开 */
-    open: boolean;
-    /** 切换展开/收起 */
-    onToggle: () => void;
-    /** 是否为最后一项（最后一项无底部分割线） */
-    isLast?: boolean;
-    /** 自定义 className */
-    className?: string;
-    /** 无障碍：内容区 id，不传则自动生成 */
-    id?: string;
-    /**
-     * 内容区最大高度（px），超出时内部滚动并显示上下渐变遮罩。
-     * 不传则无高度限制、不产生内部滚动。
-     */
-    contentMaxHeight?: number;
-    /**
-     * 吸底节点（如「查看全部」按钮）。与 contentMaxHeight 同时传入时，内容区为「可滚动列表 + 底部固定 footer」布局。
-     */
-    footer?: ReactNode;
-}
-export declare function CollapsibleSection({ title, description, children, open, onToggle, isLast, className, id: idProp, contentMaxHeight, footer, }: CollapsibleSectionProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace CollapsibleSection {
-    var displayName: string;
-}

package/dist/src/components/chat/Response/StreamingMarkdownBlock.d.ts

@@ -1,12 +0,0 @@
-/**
- * [WHO]: Public exports from this file (see implementation below).
- * [FROM]: See the import block immediately after this header.
- * [TO]: sparkdesign package consumers; output of CLI `add` when applicable.
- * [HERE]: src/components/chat/Response/StreamingMarkdownBlock.tsx — Spark Design source; keep aligned with the main library.
- *
- * [PROTOCOL]:
- * 1. Keep this P3 header in sync when the public contract changes.
- * 2. Update module AGENTS.md (P2) and root AGENTS.md (P1) when boundaries change.
- * 3. Follow design tokens and explicit type exports.
- */
-export { StreamingMarkdownBlock, type StreamingMarkdownBlockProps, } from '../../../../registry/chat/streaming-markdown-block';