@cognite/aura 0.3.5 → 1.46105.0

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

@@ -1,68 +1,88 @@
-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";
-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 };
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox";
+import { IconCheck, IconMinus } from "@tabler/icons-react";
+import { cva } from "class-variance-authority";
+import { cn, focusState, invalidState, selectionItemBase, selectionItemCard, selectionItemDefault, selectionItemDescription, selectionItemLabel } from "../../../../lib/utils.js";
+const CheckboxGroup = /*#__PURE__*/ forwardRef(({ className, orientation = 'vertical', role = 'group', ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("div", {
+        ref: ref,
+        role: role,
+        "data-slot": "checkbox-group",
+        "data-orientation": orientation,
+        className: cn(orientation === 'horizontal' ? 'flex items-center gap-2' : 'grid has-[[data-variant=card]]:gap-2', className),
+        ...props
+    });
+});
+CheckboxGroup.displayName = 'CheckboxGroup';
+const checkboxItemVariants = cva(cn('group/checkbox-item', selectionItemBase), {
+    variants: {
+        variant: {
+            default: selectionItemDefault,
+            card: selectionItemCard
+        }
+    },
+    defaultVariants: {
+        variant: 'default'
+    }
+});
+const CheckboxItem = /*#__PURE__*/ forwardRef(({ className, variant, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("label", {
+        ref: ref,
+        "data-slot": "checkbox-item",
+        "data-variant": variant ?? 'default',
+        className: cn(checkboxItemVariants({
+            variant
+        }), className),
+        ...props
+    });
+});
+CheckboxItem.displayName = 'CheckboxItem';
+const CheckboxItemControl = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx(CheckboxPrimitive.Root, {
+        ref: ref,
+        "data-slot": "checkbox-item-control",
+        className: cn('peer relative size-4 shrink-0 rounded-sm border-[1.5px] border-muted-foreground bg-transparent text-primary-foreground 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 [&:is([data-checked],[data-indeterminate]):not([data-disabled])]:hover:bg-primary-background-hover', 'data-unchecked:not-data-disabled:hover:border-muted-foreground-hover group-hover/checkbox-item:data-unchecked:not-data-disabled:border-muted-foreground-hover', 'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:text-base-foreground-disabled', 'data-disabled:data-unchecked:border-disabled data-disabled:data-unchecked:bg-transparent', 'data-disabled:[&:is([data-checked],[data-indeterminate])]:border-transparent data-disabled:[&:is([data-checked],[data-indeterminate])]:bg-base-background-disabled', '[&[data-checked]_[data-slot=checkbox-check]]:block [&[data-indeterminate]_[data-slot=checkbox-dash]]:block', focusState, invalidState, className),
+        ...props,
+        children: /*#__PURE__*/ _jsxs(CheckboxPrimitive.Indicator, {
+            "data-slot": "checkbox-indicator",
+            className: "grid size-full place-content-center text-current transition-none",
+            children: [
+                /*#__PURE__*/ _jsx(IconCheck, {
+                    "aria-hidden": "true",
+                    "data-slot": "checkbox-check",
+                    className: "hidden size-3",
+                    stroke: 3
+                }),
+                /*#__PURE__*/ _jsx(IconMinus, {
+                    "aria-hidden": "true",
+                    "data-slot": "checkbox-dash",
+                    className: "hidden size-3",
+                    stroke: 3.5
+                })
+            ]
+        })
+    });
+});
+CheckboxItemControl.displayName = 'CheckboxItemControl';
+const CheckboxItemLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "checkbox-item-label",
+        className: cn(selectionItemLabel, 'group-has-[[data-checked]]/checkbox-item:text-base-foreground', 'group-has-[[data-indeterminate]]/checkbox-item:text-base-foreground', 'group-has-[[data-disabled]]/checkbox-item:text-base-foreground-disabled', className),
+        ...props
+    });
+});
+CheckboxItemLabel.displayName = 'CheckboxItemLabel';
+const CheckboxItemDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>{
+    return /*#__PURE__*/ _jsx("span", {
+        ref: ref,
+        "data-slot": "checkbox-item-description",
+        className: cn(selectionItemDescription, 'group-has-[[data-disabled]]/checkbox-item:text-base-foreground-disabled', className),
+        ...props
+    });
+});
+CheckboxItemDescription.displayName = 'CheckboxItemDescription';
+export { CheckboxGroup, CheckboxItem, CheckboxItemControl, CheckboxItemDescription, CheckboxItemLabel };
+
+//# sourceMappingURL=checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/checkbox/checkbox.tsx"],"sourcesContent":["import {\n  type ForwardRefExoticComponent,\n  type RefAttributes,\n  type ComponentRef,\n  type HTMLAttributes,\n  forwardRef,\n} from 'react';\n\nimport type { CheckboxRootProps } from '@base-ui/react/checkbox';\nimport { Checkbox as CheckboxPrimitive } from '@base-ui/react/checkbox';\nimport { IconCheck, IconMinus } from '@tabler/icons-react';\nimport { type VariantProps, cva } from 'class-variance-authority';\nimport type { ClassProp } from 'class-variance-authority/types';\n\nimport {\n  cn,\n  focusState,\n  invalidState,\n  selectionItemBase,\n  selectionItemCard,\n  selectionItemDefault,\n  selectionItemDescription,\n  selectionItemLabel,\n} from '../../../../lib/utils';\n\ntype Orientation = 'horizontal' | 'vertical';\n\ntype CheckboxGroupProps = HTMLAttributes<HTMLDivElement> & {\n  orientation?: Orientation;\n};\n\nconst CheckboxGroup: ForwardRefExoticComponent<\n  HTMLAttributes<HTMLDivElement> & {\n    orientation?: Orientation;\n  } & RefAttributes<HTMLDivElement>\n> = forwardRef<HTMLDivElement, CheckboxGroupProps>(\n  ({ className, orientation = 'vertical', role = 'group', ...props }, ref) => {\n    return (\n      <div\n        ref={ref}\n        role={role}\n        data-slot=\"checkbox-group\"\n        data-orientation={orientation}\n        className={cn(\n          orientation === 'horizontal'\n            ? 'flex items-center gap-2'\n            : 'grid has-[[data-variant=card]]:gap-2',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nCheckboxGroup.displayName = 'CheckboxGroup';\n\ninterface CheckboxItemVariantProps {\n  variant?: 'default' | 'card' | null;\n}\n\nconst checkboxItemVariants: (\n  props?: (CheckboxItemVariantProps & ClassProp) | undefined\n) => string = cva(cn('group/checkbox-item', selectionItemBase), {\n  variants: {\n    variant: {\n      default: selectionItemDefault,\n      card: selectionItemCard,\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n  },\n});\n\ntype CheckboxItemProps = HTMLAttributes<HTMLLabelElement> &\n  VariantProps<typeof checkboxItemVariants>;\n\nconst CheckboxItem: ForwardRefExoticComponent<\n  HTMLAttributes<HTMLLabelElement> &\n    VariantProps<typeof checkboxItemVariants> &\n    RefAttributes<HTMLLabelElement>\n> = forwardRef<ComponentRef<'label'>, CheckboxItemProps>(\n  ({ className, variant, ...props }, ref) => {\n    return (\n      <label\n        ref={ref}\n        data-slot=\"checkbox-item\"\n        data-variant={variant ?? 'default'}\n        className={cn(checkboxItemVariants({ variant }), className)}\n        {...props}\n      />\n    );\n  }\n);\nCheckboxItem.displayName = 'CheckboxItem';\n\ntype CheckboxItemControlProps = CheckboxPrimitive.Root.Props;\n\nconst CheckboxItemControl: ForwardRefExoticComponent<\n  Omit<CheckboxRootProps, 'ref'> & RefAttributes<HTMLElement>\n> = forwardRef<\n  ComponentRef<typeof CheckboxPrimitive.Root>,\n  CheckboxItemControlProps\n>(({ className, ...props }, ref) => {\n  return (\n    <CheckboxPrimitive.Root\n      ref={ref}\n      data-slot=\"checkbox-item-control\"\n      className={cn(\n        'peer relative size-4 shrink-0 rounded-sm border-[1.5px] border-muted-foreground bg-transparent text-primary-foreground outline-none transition-colors',\n        '[&:is([data-checked],[data-indeterminate]):not([data-disabled])]:border-transparent [&:is([data-checked],[data-indeterminate]):not([data-disabled])]:bg-primary-background [&:is([data-checked],[data-indeterminate]):not([data-disabled])]:hover:bg-primary-background-hover',\n        'data-unchecked:not-data-disabled:hover:border-muted-foreground-hover group-hover/checkbox-item:data-unchecked:not-data-disabled:border-muted-foreground-hover',\n        'data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:text-base-foreground-disabled',\n        'data-disabled:data-unchecked:border-disabled data-disabled:data-unchecked:bg-transparent',\n        'data-disabled:[&:is([data-checked],[data-indeterminate])]:border-transparent data-disabled:[&:is([data-checked],[data-indeterminate])]:bg-base-background-disabled',\n        '[&[data-checked]_[data-slot=checkbox-check]]:block [&[data-indeterminate]_[data-slot=checkbox-dash]]:block',\n        focusState,\n        invalidState,\n        className\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid size-full place-content-center text-current transition-none\"\n      >\n        <IconCheck\n          aria-hidden=\"true\"\n          data-slot=\"checkbox-check\"\n          className=\"hidden size-3\"\n          stroke={3}\n        />\n        <IconMinus\n          aria-hidden=\"true\"\n          data-slot=\"checkbox-dash\"\n          className=\"hidden size-3\"\n          stroke={3.5}\n        />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n});\nCheckboxItemControl.displayName = 'CheckboxItemControl';\n\nconst CheckboxItemLabel: ForwardRefExoticComponent<\n  HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, HTMLAttributes<HTMLSpanElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"checkbox-item-label\"\n        className={cn(\n          selectionItemLabel,\n          'group-has-[[data-checked]]/checkbox-item:text-base-foreground',\n          'group-has-[[data-indeterminate]]/checkbox-item:text-base-foreground',\n          'group-has-[[data-disabled]]/checkbox-item:text-base-foreground-disabled',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nCheckboxItemLabel.displayName = 'CheckboxItemLabel';\n\nconst CheckboxItemDescription: ForwardRefExoticComponent<\n  HTMLAttributes<HTMLSpanElement> & RefAttributes<HTMLSpanElement>\n> = forwardRef<ComponentRef<'span'>, HTMLAttributes<HTMLSpanElement>>(\n  ({ className, ...props }, ref) => {\n    return (\n      <span\n        ref={ref}\n        data-slot=\"checkbox-item-description\"\n        className={cn(\n          selectionItemDescription,\n          'group-has-[[data-disabled]]/checkbox-item:text-base-foreground-disabled',\n          className\n        )}\n        {...props}\n      />\n    );\n  }\n);\nCheckboxItemDescription.displayName = 'CheckboxItemDescription';\n\nexport {\n  CheckboxGroup,\n  CheckboxItem,\n  CheckboxItemControl,\n  CheckboxItemDescription,\n  CheckboxItemLabel,\n};\n"],"names":["forwardRef","Checkbox","CheckboxPrimitive","IconCheck","IconMinus","cva","cn","focusState","invalidState","selectionItemBase","selectionItemCard","selectionItemDefault","selectionItemDescription","selectionItemLabel","CheckboxGroup","className","orientation","role","props","ref","div","data-slot","data-orientation","displayName","checkboxItemVariants","variants","variant","default","card","defaultVariants","CheckboxItem","label","data-variant","CheckboxItemControl","Root","Indicator","aria-hidden","stroke","CheckboxItemLabel","span","CheckboxItemDescription"],"mappings":";AAAA,SAKEA,UAAU,QACL,QAAQ;AAGf,SAASC,YAAYC,iBAAiB,QAAQ,0BAA0B;AACxE,SAASC,SAAS,EAAEC,SAAS,QAAQ,sBAAsB;AAC3D,SAA4BC,GAAG,QAAQ,2BAA2B;AAGlE,SACEC,EAAE,EACFC,UAAU,EACVC,YAAY,EACZC,iBAAiB,EACjBC,iBAAiB,EACjBC,oBAAoB,EACpBC,wBAAwB,EACxBC,kBAAkB,QACb,2BAAwB;AAQ/B,MAAMC,8BAIFd,WACF,CAAC,EAAEe,SAAS,EAAEC,cAAc,UAAU,EAAEC,OAAO,OAAO,EAAE,GAAGC,OAAO,EAAEC;IAClE,qBACE,KAACC;QACCD,KAAKA;QACLF,MAAMA;QACNI,aAAU;QACVC,oBAAkBN;QAClBD,WAAWT,GACTU,gBAAgB,eACZ,4BACA,wCACJD;QAED,GAAGG,KAAK;;AAGf;AAEFJ,cAAcS,WAAW,GAAG;AAM5B,MAAMC,uBAEQnB,IAAIC,GAAG,uBAAuBG,oBAAoB;IAC9DgB,UAAU;QACRC,SAAS;YACPC,SAAShB;YACTiB,MAAMlB;QACR;IACF;IACAmB,iBAAiB;QACfH,SAAS;IACX;AACF;AAKA,MAAMI,6BAIF9B,WACF,CAAC,EAAEe,SAAS,EAAEW,OAAO,EAAE,GAAGR,OAAO,EAAEC;IACjC,qBACE,KAACY;QACCZ,KAAKA;QACLE,aAAU;QACVW,gBAAcN,WAAW;QACzBX,WAAWT,GAAGkB,qBAAqB;YAAEE;QAAQ,IAAIX;QAChD,GAAGG,KAAK;;AAGf;AAEFY,aAAaP,WAAW,GAAG;AAI3B,MAAMU,oCAEFjC,WAGF,CAAC,EAAEe,SAAS,EAAE,GAAGG,OAAO,EAAEC;IAC1B,qBACE,KAACjB,kBAAkBgC,IAAI;QACrBf,KAAKA;QACLE,aAAU;QACVN,WAAWT,GACT,yJACA,iRACA,iKACA,kHACA,4FACA,sKACA,8GACAC,YACAC,cACAO;QAED,GAAGG,KAAK;kBAET,cAAA,MAAChB,kBAAkBiC,SAAS;YAC1Bd,aAAU;YACVN,WAAU;;8BAEV,KAACZ;oBACCiC,eAAY;oBACZf,aAAU;oBACVN,WAAU;oBACVsB,QAAQ;;8BAEV,KAACjC;oBACCgC,eAAY;oBACZf,aAAU;oBACVN,WAAU;oBACVsB,QAAQ;;;;;AAKlB;AACAJ,oBAAoBV,WAAW,GAAG;AAElC,MAAMe,kCAEFtC,WACF,CAAC,EAAEe,SAAS,EAAE,GAAGG,OAAO,EAAEC;IACxB,qBACE,KAACoB;QACCpB,KAAKA;QACLE,aAAU;QACVN,WAAWT,GACTO,oBACA,iEACA,uEACA,2EACAE;QAED,GAAGG,KAAK;;AAGf;AAEFoB,kBAAkBf,WAAW,GAAG;AAEhC,MAAMiB,wCAEFxC,WACF,CAAC,EAAEe,SAAS,EAAE,GAAGG,OAAO,EAAEC;IACxB,qBACE,KAACoB;QACCpB,KAAKA;QACLE,aAAU;QACVN,WAAWT,GACTM,0BACA,2EACAG;QAED,GAAGG,KAAK;;AAGf;AAEFsB,wBAAwBjB,WAAW,GAAG;AAEtC,SACET,aAAa,EACbgB,YAAY,EACZG,mBAAmB,EACnBO,uBAAuB,EACvBF,iBAAiB,GACjB"}

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

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

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

@@ -1,8 +1,7 @@
-//#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."
+export const CheckboxMetadata = {
+    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 };
+
+//# sourceMappingURL=checkbox.metadata.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/components/ui/core/checkbox/checkbox.metadata.ts"],"sourcesContent":["import type { ComponentMeta } from '../../../../lib/types';\n\nexport const CheckboxMetadata: ComponentMeta = {\n  name: 'Checkbox',\n  description:\n    'A composable checkbox group with optional label and description slots, including a card-style item variant and support for checked, unchecked, and indeterminate states.',\n  llmUsage:\n    '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.',\n};\n"],"names":["CheckboxMetadata","name","description","llmUsage"],"mappings":"AAEA,OAAO,MAAMA,mBAAkC;IAC7CC,MAAM;IACNC,aACE;IACFC,UACE;AACJ,EAAE"}

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

@@ -1,29 +1,29 @@
-import { ComponentProps, ForwardRefExoticComponent, HTMLAttributes, RefAttributes } from 'react';
-import { BundledLanguage } from 'shiki/bundle/web';
-import { Button } from '../button/button';
+import { type ComponentProps, type ForwardRefExoticComponent, type HTMLAttributes, type RefAttributes } from "react";
+import { type CodeLanguage } from "../../../../lib/highlight-code";
+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: ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    code: string;
-    copyText?: string;
-    collapsed?: boolean;
-    language: BundledLanguage;
-    showLineNumbers?: boolean;
+	code: string;
+	copyText?: string;
+	collapsed?: boolean;
+	language: CodeLanguage;
+	showLineNumbers?: boolean;
 } & RefAttributes<HTMLDivElement>>;
 type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
-    onCopy?: () => void;
-    onError?: (error: Error) => void;
-    timeout?: number;
+	onCopy?: () => void;
+	onError?: (error: Error) => void;
+	timeout?: number;
 };
-declare const CodeBlockCopyButton: ForwardRefExoticComponent<Omit<CodeBlockCopyButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
-declare const CodeBlockCollapseButton: ForwardRefExoticComponent<Omit<ComponentProps<typeof Button>, 'ref'> & 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;
+	fileName?: string;
+	mimeType?: string;
+	onDownload?: () => void;
+	onError?: (error: Error) => void;
 };
-declare const CodeBlockDownloadButton: ForwardRefExoticComponent<Omit<CodeBlockDownloadButtonProps, 'ref'> & RefAttributes<HTMLElement>>;
-export { CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton, };
+declare const CodeBlockDownloadButton: ForwardRefExoticComponent<Omit<CodeBlockDownloadButtonProps, "ref"> & RefAttributes<HTMLElement>>;
+export { CodeBlock, CodeBlockCollapseButton, CodeBlockCopyButton, CodeBlockDownloadButton };