@cognite/aura 0.3.2 → 0.3.4

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

@@ -1,215 +1,125 @@
-import { jsx as a, jsxs as g, Fragment as L } from "react/jsx-runtime";
-import { useMemo as O, createContext as K, useContext as Y } from "react";
-import { Legend as $, Tooltip as D, ResponsiveContainer as M } from "recharts";
-import { cn as i } from "../../../../lib/utils.js";
-function S(e) {
-  if (!e)
-    return;
-  const r = e.trim();
-  return { backgroundColor: r, borderColor: r };
+import { cn as e } from "../../../../lib/utils.js";
+import { createContext as t, useContext as n, useMemo as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Legend as s, ResponsiveContainer as c, Tooltip as l } from "recharts";
+//#region libs/aura/src/components/ui/core/chart/chart.tsx
+function u(e) {
+	if (!e) return;
+	let t = e.trim();
+	return {
+		backgroundColor: t,
+		borderColor: t
+	};
 }
-const V = K(null);
-function j() {
-  const e = Y(V);
-  if (!e)
-    throw new Error("useChart must be used within a <ChartContainer>");
-  return e;
+var d = t(null);
+function f() {
+	let e = n(d);
+	if (!e) throw Error("useChart must be used within a <ChartContainer>");
+	return e;
 }
-function R(e) {
-  const r = {};
-  for (const [s, n] of Object.entries(e))
-    n.color && (r[`--color-${s}`] = n.color);
-  return r;
+function p(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e)) r.color && (t[`--color-${n}`] = r.color);
+	return t;
 }
-function Q({
-  id: e,
-  className: r,
-  children: s,
-  config: n,
-  style: d,
-  role: c = "img",
-  ...o
-}) {
-  const l = O(() => ({ config: n }), [n]), f = R(n);
-  return /* @__PURE__ */ a(V.Provider, { value: l, children: /* @__PURE__ */ a(
-    "div",
-    {
-      role: c,
-      "data-slot": "chart",
-      "data-chart-id": e,
-      className: i(
-        "[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-curve.recharts-tooltip-cursor]:stroke-chart-gridlines [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-chart-gridlines flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",
-        r
-      ),
-      style: { ...f, ...d },
-      ...o,
-      children: /* @__PURE__ */ a(M, { children: s })
-    }
-  ) });
+function m({ id: t, className: n, children: i, config: o, style: s, role: l = "img", ...u }) {
+	let f = r(() => ({ config: o }), [o]), m = p(o);
+	return /* @__PURE__ */ a(d.Provider, {
+		value: f,
+		children: /* @__PURE__ */ a("div", {
+			role: l,
+			"data-slot": "chart",
+			"data-chart-id": t,
+			className: e("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-curve.recharts-tooltip-cursor]:stroke-chart-gridlines [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-chart-gridlines [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-chart-gridlines flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", n),
+			style: {
+				...m,
+				...s
+			},
+			...u,
+			children: /* @__PURE__ */ a(c, { children: i })
+		})
+	});
 }
-const U = D, G = [], H = (e) => typeof e == "number" ? e.toLocaleString() : String(e);
-function W({
-  active: e,
-  payload: r = G,
-  className: s,
-  indicator: n = "dot",
-  hideLabel: d = !1,
-  hideIndicator: c = !1,
-  label: o,
-  labelFormatter: l,
-  labelClassName: f,
-  formatter: h,
-  color: y,
-  nameKey: T,
-  labelKey: _,
-  valueFormatter: A = H
-}) {
-  const { config: x } = j(), k = (() => {
-    if (d || !r?.length)
-      return null;
-    const [t] = r, v = `${_ ?? t?.dataKey ?? t?.name ?? "value"}`, C = b(x, t, v), u = !_ && typeof o == "string" ? x[o]?.label ?? o : C?.label;
-    return l ? /* @__PURE__ */ a("div", { className: i("font-medium", f), children: l(u, r) }) : u ? /* @__PURE__ */ a("div", { className: i("font-medium", f), children: u }) : null;
-  })(), w = !e || !r.length, p = r.length === 1 && n !== "dot";
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: i(
-        "bg-popover-background grid min-w-32 items-start gap-1 rounded-md p-2 text-sm shadow-md",
-        w && "invisible",
-        s
-      ),
-      children: w ? null : /* @__PURE__ */ g(L, { children: [
-        p ? null : k,
-        /* @__PURE__ */ a("div", { className: "grid gap-1.5", children: r.filter((t) => t.type !== "none").map((t, v) => {
-          const C = `${T ?? t.name ?? t.dataKey ?? "value"}`, u = b(
-            x,
-            t,
-            C
-          ), E = m(t.payload) && typeof t.payload.fill == "string" ? t.payload.fill : void 0, N = y ?? E ?? t.color, F = S(
-            typeof N == "string" ? N : void 0
-          );
-          return /* @__PURE__ */ a(
-            "div",
-            {
-              className: i(
-                "[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5",
-                n === "dot" && "items-center"
-              ),
-              children: h && t.value != null && t.name != null ? h(
-                t.value,
-                t.name,
-                t,
-                v,
-                m(t.payload) ? t.payload : void 0
-              ) : /* @__PURE__ */ g(L, { children: [
-                u?.icon ? u.icon : !c && /* @__PURE__ */ a(
-                  "div",
-                  {
-                    className: i("shrink-0 rounded-xs", {
-                      "h-2 w-2": n === "dot",
-                      "w-1": n === "line",
-                      "w-0 border border-dashed bg-transparent": n === "dashed",
-                      "my-0.5": p && n === "dashed"
-                    }),
-                    style: F
-                  }
-                ),
-                /* @__PURE__ */ g(
-                  "div",
-                  {
-                    className: i(
-                      "flex flex-1 justify-between gap-4 leading-none",
-                      p ? "items-end" : "items-center"
-                    ),
-                    children: [
-                      /* @__PURE__ */ g("div", { className: "grid gap-1", children: [
-                        p ? k : null,
-                        /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: u?.label ?? t.name })
-                      ] }),
-                      t.value !== void 0 && t.value !== null && /* @__PURE__ */ a("span", { className: "text-foreground tabular-nums", children: A(t.value) })
-                    ]
-                  }
-                )
-              ] })
-            },
-            t.dataKey ?? v
-          );
-        }) })
-      ] })
-    }
-  );
+var h = l, g = [], _ = (e) => typeof e == "number" ? e.toLocaleString() : String(e);
+function v({ active: t, payload: n = g, className: r, indicator: s = "dot", hideLabel: c = !1, hideIndicator: l = !1, label: d, labelFormatter: p, labelClassName: m, formatter: h, color: v, nameKey: y, labelKey: b, valueFormatter: x = _ }) {
+	let { config: w } = f(), T = (() => {
+		if (c || !n?.length) return null;
+		let [t] = n, r = `${b ?? t?.dataKey ?? t?.name ?? "value"}`, i = S(w, t, r), o = !b && typeof d == "string" ? w[d]?.label ?? d : i?.label;
+		return p ? /* @__PURE__ */ a("div", {
+			className: e("font-medium", m),
+			children: p(o, n)
+		}) : o ? /* @__PURE__ */ a("div", {
+			className: e("font-medium", m),
+			children: o
+		}) : null;
+	})(), E = !t || !n.length, D = n.length === 1 && s !== "dot";
+	return /* @__PURE__ */ a("div", {
+		className: e("bg-popover-background grid min-w-32 items-start gap-1 rounded-md p-2 text-sm shadow-md", E && "invisible", r),
+		children: E ? null : /* @__PURE__ */ o(i, { children: [D ? null : T, /* @__PURE__ */ a("div", {
+			className: "grid gap-1.5",
+			children: n.filter((e) => e.type !== "none").map((t, n) => {
+				let r = `${y ?? t.name ?? t.dataKey ?? "value"}`, c = S(w, t, r), d = C(t.payload) && typeof t.payload.fill == "string" ? t.payload.fill : void 0, f = v ?? d ?? t.color, p = u(typeof f == "string" ? f : void 0);
+				return /* @__PURE__ */ a("div", {
+					className: e("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", s === "dot" && "items-center"),
+					children: h && t.value != null && t.name != null ? h(t.value, t.name, t, n, C(t.payload) ? t.payload : void 0) : /* @__PURE__ */ o(i, { children: [c?.icon ? c.icon : !l && /* @__PURE__ */ a("div", {
+						className: e("shrink-0 rounded-xs", {
+							"h-2 w-2": s === "dot",
+							"w-1": s === "line",
+							"w-0 border border-dashed bg-transparent": s === "dashed",
+							"my-0.5": D && s === "dashed"
+						}),
+						style: p
+					}), /* @__PURE__ */ o("div", {
+						className: e("flex flex-1 justify-between gap-4 leading-none", D ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ o("div", {
+							className: "grid gap-1",
+							children: [D ? T : null, /* @__PURE__ */ a("span", {
+								className: "text-muted-foreground",
+								children: c?.label ?? t.name
+							})]
+						}), t.value !== void 0 && t.value !== null && /* @__PURE__ */ a("span", {
+							className: "text-foreground tabular-nums",
+							children: x(t.value)
+						})]
+					})] })
+				}, t.dataKey ?? n);
+			})
+		})] })
+	});
 }
-const X = $, I = [];
-function Z({
-  className: e,
-  hideIcon: r = !1,
-  payload: s = I,
-  verticalAlign: n = "bottom",
-  nameKey: d
-}) {
-  const { config: c } = j();
-  return s?.length ? /* @__PURE__ */ a(
-    "div",
-    {
-      className: i(
-        "flex items-center justify-center gap-4",
-        n === "top" ? "pb-3" : "pt-3",
-        e
-      ),
-      children: s.filter((o) => o.type !== "none").map((o, l) => {
-        const f = `${d ?? o.dataKey ?? "value"}`, h = b(c, o, f), y = S(
-          typeof o.color == "string" ? o.color : void 0
-        );
-        return /* @__PURE__ */ g(
-          "div",
-          {
-            className: i(
-              "[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"
-            ),
-            children: [
-              h?.icon && !r ? h.icon : /* @__PURE__ */ a(
-                "div",
-                {
-                  className: "h-2 w-2 shrink-0 rounded-xs",
-                  style: y
-                }
-              ),
-              h?.label ?? o.value
-            ]
-          },
-          o.value ?? l
-        );
-      })
-    }
-  ) : null;
+var y = s, b = [];
+function x({ className: t, hideIcon: n = !1, payload: r = b, verticalAlign: i = "bottom", nameKey: s }) {
+	let { config: c } = f();
+	return r?.length ? /* @__PURE__ */ a("div", {
+		className: e("flex items-center justify-center gap-4", i === "top" ? "pb-3" : "pt-3", t),
+		children: r.filter((e) => e.type !== "none").map((t, r) => {
+			let i = `${s ?? t.dataKey ?? "value"}`, l = S(c, t, i), d = u(typeof t.color == "string" ? t.color : void 0);
+			return /* @__PURE__ */ o("div", {
+				className: e("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [l?.icon && !n ? l.icon : /* @__PURE__ */ a("div", {
+					className: "h-2 w-2 shrink-0 rounded-xs",
+					style: d
+				}), l?.label ?? t.value]
+			}, t.value ?? r);
+		})
+	}) : null;
 }
-function b(e, r, s) {
-  if (!m(r))
-    return;
-  const n = r, d = m(n.payload) ? n.payload : void 0;
-  let c = s;
-  const o = P(n, s);
-  if (o)
-    c = o;
-  else {
-    const l = d ? P(d, s) : void 0;
-    l && (c = l);
-  }
-  return e[c] ?? e[s];
+function S(e, t, n) {
+	if (!C(t)) return;
+	let r = t, i = C(r.payload) ? r.payload : void 0, a = n, o = w(r, n);
+	if (o) a = o;
+	else {
+		let e = i ? w(i, n) : void 0;
+		e && (a = e);
+	}
+	return e[a] ?? e[n];
 }
-function m(e) {
-  return typeof e == "object" && e !== null && !Array.isArray(e);
+function C(e) {
+	return typeof e == "object" && !!e && !Array.isArray(e);
 }
-function P(e, r) {
-  const s = e[r];
-  return typeof s == "string" ? s : void 0;
+function w(e, t) {
+	let n = e[t];
+	return typeof n == "string" ? n : void 0;
 }
-export {
-  Q as ChartContainer,
-  X as ChartLegend,
-  Z as ChartLegendContent,
-  U as ChartTooltip,
-  W as ChartTooltipContent,
-  R as colorVarsFromConfig,
-  b as getPayloadConfigFromPayload
-};
+//#endregion
+export { m as ChartContainer, y as ChartLegend, x as ChartLegendContent, h as ChartTooltip, v as ChartTooltipContent, p as colorVarsFromConfig, S as getPayloadConfigFromPayload };

package/dist/components/ui/core/chart/index.js

@@ -1,8 +1,2 @@
-import { ChartContainer as e, ChartLegend as n, ChartLegendContent as r, ChartTooltip as C, ChartTooltipContent as a } from "./chart.js";
-export {
-  e as ChartContainer,
-  n as ChartLegend,
-  r as ChartLegendContent,
-  C as ChartTooltip,
-  a as ChartTooltipContent
-};
+import { ChartContainer as e, ChartLegend as t, ChartLegendContent as n, ChartTooltip as r, ChartTooltipContent as i } from "./chart.js";
+export { e as ChartContainer, t as ChartLegend, n as ChartLegendContent, r as ChartTooltip, i as ChartTooltipContent };

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

@@ -1,133 +1,68 @@
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { Checkbox as i } from "@base-ui/react/checkbox";
-import { IconCheck as l, IconMinus as b } from "@tabler/icons-react";
-import { cva as m } from "class-variance-authority";
-import { cn as d, selectionItemBase as h, selectionItemCard as k, selectionItemDefault as u, invalidState as x, focusState as p, selectionItemLabel as g, selectionItemDescription as f } from "../../../../lib/utils.js";
-const I = r(
-  ({ className: a, orientation: e = "vertical", role: t = "group", ...c }, n) => /* @__PURE__ */ o(
-    "div",
-    {
-      ref: n,
-      role: t,
-      "data-slot": "checkbox-group",
-      "data-orientation": e,
-      className: d(
-        e === "horizontal" ? "flex items-center gap-2" : "grid has-[[data-variant=card]]:gap-2",
-        a
-      ),
-      ...c
-    }
-  )
-);
-I.displayName = "CheckboxGroup";
-const C = m(d("group/checkbox-item", h), {
-  variants: {
-    variant: {
-      default: u,
-      card: k
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-}), v = r(
-  ({ className: a, variant: e, ...t }, c) => /* @__PURE__ */ o(
-    "label",
-    {
-      ref: c,
-      "data-slot": "checkbox-item",
-      "data-variant": e ?? "default",
-      className: d(C({ variant: e }), a),
-      ...t
-    }
-  )
-);
-v.displayName = "CheckboxItem";
-const N = r(({ className: a, ...e }, t) => /* @__PURE__ */ o(
-  i.Root,
-  {
-    ref: t,
-    "data-slot": "checkbox-item-control",
-    className: d(
-      "peer relative size-4 shrink-0 rounded-sm border-[1.5px] border-inactive-foreground bg-transparent text-foreground-on-primary outline-none transition-colors",
-      "[&:is([data-checked],[data-indeterminate]):not([data-disabled])]:border-transparent [&:is([data-checked],[data-indeterminate]):not([data-disabled])]:bg-primary-background",
-      "data-unchecked:not-data-disabled:hover:border-secondary-foreground group-hover/checkbox-item:data-unchecked:not-data-disabled:border-secondary-foreground",
-      "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:border-transparent data-disabled:bg-disabled-background data-disabled:text-disabled-foreground data-disabled:data-unchecked:border-border",
-      "[&[data-checked]_[data-slot=checkbox-check]]:block [&[data-indeterminate]_[data-slot=checkbox-dash]]:block",
-      p,
-      x,
-      a
-    ),
-    ...e,
-    children: /* @__PURE__ */ s(
-      i.Indicator,
-      {
-        "data-slot": "checkbox-indicator",
-        className: "grid size-full place-content-center text-current transition-none",
-        children: [
-          /* @__PURE__ */ o(
-            l,
-            {
-              "aria-hidden": "true",
-              "data-slot": "checkbox-check",
-              className: "hidden size-3",
-              stroke: 3
-            }
-          ),
-          /* @__PURE__ */ o(
-            b,
-            {
-              "aria-hidden": "true",
-              "data-slot": "checkbox-dash",
-              className: "hidden size-3",
-              stroke: 3.5
-            }
-          )
-        ]
-      }
-    )
-  }
-));
-N.displayName = "CheckboxItemControl";
-const y = r(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ o(
-    "span",
-    {
-      ref: t,
-      "data-slot": "checkbox-item-label",
-      className: d(
-        g,
-        "group-has-[[data-checked]]/checkbox-item:text-foreground",
-        "group-has-[[data-indeterminate]]/checkbox-item:text-foreground",
-        "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground",
-        a
-      ),
-      ...e
-    }
-  )
-);
+import { cn as e, focusState as t, invalidState as n, selectionItemBase as r, selectionItemCard as i, selectionItemDefault as a, selectionItemDescription as o, selectionItemLabel as s } from "../../../../lib/utils.js";
+import { forwardRef as c } from "react";
+import { IconCheck as l, IconMinus as u } from "@tabler/icons-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { cva as p } from "class-variance-authority";
+import { Checkbox as m } from "@base-ui/react/checkbox";
+//#region libs/aura/src/components/ui/core/checkbox/checkbox.tsx
+var h = c(({ className: t, orientation: n = "vertical", role: r = "group", ...i }, a) => /* @__PURE__ */ d("div", {
+	ref: a,
+	role: r,
+	"data-slot": "checkbox-group",
+	"data-orientation": n,
+	className: e(n === "horizontal" ? "flex items-center gap-2" : "grid has-[[data-variant=card]]:gap-2", t),
+	...i
+}));
+h.displayName = "CheckboxGroup";
+var g = p(e("group/checkbox-item", r), {
+	variants: { variant: {
+		default: a,
+		card: i
+	} },
+	defaultVariants: { variant: "default" }
+}), _ = c(({ className: t, variant: n, ...r }, i) => /* @__PURE__ */ d("label", {
+	ref: i,
+	"data-slot": "checkbox-item",
+	"data-variant": n ?? "default",
+	className: e(g({ variant: n }), t),
+	...r
+}));
+_.displayName = "CheckboxItem";
+var v = c(({ className: r, ...i }, a) => /* @__PURE__ */ d(m.Root, {
+	ref: a,
+	"data-slot": "checkbox-item-control",
+	className: e("peer relative size-4 shrink-0 rounded-sm border-[1.5px] border-inactive-foreground bg-transparent text-foreground-on-primary outline-none transition-colors", "[&:is([data-checked],[data-indeterminate]):not([data-disabled])]:border-transparent [&:is([data-checked],[data-indeterminate]):not([data-disabled])]:bg-primary-background", "data-unchecked:not-data-disabled:hover:border-secondary-foreground group-hover/checkbox-item:data-unchecked:not-data-disabled:border-secondary-foreground", "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:border-transparent data-disabled:bg-disabled-background data-disabled:text-disabled-foreground data-disabled:data-unchecked:border-border", "[&[data-checked]_[data-slot=checkbox-check]]:block [&[data-indeterminate]_[data-slot=checkbox-dash]]:block", t, n, r),
+	...i,
+	children: /* @__PURE__ */ f(m.Indicator, {
+		"data-slot": "checkbox-indicator",
+		className: "grid size-full place-content-center text-current transition-none",
+		children: [/* @__PURE__ */ d(l, {
+			"aria-hidden": "true",
+			"data-slot": "checkbox-check",
+			className: "hidden size-3",
+			stroke: 3
+		}), /* @__PURE__ */ d(u, {
+			"aria-hidden": "true",
+			"data-slot": "checkbox-dash",
+			className: "hidden size-3",
+			stroke: 3.5
+		})]
+	})
+}));
+v.displayName = "CheckboxItemControl";
+var y = c(({ className: t, ...n }, r) => /* @__PURE__ */ d("span", {
+	ref: r,
+	"data-slot": "checkbox-item-label",
+	className: e(s, "group-has-[[data-checked]]/checkbox-item:text-foreground", "group-has-[[data-indeterminate]]/checkbox-item:text-foreground", "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground", t),
+	...n
+}));
 y.displayName = "CheckboxItemLabel";
-const z = r(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ o(
-    "span",
-    {
-      ref: t,
-      "data-slot": "checkbox-item-description",
-      className: d(
-        f,
-        "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground",
-        a
-      ),
-      ...e
-    }
-  )
-);
-z.displayName = "CheckboxItemDescription";
-export {
-  I as CheckboxGroup,
-  v as CheckboxItem,
-  N as CheckboxItemControl,
-  z as CheckboxItemDescription,
-  y as CheckboxItemLabel
-};
+var b = c(({ className: t, ...n }, r) => /* @__PURE__ */ d("span", {
+	ref: r,
+	"data-slot": "checkbox-item-description",
+	className: e(o, "group-has-[[data-disabled]]/checkbox-item:text-disabled-foreground", t),
+	...n
+}));
+b.displayName = "CheckboxItemDescription";
+//#endregion
+export { h as CheckboxGroup, _ as CheckboxItem, v as CheckboxItemControl, b as CheckboxItemDescription, y as CheckboxItemLabel };

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

@@ -1,8 +1,8 @@
-const e = {
-  name: "Checkbox",
-  description: "A composable checkbox group with optional label and description slots, including a card-style item variant and support for checked, unchecked, and indeterminate states.",
-  llmUsage: 'Use `<CheckboxGroup>` with `<CheckboxItem>` wrapping `<CheckboxItemControl />`, plus optional `<CheckboxItemLabel>` and `<CheckboxItemDescription>`. Always pass an accessible name on `<CheckboxItemControl>` via `aria-label` (or `aria-labelledby` pointing to the label\'s id) — the wrapping `<label>` element names the underlying hidden form input, but does not name the visible `role="checkbox"` element that screen readers focus on. `<CheckboxItemDescription>` is a visual slot at this primitive layer; if you need it announced by screen readers, give it an `id` and pass `aria-describedby` to `<CheckboxItemControl>`. Use `variant="card"` on `<CheckboxItem>` for card-style options. `<CheckboxItemControl>` supports `checked`, `defaultChecked`, `indeterminate`, `onCheckedChange`, `disabled`, and `required` for form integration.'
-};
-export {
-  e as CheckboxMetadata
+//#region libs/aura/src/components/ui/core/checkbox/checkbox.metadata.ts
+var e = {
+	name: "Checkbox",
+	description: "A composable checkbox group with optional label and description slots, including a card-style item variant and support for checked, unchecked, and indeterminate states.",
+	llmUsage: "Use `<CheckboxGroup>` with `<CheckboxItem>` wrapping `<CheckboxItemControl />`, plus optional `<CheckboxItemLabel>` and `<CheckboxItemDescription>`. Always pass an accessible name on `<CheckboxItemControl>` via `aria-label` (or `aria-labelledby` pointing to the label's id) — the wrapping `<label>` element names the underlying hidden form input, but does not name the visible `role=\"checkbox\"` element that screen readers focus on. `<CheckboxItemDescription>` is a visual slot at this primitive layer; if you need it announced by screen readers, give it an `id` and pass `aria-describedby` to `<CheckboxItemControl>`. Use `variant=\"card\"` on `<CheckboxItem>` for card-style options. `<CheckboxItemControl>` supports `checked`, `defaultChecked`, `indeterminate`, `onCheckedChange`, `disabled`, and `required` for form integration."
 };
+//#endregion
+export { e as CheckboxMetadata };

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

@@ -1,5 +1,5 @@
 import { ComponentProps, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
-import { BundledLanguage } from 'shiki';
+import { BundledLanguage } from 'shiki/bundle/web';
 import { Button } from '../button/button';
 export declare function getCollapsedPreviewDisplay(code: string): string;
 export declare function isContentLargerThanPreview(code: string): boolean;