@cognite/aura 0.3.1 → 0.3.3

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;