asterui 0.12.49 → 0.12.51

package/dist/components/Timeline.js

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

package/dist/components/Timeline.js.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.js","sources":["../../src/components/Timeline.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react'\nimport { Loading } from './Loading'\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 = ['timeline-start', startBox && 'timeline-box'].filter(Boolean).join(' ')\n    const endClasses = ['timeline-end', endBox && 'timeline-box'].filter(Boolean).join(' ')\n    const middleClasses = ['timeline-middle', 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      '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    // 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":["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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"}
+{"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 = 'timeline'\nconst dTimelineVertical = 'timeline-vertical'\nconst dTimelineHorizontal = 'timeline-horizontal'\nconst dTimelineCompact = 'timeline-compact'\nconst dTimelineSnapIcon = 'timeline-snap-icon'\nconst dTimelineStart = 'timeline-start'\nconst dTimelineEnd = 'timeline-end'\nconst dTimelineMiddle = 'timeline-middle'\nconst dTimelineBox = '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.js

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

package/dist/components/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.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":"Toggle.js","sources":["../../src/components/Toggle.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from './ConfigProvider'\n\n// DaisyUI classes\nconst dToggle = 'toggle'\nconst dToggleXs = 'toggle-xs'\nconst dToggleSm = 'toggle-sm'\nconst dToggleMd = 'toggle-md'\nconst dToggleLg = 'toggle-lg'\nconst dToggleXl = 'toggle-xl'\nconst dTogglePrimary = 'toggle-primary'\nconst dToggleSecondary = 'toggle-secondary'\nconst dToggleAccent = 'toggle-accent'\nconst dToggleNeutral = 'toggle-neutral'\nconst dToggleSuccess = 'toggle-success'\nconst dToggleWarning = 'toggle-warning'\nconst dToggleInfo = 'toggle-info'\nconst dToggleError = '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,UACVC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAY,aACZC,IAAiB,kBACjBC,IAAmB,oBACnBC,IAAgB,iBAChBC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAiB,kBACjBC,IAAc,eACdC,IAAe,gBAQRC,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.js

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

package/dist/components/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import React from 'react'\n\nexport interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode\n  tip: string\n  position?: 'top' | 'bottom' | 'left' | 'right'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  open?: boolean\n}\n\nexport const Tooltip: React.FC<TooltipProps> = ({\n  children,\n  tip,\n  className = '',\n  position = 'top',\n  color,\n  open = false,\n  ...rest\n}) => {\n  const positionClasses = {\n    top: 'tooltip-top',\n    bottom: 'tooltip-bottom',\n    left: 'tooltip-left',\n    right: 'tooltip-right',\n  }\n\n  const colorClasses = color\n    ? {\n        neutral: 'tooltip-neutral',\n        primary: 'tooltip-primary',\n        secondary: 'tooltip-secondary',\n        accent: 'tooltip-accent',\n        info: 'tooltip-info',\n        success: 'tooltip-success',\n        warning: 'tooltip-warning',\n        error: 'tooltip-error',\n      }[color]\n    : undefined\n\n  const classes = [\n    'tooltip',\n    positionClasses[position],\n    colorClasses,\n    open && 'tooltip-open',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <div className={classes} data-tip={tip} data-state={open ? 'open' : 'closed'} {...rest}>\n      {children}\n    </div>\n  )\n}\n"],"names":["Tooltip","children","tip","className","position","color","open","rest","positionClasses","colorClasses","classes","jsx"],"mappings":";AAUO,MAAMA,IAAkC,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAkB;AAAA,IACtB,KAAK;AAAA,IACL,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EAAA,GAGHC,IAAeJ,IACjB;AAAA,IACE,SAAS;AAAA,IACT,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,EACPA,CAAK,IACP,QAEEK,IAAU;AAAA,IACd;AAAA,IACAF,EAAgBJ,CAAQ;AAAA,IACxBK;AAAA,IACAH,KAAQ;AAAA,IACRH;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SACE,gBAAAQ,EAAC,OAAA,EAAI,WAAWD,GAAS,YAAUR,GAAK,cAAYI,IAAO,SAAS,UAAW,GAAGC,GAC/E,UAAAN,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/components/Tooltip.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dTooltip = 'tooltip'\nconst dTooltipTop = 'tooltip-top'\nconst dTooltipBottom = 'tooltip-bottom'\nconst dTooltipLeft = 'tooltip-left'\nconst dTooltipRight = 'tooltip-right'\nconst dTooltipNeutral = 'tooltip-neutral'\nconst dTooltipPrimary = 'tooltip-primary'\nconst dTooltipSecondary = 'tooltip-secondary'\nconst dTooltipAccent = 'tooltip-accent'\nconst dTooltipInfo = 'tooltip-info'\nconst dTooltipSuccess = 'tooltip-success'\nconst dTooltipWarning = 'tooltip-warning'\nconst dTooltipError = 'tooltip-error'\nconst dTooltipOpen = '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,WACXC,IAAc,eACdC,IAAiB,kBACjBC,IAAe,gBACfC,IAAgB,iBAChBC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAoB,qBACpBC,IAAiB,kBACjBC,IAAe,gBACfC,IAAkB,mBAClBC,IAAkB,mBAClBC,IAAgB,iBAChBC,IAAe,gBAURC,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;"}