@cognite/aura 0.1.6 → 0.1.7

package/README.md

@@ -2,6 +2,30 @@
 
 Aura exports Cognite's UI components, styles, utilities, and ESLint guidance for preserving the design system in downstream apps.
 
+## DESIGN.md (Google design.md linter)
+
+[`DESIGN.md`](./DESIGN.md) is linted with [`@google/design.md`](https://www.npmjs.com/package/@google/design.md) (listed in this package’s `devDependencies`). After `pnpm install` in the Fusion workspace, run the CLI’s `lint` subcommand—no `dlx` needed.
+
+Published installs ship this spec at the package root; you can resolve it as `@cognite/aura/DESIGN.md` (for example with `import.meta.resolve` or your bundler’s raw import).
+
+From `fusion/libs/aura`:
+
+```sh
+pnpm exec design.md lint ./DESIGN.md
+```
+
+From the Fusion workspace root:
+
+```sh
+pnpm --filter @cognite/aura exec design.md lint ./DESIGN.md
+```
+
+Or with Nx:
+
+```sh
+nx run aura:design-md-lint
+```
+
 ## ESLint
 
 Aura ships an ESLint plugin at `@cognite/aura/eslint`.

package/dist/components/index.d.ts

@@ -59,6 +59,8 @@ export { InlineCitationMetadata } from './ui/core/inline-citation/inline-citatio
 export { InlineCitation, InlineCitationGroup, InlineCitationText, InlineCitationCard, InlineCitationCardTrigger, InlineCitationCardBody, InlineCitationSource, InlineCitationQuote, InlineCitationLink, type InlineCitationLinkProps, } from './ui/core/inline-citation/inline-citation';
 export { Reasoning, ReasoningContent, ReasoningHeader, ReasoningItem, } from './ui/core/reasoning/reasoning';
 export { ReasoningMetadata } from './ui/core/reasoning/reasoning.metadata';
+export { ScrollArea, ScrollBar } from './ui/core/scroll-area/scroll-area';
+export { ScrollAreaMetadata } from './ui/core/scroll-area/scroll-area.metadata';
 export { Popover, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverHeaderContent, PopoverSlot, PopoverTitle, PopoverTrigger, } from './ui/core/popover/popover';
 export { PopoverMetadata } from './ui/core/popover/popover.metadata';
 export { Sources, SourcesTitle, Source } from './ui/core/sources/sources';

package/dist/components/index.js

@@ -1,8 +1,8 @@
 import { Accordion as e, AccordionContent as r, AccordionItem as a, AccordionTrigger as n } from "./ui/core/accordion/accordion.js";
 import { AccordionMetadata as m } from "./ui/core/accordion/accordion.metadata.js";
-import { Card as u, CardActions as l, CardContent as i, CardDescription as C, CardFooter as x, CardHeader as I, CardHeaderRight as f, CardIcon as M, CardTitle as c } from "./ui/core/card/card.js";
+import { Card as l, CardActions as u, CardContent as i, CardDescription as C, CardFooter as x, CardHeader as I, CardHeaderRight as f, CardIcon as M, CardTitle as c } from "./ui/core/card/card.js";
 import { CardMetadata as P } from "./ui/core/card/card.metadata.js";
-import { Button as T, buttonVariants as S } from "./ui/core/button/button.js";
+import { Button as S, buttonVariants as T } from "./ui/core/button/button.js";
 import { ButtonMetadata as B } from "./ui/core/button/button.metadata.js";
 import { ButtonGroup as v, ButtonGroupSeparator as b, ButtonGroupText as w, buttonGroupVariants as G } from "./ui/core/button-group/button-group.js";
 import { ButtonGroupMetadata as L } from "./ui/core/button-group/button-group.metadata.js";
@@ -18,11 +18,11 @@ import { Shimmer as _ } from "./ui/core/shimmer/shimmer.js";
 import { ShimmerMetadata as oo } from "./ui/core/shimmer/shimmer.metadata.js";
 import { CodeBlock as eo, CodeBlockCollapseButton as ro, CodeBlockCopyButton as ao, CodeBlockDownloadButton as no } from "./ui/core/code-block/code-block.js";
 import { CodeBlockMetadata as mo } from "./ui/core/code-block/code-block.metadata.js";
-import { Separator as lo } from "./ui/core/separator/separator.js";
+import { Separator as uo } from "./ui/core/separator/separator.js";
 import { SeparatorMetadata as Co } from "./ui/core/separator/separator.metadata.js";
 import { Tooltip as Io, TooltipContent as fo, TooltipProvider as Mo, TooltipTrigger as co } from "./ui/core/tooltip/tooltip.js";
 import { TooltipMetadata as Po } from "./ui/core/tooltip/tooltip.metadata.js";
-import { Tool as To, ToolContent as So, ToolHeader as Do, ToolInput as Bo, ToolOutput as Ao } from "./ui/core/tool/tool.js";
+import { Tool as So, ToolContent as To, ToolHeader as Do, ToolInput as Bo, ToolOutput as Ao } from "./ui/core/tool/tool.js";
 import { ToolMetadata as bo } from "./ui/core/tool/tool.metadata.js";
 import { DropdownMenu as Go, DropdownMenuCheckboxItem as Ho, DropdownMenuContent as Lo, DropdownMenuGroup as ko, DropdownMenuHeader as Ro, DropdownMenuItem as yo, DropdownMenuLabel as ho, DropdownMenuPortal as Vo, DropdownMenuRadioGroup as Fo, DropdownMenuRadioItem as Eo, DropdownMenuSectionLabel as Oo, DropdownMenuSeparator as Qo, DropdownMenuShortcut as Uo, DropdownMenuSub as jo, DropdownMenuSubContent as qo, DropdownMenuSubTrigger as zo, DropdownMenuTrigger as Jo } from "./ui/core/dropdown-menu/dropdown-menu.js";
 import { DropdownMenuMetadata as No } from "./ui/core/dropdown-menu/dropdown-menu.metadata.js";
@@ -30,11 +30,11 @@ import { Badge as Xo, badgeVariants as Yo } from "./ui/core/badge/badge.js";
 import { BadgeMetadata as _o } from "./ui/core/badge/badge.metadata.js";
 import { Banner as ot, BannerAction as tt, BannerActions as et, BannerClose as rt, BannerIcon as at, BannerStatus as nt, BannerTitle as pt } from "./ui/core/banner/banner.js";
 import { BannerMetadata as dt } from "./ui/core/banner/banner.metadata.js";
-import { Collapsible as lt, CollapsibleContent as it, CollapsibleTrigger as Ct } from "./ui/core/collapsible/collapsible.js";
+import { Collapsible as ut, CollapsibleContent as it, CollapsibleTrigger as Ct } from "./ui/core/collapsible/collapsible.js";
 import { CollapsibleMetadata as It } from "./ui/core/collapsible/collapsible.metadata.js";
 import { HoverCard as Mt, HoverCardContent as ct, HoverCardTrigger as gt } from "./ui/core/hover-card/hover-card.js";
 import { HoverCardMetadata as st } from "./ui/core/hover-card/hover-card.metadata.js";
-import { Select as St, SelectContent as Dt, SelectGroup as Bt, SelectItem as At, SelectLabel as vt, SelectScrollDownButton as bt, SelectScrollUpButton as wt, SelectSeparator as Gt, SelectTrigger as Ht, SelectValue as Lt } from "./ui/core/select/select.js";
+import { Select as Tt, SelectContent as Dt, SelectGroup as Bt, SelectItem as At, SelectLabel as vt, SelectScrollDownButton as bt, SelectScrollUpButton as wt, SelectSeparator as Gt, SelectTrigger as Ht, SelectValue as Lt } from "./ui/core/select/select.js";
 import { SelectMetadata as Rt } from "./ui/core/select/select.metadata.js";
 import { Skeleton as ht } from "./ui/core/skeleton/skeleton.js";
 import { SkeletonMetadata as Ft } from "./ui/core/skeleton/skeleton.metadata.js";
@@ -46,23 +46,25 @@ import { Textarea as Nt } from "./ui/core/textarea/textarea.js";
 import { TextareaMetadata as Xt } from "./ui/core/textarea/textarea.metadata.js";
 import { InputGroup as Zt, InputGroupAddon as _t, InputGroupButton as $t, InputGroupInput as oe, InputGroupText as te, InputGroupTextarea as ee } from "./ui/core/input-group/input-group.js";
 import { InputGroupMetadata as ae } from "./ui/core/input-group/input-group.metadata.js";
-import { Alert as pe, AlertActions as me, AlertButton as de, AlertClose as ue, AlertDescription as le, AlertTitle as ie } from "./ui/core/alert/alert.js";
+import { Alert as pe, AlertActions as me, AlertButton as de, AlertClose as le, AlertDescription as ue, AlertTitle as ie } from "./ui/core/alert/alert.js";
 import { AlertMetadata as xe } from "./ui/core/alert/alert.metadata.js";
 import { Message as fe, MessageAction as Me, MessageActions as ce, MessageContent as ge, MessageResponse as Pe } from "./ui/core/message/message.js";
-import { PromptInputMetadata as Te } from "./ui/core/prompt-input/prompt-input.metadata.js";
+import { PromptInputMetadata as Se } from "./ui/core/prompt-input/prompt-input.metadata.js";
 import { PromptInput as De, PromptInputActionMenu as Be, PromptInputActionMenuContent as Ae, PromptInputActionMenuItem as ve, PromptInputActionMenuTrigger as be, PromptInputBody as we, PromptInputButton as Ge, PromptInputCommand as He, PromptInputCommandEmpty as Le, PromptInputCommandGroup as ke, PromptInputCommandInput as Re, PromptInputCommandItem as ye, PromptInputCommandList as he, PromptInputCommandSeparator as Ve, PromptInputFooter as Fe, PromptInputHeader as Ee, PromptInputHoverCard as Oe, PromptInputHoverCardContent as Qe, PromptInputHoverCardTrigger as Ue, PromptInputModelSelect as je, PromptInputModelSelectContent as qe, PromptInputModelSelectItem as ze, PromptInputModelSelectTrigger as Je, PromptInputModelSelectValue as Ke, PromptInputProvider as Ne, PromptInputSubmit as We, PromptInputTab as Xe, PromptInputTabBody as Ye, PromptInputTabItem as Ze, PromptInputTabLabel as _e, PromptInputTabsList as $e, PromptInputTextarea as or, PromptInputTools as tr, usePromptInputController as er } from "./ui/core/prompt-input/prompt-input.js";
-import { Dialog as ar, DialogClose as nr, DialogContent as pr, DialogDescription as mr, DialogFooter as dr, DialogHeader as ur, DialogOverlay as lr, DialogPortal as ir, DialogTitle as Cr, DialogTrigger as xr } from "./ui/core/dialog/dialog.js";
+import { Dialog as ar, DialogClose as nr, DialogContent as pr, DialogDescription as mr, DialogFooter as dr, DialogHeader as lr, DialogOverlay as ur, DialogPortal as ir, DialogTitle as Cr, DialogTrigger as xr } from "./ui/core/dialog/dialog.js";
 import { DialogMetadata as fr } from "./ui/core/dialog/dialog.metadata.js";
-import { Command as cr, CommandDialog as gr, CommandEmpty as Pr, CommandGroup as sr, CommandInput as Tr, CommandItem as Sr, CommandList as Dr, CommandSeparator as Br, CommandShortcut as Ar } from "./ui/core/command/command.js";
+import { Command as cr, CommandDialog as gr, CommandEmpty as Pr, CommandGroup as sr, CommandInput as Sr, CommandItem as Tr, CommandList as Dr, CommandSeparator as Br, CommandShortcut as Ar } from "./ui/core/command/command.js";
 import { CommandMetadata as br } from "./ui/core/command/command.metadata.js";
 import { InlineCitationMetadata as Gr } from "./ui/core/inline-citation/inline-citation.metadata.js";
 import { InlineCitation as Lr, InlineCitationCard as kr, InlineCitationCardBody as Rr, InlineCitationCardTrigger as yr, InlineCitationGroup as hr, InlineCitationLink as Vr, InlineCitationQuote as Fr, InlineCitationSource as Er, InlineCitationText as Or } from "./ui/core/inline-citation/inline-citation.js";
 import { Reasoning as Ur, ReasoningContent as jr, ReasoningHeader as qr, ReasoningItem as zr } from "./ui/core/reasoning/reasoning.js";
 import { ReasoningMetadata as Kr } from "./ui/core/reasoning/reasoning.metadata.js";
-import { Popover as Wr, PopoverClose as Xr, PopoverContent as Yr, PopoverDescription as Zr, PopoverHeader as _r, PopoverHeaderContent as $r, PopoverSlot as oa, PopoverTitle as ta, PopoverTrigger as ea } from "./ui/core/popover/popover.js";
-import { PopoverMetadata as aa } from "./ui/core/popover/popover.metadata.js";
-import { Source as pa, Sources as ma, SourcesTitle as da } from "./ui/core/sources/sources.js";
-import { PortalContainerContext as la } from "../lib/portal-container-context.js";
+import { ScrollArea as Wr, ScrollBar as Xr } from "./ui/core/scroll-area/scroll-area.js";
+import { ScrollAreaMetadata as Zr } from "./ui/core/scroll-area/scroll-area.metadata.js";
+import { Popover as $r, PopoverClose as oa, PopoverContent as ta, PopoverDescription as ea, PopoverHeader as ra, PopoverHeaderContent as aa, PopoverSlot as na, PopoverTitle as pa, PopoverTrigger as ma } from "./ui/core/popover/popover.js";
+import { PopoverMetadata as la } from "./ui/core/popover/popover.metadata.js";
+import { Source as ia, Sources as Ca, SourcesTitle as xa } from "./ui/core/sources/sources.js";
+import { PortalContainerContext as fa } from "../lib/portal-container-context.js";
 export {
   e as Accordion,
   r as AccordionContent,
@@ -72,8 +74,8 @@ export {
   pe as Alert,
   me as AlertActions,
   de as AlertButton,
-  ue as AlertClose,
-  le as AlertDescription,
+  le as AlertClose,
+  ue as AlertDescription,
   xe as AlertMetadata,
   ie as AlertTitle,
   R as Avatar,
@@ -91,14 +93,14 @@ export {
   dt as BannerMetadata,
   nt as BannerStatus,
   pt as BannerTitle,
-  T as Button,
+  S as Button,
   v as ButtonGroup,
   L as ButtonGroupMetadata,
   b as ButtonGroupSeparator,
   w as ButtonGroupText,
   B as ButtonMetadata,
-  u as Card,
-  l as CardActions,
+  l as Card,
+  u as CardActions,
   i as CardContent,
   C as CardDescription,
   x as CardFooter,
@@ -112,7 +114,7 @@ export {
   ao as CodeBlockCopyButton,
   no as CodeBlockDownloadButton,
   mo as CodeBlockMetadata,
-  lt as Collapsible,
+  ut as Collapsible,
   it as CollapsibleContent,
   It as CollapsibleMetadata,
   Ct as CollapsibleTrigger,
@@ -120,8 +122,8 @@ export {
   gr as CommandDialog,
   Pr as CommandEmpty,
   sr as CommandGroup,
-  Tr as CommandInput,
-  Sr as CommandItem,
+  Sr as CommandInput,
+  Tr as CommandItem,
   Dr as CommandList,
   br as CommandMetadata,
   Br as CommandSeparator,
@@ -131,9 +133,9 @@ export {
   pr as DialogContent,
   mr as DialogDescription,
   dr as DialogFooter,
-  ur as DialogHeader,
+  lr as DialogHeader,
   fr as DialogMetadata,
-  lr as DialogOverlay,
+  ur as DialogOverlay,
   ir as DialogPortal,
   Cr as DialogTitle,
   xr as DialogTrigger,
@@ -189,17 +191,17 @@ export {
   ce as MessageActions,
   ge as MessageContent,
   Pe as MessageResponse,
-  Wr as Popover,
-  Xr as PopoverClose,
-  Yr as PopoverContent,
-  Zr as PopoverDescription,
-  _r as PopoverHeader,
-  $r as PopoverHeaderContent,
-  aa as PopoverMetadata,
-  oa as PopoverSlot,
-  ta as PopoverTitle,
-  ea as PopoverTrigger,
-  la as PortalContainerContext,
+  $r as Popover,
+  oa as PopoverClose,
+  ta as PopoverContent,
+  ea as PopoverDescription,
+  ra as PopoverHeader,
+  aa as PopoverHeaderContent,
+  la as PopoverMetadata,
+  na as PopoverSlot,
+  pa as PopoverTitle,
+  ma as PopoverTrigger,
+  fa as PortalContainerContext,
   qt as Progress,
   Jt as ProgressMetadata,
   De as PromptInput,
@@ -221,7 +223,7 @@ export {
   Oe as PromptInputHoverCard,
   Qe as PromptInputHoverCardContent,
   Ue as PromptInputHoverCardTrigger,
-  Te as PromptInputMetadata,
+  Se as PromptInputMetadata,
   je as PromptInputModelSelect,
   qe as PromptInputModelSelectContent,
   ze as PromptInputModelSelectItem,
@@ -241,7 +243,10 @@ export {
   qr as ReasoningHeader,
   zr as ReasoningItem,
   Kr as ReasoningMetadata,
-  St as Select,
+  Wr as ScrollArea,
+  Zr as ScrollAreaMetadata,
+  Xr as ScrollBar,
+  Tt as Select,
   Dt as SelectContent,
   Bt as SelectGroup,
   At as SelectItem,
@@ -252,19 +257,19 @@ export {
   Gt as SelectSeparator,
   Ht as SelectTrigger,
   Lt as SelectValue,
-  lo as Separator,
+  uo as Separator,
   Co as SeparatorMetadata,
   _ as Shimmer,
   oo as ShimmerMetadata,
   ht as Skeleton,
   Ft as SkeletonMetadata,
-  pa as Source,
-  ma as Sources,
-  da as SourcesTitle,
+  ia as Source,
+  Ca as Sources,
+  xa as SourcesTitle,
   Nt as Textarea,
   Xt as TextareaMetadata,
-  To as Tool,
-  So as ToolContent,
+  So as Tool,
+  To as ToolContent,
   Do as ToolHeader,
   Bo as ToolInput,
   bo as ToolMetadata,
@@ -276,6 +281,6 @@ export {
   co as TooltipTrigger,
   Yo as badgeVariants,
   G as buttonGroupVariants,
-  S as buttonVariants,
+  T as buttonVariants,
   er as usePromptInputController
 };

package/dist/components/ui/core/alert/alert.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ComponentProps, ReactNode } from 'react';
 import { VariantProps } from 'class-variance-authority';
 type AlertVariant = 'default' | 'secondary' | 'warning' | 'error';
 declare const alertVariants: (props?: ({
@@ -9,6 +9,7 @@ type AlertProps = ComponentProps<'div'> & Omit<VariantProps<typeof alertVariants
     visible?: boolean;
     defaultVisible?: boolean;
     onClose?: () => void;
+    icon?: ReactNode;
 };
 declare const Alert: import('react').ForwardRefExoticComponent<Omit<AlertProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/ui/core/alert/alert.js

@@ -1,134 +1,158 @@
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import { createContext as w, forwardRef as n, useMemo as y, useContext as d } from "react";
-import { IconX as A } from "@tabler/icons-react";
-import { cva as k } from "class-variance-authority";
-import { useControllableState as N } from "../../../../lib/use-controllable-state.js";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { createContext as N, forwardRef as n, useMemo as k, useContext as u } from "react";
+import { IconX as C, IconInfoCircle as I, IconAlertHexagon as V, IconAlertTriangle as _ } from "@tabler/icons-react";
+import { cva as h } from "class-variance-authority";
+import { useControllableState as z } from "../../../../lib/use-controllable-state.js";
 import { cn as s } from "../../../../lib/utils.js";
-import { Button as p } from "../button/button.js";
-const l = w({
+import { Button as x } from "../button/button.js";
+const i = N({
   show: !0,
   setShow: () => {
   },
   variant: "default"
-}), C = k(
-  "relative w-full rounded-md pt-2.5 pr-3 has-[>button[data-slot=alert-close]]:pr-12 pb-2 pl-3 text-sm grid has-[>svg]:grid-cols-[auto_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-2 has-[>svg]:gap-y-1 items-start [&>svg]:size-4 [&>svg]:translate-y-0.65 [&>svg]:shrink-0",
+}), j = h(
+  [
+    "[&_svg]:shrink-0",
+    "[&_svg:not([class*='size-']):not([class*='w-'])]:w-3.5",
+    "[&_svg:not([class*='size-']):not([class*='h-'])]:h-3.5",
+    "[&_svg:not([class*='mt-'])]:mt-0.5"
+  ].join(" ")
+), D = h(
+  "relative w-full rounded-md pt-2.5 pr-3 has-[>button[data-slot=alert-close]]:pr-12 pb-2 pl-3 text-sm grid has-[>[data-slot=alert-icon]]:grid-cols-[auto_1fr] grid-cols-[0_1fr] has-[>[data-slot=alert-icon]]:gap-x-2 has-[>[data-slot=alert-icon]]:gap-y-1 items-start",
   {
     variants: {
       variant: {
-        default: "bg-neutral-muted-background text-foreground [&>svg]:text-info-foreground",
-        secondary: "bg-info-muted-background text-foreground [&>svg]:text-info-foreground",
-        warning: "bg-warning-muted-background [&>svg]:text-warning-foreground",
-        error: "bg-destructive-muted-background text-foreground [&>svg]:text-destructive-foreground"
+        default: "bg-neutral-muted-background text-foreground [&>[data-slot=alert-icon]]:text-info-foreground",
+        secondary: "bg-info-muted-background text-foreground [&>[data-slot=alert-icon]]:text-info-foreground",
+        warning: "bg-warning-muted-background [&>[data-slot=alert-icon]]:text-warning-foreground",
+        error: "bg-destructive-muted-background text-foreground [&>[data-slot=alert-icon]]:text-destructive-foreground"
       }
     },
     defaultVariants: {
       variant: "default"
     }
   }
-), V = n(
+);
+function S(r) {
+  const t = { "aria-hidden": !0 };
+  switch (r) {
+    case "warning":
+      return /* @__PURE__ */ e(_, { ...t });
+    case "error":
+      return /* @__PURE__ */ e(V, { ...t });
+    default:
+      return /* @__PURE__ */ e(I, { ...t });
+  }
+}
+const T = n(
   ({
-    className: t,
-    variant: r = "default",
-    visible: e,
+    className: r,
+    variant: t = "default",
+    visible: a,
     defaultVisible: o = !0,
-    onClose: i,
-    children: c,
-    ...u
-  }, x) => {
-    const [g, m] = N({
+    onClose: l,
+    icon: c,
+    children: g,
+    ...w
+  }, A) => {
+    const [f, m] = z({
       defaultProp: o,
-      prop: e,
-      onChange: i
-    }), f = r ?? "default", b = y(
-      () => ({ show: g, setShow: m, variant: f }),
-      [g, m, f]
+      prop: a,
+      onChange: l
+    }), d = t ?? "default", y = k(
+      () => ({ show: f, setShow: m, variant: d }),
+      [f, m, d]
     );
-    return g ? /* @__PURE__ */ a(l.Provider, { value: b, children: /* @__PURE__ */ v(
+    if (!f)
+      return null;
+    const v = c !== void 0 ? c : S(d);
+    return /* @__PURE__ */ e(i.Provider, { value: y, children: /* @__PURE__ */ p(
       "div",
       {
-        ref: x,
+        ref: A,
         "data-slot": "alert",
         role: "alert",
-        className: s(C({ variant: f }), t),
-        ...u,
+        className: s(D({ variant: d }), r),
+        ...w,
         children: [
-          i && /* @__PURE__ */ a(h, {}),
-          c
+          l && /* @__PURE__ */ e(b, {}),
+          v && /* @__PURE__ */ e("span", { "data-slot": "alert-icon", className: j(), children: v }),
+          g
         ]
       }
-    ) }) : null;
+    ) });
   }
 );
-V.displayName = "Alert";
-const z = {
+T.displayName = "Alert";
+const B = {
   default: "text-info-foreground",
   secondary: "text-info-foreground",
   warning: "text-warning-foreground",
   error: "text-destructive-foreground"
-}, S = n(
-  ({ className: t, ...r }, e) => {
-    const { variant: o } = d(l);
-    return /* @__PURE__ */ a(
+}, P = n(
+  ({ className: r, ...t }, a) => {
+    const { variant: o } = u(i);
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: e,
+        ref: a,
         "data-slot": "alert-title",
         className: s(
-          "text-base font-medium leading-5 tracking-tightest",
-          z[o],
-          t
+          "col-start-2 text-base font-medium leading-5 tracking-tightest",
+          B[o],
+          r
         ),
-        ...r
+        ...t
       }
     );
   }
 );
-S.displayName = "AlertTitle";
-const j = {
+P.displayName = "AlertTitle";
+const H = {
   default: "text-foreground",
   secondary: "text-foreground",
   warning: "text-foreground",
   error: "text-foreground"
-}, B = n(
-  ({ className: t, ...r }, e) => {
-    const { variant: o } = d(l);
-    return /* @__PURE__ */ a(
+}, M = n(
+  ({ className: r, ...t }, a) => {
+    const { variant: o } = u(i);
+    return /* @__PURE__ */ e(
       "div",
       {
-        ref: e,
+        ref: a,
         "data-slot": "alert-description",
         className: s(
           "col-start-2 grid justify-items-start gap-1 text-sm font-normal leading-4.5 tracking-tight items-center",
-          j[o],
-          t
+          H[o],
+          r
         ),
-        ...r
+        ...t
       }
     );
   }
 );
-B.displayName = "AlertDescription";
-const D = n(
-  ({ className: t, ...r }, e) => /* @__PURE__ */ a(
+M.displayName = "AlertDescription";
+const R = n(
+  ({ className: r, ...t }, a) => /* @__PURE__ */ e(
     "div",
     {
-      ref: e,
+      ref: a,
       "data-slot": "alert-actions",
       className: s(
         "col-start-2 flex flex-wrap items-start gap-2 pt-1",
-        t
+        r
       ),
-      ...r
+      ...t
     }
   )
 );
-D.displayName = "AlertActions";
-const T = n(({ className: t, ...r }, e) => {
-  const { variant: o } = d(l);
-  return /* @__PURE__ */ a(
-    p,
+R.displayName = "AlertActions";
+const X = n(({ className: r, ...t }, a) => {
+  const { variant: o } = u(i);
+  return /* @__PURE__ */ e(
+    x,
     {
-      ref: e,
+      ref: a,
       "data-slot": "alert-button",
       variant: "ghost",
       size: "sm",
@@ -137,19 +161,19 @@ const T = n(({ className: t, ...r }, e) => {
         secondary: "hover:bg-info-background-hover",
         warning: "hover:bg-warning-background-hover",
         error: "hover:bg-destructive-background-hover"
-      }[o], t),
-      ...r
+      }[o], r),
+      ...t
     }
   );
 });
-T.displayName = "AlertButton";
-const h = n(
-  ({ className: t, onClick: r, ...e }, o) => {
-    const { setShow: i } = d(l), c = (u) => {
-      i(!1), r?.(u);
+X.displayName = "AlertButton";
+const b = n(
+  ({ className: r, onClick: t, ...a }, o) => {
+    const { setShow: l } = u(i), c = (g) => {
+      l(!1), t?.(g);
     };
-    return /* @__PURE__ */ v(
-      p,
+    return /* @__PURE__ */ p(
+      x,
       {
         ref: o,
         "data-slot": "alert-close",
@@ -157,24 +181,24 @@ const h = n(
         size: "icon-sm",
         className: s(
           "absolute top-3 right-4 h-3.5 w-3.5 p-0 opacity-70 hover:opacity-100 text-foreground",
-          t
+          r
         ),
         onClick: c,
-        ...e,
+        ...a,
         children: [
-          /* @__PURE__ */ a(A, { size: 14 }),
-          /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ e(C, { size: 14 }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
         ]
       }
     );
   }
 );
-h.displayName = "AlertClose";
+b.displayName = "AlertClose";
 export {
-  V as Alert,
-  D as AlertActions,
-  T as AlertButton,
-  h as AlertClose,
-  B as AlertDescription,
-  S as AlertTitle
+  T as Alert,
+  R as AlertActions,
+  X as AlertButton,
+  b as AlertClose,
+  M as AlertDescription,
+  P as AlertTitle
 };

package/dist/components/ui/core/alert/alert.metadata.js

@@ -2,7 +2,7 @@ const e = {
   name: "Alert",
   status: "in-progress-code-review",
   description: "A dismissible alert component with multiple variants for displaying messages.",
-  llmUsage: "Use `<Alert>` with `<AlertTitle>` and `<AlertDescription>` for informational messages."
+  llmUsage: "Use `<Alert>` with optional `icon` prop (defaults to a variant-appropriate icon), plus `<AlertTitle>` and `<AlertDescription>`, for informational messages. Pass `icon={null}` to suppress the icon."
 };
 export {
   e as AlertMetadata

package/dist/components/ui/core/code-block/code-block.d.ts

@@ -1,6 +1,10 @@
 import { ComponentProps, HTMLAttributes } from 'react';
 import { BundledLanguage } from 'shiki';
 import { Button } from '../button/button';
+export declare function getCollapsedPreviewDisplay(code: string): string;
+export declare function isContentLargerThanPreview(code: string): boolean;
+export declare function shouldUsePlainTextInsteadOfShiki(code: string, lineCount: number): boolean;
+export declare function plainPreMarkup(code: string): string;
 declare const CodeBlock: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     code: string;
     copyText?: string;