@misael703/ui 1.29.0 → 1.30.1

package/dist/{chunk-H4KDBDXC.js → chunk-2LMR2PHY.js}

@@ -50,19 +50,31 @@ var Timeline = React__namespace.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx("ol", { ref, className: chunkPASF6T4H_js.cx("timeline", density === "compact" && "timeline--compact", className), ...rest });
   }
 );
-function TimelineItem({ icon, tone = "neutral", title, meta, children, state, right, className, ...rest }) {
+function TimelineItem({ icon, tone = "neutral", title, meta, children, state, right, variant, className, ...rest }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "li",
     {
       className: chunkPASF6T4H_js.cx(
         "timeline__item",
         state && `timeline__item--${state}`,
+        variant === "milestone" && "timeline__item--milestone",
         className
       ),
       "data-state": state,
       ...rest,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkPASF6T4H_js.cx("timeline__marker", `timeline__marker--${tone}`), "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkPASF6T4H_js.cx(
+              "timeline__marker",
+              `timeline__marker--${tone}`,
+              variant === "milestone" && "timeline__marker--milestone"
+            ),
+            "aria-hidden": "true",
+            children: icon
+          }
+        ),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "timeline__body", children: [
           right != null ? (
             // Title row wrapper only renders when there's a trailing slot, so
@@ -343,5 +355,5 @@ exports.Timeline = Timeline;
 exports.TimelineItem = TimelineItem;
 exports.Tree = Tree;
 exports.UserCell = UserCell;
-//# sourceMappingURL=chunk-H4KDBDXC.js.map
-//# sourceMappingURL=chunk-H4KDBDXC.js.map
+//# sourceMappingURL=chunk-2LMR2PHY.js.map
+//# sourceMappingURL=chunk-2LMR2PHY.js.map

package/dist/chunk-2LMR2PHY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Display3.tsx"],"names":["jsxs","cx","jsx","Avatar","React","Timeline","ChevronDown","ChevronRight","startOfMonth","useLocale","addMonths","isSameDay"],"mappings":"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","file":"chunk-2LMR2PHY.js","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Avatar } from './Display2';\nimport { ChevronRight, ChevronDown } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { startOfMonth, addMonths, isSameDay } from '../utils/dateFormat';\n\n// ---------- UserCell ----------------------------------------------------\nexport interface UserCellProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: React.ReactNode;\n  meta?: React.ReactNode;        // role / email / etc.\n  avatarSrc?: string;\n  avatarAlt?: string;\n  size?: 24 | 32 | 40 | 48;\n}\n\nexport function UserCell({ name, meta, avatarSrc, avatarAlt, size = 32, className, ...rest }: UserCellProps) {\n  const initialsName = typeof name === 'string' ? name : undefined;\n  return (\n    <div className={cx('user-cell', className)} {...rest}>\n      <Avatar src={avatarSrc} alt={avatarAlt} name={initialsName} size={size} />\n      <div className=\"user-cell__body\">\n        <div className=\"user-cell__name\">{name}</div>\n        {meta && <div className=\"user-cell__meta\">{meta}</div>}\n      </div>\n    </div>\n  );\n}\n\n// ---------- StatusIndicator (pulsing dot) ------------------------------\nexport type StatusTone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\nexport interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tone?: StatusTone;\n  pulse?: boolean;\n  label?: React.ReactNode;\n}\n\nexport function StatusIndicator({ tone = 'success', pulse, label, className, ...rest }: StatusIndicatorProps) {\n  return (\n    <span className={cx('status-indicator', className)} role=\"status\" {...rest}>\n      <span className={cx('status-indicator__dot', `status-indicator__dot--${tone}`, pulse && 'is-pulsing')} aria-hidden=\"true\" />\n      {label && <span className=\"status-indicator__label\">{label}</span>}\n    </span>\n  );\n}\n\n// ---------- Timeline ----------------------------------------------------\nexport type TimelineDensity = 'default' | 'compact';\n\nexport interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {\n  /**\n   * Visual density (v1.28.0). `compact` shrinks the marker, gap and font\n   * sizes for use in cards / list summaries; semantically identical.\n   */\n  density?: TimelineDensity;\n}\n\nexport const Timeline = React.forwardRef<HTMLOListElement, TimelineProps>(\n  function Timeline({ className, density = 'default', ...rest }, ref) {\n    return <ol ref={ref} className={cx('timeline', density === 'compact' && 'timeline--compact', className)} {...rest} />;\n  }\n);\n\n/**\n * Progress state of a Timeline entry (v1.28.0), orthogonal to `tone`.\n * - `done` — completed: filled marker (in `tone` color), solid connector above.\n * - `current` — happening now: ringed/pulsing marker, solid connector above.\n * - `pending` — not started: hollow muted marker, **dashed** connector above.\n *\n * Use it to scan progress on a list of events that grow over time (a despachos\n * order accumulating envíos/retiros until the last marks it complete). Default\n * (state omitted) keeps the 1.x look exactly.\n */\nexport type TimelineState = 'done' | 'current' | 'pending';\n\n/**\n * Visual emphasis for the entry's marker (v1.30.0), orthogonal to `state` and\n * `tone`. Default markers are 24×24 hollow with a tone-colored border, ideal\n * for the operational events that fill a timeline. `milestone` upgrades the\n * marker to 32×32 filled in the `tone` color with a subtle halo — for the\n * \"anchor\" events that the rest of the timeline hangs from (e.g. \"Orden\n * creada\" at the top of an order detail). Without this the hollow markers of\n * the operational events out-shout the anchor, inverting the hierarchy.\n *\n * `milestone` keeps the `state` semantics: a `pending` milestone stays hollow\n * (muted, no halo), preserving \"not yet\" while still occupying the larger\n * anchor slot. A `current` milestone gets the pulse halo (overrides the\n * static one).\n */\nexport type TimelineVariant = 'default' | 'milestone';\n\nexport interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'title'> {\n  icon?: React.ReactNode;\n  tone?: StatusTone;\n  title: React.ReactNode;\n  meta?: React.ReactNode;\n  /** Progress state (see {@link TimelineState}). Optional. */\n  state?: TimelineState;\n  /**\n   * Trailing slot on the title row, aligned to the right (v1.28.0). Useful for\n   * a Badge marking event type (envío / retiro / nota), a timestamp on the\n   * right edge, or a small action chip.\n   */\n  right?: React.ReactNode;\n  /** Visual emphasis (see {@link TimelineVariant}). Optional, default unchanged. */\n  variant?: TimelineVariant;\n}\n\nexport function TimelineItem({ icon, tone = 'neutral', title, meta, children, state, right, variant, className, ...rest }: TimelineItemProps) {\n  return (\n    <li\n      className={cx(\n        'timeline__item',\n        state && `timeline__item--${state}`,\n        variant === 'milestone' && 'timeline__item--milestone',\n        className,\n      )}\n      data-state={state}\n      {...rest}\n    >\n      <span\n        className={cx(\n          'timeline__marker',\n          `timeline__marker--${tone}`,\n          variant === 'milestone' && 'timeline__marker--milestone',\n        )}\n        aria-hidden=\"true\"\n      >\n        {icon}\n      </span>\n      <div className=\"timeline__body\">\n        {right != null ? (\n          // Title row wrapper only renders when there's a trailing slot, so\n          // the DOM stays byte-identical for existing consumers (back-compat).\n          <div className=\"timeline__title-row\">\n            <div className=\"timeline__title\">{title}</div>\n            <div className=\"timeline__right\">{right}</div>\n          </div>\n        ) : (\n          <div className=\"timeline__title\">{title}</div>\n        )}\n        {meta && <div className=\"timeline__meta\">{meta}</div>}\n        {children && <div className=\"timeline__content\">{children}</div>}\n      </div>\n    </li>\n  );\n}\n\n// ---------- Tree --------------------------------------------------------\nexport interface TreeNodeData {\n  id: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  children?: TreeNodeData[];\n  meta?: React.ReactNode;\n}\n\nexport interface TreeProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  nodes: TreeNodeData[];\n  defaultExpanded?: string[];\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n}\n\nfunction firstNodeId(nodes: TreeNodeData[]): string | undefined {\n  return nodes[0]?.id;\n}\n\nexport function Tree({\n  nodes,\n  defaultExpanded = [],\n  selectedId,\n  onSelect,\n  className,\n  onKeyDown,\n  ...rest\n}: TreeProps) {\n  const [expanded, setExpanded] = React.useState<Set<string>>(new Set(defaultExpanded));\n  const [activeId, setActiveId] = React.useState<string | undefined>(undefined);\n  const rootRef = React.useRef<HTMLUListElement>(null);\n\n  // Roving tabindex: one treeitem is tabbable at a time. Falls back to the\n  // selected node, then the first node, so the tree is reachable on first Tab.\n  const effectiveActive = activeId ?? selectedId ?? firstNodeId(nodes);\n\n  const toggle = React.useCallback((id: string) => {\n    setExpanded((curr) => {\n      const next = new Set(curr);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  }, []);\n\n  const visibleItems = (): HTMLElement[] =>\n    Array.from(rootRef.current?.querySelectorAll<HTMLElement>('[role=\"treeitem\"]') ?? []);\n\n  const focusItem = (el: HTMLElement | undefined): void => {\n    if (!el) return;\n    setActiveId(el.dataset.treeId);\n    el.focus();\n  };\n\n  // WAI-ARIA TreeView keyboard model. Focus lives on the treeitem element;\n  // querySelectorAll returns items in DOM order, which equals visual order\n  // (collapsed branches are not rendered, so they are not navigable).\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLUListElement>): void => {\n    onKeyDown?.(e);\n    const targetEl = (e.target as HTMLElement).closest<HTMLElement>('[role=\"treeitem\"]');\n    if (!targetEl || !rootRef.current?.contains(targetEl)) return;\n    const list = visibleItems();\n    const idx = list.indexOf(targetEl);\n    if (idx === -1) return;\n    const id = targetEl.dataset.treeId;\n    if (!id) return;\n    const depth = Number(targetEl.dataset.depth ?? 0);\n    const expandedAttr = targetEl.getAttribute('aria-expanded');\n    const hasChildren = expandedAttr !== null;\n    const isOpen = expandedAttr === 'true';\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        focusItem(list[Math.min(idx + 1, list.length - 1)]);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        focusItem(list[Math.max(idx - 1, 0)]);\n        break;\n      case 'Home':\n        e.preventDefault();\n        focusItem(list[0]);\n        break;\n      case 'End':\n        e.preventDefault();\n        focusItem(list[list.length - 1]);\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        if (hasChildren && !isOpen) toggle(id);\n        else if (hasChildren && isOpen) focusItem(list[idx + 1]);\n        break;\n      case 'ArrowLeft':\n        e.preventDefault();\n        if (hasChildren && isOpen) {\n          toggle(id);\n        } else {\n          for (let i = idx - 1; i >= 0; i--) {\n            const candidate = list[i];\n            if (candidate && Number(candidate.dataset.depth ?? 0) < depth) {\n              focusItem(candidate);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        onSelect?.(id);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return (\n    <ul\n      ref={rootRef}\n      role=\"tree\"\n      className={cx('tree', className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      {nodes.map((n) => (\n        <TreeNode\n          key={n.id}\n          node={n}\n          depth={0}\n          expanded={expanded}\n          toggle={toggle}\n          selectedId={selectedId}\n          activeId={effectiveActive}\n          onSelect={onSelect}\n          onFocusItem={setActiveId}\n        />\n      ))}\n    </ul>\n  );\n}\n\ninterface TreeNodeProps {\n  node: TreeNodeData;\n  depth: number;\n  expanded: Set<string>;\n  toggle: (id: string) => void;\n  selectedId?: string;\n  activeId?: string;\n  onSelect?: (id: string) => void;\n  onFocusItem: (id: string) => void;\n}\n\nfunction TreeNode({\n  node,\n  depth,\n  expanded,\n  toggle,\n  selectedId,\n  activeId,\n  onSelect,\n  onFocusItem,\n}: TreeNodeProps) {\n  const hasChildren = !!(node.children && node.children.length);\n  const isOpen = expanded.has(node.id);\n  const isSelected = selectedId === node.id;\n  const isActive = activeId === node.id;\n  return (\n    <li role=\"none\" className=\"tree__node\">\n      <div\n        role=\"treeitem\"\n        data-tree-id={node.id}\n        data-depth={depth}\n        aria-expanded={hasChildren ? isOpen : undefined}\n        aria-selected={isSelected}\n        tabIndex={isActive ? 0 : -1}\n        className={cx('tree__row', isSelected && 'is-selected')}\n        style={{ paddingLeft: `calc(var(--space-2) + var(--space-4) * ${depth})` }}\n        onClick={() => {\n          onFocusItem(node.id);\n          onSelect?.(node.id);\n        }}\n      >\n        {hasChildren ? (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            className=\"tree__chev\"\n            onClick={(e) => { e.stopPropagation(); toggle(node.id); }}\n          >\n            {isOpen ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n          </button>\n        ) : (\n          <span className=\"tree__chev tree__chev--placeholder\" aria-hidden=\"true\" />\n        )}\n        {node.icon && <span className=\"tree__icon\" aria-hidden=\"true\">{node.icon}</span>}\n        <span className=\"tree__label\">{node.label}</span>\n        {node.meta && <span className=\"tree__meta\">{node.meta}</span>}\n      </div>\n      {hasChildren && isOpen && (\n        <ul role=\"group\" className=\"tree__children\">\n          {node.children!.map((c) => (\n            <TreeNode\n              key={c.id}\n              node={c}\n              depth={depth + 1}\n              expanded={expanded}\n              toggle={toggle}\n              selectedId={selectedId}\n              activeId={activeId}\n              onSelect={onSelect}\n              onFocusItem={onFocusItem}\n            />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n}\n\n// ---------- Calendar (vista mes completa, no picker) -------------------\nexport interface CalendarEvent {\n  date: Date;\n  label: React.ReactNode;\n  tone?: StatusTone;\n  onClick?: () => void;\n}\n\nexport interface CalendarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Mes a mostrar. Default: mes actual. */\n  month?: Date;\n  events?: CalendarEvent[];\n  onMonthChange?: (m: Date) => void;\n  onDayClick?: (d: Date) => void;\n}\n\nexport function Calendar({ month: monthProp, events = [], onMonthChange, onDayClick, className, ...rest }: CalendarProps) {\n  const [internalMonth, setInternalMonth] = React.useState(() => startOfMonth(monthProp ?? new Date()));\n  const month = monthProp ? startOfMonth(monthProp) : internalMonth;\n  const t = useLocale();\n  const weekdays = t['calendar.weekdays'];\n  const months = t['calendar.months'];\n  const setMonth = (m: Date) => {\n    if (!monthProp) setInternalMonth(m);\n    onMonthChange?.(m);\n  };\n\n  const today = new Date();\n\n  // primer día visible: lunes anterior al primer día del mes\n  const firstDay = startOfMonth(month);\n  const firstWeekday = (firstDay.getDay() + 6) % 7; // domingo=0 → 6, lunes=1 → 0\n  const gridStart = new Date(firstDay);\n  gridStart.setDate(firstDay.getDate() - firstWeekday);\n\n  const days: Date[] = Array.from({ length: 42 }, (_, i) => {\n    const d = new Date(gridStart);\n    d.setDate(gridStart.getDate() + i);\n    return d;\n  });\n\n  const eventsByDay = React.useMemo(() => {\n    const m = new Map<string, CalendarEvent[]>();\n    for (const ev of events) {\n      const key = `${ev.date.getFullYear()}-${ev.date.getMonth()}-${ev.date.getDate()}`;\n      const list = m.get(key) ?? [];\n      list.push(ev);\n      m.set(key, list);\n    }\n    return m;\n  }, [events]);\n\n  return (\n    <div className={cx('calendar', className)} {...rest}>\n      <div className=\"calendar__head\">\n        <button type=\"button\" className=\"calendar__nav\" aria-label={t['calendar.prevMonth']} onClick={() => setMonth(addMonths(month, -1))}>\n          <ChevronRight size={16} style={{ transform: 'rotate(180deg)' }} />\n        </button>\n        <div className=\"calendar__title\">{months[month.getMonth()]} {month.getFullYear()}</div>\n        <button type=\"button\" className=\"calendar__nav\" aria-label={t['calendar.nextMonth']} onClick={() => setMonth(addMonths(month, 1))}>\n          <ChevronRight size={16} />\n        </button>\n      </div>\n      <div className=\"calendar__grid calendar__weekdays\">\n        {weekdays.map((w) => <div key={w} className=\"calendar__weekday\">{w}</div>)}\n      </div>\n      <div className=\"calendar__grid\">\n        {days.map((d, i) => {\n          const inMonth = d.getMonth() === month.getMonth();\n          const isToday = isSameDay(d, today);\n          const key = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;\n          const dayEvents = eventsByDay.get(key) ?? [];\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              className={cx('calendar__day', !inMonth && 'is-out', isToday && 'is-today')}\n              onClick={() => onDayClick?.(d)}\n            >\n              <span className=\"calendar__daynum\">{d.getDate()}</span>\n              {dayEvents.length > 0 && (\n                <div className=\"calendar__events\">\n                  {dayEvents.slice(0, 2).map((ev, idx) => (\n                    <span\n                      key={idx}\n                      className={cx('calendar__event', `calendar__event--${ev.tone ?? 'neutral'}`)}\n                      onClick={(e) => { e.stopPropagation(); ev.onClick?.(); }}\n                    >\n                      {ev.label}\n                    </span>\n                  ))}\n                  {dayEvents.length > 2 && <span className=\"calendar__more\">+{dayEvents.length - 2}</span>}\n                </div>\n              )}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-HXCAPPXO.mjs → chunk-PMTOBCWV.mjs}

@@ -28,19 +28,31 @@ var Timeline = React.forwardRef(
     return /* @__PURE__ */ jsx("ol", { ref, className: cx("timeline", density === "compact" && "timeline--compact", className), ...rest });
   }
 );
-function TimelineItem({ icon, tone = "neutral", title, meta, children, state, right, className, ...rest }) {
+function TimelineItem({ icon, tone = "neutral", title, meta, children, state, right, variant, className, ...rest }) {
   return /* @__PURE__ */ jsxs(
     "li",
     {
       className: cx(
         "timeline__item",
         state && `timeline__item--${state}`,
+        variant === "milestone" && "timeline__item--milestone",
         className
       ),
       "data-state": state,
       ...rest,
       children: [
-        /* @__PURE__ */ jsx("span", { className: cx("timeline__marker", `timeline__marker--${tone}`), "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cx(
+              "timeline__marker",
+              `timeline__marker--${tone}`,
+              variant === "milestone" && "timeline__marker--milestone"
+            ),
+            "aria-hidden": "true",
+            children: icon
+          }
+        ),
         /* @__PURE__ */ jsxs("div", { className: "timeline__body", children: [
           right != null ? (
             // Title row wrapper only renders when there's a trailing slot, so
@@ -316,5 +328,5 @@ function Calendar({ month: monthProp, events = [], onMonthChange, onDayClick, cl
 }
 
 export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell };
-//# sourceMappingURL=chunk-HXCAPPXO.mjs.map
-//# sourceMappingURL=chunk-HXCAPPXO.mjs.map
+//# sourceMappingURL=chunk-PMTOBCWV.mjs.map
+//# sourceMappingURL=chunk-PMTOBCWV.mjs.map

package/dist/chunk-PMTOBCWV.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Display3.tsx"],"names":["Timeline"],"mappings":"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","file":"chunk-PMTOBCWV.mjs","sourcesContent":["'use client';\nimport * as React from 'react';\nimport { cx } from '../utils/cx';\nimport { Avatar } from './Display2';\nimport { ChevronRight, ChevronDown } from './Icons';\nimport { useLocale } from '../locale/LocaleProvider';\nimport { startOfMonth, addMonths, isSameDay } from '../utils/dateFormat';\n\n// ---------- UserCell ----------------------------------------------------\nexport interface UserCellProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: React.ReactNode;\n  meta?: React.ReactNode;        // role / email / etc.\n  avatarSrc?: string;\n  avatarAlt?: string;\n  size?: 24 | 32 | 40 | 48;\n}\n\nexport function UserCell({ name, meta, avatarSrc, avatarAlt, size = 32, className, ...rest }: UserCellProps) {\n  const initialsName = typeof name === 'string' ? name : undefined;\n  return (\n    <div className={cx('user-cell', className)} {...rest}>\n      <Avatar src={avatarSrc} alt={avatarAlt} name={initialsName} size={size} />\n      <div className=\"user-cell__body\">\n        <div className=\"user-cell__name\">{name}</div>\n        {meta && <div className=\"user-cell__meta\">{meta}</div>}\n      </div>\n    </div>\n  );\n}\n\n// ---------- StatusIndicator (pulsing dot) ------------------------------\nexport type StatusTone = 'success' | 'warning' | 'danger' | 'info' | 'neutral';\n\nexport interface StatusIndicatorProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tone?: StatusTone;\n  pulse?: boolean;\n  label?: React.ReactNode;\n}\n\nexport function StatusIndicator({ tone = 'success', pulse, label, className, ...rest }: StatusIndicatorProps) {\n  return (\n    <span className={cx('status-indicator', className)} role=\"status\" {...rest}>\n      <span className={cx('status-indicator__dot', `status-indicator__dot--${tone}`, pulse && 'is-pulsing')} aria-hidden=\"true\" />\n      {label && <span className=\"status-indicator__label\">{label}</span>}\n    </span>\n  );\n}\n\n// ---------- Timeline ----------------------------------------------------\nexport type TimelineDensity = 'default' | 'compact';\n\nexport interface TimelineProps extends React.HTMLAttributes<HTMLOListElement> {\n  /**\n   * Visual density (v1.28.0). `compact` shrinks the marker, gap and font\n   * sizes for use in cards / list summaries; semantically identical.\n   */\n  density?: TimelineDensity;\n}\n\nexport const Timeline = React.forwardRef<HTMLOListElement, TimelineProps>(\n  function Timeline({ className, density = 'default', ...rest }, ref) {\n    return <ol ref={ref} className={cx('timeline', density === 'compact' && 'timeline--compact', className)} {...rest} />;\n  }\n);\n\n/**\n * Progress state of a Timeline entry (v1.28.0), orthogonal to `tone`.\n * - `done` — completed: filled marker (in `tone` color), solid connector above.\n * - `current` — happening now: ringed/pulsing marker, solid connector above.\n * - `pending` — not started: hollow muted marker, **dashed** connector above.\n *\n * Use it to scan progress on a list of events that grow over time (a despachos\n * order accumulating envíos/retiros until the last marks it complete). Default\n * (state omitted) keeps the 1.x look exactly.\n */\nexport type TimelineState = 'done' | 'current' | 'pending';\n\n/**\n * Visual emphasis for the entry's marker (v1.30.0), orthogonal to `state` and\n * `tone`. Default markers are 24×24 hollow with a tone-colored border, ideal\n * for the operational events that fill a timeline. `milestone` upgrades the\n * marker to 32×32 filled in the `tone` color with a subtle halo — for the\n * \"anchor\" events that the rest of the timeline hangs from (e.g. \"Orden\n * creada\" at the top of an order detail). Without this the hollow markers of\n * the operational events out-shout the anchor, inverting the hierarchy.\n *\n * `milestone` keeps the `state` semantics: a `pending` milestone stays hollow\n * (muted, no halo), preserving \"not yet\" while still occupying the larger\n * anchor slot. A `current` milestone gets the pulse halo (overrides the\n * static one).\n */\nexport type TimelineVariant = 'default' | 'milestone';\n\nexport interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'title'> {\n  icon?: React.ReactNode;\n  tone?: StatusTone;\n  title: React.ReactNode;\n  meta?: React.ReactNode;\n  /** Progress state (see {@link TimelineState}). Optional. */\n  state?: TimelineState;\n  /**\n   * Trailing slot on the title row, aligned to the right (v1.28.0). Useful for\n   * a Badge marking event type (envío / retiro / nota), a timestamp on the\n   * right edge, or a small action chip.\n   */\n  right?: React.ReactNode;\n  /** Visual emphasis (see {@link TimelineVariant}). Optional, default unchanged. */\n  variant?: TimelineVariant;\n}\n\nexport function TimelineItem({ icon, tone = 'neutral', title, meta, children, state, right, variant, className, ...rest }: TimelineItemProps) {\n  return (\n    <li\n      className={cx(\n        'timeline__item',\n        state && `timeline__item--${state}`,\n        variant === 'milestone' && 'timeline__item--milestone',\n        className,\n      )}\n      data-state={state}\n      {...rest}\n    >\n      <span\n        className={cx(\n          'timeline__marker',\n          `timeline__marker--${tone}`,\n          variant === 'milestone' && 'timeline__marker--milestone',\n        )}\n        aria-hidden=\"true\"\n      >\n        {icon}\n      </span>\n      <div className=\"timeline__body\">\n        {right != null ? (\n          // Title row wrapper only renders when there's a trailing slot, so\n          // the DOM stays byte-identical for existing consumers (back-compat).\n          <div className=\"timeline__title-row\">\n            <div className=\"timeline__title\">{title}</div>\n            <div className=\"timeline__right\">{right}</div>\n          </div>\n        ) : (\n          <div className=\"timeline__title\">{title}</div>\n        )}\n        {meta && <div className=\"timeline__meta\">{meta}</div>}\n        {children && <div className=\"timeline__content\">{children}</div>}\n      </div>\n    </li>\n  );\n}\n\n// ---------- Tree --------------------------------------------------------\nexport interface TreeNodeData {\n  id: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  children?: TreeNodeData[];\n  meta?: React.ReactNode;\n}\n\nexport interface TreeProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  nodes: TreeNodeData[];\n  defaultExpanded?: string[];\n  selectedId?: string;\n  onSelect?: (id: string) => void;\n}\n\nfunction firstNodeId(nodes: TreeNodeData[]): string | undefined {\n  return nodes[0]?.id;\n}\n\nexport function Tree({\n  nodes,\n  defaultExpanded = [],\n  selectedId,\n  onSelect,\n  className,\n  onKeyDown,\n  ...rest\n}: TreeProps) {\n  const [expanded, setExpanded] = React.useState<Set<string>>(new Set(defaultExpanded));\n  const [activeId, setActiveId] = React.useState<string | undefined>(undefined);\n  const rootRef = React.useRef<HTMLUListElement>(null);\n\n  // Roving tabindex: one treeitem is tabbable at a time. Falls back to the\n  // selected node, then the first node, so the tree is reachable on first Tab.\n  const effectiveActive = activeId ?? selectedId ?? firstNodeId(nodes);\n\n  const toggle = React.useCallback((id: string) => {\n    setExpanded((curr) => {\n      const next = new Set(curr);\n      if (next.has(id)) next.delete(id);\n      else next.add(id);\n      return next;\n    });\n  }, []);\n\n  const visibleItems = (): HTMLElement[] =>\n    Array.from(rootRef.current?.querySelectorAll<HTMLElement>('[role=\"treeitem\"]') ?? []);\n\n  const focusItem = (el: HTMLElement | undefined): void => {\n    if (!el) return;\n    setActiveId(el.dataset.treeId);\n    el.focus();\n  };\n\n  // WAI-ARIA TreeView keyboard model. Focus lives on the treeitem element;\n  // querySelectorAll returns items in DOM order, which equals visual order\n  // (collapsed branches are not rendered, so they are not navigable).\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLUListElement>): void => {\n    onKeyDown?.(e);\n    const targetEl = (e.target as HTMLElement).closest<HTMLElement>('[role=\"treeitem\"]');\n    if (!targetEl || !rootRef.current?.contains(targetEl)) return;\n    const list = visibleItems();\n    const idx = list.indexOf(targetEl);\n    if (idx === -1) return;\n    const id = targetEl.dataset.treeId;\n    if (!id) return;\n    const depth = Number(targetEl.dataset.depth ?? 0);\n    const expandedAttr = targetEl.getAttribute('aria-expanded');\n    const hasChildren = expandedAttr !== null;\n    const isOpen = expandedAttr === 'true';\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault();\n        focusItem(list[Math.min(idx + 1, list.length - 1)]);\n        break;\n      case 'ArrowUp':\n        e.preventDefault();\n        focusItem(list[Math.max(idx - 1, 0)]);\n        break;\n      case 'Home':\n        e.preventDefault();\n        focusItem(list[0]);\n        break;\n      case 'End':\n        e.preventDefault();\n        focusItem(list[list.length - 1]);\n        break;\n      case 'ArrowRight':\n        e.preventDefault();\n        if (hasChildren && !isOpen) toggle(id);\n        else if (hasChildren && isOpen) focusItem(list[idx + 1]);\n        break;\n      case 'ArrowLeft':\n        e.preventDefault();\n        if (hasChildren && isOpen) {\n          toggle(id);\n        } else {\n          for (let i = idx - 1; i >= 0; i--) {\n            const candidate = list[i];\n            if (candidate && Number(candidate.dataset.depth ?? 0) < depth) {\n              focusItem(candidate);\n              break;\n            }\n          }\n        }\n        break;\n      case 'Enter':\n      case ' ':\n        e.preventDefault();\n        onSelect?.(id);\n        break;\n      default:\n        break;\n    }\n  };\n\n  return (\n    <ul\n      ref={rootRef}\n      role=\"tree\"\n      className={cx('tree', className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      {nodes.map((n) => (\n        <TreeNode\n          key={n.id}\n          node={n}\n          depth={0}\n          expanded={expanded}\n          toggle={toggle}\n          selectedId={selectedId}\n          activeId={effectiveActive}\n          onSelect={onSelect}\n          onFocusItem={setActiveId}\n        />\n      ))}\n    </ul>\n  );\n}\n\ninterface TreeNodeProps {\n  node: TreeNodeData;\n  depth: number;\n  expanded: Set<string>;\n  toggle: (id: string) => void;\n  selectedId?: string;\n  activeId?: string;\n  onSelect?: (id: string) => void;\n  onFocusItem: (id: string) => void;\n}\n\nfunction TreeNode({\n  node,\n  depth,\n  expanded,\n  toggle,\n  selectedId,\n  activeId,\n  onSelect,\n  onFocusItem,\n}: TreeNodeProps) {\n  const hasChildren = !!(node.children && node.children.length);\n  const isOpen = expanded.has(node.id);\n  const isSelected = selectedId === node.id;\n  const isActive = activeId === node.id;\n  return (\n    <li role=\"none\" className=\"tree__node\">\n      <div\n        role=\"treeitem\"\n        data-tree-id={node.id}\n        data-depth={depth}\n        aria-expanded={hasChildren ? isOpen : undefined}\n        aria-selected={isSelected}\n        tabIndex={isActive ? 0 : -1}\n        className={cx('tree__row', isSelected && 'is-selected')}\n        style={{ paddingLeft: `calc(var(--space-2) + var(--space-4) * ${depth})` }}\n        onClick={() => {\n          onFocusItem(node.id);\n          onSelect?.(node.id);\n        }}\n      >\n        {hasChildren ? (\n          <button\n            type=\"button\"\n            tabIndex={-1}\n            aria-hidden=\"true\"\n            className=\"tree__chev\"\n            onClick={(e) => { e.stopPropagation(); toggle(node.id); }}\n          >\n            {isOpen ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n          </button>\n        ) : (\n          <span className=\"tree__chev tree__chev--placeholder\" aria-hidden=\"true\" />\n        )}\n        {node.icon && <span className=\"tree__icon\" aria-hidden=\"true\">{node.icon}</span>}\n        <span className=\"tree__label\">{node.label}</span>\n        {node.meta && <span className=\"tree__meta\">{node.meta}</span>}\n      </div>\n      {hasChildren && isOpen && (\n        <ul role=\"group\" className=\"tree__children\">\n          {node.children!.map((c) => (\n            <TreeNode\n              key={c.id}\n              node={c}\n              depth={depth + 1}\n              expanded={expanded}\n              toggle={toggle}\n              selectedId={selectedId}\n              activeId={activeId}\n              onSelect={onSelect}\n              onFocusItem={onFocusItem}\n            />\n          ))}\n        </ul>\n      )}\n    </li>\n  );\n}\n\n// ---------- Calendar (vista mes completa, no picker) -------------------\nexport interface CalendarEvent {\n  date: Date;\n  label: React.ReactNode;\n  tone?: StatusTone;\n  onClick?: () => void;\n}\n\nexport interface CalendarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Mes a mostrar. Default: mes actual. */\n  month?: Date;\n  events?: CalendarEvent[];\n  onMonthChange?: (m: Date) => void;\n  onDayClick?: (d: Date) => void;\n}\n\nexport function Calendar({ month: monthProp, events = [], onMonthChange, onDayClick, className, ...rest }: CalendarProps) {\n  const [internalMonth, setInternalMonth] = React.useState(() => startOfMonth(monthProp ?? new Date()));\n  const month = monthProp ? startOfMonth(monthProp) : internalMonth;\n  const t = useLocale();\n  const weekdays = t['calendar.weekdays'];\n  const months = t['calendar.months'];\n  const setMonth = (m: Date) => {\n    if (!monthProp) setInternalMonth(m);\n    onMonthChange?.(m);\n  };\n\n  const today = new Date();\n\n  // primer día visible: lunes anterior al primer día del mes\n  const firstDay = startOfMonth(month);\n  const firstWeekday = (firstDay.getDay() + 6) % 7; // domingo=0 → 6, lunes=1 → 0\n  const gridStart = new Date(firstDay);\n  gridStart.setDate(firstDay.getDate() - firstWeekday);\n\n  const days: Date[] = Array.from({ length: 42 }, (_, i) => {\n    const d = new Date(gridStart);\n    d.setDate(gridStart.getDate() + i);\n    return d;\n  });\n\n  const eventsByDay = React.useMemo(() => {\n    const m = new Map<string, CalendarEvent[]>();\n    for (const ev of events) {\n      const key = `${ev.date.getFullYear()}-${ev.date.getMonth()}-${ev.date.getDate()}`;\n      const list = m.get(key) ?? [];\n      list.push(ev);\n      m.set(key, list);\n    }\n    return m;\n  }, [events]);\n\n  return (\n    <div className={cx('calendar', className)} {...rest}>\n      <div className=\"calendar__head\">\n        <button type=\"button\" className=\"calendar__nav\" aria-label={t['calendar.prevMonth']} onClick={() => setMonth(addMonths(month, -1))}>\n          <ChevronRight size={16} style={{ transform: 'rotate(180deg)' }} />\n        </button>\n        <div className=\"calendar__title\">{months[month.getMonth()]} {month.getFullYear()}</div>\n        <button type=\"button\" className=\"calendar__nav\" aria-label={t['calendar.nextMonth']} onClick={() => setMonth(addMonths(month, 1))}>\n          <ChevronRight size={16} />\n        </button>\n      </div>\n      <div className=\"calendar__grid calendar__weekdays\">\n        {weekdays.map((w) => <div key={w} className=\"calendar__weekday\">{w}</div>)}\n      </div>\n      <div className=\"calendar__grid\">\n        {days.map((d, i) => {\n          const inMonth = d.getMonth() === month.getMonth();\n          const isToday = isSameDay(d, today);\n          const key = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;\n          const dayEvents = eventsByDay.get(key) ?? [];\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              className={cx('calendar__day', !inMonth && 'is-out', isToday && 'is-today')}\n              onClick={() => onDayClick?.(d)}\n            >\n              <span className=\"calendar__daynum\">{d.getDate()}</span>\n              {dayEvents.length > 0 && (\n                <div className=\"calendar__events\">\n                  {dayEvents.slice(0, 2).map((ev, idx) => (\n                    <span\n                      key={idx}\n                      className={cx('calendar__event', `calendar__event--${ev.tone ?? 'neutral'}`)}\n                      onClick={(e) => { e.stopPropagation(); ev.onClick?.(); }}\n                    >\n                      {ev.label}\n                    </span>\n                  ))}\n                  {dayEvents.length > 2 && <span className=\"calendar__more\">+{dayEvents.length - 2}</span>}\n                </div>\n              )}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/components/Display3.d.mts

@@ -36,6 +36,21 @@ declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.Re
  * (state omitted) keeps the 1.x look exactly.
  */
 type TimelineState = 'done' | 'current' | 'pending';
+/**
+ * Visual emphasis for the entry's marker (v1.30.0), orthogonal to `state` and
+ * `tone`. Default markers are 24×24 hollow with a tone-colored border, ideal
+ * for the operational events that fill a timeline. `milestone` upgrades the
+ * marker to 32×32 filled in the `tone` color with a subtle halo — for the
+ * "anchor" events that the rest of the timeline hangs from (e.g. "Orden
+ * creada" at the top of an order detail). Without this the hollow markers of
+ * the operational events out-shout the anchor, inverting the hierarchy.
+ *
+ * `milestone` keeps the `state` semantics: a `pending` milestone stays hollow
+ * (muted, no halo), preserving "not yet" while still occupying the larger
+ * anchor slot. A `current` milestone gets the pulse halo (overrides the
+ * static one).
+ */
+type TimelineVariant = 'default' | 'milestone';
 interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'title'> {
     icon?: React.ReactNode;
     tone?: StatusTone;
@@ -49,8 +64,10 @@ interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>,
      * right edge, or a small action chip.
      */
     right?: React.ReactNode;
+    /** Visual emphasis (see {@link TimelineVariant}). Optional, default unchanged. */
+    variant?: TimelineVariant;
 }
-declare function TimelineItem({ icon, tone, title, meta, children, state, right, className, ...rest }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+declare function TimelineItem({ icon, tone, title, meta, children, state, right, variant, className, ...rest }: TimelineItemProps): react_jsx_runtime.JSX.Element;
 interface TreeNodeData {
     id: string;
     label: React.ReactNode;
@@ -80,4 +97,4 @@ interface CalendarProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare function Calendar({ month: monthProp, events, onMonthChange, onDayClick, className, ...rest }: CalendarProps): react_jsx_runtime.JSX.Element;
 
-export { Calendar, type CalendarEvent, type CalendarProps, StatusIndicator, type StatusIndicatorProps, type StatusTone, Timeline, type TimelineDensity, TimelineItem, type TimelineItemProps, type TimelineProps, type TimelineState, Tree, type TreeNodeData, type TreeProps, UserCell, type UserCellProps };
+export { Calendar, type CalendarEvent, type CalendarProps, StatusIndicator, type StatusIndicatorProps, type StatusTone, Timeline, type TimelineDensity, TimelineItem, type TimelineItemProps, type TimelineProps, type TimelineState, type TimelineVariant, Tree, type TreeNodeData, type TreeProps, UserCell, type UserCellProps };

package/dist/components/Display3.d.ts

@@ -36,6 +36,21 @@ declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.Re
  * (state omitted) keeps the 1.x look exactly.
  */
 type TimelineState = 'done' | 'current' | 'pending';
+/**
+ * Visual emphasis for the entry's marker (v1.30.0), orthogonal to `state` and
+ * `tone`. Default markers are 24×24 hollow with a tone-colored border, ideal
+ * for the operational events that fill a timeline. `milestone` upgrades the
+ * marker to 32×32 filled in the `tone` color with a subtle halo — for the
+ * "anchor" events that the rest of the timeline hangs from (e.g. "Orden
+ * creada" at the top of an order detail). Without this the hollow markers of
+ * the operational events out-shout the anchor, inverting the hierarchy.
+ *
+ * `milestone` keeps the `state` semantics: a `pending` milestone stays hollow
+ * (muted, no halo), preserving "not yet" while still occupying the larger
+ * anchor slot. A `current` milestone gets the pulse halo (overrides the
+ * static one).
+ */
+type TimelineVariant = 'default' | 'milestone';
 interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'title'> {
     icon?: React.ReactNode;
     tone?: StatusTone;
@@ -49,8 +64,10 @@ interface TimelineItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>,
      * right edge, or a small action chip.
      */
     right?: React.ReactNode;
+    /** Visual emphasis (see {@link TimelineVariant}). Optional, default unchanged. */
+    variant?: TimelineVariant;
 }
-declare function TimelineItem({ icon, tone, title, meta, children, state, right, className, ...rest }: TimelineItemProps): react_jsx_runtime.JSX.Element;
+declare function TimelineItem({ icon, tone, title, meta, children, state, right, variant, className, ...rest }: TimelineItemProps): react_jsx_runtime.JSX.Element;
 interface TreeNodeData {
     id: string;
     label: React.ReactNode;
@@ -80,4 +97,4 @@ interface CalendarProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare function Calendar({ month: monthProp, events, onMonthChange, onDayClick, className, ...rest }: CalendarProps): react_jsx_runtime.JSX.Element;
 
-export { Calendar, type CalendarEvent, type CalendarProps, StatusIndicator, type StatusIndicatorProps, type StatusTone, Timeline, type TimelineDensity, TimelineItem, type TimelineItemProps, type TimelineProps, type TimelineState, Tree, type TreeNodeData, type TreeProps, UserCell, type UserCellProps };
+export { Calendar, type CalendarEvent, type CalendarProps, StatusIndicator, type StatusIndicatorProps, type StatusTone, Timeline, type TimelineDensity, TimelineItem, type TimelineItemProps, type TimelineProps, type TimelineState, type TimelineVariant, Tree, type TreeNodeData, type TreeProps, UserCell, type UserCellProps };

package/dist/components/Display3.js

@@ -1,7 +1,7 @@
 'use client';
 'use strict';
 
-var chunkH4KDBDXC_js = require('../chunk-H4KDBDXC.js');
+var chunk2LMR2PHY_js = require('../chunk-2LMR2PHY.js');
 require('../chunk-3OT3FROI.js');
 require('../chunk-MVJITG75.js');
 require('../chunk-XMLBKK7X.js');
@@ -16,27 +16,27 @@ require('../chunk-PASF6T4H.js');
 
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.Calendar; }
+  get: function () { return chunk2LMR2PHY_js.Calendar; }
 });
 Object.defineProperty(exports, "StatusIndicator", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.StatusIndicator; }
+  get: function () { return chunk2LMR2PHY_js.StatusIndicator; }
 });
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.Timeline; }
+  get: function () { return chunk2LMR2PHY_js.Timeline; }
 });
 Object.defineProperty(exports, "TimelineItem", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.TimelineItem; }
+  get: function () { return chunk2LMR2PHY_js.TimelineItem; }
 });
 Object.defineProperty(exports, "Tree", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.Tree; }
+  get: function () { return chunk2LMR2PHY_js.Tree; }
 });
 Object.defineProperty(exports, "UserCell", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.UserCell; }
+  get: function () { return chunk2LMR2PHY_js.UserCell; }
 });
 //# sourceMappingURL=Display3.js.map
 //# sourceMappingURL=Display3.js.map

package/dist/components/Display3.mjs

@@ -1,5 +1,5 @@
 'use client';
-export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-HXCAPPXO.mjs';
+export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from '../chunk-PMTOBCWV.mjs';
 import '../chunk-B4BPE3LC.mjs';
 import '../chunk-4QHE5H36.mjs';
 import '../chunk-6P2TKRTL.mjs';

package/dist/index.d.mts

@@ -19,7 +19,7 @@ export { AppShell, AppShellBaseProps, AppShellHeader, AppShellHeaderApi, AppShel
 export { AreaChart, AreaChartProps, BarChart, BarChartProps, BaseChartProps, DonutChart, DonutChartProps, LineChart, LineChartProps, RechartsLike, Sparkline, SparklineProps } from './components/Charts.mjs';
 export { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bell, Bold, Building, CalendarDays, CalendarIcon, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Columns3, Copy, CreditCard, Download, Edit, ExternalLink, Eye, EyeOff, FileText, Filter, Folder, Globe, Heart, Home, IconProps, Info, Italic, LayoutGrid, Link, Loader, Lock, LogOut, Mail, Map, MapPin, MenuIcon, Minus, Moon, MoreHorizontal, MoreVertical, Package, Phone, Plus, RefreshCw, Rows3, Search, Settings, ShoppingCart, Star, Sun, Tag, Tool, Trash, Truck, Underline, Unlock, Upload, User, Users, Wrench, X } from './components/Icons.mjs';
 export { Logo, LogoBg, LogoFormat, LogoProps, LogoVariant } from './components/Logo.mjs';
-export { Calendar, CalendarEvent, CalendarProps, StatusIndicator, StatusIndicatorProps, StatusTone, Timeline, TimelineDensity, TimelineItem, TimelineItemProps, TimelineProps, TimelineState, Tree, TreeNodeData, TreeProps, UserCell, UserCellProps } from './components/Display3.mjs';
+export { Calendar, CalendarEvent, CalendarProps, StatusIndicator, StatusIndicatorProps, StatusTone, Timeline, TimelineDensity, TimelineItem, TimelineItemProps, TimelineProps, TimelineState, TimelineVariant, Tree, TreeNodeData, TreeProps, UserCell, UserCellProps } from './components/Display3.mjs';
 export { NotificationCenter, NotificationCenterProps, NotificationItem, NotificationTone } from './components/Notifications.mjs';
 export { CodeBlock, CodeBlockProps, JsonViewer, JsonViewerProps } from './components/Code.mjs';
 export { BulkActionBar, BulkActionBarProps, FilterBar, FilterBarProps, FilterField, FilterFieldProps, FilterPanel, FilterPanelProps, FilterSection, FilterSectionProps, SortDropdown, SortDropdownProps, SortOption } from './components/Filters.mjs';

package/dist/index.d.ts

@@ -19,7 +19,7 @@ export { AppShell, AppShellBaseProps, AppShellHeader, AppShellHeaderApi, AppShel
 export { AreaChart, AreaChartProps, BarChart, BarChartProps, BaseChartProps, DonutChart, DonutChartProps, LineChart, LineChartProps, RechartsLike, Sparkline, SparklineProps } from './components/Charts.js';
 export { AlertCircle, AlertTriangle, AlignCenter, AlignLeft, AlignRight, ArrowDown, ArrowLeft, ArrowRight, ArrowUp, Bell, Bold, Building, CalendarDays, CalendarIcon, Check, CheckCircle, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Columns3, Copy, CreditCard, Download, Edit, ExternalLink, Eye, EyeOff, FileText, Filter, Folder, Globe, Heart, Home, IconProps, Info, Italic, LayoutGrid, Link, Loader, Lock, LogOut, Mail, Map, MapPin, MenuIcon, Minus, Moon, MoreHorizontal, MoreVertical, Package, Phone, Plus, RefreshCw, Rows3, Search, Settings, ShoppingCart, Star, Sun, Tag, Tool, Trash, Truck, Underline, Unlock, Upload, User, Users, Wrench, X } from './components/Icons.js';
 export { Logo, LogoBg, LogoFormat, LogoProps, LogoVariant } from './components/Logo.js';
-export { Calendar, CalendarEvent, CalendarProps, StatusIndicator, StatusIndicatorProps, StatusTone, Timeline, TimelineDensity, TimelineItem, TimelineItemProps, TimelineProps, TimelineState, Tree, TreeNodeData, TreeProps, UserCell, UserCellProps } from './components/Display3.js';
+export { Calendar, CalendarEvent, CalendarProps, StatusIndicator, StatusIndicatorProps, StatusTone, Timeline, TimelineDensity, TimelineItem, TimelineItemProps, TimelineProps, TimelineState, TimelineVariant, Tree, TreeNodeData, TreeProps, UserCell, UserCellProps } from './components/Display3.js';
 export { NotificationCenter, NotificationCenterProps, NotificationItem, NotificationTone } from './components/Notifications.js';
 export { CodeBlock, CodeBlockProps, JsonViewer, JsonViewerProps } from './components/Code.js';
 export { BulkActionBar, BulkActionBarProps, FilterBar, FilterBarProps, FilterField, FilterFieldProps, FilterPanel, FilterPanelProps, FilterSection, FilterSectionProps, SortDropdown, SortDropdownProps, SortOption } from './components/Filters.js';

package/dist/index.js

@@ -32,7 +32,7 @@ var chunk6DMU73SO_js = require('./chunk-6DMU73SO.js');
 var chunk74ALPTUE_js = require('./chunk-74ALPTUE.js');
 var chunkTCFO7YBF_js = require('./chunk-TCFO7YBF.js');
 var chunk2T5KZJGY_js = require('./chunk-2T5KZJGY.js');
-var chunkH4KDBDXC_js = require('./chunk-H4KDBDXC.js');
+var chunk2LMR2PHY_js = require('./chunk-2LMR2PHY.js');
 var chunk3OT3FROI_js = require('./chunk-3OT3FROI.js');
 var chunkM3RO3GSC_js = require('./chunk-M3RO3GSC.js');
 var chunkDFQLWCIC_js = require('./chunk-DFQLWCIC.js');
@@ -527,27 +527,27 @@ Object.defineProperty(exports, "Spinner", {
 });
 Object.defineProperty(exports, "Calendar", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.Calendar; }
+  get: function () { return chunk2LMR2PHY_js.Calendar; }
 });
 Object.defineProperty(exports, "StatusIndicator", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.StatusIndicator; }
+  get: function () { return chunk2LMR2PHY_js.StatusIndicator; }
 });
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.Timeline; }
+  get: function () { return chunk2LMR2PHY_js.Timeline; }
 });
 Object.defineProperty(exports, "TimelineItem", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.TimelineItem; }
+  get: function () { return chunk2LMR2PHY_js.TimelineItem; }
 });
 Object.defineProperty(exports, "Tree", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.Tree; }
+  get: function () { return chunk2LMR2PHY_js.Tree; }
 });
 Object.defineProperty(exports, "UserCell", {
   enumerable: true,
-  get: function () { return chunkH4KDBDXC_js.UserCell; }
+  get: function () { return chunk2LMR2PHY_js.UserCell; }
 });
 Object.defineProperty(exports, "Avatar", {
   enumerable: true,

package/dist/index.mjs

@@ -30,7 +30,7 @@ export { Accordion, AccordionItem, Breadcrumbs, DataTable, TablePagination, Tabl
 export { Checkbox, FormField, Input, InputGroup, InputGroupAddon, Label, Radio, Select, Switch, Textarea } from './chunk-TS3WC3G4.mjs';
 export { EmptyState, Kpi, NumberInput, Pagination } from './chunk-Y6EGYS4L.mjs';
 export { Alert, Badge, Card, CardBody, CardFooter, CardHeader, Chip, ChipGroup, ProductCard, Skeleton, Spinner } from './chunk-MSEDQM7C.mjs';
-export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from './chunk-HXCAPPXO.mjs';
+export { Calendar, StatusIndicator, Timeline, TimelineItem, Tree, UserCell } from './chunk-PMTOBCWV.mjs';
 export { Avatar, AvatarGroup, Menu, Stat } from './chunk-B4BPE3LC.mjs';
 export { CommandPalette, DateRangePicker, MultiCombobox, useCommandPalette } from './chunk-NCXODB4O.mjs';
 export { format } from './chunk-Q4HKSXUE.mjs';