@usetheo/ui 0.15.0 → 0.16.0

package/dist/components/primitives/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,15 @@
+import type { AnchorHTMLAttributes, HTMLAttributes } from "react";
+interface BreadcrumbLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {
+    /** Render the consumer's element (e.g. a router <Link>) instead of a native anchor. */
+    asChild?: boolean;
+}
+declare const Breadcrumb: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>> & {
+    List: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLOListElement> & import("react").RefAttributes<HTMLOListElement>>;
+    Item: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+    Link: import("react").ForwardRefExoticComponent<BreadcrumbLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    Page: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+    Separator: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+    Ellipsis: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export { Breadcrumb };
+export type { BreadcrumbLinkProps };

package/dist/components/primitives/breadcrumb/index.d.ts

@@ -0,0 +1 @@
+export { Breadcrumb, type BreadcrumbLinkProps } from "./breadcrumb.js";

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { cn } from "./lib/cn.js";
 export { Button, buttonVariants, type ButtonProps } from "./components/primitives/button/index.js";
 export { Badge, badgeVariants, type BadgeProps } from "./components/primitives/badge/index.js";
+export { Breadcrumb, type BreadcrumbLinkProps, } from "./components/primitives/breadcrumb/index.js";
 export { UpdateBanner, type UpdateBannerProps, } from "./components/primitives/update-banner/index.js";
 export { Card } from "./components/primitives/card/index.js";
 export { Input, type InputProps } from "./components/primitives/input/index.js";

package/dist/index.js

@@ -2,7 +2,7 @@ import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
-import { forwardRef, createContext, useId, Children, isValidElement, cloneElement, Fragment as Fragment$1, useContext, useEffect, useState, useRef, useCallback, useMemo } from 'react';
+import { forwardRef, createContext, useId, Children, isValidElement, cloneElement, Fragment as Fragment$1, useContext, useEffect, useState, useRef, useCallback, createElement, useMemo } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { ArrowUpCircle, X, AlertCircle, ChevronDown, ChevronUp, Check, Minus, Circle, ChevronRight, ChevronsUpDown, Copy, TrendingDown, TrendingUp, ArrowUpRight, Loader2, TriangleAlert, CheckCircle2, Info, ChevronsLeft, ChevronLeft, ChevronsRight, Search, Filter, GitCommit, GitBranch, Activity, Plus, Lock, EyeOff, Eye, Trash2, GitPullRequest, Server, ExternalLink, Globe, ShieldCheck, ShieldX, Clock, RotateCcw, ArrowDownLeft, MoreHorizontal } from 'lucide-react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
@@ -189,6 +189,103 @@ var Dot = forwardRef(
 Dot.displayName = "Badge.Dot";
 var BadgeWithDot = Badge;
 BadgeWithDot.Dot = Dot;
+
+// src/lib/safe-href.ts
+var DANGEROUS_PROTOCOL_PATTERNS = [
+  /^javascript:/i,
+  /^vbscript:/i,
+  /^data:text\/html/i
+];
+function safeHref(url) {
+  if (url === null || url === void 0) return void 0;
+  const trimmed = url.trim();
+  if (trimmed.length === 0) return void 0;
+  for (const pattern of DANGEROUS_PROTOCOL_PATTERNS) {
+    if (pattern.test(trimmed)) return void 0;
+  }
+  return url;
+}
+function sub(tag, slot, displayName, baseClass, attrs, defaultChildren) {
+  const Component = forwardRef(
+    ({ className, children, ...props }, ref) => createElement(
+      tag,
+      {
+        "data-slot": slot,
+        ref,
+        ...attrs,
+        className: cn(baseClass, className),
+        ...props
+      },
+      children ?? defaultChildren
+    )
+  );
+  Component.displayName = displayName;
+  return Component;
+}
+var Root = forwardRef((props, ref) => /* @__PURE__ */ jsx("nav", { "data-slot": "breadcrumb", ref, "aria-label": "breadcrumb", ...props }));
+Root.displayName = "Breadcrumb";
+var List = sub(
+  "ol",
+  "breadcrumb-list",
+  "Breadcrumb.List",
+  "flex flex-wrap items-center gap-1.5 break-words text-body-sm text-muted-foreground sm:gap-2.5"
+);
+var Item = sub(
+  "li",
+  "breadcrumb-item",
+  "Breadcrumb.Item",
+  "inline-flex items-center gap-1.5"
+);
+var Link = forwardRef(
+  ({ asChild, className, href, ...props }, ref) => {
+    const Comp = asChild ? Slot : "a";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        "data-slot": "breadcrumb-link",
+        ref,
+        className: cn("transition-colors hover:text-foreground", className),
+        href: asChild ? href : safeHref(href),
+        ...props
+      }
+    );
+  }
+);
+Link.displayName = "Breadcrumb.Link";
+var Page = sub(
+  "span",
+  "breadcrumb-page",
+  "Breadcrumb.Page",
+  "font-normal text-foreground",
+  { role: "link", "aria-disabled": "true", "aria-current": "page" }
+);
+var Separator = sub(
+  "li",
+  "breadcrumb-separator",
+  "Breadcrumb.Separator",
+  "[&>svg]:size-3.5",
+  { role: "presentation", "aria-hidden": "true" },
+  /* @__PURE__ */ jsx(ChevronRight, {})
+);
+var Ellipsis = sub(
+  "span",
+  "breadcrumb-ellipsis",
+  "Breadcrumb.Ellipsis",
+  "flex size-9 items-center justify-center",
+  { role: "presentation", "aria-hidden": "true" },
+  /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }),
+    /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+  ] })
+);
+var Breadcrumb = Object.assign(Root, {
+  List,
+  Item,
+  Link,
+  Page,
+  Separator,
+  Ellipsis
+});
 var UpdateBanner = forwardRef(
   ({
     currentVersion,
@@ -264,7 +361,7 @@ var UpdateBanner = forwardRef(
 UpdateBanner.displayName = "UpdateBanner";
 var CardContext = createContext({ size: "md" });
 var useCardSize = () => useContext(CardContext).size;
-var Root = forwardRef(
+var Root2 = forwardRef(
   ({ className, size = "md", ...props }, ref) => /* @__PURE__ */ jsx(CardContext.Provider, { value: { size }, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -279,7 +376,7 @@ var Root = forwardRef(
     }
   ) })
 );
-Root.displayName = "Card";
+Root2.displayName = "Card";
 var headerPadBySize = {
   sm: "gap-1 p-3 pb-1.5",
   md: "gap-1.5 p-5 pb-2.5",
@@ -381,7 +478,7 @@ var Footer = forwardRef(
   }
 );
 Footer.displayName = "Card.Footer";
-var Card = /* @__PURE__ */ Object.assign(Root, {
+var Card = /* @__PURE__ */ Object.assign(Root2, {
   Header,
   Title,
   Description,
@@ -524,7 +621,7 @@ var Dialog = /* @__PURE__ */ Object.assign(DialogPrimitive.Root, {
   Title: Title3,
   Description: Description3
 });
-var List2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var List3 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     "data-slot": "tabs-list",
@@ -536,7 +633,7 @@ var List2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     ...props
   }
 ));
-List2.displayName = "Tabs.List";
+List3.displayName = "Tabs.List";
 var Trigger3 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
@@ -572,12 +669,12 @@ var Content4 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
 ));
 Content4.displayName = "Tabs.Content";
 var Tabs = /* @__PURE__ */ Object.assign(TabsPrimitive.Root, {
-  List: List2,
+  List: List3,
   Trigger: Trigger3,
   Content: Content4
 });
 var Provider2 = TooltipPrimitive.Provider;
-var Root5 = TooltipPrimitive.Root;
+var Root6 = TooltipPrimitive.Root;
 var Trigger5 = TooltipPrimitive.Trigger;
 var Content6 = forwardRef(({ className, sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
@@ -605,13 +702,13 @@ var Tooltip = ({
   delayDuration = 200,
   children,
   ...rootProps
-}) => /* @__PURE__ */ jsx(Provider2, { delayDuration, children: /* @__PURE__ */ jsxs(Root5, { ...rootProps, children: [
+}) => /* @__PURE__ */ jsx(Provider2, { delayDuration, children: /* @__PURE__ */ jsxs(Root6, { ...rootProps, children: [
   /* @__PURE__ */ jsx(Trigger5, { asChild: true, children }),
   /* @__PURE__ */ jsx(Content6, { side, align, children: label })
 ] }) });
 var TooltipWithStatics = Tooltip;
 TooltipWithStatics.Provider = Provider2;
-TooltipWithStatics.Root = Root5;
+TooltipWithStatics.Root = Root6;
 TooltipWithStatics.Trigger = Trigger5;
 TooltipWithStatics.Content = Content6;
 var ScrollAreaRoot = forwardRef(
@@ -1463,7 +1560,7 @@ var Textarea = forwardRef(
   )
 );
 Textarea.displayName = "Textarea";
-var Root15 = forwardRef(
+var Root16 = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "aside",
     {
@@ -1477,7 +1574,7 @@ var Root15 = forwardRef(
     }
   )
 );
-Root15.displayName = "Sidebar";
+Root16.displayName = "Sidebar";
 var Header3 = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -1506,7 +1603,7 @@ var Section = forwardRef(
   )
 );
 Section.displayName = "Sidebar.Section";
-var Item3 = forwardRef(
+var Item4 = forwardRef(
   ({ className, icon: Icon2, active, count, as = "button", href, children, ...props }, ref) => {
     const classes = cn(
       "group flex w-full items-center gap-3 rounded-lg px-2 py-2",
@@ -1566,7 +1663,7 @@ var Item3 = forwardRef(
     );
   }
 );
-Item3.displayName = "Sidebar.Item";
+Item4.displayName = "Sidebar.Item";
 var Footer3 = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -1579,13 +1676,13 @@ var Footer3 = forwardRef(
   )
 );
 Footer3.displayName = "Sidebar.Footer";
-var Sidebar = /* @__PURE__ */ Object.assign(Root15, {
+var Sidebar = /* @__PURE__ */ Object.assign(Root16, {
   Header: Header3,
   Section,
-  Item: Item3,
+  Item: Item4,
   Footer: Footer3
 });
-var Root16 = forwardRef(
+var Root17 = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "header",
     {
@@ -1599,7 +1696,7 @@ var Root16 = forwardRef(
     }
   )
 );
-Root16.displayName = "TopNav";
+Root17.displayName = "TopNav";
 var Left = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
@@ -1734,7 +1831,7 @@ var ModeSwitcher = forwardRef(
   }
 );
 ModeSwitcher.displayName = "TopNav.ModeSwitcher";
-var TopNav = /* @__PURE__ */ Object.assign(Root16, {
+var TopNav = /* @__PURE__ */ Object.assign(Root17, {
   Left,
   Center,
   Right,
@@ -2030,7 +2127,7 @@ var alignClass = {
   center: "text-center",
   right: "text-right"
 };
-var Root18 = forwardRef(
+var Root19 = forwardRef(
   ({ className, density = "default", children, ...props }, ref) => /* @__PURE__ */ jsx(TableDensityContext.Provider, { value: density, children: /* @__PURE__ */ jsx(
     "table",
     {
@@ -2042,7 +2139,7 @@ var Root18 = forwardRef(
     }
   ) })
 );
-Root18.displayName = "Table";
+Root19.displayName = "Table";
 var Header5 = forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "thead",
@@ -2162,7 +2259,7 @@ var HeaderCell = forwardRef(
   }
 );
 HeaderCell.displayName = "Table.HeaderCell";
-var Table = Object.assign(Root18, { Header: Header5, Body: Body4, Row, Cell, HeaderCell });
+var Table = Object.assign(Root19, { Header: Header5, Body: Body4, Row, Cell, HeaderCell });
 
 // src/lib/env.ts
 function readNodeEnv() {
@@ -2539,7 +2636,7 @@ var StatTile = forwardRef(
   }
 );
 StatTile.displayName = "StatTile";
-var Root19 = forwardRef(
+var Root20 = forwardRef(
   ({ className, title = "Danger Zone", children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "section",
     {
@@ -2555,7 +2652,7 @@ var Root19 = forwardRef(
     }
   )
 );
-Root19.displayName = "DangerZone";
+Root20.displayName = "DangerZone";
 var Action2 = forwardRef(
   ({ className, title, description, action, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
@@ -2578,7 +2675,7 @@ var Action2 = forwardRef(
   )
 );
 Action2.displayName = "DangerZone.Action";
-var DangerZone = Object.assign(Root19, { Action: Action2 });
+var DangerZone = Object.assign(Root20, { Action: Action2 });
 var ConfirmDialog = forwardRef(
   ({
     open,
@@ -3107,7 +3204,7 @@ var Content11 = forwardRef(({ className, sideOffset = 4, ...props }, ref) => /*
   }
 ) }));
 Content11.displayName = "DropdownMenu.Content";
-var Item5 = forwardRef(
+var Item6 = forwardRef(
   ({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Item,
     {
@@ -3126,7 +3223,7 @@ var Item5 = forwardRef(
     }
   )
 );
-Item5.displayName = "DropdownMenu.Item";
+Item6.displayName = "DropdownMenu.Item";
 var CheckboxItem2 = forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
   DropdownMenuPrimitive.CheckboxItem,
   {
@@ -3184,7 +3281,7 @@ var Label4 = forwardRef(
   )
 );
 Label4.displayName = "DropdownMenu.Label";
-var Separator3 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var Separator4 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DropdownMenuPrimitive.Separator,
   {
     "data-slot": "dropdown-menu-separator",
@@ -3193,7 +3290,7 @@ var Separator3 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ js
     ...props
   }
 ));
-Separator3.displayName = "DropdownMenu.Separator";
+Separator4.displayName = "DropdownMenu.Separator";
 var Shortcut = ({ className, ...props }) => /* @__PURE__ */ jsx(
   "span",
   {
@@ -3242,11 +3339,11 @@ var DropdownMenu = Object.assign(DropdownMenuPrimitive.Root, {
   Trigger: Trigger9,
   Portal: Portal6,
   Content: Content11,
-  Item: Item5,
+  Item: Item6,
   CheckboxItem: CheckboxItem2,
   RadioItem: RadioItem2,
   Label: Label4,
-  Separator: Separator3,
+  Separator: Separator4,
   Shortcut,
   Group: Group3,
   Sub: Sub2,
@@ -4067,22 +4164,6 @@ var DeploymentRow = forwardRef(
   }
 );
 DeploymentRow.displayName = "DeploymentRow";
-
-// src/lib/safe-href.ts
-var DANGEROUS_PROTOCOL_PATTERNS = [
-  /^javascript:/i,
-  /^vbscript:/i,
-  /^data:text\/html/i
-];
-function safeHref(url) {
-  if (url === null || url === void 0) return void 0;
-  const trimmed = url.trim();
-  if (trimmed.length === 0) return void 0;
-  for (const pattern of DANGEROUS_PROTOCOL_PATTERNS) {
-    if (pattern.test(trimmed)) return void 0;
-  }
-  return url;
-}
 var statusToVariant2 = {
   queued: "warning",
   building: "primary",
@@ -4707,4 +4788,4 @@ function CommandPalette({
   ] }) });
 }
 
-export { AccountMenu, ActionBar, Alert, Avatar, BadgeWithDot as Badge, Button, Card, Checkbox, CodeBlock, CommandPalette, ConfirmDialog, CopyButton, DangerZone, DataTable, DeploymentRow, Dialog, DomainConfig, DropdownMenu, EmptyState, EnvVarEditor, FormField, Input, Label, LoginSplit, MetricCard, MetricsPanel, PageShell, Pagination, PinInput, PlanBadge, PreviewEnvCard, Progress, ProjectCard, RadioGroup, RollbackUI, ScrollArea, Select, Sheet, Sidebar, Skeleton, SocialAuthRow, StatTile, StatusDot, StatusIndicator, Switch, Table, Tabs, TaskHeader, Textarea, Timestamp, Toast, Toaster, TooltipWithStatics as Tooltip, TopNav, UpdateBanner, avatarVariants, badgeVariants, buttonVariants, cn, computePageRange, isNearBottom, sheetVariants, useStickToBottom, useToast };
+export { AccountMenu, ActionBar, Alert, Avatar, BadgeWithDot as Badge, Breadcrumb, Button, Card, Checkbox, CodeBlock, CommandPalette, ConfirmDialog, CopyButton, DangerZone, DataTable, DeploymentRow, Dialog, DomainConfig, DropdownMenu, EmptyState, EnvVarEditor, FormField, Input, Label, LoginSplit, MetricCard, MetricsPanel, PageShell, Pagination, PinInput, PlanBadge, PreviewEnvCard, Progress, ProjectCard, RadioGroup, RollbackUI, ScrollArea, Select, Sheet, Sidebar, Skeleton, SocialAuthRow, StatTile, StatusDot, StatusIndicator, Switch, Table, Tabs, TaskHeader, Textarea, Timestamp, Toast, Toaster, TooltipWithStatics as Tooltip, TopNav, UpdateBanner, avatarVariants, badgeVariants, buttonVariants, cn, computePageRange, isNearBottom, sheetVariants, useStickToBottom, useToast };

package/package.json

@@ -1,7 +1,6 @@
 {
   "name": "@usetheo/ui",
-  "version": "0.15.0",
-  "packageManager": "pnpm@10.32.1+sha512.a706938f0e89ac1456b6563eab4edf1d1faf3368d1191fc5c59790e96dc918e4456ab2e67d613de1043d2e8c81f87303e6b40d4ffeca9df15ef1ad567348f2be",
+  "version": "0.16.0",
   "type": "module",
   "license": "Apache-2.0",
   "description": "Violet Forge design system — generic React components + primitives (the non-AI foundation of @theokit/ui).",
@@ -22,18 +21,6 @@
   "engines": {
     "node": ">=20"
   },
-  "scripts": {
-    "typecheck": "tsc --noEmit",
-    "lint": "biome check src",
-    "lint:ci": "biome check src",
-    "format:check": "biome format src",
-    "test": "vitest run",
-    "test:run": "vitest run",
-    "build": "tsup && tsc -p tsconfig.dts.json",
-    "prepublishOnly": "npm run build",
-    "registry:build": "tsx scripts/build-registry.ts",
-    "registry:validate": "tsx scripts/validate-registry.ts"
-  },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
@@ -72,6 +59,7 @@
     "react": ">=18.2.0 <20",
     "react-dom": ">=18.2.0 <20",
     "tailwindcss": "^4.0.0",
+    "ts-prune": "^0.10.3",
     "tsup": "^8.3.5",
     "tsx": "^4.19.2",
     "typescript": "^5.7.3",
@@ -79,5 +67,16 @@
     "vitest": "^4.1.8",
     "vitest-axe": "^0.1.0"
   },
-  "_provenance": "seeded from theo-ui @ 2b46eca (2026-07-03, pivot M-B)"
-}
+  "_provenance": "seeded from theo-ui @ 2b46eca (2026-07-03, pivot M-B)",
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check src",
+    "lint:ci": "biome check src",
+    "format:check": "biome format src",
+    "test": "vitest run",
+    "test:run": "vitest run",
+    "build": "tsup && tsc -p tsconfig.dts.json",
+    "registry:build": "tsx scripts/build-registry.ts",
+    "registry:validate": "tsx scripts/validate-registry.ts"
+  }
+}