kaleido-ui 0.2.4 → 0.2.6

package/README.md

@@ -147,10 +147,10 @@ console.log(typeScale.body)         // ['16px', '24px']
 
 | Component | Description |
 |-----------|-------------|
-| `Button` | 15 variants (default, destructive, outline, secondary, ghost, link, glow, surface, cta, cta-gradient, danger-subtle, danger-quiet, hyperlink, quiet), 11 sizes (`icon-xl` is deprecated, same as `icon-lg`) |
+| `Button` | 17 variants (default, destructive, outline, secondary, ghost, link, glow, surface, cta, cta-gradient, danger-subtle, danger-quiet, hyperlink, h1, h2, h3, quiet), 11 sizes |
 | `Card` | Compositional: Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter |
 | `Input` | Form text input with focus ring |
-| `Select` | Select (Radix): Select, SelectTrigger, SelectContent, SelectItem, etc. Past four items the list caps its height, scrolls and shows a search field |
+| `Select` | Select (Radix): Select, SelectTrigger, SelectContent, SelectItem, etc. Past four items, the list caps its height, scrolls, and shows a search field |
 | `DropdownMenu` | Dropdown menu (Radix): DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, etc. Searchable past four items, like `Select` |
 | `Table` | Table, TableHeader, TableBody, TableRow, TableHead, TableCell, etc. `TableHead` takes `sortable`, `sortDirection` (`'asc' \| 'desc' \| 'none'`) and `onSort`, and sets `aria-sort` |
 | `Dialog` | Modal dialog (Radix): Dialog, DialogContent, DialogHeader, DialogTitle, etc. |
@@ -201,18 +201,53 @@ and `IconGlyph` draws one glyph at the icon scale (`<IconGlyph glyph={Close} siz
 | `TrendChart` | Line/area trend chart with a chart/table switch; pass `view` + `onViewChange` to control the view from the host, or leave them out |
 | `WithdrawAmountInput` | Amount card for the withdraw flow; `unitSlot` replaces the unit label with your own control (e.g. a unit picker) inside the card |
 
-### Hooks
+### Hooks and functions
+
+Every function and hook `kaleido-ui` exports. `tests/docs-accuracy.test.tsx`
+fails when one is missing here.
 
 | Hook | Description |
 |------|-------------|
-| `useToast` | Toast state management + `toast()` function |
-| `useAssetIcon` | Resolves asset ticker to CDN icon URL |
-
-### Utilities
-
-| Export | Description |
-|--------|-------------|
+| `useToast` | Toast state management; `toast()` shows one |
+| `useAssetIcon` | Resolves an asset ticker to its CDN icon URL |
+| `useCopyToClipboard` | `{ state: 'idle' \| 'copied' \| 'failed', copy, reset }`: a missing or refused clipboard is `failed`, never `copied` |
+| `useMediaQuery` | Whether a media query matches, kept up to date; `false` on the server and in jsdom |
+| `useIsNarrow` | Narrower than the `sm` breakpoint (40rem): a phone |
+| `useThemeMode` | The light/dark mode on the document root, remembered in localStorage (`kaleido-ui:theme`) |
+| `useDiscardGuard` | For a dialog holding unsaved input: closing asks first when there is something to lose |
+| `useDrawerCollapsed` | Whether the surrounding drawer is folded to its icon rail |
+
+| Function | Description |
+|----------|-------------|
 | `cn()` | `clsx` + `tailwind-merge`, configured with kaleido-ui's custom scales (`text-title`, `text-icon-md`, `rounded-card`, `shadow-glow-*`, `tracking-eyebrow`) so they are not mistaken for colours and dropped. Use it instead of a local `twMerge`. |
+| `toast()` | Shows a toast (see `useToast`) |
+| `applyThemeMode(mode)` | Puts `.dark` or `.light` on the document root, without the hook |
+| `formatAmount(value, { locale, maximumFractionDigits })` | Groups a number in an explicit locale (default `en-US`): the formatter the amount components share |
+| `formatDisplayAmountText(value, { unit, maxDecimals })` | Formats an amount string for display, keeping its unit suffix (`BTC`, `sats`, `mBTC`) and leaving locale-formatted strings intact |
+| `getAssetIconUrl(ticker, cdnBaseUrl?)` | The CDN icon URL for a ticker (what `useAssetIcon` returns, without React) |
+| `getFallbackAssetIconUrl(seed)` | A generated gradient placeholder icon URL for an asset with no CDN icon |
+| `createIcon(outlined, filled?)` | Builds an `Icon` that ships only the glyphs you pass (see above) |
+| `isIconName(value)` | Whether a string names a glyph in the set |
+| `buttonVariants` | `Button`'s variant classes (cva), for an element that must look like a button |
+| `avatarVariants` | `Avatar`'s size classes (cva) |
+| `cardSurface` | The two card surfaces' classes: `primary` (glass card with edge) and `secondary` (no edge, ranks under a primary card) |
+| `networkChipStyle(network)` | A network's chip fill and ink (`{ backgroundColor, color }`), for any surface that stands for that network |
+| `getActivityNetworkFilterIcon(filter)` | The icon element for an activity network filter |
+| `getAccountNetworkLabel(network)` | `'Mainnet'`, `'Testnet'`, `'Regtest'` or `'Signet'` |
+| `getAccountNetworkUi(network)` | Label plus badge and banner classes for an account's network |
+| `getAccountStatusUi(status)` | Label and classes for an account status (`ready`, `offline`, `optional`) |
+| `defaultClassifyError(error)` | `QueryState`'s fallback classifier: a retryable "Could not load" with the error's message |
+| `activeFiltersLabel(count)` | "1 filter applied", "3 filters applied" |
+| `seriesColor(slot)` | The chart series colour for a slot (`var(--series-N)`) |
+| `chartValueTicks(max, { integer })` | Value-axis ticks from zero whose top is the largest value |
+| `chartLabelIndices(count, maxLabels)` | Category indices that get a label: first and last, evenly spaced between |
+| `foldSegments(segments)` | Keeps the largest five donut segments and folds the rest into "Other" |
+| `trendChartTicks(max)` | `TrendChart`'s value-axis ticks (top = peak) |
+| `trendChartLabelIndices(count, maxLabels)` | `TrendChart`'s time-axis label indices |
+| `kaleidoswapMarkArtwork`, `kaleidoswapLogoHorizontalArtwork`, `kaleidoswapLogoVerticalArtwork` | The logo's `viewBox` and paths, for drawing it outside React |
+
+The chart helpers are what the chart components use; they are exported for a
+custom chart that should follow the same axis and colour rules.
 
 ### Brand utilities (from `kaleido-ui/css`)
 

package/dist/web/{chunk-2GNXC446.js → chunk-255X76ZW.js}

@@ -1,14 +1,14 @@
 "use client";
+import {
+  AppIcon
+} from "./chunk-XHOWUR5T.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-6VKWG5FJ.js";
-import {
-  AppIcon
-} from "./chunk-PS7Q6MMU.js";
+} from "./chunk-LXDHO6BZ.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";

package/dist/web/{chunk-YTXWYWVD.js → chunk-4WUXBF7Q.js}

@@ -1,19 +1,19 @@
 "use client";
 import {
   Icon
-} from "./chunk-A6MSV4MA.js";
-import {
-  isIconName
-} from "./chunk-VYQHGSK6.js";
+} from "./chunk-HLHCPDCZ.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  ChevronRight
-} from "./chunk-XXH4TYKZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  isIconName
+} from "./chunk-GCOOW7Y6.js";
+import {
+  ChevronRight
+} from "./chunk-XXH4TYKZ.js";
 
 // src/web/components/setting-item.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-NSA777UY.js → chunk-536NL4X2.js}

@@ -1,17 +1,17 @@
 "use client";
 import {
   InlineSelector
-} from "./chunk-Z2SS7UJ4.js";
+} from "./chunk-YRRZ22OK.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Check,
   ExpandMore
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/option-selector.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-LFAORJQK.js → chunk-5NCVH6N5.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   PageHeader
-} from "./chunk-62HIDJCD.js";
+} from "./chunk-MKMZH4XD.js";
 import {
   FadeOverlay
-} from "./chunk-A3XHFJ6J.js";
+} from "./chunk-Z3H2FQVX.js";
 import {
   ScrollArea
 } from "./chunk-DCUAE6PX.js";

package/dist/web/{chunk-M6RXTQEL.js → chunk-6AAKKRZJ.js}

@@ -1,25 +1,25 @@
 "use client";
 import {
-  useIsNarrow
-} from "./chunk-MTQ22SKE.js";
+  Button
+} from "./chunk-OWSKP527.js";
 import {
   Collapsible,
   CollapsibleChevron,
   CollapsibleContent,
   CollapsibleTrigger
-} from "./chunk-6IBQJIHT.js";
-import {
-  Button
-} from "./chunk-OWSKP527.js";
+} from "./chunk-Q2IXLUSM.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  Tune
-} from "./chunk-XXH4TYKZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  useIsNarrow
+} from "./chunk-MTQ22SKE.js";
+import {
+  Tune
+} from "./chunk-XXH4TYKZ.js";
 
 // src/web/components/filter-bar.tsx
 import { useState } from "react";

package/dist/web/{chunk-L2UPQLY7.js → chunk-73BRW657.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   CopyButton
-} from "./chunk-QCQRA6L5.js";
-import {
-  HorizontalScrollArea
-} from "./chunk-DCUAE6PX.js";
+} from "./chunk-GQBELVPV.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  HorizontalScrollArea
+} from "./chunk-DCUAE6PX.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-PCKRLEAO.js → chunk-7BPEZ3TA.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   CopyButton
-} from "./chunk-QCQRA6L5.js";
+} from "./chunk-GQBELVPV.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-QXCCUYNY.js → chunk-7IQ4YJZS.js}

@@ -14,7 +14,7 @@ import {
   tooltipText,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-UR2Q5DZF.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-CRDCVB5X.js → chunk-AMCV2D3Q.js}

@@ -1,9 +1,8 @@
 "use client";
 import {
   ChartFrame,
-  defaultChartFormat,
-  seriesColor
-} from "./chunk-EK5N3ZPW.js";
+  defaultChartFormat
+} from "./chunk-UR2Q5DZF.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
@@ -17,6 +16,7 @@ function BarList({
   max,
   sort = "none",
   showPercent = true,
+  labelWidth,
   empty,
   className,
   ...head
@@ -27,40 +27,54 @@ function BarList({
   const sum = rows.reduce((acc, item) => acc + Math.max(0, item.value), 0);
   const percentOf = (item) => formatPercent(item.percent ?? (sum > 0 ? Math.max(0, item.value) / sum : 0));
   const framed = head.title !== void 0 || (head.timeframes?.length ?? 0) > 0;
+  const label_ = labelWidth ? `minmax(0,${labelWidth})` : "auto";
+  const wideColumns = showPercent ? `${label_} 1fr auto auto` : `${label_} 1fr auto`;
   const list = /* @__PURE__ */ jsx(
     "ol",
     {
       "data-slot": "bar-list",
       "aria-label": label,
       className: cn(
-        "m-0 grid list-none items-center gap-x-3 gap-y-2 p-0 text-caption",
+        "m-0 grid list-none gap-y-3 p-0 text-caption sm:items-center sm:gap-x-3 sm:gap-y-2",
+        "sm:[grid-template-columns:var(--bar-list-columns)]",
         // Under a head, a little more air than the plots' own top margin.
         framed && "pt-2",
-        showPercent ? "grid-cols-[auto_1fr_auto_auto]" : "grid-cols-[auto_1fr_auto]",
         className
       ),
+      style: { "--bar-list-columns": wideColumns },
       children: rows.map((item) => {
         const share = Math.max(0, item.value) / top;
         return /* @__PURE__ */ jsxs(
           "li",
           {
             "data-slot": "bar-list-row",
-            className: "col-span-full grid grid-cols-subgrid items-center",
+            className: cn(
+              // Narrow: label and value on one line, the bar under them.
+              "grid items-baseline gap-x-3 gap-y-1.5",
+              showPercent ? "grid-cols-[minmax(0,1fr)_auto_auto]" : "grid-cols-[minmax(0,1fr)_auto]",
+              "sm:col-span-full sm:grid-cols-subgrid sm:items-center sm:gap-y-0"
+            ),
             children: [
-              /* @__PURE__ */ jsx("span", { className: "max-w-[10rem] truncate text-muted-foreground", children: item.label }),
-              /* @__PURE__ */ jsx("span", { className: "h-2 overflow-hidden rounded-full bg-secondary/15 shadow-inner", "aria-hidden": "true", children: /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx("span", { className: cn("min-w-0 truncate text-muted-foreground", !labelWidth && "sm:max-w-[10rem]"), children: item.label }),
+              /* @__PURE__ */ jsx(
                 "span",
                 {
-                  className: "block h-full rounded-full",
-                  style: {
-                    width: `${share * 100}%`,
-                    // A non-zero value keeps a sliver, so it never reads as zero.
-                    minWidth: item.value > 0 ? 4 : 0,
-                    background: seriesColor(0)
-                  }
+                  className: "order-last col-span-full h-2 overflow-hidden rounded-full bg-primary/15 shadow-inner sm:order-none sm:col-span-1",
+                  "aria-hidden": "true",
+                  children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "block h-full rounded-full bg-primary bg-gradient-primary",
+                      style: {
+                        width: `${share * 100}%`,
+                        // A non-zero value keeps a sliver, so it never reads as zero.
+                        minWidth: item.value > 0 ? 4 : 0
+                      }
+                    }
+                  )
                 }
-              ) }),
-              /* @__PURE__ */ jsx("span", { className: "text-right font-semibold tabular-nums text-foreground", children: item.valueText ?? formatValue(item.value) }),
+              ),
+              /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-right font-semibold tabular-nums text-foreground", children: item.valueText ?? formatValue(item.value) }),
               showPercent && /* @__PURE__ */ jsx("span", { className: "text-right tabular-nums text-muted-foreground", children: percentOf(item) })
             ]
           },

package/dist/web/{chunk-4246Y2F2.js → chunk-ARO323RW.js}

@@ -1,16 +1,16 @@
 "use client";
-import {
-  formatDisplayAmountText
-} from "./chunk-VM6AGMYO.js";
 import {
   AssetSelector
-} from "./chunk-QFIGSIXA.js";
+} from "./chunk-CRQ6QCAN.js";
 import {
   DottedLeader
 } from "./chunk-CXMCWSWC.js";
 import {
-  cardSurface
-} from "./chunk-GZZ5KVON.js";
+  formatDisplayAmountText
+} from "./chunk-VM6AGMYO.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
@@ -18,18 +18,18 @@ import {
   Button
 } from "./chunk-OWSKP527.js";
 import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
+  cardSurface
+} from "./chunk-GZZ5KVON.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   SwapVert,
   Warning
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/swap-input-card.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-76DAZT7Q.js → chunk-AVJ56TMD.js}

@@ -1,16 +1,16 @@
 "use client";
 import {
   InlineSelector
-} from "./chunk-Z2SS7UJ4.js";
+} from "./chunk-YRRZ22OK.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
-import {
-  ExpandMore
-} from "./chunk-XXH4TYKZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";
+import {
+  ExpandMore
+} from "./chunk-XXH4TYKZ.js";
 
 // src/web/components/filter-dropdown.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-XPHFJPUQ.js → chunk-BAV3MTRA.js}

@@ -15,7 +15,7 @@ import {
   tooltipText,
   useChartWidth,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-UR2Q5DZF.js";
 
 // src/web/components/charts/mixed-chart.tsx
 import { useId, useState } from "react";

package/dist/web/{chunk-Z5LVT3BD.js → chunk-BBKINPMF.js}

@@ -6,19 +6,19 @@ import {
   ToastProvider,
   ToastTitle,
   ToastViewport
-} from "./chunk-2VAS6VYJ.js";
-import {
-  useToast
-} from "./chunk-TS4UYWJJ.js";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
+} from "./chunk-7L35JISL.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
+import {
+  useToast
+} from "./chunk-TS4UYWJJ.js";
 import {
   Check,
   CheckCircle,

package/dist/web/{chunk-ZTVV4KBT.js → chunk-BI3WGWOO.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon
-} from "./chunk-A6MSV4MA.js";
+} from "./chunk-HLHCPDCZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-QFIGSIXA.js → chunk-CRQ6QCAN.js}

@@ -1,34 +1,34 @@
 "use client";
 import {
   InlineSelector
-} from "./chunk-Z2SS7UJ4.js";
-import {
-  AssetIcon
-} from "./chunk-2REWXJEN.js";
+} from "./chunk-YRRZ22OK.js";
 import {
   iconBadgeOverlayClass
-} from "./chunk-CZPNI33A.js";
+} from "./chunk-Y74IX3Z3.js";
 import {
-  ScrollArea
-} from "./chunk-DCUAE6PX.js";
+  AssetIcon
+} from "./chunk-Y276JDXI.js";
 import {
   NetworkBadge
 } from "./chunk-IV6AAVUE.js";
 import {
   eyebrow
 } from "./chunk-MTQOAMDW.js";
+import {
+  ScrollArea
+} from "./chunk-DCUAE6PX.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Check,
   ExpandMore,
   Hub,
   Search
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/asset-selector.tsx
 import { useState } from "react";

package/dist/web/{chunk-YNB4SSLD.js → chunk-CSOMNAM5.js}

@@ -1,28 +1,28 @@
 "use client";
 import {
   COPY_FAILED_MESSAGE
-} from "./chunk-QCQRA6L5.js";
+} from "./chunk-GQBELVPV.js";
 import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
-import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
 import {
   IconGlyph
 } from "./chunk-YQQ7GDLZ.js";
+import {
+  cn
+} from "./chunk-PMGIJMRO.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 import {
   Check,
   ContentCopy,
   Visibility,
   VisibilityOff
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/recovery-phrase-card.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-GMJGTSCQ.js → chunk-DUIRXCBO.js}

@@ -1,13 +1,7 @@
 "use client";
 import {
   InfoPanel
-} from "./chunk-2Q5SSNFO.js";
-import {
-  useCopyToClipboard
-} from "./chunk-BGUBHWIO.js";
-import {
-  Icon
-} from "./chunk-A6MSV4MA.js";
+} from "./chunk-ELT34EZJ.js";
 import {
   Dialog,
   DialogContent,
@@ -15,10 +9,16 @@ import {
   DialogFooter,
   DialogHeader,
   DialogTitle
-} from "./chunk-LZ723UCB.js";
+} from "./chunk-D2ZG6TZM.js";
+import {
+  Icon
+} from "./chunk-HLHCPDCZ.js";
 import {
   Button
 } from "./chunk-OWSKP527.js";
+import {
+  useCopyToClipboard
+} from "./chunk-BGUBHWIO.js";
 
 // src/web/components/one-time-secret-dialog.tsx
 import { useEffect } from "react";

package/dist/web/{chunk-2Q5SSNFO.js → chunk-ELT34EZJ.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon
-} from "./chunk-A6MSV4MA.js";
+} from "./chunk-HLHCPDCZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-R3IIXFGK.js → chunk-EODZVHEU.js}

@@ -1,11 +1,11 @@
 "use client";
+import {
+  AppIcon
+} from "./chunk-XHOWUR5T.js";
 import {
   TabsList,
   TabsTrigger
 } from "./chunk-ZR32WYJA.js";
-import {
-  AppIcon
-} from "./chunk-PS7Q6MMU.js";
 
 // src/web/components/activity-type-tabs.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-G373WZMN.js → chunk-EZ34YRLM.js}

@@ -8,7 +8,7 @@ import {
   plotClass,
   seriesColor,
   useSeriesVisibility
-} from "./chunk-EK5N3ZPW.js";
+} from "./chunk-UR2Q5DZF.js";
 
 // src/web/components/charts/donut-chart.tsx
 import { useState } from "react";

package/dist/web/{chunk-DNHRMPKI.js → chunk-G2K423HV.js}

@@ -4,20 +4,20 @@ import {
 } from "./chunk-CXMCWSWC.js";
 import {
   CopyButton
-} from "./chunk-QCQRA6L5.js";
+} from "./chunk-GQBELVPV.js";
+import {
+  eyebrow
+} from "./chunk-MTQOAMDW.js";
 import {
   GlyphButton
 } from "./chunk-JY3H7ZAI.js";
 import {
-  eyebrow
-} from "./chunk-MTQOAMDW.js";
+  cn
+} from "./chunk-PMGIJMRO.js";
 import {
   Check,
   ContentCopy
 } from "./chunk-XXH4TYKZ.js";
-import {
-  cn
-} from "./chunk-PMGIJMRO.js";
 
 // src/web/components/activity-detail-row.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/web/{chunk-RIOY4LFJ.js → chunk-GJB3GMDE.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Icon
-} from "./chunk-A6MSV4MA.js";
+} from "./chunk-HLHCPDCZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";

package/dist/web/{chunk-5BNDC7M4.js → chunk-GPTAAEPK.js}

@@ -1,14 +1,14 @@
 "use client";
 import {
   DateRangeFilter
-} from "./chunk-SJNOBBU5.js";
+} from "./chunk-U2UWLSDG.js";
 import {
   Select,
   SelectContent,
   SelectItem,
   SelectTrigger,
   SelectValue
-} from "./chunk-6VKWG5FJ.js";
+} from "./chunk-LXDHO6BZ.js";
 import {
   cn
 } from "./chunk-PMGIJMRO.js";