gridsmith-ui 0.6.5 → 0.6.7

package/dist/kanban.js

@@ -1,7 +1,8 @@
-import { Badge } from './chunk-KXNJJKIV.js';
-import { useTextOverflow, Tooltip } from './chunk-DDKCQVKO.js';
-import { Icon } from './chunk-GX6O72IV.js';
-import { cn } from './chunk-TTZSZNJ6.js';
+import { Badge } from './chunk-ADTPGMOD.js';
+import { useTextOverflow, Tooltip } from './chunk-LTV5X3S7.js';
+import './chunk-WH2FUFAC.js';
+import { Icon } from './chunk-NM3BFWHH.js';
+import { cn } from './chunk-4KVFH5KC.js';
 import { useState } from 'react';
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCorners, DragOverlay } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates, SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';

package/dist/kanban.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../showcase/src/components/KanbanBoard.tsx"],"names":[],"mappings":"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","file":"kanban.js","sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport {\n  DndContext,\n  closestCorners,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type DragStartEvent,\n} from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n  useSortable,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../lib/icons\";\nimport { Tooltip } from \"./Tooltip\";\nimport { useTextOverflow } from \"../lib/use-text-overflow\";\nimport { Badge } from \"./Badge\";\n\nexport interface KanbanCard {\n  id: string;\n  title: string;\n  description?: string;\n  tags?: string[];\n  avatar?: string;\n}\n\nexport interface KanbanColumn {\n  id: string;\n  title: string;\n  cards: KanbanCard[];\n  color?: string;\n}\n\nexport interface KanbanBoardProps {\n  columns: KanbanColumn[];\n  onColumnsChange?: (columns: KanbanColumn[]) => void;\n  renderCard?: (card: KanbanCard) => ReactNode;\n  className?: string;\n}\n\nfunction SortableCard({\n  card,\n  renderCard,\n}: {\n  card: KanbanCard;\n  renderCard?: (card: KanbanCard) => ReactNode;\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: card.id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      {...attributes}\n      {...listeners}\n      className={cn(\n        \"rounded-[var(--ds-radius-md)] border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n        \"bg-[var(--ds-bg-surface)] p-ds-3 cursor-grab active:cursor-grabbing\",\n        \"shadow-[var(--ds-shadow-button)]\",\n        \"transition-shadow duration-[var(--ds-transition-speed)]\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]\",\n        isDragging && \"opacity-30 scale-[1.02]\",\n      )}\n    >\n      {renderCard ? (\n        renderCard(card)\n      ) : (\n        <DefaultCard card={card} />\n      )}\n    </div>\n  );\n}\n\nfunction ClampedDescription({ children }: { children: string }) {\n  const { ref, isTruncated } = useTextOverflow({ lines: 2 });\n  const el = <p ref={ref} className=\"text-xs text-[var(--ds-text-secondary)] line-clamp-2\">{children}</p>;\n  if (!isTruncated) return el;\n  return <Tooltip content={children}>{el}</Tooltip>;\n}\n\nfunction TruncTitle({ children }: { children: string }) {\n  const { ref, isTruncated } = useTextOverflow({ lines: 1 });\n  const el = <p ref={ref} className=\"text-sm font-medium text-[var(--ds-text-primary)] truncate\">{children}</p>;\n  if (!isTruncated) return el;\n  return <Tooltip content={children}>{el}</Tooltip>;\n}\n\nfunction DefaultCard({ card }: { card: KanbanCard }) {\n  return (\n    <div className=\"space-y-ds-2\">\n      <TruncTitle>{card.title}</TruncTitle>\n      {card.description && (\n        <ClampedDescription>{card.description}</ClampedDescription>\n      )}\n      {card.tags && card.tags.length > 0 && (\n        <div className=\"flex flex-wrap gap-ds-1\">\n          {card.tags.map((tag) => (\n            <Badge key={tag} variant=\"subtle\" size=\"sm\">{tag}</Badge>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction OverlayCard({\n  card,\n  renderCard,\n}: {\n  card: KanbanCard;\n  renderCard?: (card: KanbanCard) => ReactNode;\n}) {\n  return (\n    <div\n      className={cn(\n        \"rounded-[var(--ds-radius-md)] border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n        \"bg-[var(--ds-bg-surface)] p-ds-3 shadow-[var(--ds-shadow-card)]\",\n        \"rotate-2\",\n      )}\n    >\n      {renderCard ? renderCard(card) : <DefaultCard card={card} />}\n    </div>\n  );\n}\n\nexport function KanbanBoard({\n  columns: controlledCols,\n  onColumnsChange,\n  renderCard,\n  className,\n}: KanbanBoardProps) {\n  const [internalCols, setInternalCols] = useState<KanbanColumn[]>(controlledCols);\n  const columns = onColumnsChange ? controlledCols : internalCols;\n  const setCols = (next: KanbanColumn[] | ((prev: KanbanColumn[]) => KanbanColumn[])) => {\n    if (typeof next === \"function\") {\n      const updated = next(columns);\n      if (onColumnsChange) onColumnsChange(updated);\n      else setInternalCols(updated);\n    } else {\n      if (onColumnsChange) onColumnsChange(next);\n      else setInternalCols(next);\n    }\n  };\n\n  const [activeCard, setActiveCard] = useState<KanbanCard | null>(null);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const findColumnByCardId = (cardId: string) =>\n    columns.find((col) => col.cards.some((c) => c.id === cardId));\n\n  const handleDragStart = (event: DragStartEvent) => {\n    const col = findColumnByCardId(String(event.active.id));\n    const card = col?.cards.find((c) => c.id === String(event.active.id));\n    if (card) setActiveCard(card);\n  };\n\n  const handleDragOver = (event: DragOverEvent) => {\n    const { active, over } = event;\n    if (!over) return;\n\n    const activeId = String(active.id);\n    const overId = String(over.id);\n    if (activeId === overId) return;\n\n    const activeCol = findColumnByCardId(activeId);\n    const overCol =\n      findColumnByCardId(overId) ?? columns.find((c) => c.id === overId);\n\n    if (!activeCol || !overCol || activeCol.id === overCol.id) return;\n\n    setCols((prev) =>\n      prev.map((col) => {\n        if (col.id === activeCol.id) {\n          return { ...col, cards: col.cards.filter((c) => c.id !== activeId) };\n        }\n        if (col.id === overCol.id) {\n          const card = activeCol.cards.find((c) => c.id === activeId);\n          if (!card) return col;\n          const overIdx = col.cards.findIndex((c) => c.id === overId);\n          const newCards = [...col.cards];\n          if (overIdx >= 0) {\n            newCards.splice(overIdx, 0, card);\n          } else {\n            newCards.push(card);\n          }\n          return { ...col, cards: newCards };\n        }\n        return col;\n      }),\n    );\n  };\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n    setActiveCard(null);\n    if (!over || active.id === over.id) return;\n\n    const activeId = String(active.id);\n    const overId = String(over.id);\n\n    const col = findColumnByCardId(activeId);\n    if (!col) return;\n\n    const oldIdx = col.cards.findIndex((c) => c.id === activeId);\n    const newIdx = col.cards.findIndex((c) => c.id === overId);\n\n    if (oldIdx >= 0 && newIdx >= 0 && oldIdx !== newIdx) {\n      setCols((prev) =>\n        prev.map((c) => {\n          if (c.id !== col.id) return c;\n          const newCards = [...c.cards];\n          const [moved] = newCards.splice(oldIdx, 1);\n          newCards.splice(newIdx, 0, moved);\n          return { ...c, cards: newCards };\n        }),\n      );\n    }\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCorners}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n    >\n      <div className={cn(\"flex gap-ds-4 overflow-x-auto pb-ds-2 snap-x snap-mandatory sm:snap-none\", className)}>\n        {columns.map((col) => (\n          <div\n            key={col.id}\n            className={cn(\n              \"flex flex-col shrink-0 w-[calc(100vw-4rem)] sm:w-[280px] snap-center\",\n              \"bg-[var(--ds-bg-muted)] rounded-[var(--ds-radius-lg)]\",\n              \"border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n            )}\n          >\n            <div className=\"flex items-center justify-between px-ds-3 py-ds-2.5\">\n              <div className=\"flex items-center gap-ds-2\">\n                {col.color && (\n                  <span\n                    className=\"w-2.5 h-2.5 rounded-[var(--ds-radius-full)] shrink-0\"\n                    style={{ backgroundColor: col.color }}\n                  />\n                )}\n                <span className=\"text-sm font-[var(--ds-weight-heading)] text-[var(--ds-text-primary)]\">\n                  {col.title}\n                </span>\n                <span className=\"text-xs text-[var(--ds-text-muted)] tabular-nums\">\n                  {col.cards.length}\n                </span>\n              </div>\n              <Icon name=\"plus\" size={14} className=\"text-[var(--ds-text-muted)]\" />\n            </div>\n\n            <SortableContext\n              items={col.cards.map((c) => c.id)}\n              strategy={verticalListSortingStrategy}\n              id={col.id}\n            >\n              <div className=\"flex flex-col gap-ds-2.5 px-ds-3 pb-ds-3 min-h-[60px]\">\n                {col.cards.map((card) => (\n                  <SortableCard\n                    key={card.id}\n                    card={card}\n                    renderCard={renderCard}\n                  />\n                ))}\n              </div>\n            </SortableContext>\n          </div>\n        ))}\n      </div>\n\n      <DragOverlay>\n        {activeCard && <OverlayCard card={activeCard} renderCard={renderCard} />}\n      </DragOverlay>\n    </DndContext>\n  );\n}\n"]}
+{"version":3,"sources":["../../../showcase/src/components/KanbanBoard.tsx"],"names":[],"mappings":"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","file":"kanban.js","sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport {\n  DndContext,\n  closestCorners,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n  type DragOverEvent,\n  DragOverlay,\n  type DragStartEvent,\n} from \"@dnd-kit/core\";\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n  useSortable,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { cn } from \"../lib/utils\";\nimport { Icon } from \"../lib/icons\";\nimport { Tooltip } from \"./Tooltip\";\nimport { useTextOverflow } from \"../lib/use-text-overflow\";\nimport { Badge } from \"./Badge\";\n\nexport interface KanbanCard {\n  id: string;\n  title: string;\n  description?: string;\n  tags?: string[];\n  avatar?: string;\n}\n\nexport interface KanbanColumn {\n  id: string;\n  title: string;\n  cards: KanbanCard[];\n  color?: string;\n}\n\nexport interface KanbanBoardProps {\n  columns: KanbanColumn[];\n  onColumnsChange?: (columns: KanbanColumn[]) => void;\n  renderCard?: (card: KanbanCard) => ReactNode;\n  className?: string;\n}\n\nfunction SortableCard({\n  card,\n  renderCard,\n}: {\n  card: KanbanCard;\n  renderCard?: (card: KanbanCard) => ReactNode;\n}) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: card.id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      {...attributes}\n      {...listeners}\n      className={cn(\n        \"rounded-[var(--ds-radius-md)] border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n        \"bg-[var(--ds-bg-surface)] p-ds-3 cursor-grab active:cursor-grabbing\",\n        \"shadow-[var(--ds-shadow-button)]\",\n        \"transition-shadow duration-[var(--ds-transition-speed)]\",\n        \"focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]\",\n        isDragging && \"opacity-30 scale-[1.02]\",\n      )}\n    >\n      {renderCard ? (\n        renderCard(card)\n      ) : (\n        <DefaultCard card={card} />\n      )}\n    </div>\n  );\n}\n\nfunction ClampedDescription({ children }: { children: string }) {\n  const { ref, isTruncated } = useTextOverflow({ lines: 2 });\n  const el = <p ref={ref} className=\"text-xs text-[var(--ds-text-secondary)] line-clamp-2\">{children}</p>;\n  if (!isTruncated) return el;\n  return <Tooltip content={children}>{el}</Tooltip>;\n}\n\nfunction TruncTitle({ children }: { children: string }) {\n  const { ref, isTruncated } = useTextOverflow({ lines: 1 });\n  const el = <p ref={ref} className=\"text-sm font-medium text-[var(--ds-text-primary)] truncate\">{children}</p>;\n  if (!isTruncated) return el;\n  return <Tooltip content={children}>{el}</Tooltip>;\n}\n\nfunction DefaultCard({ card }: { card: KanbanCard }) {\n  return (\n    <div className=\"space-y-ds-2\">\n      <TruncTitle>{card.title}</TruncTitle>\n      {card.description && (\n        <ClampedDescription>{card.description}</ClampedDescription>\n      )}\n      {card.tags && card.tags.length > 0 && (\n        <div className=\"flex flex-wrap gap-ds-1\">\n          {card.tags.map((tag) => (\n            <Badge key={tag} variant=\"subtle\" size=\"sm\">{tag}</Badge>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction OverlayCard({\n  card,\n  renderCard,\n}: {\n  card: KanbanCard;\n  renderCard?: (card: KanbanCard) => ReactNode;\n}) {\n  return (\n    <div\n      className={cn(\n        \"rounded-[var(--ds-radius-md)] border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n        \"bg-[var(--ds-bg-surface)] p-ds-3 shadow-[var(--ds-shadow-card)]\",\n        \"rotate-2\",\n      )}\n    >\n      {renderCard ? renderCard(card) : <DefaultCard card={card} />}\n    </div>\n  );\n}\n\nexport function KanbanBoard({\n  columns: controlledCols,\n  onColumnsChange,\n  renderCard,\n  className,\n}: KanbanBoardProps) {\n  const [internalCols, setInternalCols] = useState<KanbanColumn[]>(controlledCols);\n  const columns = onColumnsChange ? controlledCols : internalCols;\n  const setCols = (next: KanbanColumn[] | ((prev: KanbanColumn[]) => KanbanColumn[])) => {\n    if (typeof next === \"function\") {\n      const updated = next(columns);\n      if (onColumnsChange) onColumnsChange(updated);\n      else setInternalCols(updated);\n    } else {\n      if (onColumnsChange) onColumnsChange(next);\n      else setInternalCols(next);\n    }\n  };\n\n  const [activeCard, setActiveCard] = useState<KanbanCard | null>(null);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, { activationConstraint: { distance: 5 } }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    }),\n  );\n\n  const findColumnByCardId = (cardId: string) =>\n    columns.find((col) => col.cards.some((c) => c.id === cardId));\n\n  const handleDragStart = (event: DragStartEvent) => {\n    const col = findColumnByCardId(String(event.active.id));\n    const card = col?.cards.find((c) => c.id === String(event.active.id));\n    if (card) setActiveCard(card);\n  };\n\n  const handleDragOver = (event: DragOverEvent) => {\n    const { active, over } = event;\n    if (!over) return;\n\n    const activeId = String(active.id);\n    const overId = String(over.id);\n    if (activeId === overId) return;\n\n    const activeCol = findColumnByCardId(activeId);\n    const overCol =\n      findColumnByCardId(overId) ?? columns.find((c) => c.id === overId);\n\n    if (!activeCol || !overCol || activeCol.id === overCol.id) return;\n\n    setCols((prev) =>\n      prev.map((col) => {\n        if (col.id === activeCol.id) {\n          return { ...col, cards: col.cards.filter((c) => c.id !== activeId) };\n        }\n        if (col.id === overCol.id) {\n          const card = activeCol.cards.find((c) => c.id === activeId);\n          if (!card) return col;\n          const overIdx = col.cards.findIndex((c) => c.id === overId);\n          const newCards = [...col.cards];\n          if (overIdx >= 0) {\n            newCards.splice(overIdx, 0, card);\n          } else {\n            newCards.push(card);\n          }\n          return { ...col, cards: newCards };\n        }\n        return col;\n      }),\n    );\n  };\n\n  const handleDragEnd = (event: DragEndEvent) => {\n    const { active, over } = event;\n    setActiveCard(null);\n    if (!over || active.id === over.id) return;\n\n    const activeId = String(active.id);\n    const overId = String(over.id);\n\n    const col = findColumnByCardId(activeId);\n    if (!col) return;\n\n    const oldIdx = col.cards.findIndex((c) => c.id === activeId);\n    const newIdx = col.cards.findIndex((c) => c.id === overId);\n\n    if (oldIdx >= 0 && newIdx >= 0 && oldIdx !== newIdx) {\n      setCols((prev) =>\n        prev.map((c) => {\n          if (c.id !== col.id) return c;\n          const newCards = [...c.cards];\n          const [moved] = newCards.splice(oldIdx, 1);\n          newCards.splice(newIdx, 0, moved);\n          return { ...c, cards: newCards };\n        }),\n      );\n    }\n  };\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCorners}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n    >\n      <div className={cn(\"flex gap-ds-4 overflow-x-auto pb-ds-2 snap-x snap-mandatory sm:snap-none\", className)}>\n        {columns.map((col) => (\n          <div\n            key={col.id}\n            className={cn(\n              \"flex flex-col shrink-0 w-[calc(100vw-4rem)] sm:w-[280px] snap-center\",\n              \"bg-[var(--ds-bg-muted)] rounded-[var(--ds-radius-lg)]\",\n              \"border-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]\",\n            )}\n          >\n            <div className=\"flex items-center justify-between px-ds-3 py-ds-2.5\">\n              <div className=\"flex items-center gap-ds-2\">\n                {col.color && (\n                  <span\n                    className=\"w-2.5 h-2.5 rounded-[var(--ds-radius-full)] shrink-0\"\n                    style={{ backgroundColor: col.color }}\n                  />\n                )}\n                <span className=\"text-sm font-[var(--ds-weight-heading)] text-[var(--ds-text-primary)]\">\n                  {col.title}\n                </span>\n                <span className=\"text-xs text-[var(--ds-text-muted)] tabular-nums\">\n                  {col.cards.length}\n                </span>\n              </div>\n              <Icon name=\"plus\" size={14} className=\"text-[var(--ds-text-muted)]\" />\n            </div>\n\n            <SortableContext\n              items={col.cards.map((c) => c.id)}\n              strategy={verticalListSortingStrategy}\n              id={col.id}\n            >\n              <div className=\"flex flex-col gap-ds-2.5 px-ds-3 pb-ds-3 min-h-[60px]\">\n                {col.cards.map((card) => (\n                  <SortableCard\n                    key={card.id}\n                    card={card}\n                    renderCard={renderCard}\n                  />\n                ))}\n              </div>\n            </SortableContext>\n          </div>\n        ))}\n      </div>\n\n      <DragOverlay>\n        {activeCard && <OverlayCard card={activeCard} renderCard={renderCard} />}\n      </DragOverlay>\n    </DndContext>\n  );\n}\n"]}

package/dist/lucide-JH2R3TFV.js

@@ -0,0 +1,76 @@
+import { pickCurated, buildExtendedMap } from './chunk-NRHIYS5W.js';
+
+// ../../showcase/src/lib/icon-packs/lucide.ts
+var CURATED = {
+  "home": "Home",
+  "folder": "FolderKanban",
+  "chart": "BarChart3",
+  "settings": "Settings",
+  "chevron-right": "ChevronRight",
+  "close": "X",
+  "plus": "Plus",
+  "search": "Search",
+  "bell": "Bell",
+  "user": "User",
+  "check": "Check",
+  "warning": "AlertTriangle",
+  "info": "Info",
+  "error": "AlertCircle",
+  "clock": "Clock",
+  "calendar": "CalendarDays",
+  "bold": "Bold",
+  "italic": "Italic",
+  "underline": "Underline",
+  "strikethrough": "Strikethrough",
+  "align-left": "AlignLeft",
+  "align-center": "AlignCenter",
+  "align-right": "AlignRight",
+  "list": "List",
+  "list-ordered": "ListOrdered",
+  "list-checks": "ListChecks",
+  "link": "Link",
+  "image": "Image",
+  "table": "Table",
+  "code": "Code",
+  "quote": "Quote",
+  "minus": "Minus",
+  "superscript": "Superscript",
+  "subscript": "Subscript",
+  "highlight": "Highlighter",
+  "type": "Type",
+  "chevron-up": "ChevronUp",
+  "chevron-down": "ChevronDown",
+  "trash": "Trash2",
+  "undo": "Undo2",
+  "redo": "Redo2",
+  "arrow-left": "ArrowLeft",
+  "grip-vertical": "GripVertical",
+  "mic": "Mic",
+  "paperclip": "Paperclip",
+  "send": "Send",
+  "log-out": "LogOut",
+  "edit": "Pencil",
+  "menu": "Menu",
+  "more-horizontal": "MoreHorizontal",
+  "star": "Star",
+  "bookmark": "Bookmark",
+  "download": "Download",
+  "upload": "Upload",
+  "sparkles": "Sparkles"
+};
+async function peer() {
+  return await import('lucide-react');
+}
+async function loadCurated() {
+  return pickCurated(await peer(), CURATED);
+}
+async function loadExtended() {
+  const mod = await peer();
+  const extended = buildExtendedMap(mod, {});
+  Object.assign(extended, pickCurated(mod, CURATED));
+  return extended;
+}
+
+export { loadCurated, loadExtended };
+//# sourceMappingURL=lucide-JH2R3TFV.js.map
+//# sourceMappingURL=lucide-JH2R3TFV.js.map

package/dist/lucide-JH2R3TFV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/icon-packs/lucide.ts"],"names":[],"mappings":";;;AAgBA,IAAM,OAAA,GAAkC;AAAA,EACtC,MAAA,EAAQ,MAAA;AAAA,EACR,QAAA,EAAU,cAAA;AAAA,EACV,OAAA,EAAS,WAAA;AAAA,EACT,UAAA,EAAY,UAAA;AAAA,EACZ,eAAA,EAAiB,cAAA;AAAA,EACjB,OAAA,EAAS,GAAA;AAAA,EACT,MAAA,EAAQ,MAAA;AAAA,EACR,QAAA,EAAU,QAAA;AAAA,EACV,MAAA,EAAQ,MAAA;AAAA,EACR,MAAA,EAAQ,MAAA;AAAA,EACR,OAAA,EAAS,OAAA;AAAA,EACT,SAAA,EAAW,eAAA;AAAA,EACX,MAAA,EAAQ,MAAA;AAAA,EACR,OAAA,EAAS,aAAA;AAAA,EACT,OAAA,EAAS,OAAA;AAAA,EACT,UAAA,EAAY,cAAA;AAAA,EACZ,MAAA,EAAQ,MAAA;AAAA,EACR,QAAA,EAAU,QAAA;AAAA,EACV,WAAA,EAAa,WAAA;AAAA,EACb,eAAA,EAAiB,eAAA;AAAA,EACjB,YAAA,EAAc,WAAA;AAAA,EACd,cAAA,EAAgB,aAAA;AAAA,EAChB,aAAA,EAAe,YAAA;AAAA,EACf,MAAA,EAAQ,MAAA;AAAA,EACR,cAAA,EAAgB,aAAA;AAAA,EAChB,aAAA,EAAe,YAAA;AAAA,EACf,MAAA,EAAQ,MAAA;AAAA,EACR,OAAA,EAAS,OAAA;AAAA,EACT,OAAA,EAAS,OAAA;AAAA,EACT,MAAA,EAAQ,MAAA;AAAA,EACR,OAAA,EAAS,OAAA;AAAA,EACT,OAAA,EAAS,OAAA;AAAA,EACT,aAAA,EAAe,aAAA;AAAA,EACf,WAAA,EAAa,WAAA;AAAA,EACb,WAAA,EAAa,aAAA;AAAA,EACb,MAAA,EAAQ,MAAA;AAAA,EACR,YAAA,EAAc,WAAA;AAAA,EACd,cAAA,EAAgB,aAAA;AAAA,EAChB,OAAA,EAAS,QAAA;AAAA,EACT,MAAA,EAAQ,OAAA;AAAA,EACR,MAAA,EAAQ,OAAA;AAAA,EACR,YAAA,EAAc,WAAA;AAAA,EACd,eAAA,EAAiB,cAAA;AAAA,EACjB,KAAA,EAAO,KAAA;AAAA,EACP,WAAA,EAAa,WAAA;AAAA,EACb,MAAA,EAAQ,MAAA;AAAA,EACR,SAAA,EAAW,QAAA;AAAA,EACX,MAAA,EAAQ,QAAA;AAAA,EACR,MAAA,EAAQ,MAAA;AAAA,EACR,iBAAA,EAAmB,gBAAA;AAAA,EACnB,MAAA,EAAQ,MAAA;AAAA,EACR,UAAA,EAAY,UAAA;AAAA,EACZ,UAAA,EAAY,UAAA;AAAA,EACZ,QAAA,EAAU,QAAA;AAAA,EACV,UAAA,EAAY;AACd,CAAA;AAEA,eAAe,IAAA,GAAyC;AACtD,EAAA,OAAQ,MAAM,OAAO,cAAc,CAAA;AACrC;AAEA,eAAsB,WAAA,GAAgC;AACpD,EAAA,OAAO,WAAA,CAAY,MAAM,IAAA,EAAK,EAAG,OAAO,CAAA;AAC1C;AAEA,eAAsB,YAAA,GAAiC;AACrD,EAAA,MAAM,GAAA,GAAM,MAAM,IAAA,EAAK;AACvB,EAAA,MAAM,QAAA,GAAW,gBAAA,CAAiB,GAAA,EAAK,EAAE,CAAA;AACzC,EAAA,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU,WAAA,CAAY,GAAA,EAAK,OAAO,CAAC,CAAA;AACjD,EAAA,OAAO,QAAA;AACT","file":"lucide-JH2R3TFV.js","sourcesContent":["import type { IconMap } from './types'\nimport { buildExtendedMap, pickCurated } from './utils'\n\n/**\n * Lucide icons.\n *\n * The pack is reached only through the dynamic import in peer() — never a\n * static named import. A static import of an optional peer makes a consumer's\n * production build fail on Vite 8 when the peer is not installed: Vite\n * substitutes an export-less stub and the bundler treats every missing name as\n * fatal (Sprint 22 bench finding 1, 13 Sep 2026; showcase/src/test/\n * vite8-optional-peers-build.test.ts guards it). The curated names are strings\n * for the same reason; icon-completeness.test.tsx proves every one resolves in\n * the installed pack. If the pack is missing, peer() rejects and loadPack in\n * icons.tsx reports which package to install.\n */\nconst CURATED: Record<string, string> = {\n  \"home\": \"Home\",\n  \"folder\": \"FolderKanban\",\n  \"chart\": \"BarChart3\",\n  \"settings\": \"Settings\",\n  \"chevron-right\": \"ChevronRight\",\n  \"close\": \"X\",\n  \"plus\": \"Plus\",\n  \"search\": \"Search\",\n  \"bell\": \"Bell\",\n  \"user\": \"User\",\n  \"check\": \"Check\",\n  \"warning\": \"AlertTriangle\",\n  \"info\": \"Info\",\n  \"error\": \"AlertCircle\",\n  \"clock\": \"Clock\",\n  \"calendar\": \"CalendarDays\",\n  \"bold\": \"Bold\",\n  \"italic\": \"Italic\",\n  \"underline\": \"Underline\",\n  \"strikethrough\": \"Strikethrough\",\n  \"align-left\": \"AlignLeft\",\n  \"align-center\": \"AlignCenter\",\n  \"align-right\": \"AlignRight\",\n  \"list\": \"List\",\n  \"list-ordered\": \"ListOrdered\",\n  \"list-checks\": \"ListChecks\",\n  \"link\": \"Link\",\n  \"image\": \"Image\",\n  \"table\": \"Table\",\n  \"code\": \"Code\",\n  \"quote\": \"Quote\",\n  \"minus\": \"Minus\",\n  \"superscript\": \"Superscript\",\n  \"subscript\": \"Subscript\",\n  \"highlight\": \"Highlighter\",\n  \"type\": \"Type\",\n  \"chevron-up\": \"ChevronUp\",\n  \"chevron-down\": \"ChevronDown\",\n  \"trash\": \"Trash2\",\n  \"undo\": \"Undo2\",\n  \"redo\": \"Redo2\",\n  \"arrow-left\": \"ArrowLeft\",\n  \"grip-vertical\": \"GripVertical\",\n  \"mic\": \"Mic\",\n  \"paperclip\": \"Paperclip\",\n  \"send\": \"Send\",\n  \"log-out\": \"LogOut\",\n  \"edit\": \"Pencil\",\n  \"menu\": \"Menu\",\n  \"more-horizontal\": \"MoreHorizontal\",\n  \"star\": \"Star\",\n  \"bookmark\": \"Bookmark\",\n  \"download\": \"Download\",\n  \"upload\": \"Upload\",\n  \"sparkles\": \"Sparkles\",\n}\n\nasync function peer(): Promise<Record<string, unknown>> {\n  return (await import(\"lucide-react\")) as unknown as Record<string, unknown>\n}\n\nexport async function loadCurated(): Promise<IconMap> {\n  return pickCurated(await peer(), CURATED)\n}\n\nexport async function loadExtended(): Promise<IconMap> {\n  const mod = await peer()\n  const extended = buildExtendedMap(mod, {})\n  Object.assign(extended, pickCurated(mod, CURATED))\n  return extended\n}\n"]}

package/dist/phosphor-HCVUMVT5.js

@@ -0,0 +1,76 @@
+import { pickCurated, buildExtendedMap } from './chunk-NRHIYS5W.js';
+
+// ../../showcase/src/lib/icon-packs/phosphor.ts
+var CURATED = {
+  "home": "House",
+  "folder": "FolderSimple",
+  "chart": "ChartBar",
+  "settings": "Gear",
+  "chevron-right": "CaretRight",
+  "close": "X",
+  "plus": "Plus",
+  "search": "MagnifyingGlass",
+  "bell": "Bell",
+  "user": "User",
+  "check": "Check",
+  "warning": "Warning",
+  "info": "Info",
+  "error": "WarningCircle",
+  "clock": "Clock",
+  "calendar": "CalendarBlank",
+  "bold": "TextB",
+  "italic": "TextItalic",
+  "underline": "TextUnderline",
+  "strikethrough": "TextStrikethrough",
+  "align-left": "TextAlignLeft",
+  "align-center": "TextAlignCenter",
+  "align-right": "TextAlignRight",
+  "list": "ListBullets",
+  "list-ordered": "ListNumbers",
+  "list-checks": "ListChecks",
+  "link": "Link",
+  "image": "Image",
+  "table": "Table",
+  "code": "Code",
+  "quote": "Quotes",
+  "minus": "Minus",
+  "superscript": "TextSuperscript",
+  "subscript": "TextSubscript",
+  "highlight": "Highlighter",
+  "type": "TextT",
+  "chevron-up": "CaretUp",
+  "chevron-down": "CaretDown",
+  "trash": "Trash",
+  "undo": "ArrowCounterClockwise",
+  "redo": "ArrowClockwise",
+  "arrow-left": "ArrowLeft",
+  "grip-vertical": "DotsSixVertical",
+  "mic": "Microphone",
+  "paperclip": "Paperclip",
+  "send": "PaperPlaneTilt",
+  "log-out": "SignOut",
+  "edit": "PencilSimple",
+  "menu": "List",
+  "more-horizontal": "DotsThree",
+  "star": "Star",
+  "bookmark": "BookmarkSimple",
+  "download": "DownloadSimple",
+  "upload": "UploadSimple",
+  "sparkles": "Sparkle"
+};
+async function peer() {
+  return await import('@phosphor-icons/react');
+}
+async function loadCurated() {
+  return pickCurated(await peer(), CURATED);
+}
+async function loadExtended() {
+  const mod = await peer();
+  const extended = buildExtendedMap(mod, {});
+  Object.assign(extended, pickCurated(mod, CURATED));
+  return extended;
+}
+
+export { loadCurated, loadExtended };
+//# sourceMappingURL=phosphor-HCVUMVT5.js.map
+//# sourceMappingURL=phosphor-HCVUMVT5.js.map

package/dist/phosphor-HCVUMVT5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../showcase/src/lib/icon-packs/phosphor.ts"],"names":[],"mappings":";;;AAgBA,IAAM,OAAA,GAAkC;AAAA,EACtC,MAAA,EAAQ,OAAA;AAAA,EACR,QAAA,EAAU,cAAA;AAAA,EACV,OAAA,EAAS,UAAA;AAAA,EACT,UAAA,EAAY,MAAA;AAAA,EACZ,eAAA,EAAiB,YAAA;AAAA,EACjB,OAAA,EAAS,GAAA;AAAA,EACT,MAAA,EAAQ,MAAA;AAAA,EACR,QAAA,EAAU,iBAAA;AAAA,EACV,MAAA,EAAQ,MAAA;AAAA,EACR,MAAA,EAAQ,MAAA;AAAA,EACR,OAAA,EAAS,OAAA;AAAA,EACT,SAAA,EAAW,SAAA;AAAA,EACX,MAAA,EAAQ,MAAA;AAAA,EACR,OAAA,EAAS,eAAA;AAAA,EACT,OAAA,EAAS,OAAA;AAAA,EACT,UAAA,EAAY,eAAA;AAAA,EACZ,MAAA,EAAQ,OAAA;AAAA,EACR,QAAA,EAAU,YAAA;AAAA,EACV,WAAA,EAAa,eAAA;AAAA,EACb,eAAA,EAAiB,mBAAA;AAAA,EACjB,YAAA,EAAc,eAAA;AAAA,EACd,cAAA,EAAgB,iBAAA;AAAA,EAChB,aAAA,EAAe,gBAAA;AAAA,EACf,MAAA,EAAQ,aAAA;AAAA,EACR,cAAA,EAAgB,aAAA;AAAA,EAChB,aAAA,EAAe,YAAA;AAAA,EACf,MAAA,EAAQ,MAAA;AAAA,EACR,OAAA,EAAS,OAAA;AAAA,EACT,OAAA,EAAS,OAAA;AAAA,EACT,MAAA,EAAQ,MAAA;AAAA,EACR,OAAA,EAAS,QAAA;AAAA,EACT,OAAA,EAAS,OAAA;AAAA,EACT,aAAA,EAAe,iBAAA;AAAA,EACf,WAAA,EAAa,eAAA;AAAA,EACb,WAAA,EAAa,aAAA;AAAA,EACb,MAAA,EAAQ,OAAA;AAAA,EACR,YAAA,EAAc,SAAA;AAAA,EACd,cAAA,EAAgB,WAAA;AAAA,EAChB,OAAA,EAAS,OAAA;AAAA,EACT,MAAA,EAAQ,uBAAA;AAAA,EACR,MAAA,EAAQ,gBAAA;AAAA,EACR,YAAA,EAAc,WAAA;AAAA,EACd,eAAA,EAAiB,iBAAA;AAAA,EACjB,KAAA,EAAO,YAAA;AAAA,EACP,WAAA,EAAa,WAAA;AAAA,EACb,MAAA,EAAQ,gBAAA;AAAA,EACR,SAAA,EAAW,SAAA;AAAA,EACX,MAAA,EAAQ,cAAA;AAAA,EACR,MAAA,EAAQ,MAAA;AAAA,EACR,iBAAA,EAAmB,WAAA;AAAA,EACnB,MAAA,EAAQ,MAAA;AAAA,EACR,UAAA,EAAY,gBAAA;AAAA,EACZ,UAAA,EAAY,gBAAA;AAAA,EACZ,QAAA,EAAU,cAAA;AAAA,EACV,UAAA,EAAY;AACd,CAAA;AAEA,eAAe,IAAA,GAAyC;AACtD,EAAA,OAAQ,MAAM,OAAO,uBAAuB,CAAA;AAC9C;AAEA,eAAsB,WAAA,GAAgC;AACpD,EAAA,OAAO,WAAA,CAAY,MAAM,IAAA,EAAK,EAAG,OAAO,CAAA;AAC1C;AAEA,eAAsB,YAAA,GAAiC;AACrD,EAAA,MAAM,GAAA,GAAM,MAAM,IAAA,EAAK;AACvB,EAAA,MAAM,QAAA,GAAW,gBAAA,CAAiB,GAAA,EAAK,EAAE,CAAA;AACzC,EAAA,MAAA,CAAO,MAAA,CAAO,QAAA,EAAU,WAAA,CAAY,GAAA,EAAK,OAAO,CAAC,CAAA;AACjD,EAAA,OAAO,QAAA;AACT","file":"phosphor-HCVUMVT5.js","sourcesContent":["import type { IconMap } from './types'\nimport { buildExtendedMap, pickCurated } from './utils'\n\n/**\n * Phosphor icons.\n *\n * The pack is reached only through the dynamic import in peer() — never a\n * static named import. A static import of an optional peer makes a consumer's\n * production build fail on Vite 8 when the peer is not installed: Vite\n * substitutes an export-less stub and the bundler treats every missing name as\n * fatal (Sprint 22 bench finding 1, 13 Sep 2026; showcase/src/test/\n * vite8-optional-peers-build.test.ts guards it). The curated names are strings\n * for the same reason; icon-completeness.test.tsx proves every one resolves in\n * the installed pack. If the pack is missing, peer() rejects and loadPack in\n * icons.tsx reports which package to install.\n */\nconst CURATED: Record<string, string> = {\n  \"home\": \"House\",\n  \"folder\": \"FolderSimple\",\n  \"chart\": \"ChartBar\",\n  \"settings\": \"Gear\",\n  \"chevron-right\": \"CaretRight\",\n  \"close\": \"X\",\n  \"plus\": \"Plus\",\n  \"search\": \"MagnifyingGlass\",\n  \"bell\": \"Bell\",\n  \"user\": \"User\",\n  \"check\": \"Check\",\n  \"warning\": \"Warning\",\n  \"info\": \"Info\",\n  \"error\": \"WarningCircle\",\n  \"clock\": \"Clock\",\n  \"calendar\": \"CalendarBlank\",\n  \"bold\": \"TextB\",\n  \"italic\": \"TextItalic\",\n  \"underline\": \"TextUnderline\",\n  \"strikethrough\": \"TextStrikethrough\",\n  \"align-left\": \"TextAlignLeft\",\n  \"align-center\": \"TextAlignCenter\",\n  \"align-right\": \"TextAlignRight\",\n  \"list\": \"ListBullets\",\n  \"list-ordered\": \"ListNumbers\",\n  \"list-checks\": \"ListChecks\",\n  \"link\": \"Link\",\n  \"image\": \"Image\",\n  \"table\": \"Table\",\n  \"code\": \"Code\",\n  \"quote\": \"Quotes\",\n  \"minus\": \"Minus\",\n  \"superscript\": \"TextSuperscript\",\n  \"subscript\": \"TextSubscript\",\n  \"highlight\": \"Highlighter\",\n  \"type\": \"TextT\",\n  \"chevron-up\": \"CaretUp\",\n  \"chevron-down\": \"CaretDown\",\n  \"trash\": \"Trash\",\n  \"undo\": \"ArrowCounterClockwise\",\n  \"redo\": \"ArrowClockwise\",\n  \"arrow-left\": \"ArrowLeft\",\n  \"grip-vertical\": \"DotsSixVertical\",\n  \"mic\": \"Microphone\",\n  \"paperclip\": \"Paperclip\",\n  \"send\": \"PaperPlaneTilt\",\n  \"log-out\": \"SignOut\",\n  \"edit\": \"PencilSimple\",\n  \"menu\": \"List\",\n  \"more-horizontal\": \"DotsThree\",\n  \"star\": \"Star\",\n  \"bookmark\": \"BookmarkSimple\",\n  \"download\": \"DownloadSimple\",\n  \"upload\": \"UploadSimple\",\n  \"sparkles\": \"Sparkle\",\n}\n\nasync function peer(): Promise<Record<string, unknown>> {\n  return (await import(\"@phosphor-icons/react\")) as unknown as Record<string, unknown>\n}\n\nexport async function loadCurated(): Promise<IconMap> {\n  return pickCurated(await peer(), CURATED)\n}\n\nexport async function loadExtended(): Promise<IconMap> {\n  const mod = await peer()\n  const extended = buildExtendedMap(mod, {})\n  Object.assign(extended, pickCurated(mod, CURATED))\n  return extended\n}\n"]}

package/dist/resizable.js

@@ -1,6 +1,6 @@
 import { useBreakpoint } from './chunk-EKQHHP72.js';
-import { Icon } from './chunk-GX6O72IV.js';
-import { cn } from './chunk-TTZSZNJ6.js';
+import { Icon } from './chunk-NM3BFWHH.js';
+import { cn } from './chunk-4KVFH5KC.js';
 import { Group, Panel, Separator } from 'react-resizable-panels';
 import { createContext, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';

package/dist/roots.css

@@ -36,6 +36,10 @@
   --ds-shadow-offset-y: 0px;
   --ds-shadow-blur: 8px;
   --ds-shadow-alpha: 0.1;
+  /* Neumorphic inner highlight: the white inset rim on the inner bottom-right
+     edges of every neumorphic surface body (rendered at ×0.18 in dark mode).
+     0 renders nothing; presets author their own value. */
+  --ds-shadow-inner-highlight: 0;
 
   --ds-transition-speed: 200ms;
   --ds-transition-ease: ease-in-out;
@@ -51,6 +55,28 @@
   --ds-ambient-hover-speed: 250ms;
   --ds-ambient-hover-ease: cubic-bezier(0.33, 1, 0.68, 1);
 
+  /* Hover transitions for components that move on hover. Colour always eases on
+     the colour curve; only motion and shadow take the hover ease, which may
+     overshoot — a bounce on a tint reads as a flash. Tailwind v4 writes hover
+     scale and lift to the individual `scale` and `translate` properties, which
+     a transition on `transform` alone does not cover, so all three are listed. */
+  --ds-transition-interactive:
+    color var(--ds-transition-speed) var(--ds-transition-ease),
+    background-color var(--ds-transition-speed) var(--ds-transition-ease),
+    border-color var(--ds-transition-speed) var(--ds-transition-ease),
+    transform var(--ds-interactive-hover-speed) var(--ds-interactive-hover-ease),
+    translate var(--ds-interactive-hover-speed) var(--ds-interactive-hover-ease),
+    scale var(--ds-interactive-hover-speed) var(--ds-interactive-hover-ease),
+    box-shadow var(--ds-interactive-hover-speed) var(--ds-interactive-hover-ease);
+  --ds-transition-ambient:
+    color var(--ds-transition-speed) var(--ds-transition-ease),
+    background-color var(--ds-transition-speed) var(--ds-transition-ease),
+    border-color var(--ds-transition-speed) var(--ds-transition-ease),
+    transform var(--ds-ambient-hover-speed) var(--ds-ambient-hover-ease),
+    translate var(--ds-ambient-hover-speed) var(--ds-ambient-hover-ease),
+    scale var(--ds-ambient-hover-speed) var(--ds-ambient-hover-ease),
+    box-shadow var(--ds-ambient-hover-speed) var(--ds-ambient-hover-ease);
+
   --ds-sidebar-width: 224px;
   --ds-sidebar-compact-width: 76px;
   --ds-sidebar-collapsed-width: 56px;
@@ -70,6 +96,9 @@
   --ds-icon-size-sm: 14px;
   --ds-icon-size-md: 16px;
   --ds-gradient: none;
+  /* The gradient's two ends as colours (solid accent when the theme has no gradient) — for SVG gradients such as an accent icon stroke. */
+  --ds-gradient-start: var(--ds-accent-primary);
+  --ds-gradient-end: var(--ds-accent-primary);
 
   /* ── L1: Glass Roots (defaults = off for non-glass presets) ──── */
 
@@ -219,6 +248,15 @@
   --ds-z-tooltip: 500;
   --ds-z-toast: 600;
 
+  /* Bottom-corner toast insets. Default one spacing step; a Launcher or
+   * CornerPanel occupying a corner raises the matching inset (lib/corner-insets.ts)
+   * so the toast stack lands above it instead of over it. */
+  --ds-toast-inset-bottom-right: var(--ds-space-4);
+  --ds-toast-inset-bottom-left: var(--ds-space-4);
+  /* Side insets: a docked AsidePanel raises the one on its side so toasts slide past it. */
+  --ds-toast-inset-right: var(--ds-space-4);
+  --ds-toast-inset-left: var(--ds-space-4);
+
   /* ── L2: Derived Shadow Scale ───────────────────────────────────── */
 
   --ds-shadow-sm:
@@ -272,12 +310,23 @@
   --ds-text-muted: var(--ds-neutral-400);
   --ds-text-on-primary: oklch(1 0 0);
 
+  /* Tinted surfaces (subtle colourful header): the surface colour washed with the
+     accent — gradient or solid — at one strength, so the tint is a pure shade of
+     the accent over the same paper as the cards around it. --ds-text-muted-on-tint
+     is the lightest neutral that clears AA over that tint; the platform recomputes
+     it per accent against the default surface (token-algorithms mutedOnTint). */
+  --ds-tint-base: var(--ds-bg-surface);
+  --ds-tint-strength: 0.15;
+  --ds-accent-wash: linear-gradient(var(--ds-accent-primary), var(--ds-accent-primary));
+  --ds-text-muted-on-tint: var(--ds-neutral-600);
+
   --ds-border-default: var(--ds-neutral-300);
   --ds-border-subtle: var(--ds-neutral-200);
   --ds-border-strong: var(--ds-neutral-500);
   --ds-border-focus: var(--ds-primary-500);
   /* Soft halo paired with --ds-border-focus on every stroke-based active state */
   --ds-ring-active: var(--ds-accent-soft);
+  --ds-ring-error: color-mix(in srgb, var(--ds-status-error) 30%, transparent);
 
   --ds-accent-primary: var(--ds-primary-500);
   --ds-accent-primary-hover: var(--ds-primary-600);
@@ -318,6 +367,11 @@
   --ds-status-error-bg: var(--ds-destructive-100);
   --ds-status-info: var(--ds-info-500);
   --ds-status-info-bg: var(--ds-info-100);
+  /* Text on the filled status surfaces — computed per palette by the theme;
+     defaults for the scale above (the warning fill is too light for white; the 950 tone keeps its hue) */
+  --ds-text-on-success: oklch(1 0 0);
+  --ds-text-on-warning: var(--ds-warning-950);
+  --ds-text-on-error: oklch(1 0 0);
 
   --ds-sidebar-bg: var(--ds-neutral-100);
   --ds-sidebar-border: var(--ds-neutral-200);
@@ -328,6 +382,14 @@
   --ds-sidebar-text-muted: var(--ds-text-muted);
   --ds-sidebar-accent: var(--ds-accent-primary);
   --ds-sidebar-accent-subtle: color-mix(in srgb, var(--ds-sidebar-accent) 10%, transparent);
+  /* The sidebar pill's gradient fill: the page gradient in match mode; the
+     independent-mode writers replace it with the target palette's gradient.
+     Declared per mode block so nested wrappers resolve their own gradient. */
+  --ds-sidebar-gradient: var(--ds-gradient);
+  /* Text on the sidebar / header accent — computed from the target palette in
+     independent modes; in match mode they follow the page */
+  --ds-sidebar-text-on-accent: var(--ds-text-on-primary);
+  --ds-header-text-on-accent: var(--ds-text-on-primary);
 
   /* Tab strip — presets can override for stronger contrast (e.g. Modern Dark) */
   --ds-tab-hover-bg: var(--ds-bg-muted);
@@ -373,6 +435,7 @@
   --ds-nav-v-track-border: var(--ds-border-width);
   --ds-nav-v-track-padding: var(--ds-space-1);
   --ds-nav-v-badge-bg: var(--ds-accent-primary);
+  --ds-nav-v-active-muted: var(--ds-text-secondary);
 
   --ds-tree-active-bg: var(--ds-tab-active-bg);
   --ds-tree-active-text: var(--ds-accent-primary);
@@ -383,6 +446,7 @@
   --ds-sidebar-active-text: var(--ds-sidebar-accent);
   --ds-sidebar-active-accent: var(--ds-sidebar-accent);
   --ds-sidebar-active-rail: var(--ds-border-width-thick);
+  --ds-sidebar-active-image: none;
 }
 
 /* ── Dark Mode Semantic Overrides ─────────────────────────────────── */
@@ -403,7 +467,7 @@
   --ds-text-primary: var(--ds-neutral-50);
   --ds-text-secondary: var(--ds-neutral-300);
   --ds-text-muted: var(--ds-neutral-400);
-  --ds-text-on-primary: oklch(1 0 0);
+  --ds-text-muted-on-tint: var(--ds-neutral-400);
   color: var(--ds-text-primary);
 
   /* Borders — bumped one step lighter for visibility against 800/900 surfaces */
@@ -422,6 +486,10 @@
   --ds-status-error-bg: var(--ds-destructive-950);
   --ds-status-info: var(--ds-info-400);
   --ds-status-info-bg: var(--ds-info-950);
+  /* The 400 fills above are too light for white at every hue; the 950 tones keep each hue */
+  --ds-text-on-success: var(--ds-success-950);
+  --ds-text-on-warning: var(--ds-warning-950);
+  --ds-text-on-error: var(--ds-destructive-950);
 
   /* Sidebar — sits at canvas level, border provides separation */
   --ds-sidebar-bg: var(--ds-neutral-800);
@@ -432,6 +500,7 @@
   --ds-sidebar-text-secondary: var(--ds-text-secondary);
   --ds-sidebar-text-muted: var(--ds-text-muted);
   --ds-sidebar-accent: var(--ds-accent-primary);
+  --ds-sidebar-gradient: var(--ds-gradient);
 
   --ds-tab-hover-bg: var(--ds-bg-muted);
   --ds-tab-active-bg: var(--ds-bg-surface);
@@ -491,9 +560,11 @@ body {
 }
 
 [data-mode="light"] {
+  --ds-sidebar-gradient: var(--ds-gradient);
   --ds-text-primary: var(--ds-neutral-950);
   --ds-text-secondary: var(--ds-neutral-600);
   --ds-text-muted: var(--ds-neutral-400);
+  --ds-text-muted-on-tint: var(--ds-neutral-600);
   --ds-bg-canvas: var(--ds-neutral-50);
   --ds-bg-surface: oklch(1 0 0);
   --ds-bg-muted: var(--ds-neutral-100);
@@ -568,33 +639,41 @@ body {
 
   --ds-shadow-sm:
     calc(var(--ds-shadow-offset-x) * 0.33) calc(var(--ds-shadow-offset-y) * 0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha)),
-    calc(var(--ds-shadow-offset-x) * -0.33) calc(var(--ds-shadow-offset-y) * -0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1));
+    calc(var(--ds-shadow-offset-x) * -0.33) calc(var(--ds-shadow-offset-y) * -0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1)),
+    inset calc(var(--ds-shadow-offset-x) * -0.2) calc(var(--ds-shadow-offset-y) * -0.2) calc(var(--ds-shadow-blur) * 0.25) 0 oklch(1 0 0 / var(--ds-shadow-inner-highlight));
 
   --ds-shadow-md:
     var(--ds-shadow-offset-x) var(--ds-shadow-offset-y) var(--ds-shadow-blur) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha)),
-    calc(var(--ds-shadow-offset-x) * -1) calc(var(--ds-shadow-offset-y) * -1) var(--ds-shadow-blur) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1));
+    calc(var(--ds-shadow-offset-x) * -1) calc(var(--ds-shadow-offset-y) * -1) var(--ds-shadow-blur) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1)),
+    inset calc(var(--ds-shadow-offset-x) * -0.25) calc(var(--ds-shadow-offset-y) * -0.25) calc(var(--ds-shadow-blur) * 0.25) 0 oklch(1 0 0 / var(--ds-shadow-inner-highlight));
 
   --ds-shadow-lg:
     calc(var(--ds-shadow-offset-x) * 1.5) calc(var(--ds-shadow-offset-y) * 1.5) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha)),
-    calc(var(--ds-shadow-offset-x) * -1.5) calc(var(--ds-shadow-offset-y) * -1.5) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1));
+    calc(var(--ds-shadow-offset-x) * -1.5) calc(var(--ds-shadow-offset-y) * -1.5) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1)),
+    inset calc(var(--ds-shadow-offset-x) * -0.4) calc(var(--ds-shadow-offset-y) * -0.4) calc(var(--ds-shadow-blur) * 0.4) 0 oklch(1 0 0 / var(--ds-shadow-inner-highlight));
 
   --ds-shadow-xl:
     calc(var(--ds-shadow-offset-x) * 2) calc(var(--ds-shadow-offset-y) * 2) calc(var(--ds-shadow-blur) * 2) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha)),
-    calc(var(--ds-shadow-offset-x) * -2) calc(var(--ds-shadow-offset-y) * -2) calc(var(--ds-shadow-blur) * 2) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1));
+    calc(var(--ds-shadow-offset-x) * -2) calc(var(--ds-shadow-offset-y) * -2) calc(var(--ds-shadow-blur) * 2) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1)),
+    inset calc(var(--ds-shadow-offset-x) * -0.5) calc(var(--ds-shadow-offset-y) * -0.5) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / var(--ds-shadow-inner-highlight));
 
   --ds-shadow-card:
     calc(var(--ds-shadow-offset-x) * 1.2) calc(var(--ds-shadow-offset-y) * 1.2) calc(var(--ds-shadow-blur) * 1.2) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha)),
-    calc(var(--ds-shadow-offset-x) * -1.2) calc(var(--ds-shadow-offset-y) * -1.2) calc(var(--ds-shadow-blur) * 1.2) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1));
+    calc(var(--ds-shadow-offset-x) * -1.2) calc(var(--ds-shadow-offset-y) * -1.2) calc(var(--ds-shadow-blur) * 1.2) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1)),
+    inset calc(var(--ds-shadow-offset-x) * -0.375) calc(var(--ds-shadow-offset-y) * -0.375) calc(var(--ds-shadow-blur) * 0.375) 0 oklch(1 0 0 / var(--ds-shadow-inner-highlight));
 
   --ds-shadow-button:
     calc(var(--ds-shadow-offset-x) * 0.33) calc(var(--ds-shadow-offset-y) * 0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha)),
-    calc(var(--ds-shadow-offset-x) * -0.33) calc(var(--ds-shadow-offset-y) * -0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1));
+    calc(var(--ds-shadow-offset-x) * -0.33) calc(var(--ds-shadow-offset-y) * -0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / clamp(0, calc(var(--ds-shadow-alpha) * var(--ds-nm-light-mult)), 1)),
+    inset calc(var(--ds-shadow-offset-x) * -0.16) calc(var(--ds-shadow-offset-y) * -0.16) calc(var(--ds-shadow-blur) * 0.16) 0 oklch(1 0 0 / var(--ds-shadow-inner-highlight));
 
   --ds-shadow-dropdown:
-    var(--ds-shadow-offset-x) var(--ds-shadow-offset-y) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha));
+    var(--ds-shadow-offset-x) var(--ds-shadow-offset-y) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha)),
+    inset calc(var(--ds-shadow-offset-x) * -0.25) calc(var(--ds-shadow-offset-y) * -0.25) calc(var(--ds-shadow-blur) * 0.25) 0 oklch(1 0 0 / var(--ds-shadow-inner-highlight));
 
   --ds-shadow-modal:
-    calc(var(--ds-shadow-offset-x) * 2) calc(var(--ds-shadow-offset-y) * 2) calc(var(--ds-shadow-blur) * 2.5) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha));
+    calc(var(--ds-shadow-offset-x) * 2) calc(var(--ds-shadow-offset-y) * 2) calc(var(--ds-shadow-blur) * 2.5) 0 oklch(var(--ds-nm-dark-l) var(--ds-nm-dark-c) var(--ds-nm-dark-h) / var(--ds-shadow-alpha)),
+    inset calc(var(--ds-shadow-offset-x) * -0.5) calc(var(--ds-shadow-offset-y) * -0.5) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / var(--ds-shadow-inner-highlight));
 }
 
 [data-shadow="neumorphic"][data-mode="dark"] {
@@ -604,33 +683,41 @@ body {
 
   --ds-shadow-sm:
     calc(var(--ds-shadow-offset-x) * 0.33) calc(var(--ds-shadow-offset-y) * 0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2)),
-    calc(var(--ds-shadow-offset-x) * -0.33) calc(var(--ds-shadow-offset-y) * -0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12));
+    calc(var(--ds-shadow-offset-x) * -0.33) calc(var(--ds-shadow-offset-y) * -0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12)),
+    inset calc(var(--ds-shadow-offset-x) * -0.2) calc(var(--ds-shadow-offset-y) * -0.2) calc(var(--ds-shadow-blur) * 0.25) 0 oklch(1 0 0 / calc(var(--ds-shadow-inner-highlight) * 0.18));
 
   --ds-shadow-md:
     var(--ds-shadow-offset-x) var(--ds-shadow-offset-y) var(--ds-shadow-blur) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2)),
-    calc(var(--ds-shadow-offset-x) * -1) calc(var(--ds-shadow-offset-y) * -1) var(--ds-shadow-blur) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12));
+    calc(var(--ds-shadow-offset-x) * -1) calc(var(--ds-shadow-offset-y) * -1) var(--ds-shadow-blur) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12)),
+    inset calc(var(--ds-shadow-offset-x) * -0.25) calc(var(--ds-shadow-offset-y) * -0.25) calc(var(--ds-shadow-blur) * 0.25) 0 oklch(1 0 0 / calc(var(--ds-shadow-inner-highlight) * 0.18));
 
   --ds-shadow-lg:
     calc(var(--ds-shadow-offset-x) * 1.5) calc(var(--ds-shadow-offset-y) * 1.5) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2)),
-    calc(var(--ds-shadow-offset-x) * -1.5) calc(var(--ds-shadow-offset-y) * -1.5) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12));
+    calc(var(--ds-shadow-offset-x) * -1.5) calc(var(--ds-shadow-offset-y) * -1.5) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12)),
+    inset calc(var(--ds-shadow-offset-x) * -0.4) calc(var(--ds-shadow-offset-y) * -0.4) calc(var(--ds-shadow-blur) * 0.4) 0 oklch(1 0 0 / calc(var(--ds-shadow-inner-highlight) * 0.18));
 
   --ds-shadow-xl:
     calc(var(--ds-shadow-offset-x) * 2) calc(var(--ds-shadow-offset-y) * 2) calc(var(--ds-shadow-blur) * 2) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2)),
-    calc(var(--ds-shadow-offset-x) * -2) calc(var(--ds-shadow-offset-y) * -2) calc(var(--ds-shadow-blur) * 2) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12));
+    calc(var(--ds-shadow-offset-x) * -2) calc(var(--ds-shadow-offset-y) * -2) calc(var(--ds-shadow-blur) * 2) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12)),
+    inset calc(var(--ds-shadow-offset-x) * -0.5) calc(var(--ds-shadow-offset-y) * -0.5) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / calc(var(--ds-shadow-inner-highlight) * 0.18));
 
   --ds-shadow-card:
     calc(var(--ds-shadow-offset-x) * 1.2) calc(var(--ds-shadow-offset-y) * 1.2) calc(var(--ds-shadow-blur) * 1.2) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2)),
-    calc(var(--ds-shadow-offset-x) * -1.2) calc(var(--ds-shadow-offset-y) * -1.2) calc(var(--ds-shadow-blur) * 1.2) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12));
+    calc(var(--ds-shadow-offset-x) * -1.2) calc(var(--ds-shadow-offset-y) * -1.2) calc(var(--ds-shadow-blur) * 1.2) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12)),
+    inset calc(var(--ds-shadow-offset-x) * -0.375) calc(var(--ds-shadow-offset-y) * -0.375) calc(var(--ds-shadow-blur) * 0.375) 0 oklch(1 0 0 / calc(var(--ds-shadow-inner-highlight) * 0.18));
 
   --ds-shadow-button:
     calc(var(--ds-shadow-offset-x) * 0.33) calc(var(--ds-shadow-offset-y) * 0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2)),
-    calc(var(--ds-shadow-offset-x) * -0.33) calc(var(--ds-shadow-offset-y) * -0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12));
+    calc(var(--ds-shadow-offset-x) * -0.33) calc(var(--ds-shadow-offset-y) * -0.33) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / calc(var(--ds-shadow-alpha) * 0.12)),
+    inset calc(var(--ds-shadow-offset-x) * -0.16) calc(var(--ds-shadow-offset-y) * -0.16) calc(var(--ds-shadow-blur) * 0.16) 0 oklch(1 0 0 / calc(var(--ds-shadow-inner-highlight) * 0.18));
 
   --ds-shadow-dropdown:
-    var(--ds-shadow-offset-x) var(--ds-shadow-offset-y) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2));
+    var(--ds-shadow-offset-x) var(--ds-shadow-offset-y) calc(var(--ds-shadow-blur) * 1.5) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2)),
+    inset calc(var(--ds-shadow-offset-x) * -0.25) calc(var(--ds-shadow-offset-y) * -0.25) calc(var(--ds-shadow-blur) * 0.25) 0 oklch(1 0 0 / calc(var(--ds-shadow-inner-highlight) * 0.18));
 
   --ds-shadow-modal:
-    calc(var(--ds-shadow-offset-x) * 2) calc(var(--ds-shadow-offset-y) * 2) calc(var(--ds-shadow-blur) * 2.5) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2));
+    calc(var(--ds-shadow-offset-x) * 2) calc(var(--ds-shadow-offset-y) * 2) calc(var(--ds-shadow-blur) * 2.5) 0 oklch(0 0 0 / calc(var(--ds-shadow-alpha) * 2)),
+    inset calc(var(--ds-shadow-offset-x) * -0.5) calc(var(--ds-shadow-offset-y) * -0.5) calc(var(--ds-shadow-blur) * 0.5) 0 oklch(1 0 0 / calc(var(--ds-shadow-inner-highlight) * 0.18));
 }
 
 /* ── Shadow Mode: Glow ──────────────────────────────────────────