@cognite/aura 0.1.7 → 0.3.0

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

@@ -0,0 +1,69 @@
+import { ComponentProps, CSSProperties, ReactNode } from 'react';
+import { ResponsiveContainer, Tooltip, Legend } from 'recharts';
+export type ChartConfig = {
+    [k in string]: {
+        label?: ReactNode;
+        icon?: ReactNode;
+        /** A CSS color or `var(--token)`. Use a token for light/dark theming. */
+        color?: string;
+    };
+};
+declare function colorVarsFromConfig(config: ChartConfig): CSSProperties;
+type ChartA11yProps = {
+    'aria-label': string;
+    'aria-labelledby'?: never;
+} | {
+    'aria-labelledby': string;
+    'aria-label'?: never;
+};
+type ChartContainerProps = Omit<ComponentProps<'div'>, 'aria-label' | 'aria-labelledby'> & ChartA11yProps & {
+    config: ChartConfig;
+    children: ComponentProps<typeof ResponsiveContainer>['children'];
+};
+declare function ChartContainer({ id, className, children, config, style, role, ...props }: ChartContainerProps): ReactNode;
+declare const ChartTooltip: typeof Tooltip;
+type TooltipPayloadItem = {
+    type?: string;
+    name?: string | number;
+    dataKey?: string | number;
+    value?: string | number;
+    color?: string;
+    payload?: Record<string, unknown>;
+    fill?: string;
+    [key: string]: unknown;
+};
+type ChartTooltipContentProps = Omit<ComponentProps<typeof Tooltip>, 'content' | 'formatter' | 'labelFormatter'> & {
+    className?: string;
+    labelClassName?: string;
+    hideLabel?: boolean;
+    hideIndicator?: boolean;
+    indicator?: 'line' | 'dot' | 'dashed';
+    nameKey?: string;
+    labelKey?: string;
+    payload?: TooltipPayloadItem[];
+    label?: string | number;
+    color?: string;
+    formatter?: (value: string | number, name: string | number, item: TooltipPayloadItem, index: number, payload: Record<string, unknown> | undefined) => ReactNode;
+    labelFormatter?: (value: ReactNode, payload: TooltipPayloadItem[]) => ReactNode;
+    /** Pass an i18n-aware formatter from your app's locale; defaults to the environment locale. */
+    valueFormatter?: (value: string | number) => string;
+};
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, valueFormatter, }: ChartTooltipContentProps): ReactNode;
+declare const ChartLegend: typeof Legend;
+type LegendPayloadItem = {
+    type?: string;
+    value?: string;
+    dataKey?: string | number;
+    color?: string;
+    [key: string]: unknown;
+};
+type ChartLegendContentProps = {
+    className?: string;
+    hideIcon?: boolean;
+    nameKey?: string;
+    payload?: LegendPayloadItem[];
+    verticalAlign?: 'top' | 'bottom' | 'middle';
+};
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ChartLegendContentProps): ReactNode;
+declare function getPayloadConfigFromPayload(config: ChartConfig, payload: unknown, key: string): ChartConfig[string] | undefined;
+export { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent, colorVarsFromConfig, getPayloadConfigFromPayload, };

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

@@ -0,0 +1,215 @@
+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 };
+}
+const V = K(null);
+function j() {
+  const e = Y(V);
+  if (!e)
+    throw new 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 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 })
+    }
+  ) });
+}
+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
+          );
+        }) })
+      ] })
+    }
+  );
+}
+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;
+}
+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 m(e) {
+  return typeof e == "object" && e !== null && !Array.isArray(e);
+}
+function P(e, r) {
+  const s = e[r];
+  return typeof s == "string" ? s : void 0;
+}
+export {
+  Q as ChartContainer,
+  X as ChartLegend,
+  Z as ChartLegendContent,
+  U as ChartTooltip,
+  W as ChartTooltipContent,
+  R as colorVarsFromConfig,
+  b as getPayloadConfigFromPayload
+};

package/dist/components/ui/core/chart/index.d.ts

@@ -0,0 +1,2 @@
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, } from './chart';
+export type { ChartConfig } from './chart';

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

@@ -0,0 +1,8 @@
+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
+};

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

@@ -0,0 +1,17 @@
+import { ForwardRefExoticComponent, RefAttributes, HTMLAttributes } from 'react';
+import { CheckboxRootProps } from '@base-ui/react/checkbox';
+import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
+type Orientation = 'horizontal' | 'vertical';
+declare const CheckboxGroup: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    orientation?: Orientation;
+} & RefAttributes<HTMLDivElement>>;
+interface CheckboxItemVariantProps {
+    variant?: 'default' | 'card' | null;
+}
+declare const checkboxItemVariants: (props?: (CheckboxItemVariantProps & ClassProp) | undefined) => string;
+declare const CheckboxItem: ForwardRefExoticComponent<HTMLAttributes<HTMLLabelElement> & VariantProps<typeof checkboxItemVariants> & RefAttributes<HTMLLabelElement>>;
+declare const CheckboxItemControl: ForwardRefExoticComponent<Omit<CheckboxRootProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const CheckboxItemLabel: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
+declare const CheckboxItemDescription: ForwardRefExoticComponent<HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>>;
+export { CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel, };

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

@@ -0,0 +1,133 @@
+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, invalidState as h, focusState as k, selectionItemDescription as u, selectionItemLabel as x, selectionItemBase as p, selectionItemCard as g, selectionItemDefault 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", p), {
+  variants: {
+    variant: {
+      default: f,
+      card: g
+    }
+  },
+  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",
+      k,
+      h,
+      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(
+        x,
+        "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
+    }
+  )
+);
+y.displayName = "CheckboxItemLabel";
+const z = r(
+  ({ className: a, ...e }, t) => /* @__PURE__ */ o(
+    "span",
+    {
+      ref: t,
+      "data-slot": "checkbox-item-description",
+      className: d(
+        u,
+        "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
+};

package/dist/components/ui/core/{badge/badge.metadata.d.ts → checkbox/checkbox.metadata.d.ts}

@@ -1,2 +1,2 @@
 import { ComponentMeta } from '../../../../lib/types';
-export declare const BadgeMetadata: ComponentMeta;
+export declare const CheckboxMetadata: ComponentMeta;

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

@@ -0,0 +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
+};

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

@@ -1,32 +1,29 @@
-import { ComponentProps, HTMLAttributes } from 'react';
+import { ComponentProps, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } 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> & {
+declare const CodeBlock: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
     code: string;
     copyText?: string;
     collapsed?: boolean;
     language: BundledLanguage;
     showLineNumbers?: boolean;
-} & import('react').RefAttributes<HTMLDivElement>>;
+} & RefAttributes<HTMLDivElement>>;
 type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
     onCopy?: () => void;
     onError?: (error: Error) => void;
     timeout?: number;
 };
-declare const CodeBlockCopyButton: import('react').ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
-declare const CodeBlockCollapseButton: import('react').ForwardRefExoticComponent<Omit<Omit<import('@base-ui/react').ButtonProps & import('class-variance-authority').VariantProps<(props?: ({
-    variant?: "default" | "secondary" | "outline" | "ghost" | "destructive" | null | undefined;
-    size?: "icon" | "default" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string>, "ref"> & import('react').RefAttributes<HTMLElement>, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const CodeBlockCopyButton: ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
+declare const CodeBlockCollapseButton: ForwardRefExoticComponent<Omit<ComponentProps<typeof Button>, 'ref'> & RefAttributes<HTMLElement>>;
 type CodeBlockDownloadButtonProps = ComponentProps<typeof Button> & {
     fileName?: string;
     mimeType?: string;
     onDownload?: () => void;
     onError?: (error: Error) => void;
 };
-declare const CodeBlockDownloadButton: import('react').ForwardRefExoticComponent<Omit<CodeBlockDownloadButtonProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const CodeBlockDownloadButton: ForwardRefExoticComponent<Omit<CodeBlockDownloadButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
 export { CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, };

package/dist/components/ui/core/code-block/code-block.js

@@ -1,9 +1,9 @@
 import { jsxs as L, jsx as r } from "react/jsx-runtime";
-import { createContext as F, forwardRef as w, useState as x, useMemo as D, useEffect as O, useContext as H } from "react";
-import { IconCheck as K, IconCopy as V, IconSelector as $, IconDownload as q } from "@tabler/icons-react";
+import { forwardRef as w, useState as x, useMemo as D, useEffect as F, useContext as H, createContext as O } from "react";
+import { IconSelector as K, IconCheck as V, IconCopy as $, IconDownload as q } from "@tabler/icons-react";
 import { isStorybookTestEnv as v, highlightCode as M, cn as f } from "../../../../lib/utils.js";
 import { Button as S } from "../button/button.js";
-const I = F({
+const I = O({
   code: "",
   copyText: "",
   isCollapsed: !1,
@@ -48,7 +48,7 @@ const ee = "min(60vh, 32rem)", oe = "dark:hidden [&>pre]:m-0 [&>pre]:min-h-10 [&
       () => v ? `<pre><code>${P(s)}</code></pre>` : "",
       [s]
     );
-    O(() => {
+    F(() => {
       if (v) return;
       let g = !1;
       const B = (u) => {
@@ -169,51 +169,55 @@ const ee = "min(60vh, 32rem)", oe = "dark:hidden [&>pre]:m-0 [&>pre]:min-h-10 [&
   }
 );
 ne.displayName = "CodeBlock";
-const re = w(({ onCopy: e, onError: t, timeout: n = 2e3, children: o, className: a, ...h }, i) => {
-  const [C, k] = x(!1), { copyText: b } = H(I), d = async () => {
-    if (typeof window > "u" || !navigator?.clipboard?.writeText) {
-      t?.(new Error("Clipboard API not available"));
-      return;
-    }
-    try {
-      await navigator.clipboard.writeText(b), k(!0), e?.(), setTimeout(() => k(!1), n);
-    } catch (c) {
-      console.warn("Clipboard write failed:", c), t?.(
-        c instanceof Error ? c : new Error("Clipboard write failed")
-      );
-    }
-  }, p = C ? K : V;
-  return /* @__PURE__ */ r(
-    S,
-    {
-      ref: i,
-      "data-slot": "code-block-copy-button",
-      className: f("shrink-0", a),
-      onClick: d,
-      size: "icon-sm",
-      variant: "secondary",
-      ...h,
-      children: o ?? /* @__PURE__ */ r(p, { size: 14 })
-    }
-  );
-});
+const re = w(
+  ({ onCopy: e, onError: t, timeout: n = 2e3, children: o, className: a, ...h }, i) => {
+    const [C, k] = x(!1), { copyText: b } = H(I), d = async () => {
+      if (typeof window > "u" || !navigator?.clipboard?.writeText) {
+        t?.(new Error("Clipboard API not available"));
+        return;
+      }
+      try {
+        await navigator.clipboard.writeText(b), k(!0), e?.(), setTimeout(() => k(!1), n);
+      } catch (c) {
+        console.warn("Clipboard write failed:", c), t?.(
+          c instanceof Error ? c : new Error("Clipboard write failed")
+        );
+      }
+    }, p = C ? V : $;
+    return /* @__PURE__ */ r(
+      S,
+      {
+        ref: i,
+        "data-slot": "code-block-copy-button",
+        className: f("shrink-0", a),
+        onClick: d,
+        size: "icon-sm",
+        variant: "secondary",
+        ...h,
+        children: o ?? /* @__PURE__ */ r(p, { size: 14 })
+      }
+    );
+  }
+);
 re.displayName = "CodeBlockCopyButton";
-const le = w(({ children: e, className: t, ...n }, o) => {
-  const { isCollapsed: a, setIsCollapsed: h, lineCount: i } = H(I);
-  return i <= 1 ? null : /* @__PURE__ */ r(
-    S,
-    {
-      ref: o,
-      "data-slot": "code-block-collapse-button",
-      className: f("shrink-0", t),
-      onClick: () => h(!a),
-      size: "icon-sm",
-      variant: "secondary",
-      ...n,
-      children: e ?? /* @__PURE__ */ r($, { size: 14 })
-    }
-  );
-});
+const le = w(
+  ({ children: e, className: t, ...n }, o) => {
+    const { isCollapsed: a, setIsCollapsed: h, lineCount: i } = H(I);
+    return i <= 1 ? null : /* @__PURE__ */ r(
+      S,
+      {
+        ref: o,
+        "data-slot": "code-block-collapse-button",
+        className: f("shrink-0", t),
+        onClick: () => h(!a),
+        size: "icon-sm",
+        variant: "secondary",
+        ...n,
+        children: e ?? /* @__PURE__ */ r(K, { size: 14 })
+      }
+    );
+  }
+);
 le.displayName = "CodeBlockCollapseButton";
 const ae = w(
   ({

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

@@ -1,4 +1,6 @@
-declare const Collapsible: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleRootProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const CollapsibleTrigger: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsibleTriggerProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const CollapsibleContent: import('react').ForwardRefExoticComponent<Omit<import('@base-ui/react').CollapsiblePanelProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { CollapsiblePanelProps, CollapsibleRootProps, CollapsibleTriggerProps } from '@base-ui/react/collapsible';
+declare const Collapsible: ForwardRefExoticComponent<Omit<CollapsibleRootProps, 'ref'> & RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: ForwardRefExoticComponent<Omit<CollapsibleTriggerProps, 'ref'> & RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: ForwardRefExoticComponent<Omit<CollapsiblePanelProps, 'ref'> & RefAttributes<HTMLDivElement>>;
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

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

@@ -1,4 +1,4 @@
-import { ComponentProps } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ComponentProps } from 'react';
 import { Button } from '../button/button';
 type ComboboxProps = Omit<ComponentProps<typeof Button>, 'value' | 'onChange'> & {
     options: Array<{
@@ -11,5 +11,5 @@ type ComboboxProps = Omit<ComponentProps<typeof Button>, 'value' | 'onChange'> &
     searchPlaceholder?: string;
     emptyText?: string;
 };
-declare const Combobox: import('react').ForwardRefExoticComponent<Omit<ComboboxProps, "ref"> & import('react').RefAttributes<HTMLElement>>;
+declare const Combobox: ForwardRefExoticComponent<Omit<ComboboxProps, 'ref'> & RefAttributes<HTMLElement>>;
 export { Combobox };