@nexub/react 3.0.0 → 3.2.0

package/dist/{chunk-T466ZB34.js → components/Card/Card.js}

@@ -1,42 +1,12 @@
-'use client';
-import {
-  glassSurfaceClass
-} from "./chunk-DEIBF3P7.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Card/Card.tsx
-import * as React2 from "react";
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-
-// src/hooks/usePointerSheen.ts
-import * as React from "react";
-function usePointerSheen(enabled, onPointerMove) {
-  const frame = React.useRef(0);
-  React.useEffect(() => () => cancelAnimationFrame(frame.current), []);
-  const handler = React.useCallback(
-    (event) => {
-      onPointerMove?.(event);
-      if (event.pointerType === "touch") return;
-      const el = event.currentTarget;
-      const { clientX, clientY } = event;
-      cancelAnimationFrame(frame.current);
-      frame.current = requestAnimationFrame(() => {
-        const r = el.getBoundingClientRect();
-        el.style.setProperty("--nx-mx", `${clientX - r.left}px`);
-        el.style.setProperty("--nx-my", `${clientY - r.top}px`);
-      });
-    },
-    [onPointerMove]
-  );
-  return enabled ? handler : onPointerMove;
-}
-
-// src/components/Card/Card.tsx
-import { jsx } from "react/jsx-runtime";
-var cardVariants = cva(
+import { cn } from "../../utils/cn.js";
+import { glassSurfaceClass } from "../../utils/glass.js";
+import { usePointerSheen } from "../../hooks/usePointerSheen.js";
+const cardVariants = cva(
   // In-flow content: tone + a soft alpha hairline, no shadow (shadows are for floating layers).
   // A CardLink inside stretches over the card; the card then carries its focus ring.
   "rounded-[var(--card-radius,var(--shape-container))] bg-[var(--card-bg,var(--color-surface-elevated))] border border-[color:var(--card-border,color-mix(in_srgb,var(--color-outline-variant)_60%,transparent))] text-[var(--card-fg,var(--color-on-surface))] has-[[data-card-link]]:relative has-[[data-card-link]:focus-visible]:outline has-[[data-card-link]:focus-visible]:outline-[3px] has-[[data-card-link]:focus-visible]:outline-offset-2 has-[[data-card-link]:focus-visible]:outline-[var(--color-primary)]",
@@ -47,7 +17,10 @@ var cardVariants = cva(
         surface: "bg-[var(--card-bg,var(--color-surface-elevated))] shadow-elevation-1",
         // Lift on hover (spring, elevation 1 → 2), sink on press, state layer
         // tint; see .nx-lift in themes/base.css.
-        interactive: "nx-state-layer nx-lift cursor-pointer bg-[var(--card-bg,var(--color-surface-elevated))] shadow-elevation-1"
+        interactive: "nx-state-layer nx-lift cursor-pointer bg-[var(--card-bg,var(--color-surface-elevated))] shadow-elevation-1",
+        // Marketing mode (@nexub/themes/marketing): 24px corners, soft shadow,
+        // lift on hover, product accent via `accent`. Elsewhere a flat card.
+        showcase: "nx-mkt-showcase"
       },
       // Material. 'glass' needs data-material="glass" on the element (set in the
       // component) for the --glass-* vars to resolve. Single box-shadow carries
@@ -64,7 +37,7 @@ var cardVariants = cva(
     }
   }
 );
-var toneBorderMap = {
+const toneBorderMap = {
   neutral: "",
   info: "border-s-4 border-s-[var(--color-info)]",
   success: "border-s-4 border-s-[var(--color-success)]",
@@ -75,8 +48,8 @@ var toneBorderMap = {
   payub: "border-s-4 border-s-[var(--color-payub)]",
   founderub: "border-s-4 border-s-[var(--color-founderub)]"
 };
-var Card = React2.forwardRef(
-  ({ className, variant = "flat", surface = "solid", effect = "none", tone, asChild = false, onPointerMove, children, ...props }, ref) => {
+const Card = React.forwardRef(
+  ({ className, variant = "flat", surface = "solid", effect = "none", tone, accent, asChild = false, onPointerMove, children, ...props }, ref) => {
     const Comp = asChild ? Slot : "div";
     const toneStyle = tone ? toneBorderMap[tone] : "";
     const sheen = effect === "sheen";
@@ -88,6 +61,7 @@ var Card = React2.forwardRef(
         className: cn(cardVariants({ variant, surface }), toneStyle, sheen && "nx-sheen", className),
         onPointerMove: handlePointerMove,
         "data-tone": tone,
+        "data-product": accent,
         "data-material": surface === "glass" ? "glass" : void 0,
         ...props,
         children
@@ -96,7 +70,7 @@ var Card = React2.forwardRef(
   }
 );
 Card.displayName = "Card";
-var CardLink = React2.forwardRef(
+const CardLink = React.forwardRef(
   ({ className, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "a";
     return /* @__PURE__ */ jsx(
@@ -114,10 +88,8 @@ var CardLink = React2.forwardRef(
   }
 );
 CardLink.displayName = "CardLink";
-
 export {
-  usePointerSheen,
-  cardVariants,
   Card,
-  CardLink
+  CardLink,
+  cardVariants
 };

package/dist/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { Card, CardLink, cardVariants } from './Card.js';
+export type { CardProps, CardLinkProps } from './Card.js';

package/dist/components/Card/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  Card,
-  CardLink,
-  cardVariants
-} from "../../chunk-T466ZB34.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Card, CardLink, cardVariants } from "./Card.js";
 export {
   Card,
   CardLink,

package/dist/components/Chart/Chart.d.ts

@@ -0,0 +1,81 @@
+import * as React from 'react';
+/** A colour from the categorical chart palette, 1–8. */
+export type ChartColor = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;
+export interface ChartSeries {
+    /** Key of the value in each data row. */
+    key: string;
+    /** Name shown in the legend and the data table. Defaults to `key`. */
+    label?: string;
+    /** Palette colour, 1–8. Defaults to the series' position. */
+    color?: ChartColor;
+}
+/** Rounds up to 1, 2, 2.5 or 5 × 10ⁿ so the four gridlines get round labels. */
+export declare function niceMax(max: number): number;
+declare const PLOT_HEIGHT: {
+    readonly sm: "h-32";
+    readonly md: "h-48";
+    readonly lg: "h-64";
+};
+export interface ChartLegendProps extends React.HTMLAttributes<HTMLUListElement> {
+    items: {
+        label: string;
+        color?: ChartColor;
+    }[];
+}
+/** A row of colour dots and labels. Charts render one for you when `legend` is on. */
+export declare function ChartLegend({ items, className, ...props }: ChartLegendProps): React.JSX.Element;
+interface CartesianProps<T> extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    /** One row per category, in order. */
+    data: T[];
+    /** Key of the category label in each row (the x axis). */
+    index: keyof T & string;
+    /** The values to plot, one entry per series. */
+    series: ChartSeries[];
+    /** Accessible name of the chart, e.g. "Revenue by month". */
+    title: string;
+    /** Formats axis labels, the hover text and the data table. */
+    valueFormat?: (value: number) => string;
+    /** Height of the plot area. */
+    size?: keyof typeof PLOT_HEIGHT;
+    /** Show the legend above the chart. Defaults to on for more than one series. */
+    legend?: boolean;
+}
+export interface BarChartProps<T> extends CartesianProps<T> {
+    /** Stack the series in one bar per category instead of side by side. */
+    stacked?: boolean;
+}
+/** Bars per category, grouped or stacked. Values must be 0 or more. */
+export declare function BarChart<T extends object>({ stacked, ...props }: BarChartProps<T>): React.JSX.Element;
+export interface LineChartProps<T> extends CartesianProps<T> {
+    /** Fill the area under each line. */
+    area?: boolean;
+}
+/** One line per series across the categories. Values must be 0 or more. */
+export declare function LineChart<T extends object>({ area, ...props }: LineChartProps<T>): React.JSX.Element;
+export interface DonutChartProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    data: {
+        label: string;
+        value: number;
+        color?: ChartColor;
+    }[];
+    /** Accessible name of the chart. */
+    title: string;
+    /** Content in the hole, such as the total. */
+    center?: React.ReactNode;
+    valueFormat?: (value: number) => string;
+    /** Show the legend beside the donut. Default on. */
+    legend?: boolean;
+}
+/** Parts of a whole. Keep it to six slices or fewer; group the rest as "Other". */
+export declare function DonutChart({ data, title, center, valueFormat, legend, className, ...props }: DonutChartProps): React.JSX.Element;
+export interface SparklineProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'values' | 'color'> {
+    values: number[];
+    /** Accessible summary, e.g. "Revenue, last 12 weeks, up 8%". Without it the sparkline is decorative. */
+    label?: string;
+    color?: ChartColor;
+    /** Fill the area under the line. */
+    area?: boolean;
+}
+/** A tiny trend line with no axes, for stat cards and table cells. Fills its box (default 6rem × 2rem). */
+export declare function Sparkline({ values, label, color, area, className, ...props }: SparklineProps): React.JSX.Element;
+export {};

package/dist/components/Chart/Chart.js

@@ -0,0 +1,174 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+const FILL = ["fill-chart-1", "fill-chart-2", "fill-chart-3", "fill-chart-4", "fill-chart-5", "fill-chart-6", "fill-chart-7", "fill-chart-8"];
+const STROKE = ["stroke-chart-1", "stroke-chart-2", "stroke-chart-3", "stroke-chart-4", "stroke-chart-5", "stroke-chart-6", "stroke-chart-7", "stroke-chart-8"];
+const BG = ["bg-chart-1", "bg-chart-2", "bg-chart-3", "bg-chart-4", "bg-chart-5", "bg-chart-6", "bg-chart-7", "bg-chart-8"];
+const colorIndex = (color, i) => ((color ?? i % 8 + 1) - 1) % 8;
+function niceMax(max) {
+  if (!(max > 0)) return 1;
+  const pow = 10 ** Math.floor(Math.log10(max));
+  const step = [1, 2, 2.5, 5, 10].find((s) => s * pow >= max);
+  return step * pow;
+}
+const defaultFormat = (n) => n.toLocaleString();
+const PLOT_HEIGHT = { sm: "h-32", md: "h-48", lg: "h-64" };
+const VB_W = 300;
+const VB_H = 100;
+function ChartLegend({ items, className, ...props }) {
+  return /* @__PURE__ */ jsx("ul", { className: cn("flex flex-wrap gap-x-4 gap-y-1 text-label-md text-[var(--color-on-surface-variant)]", className), ...props, children: items.map((item, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1.5", children: [
+    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: cn("size-2.5 shrink-0 rounded-full", BG[colorIndex(item.color, i)]) }),
+    item.label
+  ] }, item.label)) });
+}
+function Frame({
+  data,
+  index,
+  series,
+  title,
+  valueFormat = defaultFormat,
+  size = "md",
+  legend,
+  max,
+  className,
+  children,
+  ...props
+}) {
+  const labels = series.map((s) => s.label ?? s.key);
+  const ticks = [1, 0.75, 0.5, 0.25, 0];
+  return /* @__PURE__ */ jsxs("figure", { "aria-label": title, className: cn("m-0 flex flex-col gap-3", className), ...props, children: [
+    (legend ?? series.length > 1) && /* @__PURE__ */ jsx(ChartLegend, { "aria-hidden": "true", items: series.map((s, i) => ({ label: labels[i], color: s.color })) }),
+    /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "flex gap-2", children: [
+      /* @__PURE__ */ jsx("div", { className: cn("flex flex-col justify-between text-end text-label-sm tabular-nums text-[var(--color-on-surface-muted)]", PLOT_HEIGHT[size]), children: ticks.map((t) => /* @__PURE__ */ jsx("span", { className: "flex h-0 items-center justify-end", children: valueFormat(max * t) }, t)) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs("svg", { viewBox: `0 0 ${VB_W} ${VB_H}`, preserveAspectRatio: "none", className: cn("w-full overflow-visible rtl:-scale-x-100", PLOT_HEIGHT[size]), children: [
+          ticks.map((t) => /* @__PURE__ */ jsx(
+            "line",
+            {
+              x1: "0",
+              x2: VB_W,
+              y1: VB_H * (1 - t),
+              y2: VB_H * (1 - t),
+              strokeWidth: "1",
+              vectorEffect: "non-scaling-stroke",
+              className: t === 0 ? "stroke-[var(--color-outline)]" : "stroke-[var(--color-outline-variant)]"
+            },
+            t
+          )),
+          children
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "grid auto-cols-fr grid-flow-col text-center text-label-sm text-[var(--color-on-surface-muted)]", children: data.map((row, i) => /* @__PURE__ */ jsx("span", { className: "truncate px-0.5", children: String(row[index]) }, i)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("table", { className: "sr-only", children: [
+      /* @__PURE__ */ jsx("caption", { children: title }),
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { scope: "col", children: index }),
+        labels.map((l) => /* @__PURE__ */ jsx("th", { scope: "col", children: l }, l))
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: data.map((row, i) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { scope: "row", children: String(row[index]) }),
+        series.map((s) => /* @__PURE__ */ jsx("td", { children: valueFormat(Number(row[s.key]) || 0) }, s.key))
+      ] }, i)) })
+    ] })
+  ] });
+}
+const valueOf = (row, key) => Math.max(0, Number(row[key]) || 0);
+function BarChart({ stacked = false, ...props }) {
+  const { data, series, index, valueFormat = defaultFormat } = props;
+  const max = niceMax(Math.max(0, ...data.map((row) => stacked ? series.reduce((sum, s) => sum + valueOf(row, s.key), 0) : Math.max(0, ...series.map((s) => valueOf(row, s.key))))));
+  const slot = VB_W / Math.max(1, data.length);
+  const groupW = slot * 0.7;
+  const barW = stacked ? groupW : groupW / series.length;
+  return /* @__PURE__ */ jsx(Frame, { ...props, max, children: data.map((row, i) => {
+    let base = 0;
+    return /* @__PURE__ */ jsx("g", { children: series.map((s, j) => {
+      const v = valueOf(row, s.key);
+      const h = v / max * VB_H;
+      const x = i * slot + (slot - groupW) / 2 + (stacked ? 0 : j * barW);
+      const y = VB_H - base - h;
+      if (stacked) base += h;
+      return /* @__PURE__ */ jsx("rect", { x, y, width: Math.max(0, barW - (stacked ? 0 : 1)), height: h, className: FILL[colorIndex(s.color, j)], children: /* @__PURE__ */ jsx("title", { children: `${String(row[index])} \xB7 ${s.label ?? s.key}: ${valueFormat(v)}` }) }, s.key);
+    }) }, i);
+  }) });
+}
+function LineChart({ area = false, ...props }) {
+  const { data, series, index, valueFormat = defaultFormat } = props;
+  const max = niceMax(Math.max(0, ...data.flatMap((row) => series.map((s) => valueOf(row, s.key)))));
+  const slot = VB_W / Math.max(1, data.length);
+  const x = (i) => i * slot + slot / 2;
+  const y = (v) => VB_H - v / max * VB_H;
+  return /* @__PURE__ */ jsx(Frame, { ...props, max, children: series.map((s, j) => {
+    const c = colorIndex(s.color, j);
+    const pts = data.map((row, i) => `${x(i)},${y(valueOf(row, s.key))}`);
+    return /* @__PURE__ */ jsxs("g", { children: [
+      area && data.length > 0 && /* @__PURE__ */ jsx("polygon", { points: `${x(0)},${VB_H} ${pts.join(" ")} ${x(data.length - 1)},${VB_H}`, className: cn(FILL[c], "opacity-15") }),
+      /* @__PURE__ */ jsx("polyline", { points: pts.join(" "), fill: "none", strokeWidth: "2", strokeLinejoin: "round", strokeLinecap: "round", vectorEffect: "non-scaling-stroke", className: STROKE[c] }),
+      data.map((row, i) => (
+        // A wide, invisible hit area per point carries the hover text.
+        /* @__PURE__ */ jsx("rect", { x: x(i) - slot / 2, y: "0", width: slot, height: VB_H, className: "fill-transparent", children: /* @__PURE__ */ jsx("title", { children: `${String(row[index])} \xB7 ${s.label ?? s.key}: ${valueFormat(valueOf(row, s.key))}` }) }, i)
+      ))
+    ] }, s.key);
+  }) });
+}
+function DonutChart({ data, title, center, valueFormat = defaultFormat, legend = true, className, ...props }) {
+  const total = data.reduce((sum, d) => sum + Math.max(0, d.value), 0) || 1;
+  const r = 15.9155;
+  let offset = 25;
+  return /* @__PURE__ */ jsxs("figure", { "aria-label": title, className: cn("m-0 flex flex-wrap items-center gap-6", className), ...props, children: [
+    /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "relative size-40 shrink-0", children: [
+      /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 42 42", className: "size-full rtl:-scale-x-100", children: [
+        /* @__PURE__ */ jsx("circle", { cx: "21", cy: "21", r, fill: "none", strokeWidth: "6", className: "stroke-[var(--color-surface-container-high)]" }),
+        data.map((d, i) => {
+          const pct = Math.max(0, d.value) / total * 100;
+          const dash = `${pct} ${100 - pct}`;
+          const el = /* @__PURE__ */ jsx("circle", { cx: "21", cy: "21", r, fill: "none", strokeWidth: "6", strokeDasharray: dash, strokeDashoffset: offset, className: STROKE[colorIndex(d.color, i)], children: /* @__PURE__ */ jsx("title", { children: `${d.label}: ${valueFormat(d.value)} (${Math.round(pct)}%)` }) }, d.label);
+          offset -= pct;
+          return el;
+        })
+      ] }),
+      center != null && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center text-center text-title-md text-[var(--color-on-surface)]", children: center })
+    ] }),
+    legend && /* @__PURE__ */ jsx(ChartLegend, { "aria-hidden": "true", className: "flex-col", items: data.map((d) => ({ label: d.label, color: d.color })) }),
+    /* @__PURE__ */ jsxs("table", { className: "sr-only", children: [
+      /* @__PURE__ */ jsx("caption", { children: title }),
+      /* @__PURE__ */ jsx("tbody", { children: data.map((d) => /* @__PURE__ */ jsxs("tr", { children: [
+        /* @__PURE__ */ jsx("th", { scope: "row", children: d.label }),
+        /* @__PURE__ */ jsx("td", { children: valueFormat(d.value) }),
+        /* @__PURE__ */ jsxs("td", { children: [
+          Math.round(Math.max(0, d.value) / total * 100),
+          "%"
+        ] })
+      ] }, d.label)) })
+    ] })
+  ] });
+}
+function Sparkline({ values, label, color = 1, area = false, className, ...props }) {
+  const min = Math.min(...values);
+  const span = Math.max(...values) - min || 1;
+  const step = values.length > 1 ? VB_W / (values.length - 1) : 0;
+  const pts = values.map((v, i) => `${i * step},${VB_H - 4 - (v - min) / span * (VB_H - 8)}`).join(" ");
+  const c = colorIndex(color, 0);
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: `0 0 ${VB_W} ${VB_H}`,
+      preserveAspectRatio: "none",
+      ...label ? { role: "img", "aria-label": label } : { "aria-hidden": true },
+      className: cn("h-8 w-24 overflow-visible rtl:-scale-x-100", className),
+      ...props,
+      children: [
+        area && values.length > 1 && /* @__PURE__ */ jsx("polygon", { points: `0,${VB_H} ${pts} ${VB_W},${VB_H}`, className: cn(FILL[c], "opacity-15") }),
+        /* @__PURE__ */ jsx("polyline", { points: pts, fill: "none", strokeWidth: "1.5", strokeLinejoin: "round", strokeLinecap: "round", vectorEffect: "non-scaling-stroke", className: STROKE[c] })
+      ]
+    }
+  );
+}
+export {
+  BarChart,
+  ChartLegend,
+  DonutChart,
+  LineChart,
+  Sparkline,
+  niceMax
+};

package/dist/components/Chart/index.d.ts

@@ -0,0 +1,2 @@
+export { BarChart, LineChart, DonutChart, Sparkline, ChartLegend, niceMax } from './Chart.js';
+export type { BarChartProps, LineChartProps, DonutChartProps, SparklineProps, ChartLegendProps, ChartSeries, ChartColor } from './Chart.js';

package/dist/components/Chart/index.js

@@ -0,0 +1,9 @@
+import { BarChart, LineChart, DonutChart, Sparkline, ChartLegend, niceMax } from "./Chart.js";
+export {
+  BarChart,
+  ChartLegend,
+  DonutChart,
+  LineChart,
+  Sparkline,
+  niceMax
+};

package/dist/components/CheckList/CheckList.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface CheckListProps extends React.HTMLAttributes<HTMLUListElement> {
+    items?: string[];
+    children?: React.ReactNode;
+}
+export declare const CheckList: React.ForwardRefExoticComponent<CheckListProps & React.RefAttributes<HTMLUListElement>>;
+export interface CheckListItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    children: React.ReactNode;
+}
+export declare const CheckListItem: React.ForwardRefExoticComponent<CheckListItemProps & React.RefAttributes<HTMLLIElement>>;

package/dist/{chunk-T3RBFJML.js → components/CheckList/CheckList.js}

@@ -1,13 +1,8 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/CheckList/CheckList.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Check } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var CheckList = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+const CheckList = React.forwardRef(
   ({ className, items, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "ul",
@@ -24,7 +19,7 @@ var CheckList = React.forwardRef(
   }
 );
 CheckList.displayName = "CheckList";
-var CheckListItem = React.forwardRef(
+const CheckListItem = React.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "li",
@@ -47,7 +42,6 @@ var CheckListItem = React.forwardRef(
   }
 );
 CheckListItem.displayName = "CheckListItem";
-
 export {
   CheckList,
   CheckListItem

package/dist/components/CheckList/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckList, CheckListItem } from './CheckList.js';
+export type { CheckListProps, CheckListItemProps } from './CheckList.js';

package/dist/components/CheckList/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  CheckList,
-  CheckListItem
-} from "../../chunk-T3RBFJML.js";
-import "../../chunk-WRVFNYO3.js";
+import { CheckList, CheckListItem } from "./CheckList.js";
 export {
   CheckList,
   CheckListItem

package/dist/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+export interface CheckboxProps extends RadixCheckbox.CheckboxProps {
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-JOOKMCAF.js → components/Checkbox/Checkbox.js}

@@ -1,14 +1,10 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Checkbox/Checkbox.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixCheckbox from "@radix-ui/react-checkbox";
 import { Minus } from "@nexub/icons";
-import { jsx } from "react/jsx-runtime";
-var Checkbox = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+const Checkbox = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixCheckbox.Root,
     {
@@ -32,7 +28,6 @@ var Checkbox = React.forwardRef(
   )
 );
 Checkbox.displayName = "Checkbox";
-
 export {
   Checkbox
 };

package/dist/components/Checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Checkbox } from './Checkbox.js';
+export type { CheckboxProps } from './Checkbox.js';

package/dist/components/Checkbox/index.js

@@ -1,8 +1,4 @@
-'use client';
-import {
-  Checkbox
-} from "../../chunk-JOOKMCAF.js";
-import "../../chunk-WRVFNYO3.js";
+import { Checkbox } from "./Checkbox.js";
 export {
   Checkbox
 };

package/dist/components/CheckboxCard/CheckboxCard.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import { type SelectableCardContentProps } from '../RadioCard/selectableCard.js';
+export interface CheckboxCardProps extends Omit<RadixCheckbox.CheckboxProps, 'title' | 'children' | 'checked' | 'defaultChecked' | 'onCheckedChange'>, SelectableCardContentProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export declare const CheckboxCard: React.ForwardRefExoticComponent<CheckboxCardProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-EYGT5IX4.js → components/CheckboxCard/CheckboxCard.js}

@@ -1,18 +1,14 @@
-'use client';
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as RadixCheckbox from "@radix-ui/react-checkbox";
+import { cn } from "../../utils/cn.js";
 import {
   SelectableCardContent,
   selectableCardClass,
   useCardIds
-} from "./chunk-6SPCGCDG.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/CheckboxCard/CheckboxCard.tsx
-import * as React from "react";
-import * as RadixCheckbox from "@radix-ui/react-checkbox";
-import { jsx } from "react/jsx-runtime";
-var CheckboxCard = React.forwardRef(
+} from "../RadioCard/selectableCard.js";
+const CheckboxCard = React.forwardRef(
   ({ className, icon, title, description, children, onCheckedChange, ...props }, ref) => {
     const ids = useCardIds(description != null);
     return /* @__PURE__ */ jsx(
@@ -41,7 +37,6 @@ var CheckboxCard = React.forwardRef(
   }
 );
 CheckboxCard.displayName = "CheckboxCard";
-
 export {
   CheckboxCard
 };

package/dist/components/CheckboxCard/index.d.ts

@@ -0,0 +1,2 @@
+export { CheckboxCard } from './CheckboxCard.js';
+export type { CheckboxCardProps } from './CheckboxCard.js';

package/dist/components/CheckboxCard/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  CheckboxCard
-} from "../../chunk-EYGT5IX4.js";
-import "../../chunk-6SPCGCDG.js";
-import "../../chunk-WRVFNYO3.js";
+import { CheckboxCard } from "./CheckboxCard.js";
 export {
   CheckboxCard
 };

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ToneValue } from '../Button/Button.js';
+export declare const chipVariants: (props?: ({
+    size?: "sm" | "md" | null | undefined;
+    tone?: "neutral" | "info" | "success" | "warning" | "danger" | "leap" | "bookub" | "payub" | "founderub" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ChipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof chipVariants> {
+    tone?: ToneValue;
+    onRemove?: () => void;
+}
+export declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-PFDUHXT5.js → components/Chip/Chip.js}

@@ -1,16 +1,10 @@
-'use client';
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Chip/Chip.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-var chipVariants = cva(
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+const chipVariants = cva(
   "inline-flex items-center gap-1 rounded-shape-control select-none",
   {
     variants: {
@@ -37,7 +31,7 @@ var chipVariants = cva(
     }
   }
 );
-var Chip = React.forwardRef(
+const Chip = React.forwardRef(
   ({ className, size, tone = "neutral", onRemove, children, ...props }, ref) => {
     const messages = useNexubMessages();
     return /* @__PURE__ */ jsxs(
@@ -89,8 +83,7 @@ var Chip = React.forwardRef(
   }
 );
 Chip.displayName = "Chip";
-
 export {
-  chipVariants,
-  Chip
+  Chip,
+  chipVariants
 };

package/dist/components/Chip/index.d.ts

@@ -0,0 +1,2 @@
+export { Chip, chipVariants } from './Chip.js';
+export type { ChipProps } from './Chip.js';

package/dist/components/Chip/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  Chip,
-  chipVariants
-} from "../../chunk-PFDUHXT5.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { Chip, chipVariants } from "./Chip.js";
 export {
   Chip,
   chipVariants