@aster-ui/prefixed 0.12.50

package/dist/components/TimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TimePicker.js","sources":["../../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef, useCallback, useId } from 'react'\nimport { Input } from './Input'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'd-btn'\nconst dBtnGhost = 'd-btn-ghost'\nconst dBtnPrimary = 'd-btn-primary'\nconst dBtnXs = 'd-btn-xs'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnCircle = 'd-btn-circle'\nconst dInputError = 'd-input-error'\nconst dInputWarning = 'd-input-warning'\n\nexport interface TimePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: '12' | '24'\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  showSeconds?: boolean\n  allowClear?: boolean\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  hourStep?: number\n  minuteStep?: number\n  secondStep?: number\n  status?: 'error' | 'warning'\n  'data-testid'?: string\n}\n\nfunction formatTime(date: Date | null, format: '12' | '24' = '24', showSeconds: boolean = false): string {\n  if (!date) return ''\n\n  let hours = date.getHours()\n  const minutes = String(date.getMinutes()).padStart(2, '0')\n  const seconds = String(date.getSeconds()).padStart(2, '0')\n\n  if (format === '12') {\n    const period = hours >= 12 ? 'PM' : 'AM'\n    hours = hours % 12 || 12\n    const timeStr = showSeconds\n      ? `${hours}:${minutes}:${seconds} ${period}`\n      : `${hours}:${minutes} ${period}`\n    return timeStr\n  }\n\n  const hoursStr = String(hours).padStart(2, '0')\n  return showSeconds ? `${hoursStr}:${minutes}:${seconds}` : `${hoursStr}:${minutes}`\n}\n\nexport const TimePicker = forwardRef<HTMLDivElement, TimePickerProps>(({\n  value,\n  defaultValue,\n  onChange,\n  format = '24',\n  placeholder = 'Select time',\n  disabled = false,\n  className,\n  size,\n  showSeconds = false,\n  allowClear = true,\n  open: controlledOpen,\n  onOpenChange,\n  hourStep = 1,\n  minuteStep = 1,\n  secondStep = 1,\n  status,\n  'data-testid': testId,\n  ...rest\n}, ref) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const [selectedTime, setSelectedTime] = useState<Date | null>(\n    value !== undefined ? value : defaultValue || null\n  )\n  const [internalOpen, setInternalOpen] = useState(false)\n  const isOpen = controlledOpen !== undefined ? controlledOpen : internalOpen\n  const [hours, setHours] = useState(selectedTime ? selectedTime.getHours() : 0)\n  const [minutes, setMinutes] = useState(selectedTime ? selectedTime.getMinutes() : 0)\n  const [seconds, setSeconds] = useState(selectedTime ? selectedTime.getSeconds() : 0)\n  const [period, setPeriod] = useState<'AM' | 'PM'>(\n    selectedTime && selectedTime.getHours() >= 12 ? 'PM' : 'AM'\n  )\n  const [focusedColumn, setFocusedColumn] = useState<'hour' | 'minute' | 'second' | 'period'>('hour')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const uniqueId = useId()\n  const baseTestId = testId || 'timepicker'\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedTime(value)\n      if (value) {\n        setHours(value.getHours())\n        setMinutes(value.getMinutes())\n        setSeconds(value.getSeconds())\n        setPeriod(value.getHours() >= 12 ? 'PM' : 'AM')\n      }\n    }\n  }, [value])\n\n  const setOpen = useCallback((newOpen: boolean) => {\n    if (controlledOpen === undefined) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }, [controlledOpen, onOpenChange])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen, setOpen])\n\n  // Focus trap and keyboard navigation\n  useEffect(() => {\n    if (!isOpen) return\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        setOpen(false)\n        return\n      }\n\n      if (e.key === 'Tab') {\n        // Allow tab to cycle through columns\n        return\n      }\n\n      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {\n        e.preventDefault()\n        const delta = e.key === 'ArrowUp' ? -1 : 1\n\n        if (focusedColumn === 'hour') {\n          const maxHour = format === '12' ? 12 : 23\n          const minHour = format === '12' ? 1 : 0\n          let newHour = hours + (delta * hourStep)\n          if (newHour > maxHour) newHour = minHour\n          if (newHour < minHour) newHour = maxHour\n          handleHourChange(newHour)\n        } else if (focusedColumn === 'minute') {\n          let newMinute = minutes + (delta * minuteStep)\n          if (newMinute > 59) newMinute = 0\n          if (newMinute < 0) newMinute = 59\n          handleMinuteChange(newMinute)\n        } else if (focusedColumn === 'second') {\n          let newSecond = seconds + (delta * secondStep)\n          if (newSecond > 59) newSecond = 0\n          if (newSecond < 0) newSecond = 59\n          handleSecondChange(newSecond)\n        } else if (focusedColumn === 'period') {\n          handlePeriodChange(period === 'AM' ? 'PM' : 'AM')\n        }\n      }\n\n      if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {\n        e.preventDefault()\n        const columns: Array<'hour' | 'minute' | 'second' | 'period'> = ['hour', 'minute']\n        if (showSeconds) columns.push('second')\n        if (format === '12') columns.push('period')\n\n        const currentIndex = columns.indexOf(focusedColumn)\n        const delta = e.key === 'ArrowLeft' ? -1 : 1\n        let newIndex = currentIndex + delta\n        if (newIndex < 0) newIndex = columns.length - 1\n        if (newIndex >= columns.length) newIndex = 0\n        setFocusedColumn(columns[newIndex])\n      }\n\n      if (e.key === 'Enter') {\n        setOpen(false)\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyDown)\n    return () => document.removeEventListener('keydown', handleKeyDown)\n  }, [isOpen, focusedColumn, hours, minutes, seconds, period, format, showSeconds, hourStep, minuteStep, secondStep, setOpen])\n\n  const handleClear = useCallback((e: React.MouseEvent) => {\n    e.stopPropagation()\n    setSelectedTime(null)\n    setHours(0)\n    setMinutes(0)\n    setSeconds(0)\n    setPeriod('AM')\n    onChange?.(null)\n  }, [onChange])\n\n  const handleTimeChange = (newHours: number, newMinutes: number, newSeconds: number) => {\n    const now = new Date()\n    const newTime = new Date(\n      now.getFullYear(),\n      now.getMonth(),\n      now.getDate(),\n      newHours,\n      newMinutes,\n      newSeconds\n    )\n    setSelectedTime(newTime)\n    onChange?.(newTime)\n  }\n\n  const handleHourChange = (newHour: number) => {\n    let actualHour = newHour\n    if (format === '12') {\n      actualHour = period === 'PM' ? (newHour % 12) + 12 : newHour % 12\n    }\n    setHours(actualHour)\n    handleTimeChange(actualHour, minutes, seconds)\n  }\n\n  const handleMinuteChange = (newMinute: number) => {\n    setMinutes(newMinute)\n    handleTimeChange(hours, newMinute, seconds)\n  }\n\n  const handleSecondChange = (newSecond: number) => {\n    setSeconds(newSecond)\n    handleTimeChange(hours, minutes, newSecond)\n  }\n\n  const handlePeriodChange = (newPeriod: 'AM' | 'PM') => {\n    setPeriod(newPeriod)\n    const newHours = newPeriod === 'PM'\n      ? (hours % 12) + 12\n      : hours % 12\n    setHours(newHours)\n    handleTimeChange(newHours, minutes, seconds)\n  }\n\n  const renderTimeColumn = (\n    columnType: 'hour' | 'minute' | 'second',\n    label: string,\n    maxValue: number,\n    currentValue: number,\n    onChangeValue: (value: number) => void,\n    step: number = 1,\n    start: number = 0\n  ) => {\n    const items: number[] = []\n    for (let i = start; i <= maxValue; i += step) {\n      items.push(i)\n    }\n    const listboxId = `${uniqueId}-${columnType}-listbox`\n    const isFocused = focusedColumn === columnType\n\n    return (\n      <div\n        className=\"flex flex-col w-16\"\n        role=\"listbox\"\n        aria-label={`Select ${label.toLowerCase()}`}\n        id={listboxId}\n        data-testid={`${baseTestId}-${columnType}-column`}\n        tabIndex={0}\n        onFocus={() => setFocusedColumn(columnType)}\n      >\n        <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n          {label}\n        </div>\n        <div className=\"overflow-y-auto max-h-48\">\n          {items.map((item) => {\n            const isSelected = currentValue === item\n            return (\n              <button\n                key={item}\n                type=\"button\"\n                role=\"option\"\n                aria-selected={isSelected}\n                onClick={() => onChangeValue(item)}\n                data-testid={`${baseTestId}-${columnType}-${item}`}\n                className={[\n                  'w-full px-4 py-2 text-center hover:bg-base-200 transition-colors',\n                  isSelected ? 'bg-primary text-primary-content' : '',\n                  isFocused && isSelected ? 'ring-2 ring-primary ring-offset-1' : ''\n                ].filter(Boolean).join(' ')}\n              >\n                {String(item).padStart(2, '0')}\n              </button>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n\n  const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n  const statusClasses = {\n    error: dInputError,\n    warning: dInputWarning,\n  }\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node\n        if (typeof ref === 'function') ref(node)\n        else if (ref) ref.current = node\n      }}\n      className={['relative', className].filter(Boolean).join(' ')}\n      data-testid={baseTestId}\n      data-state={isOpen ? 'open' : 'closed'}\n      {...rest}\n    >\n      <div className=\"relative\">\n        <Input\n          value={formatTime(selectedTime, format, showSeconds)}\n          placeholder={placeholder}\n          disabled={disabled}\n          size={effectiveSize}\n          readOnly\n          onClick={() => !disabled && setOpen(!isOpen)}\n          className={['cursor-pointer pr-8', status ? statusClasses[status] : ''].filter(Boolean).join(' ')}\n          aria-haspopup=\"listbox\"\n          aria-expanded={isOpen}\n          aria-controls={isOpen ? `${uniqueId}-dropdown` : undefined}\n          data-testid={`${baseTestId}-input`}\n        />\n        {allowClear && selectedTime && !disabled && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            className={`absolute right-2 top-1/2 -translate-y-1/2 ${dBtn} ${dBtnGhost} ${dBtnXs} ${dBtnCircle}`}\n            aria-label=\"Clear time\"\n            data-testid={`${baseTestId}-clear`}\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        )}\n      </div>\n\n      {isOpen && (\n        <div\n          ref={dropdownRef}\n          id={`${uniqueId}-dropdown`}\n          className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-xl z-[9999] w-fit\"\n          role=\"dialog\"\n          aria-label=\"Time picker\"\n          data-testid={`${baseTestId}-dropdown`}\n        >\n          <div className=\"flex divide-x divide-base-300\">\n            {renderTimeColumn(\n              'hour',\n              'Hour',\n              format === '12' ? 12 : 23,\n              displayHours,\n              handleHourChange,\n              hourStep,\n              format === '12' ? 1 : 0\n            )}\n\n            {renderTimeColumn('minute', 'Min', 59, minutes, handleMinuteChange, minuteStep)}\n\n            {showSeconds && renderTimeColumn('second', 'Sec', 59, seconds, handleSecondChange, secondStep)}\n\n            {format === '12' && (\n              <div\n                className=\"flex flex-col w-16\"\n                role=\"listbox\"\n                aria-label=\"Select period\"\n                data-testid={`${baseTestId}-period-column`}\n                tabIndex={0}\n                onFocus={() => setFocusedColumn('period')}\n              >\n                <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\" aria-hidden=\"true\">\n                  Period\n                </div>\n                <div className=\"flex flex-col p-2 gap-2\">\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'AM'}\n                    onClick={() => handlePeriodChange('AM')}\n                    data-testid={`${baseTestId}-period-am`}\n                    className={[\n                      dBtn, dBtnSm,\n                      period === 'AM' ? dBtnPrimary : dBtnGhost\n                    ].join(' ')}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    role=\"option\"\n                    aria-selected={period === 'PM'}\n                    onClick={() => handlePeriodChange('PM')}\n                    data-testid={`${baseTestId}-period-pm`}\n                    className={[\n                      dBtn, dBtnSm,\n                      period === 'PM' ? dBtnPrimary : dBtnGhost\n                    ].join(' ')}\n                  >\n                    PM\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div className=\"flex justify-end gap-2 p-3 border-t border-base-300\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const now = new Date()\n                setHours(now.getHours())\n                setMinutes(now.getMinutes())\n                setSeconds(now.getSeconds())\n                setPeriod(now.getHours() >= 12 ? 'PM' : 'AM')\n                handleTimeChange(now.getHours(), now.getMinutes(), now.getSeconds())\n              }}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n              data-testid={`${baseTestId}-now`}\n            >\n              Now\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setOpen(false)}\n              className={`${dBtn} ${dBtnPrimary} ${dBtnSm}`}\n              data-testid={`${baseTestId}-ok`}\n            >\n              OK\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nTimePicker.displayName = 'TimePicker'\n"],"names":["dBtn","dBtnGhost","dBtnPrimary","dBtnXs","dBtnSm","dBtnCircle","dInputError","dInputWarning","formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","forwardRef","value","defaultValue","onChange","placeholder","disabled","className","size","allowClear","controlledOpen","onOpenChange","hourStep","minuteStep","secondStep","status","testId","rest","ref","componentSize","useConfig","effectiveSize","selectedTime","setSelectedTime","useState","internalOpen","setInternalOpen","isOpen","setHours","setMinutes","setSeconds","setPeriod","focusedColumn","setFocusedColumn","containerRef","useRef","dropdownRef","uniqueId","useId","baseTestId","useEffect","setOpen","useCallback","newOpen","handleClickOutside","event","handleKeyDown","e","delta","maxHour","minHour","newHour","handleHourChange","newMinute","handleMinuteChange","newSecond","handleSecondChange","handlePeriodChange","columns","currentIndex","newIndex","handleClear","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","actualHour","newPeriod","renderTimeColumn","columnType","label","maxValue","currentValue","onChangeValue","step","start","items","i","listboxId","isFocused","jsxs","jsx","item","isSelected","displayHours","statusClasses","node","Input"],"mappings":"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"}

package/dist/components/Timeline.d.ts

@@ -0,0 +1,79 @@
+import { default as React } from 'react';
+export type TimelineMode = 'start' | 'alternate' | 'end';
+export type TimelineColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral';
+export interface TimelineItemConfig {
+    /** Unique key for the item */
+    key?: React.Key;
+    /** Content at start position (left/top) */
+    start?: React.ReactNode;
+    /** Content at end position (right/bottom) */
+    end?: React.ReactNode;
+    /** Central icon or marker */
+    icon?: React.ReactNode;
+    /** Wrap start content in timeline-box */
+    startBox?: boolean;
+    /** Wrap end content in timeline-box */
+    endBox?: boolean;
+    /** Color of the timeline dot/connector */
+    color?: TimelineColor;
+    /** Show loading spinner instead of icon */
+    loading?: boolean;
+    /** Additional CSS classes for this item */
+    className?: string;
+}
+export interface TimelineProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'children'> {
+    /** Timeline items (compound pattern) */
+    children?: React.ReactNode;
+    /** Timeline items (declarative API) */
+    items?: TimelineItemConfig[];
+    /** Vertical layout orientation */
+    vertical?: boolean;
+    /** Horizontal layout (default) */
+    horizontal?: boolean;
+    /** All items on one side */
+    compact?: boolean;
+    /** Snap icon to start instead of center */
+    snapIcon?: boolean;
+    /** Item distribution layout */
+    mode?: TimelineMode;
+    /** Reverse item order */
+    reverse?: boolean;
+    /** Show pending/loading indicator at end */
+    pending?: React.ReactNode;
+    /** Custom icon for pending item */
+    pendingIcon?: React.ReactNode;
+    /** Test ID for the component */
+    'data-testid'?: string;
+    /** Accessible label for the timeline */
+    'aria-label'?: string;
+}
+export interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color'> {
+    /** Content at start position (left/top) */
+    start?: React.ReactNode;
+    /** Content at end position (right/bottom) */
+    end?: React.ReactNode;
+    /** Central icon or marker */
+    icon?: React.ReactNode;
+    /** Wrap start content in timeline-box */
+    startBox?: boolean;
+    /** Wrap end content in timeline-box */
+    endBox?: boolean;
+    /** Color of the timeline dot/connector */
+    color?: TimelineColor;
+    /** Show loading spinner instead of icon */
+    loading?: boolean;
+    /** Test ID for this item */
+    'data-testid'?: string;
+}
+interface TimelineItemInternalProps extends TimelineItemProps {
+    _index?: number;
+    _total?: number;
+    _compact?: boolean;
+    _vertical?: boolean;
+    _mode?: TimelineMode;
+    _baseTestId?: string;
+}
+export declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLUListElement>> & {
+    Item: React.ForwardRefExoticComponent<TimelineItemInternalProps & React.RefAttributes<HTMLLIElement>>;
+};
+export {};

package/dist/components/Timeline.js

@@ -0,0 +1,151 @@
+import { jsx as e, jsxs as b } from "react/jsx-runtime";
+import z, { forwardRef as _, useMemo as L } from "react";
+import { Loading as M } from "./Loading.js";
+const V = "d-timeline", $ = "d-timeline-vertical", k = "d-timeline-horizontal", F = "d-timeline-compact", H = "d-timeline-snap-icon", P = "d-timeline-start", W = "d-timeline-end", q = "d-timeline-middle", S = "d-timeline-box", D = {
+  primary: "text-primary",
+  secondary: "text-secondary",
+  accent: "text-accent",
+  info: "text-info",
+  success: "text-success",
+  warning: "text-warning",
+  error: "text-error",
+  neutral: "text-neutral"
+}, G = {
+  primary: "bg-primary",
+  secondary: "bg-secondary",
+  accent: "bg-accent",
+  info: "bg-info",
+  success: "bg-success",
+  warning: "bg-warning",
+  error: "bg-error",
+  neutral: "bg-neutral"
+}, B = _(
+  ({
+    start: s,
+    end: n,
+    icon: C,
+    startBox: p = !1,
+    endBox: j = !1,
+    color: r,
+    loading: w = !1,
+    className: d = "",
+    "data-testid": I,
+    _index: c = 0,
+    _total: x = 1,
+    _compact: T = !1,
+    _vertical: E = !1,
+    _mode: m = "alternate",
+    _baseTestId: y,
+    ...h
+  }, v) => {
+    const f = I ?? (y ? `${y}-item-${c}` : void 0), a = [P, p && S].filter(Boolean).join(" "), l = [W, j && S].filter(Boolean).join(" "), u = [q, r && D[r]].filter(Boolean).join(" "), i = r ? G[r] : void 0, o = c === 0, R = c === x - 1, O = c % 2 === 0, N = m === "start" || m === "alternate" && !O, g = m === "end" || m === "alternate" && O, t = w ? /* @__PURE__ */ e(M, { size: "xs" }) : C;
+    return T ? /* @__PURE__ */ b("li", { ref: v, className: d, "data-testid": f, ...h, children: [
+      !o && /* @__PURE__ */ e("hr", { className: i }),
+      t && /* @__PURE__ */ e("div", { className: u, children: t }),
+      n && /* @__PURE__ */ e("div", { className: l, children: n }),
+      !R && /* @__PURE__ */ e("hr", { className: i })
+    ] }) : E ? /* @__PURE__ */ b("li", { ref: v, className: d, "data-testid": f, ...h, children: [
+      !o && /* @__PURE__ */ e("hr", { className: i }),
+      N && s && /* @__PURE__ */ e("div", { className: a, children: s }),
+      g && !N && n && /* @__PURE__ */ e("div", { className: a, children: n }),
+      t && /* @__PURE__ */ e("div", { className: u, children: t }),
+      g && s && !N && /* @__PURE__ */ e("div", { className: l, children: s }),
+      (N || !N && !g) && n && /* @__PURE__ */ e("div", { className: l, children: n }),
+      !N && g && s && /* @__PURE__ */ e("div", { className: l, children: s }),
+      !R && /* @__PURE__ */ e("hr", { className: i })
+    ] }) : g ? /* @__PURE__ */ b("li", { ref: v, className: d, "data-testid": f, ...h, children: [
+      s && /* @__PURE__ */ e("div", { className: a, children: s }),
+      t && /* @__PURE__ */ e("div", { className: u, children: t }),
+      n && /* @__PURE__ */ e("div", { className: l, children: n }),
+      !R && /* @__PURE__ */ e("hr", { className: i })
+    ] }) : /* @__PURE__ */ b("li", { ref: v, className: d, "data-testid": f, ...h, children: [
+      !o && /* @__PURE__ */ e("hr", { className: i }),
+      t && /* @__PURE__ */ e("div", { className: u, children: t }),
+      s && /* @__PURE__ */ e("div", { className: a, children: s }),
+      n && /* @__PURE__ */ e("div", { className: l, children: n })
+    ] });
+  }
+);
+B.displayName = "Timeline.Item";
+const A = _(
+  ({
+    children: s,
+    items: n,
+    className: C = "",
+    vertical: p = !1,
+    horizontal: j = !1,
+    compact: r = !1,
+    snapIcon: w = !1,
+    mode: d = "alternate",
+    reverse: I = !1,
+    pending: c,
+    pendingIcon: x,
+    "data-testid": T = "timeline",
+    "aria-label": E,
+    ...m
+  }, y) => {
+    const h = [
+      V,
+      p && $,
+      j && k,
+      r && F,
+      w && H,
+      C
+    ].filter(Boolean).join(" "), f = L(() => n ? n.map((i, o) => /* @__PURE__ */ e(
+      B,
+      {
+        start: i.start,
+        end: i.end,
+        icon: i.icon,
+        startBox: i.startBox,
+        endBox: i.endBox,
+        color: i.color,
+        loading: i.loading,
+        className: i.className
+      },
+      i.key ?? o
+    )) : null, [n]) ?? s;
+    let a = z.Children.toArray(f);
+    if (I && (a = [...a].reverse()), c) {
+      const i = /* @__PURE__ */ e(
+        B,
+        {
+          end: c,
+          endBox: !0,
+          icon: x,
+          loading: !x
+        },
+        "__pending__"
+      );
+      a.push(i);
+    }
+    const l = a.length, u = a.map((i, o) => z.isValidElement(i) ? z.cloneElement(i, {
+      _index: o,
+      _total: l,
+      _compact: r,
+      _vertical: p,
+      _mode: d,
+      _baseTestId: T
+    }) : i);
+    return /* @__PURE__ */ e(
+      "ul",
+      {
+        ref: y,
+        className: h,
+        "data-testid": T,
+        "aria-label": E,
+        role: "list",
+        ...m,
+        children: u
+      }
+    );
+  }
+);
+A.displayName = "Timeline";
+const U = Object.assign(A, {
+  Item: B
+});
+export {
+  U as Timeline
+};
+//# sourceMappingURL=Timeline.js.map

package/dist/components/Timeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Timeline.js","sources":["../../src/components/Timeline.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react'\nimport { Loading } from './Loading'\n\n// DaisyUI classes\nconst dTimeline = 'd-timeline'\nconst dTimelineVertical = 'd-timeline-vertical'\nconst dTimelineHorizontal = 'd-timeline-horizontal'\nconst dTimelineCompact = 'd-timeline-compact'\nconst dTimelineSnapIcon = 'd-timeline-snap-icon'\nconst dTimelineStart = 'd-timeline-start'\nconst dTimelineEnd = 'd-timeline-end'\nconst dTimelineMiddle = 'd-timeline-middle'\nconst dTimelineBox = 'd-timeline-box'\n\nexport type TimelineMode = 'start' | 'alternate' | 'end'\nexport type TimelineColor = 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n\nexport interface TimelineItemConfig {\n  /** Unique key for the item */\n  key?: React.Key\n  /** Content at start position (left/top) */\n  start?: React.ReactNode\n  /** Content at end position (right/bottom) */\n  end?: React.ReactNode\n  /** Central icon or marker */\n  icon?: React.ReactNode\n  /** Wrap start content in timeline-box */\n  startBox?: boolean\n  /** Wrap end content in timeline-box */\n  endBox?: boolean\n  /** Color of the timeline dot/connector */\n  color?: TimelineColor\n  /** Show loading spinner instead of icon */\n  loading?: boolean\n  /** Additional CSS classes for this item */\n  className?: string\n}\n\nexport interface TimelineProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'children'> {\n  /** Timeline items (compound pattern) */\n  children?: React.ReactNode\n  /** Timeline items (declarative API) */\n  items?: TimelineItemConfig[]\n  /** Vertical layout orientation */\n  vertical?: boolean\n  /** Horizontal layout (default) */\n  horizontal?: boolean\n  /** All items on one side */\n  compact?: boolean\n  /** Snap icon to start instead of center */\n  snapIcon?: boolean\n  /** Item distribution layout */\n  mode?: TimelineMode\n  /** Reverse item order */\n  reverse?: boolean\n  /** Show pending/loading indicator at end */\n  pending?: React.ReactNode\n  /** Custom icon for pending item */\n  pendingIcon?: React.ReactNode\n  /** Test ID for the component */\n  'data-testid'?: string\n  /** Accessible label for the timeline */\n  'aria-label'?: string\n}\n\n// Public props for Timeline.Item (excludes internal props)\nexport interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'color'> {\n  /** Content at start position (left/top) */\n  start?: React.ReactNode\n  /** Content at end position (right/bottom) */\n  end?: React.ReactNode\n  /** Central icon or marker */\n  icon?: React.ReactNode\n  /** Wrap start content in timeline-box */\n  startBox?: boolean\n  /** Wrap end content in timeline-box */\n  endBox?: boolean\n  /** Color of the timeline dot/connector */\n  color?: TimelineColor\n  /** Show loading spinner instead of icon */\n  loading?: boolean\n  /** Test ID for this item */\n  'data-testid'?: string\n}\n\n// Internal props injected by Timeline container\ninterface TimelineItemInternalProps extends TimelineItemProps {\n  _index?: number\n  _total?: number\n  _compact?: boolean\n  _vertical?: boolean\n  _mode?: TimelineMode\n  _baseTestId?: string\n}\n\nconst colorClasses: Record<TimelineColor, string> = {\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  info: 'text-info',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  neutral: 'text-neutral',\n}\n\nconst hrColorClasses: Record<TimelineColor, string> = {\n  primary: 'bg-primary',\n  secondary: 'bg-secondary',\n  accent: 'bg-accent',\n  info: 'bg-info',\n  success: 'bg-success',\n  warning: 'bg-warning',\n  error: 'bg-error',\n  neutral: 'bg-neutral',\n}\n\nconst TimelineItem = forwardRef<HTMLLIElement, TimelineItemInternalProps>(\n  (\n    {\n      start,\n      end,\n      icon,\n      startBox = false,\n      endBox = false,\n      color,\n      loading = false,\n      className = '',\n      'data-testid': testId,\n      _index = 0,\n      _total = 1,\n      _compact = false,\n      _vertical = false,\n      _mode = 'alternate',\n      _baseTestId,\n      ...rest\n    },\n    ref\n  ) => {\n    const itemTestId = testId ?? (_baseTestId ? `${_baseTestId}-item-${_index}` : undefined)\n\n    const startClasses = [dTimelineStart, startBox && dTimelineBox].filter(Boolean).join(' ')\n    const endClasses = [dTimelineEnd, endBox && dTimelineBox].filter(Boolean).join(' ')\n    const middleClasses = [dTimelineMiddle, color && colorClasses[color]].filter(Boolean).join(' ')\n    const hrClasses = color ? hrColorClasses[color] : undefined\n\n    const isFirst = _index === 0\n    const isLast = _index === _total - 1\n\n    // Determine content placement based on mode\n    const isEven = _index % 2 === 0\n    const showOnStart = _mode === 'start' || (_mode === 'alternate' && !isEven)\n    const showOnEnd = _mode === 'end' || (_mode === 'alternate' && isEven)\n\n    // Render the icon or loading spinner\n    const iconContent = loading ? (\n      <Loading size=\"xs\" />\n    ) : (\n      icon\n    )\n\n    // Render connectors and content based on layout\n    if (_compact) {\n      // Compact layout: connector, icon, end content, connector\n      return (\n        <li ref={ref} className={className} data-testid={itemTestId} {...rest}>\n          {!isFirst && <hr className={hrClasses} />}\n          {iconContent && <div className={middleClasses}>{iconContent}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n          {!isLast && <hr className={hrClasses} />}\n        </li>\n      )\n    } else if (_vertical) {\n      // Vertical layout with mode support\n      return (\n        <li ref={ref} className={className} data-testid={itemTestId} {...rest}>\n          {!isFirst && <hr className={hrClasses} />}\n          {showOnStart && start && <div className={startClasses}>{start}</div>}\n          {showOnEnd && !showOnStart && end && <div className={startClasses}>{end}</div>}\n          {iconContent && <div className={middleClasses}>{iconContent}</div>}\n          {showOnEnd && start && !showOnStart && <div className={endClasses}>{start}</div>}\n          {(showOnStart || (!showOnStart && !showOnEnd)) && end && <div className={endClasses}>{end}</div>}\n          {!showOnStart && showOnEnd && start && <div className={endClasses}>{start}</div>}\n          {!isLast && <hr className={hrClasses} />}\n        </li>\n      )\n    } else {\n      // Horizontal alternating layout\n      if (showOnEnd) {\n        // Content on end side\n        return (\n          <li ref={ref} className={className} data-testid={itemTestId} {...rest}>\n            {start && <div className={startClasses}>{start}</div>}\n            {iconContent && <div className={middleClasses}>{iconContent}</div>}\n            {end && <div className={endClasses}>{end}</div>}\n            {!isLast && <hr className={hrClasses} />}\n          </li>\n        )\n      } else {\n        // Content on start side\n        return (\n          <li ref={ref} className={className} data-testid={itemTestId} {...rest}>\n            {!isFirst && <hr className={hrClasses} />}\n            {iconContent && <div className={middleClasses}>{iconContent}</div>}\n            {start && <div className={startClasses}>{start}</div>}\n            {end && <div className={endClasses}>{end}</div>}\n          </li>\n        )\n      }\n    }\n  }\n)\n\nTimelineItem.displayName = 'Timeline.Item'\n\nconst TimelineRoot = forwardRef<HTMLUListElement, TimelineProps>(\n  (\n    {\n      children,\n      items,\n      className = '',\n      vertical = false,\n      horizontal = false,\n      compact = false,\n      snapIcon = false,\n      mode = 'alternate',\n      reverse = false,\n      pending,\n      pendingIcon,\n      'data-testid': testId = 'timeline',\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref\n  ) => {\n    const classes = [\n      dTimeline,\n      vertical && dTimelineVertical,\n      horizontal && dTimelineHorizontal,\n      compact && dTimelineCompact,\n      snapIcon && dTimelineSnapIcon,\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Build items from declarative API if provided\n    const declarativeItems = useMemo(() => {\n      if (!items) return null\n      return items.map((item, index) => (\n        <TimelineItem\n          key={item.key ?? index}\n          start={item.start}\n          end={item.end}\n          icon={item.icon}\n          startBox={item.startBox}\n          endBox={item.endBox}\n          color={item.color}\n          loading={item.loading}\n          className={item.className}\n        />\n      ))\n    }, [items])\n\n    // Get children to render (either declarative or compound)\n    const childrenToRender = declarativeItems ?? children\n\n    // Convert to array and optionally reverse\n    let childArray = React.Children.toArray(childrenToRender)\n    if (reverse) {\n      childArray = [...childArray].reverse()\n    }\n\n    // Add pending item if provided\n    if (pending) {\n      const pendingItem = (\n        <TimelineItem\n          key=\"__pending__\"\n          end={pending}\n          endBox\n          icon={pendingIcon}\n          loading={!pendingIcon}\n        />\n      )\n      childArray.push(pendingItem)\n    }\n\n    const total = childArray.length\n\n    // Inject internal props into each Timeline.Item\n    const childrenWithProps = childArray.map((child, index) => {\n      if (React.isValidElement<TimelineItemInternalProps>(child)) {\n        return React.cloneElement(child, {\n          _index: index,\n          _total: total,\n          _compact: compact,\n          _vertical: vertical,\n          _mode: mode,\n          _baseTestId: testId,\n        })\n      }\n      return child\n    })\n\n    return (\n      <ul\n        ref={ref}\n        className={classes}\n        data-testid={testId}\n        aria-label={ariaLabel}\n        role=\"list\"\n        {...rest}\n      >\n        {childrenWithProps}\n      </ul>\n    )\n  }\n)\n\nTimelineRoot.displayName = 'Timeline'\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Item: TimelineItem,\n})\n"],"names":["dTimeline","dTimelineVertical","dTimelineHorizontal","dTimelineCompact","dTimelineSnapIcon","dTimelineStart","dTimelineEnd","dTimelineMiddle","dTimelineBox","colorClasses","hrColorClasses","TimelineItem","forwardRef","start","end","icon","startBox","endBox","color","loading","className","testId","_index","_total","_compact","_vertical","_mode","_baseTestId","rest","ref","itemTestId","startClasses","endClasses","middleClasses","hrClasses","isFirst","isLast","isEven","showOnStart","showOnEnd","iconContent","jsx","Loading","TimelineRoot","children","items","vertical","horizontal","compact","snapIcon","mode","reverse","pending","pendingIcon","ariaLabel","classes","childrenToRender","useMemo","item","index","childArray","React","pendingItem","total","childrenWithProps","child","Timeline"],"mappings":"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"}

package/dist/components/Toggle.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error';
+    className?: string;
+}
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Toggle.js

@@ -0,0 +1,39 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { useConfig as T } from "./ConfigProvider.js";
+const f = "d-toggle", u = "d-toggle-xs", p = "d-toggle-sm", y = "d-toggle-md", x = "d-toggle-lg", S = "d-toggle-xl", h = "d-toggle-primary", k = "d-toggle-secondary", C = "d-toggle-accent", w = "d-toggle-neutral", z = "d-toggle-success", N = "d-toggle-warning", j = "d-toggle-info", X = "d-toggle-error", b = m(
+  ({
+    size: t,
+    color: o,
+    className: s = "",
+    ...e
+  }, c) => {
+    const { componentSize: l } = T(), g = t ?? l ?? "md", n = {
+      xs: u,
+      sm: p,
+      md: y,
+      lg: x,
+      xl: S
+    }, d = {
+      primary: h,
+      secondary: k,
+      accent: C,
+      neutral: w,
+      success: z,
+      warning: N,
+      info: j,
+      error: X
+    }, r = [
+      f,
+      g && n[g],
+      o && d[o],
+      s
+    ].filter(Boolean).join(" "), a = e.checked ? "checked" : "unchecked";
+    return /* @__PURE__ */ i("input", { ref: c, type: "checkbox", className: r, "data-state": a, ...e });
+  }
+);
+b.displayName = "Toggle";
+export {
+  b as Toggle
+};
+//# sourceMappingURL=Toggle.js.map

package/dist/components/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.js","sources":["../../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dToggle = 'd-toggle'\nconst dToggleXs = 'd-toggle-xs'\nconst dToggleSm = 'd-toggle-sm'\nconst dToggleMd = 'd-toggle-md'\nconst dToggleLg = 'd-toggle-lg'\nconst dToggleXl = 'd-toggle-xl'\nconst dTogglePrimary = 'd-toggle-primary'\nconst dToggleSecondary = 'd-toggle-secondary'\nconst dToggleAccent = 'd-toggle-accent'\nconst dToggleNeutral = 'd-toggle-neutral'\nconst dToggleSuccess = 'd-toggle-success'\nconst dToggleWarning = 'd-toggle-warning'\nconst dToggleInfo = 'd-toggle-info'\nconst dToggleError = 'd-toggle-error'\n\nexport interface ToggleProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error'\n  className?: string\n}\n\nexport const Toggle = forwardRef<HTMLInputElement, ToggleProps>(\n  (\n    {\n      size,\n      color,\n      className = '',\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dToggleXs,\n      sm: dToggleSm,\n      md: dToggleMd,\n      lg: dToggleLg,\n      xl: dToggleXl,\n    }\n\n    const colorClasses = {\n      primary: dTogglePrimary,\n      secondary: dToggleSecondary,\n      accent: dToggleAccent,\n      neutral: dToggleNeutral,\n      success: dToggleSuccess,\n      warning: dToggleWarning,\n      info: dToggleInfo,\n      error: dToggleError,\n    }\n\n    const toggleClasses = [\n      dToggle,\n      effectiveSize && sizeClasses[effectiveSize],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    const dataState = props.checked ? 'checked' : 'unchecked'\n    return <input ref={ref} type=\"checkbox\" className={toggleClasses} data-state={dataState} {...props} />\n  }\n)\n\nToggle.displayName = 'Toggle'\n"],"names":["dToggle","dToggleXs","dToggleSm","dToggleMd","dToggleLg","dToggleXl","dTogglePrimary","dToggleSecondary","dToggleAccent","dToggleNeutral","dToggleSuccess","dToggleWarning","dToggleInfo","dToggleError","Toggle","forwardRef","size","color","className","props","ref","componentSize","useConfig","effectiveSize","sizeClasses","colorClasses","toggleClasses","dataState","jsx"],"mappings":";;;AAIA,MAAMA,IAAU,YACVC,IAAY,eACZC,IAAY,eACZC,IAAY,eACZC,IAAY,eACZC,IAAY,eACZC,IAAiB,oBACjBC,IAAmB,sBACnBC,IAAgB,mBAChBC,IAAiB,oBACjBC,IAAiB,oBACjBC,IAAiB,oBACjBC,IAAc,iBACdC,IAAe,kBAQRC,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBP,KAAQK,KAAiB,MAEzCG,IAAc;AAAA,MAClB,IAAIvB;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,GAGAoB,IAAe;AAAA,MACnB,SAASnB;AAAA,MACT,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,SAASC;AAAA,MACT,SAASC;AAAA,MACT,SAASC;AAAA,MACT,MAAMC;AAAA,MACN,OAAOC;AAAA,IAAA,GAGHa,IAAgB;AAAA,MACpB1B;AAAA,MACAuB,KAAiBC,EAAYD,CAAa;AAAA,MAC1CN,KAASQ,EAAaR,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELS,IAAYR,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAS,EAAC,SAAA,EAAM,KAAAR,GAAU,MAAK,YAAW,WAAWM,GAAe,cAAYC,GAAY,GAAGR,EAAA,CAAO;AAAA,EACtG;AACF;AAEAL,EAAO,cAAc;"}

package/dist/components/Tooltip.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    tip: string;
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error';
+    open?: boolean;
+}
+export declare const Tooltip: React.FC<TooltipProps>;

package/dist/components/Tooltip.js

@@ -0,0 +1,37 @@
+import { jsx as e } from "react/jsx-runtime";
+const a = "d-tooltip", T = "d-tooltip-top", f = "d-tooltip-bottom", m = "d-tooltip-left", u = "d-tooltip-right", g = "d-tooltip-neutral", y = "d-tooltip-primary", h = "d-tooltip-secondary", b = "d-tooltip-accent", j = "d-tooltip-info", v = "d-tooltip-success", w = "d-tooltip-warning", x = "d-tooltip-error", B = "d-tooltip-open", N = ({
+  children: i,
+  tip: s,
+  className: l = "",
+  position: n = "top",
+  color: o,
+  open: t = !1,
+  ...p
+}) => {
+  const c = {
+    top: T,
+    bottom: f,
+    left: m,
+    right: u
+  }, d = o ? {
+    neutral: g,
+    primary: y,
+    secondary: h,
+    accent: b,
+    info: j,
+    success: v,
+    warning: w,
+    error: x
+  }[o] : void 0, r = [
+    a,
+    c[n],
+    d,
+    t && B,
+    l
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ e("div", { className: r, "data-tip": s, "data-state": t ? "open" : "closed", ...p, children: i });
+};
+export {
+  N as Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dTooltip = 'd-tooltip'\nconst dTooltipTop = 'd-tooltip-top'\nconst dTooltipBottom = 'd-tooltip-bottom'\nconst dTooltipLeft = 'd-tooltip-left'\nconst dTooltipRight = 'd-tooltip-right'\nconst dTooltipNeutral = 'd-tooltip-neutral'\nconst dTooltipPrimary = 'd-tooltip-primary'\nconst dTooltipSecondary = 'd-tooltip-secondary'\nconst dTooltipAccent = 'd-tooltip-accent'\nconst dTooltipInfo = 'd-tooltip-info'\nconst dTooltipSuccess = 'd-tooltip-success'\nconst dTooltipWarning = 'd-tooltip-warning'\nconst dTooltipError = 'd-tooltip-error'\nconst dTooltipOpen = 'd-tooltip-open'\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: dTooltipTop,\n    bottom: dTooltipBottom,\n    left: dTooltipLeft,\n    right: dTooltipRight,\n  }\n\n  const colorClasses = color\n    ? {\n        neutral: dTooltipNeutral,\n        primary: dTooltipPrimary,\n        secondary: dTooltipSecondary,\n        accent: dTooltipAccent,\n        info: dTooltipInfo,\n        success: dTooltipSuccess,\n        warning: dTooltipWarning,\n        error: dTooltipError,\n      }[color]\n    : undefined\n\n  const classes = [\n    dTooltip,\n    positionClasses[position],\n    colorClasses,\n    open && dTooltipOpen,\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":["dTooltip","dTooltipTop","dTooltipBottom","dTooltipLeft","dTooltipRight","dTooltipNeutral","dTooltipPrimary","dTooltipSecondary","dTooltipAccent","dTooltipInfo","dTooltipSuccess","dTooltipWarning","dTooltipError","dTooltipOpen","Tooltip","children","tip","className","position","color","open","rest","positionClasses","colorClasses","classes","jsx"],"mappings":";AAGA,MAAMA,IAAW,aACXC,IAAc,iBACdC,IAAiB,oBACjBC,IAAe,kBACfC,IAAgB,mBAChBC,IAAkB,qBAClBC,IAAkB,qBAClBC,IAAoB,uBACpBC,IAAiB,oBACjBC,IAAe,kBACfC,IAAkB,qBAClBC,IAAkB,qBAClBC,IAAgB,mBAChBC,IAAe,kBAURC,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,KAAKrB;AAAA,IACL,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,OAAOC;AAAA,EAAA,GAGHmB,IAAeJ,IACjB;AAAA,IACE,SAASd;AAAA,IACT,SAASC;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,EACPO,CAAK,IACP,QAEEK,IAAU;AAAA,IACdxB;AAAA,IACAsB,EAAgBJ,CAAQ;AAAA,IACxBK;AAAA,IACAH,KAAQP;AAAA,IACRI;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;"}

package/dist/components/Tour.d.ts

@@ -0,0 +1,123 @@
+import { default as React } from 'react';
+export type TourPlacement = 'top' | 'topLeft' | 'topRight' | 'bottom' | 'bottomLeft' | 'bottomRight' | 'left' | 'leftTop' | 'leftBottom' | 'right' | 'rightTop' | 'rightBottom' | 'center';
+export type TourType = 'default' | 'primary';
+export interface TourArrowConfig {
+    pointAtCenter?: boolean;
+}
+export interface TourMaskConfig {
+    style?: React.CSSProperties;
+    color?: string;
+}
+export interface TourButtonProps {
+    children?: React.ReactNode;
+    onClick?: () => void;
+}
+export interface TourStepProps {
+    /** Target element ref or function returning element */
+    target?: React.RefObject<HTMLElement | null> | (() => HTMLElement | null) | null;
+    /** Step title */
+    title: React.ReactNode;
+    /** Step description */
+    description?: React.ReactNode;
+    /** Cover image or content above title */
+    cover?: React.ReactNode;
+    /** Placement of popover relative to target */
+    placement?: TourPlacement;
+    /** Whether to show arrow (overrides Tour setting) */
+    arrow?: boolean | TourArrowConfig;
+    /** Custom close icon for this step */
+    closeIcon?: React.ReactNode;
+    /** Show mask overlay (overrides Tour setting) */
+    mask?: boolean | TourMaskConfig;
+    /** Type affects styling (overrides Tour setting) */
+    type?: TourType;
+    /** Scroll into view options (overrides Tour setting) */
+    scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
+    /** Next button props */
+    nextButtonProps?: TourButtonProps;
+    /** Previous button props */
+    prevButtonProps?: TourButtonProps;
+    /** Custom class for this step's popover */
+    className?: string;
+    /** Custom style for this step's popover */
+    style?: React.CSSProperties;
+    /** Called when this step becomes active */
+    onClose?: () => void;
+}
+export type TourSemanticName = 'root' | 'mask' | 'popover' | 'header' | 'content' | 'footer' | 'indicator' | 'close';
+export interface TourActionInfo {
+    current: number;
+    total: number;
+}
+export interface TourRef {
+    /** Go to a specific step */
+    goTo: (step: number) => void;
+    /** Go to the next step */
+    next: () => void;
+    /** Go to the previous step */
+    prev: () => void;
+    /** Close the tour */
+    close: () => void;
+}
+export interface TourProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Whether tour is visible */
+    open?: boolean;
+    /** Callback when tour closes */
+    onClose?: () => void;
+    /** Callback when tour finishes (last step completed) */
+    onFinish?: () => void;
+    /** Tour steps */
+    steps: TourStepProps[];
+    /** Current step (controlled) */
+    current?: number;
+    /** Callback when step changes */
+    onChange?: (current: number) => void;
+    /** Whether to show arrow on popover */
+    arrow?: boolean | TourArrowConfig;
+    /** Custom close icon */
+    closeIcon?: React.ReactNode;
+    /** Show mask overlay */
+    mask?: boolean | TourMaskConfig;
+    /** Disable interaction on highlighted area */
+    disabledInteraction?: boolean;
+    /** Type affects styling */
+    type?: TourType;
+    /** Gap between highlight and target */
+    gap?: {
+        offset?: number | [number, number];
+        radius?: number;
+    };
+    /** Text for prev button */
+    prevButtonText?: React.ReactNode;
+    /** Text for next button */
+    nextButtonText?: React.ReactNode;
+    /** Text for finish button */
+    finishButtonText?: React.ReactNode;
+    /** Text for skip button */
+    skipButtonText?: React.ReactNode;
+    /** Show skip button */
+    showSkip?: boolean;
+    /** Show step indicators */
+    showIndicators?: boolean;
+    /** Close on mask click */
+    closeOnMaskClick?: boolean;
+    /** Close on escape key */
+    closeOnEscape?: boolean;
+    /** Scroll target into view */
+    scrollIntoViewOptions?: boolean | ScrollIntoViewOptions;
+    /** Z-index for tour overlay */
+    zIndex?: number;
+    /** Custom indicator renderer */
+    indicatorsRender?: (current: number, total: number) => React.ReactNode;
+    /** Custom action buttons renderer */
+    actionsRender?: (originNode: React.ReactNode, info: TourActionInfo) => React.ReactNode;
+    /** Rendering container for tour */
+    getPopupContainer?: (node: HTMLElement) => HTMLElement;
+    /** Semantic class names */
+    classNames?: Partial<Record<TourSemanticName, string>>;
+    /** Semantic styles */
+    styles?: Partial<Record<TourSemanticName, React.CSSProperties>>;
+    /** Test ID for testing */
+    'data-testid'?: string;
+}
+export declare const Tour: React.ForwardRefExoticComponent<TourProps & React.RefAttributes<TourRef>>;