kaleido-ui 0.2.2 → 0.2.5

package/dist/web/chunk-Y2W5YG6Y.js

@@ -0,0 +1,57 @@
+"use client";
+import {
+  Switch
+} from "./chunk-QRFFLA3N.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  DarkMode,
+  LightMode
+} from "./chunk-XXH4TYKZ.js";
+import {
+  useThemeMode
+} from "./chunk-G2MJL3VP.js";
+
+// src/web/components/theme-toggle.tsx
+import { jsx } from "react/jsx-runtime";
+function ThemeSwitch({ mode, onModeChange, className }) {
+  const dark = mode === "dark";
+  return /* @__PURE__ */ jsx(
+    Switch,
+    {
+      checked: dark,
+      onCheckedChange: (next) => onModeChange(next ? "dark" : "light"),
+      icons: { off: /* @__PURE__ */ jsx(IconGlyph, { glyph: LightMode, size: "sm" }), on: /* @__PURE__ */ jsx(IconGlyph, { glyph: DarkMode, size: "sm" }) },
+      "aria-label": "Dark mode",
+      title: dark ? "Switch to light mode" : "Switch to dark mode",
+      "data-slot": "theme-toggle",
+      "data-mode": mode,
+      className
+    }
+  );
+}
+function SelfThemeToggle({ defaultMode, storageKey, onModeChange, className }) {
+  const { mode, setMode } = useThemeMode({ defaultMode, storageKey });
+  return /* @__PURE__ */ jsx(
+    ThemeSwitch,
+    {
+      mode,
+      onModeChange: (next) => {
+        setMode(next);
+        onModeChange?.(next);
+      },
+      className
+    }
+  );
+}
+function ThemeToggle({ mode, onModeChange, ...rest }) {
+  if (mode !== void 0 && onModeChange) {
+    return /* @__PURE__ */ jsx(ThemeSwitch, { mode, onModeChange, className: rest.className });
+  }
+  return /* @__PURE__ */ jsx(SelfThemeToggle, { onModeChange, ...rest });
+}
+
+export {
+  ThemeToggle
+};

package/dist/web/chunk-YFYAMVTL.js

@@ -0,0 +1,383 @@
+"use client";
+import {
+  ScrollArea
+} from "./chunk-DCUAE6PX.js";
+import {
+  AlertBanner
+} from "./chunk-ZTVV4KBT.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
+import {
+  NostrNetworkIcon,
+  RgbNetworkIcon
+} from "./chunk-WBW5E6LC.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
+import {
+  Button
+} from "./chunk-OWSKP527.js";
+import {
+  IconGlyph
+} from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+import {
+  ArrowBack,
+  ChevronRight,
+  ExpandLess,
+  ExpandMore,
+  SwapHoriz
+} from "./chunk-XXH4TYKZ.js";
+
+// src/web/components/account-settings-shared.tsx
+import { useEffect, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var SUPPORTED_ACCOUNT_NETWORKS = {
+  RGB: ["regtest", "testnet", "signet"],
+  SPARK: ["regtest", "mainnet"],
+  ARKADE: ["signet", "mainnet"],
+  // Nostr is network-agnostic; mainnet is the placeholder consumers pass
+  // (the network chip is typically hidden for NOSTR rows anyway).
+  NOSTR: ["mainnet"]
+};
+function getAccountNetworkLabel(network) {
+  switch (network) {
+    case "mainnet":
+      return "Mainnet";
+    case "testnet":
+      return "Testnet";
+    case "regtest":
+      return "Regtest";
+    case "signet":
+      return "Signet";
+  }
+}
+function getAccountNetworkUi(network) {
+  const label = getAccountNetworkLabel(network);
+  if (network === "mainnet") {
+    return {
+      label,
+      badgeClassName: "bg-success/12 text-success-fg",
+      bannerClassName: "bg-success/10 text-success-fg"
+    };
+  }
+  if (network === "regtest") {
+    return {
+      label,
+      badgeClassName: "bg-danger/12 text-danger-fg",
+      bannerClassName: "bg-danger/10 text-danger-fg"
+    };
+  }
+  return {
+    label,
+    badgeClassName: "bg-warning/12 text-warning-fg",
+    bannerClassName: "bg-warning/10 text-warning-fg"
+  };
+}
+function AccountHeaderIcons({ accountId }) {
+  if (accountId === "RGB") {
+    return /* @__PURE__ */ jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-primary/15 shadow-raised", children: /* @__PURE__ */ jsx(RgbNetworkIcon, { className: "size-5" }) });
+  }
+  if (accountId === "SPARK") {
+    return /* @__PURE__ */ jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-info/10 shadow-raised", children: /* @__PURE__ */ jsx("img", { src: "/icons/spark/Asterisk/Spark Asterisk White.svg", alt: "Spark", className: "kui-mono-icon size-5 object-contain" }) });
+  }
+  if (accountId === "NOSTR") {
+    return /* @__PURE__ */ jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-network-arkade/10 shadow-raised", children: /* @__PURE__ */ jsx(NostrNetworkIcon, { className: "size-5" }) });
+  }
+  return /* @__PURE__ */ jsx("span", { className: "flex size-10 shrink-0 items-center justify-center rounded-full bg-network-arkade/10 shadow-raised", children: /* @__PURE__ */ jsx("img", { src: "/icons/arkade/arkade-icon.svg", alt: "Arkade", className: "size-5 rounded-sm object-contain" }) });
+}
+function getAccountStatusUi(status) {
+  switch (status) {
+    case "ready":
+      return {
+        label: "Ready",
+        className: "bg-success/10 text-success-fg"
+      };
+    case "offline":
+      return {
+        label: "Offline",
+        className: "bg-warning/10 text-warning-fg"
+      };
+    default:
+      return {
+        label: "Optional",
+        className: "bg-secondary/15 text-secondary-content"
+      };
+  }
+}
+function AccountNetworkSelector({
+  accountId,
+  value,
+  onChange,
+  disabled = false
+}) {
+  const networks = SUPPORTED_ACCOUNT_NETWORKS[accountId];
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": "Network",
+      className: cn(
+        "grid auto-cols-fr grid-flow-col gap-1 rounded-2xl bg-muted p-1 shadow-inner",
+        disabled && "opacity-60"
+      ),
+      children: networks.map((network) => {
+        const ui = getAccountNetworkUi(network);
+        const selected = value === network;
+        return /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": selected,
+            disabled,
+            onClick: () => onChange(network),
+            className: cn(
+              "rounded-xl px-3 py-2.5 transition-all",
+              eyebrow,
+              selected ? `${ui.badgeClassName} shadow-raised` : "text-muted-foreground hover-gradient-violet hover:text-secondary-content"
+            ),
+            children: ui.label
+          },
+          network
+        );
+      })
+    }
+  );
+}
+function AccountNetworkPicker({
+  accountId,
+  current,
+  onSave
+}) {
+  const [draft, setDraft] = useState(current);
+  const [isSaving, setIsSaving] = useState(false);
+  useEffect(() => {
+    setDraft(current);
+  }, [current]);
+  const isDirty = draft !== current;
+  const handleSave = async () => {
+    if (!isDirty) return;
+    setIsSaving(true);
+    try {
+      await onSave(draft);
+    } finally {
+      setIsSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx(
+      AccountNetworkSelector,
+      {
+        accountId,
+        value: draft,
+        onChange: setDraft,
+        disabled: isSaving
+      }
+    ),
+    isDirty && /* @__PURE__ */ jsx(Button, { variant: "cta", size: "sm", onClick: handleSave, disabled: isSaving, children: isSaving ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-background/30 border-t-background" }),
+      "Reconnecting..."
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      "Save - Switch to ",
+      getAccountNetworkLabel(draft)
+    ] }) })
+  ] });
+}
+function AccountSettingsShell({
+  accountId,
+  title,
+  subtitle,
+  children,
+  onBack
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-screen flex-col overflow-hidden bg-background font-display text-foreground", children: [
+    /* @__PURE__ */ jsxs("header", { className: "flex h-14 shrink-0 items-center gap-2 px-2", children: [
+      onBack && /* @__PURE__ */ jsx(GlyphButton, { icon: ArrowBack, label: "Go back", size: "lg", onClick: onBack }),
+      /* @__PURE__ */ jsx(AccountHeaderIcons, { accountId }),
+      /* @__PURE__ */ jsx("h1", { className: "text-subhead font-bold text-foreground", children: title })
+    ] }),
+    /* @__PURE__ */ jsxs(ScrollArea, { className: "flex-1", viewportAs: "main", viewportClassName: "space-y-6 px-5 pb-28 pt-2", children: [
+      subtitle && /* @__PURE__ */ jsx("p", { className: "text-caption text-muted-foreground", children: subtitle }),
+      children
+    ] })
+  ] });
+}
+function AccountInfoGrid({ items }) {
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2", children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "rounded-xl kui-well p-3 text-caption", children: [
+    /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: item.label }),
+    /* @__PURE__ */ jsx("div", { className: "mt-1 break-words text-foreground/90", children: item.value })
+  ] }, item.label)) });
+}
+function AccountNotice({
+  tone = "default",
+  children
+}) {
+  return /* @__PURE__ */ jsx(AlertBanner, { variant: tone === "warning" ? "warning" : "info", children });
+}
+function AccountNetworkNotice({
+  network,
+  children
+}) {
+  const variant = network === "mainnet" ? "success" : network === "regtest" ? "error" : "warning";
+  return /* @__PURE__ */ jsx(AlertBanner, { variant, children });
+}
+function AccountStatusPills({
+  status,
+  network,
+  hideNetworkChip = false
+}) {
+  const statusUi = getAccountStatusUi(status);
+  const networkUi = getAccountNetworkUi(network);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "rounded-full px-2.5 py-1",
+          eyebrow,
+          statusUi.className
+        ),
+        children: statusUi.label === "Ready" ? "Connected" : statusUi.label
+      }
+    ),
+    !hideNetworkChip && /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "rounded-full px-2.5 py-1",
+          eyebrow,
+          networkUi.badgeClassName
+        ),
+        children: networkUi.label
+      }
+    )
+  ] });
+}
+function SectionTitle({ children }) {
+  return /* @__PURE__ */ jsx("h3", { className: cn("text-muted-foreground", eyebrow), children });
+}
+function InlineAction({
+  title,
+  description,
+  accent = "primary",
+  onClick
+}) {
+  const className = accent === "purple" ? "bg-network-arkade/10 text-network-arkade-fg hover:bg-network-arkade/15" : accent === "blue" ? "bg-info/10 text-info-fg hover:bg-info/15" : "bg-primary/10 text-brand hover:bg-primary/15";
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "flex w-full items-center justify-between rounded-xl px-3 py-3 text-left shadow-raised transition-all",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-body font-semibold text-foreground", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: description })
+        ] }),
+        /* @__PURE__ */ jsx(IconGlyph, { glyph: ChevronRight, className: "text-icon-lg" })
+      ]
+    }
+  );
+}
+function TransferRouteCard({
+  label,
+  summary,
+  eta,
+  feeHint,
+  account
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "rounded-2xl bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card p-4 shadow-card-secondary", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-start gap-3", children: [
+      account ? /* @__PURE__ */ jsx(AccountHeaderIcons, { accountId: account }) : /* @__PURE__ */ jsx("div", { className: "flex size-10 shrink-0 items-center justify-center rounded-xl bg-secondary/15 text-secondary-content", children: /* @__PURE__ */ jsx(IconGlyph, { glyph: SwapHoriz, size: "sm" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("p", { className: "text-body font-bold text-foreground", children: label }),
+        /* @__PURE__ */ jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: summary })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "text-right", children: [
+      /* @__PURE__ */ jsx("p", { className: cn("text-muted-foreground", eyebrow), children: eta }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-tiny text-brand", children: feeHint })
+    ] })
+  ] }) });
+}
+function ExpandIcon({ expanded }) {
+  return /* @__PURE__ */ jsx(IconGlyph, { glyph: expanded ? ExpandLess : ExpandMore, size: "md" });
+}
+var ACCOUNT_ACCENT_BG = {
+  RGB: "bg-gradient-to-br from-primary/[0.06] via-card/70 to-primary/[0.10]",
+  SPARK: "bg-gradient-to-br from-info/[0.06] via-card/70 to-info/[0.10]",
+  ARKADE: "bg-gradient-to-br from-network-arkade/[0.06] via-card/70 to-network-arkade/[0.10]",
+  NOSTR: "bg-gradient-to-br from-network-arkade/[0.06] via-card/70 to-network-arkade/[0.10]"
+};
+function AccountSettingsRow({
+  accountId,
+  title,
+  status,
+  network,
+  description,
+  onClick,
+  hideNetworkChip = false,
+  accent = false,
+  beta = false
+}) {
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "group w-full rounded-2xl p-4 text-left shadow-card-secondary transition-all duration-200 hover:-translate-y-0.5 hover:shadow-card-hover-soft",
+        accent ? ACCOUNT_ACCENT_BG[accountId] : "bg-card/55 backdrop-blur-xl backdrop-saturate-150 bg-gradient-card"
+      ),
+      children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+        /* @__PURE__ */ jsx(AccountHeaderIcons, { accountId }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-body font-bold text-foreground", children: title }),
+                beta && /* @__PURE__ */ jsx("span", { className: cn("rounded-full bg-warning/15 px-1.5 py-0.5 text-warning-fg", eyebrow), children: "Beta" })
+              ] }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-caption text-muted-foreground", children: description })
+            ] }),
+            /* @__PURE__ */ jsx(IconGlyph, { glyph: ChevronRight, size: "sm", className: "text-muted-foreground transition-colors group-hover:text-secondary-content" })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-3", children: /* @__PURE__ */ jsx(
+            AccountStatusPills,
+            {
+              status,
+              network,
+              hideNetworkChip
+            }
+          ) })
+        ] })
+      ] })
+    }
+  );
+}
+
+export {
+  getAccountNetworkLabel,
+  getAccountNetworkUi,
+  AccountHeaderIcons,
+  getAccountStatusUi,
+  AccountNetworkSelector,
+  AccountNetworkPicker,
+  AccountSettingsShell,
+  AccountInfoGrid,
+  AccountNotice,
+  AccountNetworkNotice,
+  AccountStatusPills,
+  SectionTitle,
+  InlineAction,
+  TransferRouteCard,
+  ExpandIcon,
+  AccountSettingsRow
+};

package/dist/web/chunk-YLP46BJK.js

@@ -0,0 +1,50 @@
+"use client";
+import {
+  DateRangeFilter
+} from "./chunk-U2UWLSDG.js";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-XMUXOKIP.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/components/period-select.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function PeriodSelect({
+  options,
+  period,
+  onPeriodChange,
+  customId = "custom",
+  range = { from: "", to: "" },
+  onRangeChange,
+  label = "Period",
+  fromLabel,
+  toLabel,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { "data-slot": "period-select", className: cn("flex min-w-0 flex-wrap items-end gap-3", className), children: [
+    /* @__PURE__ */ jsxs(Select, { value: period, onValueChange: (next) => onPeriodChange(next), children: [
+      /* @__PURE__ */ jsx(SelectTrigger, { className: "w-full sm:w-[200px]", "aria-label": label, children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+      /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.id, children: option.label }, option.id)) })
+    ] }),
+    period === customId && onRangeChange && /* @__PURE__ */ jsx(
+      DateRangeFilter,
+      {
+        value: range,
+        onChange: onRangeChange,
+        fromLabel,
+        toLabel,
+        showClear: false
+      }
+    )
+  ] });
+}
+
+export {
+  PeriodSelect
+};

package/dist/web/chunk-YMM73FLL.js

@@ -0,0 +1,84 @@
+"use client";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-XMUXOKIP.js";
+import {
+  AppIcon
+} from "./chunk-I2N3HZ4M.js";
+import {
+  GlyphButton
+} from "./chunk-JY3H7ZAI.js";
+import {
+  Close
+} from "./chunk-XXH4TYKZ.js";
+
+// src/web/components/activity-filter-bar.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function ActivityFilterBar({
+  searchTerm,
+  onSearchTermChange,
+  statusFilter,
+  onStatusFilterChange,
+  statusOptions,
+  hasActiveFilters = false,
+  onClearFilters,
+  searchPlaceholder = "Search by txid, asset..."
+}) {
+  return (
+    // The row takes the status Select's height, and the search field stretches to
+    // match it, so the two read as one bar.
+    /* @__PURE__ */ jsxs("div", { className: "flex items-stretch gap-2", children: [
+      /* @__PURE__ */ jsxs("div", { className: "group relative min-w-0 flex-1", children: [
+        /* @__PURE__ */ jsx(
+          AppIcon,
+          {
+            name: "search",
+            size: "sm",
+            className: "absolute left-3 top-1/2 -translate-y-1/2 text-foreground/55 transition-colors group-focus-within:text-secondary-content"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "text",
+            "data-testid": "activity-search",
+            placeholder: searchPlaceholder,
+            value: searchTerm,
+            onChange: (event) => onSearchTermChange(event.target.value),
+            className: "h-full w-full rounded-xl bg-card/55 bg-gradient-card ring-1 ring-inset ring-secondary/15 hover:ring-secondary/35 py-2.5 pl-10 pr-8 text-caption text-foreground shadow-inner outline-none transition-all placeholder:text-muted-foreground focus:bg-secondary/10 focus:ring-1 focus:ring-primary/50 focus:shadow-glow-primary-soft"
+          }
+        ),
+        searchTerm && /* @__PURE__ */ jsx(
+          GlyphButton,
+          {
+            icon: Close,
+            label: "Clear search",
+            size: "sm",
+            onClick: () => onSearchTermChange(""),
+            className: "absolute right-1.5 top-1/2 -translate-y-1/2"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "shrink-0", children: /* @__PURE__ */ jsxs(
+        Select,
+        {
+          value: statusFilter,
+          onValueChange: (value) => onStatusFilterChange(value),
+          children: [
+            /* @__PURE__ */ jsx(SelectTrigger, { hug: true, "aria-label": "Filter activity by status", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+            /* @__PURE__ */ jsx(SelectContent, { children: statusOptions.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: option.label }, option.value)) })
+          ]
+        }
+      ) }),
+      hasActiveFilters && onClearFilters && /* @__PURE__ */ jsx(GlyphButton, { icon: Close, label: "Clear filters", variant: "surface", size: "lg", className: "self-center", onClick: onClearFilters })
+    ] })
+  );
+}
+
+export {
+  ActivityFilterBar
+};

package/dist/web/chunk-YQDCU7ZL.js

@@ -0,0 +1,49 @@
+"use client";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/primitives/tooltip.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var placementClasses = {
+  top: "bottom-full left-1/2 mb-2 -translate-x-1/2",
+  bottom: "left-1/2 top-full mt-2 -translate-x-1/2",
+  right: "left-full top-1/2 ml-3 -translate-y-1/2"
+};
+var TooltipBubble = React.forwardRef(
+  ({ id, placement = "bottom", className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      id,
+      role: "tooltip",
+      "data-slot": "tooltip",
+      className: cn(
+        "pointer-events-none absolute z-50 hidden w-max max-w-[16rem] rounded-lg bg-popover px-3 py-2 text-caption font-normal normal-case tracking-normal text-popover-foreground shadow-popover",
+        "group-hover/tooltip:block group-focus-within/tooltip:block",
+        placementClasses[placement],
+        className
+      ),
+      ...props,
+      children
+    }
+  )
+);
+TooltipBubble.displayName = "TooltipBubble";
+function Tooltip({ content, children, placement = "bottom", className, bubbleClassName }) {
+  const id = React.useId();
+  const childProps = children.props;
+  return /* @__PURE__ */ jsxs("span", { className: cn("group/tooltip relative inline-flex", className), children: [
+    React.cloneElement(children, {
+      "aria-describedby": cn(childProps["aria-describedby"], id)
+    }),
+    /* @__PURE__ */ jsx(TooltipBubble, { id, placement, className: bubbleClassName, children: content })
+  ] });
+}
+Tooltip.displayName = "Tooltip";
+
+export {
+  TooltipBubble,
+  Tooltip
+};

package/dist/web/chunk-YQQ7GDLZ.js

@@ -0,0 +1,30 @@
+"use client";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+
+// src/web/primitives/icon-glyph.tsx
+import { jsx } from "react/jsx-runtime";
+var sizeClasses = {
+  xs: "text-icon-sm",
+  sm: "text-icon-md",
+  md: "text-icon-xl",
+  lg: "text-icon-2xl",
+  xl: "text-icon-4xl",
+  "2xl": "text-icon-5xl"
+};
+function IconGlyph({ glyph: Glyph, size, className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Glyph,
+    {
+      width: "1em",
+      height: "1em",
+      className: cn("inline-block shrink-0", size && sizeClasses[size], className),
+      ...props
+    }
+  );
+}
+
+export {
+  IconGlyph
+};