@nocoo/basalt 2.0.0-rc.1

package/dist/components/autocomplete.js

@@ -0,0 +1,28 @@
+"use client";
+import { TypeaheadField as e } from "./typeahead-field.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/autocomplete.tsx
+function n({ items: n, value: r, defaultValue: i, onValueChange: a, name: o, placeholder: s = "Search…", disabled: c, loading: l, size: u, className: d, id: f, "aria-label": p, "aria-describedby": m, "aria-invalid": h, ...g }) {
+	return /* @__PURE__ */ t(e, {
+		items: n,
+		value: r,
+		defaultValue: i,
+		onValueChange: a,
+		name: o,
+		placeholder: s,
+		disabled: c,
+		loading: l,
+		size: u,
+		className: d,
+		id: f,
+		allowFreeform: !0,
+		"aria-label": p,
+		"aria-describedby": m,
+		"aria-invalid": h,
+		...g
+	});
+}
+//#endregion
+export { n as Autocomplete };
+
+//# sourceMappingURL=autocomplete.js.map

package/dist/components/autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"autocomplete.js","names":[],"sources":["../../src/components/autocomplete.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from \"react\";\nimport type { InputSize } from \"./input\";\nimport { TypeaheadField, type TypeaheadItem } from \"./typeahead-field\";\n\nexport type AutocompleteItem = TypeaheadItem;\n\nexport type AutocompleteProps = Omit<\n\tComponentPropsWithoutRef<\"div\">,\n\t\"children\" | \"defaultValue\" | \"onChange\"\n> & {\n\t/**\n\t * Suggestions shown as the query matches. Values outside the list are allowed.\n\t */\n\titems: AutocompleteItem[];\n\t/**\n\t * The controlled value.\n\t */\n\tvalue?: string;\n\t/**\n\t * The uncontrolled initial value.\n\t */\n\tdefaultValue?: string;\n\t/**\n\t * Called when the value changes, including freeform text.\n\t */\n\tonValueChange?: (value: string) => void;\n\t/**\n\t * Native form field name.\n\t */\n\tname?: string;\n\t/**\n\t * Placeholder shown when the field is empty.\n\t * @default Search…\n\t */\n\tplaceholder?: string;\n\t/**\n\t * Disable the field.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Disable the field and mark it busy.\n\t * @default false\n\t */\n\tloading?: boolean;\n\t/**\n\t * The visual size of the field.\n\t * @default default\n\t */\n\tsize?: InputSize;\n};\n\nexport function Autocomplete({\n\titems,\n\tvalue,\n\tdefaultValue,\n\tonValueChange,\n\tname,\n\tplaceholder = \"Search…\",\n\tdisabled,\n\tloading,\n\tsize,\n\tclassName,\n\tid,\n\t\"aria-label\": ariaLabel,\n\t\"aria-describedby\": ariaDescribedBy,\n\t\"aria-invalid\": ariaInvalid,\n\t...rest\n}: AutocompleteProps) {\n\treturn (\n\t\t<TypeaheadField\n\t\t\titems={items}\n\t\t\tvalue={value}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tonValueChange={onValueChange}\n\t\t\tname={name}\n\t\t\tplaceholder={placeholder}\n\t\t\tdisabled={disabled}\n\t\t\tloading={loading}\n\t\t\tsize={size}\n\t\t\tclassName={className}\n\t\t\tid={id}\n\t\t\tallowFreeform\n\t\t\taria-label={ariaLabel}\n\t\t\taria-describedby={ariaDescribedBy}\n\t\t\taria-invalid={ariaInvalid}\n\t\t\t{...rest}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;AAoDA,SAAgB,EAAa,EAC5B,UACA,UACA,iBACA,kBACA,SACA,iBAAc,WACd,aACA,YACA,SACA,cACA,OACA,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,GAAG,KACkB;CACrB,OACC,kBAAC,GAAD;EACQ;EACA;EACO;EACC;EACT;EACO;EACH;EACD;EACH;EACK;EACP;EACJ,eAAA;EACA,cAAY;EACZ,oBAAkB;EAClB,gBAAc;EACd,GAAI;CACJ,CAAA;AAEH"}

package/dist/components/avatar.d.ts

@@ -0,0 +1,5 @@
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+import * as React from "react";
+export declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
+export declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/avatar.js

@@ -0,0 +1,28 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-avatar";
+//#region src/components/avatar.tsx
+var i = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Root, {
+	ref: a,
+	className: e("relative flex h-9 w-9 shrink-0 overflow-hidden rounded-full", t),
+	...i
+}));
+i.displayName = r.Root.displayName;
+var a = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Image, {
+	ref: a,
+	className: e("aspect-square h-full w-full", t),
+	...i
+}));
+a.displayName = r.Image.displayName;
+var o = t.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ n(r.Fallback, {
+	ref: a,
+	className: e("flex h-full w-full items-center justify-center rounded-full bg-basalt-muted text-xs", t),
+	...i
+}));
+o.displayName = r.Fallback.displayName;
+//#endregion
+export { i as Avatar, o as AvatarFallback, a as AvatarImage };
+
+//# sourceMappingURL=avatar.js.map

package/dist/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","names":[],"sources":["../../src/components/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport const Avatar = React.forwardRef<\n\tReact.ElementRef<typeof AvatarPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>\n>(({ className, ...props }, ref) => (\n\t<AvatarPrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn(\"relative flex h-9 w-9 shrink-0 overflow-hidden rounded-full\", className)}\n\t\t{...props}\n\t/>\n));\nAvatar.displayName = AvatarPrimitive.Root.displayName;\n\nexport const AvatarImage = React.forwardRef<\n\tReact.ElementRef<typeof AvatarPrimitive.Image>,\n\tReact.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image>\n>(({ className, ...props }, ref) => (\n\t<AvatarPrimitive.Image\n\t\tref={ref}\n\t\tclassName={cn(\"aspect-square h-full w-full\", className)}\n\t\t{...props}\n\t/>\n));\nAvatarImage.displayName = AvatarPrimitive.Image.displayName;\n\nexport const AvatarFallback = React.forwardRef<\n\tReact.ElementRef<typeof AvatarPrimitive.Fallback>,\n\tReact.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback>\n>(({ className, ...props }, ref) => (\n\t<AvatarPrimitive.Fallback\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"flex h-full w-full items-center justify-center rounded-full bg-basalt-muted text-xs\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nAvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;\n"],"mappings":";;;;;;AAIA,IAAa,IAAS,EAAM,YAGzB,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAgB,MAAjB;CACM;CACL,WAAW,EAAG,+DAA+D,CAAS;CACtF,GAAI;AACJ,CAAA,CACD;AACD,EAAO,cAAc,EAAgB,KAAK;AAE1C,IAAa,IAAc,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAgB,OAAjB;CACM;CACL,WAAW,EAAG,+BAA+B,CAAS;CACtD,GAAI;AACJ,CAAA,CACD;AACD,EAAY,cAAc,EAAgB,MAAM;AAEhD,IAAa,IAAiB,EAAM,YAGjC,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAgB,UAAjB;CACM;CACL,WAAW,EACV,uFACA,CACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,EAAe,cAAc,EAAgB,SAAS"}

package/dist/components/badge.d.ts

@@ -0,0 +1,10 @@
+import { type VariantProps } from "class-variance-authority";
+import type * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "blue" | "default" | "destructive" | "error" | "info" | "orange" | "outline" | "purple" | "red" | "secondary" | "success" | "teal" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    dot?: boolean;
+}
+export declare function Badge({ className, variant, dot, children, ...props }: BadgeProps): React.JSX.Element;
+export {};

package/dist/components/badge.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { cva as t } from "class-variance-authority";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/badge.tsx
+var i = t("inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium", {
+	variants: { variant: {
+		default: "border-transparent bg-basalt-primary text-basalt-primary-foreground",
+		secondary: "border-transparent bg-basalt-secondary text-basalt-foreground",
+		destructive: "border-transparent bg-basalt-destructive text-basalt-destructive-foreground",
+		outline: "border-basalt-border text-basalt-foreground",
+		info: "border-transparent bg-basalt-info-tint text-basalt-info",
+		success: "border-transparent bg-basalt-heatmap-green-3 text-white",
+		warning: "border-transparent bg-basalt-warning-tint text-basalt-warning",
+		error: "border-transparent bg-basalt-danger-tint text-basalt-danger",
+		red: "border-transparent bg-basalt-danger text-white",
+		orange: "border-transparent bg-basalt-warning text-white",
+		teal: "border-transparent bg-basalt-chart-3 text-white",
+		blue: "border-transparent bg-basalt-info text-white",
+		purple: "border-transparent bg-basalt-chart-14 text-white"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function a({ className: t, variant: a, dot: o, children: s, ...c }) {
+	return /* @__PURE__ */ r("span", {
+		className: e(i({ variant: a }), t),
+		...c,
+		children: [o ? /* @__PURE__ */ n("span", {
+			className: "size-1.5 rounded-full bg-current",
+			"aria-hidden": "true"
+		}) : null, s]
+	});
+}
+//#endregion
+export { a as Badge };
+
+//# sourceMappingURL=badge.js.map

package/dist/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { cn } from \"../utils/cn\";\n\nconst badgeVariants = cva(\n\t\"inline-flex items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs font-medium\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"border-transparent bg-basalt-primary text-basalt-primary-foreground\",\n\t\t\t\tsecondary: \"border-transparent bg-basalt-secondary text-basalt-foreground\",\n\t\t\t\tdestructive: \"border-transparent bg-basalt-destructive text-basalt-destructive-foreground\",\n\t\t\t\toutline: \"border-basalt-border text-basalt-foreground\",\n\t\t\t\tinfo: \"border-transparent bg-basalt-info-tint text-basalt-info\",\n\t\t\t\tsuccess: \"border-transparent bg-basalt-heatmap-green-3 text-white\",\n\t\t\t\twarning: \"border-transparent bg-basalt-warning-tint text-basalt-warning\",\n\t\t\t\terror: \"border-transparent bg-basalt-danger-tint text-basalt-danger\",\n\t\t\t\tred: \"border-transparent bg-basalt-danger text-white\",\n\t\t\t\torange: \"border-transparent bg-basalt-warning text-white\",\n\t\t\t\tteal: \"border-transparent bg-basalt-chart-3 text-white\",\n\t\t\t\tblue: \"border-transparent bg-basalt-info text-white\",\n\t\t\t\tpurple: \"border-transparent bg-basalt-chart-14 text-white\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: { variant: \"default\" },\n\t},\n);\n\nexport interface BadgeProps\n\textends React.HTMLAttributes<HTMLSpanElement>,\n\t\tVariantProps<typeof badgeVariants> {\n\tdot?: boolean;\n}\n\nexport function Badge({ className, variant, dot, children, ...props }: BadgeProps) {\n\treturn (\n\t\t<span className={cn(badgeVariants({ variant }), className)} {...props}>\n\t\t\t{dot ? <span className=\"size-1.5 rounded-full bg-current\" aria-hidden=\"true\" /> : null}\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n"],"mappings":";;;;;AAIA,IAAM,IAAgB,EACrB,0FACA;CACC,UAAU,EACT,SAAS;EACR,SAAS;EACT,WAAW;EACX,aAAa;EACb,SAAS;EACT,MAAM;EACN,SAAS;EACT,SAAS;EACT,OAAO;EACP,KAAK;EACL,QAAQ;EACR,MAAM;EACN,MAAM;EACN,QAAQ;CACT,EACD;CACA,iBAAiB,EAAE,SAAS,UAAU;AACvC,CACD;AAQA,SAAgB,EAAM,EAAE,cAAW,YAAS,QAAK,aAAU,GAAG,KAAqB;CAClF,OACC,kBAAC,QAAD;EAAM,WAAW,EAAG,EAAc,EAAE,WAAQ,CAAC,GAAG,CAAS;EAAG,GAAI;EAAhE,UAAA,CACE,IAAM,kBAAC,QAAD;GAAM,WAAU;GAAmC,eAAY;EAAQ,CAAA,IAAI,MACjF,CACI;;AAER"}

package/dist/components/banner.d.ts

@@ -0,0 +1,22 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type ReactNode } from "react";
+import { type ButtonProps } from "./button.js";
+declare const bannerVariants: (props?: ({
+    variant?: "alert" | "default" | "error" | "secondary" | null | undefined;
+    size?: "base" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface BannerProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof bannerVariants> {
+    title?: string;
+    description?: ReactNode;
+    icon?: ReactNode;
+    action?: ReactNode;
+}
+declare function BannerRoot({ className, variant, size, title, description, icon, action, children, ...props }: BannerProps): import("react").JSX.Element;
+export declare function BannerAction({ className, variant, size, icon, children, ...props }: ButtonProps): import("react").JSX.Element;
+export declare namespace BannerAction {
+    var displayName: string;
+}
+export declare const Banner: typeof BannerRoot & {
+    Action: typeof BannerAction;
+};
+export {};

package/dist/components/banner.js

@@ -0,0 +1,88 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { Button as t } from "./button.js";
+import { Children as n, createContext as r, useContext as i } from "react";
+import { cva as a } from "class-variance-authority";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/banner.tsx
+var l = a("flex w-full items-start gap-3 rounded-basalt-md text-sm", {
+	variants: {
+		variant: {
+			default: "bg-basalt-info-tint text-basalt-info",
+			alert: "bg-basalt-warning-tint text-basalt-warning",
+			error: "bg-basalt-danger-tint text-basalt-danger",
+			secondary: "bg-basalt-muted text-basalt-foreground"
+		},
+		size: {
+			base: "px-4 py-3",
+			sm: "px-3 py-2"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "base"
+	}
+}), u = r({
+	variant: "default",
+	size: "base"
+});
+function d(e) {
+	return typeof e == "object" && !!e && "type" in e && e.type === p;
+}
+function f({ className: t, variant: r = "default", size: i = "base", title: a, description: f, icon: p, action: m, children: h, ...g }) {
+	let _ = r ?? "default", v = i ?? "base", y = a != null || f != null, b = n.toArray(m), x = b.filter(d), S = b.filter((e) => !d(e)), C = v === "sm" ? x : [...S, ...x], w = v === "sm" ? S : [];
+	return /* @__PURE__ */ s(u.Provider, {
+		value: {
+			variant: _,
+			size: v
+		},
+		children: /* @__PURE__ */ c("div", {
+			className: e(l({
+				variant: _,
+				size: v
+			}), t),
+			...g,
+			children: [
+				p ? /* @__PURE__ */ s("span", {
+					className: "mt-0.5 inline-flex shrink-0 [&_svg]:size-5",
+					children: p
+				}) : null,
+				/* @__PURE__ */ c("div", {
+					className: "min-w-0 flex-1 space-y-0.5",
+					children: [
+						a ? /* @__PURE__ */ s("p", {
+							className: "font-medium",
+							children: a
+						}) : null,
+						f ? /* @__PURE__ */ c("div", {
+							className: e(_ === "secondary" ? "text-basalt-muted-foreground" : "text-current"),
+							children: [f, w.length > 0 ? /* @__PURE__ */ c(o, { children: [" ", w] }) : null]
+						}) : w.length > 0 ? /* @__PURE__ */ s("div", { children: w }) : null,
+						y ? null : h
+					]
+				}),
+				C.length > 0 ? /* @__PURE__ */ s("div", {
+					className: "flex shrink-0 items-center gap-2",
+					children: C
+				}) : null
+			]
+		})
+	});
+}
+function p({ className: n, variant: r = "default", size: a, icon: o, children: c, ...l }) {
+	let d = i(u), f = r === "ghost" ? "ghost" : r === "secondary" ? "secondary" : d.variant === "error" ? "destructive" : "default", p = c == null || c === "";
+	return /* @__PURE__ */ s(t, {
+		variant: f,
+		size: a ?? (p ? "icon" : d.size === "sm" ? "sm" : "default"),
+		icon: o,
+		className: e(p && "size-8", n),
+		...l,
+		children: c
+	});
+}
+p.displayName = "Banner.Action";
+var m = Object.assign(f, { Action: p });
+//#endregion
+export { m as Banner, p as BannerAction };
+
+//# sourceMappingURL=banner.js.map

package/dist/components/banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"banner.js","names":[],"sources":["../../src/components/banner.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { Children, createContext, type HTMLAttributes, type ReactNode, useContext } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Button, type ButtonProps } from \"./button\";\n\nconst bannerVariants = cva(\"flex w-full items-start gap-3 rounded-basalt-md text-sm\", {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"bg-basalt-info-tint text-basalt-info\",\n\t\t\talert: \"bg-basalt-warning-tint text-basalt-warning\",\n\t\t\terror: \"bg-basalt-danger-tint text-basalt-danger\",\n\t\t\tsecondary: \"bg-basalt-muted text-basalt-foreground\",\n\t\t},\n\t\tsize: {\n\t\t\tbase: \"px-4 py-3\",\n\t\t\tsm: \"px-3 py-2\",\n\t\t},\n\t},\n\tdefaultVariants: { variant: \"default\", size: \"base\" },\n});\n\ntype BannerVariant = NonNullable<VariantProps<typeof bannerVariants>[\"variant\"]>;\ntype BannerSize = NonNullable<VariantProps<typeof bannerVariants>[\"size\"]>;\n\nconst BannerContext = createContext<{ variant: BannerVariant; size: BannerSize }>({\n\tvariant: \"default\",\n\tsize: \"base\",\n});\n\nexport interface BannerProps\n\textends HTMLAttributes<HTMLDivElement>,\n\t\tVariantProps<typeof bannerVariants> {\n\ttitle?: string;\n\tdescription?: ReactNode;\n\ticon?: ReactNode;\n\taction?: ReactNode;\n}\n\nfunction isBannerAction(node: ReactNode): boolean {\n\treturn (\n\t\ttypeof node === \"object\" &&\n\t\tnode !== null &&\n\t\t\"type\" in node &&\n\t\t(node as { type: unknown }).type === BannerAction\n\t);\n}\n\nfunction BannerRoot({\n\tclassName,\n\tvariant = \"default\",\n\tsize = \"base\",\n\ttitle,\n\tdescription,\n\ticon,\n\taction,\n\tchildren,\n\t...props\n}: BannerProps) {\n\tconst resolvedVariant = variant ?? \"default\";\n\tconst resolvedSize = size ?? \"base\";\n\tconst structured = title != null || description != null;\n\tconst nodes = Children.toArray(action);\n\tconst ctas = nodes.filter(isBannerAction);\n\tconst other = nodes.filter((node) => !isBannerAction(node));\n\tconst trailing = resolvedSize === \"sm\" ? ctas : [...other, ...ctas];\n\tconst inlineActions = resolvedSize === \"sm\" ? other : [];\n\n\treturn (\n\t\t<BannerContext.Provider value={{ variant: resolvedVariant, size: resolvedSize }}>\n\t\t\t<div\n\t\t\t\tclassName={cn(bannerVariants({ variant: resolvedVariant, size: resolvedSize }), className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{icon ? <span className=\"mt-0.5 inline-flex shrink-0 [&_svg]:size-5\">{icon}</span> : null}\n\t\t\t\t<div className=\"min-w-0 flex-1 space-y-0.5\">\n\t\t\t\t\t{title ? <p className=\"font-medium\">{title}</p> : null}\n\t\t\t\t\t{description ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\tresolvedVariant === \"secondary\" ? \"text-basalt-muted-foreground\" : \"text-current\",\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t{inlineActions.length > 0 ? <> {inlineActions}</> : null}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : inlineActions.length > 0 ? (\n\t\t\t\t\t\t<div>{inlineActions}</div>\n\t\t\t\t\t) : null}\n\t\t\t\t\t{structured ? null : children}\n\t\t\t\t</div>\n\t\t\t\t{trailing.length > 0 ? (\n\t\t\t\t\t<div className=\"flex shrink-0 items-center gap-2\">{trailing}</div>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</BannerContext.Provider>\n\t);\n}\n\nexport function BannerAction({\n\tclassName,\n\tvariant = \"default\",\n\tsize,\n\ticon,\n\tchildren,\n\t...props\n}: ButtonProps) {\n\tconst banner = useContext(BannerContext);\n\tconst mapped =\n\t\tvariant === \"ghost\"\n\t\t\t? \"ghost\"\n\t\t\t: variant === \"secondary\"\n\t\t\t\t? \"secondary\"\n\t\t\t\t: banner.variant === \"error\"\n\t\t\t\t\t? \"destructive\"\n\t\t\t\t\t: \"default\";\n\tconst iconOnly = children == null || children === \"\";\n\treturn (\n\t\t<Button\n\t\t\tvariant={mapped}\n\t\t\tsize={size ?? (iconOnly ? \"icon\" : banner.size === \"sm\" ? \"sm\" : \"default\")}\n\t\t\ticon={icon}\n\t\t\tclassName={cn(iconOnly && \"size-8\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Button>\n\t);\n}\nBannerAction.displayName = \"Banner.Action\";\n\nexport const Banner = Object.assign(BannerRoot, { Action: BannerAction });\n"],"mappings":";;;;;;;AAKA,IAAM,IAAiB,EAAI,2DAA2D;CACrF,UAAU;EACT,SAAS;GACR,SAAS;GACT,OAAO;GACP,OAAO;GACP,WAAW;EACZ;EACA,MAAM;GACL,MAAM;GACN,IAAI;EACL;CACD;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAO;AACrD,CAAC,GAKK,IAAgB,EAA4D;CACjF,SAAS;CACT,MAAM;AACP,CAAC;AAWD,SAAS,EAAe,GAA0B;CACjD,OACC,OAAO,KAAS,cAChB,KACA,UAAU,KACT,EAA2B,SAAS;AAEvC;AAEA,SAAS,EAAW,EACnB,cACA,aAAU,WACV,UAAO,QACP,UACA,gBACA,SACA,WACA,aACA,GAAG,KACY;CACf,IAAM,IAAkB,KAAW,WAC7B,IAAe,KAAQ,QACvB,IAAa,KAAS,QAAQ,KAAe,MAC7C,IAAQ,EAAS,QAAQ,CAAM,GAC/B,IAAO,EAAM,OAAO,CAAc,GAClC,IAAQ,EAAM,QAAQ,MAAS,CAAC,EAAe,CAAI,CAAC,GACpD,IAAW,MAAiB,OAAO,IAAO,CAAC,GAAG,GAAO,GAAG,CAAI,GAC5D,IAAgB,MAAiB,OAAO,IAAQ,CAAC;CAEvD,OACC,kBAAC,EAAc,UAAf;EAAwB,OAAO;GAAE,SAAS;GAAiB,MAAM;EAAa;EAC7E,UAAA,kBAAC,OAAD;GACC,WAAW,EAAG,EAAe;IAAE,SAAS;IAAiB,MAAM;GAAa,CAAC,GAAG,CAAS;GACzF,GAAI;GAFL,UAAA;IAIE,IAAO,kBAAC,QAAD;KAAM,WAAU;KAA8C,UAAA;IAAW,CAAA,IAAI;IACrF,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACE,IAAQ,kBAAC,KAAD;OAAG,WAAU;OAAe,UAAA;MAAS,CAAA,IAAI;MACjD,IACA,kBAAC,OAAD;OACC,WAAW,EACV,MAAoB,cAAc,iCAAiC,cACpE;OAHD,UAAA,CAKE,GACA,EAAc,SAAS,IAAI,kBAAA,GAAA,EAAA,UAAA,CAAE,KAAE,CAAgB,EAAA,CAAA,IAAI,IAChD;MACF,CAAA,IAAA,EAAc,SAAS,IAC1B,kBAAC,OAAD,EAAA,UAAM,EAAmB,CAAA,IACtB;MACH,IAAa,OAAO;KACjB;;IACJ,EAAS,SAAS,IAClB,kBAAC,OAAD;KAAK,WAAU;KAAoC,UAAA;IAAc,CAAA,IAC9D;GACA;;CACkB,CAAA;AAE1B;AAEA,SAAgB,EAAa,EAC5B,cACA,aAAU,WACV,SACA,SACA,aACA,GAAG,KACY;CACf,IAAM,IAAS,EAAW,CAAa,GACjC,IACL,MAAY,UACT,UACA,MAAY,cACX,cACA,EAAO,YAAY,UAClB,gBACA,WACA,IAAW,KAAY,QAAQ,MAAa;CAClD,OACC,kBAAC,GAAD;EACC,SAAS;EACT,MAAM,MAAS,IAAW,SAAS,EAAO,SAAS,OAAO,OAAO;EAC3D;EACN,WAAW,EAAG,KAAY,UAAU,CAAS;EAC7C,GAAI;EAEH;CACM,CAAA;AAEV;AACA,EAAa,cAAc;AAE3B,IAAa,IAAS,OAAO,OAAO,GAAY,EAAE,QAAQ,EAAa,CAAC"}

package/dist/components/basalt-mark.d.ts

@@ -0,0 +1,8 @@
+import type { SVGAttributes } from "react";
+export type BasaltMarkProps = Omit<SVGAttributes<SVGSVGElement>, "className"> & {
+    /**
+     * Additional classes for the mark.
+     */
+    className?: string;
+};
+export declare function BasaltMark({ className, ...props }: BasaltMarkProps): import("react").JSX.Element;

package/dist/components/basalt-mark.js

@@ -0,0 +1,17 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { Mountain as t } from "lucide-react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/basalt-mark.tsx
+function r({ className: r, ...i }) {
+	return /* @__PURE__ */ n(t, {
+		className: e("h-5 w-5 text-basalt-primary", r),
+		strokeWidth: 1.5,
+		"aria-label": "Basalt",
+		...i
+	});
+}
+//#endregion
+export { r as BasaltMark };
+
+//# sourceMappingURL=basalt-mark.js.map

package/dist/components/basalt-mark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"basalt-mark.js","names":[],"sources":["../../src/components/basalt-mark.tsx"],"sourcesContent":["import { Mountain } from \"lucide-react\";\nimport type { SVGAttributes } from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport type BasaltMarkProps = Omit<SVGAttributes<SVGSVGElement>, \"className\"> & {\n\t/**\n\t * Additional classes for the mark.\n\t */\n\tclassName?: string;\n};\n\nexport function BasaltMark({ className, ...props }: BasaltMarkProps) {\n\treturn (\n\t\t<Mountain\n\t\t\tclassName={cn(\"h-5 w-5 text-basalt-primary\", className)}\n\t\t\tstrokeWidth={1.5}\n\t\t\taria-label=\"Basalt\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;AAWA,SAAgB,EAAW,EAAE,cAAW,GAAG,KAA0B;CACpE,OACC,kBAAC,GAAD;EACC,WAAW,EAAG,+BAA+B,CAAS;EACtD,aAAa;EACb,cAAW;EACX,GAAI;CACJ,CAAA;AAEH"}

package/dist/components/breadcrumbs.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+export declare function Breadcrumbs({ items, className, }: {
+    items: {
+        href?: string;
+        label: ReactNode;
+        icon?: ReactNode;
+    }[];
+    className?: string;
+}): import("react").JSX.Element;

package/dist/components/breadcrumbs.js

@@ -0,0 +1,38 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { Link as t } from "./link.js";
+import { ChevronRight as n } from "lucide-react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/breadcrumbs.tsx
+var a = "text-sm font-normal";
+function o({ items: o, className: s }) {
+	return /* @__PURE__ */ r("nav", {
+		"aria-label": "Breadcrumb",
+		className: e("flex items-center gap-1 text-sm font-normal text-basalt-muted-foreground", s),
+		children: o.map((s, c) => {
+			let l = c === o.length - 1 && !s.href, u = s.icon ? /* @__PURE__ */ i("span", {
+				className: "inline-flex items-center gap-1",
+				children: [s.icon, s.label]
+			}) : s.label;
+			return /* @__PURE__ */ i("span", {
+				className: "flex items-center gap-1",
+				children: [c > 0 ? /* @__PURE__ */ r(n, {
+					className: "size-3",
+					"aria-hidden": "true"
+				}) : null, s.href ? /* @__PURE__ */ r(t, {
+					href: s.href,
+					className: e(a, "text-basalt-muted-foreground no-underline transition-colors hover:text-basalt-foreground"),
+					children: u
+				}) : /* @__PURE__ */ r("span", {
+					"aria-current": l ? "page" : void 0,
+					className: e(a, l ? "text-basalt-foreground" : "text-basalt-muted-foreground"),
+					children: u
+				})]
+			}, `${String(s.label)}-${c}`);
+		})
+	});
+}
+//#endregion
+export { o as Breadcrumbs };
+
+//# sourceMappingURL=breadcrumbs.js.map

package/dist/components/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.js","names":[],"sources":["../../src/components/breadcrumbs.tsx"],"sourcesContent":["import { ChevronRight } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Link } from \"./link\";\n\nconst crumbTypeClass = \"text-sm font-normal\";\n\nexport function Breadcrumbs({\n\titems,\n\tclassName,\n}: {\n\titems: { href?: string; label: ReactNode; icon?: ReactNode }[];\n\tclassName?: string;\n}) {\n\treturn (\n\t\t<nav\n\t\t\taria-label=\"Breadcrumb\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex items-center gap-1 text-sm font-normal text-basalt-muted-foreground\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t{items.map((item, index) => {\n\t\t\t\tconst current = index === items.length - 1 && !item.href;\n\t\t\t\tconst label = item.icon ? (\n\t\t\t\t\t<span className=\"inline-flex items-center gap-1\">\n\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t{item.label}\n\t\t\t\t\t</span>\n\t\t\t\t) : (\n\t\t\t\t\titem.label\n\t\t\t\t);\n\t\t\t\treturn (\n\t\t\t\t\t<span key={`${String(item.label)}-${index}`} className=\"flex items-center gap-1\">\n\t\t\t\t\t\t{index > 0 ? <ChevronRight className=\"size-3\" aria-hidden=\"true\" /> : null}\n\t\t\t\t\t\t{item.href ? (\n\t\t\t\t\t\t\t<Link\n\t\t\t\t\t\t\t\thref={item.href}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\tcrumbTypeClass,\n\t\t\t\t\t\t\t\t\t\"text-basalt-muted-foreground no-underline transition-colors hover:text-basalt-foreground\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</Link>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\taria-current={current ? \"page\" : undefined}\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\tcrumbTypeClass,\n\t\t\t\t\t\t\t\t\tcurrent ? \"text-basalt-foreground\" : \"text-basalt-muted-foreground\",\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{label}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</span>\n\t\t\t\t);\n\t\t\t})}\n\t\t</nav>\n\t);\n}\n"],"mappings":";;;;;;AAKA,IAAM,IAAiB;AAEvB,SAAgB,EAAY,EAC3B,UACA,gBAIE;CACF,OACC,kBAAC,OAAD;EACC,cAAW;EACX,WAAW,EACV,4EACA,CACD;EAEC,UAAA,EAAM,KAAK,GAAM,MAAU;GAC3B,IAAM,IAAU,MAAU,EAAM,SAAS,KAAK,CAAC,EAAK,MAC9C,IAAQ,EAAK,OAClB,kBAAC,QAAD;IAAM,WAAU;IAAhB,UAAA,CACE,EAAK,MACL,EAAK,KACD;GAEN,CAAA,IAAA,EAAK;GAEN,OACC,kBAAC,QAAD;IAA6C,WAAU;IAAvD,UAAA,CACE,IAAQ,IAAI,kBAAC,GAAD;KAAc,WAAU;KAAS,eAAY;IAAQ,CAAA,IAAI,MACrE,EAAK,OACL,kBAAC,GAAD;KACC,MAAM,EAAK;KACX,WAAW,EACV,GACA,0FACD;KAEC,UAAA;IACI,CAAA,IAEN,kBAAC,QAAD;KACC,gBAAc,IAAU,SAAS,KAAA;KACjC,WAAW,EACV,GACA,IAAU,2BAA2B,8BACtC;KAEC,UAAA;IACI,CAAA,CAEF;GAvBK,GAAA,GAAG,OAAO,EAAK,KAAK,EAAE,GAAG,GAuB9B;EAER,CAAC;CACG,CAAA;AAEP"}

package/dist/components/button.d.ts

@@ -0,0 +1,17 @@
+import { type VariantProps } from "class-variance-authority";
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+    size?: "default" | "icon" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    loading?: boolean;
+    icon?: React.ReactNode;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export interface LinkButtonProps extends React.AnchorHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof buttonVariants> {
+    icon?: React.ReactNode;
+}
+export declare const LinkButton: React.ForwardRefExoticComponent<LinkButtonProps & React.RefAttributes<HTMLAnchorElement>>;
+export { buttonVariants };

package/dist/components/button.js

@@ -0,0 +1,73 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { FOCUS_RING as t } from "./overlay.js";
+import * as n from "react";
+import { Slot as r } from "@radix-ui/react-slot";
+import { cva as i } from "class-variance-authority";
+import { Loader2 as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/button.tsx
+var c = i(`inline-flex items-center justify-center gap-2 rounded-basalt-md text-sm font-medium transition-colors ${t} disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0`, {
+	variants: {
+		variant: {
+			default: "bg-basalt-primary text-basalt-primary-foreground hover:bg-basalt-primary/90",
+			secondary: "bg-basalt-secondary text-basalt-foreground hover:bg-basalt-accent",
+			destructive: "bg-basalt-destructive text-basalt-destructive-foreground hover:bg-basalt-destructive/90",
+			outline: "border border-basalt-border bg-basalt-secondary hover:bg-basalt-accent hover:text-basalt-accent-foreground",
+			ghost: "hover:bg-basalt-accent hover:text-basalt-accent-foreground",
+			link: "text-basalt-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2",
+			sm: "h-8 rounded-basalt-md px-3 text-xs",
+			lg: "h-10 rounded-basalt-md px-6",
+			icon: "h-9 w-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+}), l = n.forwardRef(({ className: t, variant: n, size: i, asChild: l = !1, type: u = "button", loading: d = !1, icon: f, children: p, disabled: m, ...h }, g) => {
+	let _ = l ? r : "button";
+	if (l) return /* @__PURE__ */ o(_, {
+		className: e(c({
+			variant: n,
+			size: i
+		}), t),
+		ref: g,
+		...h,
+		children: p
+	});
+	let v = d ? /* @__PURE__ */ o(a, {
+		className: "animate-basalt-spin",
+		"aria-hidden": "true"
+	}) : f;
+	return /* @__PURE__ */ s("button", {
+		className: e(c({
+			variant: n,
+			size: i
+		}), t),
+		ref: g,
+		type: u,
+		disabled: m || d,
+		"aria-busy": d || void 0,
+		...h,
+		children: [v, p]
+	});
+});
+l.displayName = "Button";
+var u = n.forwardRef(({ className: t, variant: n, size: r, icon: i, children: a, ...o }, l) => /* @__PURE__ */ s("a", {
+	ref: l,
+	className: e(c({
+		variant: n,
+		size: r
+	}), t),
+	...o,
+	children: [i, a]
+}));
+u.displayName = "LinkButton";
+//#endregion
+export { l as Button, u as LinkButton, c as buttonVariants };
+
+//# sourceMappingURL=button.js.map

package/dist/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","names":[],"sources":["../../src/components/button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Loader2 } from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { FOCUS_RING } from \"./overlay\";\n\nconst buttonVariants = cva(\n\t`inline-flex items-center justify-center gap-2 rounded-basalt-md text-sm font-medium transition-colors ${FOCUS_RING} disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0`,\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-basalt-primary text-basalt-primary-foreground hover:bg-basalt-primary/90\",\n\t\t\t\tsecondary: \"bg-basalt-secondary text-basalt-foreground hover:bg-basalt-accent\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"bg-basalt-destructive text-basalt-destructive-foreground hover:bg-basalt-destructive/90\",\n\t\t\t\toutline:\n\t\t\t\t\t\"border border-basalt-border bg-basalt-secondary hover:bg-basalt-accent hover:text-basalt-accent-foreground\",\n\t\t\t\tghost: \"hover:bg-basalt-accent hover:text-basalt-accent-foreground\",\n\t\t\t\tlink: \"text-basalt-primary underline-offset-4 hover:underline\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"h-9 px-4 py-2\",\n\t\t\t\tsm: \"h-8 rounded-basalt-md px-3 text-xs\",\n\t\t\t\tlg: \"h-10 rounded-basalt-md px-6\",\n\t\t\t\ticon: \"h-9 w-9\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nexport interface ButtonProps\n\textends React.ButtonHTMLAttributes<HTMLButtonElement>,\n\t\tVariantProps<typeof buttonVariants> {\n\tasChild?: boolean;\n\tloading?: boolean;\n\ticon?: React.ReactNode;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\tvariant,\n\t\t\tsize,\n\t\t\tasChild = false,\n\t\t\ttype = \"button\",\n\t\t\tloading = false,\n\t\t\ticon,\n\t\t\tchildren,\n\t\t\tdisabled,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst Comp = asChild ? Slot : \"button\";\n\t\tif (asChild) {\n\t\t\treturn (\n\t\t\t\t<Comp className={cn(buttonVariants({ variant, size }), className)} ref={ref} {...props}>\n\t\t\t\t\t{children}\n\t\t\t\t</Comp>\n\t\t\t);\n\t\t}\n\t\tconst iconNode = loading ? (\n\t\t\t<Loader2 className=\"animate-basalt-spin\" aria-hidden=\"true\" />\n\t\t) : (\n\t\t\ticon\n\t\t);\n\t\treturn (\n\t\t\t<button\n\t\t\t\tclassName={cn(buttonVariants({ variant, size }), className)}\n\t\t\t\tref={ref}\n\t\t\t\ttype={type}\n\t\t\t\tdisabled={disabled || loading}\n\t\t\t\taria-busy={loading || undefined}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{iconNode}\n\t\t\t\t{children}\n\t\t\t</button>\n\t\t);\n\t},\n);\nButton.displayName = \"Button\";\n\nexport interface LinkButtonProps\n\textends React.AnchorHTMLAttributes<HTMLAnchorElement>,\n\t\tVariantProps<typeof buttonVariants> {\n\ticon?: React.ReactNode;\n}\n\nexport const LinkButton = React.forwardRef<HTMLAnchorElement, LinkButtonProps>(\n\t({ className, variant, size, icon, children, ...props }, ref) => (\n\t\t<a ref={ref} className={cn(buttonVariants({ variant, size }), className)} {...props}>\n\t\t\t{icon}\n\t\t\t{children}\n\t\t</a>\n\t),\n);\nLinkButton.displayName = \"LinkButton\";\n\nexport { buttonVariants };\n"],"mappings":";;;;;;;;;AAOA,IAAM,IAAiB,EACtB,yGAAyG,EAAW,gHACpH;CACC,UAAU;EACT,SAAS;GACR,SAAS;GACT,WAAW;GACX,aACC;GACD,SACC;GACD,OAAO;GACP,MAAM;EACP;EACA,MAAM;GACL,SAAS;GACT,IAAI;GACJ,IAAI;GACJ,MAAM;EACP;CACD;CACA,iBAAiB;EAChB,SAAS;EACT,MAAM;CACP;AACD,CACD,GAUa,IAAS,EAAM,YAE1B,EACC,cACA,YACA,SACA,aAAU,IACV,UAAO,UACP,aAAU,IACV,SACA,aACA,aACA,GAAG,KAEJ,MACI;CACJ,IAAM,IAAO,IAAU,IAAO;CAC9B,IAAI,GACH,OACC,kBAAC,GAAD;EAAM,WAAW,EAAG,EAAe;GAAE;GAAS;EAAK,CAAC,GAAG,CAAS;EAAQ;EAAK,GAAI;EAC/E;CACI,CAAA;CAGR,IAAM,IAAW,IAChB,kBAAC,GAAD;EAAS,WAAU;EAAsB,eAAY;CAAQ,CAAA,IAE7D;CAED,OACC,kBAAC,UAAD;EACC,WAAW,EAAG,EAAe;GAAE;GAAS;EAAK,CAAC,GAAG,CAAS;EACrD;EACC;EACN,UAAU,KAAY;EACtB,aAAW,KAAW,KAAA;EACtB,GAAI;EANL,UAAA,CAQE,GACA,CACM;;AAEV,CACD;AACA,EAAO,cAAc;AAQrB,IAAa,IAAa,EAAM,YAC9B,EAAE,cAAW,YAAS,SAAM,SAAM,aAAU,GAAG,KAAS,MACxD,kBAAC,KAAD;CAAQ;CAAK,WAAW,EAAG,EAAe;EAAE;EAAS;CAAK,CAAC,GAAG,CAAS;CAAG,GAAI;CAA9E,UAAA,CACE,GACA,CACC;AAEL,CAAA,CAAA;AACA,EAAW,cAAc"}

package/dist/components/checkbox.d.ts

@@ -0,0 +1,86 @@
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import * as React from "react";
+export type CheckboxSize = "sm" | "default";
+export type CheckboxProps = Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "checked"> & {
+    /**
+     * The controlled checked state of the checkbox.
+     */
+    checked?: boolean | "indeterminate";
+    /**
+     * The visual size of the checkbox.
+     * @default default
+     */
+    size?: CheckboxSize;
+};
+export type CheckboxGroupProps = Omit<React.ComponentPropsWithoutRef<"fieldset">, "onChange" | "defaultValue" | "disabled"> & {
+    /**
+     * The controlled selected values.
+     */
+    value?: string[];
+    /**
+     * The initially selected values.
+     */
+    defaultValue?: string[];
+    /**
+     * Called when the selected values change.
+     */
+    onValueChange?: (value: string[]) => void;
+    /**
+     * Marks the group invalid and shows alert copy.
+     */
+    error?: React.ReactNode;
+    /**
+     * Disable every item in the group.
+     * @default false
+     */
+    disabled?: boolean;
+};
+export type CheckboxLegendProps = React.ComponentPropsWithoutRef<"legend">;
+export type CheckboxItemProps = Omit<CheckboxProps, "checked" | "defaultChecked" | "onCheckedChange" | "value"> & {
+    /**
+     * The value stored in the group when this item is checked.
+     */
+    value: string;
+};
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref">, "checked"> & {
+    /**
+     * The controlled checked state of the checkbox.
+     */
+    checked?: boolean | "indeterminate";
+    /**
+     * The visual size of the checkbox.
+     * @default default
+     */
+    size?: CheckboxSize;
+} & React.RefAttributes<HTMLButtonElement>> & {
+    Group: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref">, "defaultValue" | "disabled" | "onChange"> & {
+        /**
+         * The controlled selected values.
+         */
+        value?: string[];
+        /**
+         * The initially selected values.
+         */
+        defaultValue?: string[];
+        /**
+         * Called when the selected values change.
+         */
+        onValueChange?: (value: string[]) => void;
+        /**
+         * Marks the group invalid and shows alert copy.
+         */
+        error?: React.ReactNode;
+        /**
+         * Disable every item in the group.
+         * @default false
+         */
+        disabled?: boolean;
+    } & React.RefAttributes<HTMLFieldSetElement>>;
+    Legend: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, "ref"> & React.RefAttributes<HTMLLegendElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<CheckboxProps, "checked" | "defaultChecked" | "onCheckedChange" | "value"> & {
+        /**
+         * The value stored in the group when this item is checked.
+         */
+        value: string;
+    } & React.RefAttributes<HTMLButtonElement>>;
+};