asterui 0.12.0 → 0.12.2

package/dist/index89.js.map

@@ -1 +1 @@
-{"version":3,"file":"index89.js","sources":["../src/components/TreeSelect.tsx"],"sourcesContent":["import React, { useState, useCallback, useRef, useEffect, useMemo } from 'react'\nimport type { TreeDataNode } from './Tree'\n\nexport interface TreeSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  treeData: TreeDataNode[]\n  value?: string | string[]\n  defaultValue?: string | string[]\n  onChange?: (value: string | string[], labels: React.ReactNode[]) => void\n  multiple?: boolean\n  treeCheckable?: boolean\n  showSearch?: boolean\n  placeholder?: string\n  allowClear?: boolean\n  disabled?: boolean\n  treeDefaultExpandAll?: boolean\n  treeDefaultExpandedKeys?: string[]\n  treeExpandedKeys?: string[]\n  onTreeExpand?: (expandedKeys: string[]) => void\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n}\n\n// Helper to flatten tree data for search\nfunction flattenTree(\n  data: TreeDataNode[],\n  parentPath: React.ReactNode[] = []\n): Array<{ node: TreeDataNode; path: React.ReactNode[] }> {\n  const result: Array<{ node: TreeDataNode; path: React.ReactNode[] }> = []\n\n  data.forEach((node) => {\n    const currentPath = [...parentPath, node.title]\n    result.push({ node, path: currentPath })\n    if (node.children) {\n      result.push(...flattenTree(node.children, currentPath))\n    }\n  })\n\n  return result\n}\n\n// Helper to get all keys\nfunction getAllKeys(data: TreeDataNode[]): string[] {\n  const keys: string[] = []\n  const traverse = (nodes: TreeDataNode[]) => {\n    nodes.forEach((node) => {\n      keys.push(node.key)\n      if (node.children) traverse(node.children)\n    })\n  }\n  traverse(data)\n  return keys\n}\n\n// Helper to find node by key\nfunction findNode(data: TreeDataNode[], key: string): TreeDataNode | null {\n  for (const node of data) {\n    if (node.key === key) return node\n    if (node.children) {\n      const found = findNode(node.children, key)\n      if (found) return found\n    }\n  }\n  return null\n}\n\n// Helper to get all descendant keys\nfunction getDescendantKeys(node: TreeDataNode): string[] {\n  const keys: string[] = []\n  const traverse = (n: TreeDataNode) => {\n    if (n.children) {\n      n.children.forEach((child) => {\n        keys.push(child.key)\n        traverse(child)\n      })\n    }\n  }\n  traverse(node)\n  return keys\n}\n\ninterface TreeSelectNodeProps {\n  node: TreeDataNode\n  level: number\n  expanded: boolean\n  selected: boolean\n  checked: boolean\n  indeterminate: boolean\n  treeCheckable: boolean\n  onToggle: (key: string) => void\n  onSelect: (key: string, node: TreeDataNode) => void\n  onCheck: (key: string, node: TreeDataNode) => void\n  renderChildren: (children: TreeDataNode[], level: number) => React.ReactNode\n}\n\nfunction TreeSelectNode({\n  node,\n  level,\n  expanded,\n  selected,\n  checked,\n  indeterminate,\n  treeCheckable,\n  onToggle,\n  onSelect,\n  onCheck,\n  renderChildren,\n}: TreeSelectNodeProps) {\n  const hasChildren = node.children && node.children.length > 0\n  const isLeaf = node.isLeaf ?? !hasChildren\n\n  const handleToggle = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!isLeaf) {\n      onToggle(node.key)\n    }\n  }\n\n  const handleSelect = () => {\n    if (!node.disabled) {\n      if (treeCheckable) {\n        onCheck(node.key, node)\n      } else {\n        onSelect(node.key, node)\n      }\n    }\n  }\n\n  const handleCheck = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    if (!node.disabled) {\n      onCheck(node.key, node)\n    }\n  }\n\n  return (\n    <div className=\"tree-select-node\">\n      <div\n        className={[\n          'flex items-center py-1.5 px-2 cursor-pointer hover:bg-base-200 transition-colors',\n          (selected || checked) && 'bg-primary/10 text-primary',\n          node.disabled && 'opacity-50 cursor-not-allowed',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        style={{ paddingLeft: `${level * 16 + 8}px` }}\n        onClick={handleSelect}\n      >\n        {/* Expand/Collapse icon */}\n        <span\n          className={[\n            'w-4 h-4 flex items-center justify-center flex-shrink-0 mr-1',\n            !isLeaf && 'cursor-pointer',\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={handleToggle}\n        >\n          {!isLeaf && (\n            <svg\n              className={`w-3 h-3 transition-transform ${expanded ? 'rotate-90' : ''}`}\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 5l7 7-7 7\" />\n            </svg>\n          )}\n        </span>\n\n        {/* Checkbox for treeCheckable mode */}\n        {treeCheckable && (\n          <span className=\"mr-2 flex-shrink-0\" onClick={handleCheck}>\n            <input\n              type=\"checkbox\"\n              className=\"checkbox checkbox-sm checkbox-primary\"\n              checked={checked}\n              ref={(el) => {\n                if (el) el.indeterminate = indeterminate\n              }}\n              disabled={node.disabled}\n              onChange={() => {}}\n            />\n          </span>\n        )}\n\n        {/* Title */}\n        <span className=\"flex-1 truncate select-none text-sm\">{node.title}</span>\n      </div>\n\n      {/* Children */}\n      {hasChildren && expanded && renderChildren(node.children!, level + 1)}\n    </div>\n  )\n}\n\nexport function TreeSelect({\n  treeData,\n  value: controlledValue,\n  defaultValue = [],\n  onChange,\n  multiple = false,\n  treeCheckable = false,\n  showSearch = false,\n  placeholder = 'Please select',\n  allowClear = true,\n  disabled = false,\n  treeDefaultExpandAll = false,\n  treeDefaultExpandedKeys = [],\n  treeExpandedKeys: controlledExpandedKeys,\n  onTreeExpand,\n  size = 'md',\n  className = '',\n  ...rest\n}: TreeSelectProps) {\n  const [isOpen, setIsOpen] = useState(false)\n  const [searchValue, setSearchValue] = useState('')\n  const containerRef = useRef<HTMLDivElement>(null)\n  const inputRef = useRef<HTMLInputElement>(null)\n\n  // Normalize value to array\n  const normalizeValue = (val: string | string[] | undefined): string[] => {\n    if (val === undefined) return []\n    return Array.isArray(val) ? val : [val]\n  }\n\n  const initialValue = normalizeValue(defaultValue)\n  const [internalValue, setInternalValue] = useState<string[]>(initialValue)\n\n  const value = controlledValue !== undefined ? normalizeValue(controlledValue) : internalValue\n\n  // Expanded keys\n  const initialExpandedKeys = useMemo(() => {\n    if (treeDefaultExpandAll) return getAllKeys(treeData)\n    return treeDefaultExpandedKeys\n  }, [])\n\n  const [internalExpandedKeys, setInternalExpandedKeys] = useState<string[]>(initialExpandedKeys)\n  const expandedKeys = controlledExpandedKeys ?? internalExpandedKeys\n\n  // Close on click outside\n  useEffect(() => {\n    const handleClickOutside = (e: MouseEvent) => {\n      if (containerRef.current && !containerRef.current.contains(e.target as Node)) {\n        setIsOpen(false)\n        setSearchValue('')\n      }\n    }\n\n    document.addEventListener('mousedown', handleClickOutside)\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [])\n\n  // Filter tree data based on search\n  const filteredData = useMemo(() => {\n    if (!searchValue) return treeData\n\n    const flatNodes = flattenTree(treeData)\n    const matchingKeys = new Set<string>()\n\n    flatNodes.forEach(({ node }) => {\n      const titleStr =\n        typeof node.title === 'string' ? node.title : String(node.title)\n      if (titleStr.toLowerCase().includes(searchValue.toLowerCase())) {\n        matchingKeys.add(node.key)\n      }\n    })\n\n    // Include parent keys of matching nodes\n    const filterTree = (nodes: TreeDataNode[]): TreeDataNode[] => {\n      return nodes\n        .map((node) => {\n          const hasMatchingChildren =\n            node.children && filterTree(node.children).length > 0\n          const isMatch = matchingKeys.has(node.key)\n\n          if (isMatch || hasMatchingChildren) {\n            return {\n              ...node,\n              children: node.children ? filterTree(node.children) : undefined,\n            }\n          }\n          return null\n        })\n        .filter(Boolean) as TreeDataNode[]\n    }\n\n    return filterTree(treeData)\n  }, [treeData, searchValue])\n\n  const handleToggle = useCallback(\n    (key: string) => {\n      const newKeys = expandedKeys.includes(key)\n        ? expandedKeys.filter((k) => k !== key)\n        : [...expandedKeys, key]\n\n      if (controlledExpandedKeys === undefined) {\n        setInternalExpandedKeys(newKeys)\n      }\n      onTreeExpand?.(newKeys)\n    },\n    [expandedKeys, controlledExpandedKeys, onTreeExpand]\n  )\n\n  const handleSelect = useCallback(\n    (key: string, _node: TreeDataNode) => {\n      let newValue: string[]\n\n      if (multiple) {\n        if (value.includes(key)) {\n          newValue = value.filter((k) => k !== key)\n        } else {\n          newValue = [...value, key]\n        }\n      } else {\n        newValue = [key]\n        setIsOpen(false)\n        setSearchValue('')\n      }\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n\n      const labels = newValue.map((k) => findNode(treeData, k)?.title || k)\n      onChange?.(multiple ? newValue : newValue[0] || '', labels)\n    },\n    [value, multiple, controlledValue, onChange, treeData]\n  )\n\n  const handleCheck = useCallback(\n    (key: string, node: TreeDataNode) => {\n      const isChecked = value.includes(key)\n      let newValue = [...value]\n      const descendantKeys = getDescendantKeys(node)\n\n      if (isChecked) {\n        newValue = newValue.filter((k) => k !== key && !descendantKeys.includes(k))\n      } else {\n        newValue.push(key)\n        descendantKeys.forEach((dk) => {\n          if (!newValue.includes(dk)) newValue.push(dk)\n        })\n      }\n\n      if (controlledValue === undefined) {\n        setInternalValue(newValue)\n      }\n\n      const labels = newValue.map((k) => findNode(treeData, k)?.title || k)\n      onChange?.(newValue, labels)\n    },\n    [value, controlledValue, onChange, treeData]\n  )\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    const newValue: string[] = []\n\n    if (controlledValue === undefined) {\n      setInternalValue(newValue)\n    }\n\n    onChange?.(multiple ? newValue : '', [])\n  }\n\n  const removeTag = (key: string, e: React.MouseEvent) => {\n    e.stopPropagation()\n    const newValue = value.filter((k) => k !== key)\n\n    if (controlledValue === undefined) {\n      setInternalValue(newValue)\n    }\n\n    const labels = newValue.map((k) => findNode(treeData, k)?.title || k)\n    onChange?.(multiple ? newValue : newValue[0] || '', labels)\n  }\n\n  const getCheckedState = useCallback(\n    (node: TreeDataNode): { checked: boolean; indeterminate: boolean } => {\n      if (!node.children || node.children.length === 0) {\n        return { checked: value.includes(node.key), indeterminate: false }\n      }\n\n      const descendantKeys = getDescendantKeys(node)\n      const checkedDescendants = descendantKeys.filter((k) => value.includes(k))\n\n      if (checkedDescendants.length === 0) {\n        return { checked: value.includes(node.key), indeterminate: false }\n      }\n\n      if (checkedDescendants.length === descendantKeys.length) {\n        return { checked: true, indeterminate: false }\n      }\n\n      return { checked: false, indeterminate: true }\n    },\n    [value]\n  )\n\n  const renderNodes = useCallback(\n    (nodes: TreeDataNode[], level: number): React.ReactNode => {\n      return nodes.map((node) => {\n        const { checked, indeterminate } = getCheckedState(node)\n\n        return (\n          <TreeSelectNode\n            key={node.key}\n            node={node}\n            level={level}\n            expanded={expandedKeys.includes(node.key)}\n            selected={value.includes(node.key)}\n            checked={checked}\n            indeterminate={indeterminate}\n            treeCheckable={treeCheckable}\n            onToggle={handleToggle}\n            onSelect={handleSelect}\n            onCheck={handleCheck}\n            renderChildren={renderNodes}\n          />\n        )\n      })\n    },\n    [expandedKeys, value, treeCheckable, handleToggle, handleSelect, handleCheck, getCheckedState]\n  )\n\n  // Display value\n  const displayValue = useMemo(() => {\n    if (value.length === 0) return null\n\n    if (multiple || treeCheckable) {\n      return value.map((key) => {\n        const node = findNode(treeData, key)\n        return (\n          <span\n            key={key}\n            className=\"inline-flex items-center gap-1 px-2 py-0.5 bg-base-200 rounded text-sm mr-1 mb-1\"\n          >\n            {node?.title || key}\n            <button\n              type=\"button\"\n              className=\"hover:text-error\"\n              onClick={(e) => removeTag(key, e)}\n            >\n              <svg className=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n              </svg>\n            </button>\n          </span>\n        )\n      })\n    }\n\n    const node = findNode(treeData, value[0])\n    return node?.title || value[0]\n  }, [value, treeData, multiple, treeCheckable])\n\n  const sizeClasses = {\n    xs: 'min-h-6 text-xs',\n    sm: 'min-h-8 text-sm',\n    md: 'min-h-10 text-base',\n    lg: 'min-h-12 text-lg',\n  }\n\n  return (\n    <div ref={containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      {/* Trigger */}\n      <div\n        className={[\n          'input input-bordered flex items-center gap-2 cursor-pointer flex-wrap',\n          sizeClasses[size],\n          disabled && 'input-disabled opacity-50 cursor-not-allowed',\n          isOpen && 'input-primary',\n        ]\n          .filter(Boolean)\n          .join(' ')}\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n      >\n        <div className=\"flex-1 flex flex-wrap items-center gap-1 min-w-0\">\n          {displayValue || (\n            <span className=\"text-base-content/50\">{placeholder}</span>\n          )}\n        </div>\n\n        {/* Clear button */}\n        {allowClear && value.length > 0 && !disabled && (\n          <button\n            type=\"button\"\n            className=\"hover:text-error flex-shrink-0\"\n            onClick={handleClear}\n          >\n            <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          </button>\n        )}\n\n        {/* Dropdown arrow */}\n        <svg\n          className={`w-4 h-4 flex-shrink-0 transition-transform ${isOpen ? 'rotate-180' : ''}`}\n          fill=\"none\"\n          viewBox=\"0 0 24 24\"\n          stroke=\"currentColor\"\n        >\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M19 9l-7 7-7-7\" />\n        </svg>\n      </div>\n\n      {/* Dropdown */}\n      {isOpen && (\n        <div className=\"absolute z-50 mt-1 w-full bg-base-100 border border-base-300 rounded-lg shadow-lg max-h-64 overflow-auto\">\n          {/* Search input */}\n          {showSearch && (\n            <div className=\"p-2 border-b border-base-300\">\n              <input\n                ref={inputRef}\n                type=\"text\"\n                className=\"input input-bordered input-sm w-full\"\n                placeholder=\"Search...\"\n                value={searchValue}\n                onChange={(e) => setSearchValue(e.target.value)}\n                onClick={(e) => e.stopPropagation()}\n                autoFocus\n              />\n            </div>\n          )}\n\n          {/* Tree */}\n          <div className=\"py-1\">\n            {filteredData.length > 0 ? (\n              renderNodes(filteredData, 0)\n            ) : (\n              <div className=\"px-4 py-2 text-base-content/50 text-sm text-center\">\n                No results found\n              </div>\n            )}\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["flattenTree","data","parentPath","result","node","currentPath","getAllKeys","keys","traverse","nodes","findNode","key","found","getDescendantKeys","n","child","TreeSelectNode","level","expanded","selected","checked","indeterminate","treeCheckable","onToggle","onSelect","onCheck","renderChildren","hasChildren","isLeaf","handleToggle","e","handleSelect","handleCheck","jsxs","jsx","el","TreeSelect","treeData","controlledValue","defaultValue","onChange","multiple","showSearch","placeholder","allowClear","disabled","treeDefaultExpandAll","treeDefaultExpandedKeys","controlledExpandedKeys","onTreeExpand","size","className","rest","isOpen","setIsOpen","useState","searchValue","setSearchValue","containerRef","useRef","inputRef","normalizeValue","val","initialValue","internalValue","setInternalValue","value","initialExpandedKeys","useMemo","internalExpandedKeys","setInternalExpandedKeys","expandedKeys","useEffect","handleClickOutside","filteredData","flatNodes","matchingKeys","filterTree","hasMatchingChildren","useCallback","newKeys","k","_node","newValue","labels","isChecked","descendantKeys","dk","handleClear","removeTag","getCheckedState","checkedDescendants","renderNodes","displayValue","sizeClasses"],"mappings":"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"}
+{"version":3,"file":"index89.js","sources":["../src/components/Tour.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useRef } from 'react'\nimport { createPortal } from 'react-dom'\n\nexport type TourPlacement =\n  | 'top'\n  | 'topLeft'\n  | 'topRight'\n  | 'bottom'\n  | 'bottomLeft'\n  | 'bottomRight'\n  | 'left'\n  | 'leftTop'\n  | 'leftBottom'\n  | 'right'\n  | 'rightTop'\n  | 'rightBottom'\n  | 'center'\n\nexport interface TourStepProps {\n  /** Target element ref or function returning element */\n  target?: React.RefObject<HTMLElement | null> | (() => HTMLElement | null) | null\n  /** Step title */\n  title: React.ReactNode\n  /** Step description */\n  description?: React.ReactNode\n  /** Cover image or content above title */\n  cover?: React.ReactNode\n  /** Placement of popover relative to target */\n  placement?: TourPlacement\n  /** Custom class for this step's popover */\n  className?: string\n  /** Called when this step becomes active */\n  onOpen?: () => void\n  /** Called when leaving this step */\n  onClose?: () => void\n}\n\nexport interface TourProps {\n  /** Whether tour is visible */\n  open?: boolean\n  /** Callback when tour closes */\n  onClose?: () => void\n  /** Callback when tour finishes (last step completed) */\n  onFinish?: () => void\n  /** Tour steps */\n  steps: TourStepProps[]\n  /** Current step (controlled) */\n  current?: number\n  /** Callback when step changes */\n  onChange?: (current: number) => void\n  /** Show mask overlay */\n  mask?: boolean\n  /** Type affects styling */\n  type?: 'default' | 'primary'\n  /** Gap between highlight and target [radius, offset] or single number */\n  gap?: number | [number, number]\n  /** Text for prev button */\n  prevButtonText?: React.ReactNode\n  /** Text for next button */\n  nextButtonText?: React.ReactNode\n  /** Text for finish button */\n  finishButtonText?: React.ReactNode\n  /** Text for skip button */\n  skipButtonText?: React.ReactNode\n  /** Show skip button */\n  showSkip?: boolean\n  /** Show step indicators */\n  showIndicators?: boolean\n  /** Close on mask click */\n  closeOnMaskClick?: boolean\n  /** Close on escape key */\n  closeOnEscape?: boolean\n  /** Scroll target into view */\n  scrollIntoView?: boolean\n  /** Z-index for tour overlay */\n  zIndex?: number\n}\n\nconst getTargetElement = (\n  target: TourStepProps['target']\n): HTMLElement | null => {\n  if (!target) return null\n  if (typeof target === 'function') return target()\n  return target.current\n}\n\nconst getPopoverPosition = (\n  targetRect: DOMRect | null,\n  placement: TourPlacement,\n  popoverRect: DOMRect,\n  gap: number\n): { top: number; left: number } => {\n  if (!targetRect || placement === 'center') {\n    return {\n      top: window.innerHeight / 2 - popoverRect.height / 2,\n      left: window.innerWidth / 2 - popoverRect.width / 2,\n    }\n  }\n\n  const scrollY = window.scrollY\n  const scrollX = window.scrollX\n\n  const positions: Record<TourPlacement, { top: number; left: number }> = {\n    top: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n    },\n    topLeft: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.left + scrollX,\n    },\n    topRight: {\n      top: targetRect.top + scrollY - popoverRect.height - gap,\n      left: targetRect.right + scrollX - popoverRect.width,\n    },\n    bottom: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.left + scrollX + targetRect.width / 2 - popoverRect.width / 2,\n    },\n    bottomLeft: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.left + scrollX,\n    },\n    bottomRight: {\n      top: targetRect.bottom + scrollY + gap,\n      left: targetRect.right + scrollX - popoverRect.width,\n    },\n    left: {\n      top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    leftTop: {\n      top: targetRect.top + scrollY,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    leftBottom: {\n      top: targetRect.bottom + scrollY - popoverRect.height,\n      left: targetRect.left + scrollX - popoverRect.width - gap,\n    },\n    right: {\n      top: targetRect.top + scrollY + targetRect.height / 2 - popoverRect.height / 2,\n      left: targetRect.right + scrollX + gap,\n    },\n    rightTop: {\n      top: targetRect.top + scrollY,\n      left: targetRect.right + scrollX + gap,\n    },\n    rightBottom: {\n      top: targetRect.bottom + scrollY - popoverRect.height,\n      left: targetRect.right + scrollX + gap,\n    },\n    center: {\n      top: window.innerHeight / 2 - popoverRect.height / 2,\n      left: window.innerWidth / 2 - popoverRect.width / 2,\n    },\n  }\n\n  return positions[placement]\n}\n\nexport const Tour: React.FC<TourProps> = ({\n  open = false,\n  onClose,\n  onFinish,\n  steps,\n  current: controlledCurrent,\n  onChange,\n  mask = true,\n  type = 'default',\n  gap = 8,\n  prevButtonText = 'Previous',\n  nextButtonText = 'Next',\n  finishButtonText = 'Finish',\n  skipButtonText = 'Skip',\n  showSkip = true,\n  showIndicators = true,\n  closeOnMaskClick = true,\n  closeOnEscape = true,\n  scrollIntoView = true,\n  zIndex = 1000,\n}) => {\n  const [internalCurrent, setInternalCurrent] = useState(0)\n  const [targetRect, setTargetRect] = useState<DOMRect | null>(null)\n  const [popoverPosition, setPopoverPosition] = useState({ top: 0, left: 0 })\n  const popoverRef = useRef<HTMLDivElement>(null)\n\n  const isControlled = controlledCurrent !== undefined\n  const currentStep = isControlled ? controlledCurrent : internalCurrent\n  const step = steps[currentStep]\n\n  const gapRadius = Array.isArray(gap) ? gap[0] : gap\n  const gapOffset = Array.isArray(gap) ? gap[1] : gap\n\n  const updatePosition = useCallback(() => {\n    if (!step) return\n\n    const target = getTargetElement(step.target)\n    const rect = target?.getBoundingClientRect() ?? null\n    setTargetRect(rect)\n\n    if (popoverRef.current) {\n      const popoverRect = popoverRef.current.getBoundingClientRect()\n      const placement = step.placement ?? 'bottom'\n      const pos = getPopoverPosition(rect, placement, popoverRect, gapOffset + gapRadius)\n      setPopoverPosition(pos)\n    }\n  }, [step, gapOffset, gapRadius])\n\n  const goToStep = useCallback(\n    (stepIndex: number) => {\n      if (stepIndex < 0 || stepIndex >= steps.length) return\n\n      // Call onClose for current step\n      steps[currentStep]?.onClose?.()\n\n      if (!isControlled) {\n        setInternalCurrent(stepIndex)\n      }\n      onChange?.(stepIndex)\n\n      // Call onOpen for new step\n      steps[stepIndex]?.onOpen?.()\n    },\n    [steps, currentStep, isControlled, onChange]\n  )\n\n  const handlePrev = useCallback(() => {\n    goToStep(currentStep - 1)\n  }, [currentStep, goToStep])\n\n  const handleNext = useCallback(() => {\n    if (currentStep === steps.length - 1) {\n      onFinish?.()\n      onClose?.()\n    } else {\n      goToStep(currentStep + 1)\n    }\n  }, [currentStep, steps.length, goToStep, onFinish, onClose])\n\n  const handleSkip = useCallback(() => {\n    onClose?.()\n  }, [onClose])\n\n  const handleMaskClick = useCallback(() => {\n    if (closeOnMaskClick) {\n      onClose?.()\n    }\n  }, [closeOnMaskClick, onClose])\n\n  // Reset to first step when opening\n  useEffect(() => {\n    if (open && !isControlled) {\n      setInternalCurrent(0)\n    }\n  }, [open, isControlled])\n\n  // Update position on step change or open\n  useEffect(() => {\n    if (!open) return\n\n    updatePosition()\n\n    // Scroll target into view\n    if (scrollIntoView && step?.target) {\n      const target = getTargetElement(step.target)\n      target?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n    }\n\n    // Call onOpen for first step\n    if (currentStep === 0) {\n      step?.onOpen?.()\n    }\n  }, [open, currentStep, step, scrollIntoView, updatePosition])\n\n  // Update position on resize/scroll\n  useEffect(() => {\n    if (!open) return\n\n    const handleUpdate = () => updatePosition()\n    window.addEventListener('resize', handleUpdate)\n    window.addEventListener('scroll', handleUpdate, true)\n\n    // Initial position after popover renders\n    requestAnimationFrame(updatePosition)\n\n    return () => {\n      window.removeEventListener('resize', handleUpdate)\n      window.removeEventListener('scroll', handleUpdate, true)\n    }\n  }, [open, updatePosition])\n\n  // Keyboard handling\n  useEffect(() => {\n    if (!open || !closeOnEscape) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose?.()\n      } else if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n        handleNext()\n      } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n        handlePrev()\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [open, closeOnEscape, onClose, handleNext, handlePrev])\n\n  if (!open || !step) return null\n\n  const isFirstStep = currentStep === 0\n  const isLastStep = currentStep === steps.length - 1\n\n  const content = (\n    <div\n      className=\"fixed inset-0\"\n      style={{ zIndex }}\n      data-testid=\"tour\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n    >\n      {/* Mask overlay with spotlight cutout */}\n      {mask && (\n        <svg\n          className=\"absolute inset-0 w-full h-full pointer-events-auto\"\n          onClick={handleMaskClick}\n          style={{ zIndex }}\n        >\n          <defs>\n            <mask id=\"tour-mask\">\n              <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n              {targetRect && (\n                <rect\n                  x={targetRect.left - gapRadius}\n                  y={targetRect.top - gapRadius}\n                  width={targetRect.width + gapRadius * 2}\n                  height={targetRect.height + gapRadius * 2}\n                  rx={gapRadius}\n                  fill=\"black\"\n                />\n              )}\n            </mask>\n          </defs>\n          <rect\n            x=\"0\"\n            y=\"0\"\n            width=\"100%\"\n            height=\"100%\"\n            fill=\"rgba(0, 0, 0, 0.5)\"\n            mask=\"url(#tour-mask)\"\n          />\n        </svg>\n      )}\n\n      {/* Popover */}\n      <div\n        ref={popoverRef}\n        className={`absolute bg-base-100 rounded-lg shadow-xl border border-base-300 max-w-sm ${step.className ?? ''}`}\n        style={{\n          top: popoverPosition.top,\n          left: popoverPosition.left,\n          zIndex: zIndex + 1,\n        }}\n        onClick={(e) => e.stopPropagation()}\n        data-testid=\"tour-popover\"\n      >\n        {/* Cover */}\n        {step.cover && (\n          <div className=\"rounded-t-lg overflow-hidden\">{step.cover}</div>\n        )}\n\n        {/* Content */}\n        <div className=\"p-4\">\n          <h3 className=\"font-semibold text-lg mb-1\">{step.title}</h3>\n          {step.description && (\n            <p className=\"text-base-content/70 text-sm mb-4\">{step.description}</p>\n          )}\n\n          {/* Indicators */}\n          {showIndicators && steps.length > 1 && (\n            <div className=\"flex gap-1 mb-4\">\n              {steps.map((_, index) => (\n                <button\n                  key={index}\n                  className={`w-2 h-2 rounded-full transition-colors ${\n                    index === currentStep\n                      ? 'bg-primary'\n                      : 'bg-base-300 hover:bg-base-content/30'\n                  }`}\n                  onClick={() => goToStep(index)}\n                  aria-label={`Go to step ${index + 1}`}\n                />\n              ))}\n            </div>\n          )}\n\n          {/* Navigation */}\n          <div className=\"flex items-center justify-between gap-2\">\n            <div>\n              {showSkip && !isLastStep && (\n                <button\n                  className=\"btn btn-ghost btn-sm\"\n                  onClick={handleSkip}\n                  data-testid=\"tour-skip\"\n                >\n                  {skipButtonText}\n                </button>\n              )}\n            </div>\n            <div className=\"flex gap-2\">\n              {!isFirstStep && (\n                <button\n                  className=\"btn btn-ghost btn-sm\"\n                  onClick={handlePrev}\n                  data-testid=\"tour-prev\"\n                >\n                  {prevButtonText}\n                </button>\n              )}\n              <button\n                className={`btn btn-sm ${type === 'primary' ? 'btn-primary' : ''}`}\n                onClick={handleNext}\n                data-testid=\"tour-next\"\n              >\n                {isLastStep ? finishButtonText : nextButtonText}\n              </button>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n\n  return createPortal(content, document.body)\n}\n"],"names":["getTargetElement","target","getPopoverPosition","targetRect","placement","popoverRect","gap","scrollY","scrollX","Tour","open","onClose","onFinish","steps","controlledCurrent","onChange","mask","type","prevButtonText","nextButtonText","finishButtonText","skipButtonText","showSkip","showIndicators","closeOnMaskClick","closeOnEscape","scrollIntoView","zIndex","internalCurrent","setInternalCurrent","useState","setTargetRect","popoverPosition","setPopoverPosition","popoverRef","useRef","isControlled","currentStep","step","gapRadius","gapOffset","updatePosition","useCallback","rect","pos","goToStep","stepIndex","handlePrev","handleNext","handleSkip","handleMaskClick","useEffect","handleUpdate","handleKeyDown","e","isFirstStep","isLastStep","content","jsxs","jsx","_","index","createPortal"],"mappings":"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"}

package/dist/index90.js

@@ -1,181 +1,37 @@
-import { jsx as e, jsxs as u, Fragment as C } from "react/jsx-runtime";
-import { useState as g } from "react";
-function f({ text: a }) {
-  const [t, r] = g(!1);
-  return /* @__PURE__ */ e(
-    "button",
-    {
-      onClick: async () => {
-        try {
-          await navigator.clipboard.writeText(a), r(!0), setTimeout(() => r(!1), 2e3);
-        } catch (s) {
-          console.error("Failed to copy:", s);
-        }
-      },
-      className: "btn btn-ghost btn-xs ml-2 opacity-0 group-hover:opacity-100 transition-opacity",
-      title: "Copy to clipboard",
-      children: t ? /* @__PURE__ */ e("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ e(
-        "path",
-        {
-          fillRule: "evenodd",
-          d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
-          clipRule: "evenodd"
-        }
-      ) }) : /* @__PURE__ */ u("svg", { className: "w-4 h-4", fill: "currentColor", viewBox: "0 0 20 20", children: [
-        /* @__PURE__ */ e("path", { d: "M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z" }),
-        /* @__PURE__ */ e("path", { d: "M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z" })
-      ] })
-    }
-  );
-}
-function v({ children: a, size: t = "base", className: r = "", ...l }) {
-  const m = [
-    // Prose classes (only apply if @tailwindcss/typography is installed)
-    "prose dark:prose-invert max-w-none",
-    // Fallback styles (always apply)
-    "text-base-content leading-relaxed",
-    {
-      sm: "prose-sm text-sm",
-      base: "prose-base text-base",
-      lg: "prose-lg text-lg",
-      xl: "prose-xl text-xl",
-      "2xl": "prose-2xl text-2xl"
-    }[t],
-    r
+import { jsx as c } from "react/jsx-runtime";
+const f = ({
+  children: i,
+  tip: s,
+  className: l = "",
+  position: p = "top",
+  color: o,
+  open: t = !1,
+  ...e
+}) => {
+  const r = {
+    top: "tooltip-top",
+    bottom: "tooltip-bottom",
+    left: "tooltip-left",
+    right: "tooltip-right"
+  }, a = o ? {
+    neutral: "tooltip-neutral",
+    primary: "tooltip-primary",
+    secondary: "tooltip-secondary",
+    accent: "tooltip-accent",
+    info: "tooltip-info",
+    success: "tooltip-success",
+    warning: "tooltip-warning",
+    error: "tooltip-error"
+  }[o] : void 0, n = [
+    "tooltip",
+    r[p],
+    a,
+    t && "tooltip-open",
+    l
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ e("div", { className: m, ...l, children: a });
-}
-function N({ level: a = 1, children: t, copyable: r, ellipsis: l, className: s = "", id: m, ...c }) {
-  const o = typeof t == "string" ? t : "", i = m || (o ? o.toLowerCase().replace(/\s+/g, "-") : void 0), h = {
-    1: "text-4xl font-bold mb-4",
-    2: "text-3xl font-bold mb-3",
-    3: "text-2xl font-semibold mb-3",
-    4: "text-xl font-semibold mb-2",
-    5: "text-lg font-semibold mb-2"
-  }, p = l ? "truncate" : "", x = `group ${h[a]} ${p} ${s}`.trim(), d = /* @__PURE__ */ u(C, { children: [
-    t,
-    r && /* @__PURE__ */ e(f, { text: o })
-  ] });
-  switch (a) {
-    case 1:
-      return /* @__PURE__ */ e("h1", { id: i, className: x, ...c, children: d });
-    case 2:
-      return /* @__PURE__ */ e("h2", { id: i, className: x, ...c, children: d });
-    case 3:
-      return /* @__PURE__ */ e("h3", { id: i, className: x, ...c, children: d });
-    case 4:
-      return /* @__PURE__ */ e("h4", { id: i, className: x, ...c, children: d });
-    case 5:
-      return /* @__PURE__ */ e("h5", { id: i, className: x, ...c, children: d });
-    default:
-      return /* @__PURE__ */ e("h1", { id: i, className: x, ...c, children: d });
-  }
-}
-const w = {
-  1: "line-clamp-1",
-  2: "line-clamp-2",
-  3: "line-clamp-3",
-  4: "line-clamp-4",
-  5: "line-clamp-5",
-  6: "line-clamp-6"
+  return /* @__PURE__ */ c("div", { className: n, "data-tip": s, "data-state": t ? "open" : "closed", ...e, children: i });
 };
-function k({ children: a, ellipsis: t, copyable: r, size: l, align: s, className: m = "", ...c }) {
-  const [o, i] = g(!1), h = typeof a == "string" ? a : "", p = typeof t == "object", x = p && t.rows || 3, d = p ? t.expandable : !1, n = Math.min(Math.max(x, 1), 6), y = [
-    "group",
-    "mb-4",
-    t && !o ? w[n] : "",
-    l === "sm" && "text-sm",
-    l === "base" && "text-base",
-    l === "lg" && "text-lg",
-    l === "xl" && "text-xl",
-    l === "2xl" && "text-2xl",
-    s === "left" && "text-left",
-    s === "center" && "text-center",
-    s === "right" && "text-right",
-    m
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u("div", { ...c, children: [
-    /* @__PURE__ */ u("p", { className: y, children: [
-      a,
-      r && /* @__PURE__ */ e(f, { text: h })
-    ] }),
-    d && t && /* @__PURE__ */ e(
-      "button",
-      {
-        onClick: () => {
-          i(!o), p && t.onExpand && t.onExpand();
-        },
-        className: "text-primary text-sm hover:underline",
-        children: o ? "Show less" : "Show more"
-      }
-    )
-  ] });
-}
-function j({
-  children: a,
-  code: t,
-  mark: r,
-  strong: l,
-  italic: s,
-  underline: m,
-  delete: c,
-  type: o = "default",
-  copyable: i,
-  className: h = "",
-  ...p
-}) {
-  const x = typeof a == "string" ? a : "", d = {
-    default: "",
-    secondary: "text-base-content/70",
-    success: "text-success",
-    warning: "text-warning",
-    error: "text-error"
-  };
-  let n = a;
-  t && (n = /* @__PURE__ */ e("code", { className: "px-1.5 py-0.5 bg-base-200 rounded text-sm font-mono", children: n })), r && (n = /* @__PURE__ */ e("mark", { className: "bg-warning/30 px-1", children: n })), l && (n = /* @__PURE__ */ e("strong", { className: "font-bold", children: n })), s && (n = /* @__PURE__ */ e("em", { className: "italic", children: n })), m && (n = /* @__PURE__ */ e("u", { className: "underline", children: n })), c && (n = /* @__PURE__ */ e("del", { className: "line-through opacity-70", children: n }));
-  const b = `group inline ${d[o]} ${h}`.trim();
-  return /* @__PURE__ */ u("span", { className: b, ...p, children: [
-    n,
-    i && /* @__PURE__ */ e(f, { text: x })
-  ] });
-}
-function B({ href: a = "#", children: t, target: r, external: l, size: s, className: m = "", ...c }) {
-  const o = l || a && a.startsWith("http"), i = r || (o ? "_blank" : void 0), h = o ? "noopener noreferrer" : void 0, p = [
-    "link",
-    "link-primary",
-    s === "sm" && "text-sm",
-    s === "base" && "text-base",
-    s === "lg" && "text-lg",
-    s === "xl" && "text-xl",
-    s === "2xl" && "text-2xl",
-    m
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ u(
-    "a",
-    {
-      href: a,
-      target: i,
-      rel: h,
-      className: p,
-      ...c,
-      children: [
-        t,
-        o && /* @__PURE__ */ u("svg", { className: "w-3 h-3 inline-block ml-1", fill: "currentColor", viewBox: "0 0 20 20", children: [
-          /* @__PURE__ */ e("path", { d: "M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z" }),
-          /* @__PURE__ */ e("path", { d: "M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z" })
-        ] })
-      ]
-    }
-  );
-}
-const E = Object.assign(v, {
-  Title: N,
-  Paragraph: k,
-  Text: j,
-  Link: B
-});
 export {
-  E as Typography,
-  E as default
+  f as Tooltip
 };
 //# sourceMappingURL=index90.js.map

package/dist/index90.js.map

@@ -1 +1 @@
-{"version":3,"file":"index90.js","sources":["../src/components/Typography.tsx"],"sourcesContent":["import React, { useState } from 'react'\n\nexport type TypographySize = 'sm' | 'base' | 'lg' | 'xl' | '2xl'\nexport type TitleLevel = 1 | 2 | 3 | 4 | 5\n\nexport interface TypographyProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  size?: TypographySize\n}\n\nexport interface TitleProps extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'title'> {\n  level?: TitleLevel\n  children: React.ReactNode\n  copyable?: boolean\n  ellipsis?: boolean\n}\n\nexport interface ParagraphProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  ellipsis?: boolean | { rows?: number; expandable?: boolean; onExpand?: () => void }\n  copyable?: boolean\n  size?: TypographySize\n  align?: 'left' | 'center' | 'right'\n}\n\nexport interface TextProps extends React.HTMLAttributes<HTMLSpanElement> {\n  children: React.ReactNode\n  code?: boolean\n  mark?: boolean\n  strong?: boolean\n  italic?: boolean\n  underline?: boolean\n  delete?: boolean\n  type?: 'default' | 'secondary' | 'success' | 'warning' | 'error'\n  copyable?: boolean\n}\n\nexport interface TypographyLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  href?: string\n  children: React.ReactNode\n  external?: boolean\n  size?: TypographySize\n}\n\nfunction CopyButton({ text }: { text: string }) {\n  const [copied, setCopied] = useState(false)\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error('Failed to copy:', err)\n    }\n  }\n\n  return (\n    <button\n      onClick={handleCopy}\n      className=\"btn btn-ghost btn-xs ml-2 opacity-0 group-hover:opacity-100 transition-opacity\"\n      title=\"Copy to clipboard\"\n    >\n      {copied ? (\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path\n            fillRule=\"evenodd\"\n            d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\"\n            clipRule=\"evenodd\"\n          />\n        </svg>\n      ) : (\n        <svg className=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path d=\"M8 3a1 1 0 011-1h2a1 1 0 110 2H9a1 1 0 01-1-1z\" />\n          <path d=\"M6 3a2 2 0 00-2 2v11a2 2 0 002 2h8a2 2 0 002-2V5a2 2 0 00-2-2 3 3 0 01-3 3H9a3 3 0 01-3-3z\" />\n        </svg>\n      )}\n    </button>\n  )\n}\n\nfunction TypographyRoot({ children, size = 'base', className = '', ...rest }: TypographyProps) {\n  const sizeClasses = {\n    sm: 'prose-sm text-sm',\n    base: 'prose-base text-base',\n    lg: 'prose-lg text-lg',\n    xl: 'prose-xl text-xl',\n    '2xl': 'prose-2xl text-2xl',\n  }\n\n  const classes = [\n    // Prose classes (only apply if @tailwindcss/typography is installed)\n    'prose dark:prose-invert max-w-none',\n    // Fallback styles (always apply)\n    'text-base-content leading-relaxed',\n    sizeClasses[size],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return <div className={classes} {...rest}>{children}</div>\n}\n\nfunction Title({ level = 1, children, copyable, ellipsis, className = '', id, ...rest }: TitleProps) {\n  const textContent = typeof children === 'string' ? children : ''\n  const generatedId = id || (textContent ? textContent.toLowerCase().replace(/\\s+/g, '-') : undefined)\n\n  const levelClasses = {\n    1: 'text-4xl font-bold mb-4',\n    2: 'text-3xl font-bold mb-3',\n    3: 'text-2xl font-semibold mb-3',\n    4: 'text-xl font-semibold mb-2',\n    5: 'text-lg font-semibold mb-2',\n  }\n\n  const ellipsisClass = ellipsis ? 'truncate' : ''\n  const classes = `group ${levelClasses[level]} ${ellipsisClass} ${className}`.trim()\n\n  const content = (\n    <>\n      {children}\n      {copyable && <CopyButton text={textContent} />}\n    </>\n  )\n\n  switch (level) {\n    case 1:\n      return <h1 id={generatedId} className={classes} {...rest}>{content}</h1>\n    case 2:\n      return <h2 id={generatedId} className={classes} {...rest}>{content}</h2>\n    case 3:\n      return <h3 id={generatedId} className={classes} {...rest}>{content}</h3>\n    case 4:\n      return <h4 id={generatedId} className={classes} {...rest}>{content}</h4>\n    case 5:\n      return <h5 id={generatedId} className={classes} {...rest}>{content}</h5>\n    default:\n      return <h1 id={generatedId} className={classes} {...rest}>{content}</h1>\n  }\n}\n\nconst lineClampClasses = {\n  1: 'line-clamp-1',\n  2: 'line-clamp-2',\n  3: 'line-clamp-3',\n  4: 'line-clamp-4',\n  5: 'line-clamp-5',\n  6: 'line-clamp-6',\n} as const\n\nfunction Paragraph({ children, ellipsis, copyable, size, align, className = '', ...rest }: ParagraphProps) {\n  const [expanded, setExpanded] = useState(false)\n  const textContent = typeof children === 'string' ? children : ''\n\n  const isEllipsisObject = typeof ellipsis === 'object'\n  const rows = isEllipsisObject ? ellipsis.rows || 3 : 3\n  const expandable = isEllipsisObject ? ellipsis.expandable : false\n\n  const clampedRows = Math.min(Math.max(rows, 1), 6) as 1 | 2 | 3 | 4 | 5 | 6\n  const ellipsisClass =\n    ellipsis && !expanded ? lineClampClasses[clampedRows] : ''\n\n  const classes = [\n    'group',\n    'mb-4',\n    ellipsisClass,\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    align === 'left' && 'text-left',\n    align === 'center' && 'text-center',\n    align === 'right' && 'text-right',\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div {...rest}>\n      <p className={classes}>\n        {children}\n        {copyable && <CopyButton text={textContent} />}\n      </p>\n      {expandable && ellipsis && (\n        <button\n          onClick={() => {\n            setExpanded(!expanded)\n            if (isEllipsisObject && ellipsis.onExpand) {\n              ellipsis.onExpand()\n            }\n          }}\n          className=\"text-primary text-sm hover:underline\"\n        >\n          {expanded ? 'Show less' : 'Show more'}\n        </button>\n      )}\n    </div>\n  )\n}\n\nfunction Text({\n  children,\n  code,\n  mark,\n  strong,\n  italic,\n  underline,\n  delete: del,\n  type = 'default',\n  copyable,\n  className = '',\n  ...rest\n}: TextProps) {\n  const textContent = typeof children === 'string' ? children : ''\n\n  const typeClasses = {\n    default: '',\n    secondary: 'text-base-content/70',\n    success: 'text-success',\n    warning: 'text-warning',\n    error: 'text-error',\n  }\n\n  let content = children\n\n  if (code) {\n    content = (\n      <code className=\"px-1.5 py-0.5 bg-base-200 rounded text-sm font-mono\">{content}</code>\n    )\n  }\n\n  if (mark) {\n    content = <mark className=\"bg-warning/30 px-1\">{content}</mark>\n  }\n\n  if (strong) {\n    content = <strong className=\"font-bold\">{content}</strong>\n  }\n\n  if (italic) {\n    content = <em className=\"italic\">{content}</em>\n  }\n\n  if (underline) {\n    content = <u className=\"underline\">{content}</u>\n  }\n\n  if (del) {\n    content = <del className=\"line-through opacity-70\">{content}</del>\n  }\n\n  const classes = `group inline ${typeClasses[type]} ${className}`.trim()\n\n  return (\n    <span className={classes} {...rest}>\n      {content}\n      {copyable && <CopyButton text={textContent} />}\n    </span>\n  )\n}\n\nfunction Link({ href = '#', children, target, external, size, className = '', ...rest }: TypographyLinkProps) {\n  const isExternal = external || (href && href.startsWith('http'))\n  const linkTarget = target || (isExternal ? '_blank' : undefined)\n  const rel = isExternal ? 'noopener noreferrer' : undefined\n\n  const classes = [\n    'link',\n    'link-primary',\n    size === 'sm' && 'text-sm',\n    size === 'base' && 'text-base',\n    size === 'lg' && 'text-lg',\n    size === 'xl' && 'text-xl',\n    size === '2xl' && 'text-2xl',\n    className,\n  ].filter(Boolean).join(' ')\n\n  return (\n    <a\n      href={href}\n      target={linkTarget}\n      rel={rel}\n      className={classes}\n      {...rest}\n    >\n      {children}\n      {isExternal && (\n        <svg className=\"w-3 h-3 inline-block ml-1\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\n          <path d=\"M11 3a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 101.414 1.414L15 6.414V9a1 1 0 102 0V4a1 1 0 00-1-1h-5z\" />\n          <path d=\"M5 5a2 2 0 00-2 2v8a2 2 0 002 2h8a2 2 0 002-2v-3a1 1 0 10-2 0v3H5V7h3a1 1 0 000-2H5z\" />\n        </svg>\n      )}\n    </a>\n  )\n}\n\nexport const Typography = Object.assign(TypographyRoot, {\n  Title,\n  Paragraph,\n  Text,\n  Link,\n})\n\nexport default Typography\n"],"names":["CopyButton","text","copied","setCopied","useState","jsx","err","jsxs","TypographyRoot","children","size","className","rest","classes","Title","level","copyable","ellipsis","id","textContent","generatedId","levelClasses","ellipsisClass","content","Fragment","lineClampClasses","Paragraph","align","expanded","setExpanded","isEllipsisObject","rows","expandable","clampedRows","Text","code","mark","strong","italic","underline","del","type","typeClasses","Link","href","target","external","isExternal","linkTarget","rel","Typography"],"mappings":"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"}
+{"version":3,"file":"index90.js","sources":["../src/components/Tooltip.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  tip: string\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  open?: boolean\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  tip,\n  className = '',\n  position = 'top',\n  color,\n  open = false,\n  ...rest\n}) => {\n  const positionClasses = {\n    top: 'tooltip-top',\n    bottom: 'tooltip-bottom',\n    left: 'tooltip-left',\n    right: 'tooltip-right',\n  }\n\n  const colorClasses = color\n    ? {\n        neutral: 'tooltip-neutral',\n        primary: 'tooltip-primary',\n        secondary: 'tooltip-secondary',\n        accent: 'tooltip-accent',\n        info: 'tooltip-info',\n        success: 'tooltip-success',\n        warning: 'tooltip-warning',\n        error: 'tooltip-error',\n      }[color]\n    : undefined\n\n  const classes = [\n    'tooltip',\n    positionClasses[position],\n    colorClasses,\n    open && 'tooltip-open',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} data-tip={tip} data-state={open ? 'open' : 'closed'} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Tooltip","children","tip","className","position","color","open","rest","positionClasses","colorClasses","classes","jsx"],"mappings":";AAUO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AAAA,IACtB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAeJ,IACjB;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,EACPA,CAAK,IACP,QAEEK,IAAU;AAAA,IACd;AAAA,IACAF,EAAgBJ,CAAQ;AAAA,IACxBK;AAAA,IACAH,KAAQ;AAAA,IACRH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAAS,YAAUR,GAAK,cAAYI,IAAO,SAAS,UAAW,GAAGC,GAC/E,UAAAN,EAAA,CACH;AAEJ;"}