asterui 0.12.16 → 0.12.17

package/dist/index87.js.map

@@ -1 +1 @@
-{"version":3,"file":"index87.js","sources":["../src/components/TimePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from 'react'\nimport { Input } from './Input'\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'\n  showSeconds?: boolean\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: React.FC<TimePickerProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  format = '24',\n  placeholder = 'Select time',\n  disabled = false,\n  className = '',\n  size = 'md',\n  showSeconds = false,\n  ...rest\n}) => {\n  const [selectedTime, setSelectedTime] = useState<Date | null>(\n    value || defaultValue || null\n  )\n  const [isOpen, setIsOpen] = useState(false)\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\n  const containerRef = useRef<HTMLDivElement>(null)\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  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\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    label: string,\n    maxValue: number,\n    currentValue: number,\n    onChange: (value: number) => void,\n    start: number = 0\n  ) => {\n    const items = Array.from({ length: maxValue - start + 1 }, (_, i) => start + i)\n\n    return (\n      <div className=\"flex flex-col\">\n        <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n          {label}\n        </div>\n        <div className=\"flex-1 overflow-y-auto max-h-48\">\n          {items.map((item) => (\n            <button\n              key={item}\n              type=\"button\"\n              onClick={() => onChange(item)}\n              className={`\n                w-full px-4 py-2 text-center hover:bg-base-200 transition-colors\n                ${currentValue === item ? 'bg-primary text-primary-content' : ''}\n              `}\n            >\n              {String(item).padStart(2, '0')}\n            </button>\n          ))}\n        </div>\n      </div>\n    )\n  }\n\n  const displayHours = format === '12' ? (hours % 12 || 12) : hours\n\n  return (\n    <div ref={containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <Input\n        value={formatTime(selectedTime, format, showSeconds)}\n        placeholder={placeholder}\n        disabled={disabled}\n        size={size}\n        readOnly\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        className=\"cursor-pointer\"\n      />\n\n      {isOpen && (\n        <div className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg z-50\">\n          <div className=\"flex divide-x divide-base-300\">\n            {renderTimeColumn(\n              'Hour',\n              format === '12' ? 12 : 23,\n              displayHours,\n              handleHourChange,\n              format === '12' ? 1 : 0\n            )}\n\n            {renderTimeColumn('Min', 59, minutes, handleMinuteChange)}\n\n            {showSeconds && renderTimeColumn('Sec', 59, seconds, handleSecondChange)}\n\n            {format === '12' && (\n              <div className=\"flex flex-col\">\n                <div className=\"text-xs font-semibold text-center text-base-content/60 py-2\">\n                  Period\n                </div>\n                <div className=\"flex-1 flex flex-col p-2 gap-2\">\n                  <button\n                    type=\"button\"\n                    onClick={() => handlePeriodChange('AM')}\n                    className={`\n                      btn btn-sm\n                      ${period === 'AM' ? 'btn-primary' : 'btn-ghost'}\n                    `}\n                  >\n                    AM\n                  </button>\n                  <button\n                    type=\"button\"\n                    onClick={() => handlePeriodChange('PM')}\n                    className={`\n                      btn btn-sm\n                      ${period === 'PM' ? 'btn-primary' : 'btn-ghost'}\n                    `}\n                  >\n                    PM\n                  </button>\n                </div>\n              </div>\n            )}\n          </div>\n\n          {/* Action buttons */}\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=\"btn btn-ghost btn-sm\"\n            >\n              Now\n            </button>\n            <button\n              type=\"button\"\n              onClick={() => setIsOpen(false)}\n              className=\"btn btn-primary btn-sm\"\n            >\n              OK\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["formatTime","date","format","showSeconds","hours","minutes","seconds","period","hoursStr","TimePicker","value","defaultValue","onChange","placeholder","disabled","className","size","rest","selectedTime","setSelectedTime","useState","isOpen","setIsOpen","setHours","setMinutes","setSeconds","setPeriod","containerRef","useRef","useEffect","handleClickOutside","event","handleTimeChange","newHours","newMinutes","newSeconds","now","newTime","handleHourChange","newHour","actualHour","handleMinuteChange","newMinute","handleSecondChange","newSecond","handlePeriodChange","newPeriod","renderTimeColumn","label","maxValue","currentValue","start","items","_","i","jsxs","jsx","item","displayHours","Input"],"mappings":"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"}
+{"version":3,"file":"index87.js","sources":["../src/components/Timeline.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TimelineProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode\n  vertical?: boolean\n  horizontal?: boolean\n  compact?: boolean\n  snapIcon?: boolean\n}\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  start?: React.ReactNode\n  end?: React.ReactNode\n  icon?: React.ReactNode\n  startBox?: boolean\n  endBox?: boolean\n  // Internal props injected by Timeline container\n  _index?: number\n  _compact?: boolean\n  _vertical?: boolean\n}\n\nfunction TimelineRoot({\n  children,\n  className = '',\n  vertical = false,\n  horizontal = false,\n  compact = false,\n  snapIcon = false,\n  ...rest\n}: TimelineProps) {\n  const classes = [\n    'timeline',\n    vertical && 'timeline-vertical',\n    horizontal && 'timeline-horizontal',\n    compact && 'timeline-compact',\n    snapIcon && 'timeline-snap-icon',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Inject index and layout props into each Timeline.Item\n  const childrenWithProps = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      return React.cloneElement(child, {\n        _index: index,\n        _compact: compact,\n        _vertical: vertical,\n      } as any)\n    }\n    return child\n  })\n\n  return <ul className={classes} {...rest}>{childrenWithProps}</ul>\n}\n\nfunction TimelineItem({\n  start,\n  end,\n  icon,\n  startBox = false,\n  endBox = false,\n  className = '',\n  _index = 0,\n  _compact = false,\n  _vertical = false,\n  ...rest\n}: TimelineItemProps) {\n  const startClasses = ['timeline-start', startBox && 'timeline-box'].filter(Boolean).join(' ')\n  const endClasses = ['timeline-end', endBox && 'timeline-box'].filter(Boolean).join(' ')\n\n  // Determine if this is an even item (for alternating horizontal layout)\n  const isEven = _index % 2 === 0\n\n  // Render connectors and content based on layout\n  if (_compact) {\n    // Compact layout: connector, icon, end content, connector\n    return (\n      <li className={className} {...rest}>\n        <hr />\n        {icon && <div className=\"timeline-middle\">{icon}</div>}\n        {end && <div className={endClasses}>{end}</div>}\n        {_index !== undefined && <hr />}\n      </li>\n    )\n  } else if (_vertical) {\n    // Vertical layout: connector, start, icon, end, connector\n    return (\n      <li className={className} {...rest}>\n        <hr />\n        {start && <div className={startClasses}>{start}</div>}\n        {icon && <div className=\"timeline-middle\">{icon}</div>}\n        {end && <div className={endClasses}>{end}</div>}\n        <hr />\n      </li>\n    )\n  } else {\n    // Horizontal alternating layout\n    if (isEven) {\n      // Even items: start, icon, end, connector\n      return (\n        <li className={className} {...rest}>\n          {start && <div className={startClasses}>{start}</div>}\n          {icon && <div className=\"timeline-middle\">{icon}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n          <hr />\n        </li>\n      )\n    } else {\n      // Odd items: connector, icon, start, end\n      return (\n        <li className={className} {...rest}>\n          <hr />\n          {icon && <div className=\"timeline-middle\">{icon}</div>}\n          {start && <div className={startClasses}>{start}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n        </li>\n      )\n    }\n  }\n}\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Item: TimelineItem,\n})\n"],"names":["TimelineRoot","children","className","vertical","horizontal","compact","snapIcon","rest","classes","childrenWithProps","React","child","index","TimelineItem","start","end","icon","startBox","endBox","_index","_compact","_vertical","startClasses","endClasses","isEven","jsxs","jsx","Timeline"],"mappings":"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"}

package/dist/index88.js

@@ -1,68 +1,38 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import v from "react";
-function N({
-  children: n,
-  className: l = "",
-  vertical: i = !1,
-  horizontal: o = !1,
-  compact: a = !1,
-  snapIcon: r = !1,
-  ...t
-}) {
-  const h = [
-    "timeline",
-    i && "timeline-vertical",
-    o && "timeline-horizontal",
-    a && "timeline-compact",
-    r && "timeline-snap-icon",
-    l
-  ].filter(Boolean).join(" "), f = v.Children.map(n, (s, m) => v.isValidElement(s) ? v.cloneElement(s, {
-    _index: m,
-    _compact: a,
-    _vertical: i
-  }) : s);
-  return /* @__PURE__ */ e("ul", { className: h, ...t, children: f });
-}
-function p({
-  start: n,
-  end: l,
-  icon: i,
-  startBox: o = !1,
-  endBox: a = !1,
-  className: r = "",
-  _index: t = 0,
-  _compact: h = !1,
-  _vertical: f = !1,
-  ...s
-}) {
-  const m = ["timeline-start", o && "timeline-box"].filter(Boolean).join(" "), c = ["timeline-end", a && "timeline-box"].filter(Boolean).join(" "), u = t % 2 === 0;
-  return h ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
-    /* @__PURE__ */ e("hr", {}),
-    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
-    l && /* @__PURE__ */ e("div", { className: c, children: l }),
-    t !== void 0 && /* @__PURE__ */ e("hr", {})
-  ] }) : f ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
-    /* @__PURE__ */ e("hr", {}),
-    n && /* @__PURE__ */ e("div", { className: m, children: n }),
-    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
-    l && /* @__PURE__ */ e("div", { className: c, children: l }),
-    /* @__PURE__ */ e("hr", {})
-  ] }) : u ? /* @__PURE__ */ d("li", { className: r, ...s, children: [
-    n && /* @__PURE__ */ e("div", { className: m, children: n }),
-    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
-    l && /* @__PURE__ */ e("div", { className: c, children: l }),
-    /* @__PURE__ */ e("hr", {})
-  ] }) : /* @__PURE__ */ d("li", { className: r, ...s, children: [
-    /* @__PURE__ */ e("hr", {}),
-    i && /* @__PURE__ */ e("div", { className: "timeline-middle", children: i }),
-    n && /* @__PURE__ */ e("div", { className: m, children: n }),
-    l && /* @__PURE__ */ e("div", { className: c, children: l })
-  ] });
-}
-const b = Object.assign(N, {
-  Item: p
-});
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+const m = i(
+  ({
+    size: e,
+    color: g,
+    className: t = "",
+    ...o
+  }, l) => {
+    const s = {
+      xs: "toggle-xs",
+      sm: "toggle-sm",
+      md: "toggle-md",
+      lg: "toggle-lg",
+      xl: "toggle-xl"
+    }, a = {
+      primary: "toggle-primary",
+      secondary: "toggle-secondary",
+      accent: "toggle-accent",
+      neutral: "toggle-neutral",
+      success: "toggle-success",
+      warning: "toggle-warning",
+      info: "toggle-info",
+      error: "toggle-error"
+    }, r = [
+      "toggle",
+      e && s[e],
+      g && a[g],
+      t
+    ].filter(Boolean).join(" "), c = o.checked ? "checked" : "unchecked";
+    return /* @__PURE__ */ n("input", { ref: l, type: "checkbox", className: r, "data-state": c, ...o });
+  }
+);
+m.displayName = "Toggle";
 export {
-  b as Timeline
+  m as Toggle
 };
 //# sourceMappingURL=index88.js.map

package/dist/index88.js.map

@@ -1 +1 @@
-{"version":3,"file":"index88.js","sources":["../src/components/Timeline.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TimelineProps extends React.HTMLAttributes<HTMLUListElement> {\n  children: React.ReactNode\n  vertical?: boolean\n  horizontal?: boolean\n  compact?: boolean\n  snapIcon?: boolean\n}\n\nexport interface TimelineItemProps extends React.LiHTMLAttributes<HTMLLIElement> {\n  start?: React.ReactNode\n  end?: React.ReactNode\n  icon?: React.ReactNode\n  startBox?: boolean\n  endBox?: boolean\n  // Internal props injected by Timeline container\n  _index?: number\n  _compact?: boolean\n  _vertical?: boolean\n}\n\nfunction TimelineRoot({\n  children,\n  className = '',\n  vertical = false,\n  horizontal = false,\n  compact = false,\n  snapIcon = false,\n  ...rest\n}: TimelineProps) {\n  const classes = [\n    'timeline',\n    vertical && 'timeline-vertical',\n    horizontal && 'timeline-horizontal',\n    compact && 'timeline-compact',\n    snapIcon && 'timeline-snap-icon',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Inject index and layout props into each Timeline.Item\n  const childrenWithProps = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      return React.cloneElement(child, {\n        _index: index,\n        _compact: compact,\n        _vertical: vertical,\n      } as any)\n    }\n    return child\n  })\n\n  return <ul className={classes} {...rest}>{childrenWithProps}</ul>\n}\n\nfunction TimelineItem({\n  start,\n  end,\n  icon,\n  startBox = false,\n  endBox = false,\n  className = '',\n  _index = 0,\n  _compact = false,\n  _vertical = false,\n  ...rest\n}: TimelineItemProps) {\n  const startClasses = ['timeline-start', startBox && 'timeline-box'].filter(Boolean).join(' ')\n  const endClasses = ['timeline-end', endBox && 'timeline-box'].filter(Boolean).join(' ')\n\n  // Determine if this is an even item (for alternating horizontal layout)\n  const isEven = _index % 2 === 0\n\n  // Render connectors and content based on layout\n  if (_compact) {\n    // Compact layout: connector, icon, end content, connector\n    return (\n      <li className={className} {...rest}>\n        <hr />\n        {icon && <div className=\"timeline-middle\">{icon}</div>}\n        {end && <div className={endClasses}>{end}</div>}\n        {_index !== undefined && <hr />}\n      </li>\n    )\n  } else if (_vertical) {\n    // Vertical layout: connector, start, icon, end, connector\n    return (\n      <li className={className} {...rest}>\n        <hr />\n        {start && <div className={startClasses}>{start}</div>}\n        {icon && <div className=\"timeline-middle\">{icon}</div>}\n        {end && <div className={endClasses}>{end}</div>}\n        <hr />\n      </li>\n    )\n  } else {\n    // Horizontal alternating layout\n    if (isEven) {\n      // Even items: start, icon, end, connector\n      return (\n        <li className={className} {...rest}>\n          {start && <div className={startClasses}>{start}</div>}\n          {icon && <div className=\"timeline-middle\">{icon}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n          <hr />\n        </li>\n      )\n    } else {\n      // Odd items: connector, icon, start, end\n      return (\n        <li className={className} {...rest}>\n          <hr />\n          {icon && <div className=\"timeline-middle\">{icon}</div>}\n          {start && <div className={startClasses}>{start}</div>}\n          {end && <div className={endClasses}>{end}</div>}\n        </li>\n      )\n    }\n  }\n}\n\nexport const Timeline = Object.assign(TimelineRoot, {\n  Item: TimelineItem,\n})\n"],"names":["TimelineRoot","children","className","vertical","horizontal","compact","snapIcon","rest","classes","childrenWithProps","React","child","index","TimelineItem","start","end","icon","startBox","endBox","_index","_compact","_vertical","startClasses","endClasses","isEven","jsxs","jsx","Timeline"],"mappings":"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"}
+{"version":3,"file":"index88.js","sources":["../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\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 sizeClasses = {\n      xs: 'toggle-xs',\n      sm: 'toggle-sm',\n      md: 'toggle-md',\n      lg: 'toggle-lg',\n      xl: 'toggle-xl',\n    }\n\n    const colorClasses = {\n      primary: 'toggle-primary',\n      secondary: 'toggle-secondary',\n      accent: 'toggle-accent',\n      neutral: 'toggle-neutral',\n      success: 'toggle-success',\n      warning: 'toggle-warning',\n      info: 'toggle-info',\n      error: 'toggle-error',\n    }\n\n    const toggleClasses = [\n      'toggle',\n      size && sizeClasses[size],\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":["Toggle","forwardRef","size","color","className","props","ref","sizeClasses","colorClasses","toggleClasses","dataState","jsx"],"mappings":";;AAQO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,GAGHC,IAAgB;AAAA,MACpB;AAAA,MACAP,KAAQK,EAAYL,CAAI;AAAA,MACxBC,KAASK,EAAaL,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IAAYL,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAM,EAAC,SAAA,EAAM,KAAAL,GAAU,MAAK,YAAW,WAAWG,GAAe,cAAYC,GAAY,GAAGL,EAAA,CAAO;AAAA,EACtG;AACF;AAEAL,EAAO,cAAc;"}

package/dist/index89.js

@@ -1,38 +1,237 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-const m = i(
-  ({
-    size: e,
-    color: g,
-    className: t = "",
-    ...o
-  }, l) => {
-    const s = {
-      xs: "toggle-xs",
-      sm: "toggle-sm",
-      md: "toggle-md",
-      lg: "toggle-lg",
-      xl: "toggle-xl"
-    }, a = {
-      primary: "toggle-primary",
-      secondary: "toggle-secondary",
-      accent: "toggle-accent",
-      neutral: "toggle-neutral",
-      success: "toggle-success",
-      warning: "toggle-warning",
-      info: "toggle-info",
-      error: "toggle-error"
-    }, r = [
-      "toggle",
-      e && s[e],
-      g && a[g],
-      t
-    ].filter(Boolean).join(" "), c = o.checked ? "checked" : "unchecked";
-    return /* @__PURE__ */ n("input", { ref: l, type: "checkbox", className: r, "data-state": c, ...o });
-  }
-);
-m.displayName = "Toggle";
+import { jsxs as a, jsx as h } from "react/jsx-runtime";
+import { useState as P, useRef as Z, useCallback as m, useEffect as g } from "react";
+import { createPortal as I } from "react-dom";
+const j = (t) => t ? typeof t == "function" ? t() : t.current : null, R = (t, f, e, i) => {
+  if (!t || f === "center")
+    return {
+      top: window.innerHeight / 2 - e.height / 2,
+      left: window.innerWidth / 2 - e.width / 2
+    };
+  const o = window.scrollY, r = window.scrollX;
+  return {
+    top: {
+      top: t.top + o - e.height - i,
+      left: t.left + r + t.width / 2 - e.width / 2
+    },
+    topLeft: {
+      top: t.top + o - e.height - i,
+      left: t.left + r
+    },
+    topRight: {
+      top: t.top + o - e.height - i,
+      left: t.right + r - e.width
+    },
+    bottom: {
+      top: t.bottom + o + i,
+      left: t.left + r + t.width / 2 - e.width / 2
+    },
+    bottomLeft: {
+      top: t.bottom + o + i,
+      left: t.left + r
+    },
+    bottomRight: {
+      top: t.bottom + o + i,
+      left: t.right + r - e.width
+    },
+    left: {
+      top: t.top + o + t.height / 2 - e.height / 2,
+      left: t.left + r - e.width - i
+    },
+    leftTop: {
+      top: t.top + o,
+      left: t.left + r - e.width - i
+    },
+    leftBottom: {
+      top: t.bottom + o - e.height,
+      left: t.left + r - e.width - i
+    },
+    right: {
+      top: t.top + o + t.height / 2 - e.height / 2,
+      left: t.right + r + i
+    },
+    rightTop: {
+      top: t.top + o,
+      left: t.right + r + i
+    },
+    rightBottom: {
+      top: t.bottom + o - e.height,
+      left: t.right + r + i
+    },
+    center: {
+      top: window.innerHeight / 2 - e.height / 2,
+      left: window.innerWidth / 2 - e.width / 2
+    }
+  }[f];
+}, nt = ({
+  open: t = !1,
+  onClose: f,
+  onFinish: e,
+  steps: i,
+  current: o,
+  onChange: r,
+  mask: p = !0,
+  type: D = "default",
+  gap: c = 8,
+  prevButtonText: F = "Previous",
+  nextButtonText: H = "Next",
+  finishButtonText: U = "Finish",
+  skipButtonText: W = "Skip",
+  showSkip: X = !0,
+  showIndicators: Y = !0,
+  closeOnMaskClick: A = !0,
+  closeOnEscape: E = !0,
+  scrollIntoView: S = !0,
+  zIndex: v = 1e3
+}) => {
+  const [q, T] = P(0), [w, z] = P(null), [B, G] = P({ top: 0, left: 0 }), N = Z(null), b = o !== void 0, s = b ? o : q, l = i[s], u = Array.isArray(c) ? c[0] : c, C = Array.isArray(c) ? c[1] : c, y = m(() => {
+    if (!l) return;
+    const d = j(l.target)?.getBoundingClientRect() ?? null;
+    if (z(d), N.current) {
+      const M = N.current.getBoundingClientRect(), Q = l.placement ?? "bottom", V = R(d, Q, M, C + u);
+      G(V);
+    }
+  }, [l, C, u]), k = m(
+    (n) => {
+      n < 0 || n >= i.length || (i[s]?.onClose?.(), b || T(n), r?.(n), i[n]?.onOpen?.());
+    },
+    [i, s, b, r]
+  ), x = m(() => {
+    k(s - 1);
+  }, [s, k]), L = m(() => {
+    s === i.length - 1 ? (e?.(), f?.()) : k(s + 1);
+  }, [s, i.length, k, e, f]), K = m(() => {
+    f?.();
+  }, [f]), O = m(() => {
+    A && f?.();
+  }, [A, f]);
+  if (g(() => {
+    t && !b && T(0);
+  }, [t, b]), g(() => {
+    t && (y(), S && l?.target && j(l.target)?.scrollIntoView({ behavior: "smooth", block: "center" }), s === 0 && l?.onOpen?.());
+  }, [t, s, l, S, y]), g(() => {
+    if (!t) return;
+    const n = () => y();
+    return window.addEventListener("resize", n), window.addEventListener("scroll", n, !0), requestAnimationFrame(y), () => {
+      window.removeEventListener("resize", n), window.removeEventListener("scroll", n, !0);
+    };
+  }, [t, y]), g(() => {
+    if (!t || !E) return;
+    const n = (d) => {
+      d.key === "Escape" ? f?.() : d.key === "ArrowRight" || d.key === "ArrowDown" ? L() : (d.key === "ArrowLeft" || d.key === "ArrowUp") && x();
+    };
+    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
+  }, [t, E, f, L, x]), !t || !l) return null;
+  const _ = s === 0, $ = s === i.length - 1, J = /* @__PURE__ */ a(
+    "div",
+    {
+      className: "fixed inset-0",
+      style: { zIndex: v },
+      "data-testid": "tour",
+      role: "dialog",
+      "aria-modal": "true",
+      children: [
+        p && /* @__PURE__ */ a(
+          "svg",
+          {
+            className: "absolute inset-0 w-full h-full pointer-events-auto",
+            onClick: O,
+            style: { zIndex: v },
+            children: [
+              /* @__PURE__ */ h("defs", { children: /* @__PURE__ */ a("mask", { id: "tour-mask", children: [
+                /* @__PURE__ */ h("rect", { x: "0", y: "0", width: "100%", height: "100%", fill: "white" }),
+                w && /* @__PURE__ */ h(
+                  "rect",
+                  {
+                    x: w.left - u,
+                    y: w.top - u,
+                    width: w.width + u * 2,
+                    height: w.height + u * 2,
+                    rx: u,
+                    fill: "black"
+                  }
+                )
+              ] }) }),
+              /* @__PURE__ */ h(
+                "rect",
+                {
+                  x: "0",
+                  y: "0",
+                  width: "100%",
+                  height: "100%",
+                  fill: "rgba(0, 0, 0, 0.5)",
+                  mask: "url(#tour-mask)"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          "div",
+          {
+            ref: N,
+            className: `absolute bg-base-100 rounded-lg shadow-xl border border-base-300 max-w-sm ${l.className ?? ""}`,
+            style: {
+              top: B.top,
+              left: B.left,
+              zIndex: v + 1
+            },
+            onClick: (n) => n.stopPropagation(),
+            "data-testid": "tour-popover",
+            children: [
+              l.cover && /* @__PURE__ */ h("div", { className: "rounded-t-lg overflow-hidden", children: l.cover }),
+              /* @__PURE__ */ a("div", { className: "p-4", children: [
+                /* @__PURE__ */ h("h3", { className: "font-semibold text-lg mb-1", children: l.title }),
+                l.description && /* @__PURE__ */ h("p", { className: "text-base-content/70 text-sm mb-4", children: l.description }),
+                Y && i.length > 1 && /* @__PURE__ */ h("div", { className: "flex gap-1 mb-4", children: i.map((n, d) => /* @__PURE__ */ h(
+                  "button",
+                  {
+                    className: `w-2 h-2 rounded-full transition-colors ${d === s ? "bg-primary" : "bg-base-300 hover:bg-base-content/30"}`,
+                    onClick: () => k(d),
+                    "aria-label": `Go to step ${d + 1}`
+                  },
+                  d
+                )) }),
+                /* @__PURE__ */ a("div", { className: "flex items-center justify-between gap-2", children: [
+                  /* @__PURE__ */ h("div", { children: X && !$ && /* @__PURE__ */ h(
+                    "button",
+                    {
+                      className: "btn btn-ghost btn-sm",
+                      onClick: K,
+                      "data-testid": "tour-skip",
+                      children: W
+                    }
+                  ) }),
+                  /* @__PURE__ */ a("div", { className: "flex gap-2", children: [
+                    !_ && /* @__PURE__ */ h(
+                      "button",
+                      {
+                        className: "btn btn-ghost btn-sm",
+                        onClick: x,
+                        "data-testid": "tour-prev",
+                        children: F
+                      }
+                    ),
+                    /* @__PURE__ */ h(
+                      "button",
+                      {
+                        className: `btn btn-sm ${D === "primary" ? "btn-primary" : ""}`,
+                        onClick: L,
+                        "data-testid": "tour-next",
+                        children: $ ? U : H
+                      }
+                    )
+                  ] })
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  return I(J, document.body);
+};
 export {
-  m as Toggle
+  nt as Tour
 };
 //# sourceMappingURL=index89.js.map

package/dist/index89.js.map

@@ -1 +1 @@
-{"version":3,"file":"index89.js","sources":["../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\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 sizeClasses = {\n      xs: 'toggle-xs',\n      sm: 'toggle-sm',\n      md: 'toggle-md',\n      lg: 'toggle-lg',\n      xl: 'toggle-xl',\n    }\n\n    const colorClasses = {\n      primary: 'toggle-primary',\n      secondary: 'toggle-secondary',\n      accent: 'toggle-accent',\n      neutral: 'toggle-neutral',\n      success: 'toggle-success',\n      warning: 'toggle-warning',\n      info: 'toggle-info',\n      error: 'toggle-error',\n    }\n\n    const toggleClasses = [\n      'toggle',\n      size && sizeClasses[size],\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":["Toggle","forwardRef","size","color","className","props","ref","sizeClasses","colorClasses","toggleClasses","dataState","jsx"],"mappings":";;AAQO,MAAMA,IAASC;AAAA,EACpB,CACE;AAAA,IACE,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAc;AAAA,MAClB,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA,GAGAC,IAAe;AAAA,MACnB,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,MAAM;AAAA,MACN,OAAO;AAAA,IAAA,GAGHC,IAAgB;AAAA,MACpB;AAAA,MACAP,KAAQK,EAAYL,CAAI;AAAA,MACxBC,KAASK,EAAaL,CAAK;AAAA,MAC3BC;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG,GAELM,IAAYL,EAAM,UAAU,YAAY;AAC9C,WAAO,gBAAAM,EAAC,SAAA,EAAM,KAAAL,GAAU,MAAK,YAAW,WAAWG,GAAe,cAAYC,GAAY,GAAGL,EAAA,CAAO;AAAA,EACtG;AACF;AAEAL,EAAO,cAAc;"}
+{"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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"}