@nocoo/basalt 2.0.0-rc.1

package/dist/components/input.js

@@ -0,0 +1,28 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { FOCUS_BORDER as t } from "./overlay.js";
+import { controlSurfaceClass as n } from "../utils/control-surface.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/input.tsx
+var a = {
+	sm: "h-8 px-2.5 py-1.5 text-xs",
+	default: "h-9 px-3 py-2 text-sm",
+	lg: "h-10 px-4 py-2 text-base"
+}, o = {
+	"data-1p-ignore": "true",
+	"data-bwignore": "true",
+	"data-form-type": "other",
+	"data-lpignore": "true"
+}, s = r.forwardRef(({ className: r, type: s, size: c = "default", passwordManagerIgnore: l = !1, ...u }, d) => /* @__PURE__ */ i("input", {
+	type: s,
+	className: n(e("flex w-full text-basalt-foreground shadow-xs file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-basalt-muted-foreground disabled:cursor-not-allowed disabled:border-transparent disabled:text-basalt-muted-foreground/40", a[c], t, "aria-invalid:border-basalt-destructive aria-invalid:focus-visible:border-basalt-destructive", l && "keeper-ignore", r)),
+	ref: d,
+	...u,
+	...l ? o : {}
+}));
+s.displayName = "Input";
+//#endregion
+export { s as Input };
+
+//# sourceMappingURL=input.js.map

package/dist/components/input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.js","names":[],"sources":["../../src/components/input.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { controlSurfaceClass } from \"../utils/control-surface\";\nimport { FOCUS_BORDER } from \"./overlay\";\n\nexport type InputSize = \"sm\" | \"default\" | \"lg\";\n\nconst INPUT_SIZE_CLASS: Record<InputSize, string> = {\n\tsm: \"h-8 px-2.5 py-1.5 text-xs\",\n\tdefault: \"h-9 px-3 py-2 text-sm\",\n\tlg: \"h-10 px-4 py-2 text-base\",\n};\n\nconst PASSWORD_MANAGER_MARKERS = {\n\t\"data-1p-ignore\": \"true\",\n\t\"data-bwignore\": \"true\",\n\t\"data-form-type\": \"other\",\n\t\"data-lpignore\": \"true\",\n} as const;\n\nexport type InputProps = Omit<React.ComponentProps<\"input\">, \"type\" | \"size\"> & {\n\t/**\n\t * The type of input control to render.\n\t */\n\ttype?: React.HTMLInputTypeAttribute;\n\t/**\n\t * The visual size of the input.\n\t * @default default\n\t */\n\tsize?: InputSize;\n\t/**\n\t * Ignore password managers on this field.\n\t * @default false\n\t */\n\tpasswordManagerIgnore?: boolean;\n};\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n\t({ className, type, size = \"default\", passwordManagerIgnore = false, ...props }, ref) => (\n\t\t<input\n\t\t\ttype={type}\n\t\t\tclassName={controlSurfaceClass(\n\t\t\t\tcn(\n\t\t\t\t\t\"flex w-full text-basalt-foreground shadow-xs file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-basalt-muted-foreground disabled:cursor-not-allowed disabled:border-transparent disabled:text-basalt-muted-foreground/40\",\n\t\t\t\t\tINPUT_SIZE_CLASS[size],\n\t\t\t\t\tFOCUS_BORDER,\n\t\t\t\t\t\"aria-invalid:border-basalt-destructive aria-invalid:focus-visible:border-basalt-destructive\",\n\t\t\t\t\tpasswordManagerIgnore && \"keeper-ignore\",\n\t\t\t\t\tclassName,\n\t\t\t\t),\n\t\t\t)}\n\t\t\tref={ref}\n\t\t\t{...props}\n\t\t\t{...(passwordManagerIgnore ? PASSWORD_MANAGER_MARKERS : {})}\n\t\t/>\n\t),\n);\nInput.displayName = \"Input\";\n"],"mappings":";;;;;;;AAOA,IAAM,IAA8C;CACnD,IAAI;CACJ,SAAS;CACT,IAAI;AACL,GAEM,IAA2B;CAChC,kBAAkB;CAClB,iBAAiB;CACjB,kBAAkB;CAClB,iBAAiB;AAClB,GAmBa,IAAQ,EAAM,YACzB,EAAE,cAAW,SAAM,UAAO,WAAW,2BAAwB,IAAO,GAAG,KAAS,MAChF,kBAAC,SAAD;CACO;CACN,WAAW,EACV,EACC,0PACA,EAAiB,IACjB,GACA,+FACA,KAAyB,iBACzB,CACD,CACD;CACK;CACL,GAAI;CACJ,GAAK,IAAwB,IAA2B,CAAC;AACzD,CAAA,CAEH;AACA,EAAM,cAAc"}

package/dist/components/label.d.ts

@@ -0,0 +1,20 @@
+import * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from "react";
+export type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & {
+    /**
+     * Show gray (optional) after the label.
+     * @default false
+     */
+    showOptional?: boolean;
+    /** Info icon with hover text. */
+    tooltip?: React.ReactNode;
+};
+export declare const Label: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    /**
+     * Show gray (optional) after the label.
+     * @default false
+     */
+    showOptional?: boolean;
+    /** Info icon with hover text. */
+    tooltip?: React.ReactNode;
+} & React.RefAttributes<HTMLLabelElement>>;

package/dist/components/label.js

@@ -0,0 +1,34 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { Tooltip as t, TooltipContent as n, TooltipProvider as r, TooltipTrigger as i } from "./tooltip.js";
+import * as a from "react";
+import { Info as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import * as l from "@radix-ui/react-label";
+//#region src/components/label.tsx
+var u = a.forwardRef(({ className: a, children: u, showOptional: d = !1, tooltip: f, ...p }, m) => /* @__PURE__ */ c(l.Root, {
+	ref: m,
+	className: e("inline-flex items-center gap-1 text-sm font-medium leading-none text-basalt-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70", a),
+	...p,
+	children: [
+		u,
+		d ? /* @__PURE__ */ s("span", {
+			className: "font-normal text-basalt-muted-foreground",
+			children: "(optional)"
+		}) : null,
+		f ? /* @__PURE__ */ s(r, { children: /* @__PURE__ */ c(t, { children: [/* @__PURE__ */ s(i, {
+			asChild: !0,
+			children: /* @__PURE__ */ s("button", {
+				type: "button",
+				"aria-label": "More information",
+				className: "inline-flex size-4 shrink-0 items-center justify-center text-basalt-muted-foreground hover:text-basalt-foreground",
+				children: /* @__PURE__ */ s(o, { className: "size-3.5" })
+			})
+		}), /* @__PURE__ */ s(n, { children: f })] }) }) : null
+	]
+}));
+u.displayName = l.Root.displayName;
+//#endregion
+export { u as Label };
+
+//# sourceMappingURL=label.js.map

package/dist/components/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","names":[],"sources":["../../src/components/label.tsx"],"sourcesContent":["import * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Info } from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from \"./tooltip\";\n\nexport type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & {\n\t/**\n\t * Show gray (optional) after the label.\n\t * @default false\n\t */\n\tshowOptional?: boolean;\n\t/** Info icon with hover text. */\n\ttooltip?: React.ReactNode;\n};\n\nexport const Label = React.forwardRef<React.ElementRef<typeof LabelPrimitive.Root>, LabelProps>(\n\t({ className, children, showOptional = false, tooltip, ...props }, ref) => (\n\t\t<LabelPrimitive.Root\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"inline-flex items-center gap-1 text-sm font-medium leading-none text-basalt-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t{showOptional ? (\n\t\t\t\t<span className=\"font-normal text-basalt-muted-foreground\">(optional)</span>\n\t\t\t) : null}\n\t\t\t{tooltip ? (\n\t\t\t\t<TooltipProvider>\n\t\t\t\t\t<Tooltip>\n\t\t\t\t\t\t<TooltipTrigger asChild>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\t\t\taria-label=\"More information\"\n\t\t\t\t\t\t\t\tclassName=\"inline-flex size-4 shrink-0 items-center justify-center text-basalt-muted-foreground hover:text-basalt-foreground\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<Info className=\"size-3.5\" />\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</TooltipTrigger>\n\t\t\t\t\t\t<TooltipContent>{tooltip}</TooltipContent>\n\t\t\t\t\t</Tooltip>\n\t\t\t\t</TooltipProvider>\n\t\t\t) : null}\n\t\t</LabelPrimitive.Root>\n\t),\n);\nLabel.displayName = LabelPrimitive.Root.displayName;\n"],"mappings":";;;;;;;;AAgBA,IAAa,IAAQ,EAAM,YACzB,EAAE,cAAW,aAAU,kBAAe,IAAO,YAAS,GAAG,KAAS,MAClE,kBAAC,EAAe,MAAhB;CACM;CACL,WAAW,EACV,oJACA,CACD;CACA,GAAI;CANL,UAAA;EAQE;EACA,IACA,kBAAC,QAAD;GAAM,WAAU;GAA2C,UAAA;EAAgB,CAAA,IACxE;EACH,IACA,kBAAC,GAAD,EAAA,UACC,kBAAC,GAAD,EAAA,UAAA,CACC,kBAAC,GAAD;GAAgB,SAAA;GACf,UAAA,kBAAC,UAAD;IACC,MAAK;IACL,cAAW;IACX,WAAU;IAEV,UAAA,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;GACrB,CAAA;EACO,CAAA,GAChB,kBAAC,GAAD,EAAA,UAAiB,EAAwB,CAAA,CACjC,EAAA,CAAA,EACO,CAAA,IACd;CACgB;AAEvB,CAAA,CAAA;AACA,EAAM,cAAc,EAAe,KAAK"}

package/dist/components/layer-card.d.ts

@@ -0,0 +1,69 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+declare const PADDING_CLASSES: {
+    readonly none: "";
+    readonly sm: "p-3";
+    readonly md: "p-4";
+    readonly lg: "p-6";
+};
+export type LayerCardPadding = keyof typeof PADDING_CLASSES;
+export type LayerCardProps = Omit<HTMLAttributes<HTMLDivElement>, "className"> & {
+    /**
+     * Additional classes for the card root.
+     */
+    className?: string;
+    /**
+     * Inner spacing for unstructured card content.
+     * @default "none"
+     */
+    padding?: LayerCardPadding;
+};
+export type LayerCardSectionProps = HTMLAttributes<HTMLDivElement>;
+export type LayerCardLoadingProps = Omit<HTMLAttributes<HTMLDivElement>, "aria-label"> & {
+    /**
+     * Accessible label announced for the loading state.
+     * @default "Loading"
+     */
+    label?: string;
+};
+export type LayerCardEmptyProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+    /**
+     * Empty-state heading.
+     * @default "No content"
+     */
+    title?: string;
+    /**
+     * Supporting empty-state text.
+     */
+    description?: string;
+    /**
+     * Optional empty-state icon.
+     */
+    icon?: ReactNode;
+};
+declare function LayerCardSecondary({ className, ...props }: LayerCardSectionProps): import("react").JSX.Element;
+declare function LayerCardPrimary({ className, ...props }: LayerCardSectionProps): import("react").JSX.Element;
+declare function LayerCardHeader({ className, ...props }: LayerCardSectionProps): import("react").JSX.Element;
+declare function LayerCardBody({ className, ...props }: LayerCardSectionProps): import("react").JSX.Element;
+declare function LayerCardFooter({ className, ...props }: LayerCardSectionProps): import("react").JSX.Element;
+declare function LayerCardLoading({ label, className, ...props }: LayerCardLoadingProps): import("react").JSX.Element;
+declare function LayerCardEmpty({ title, description, icon, className, ...props }: LayerCardEmptyProps): import("react").JSX.Element;
+export declare const LayerCard: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "className"> & {
+    /**
+     * Additional classes for the card root.
+     */
+    className?: string;
+    /**
+     * Inner spacing for unstructured card content.
+     * @default "none"
+     */
+    padding?: LayerCardPadding;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Primary: typeof LayerCardPrimary;
+    Secondary: typeof LayerCardSecondary;
+    Header: typeof LayerCardHeader;
+    Body: typeof LayerCardBody;
+    Footer: typeof LayerCardFooter;
+    Loading: typeof LayerCardLoading;
+    Empty: typeof LayerCardEmpty;
+};
+export {};

package/dist/components/layer-card.js

@@ -0,0 +1,104 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { Empty as t } from "./empty.js";
+import { SkeletonLine as n } from "./skeleton-line.js";
+import { Children as r, Fragment as i, forwardRef as a, isValidElement as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/layer-card.tsx
+var l = "overflow-hidden rounded-basalt-lg bg-basalt-bright shadow-xs ring-1 ring-basalt-border", u = "flex w-full flex-col overflow-hidden rounded-basalt-lg bg-basalt-muted text-base ring-1 ring-basalt-border", d = "-my-2 flex items-center gap-2 bg-basalt-muted p-4 text-base font-medium text-basalt-muted-foreground", f = "relative flex flex-col gap-2 overflow-hidden rounded-basalt-lg bg-basalt-bright p-4 pr-3 text-basalt-foreground ring-1 ring-basalt-border", p = {
+	none: "",
+	sm: "p-3",
+	md: "p-4",
+	lg: "p-6"
+};
+function m(e) {
+	return r.toArray(e).some((e) => o(e) ? e.type === _ || e.type === g || e.type === i && m(e.props.children) : !1);
+}
+var h = a(({ className: t, children: n, padding: r = "none", ...i }, a) => /* @__PURE__ */ s("div", {
+	ref: a,
+	className: e(m(n) ? u : l, p[r], t),
+	...i,
+	children: n
+}));
+h.displayName = "LayerCard";
+function g({ className: t, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		className: e(d, t),
+		...n
+	});
+}
+g.displayName = "LayerCard.Secondary";
+function _({ className: t, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		className: e(f, t),
+		...n
+	});
+}
+_.displayName = "LayerCard.Primary";
+function v({ className: t, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		className: e("flex min-w-0 items-start justify-between gap-4 border-b border-basalt-border px-4 py-3", t),
+		...n
+	});
+}
+v.displayName = "LayerCard.Header";
+function y({ className: t, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		className: e("min-w-0 p-4", t),
+		...n
+	});
+}
+y.displayName = "LayerCard.Body";
+function b({ className: t, ...n }) {
+	return /* @__PURE__ */ s("div", {
+		className: e("flex flex-wrap items-center justify-end gap-2 border-t border-basalt-border px-4 py-3", t),
+		...n
+	});
+}
+b.displayName = "LayerCard.Footer";
+function x({ label: t = "Loading", className: r, ...i }) {
+	return /* @__PURE__ */ c("div", {
+		role: "status",
+		"aria-label": t,
+		className: e("space-y-3 p-4", r),
+		...i,
+		children: [
+			/* @__PURE__ */ s(n, {
+				minWidth: 100,
+				maxWidth: 100
+			}),
+			/* @__PURE__ */ s(n, {
+				minWidth: 72,
+				maxWidth: 72
+			}),
+			/* @__PURE__ */ s(n, {
+				minWidth: 88,
+				maxWidth: 88
+			})
+		]
+	});
+}
+x.displayName = "LayerCard.Loading";
+function S({ title: n = "No content", description: r, icon: i, className: a, ...o }) {
+	return /* @__PURE__ */ s(t, {
+		title: n,
+		description: r,
+		icon: i,
+		className: e("p-8", a),
+		...o
+	});
+}
+S.displayName = "LayerCard.Empty";
+var C = Object.assign(h, {
+	Primary: _,
+	Secondary: g,
+	Header: v,
+	Body: y,
+	Footer: b,
+	Loading: x,
+	Empty: S
+});
+//#endregion
+export { C as LayerCard };
+
+//# sourceMappingURL=layer-card.js.map

package/dist/components/layer-card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layer-card.js","names":[],"sources":["../../src/components/layer-card.tsx"],"sourcesContent":["import {\n\tChildren,\n\tFragment,\n\tforwardRef,\n\ttype HTMLAttributes,\n\tisValidElement,\n\ttype ReactElement,\n\ttype ReactNode,\n} from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Empty } from \"./empty\";\nimport { SkeletonLine } from \"./skeleton-line\";\n\nconst SURFACE_CLASSES =\n\t\"overflow-hidden rounded-basalt-lg bg-basalt-bright shadow-xs ring-1 ring-basalt-border\";\nconst LAYERED_ROOT_CLASSES =\n\t\"flex w-full flex-col overflow-hidden rounded-basalt-lg bg-basalt-muted text-base ring-1 ring-basalt-border\";\nconst SECONDARY_CLASSES =\n\t\"-my-2 flex items-center gap-2 bg-basalt-muted p-4 text-base font-medium text-basalt-muted-foreground\";\nconst PRIMARY_CLASSES =\n\t\"relative flex flex-col gap-2 overflow-hidden rounded-basalt-lg bg-basalt-bright p-4 pr-3 text-basalt-foreground ring-1 ring-basalt-border\";\nconst PADDING_CLASSES = {\n\tnone: \"\",\n\tsm: \"p-3\",\n\tmd: \"p-4\",\n\tlg: \"p-6\",\n} as const;\n\nexport type LayerCardPadding = keyof typeof PADDING_CLASSES;\n\nexport type LayerCardProps = Omit<HTMLAttributes<HTMLDivElement>, \"className\"> & {\n\t/**\n\t * Additional classes for the card root.\n\t */\n\tclassName?: string;\n\t/**\n\t * Inner spacing for unstructured card content.\n\t * @default \"none\"\n\t */\n\tpadding?: LayerCardPadding;\n};\nexport type LayerCardSectionProps = HTMLAttributes<HTMLDivElement>;\nexport type LayerCardLoadingProps = Omit<HTMLAttributes<HTMLDivElement>, \"aria-label\"> & {\n\t/**\n\t * Accessible label announced for the loading state.\n\t * @default \"Loading\"\n\t */\n\tlabel?: string;\n};\nexport type LayerCardEmptyProps = Omit<HTMLAttributes<HTMLDivElement>, \"title\"> & {\n\t/**\n\t * Empty-state heading.\n\t * @default \"No content\"\n\t */\n\ttitle?: string;\n\t/**\n\t * Supporting empty-state text.\n\t */\n\tdescription?: string;\n\t/**\n\t * Optional empty-state icon.\n\t */\n\ticon?: ReactNode;\n};\n\nfunction hasLayerCardSections(children: ReactNode): boolean {\n\treturn Children.toArray(children).some((child): boolean => {\n\t\tif (!isValidElement(child)) {\n\t\t\treturn false;\n\t\t}\n\t\tif (child.type === LayerCardPrimary || child.type === LayerCardSecondary) {\n\t\t\treturn true;\n\t\t}\n\t\tif (child.type === Fragment) {\n\t\t\tconst fragmentChild = child as ReactElement<{ children?: ReactNode }>;\n\t\t\treturn hasLayerCardSections(fragmentChild.props.children);\n\t\t}\n\t\treturn false;\n\t});\n}\n\nconst LayerCardRoot = forwardRef<HTMLDivElement, LayerCardProps>(\n\t({ className, children, padding = \"none\", ...props }, ref) => (\n\t\t<div\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\thasLayerCardSections(children) ? LAYERED_ROOT_CLASSES : SURFACE_CLASSES,\n\t\t\t\tPADDING_CLASSES[padding],\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</div>\n\t),\n);\nLayerCardRoot.displayName = \"LayerCard\";\n\nfunction LayerCardSecondary({ className, ...props }: LayerCardSectionProps) {\n\treturn <div className={cn(SECONDARY_CLASSES, className)} {...props} />;\n}\nLayerCardSecondary.displayName = \"LayerCard.Secondary\";\n\nfunction LayerCardPrimary({ className, ...props }: LayerCardSectionProps) {\n\treturn <div className={cn(PRIMARY_CLASSES, className)} {...props} />;\n}\nLayerCardPrimary.displayName = \"LayerCard.Primary\";\n\nfunction LayerCardHeader({ className, ...props }: LayerCardSectionProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex min-w-0 items-start justify-between gap-4 border-b border-basalt-border px-4 py-3\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\nLayerCardHeader.displayName = \"LayerCard.Header\";\n\nfunction LayerCardBody({ className, ...props }: LayerCardSectionProps) {\n\treturn <div className={cn(\"min-w-0 p-4\", className)} {...props} />;\n}\nLayerCardBody.displayName = \"LayerCard.Body\";\n\nfunction LayerCardFooter({ className, ...props }: LayerCardSectionProps) {\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-wrap items-center justify-end gap-2 border-t border-basalt-border px-4 py-3\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\nLayerCardFooter.displayName = \"LayerCard.Footer\";\n\nfunction LayerCardLoading({ label = \"Loading\", className, ...props }: LayerCardLoadingProps) {\n\treturn (\n\t\t<div role=\"status\" aria-label={label} className={cn(\"space-y-3 p-4\", className)} {...props}>\n\t\t\t<SkeletonLine minWidth={100} maxWidth={100} />\n\t\t\t<SkeletonLine minWidth={72} maxWidth={72} />\n\t\t\t<SkeletonLine minWidth={88} maxWidth={88} />\n\t\t</div>\n\t);\n}\nLayerCardLoading.displayName = \"LayerCard.Loading\";\n\nfunction LayerCardEmpty({\n\ttitle = \"No content\",\n\tdescription,\n\ticon,\n\tclassName,\n\t...props\n}: LayerCardEmptyProps) {\n\treturn (\n\t\t<Empty\n\t\t\ttitle={title}\n\t\t\tdescription={description}\n\t\t\ticon={icon}\n\t\t\tclassName={cn(\"p-8\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\nLayerCardEmpty.displayName = \"LayerCard.Empty\";\n\nexport const LayerCard = Object.assign(LayerCardRoot, {\n\tPrimary: LayerCardPrimary,\n\tSecondary: LayerCardSecondary,\n\tHeader: LayerCardHeader,\n\tBody: LayerCardBody,\n\tFooter: LayerCardFooter,\n\tLoading: LayerCardLoading,\n\tEmpty: LayerCardEmpty,\n});\n"],"mappings":";;;;;;;AAaA,IAAM,IACL,0FACK,IACL,8GACK,IACL,wGACK,IACL,6IACK,IAAkB;CACvB,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,IAAI;AACL;AAuCA,SAAS,EAAqB,GAA8B;CAC3D,OAAO,EAAS,QAAQ,CAAQ,CAAC,CAAC,MAAM,MAClC,EAAe,CAAK,IAGrB,EAAM,SAAS,KAAoB,EAAM,SAAS,KAGlD,EAAM,SAAS,KAEX,EAAqB,EAAc,MAAM,QAAQ,IAPjD,EAUR;AACF;AAEA,IAAM,IAAgB,GACpB,EAAE,cAAW,aAAU,aAAU,QAAQ,GAAG,KAAS,MACrD,kBAAC,OAAD;CACM;CACL,WAAW,EACV,EAAqB,CAAQ,IAAI,IAAuB,GACxD,EAAgB,IAChB,CACD;CACA,GAAI;CAEH;AACG,CAAA,CAEP;AACA,EAAc,cAAc;AAE5B,SAAS,EAAmB,EAAE,cAAW,GAAG,KAAgC;CAC3E,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAmB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACtE;AACA,EAAmB,cAAc;AAEjC,SAAS,EAAiB,EAAE,cAAW,GAAG,KAAgC;CACzE,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,GAAiB,CAAS;EAAG,GAAI;CAAQ,CAAA;AACpE;AACA,EAAiB,cAAc;AAE/B,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAgC;CACxE,OACC,kBAAC,OAAD;EACC,WAAW,EACV,0FACA,CACD;EACA,GAAI;CACJ,CAAA;AAEH;AACA,EAAgB,cAAc;AAE9B,SAAS,EAAc,EAAE,cAAW,GAAG,KAAgC;CACtE,OAAO,kBAAC,OAAD;EAAK,WAAW,EAAG,eAAe,CAAS;EAAG,GAAI;CAAQ,CAAA;AAClE;AACA,EAAc,cAAc;AAE5B,SAAS,EAAgB,EAAE,cAAW,GAAG,KAAgC;CACxE,OACC,kBAAC,OAAD;EACC,WAAW,EACV,yFACA,CACD;EACA,GAAI;CACJ,CAAA;AAEH;AACA,EAAgB,cAAc;AAE9B,SAAS,EAAiB,EAAE,WAAQ,WAAW,cAAW,GAAG,KAAgC;CAC5F,OACC,kBAAC,OAAD;EAAK,MAAK;EAAS,cAAY;EAAO,WAAW,EAAG,iBAAiB,CAAS;EAAG,GAAI;EAArF,UAAA;GACC,kBAAC,GAAD;IAAc,UAAU;IAAK,UAAU;GAAM,CAAA;GAC7C,kBAAC,GAAD;IAAc,UAAU;IAAI,UAAU;GAAK,CAAA;GAC3C,kBAAC,GAAD;IAAc,UAAU;IAAI,UAAU;GAAK,CAAA;EACvC;;AAEP;AACA,EAAiB,cAAc;AAE/B,SAAS,EAAe,EACvB,WAAQ,cACR,gBACA,SACA,cACA,GAAG,KACoB;CACvB,OACC,kBAAC,GAAD;EACQ;EACM;EACP;EACN,WAAW,EAAG,OAAO,CAAS;EAC9B,GAAI;CACJ,CAAA;AAEH;AACA,EAAe,cAAc;AAE7B,IAAa,IAAY,OAAO,OAAO,GAAe;CACrD,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,QAAQ;CACR,SAAS;CACT,OAAO;AACR,CAAC"}

package/dist/components/link.d.ts

@@ -0,0 +1,8 @@
+import type * as React from "react";
+export type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "href"> & Record<string, unknown> & {
+    /**
+     * The link destination.
+     */
+    href: string;
+};
+export declare function Link({ className, href, children, ...props }: LinkProps): React.JSX.Element;

package/dist/components/link.js

@@ -0,0 +1,18 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { useLinkComponent as t } from "../providers/link.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/link.tsx
+function r({ className: r, href: i, children: a, ...o }) {
+	let s = t();
+	return /* @__PURE__ */ n(s, {
+		href: i,
+		className: e("text-basalt-primary underline-offset-4 hover:underline", r),
+		...o,
+		children: a
+	});
+}
+//#endregion
+export { r as Link };
+
+//# sourceMappingURL=link.js.map

package/dist/components/link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.js","names":[],"sources":["../../src/components/link.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { useLinkComponent } from \"../providers/link\";\nimport { cn } from \"../utils/cn\";\n\nexport type LinkProps = Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, \"href\"> &\n\tRecord<string, unknown> & {\n\t\t/**\n\t\t * The link destination.\n\t\t */\n\t\thref: string;\n\t};\n\nexport function Link({ className, href, children, ...props }: LinkProps) {\n\tconst Comp = useLinkComponent();\n\treturn (\n\t\t<Comp\n\t\t\thref={href}\n\t\t\tclassName={cn(\"text-basalt-primary underline-offset-4 hover:underline\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Comp>\n\t);\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAAK,EAAE,cAAW,SAAM,aAAU,GAAG,KAAoB;CACxE,IAAM,IAAO,EAAiB;CAC9B,OACC,kBAAC,GAAD;EACO;EACN,WAAW,EAAG,0DAA0D,CAAS;EACjF,GAAI;EAEH;CACI,CAAA;AAER"}

package/dist/components/loader.d.ts

@@ -0,0 +1,4 @@
+import { type SVGAttributes } from "react";
+export declare function Loader({ className, size, ...props }: SVGAttributes<SVGSVGElement> & {
+    size?: number;
+}): import("react").JSX.Element;

package/dist/components/loader.js

@@ -0,0 +1,66 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { useId as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/loader.tsx
+function i({ className: i, size: a = 24, ...o }) {
+	let s = `basalt-loader-${t().replace(/:/g, "")}`;
+	return /* @__PURE__ */ r("svg", {
+		viewBox: "0 0 24 24",
+		role: "status",
+		"aria-label": "Loading",
+		...o,
+		width: a,
+		height: a,
+		className: e("origin-center animate-basalt-loader text-basalt-primary motion-reduce:animate-none", i),
+		children: [
+			/* @__PURE__ */ n("defs", { children: /* @__PURE__ */ r("linearGradient", {
+				id: s,
+				x1: "0%",
+				y1: "0%",
+				x2: "100%",
+				y2: "0%",
+				children: [
+					/* @__PURE__ */ n("stop", {
+						offset: "0%",
+						stopColor: "currentColor",
+						stopOpacity: "0"
+					}),
+					/* @__PURE__ */ n("stop", {
+						offset: "55%",
+						stopColor: "currentColor",
+						stopOpacity: "0.35"
+					}),
+					/* @__PURE__ */ n("stop", {
+						offset: "100%",
+						stopColor: "currentColor",
+						stopOpacity: "1"
+					})
+				]
+			}) }),
+			/* @__PURE__ */ n("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9.5",
+				fill: "none",
+				opacity: "0.12",
+				stroke: "currentColor",
+				strokeWidth: "2.25"
+			}),
+			/* @__PURE__ */ n("circle", {
+				cx: "12",
+				cy: "12",
+				r: "9.5",
+				fill: "none",
+				stroke: `url(#${s})`,
+				strokeWidth: "2.25",
+				strokeLinecap: "round",
+				strokeDasharray: "36 60"
+			})
+		]
+	});
+}
+//#endregion
+export { i as Loader };
+
+//# sourceMappingURL=loader.js.map

package/dist/components/loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.js","names":[],"sources":["../../src/components/loader.tsx"],"sourcesContent":["import { type SVGAttributes, useId } from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport function Loader({\n\tclassName,\n\tsize = 24,\n\t...props\n}: SVGAttributes<SVGSVGElement> & { size?: number }) {\n\tconst gradientId = `basalt-loader-${useId().replace(/:/g, \"\")}`;\n\treturn (\n\t\t<svg\n\t\t\tviewBox=\"0 0 24 24\"\n\t\t\trole=\"status\"\n\t\t\taria-label=\"Loading\"\n\t\t\t{...props}\n\t\t\twidth={size}\n\t\t\theight={size}\n\t\t\tclassName={cn(\n\t\t\t\t\"origin-center animate-basalt-loader text-basalt-primary motion-reduce:animate-none\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<defs>\n\t\t\t\t<linearGradient id={gradientId} x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"0%\">\n\t\t\t\t\t<stop offset=\"0%\" stopColor=\"currentColor\" stopOpacity=\"0\" />\n\t\t\t\t\t<stop offset=\"55%\" stopColor=\"currentColor\" stopOpacity=\"0.35\" />\n\t\t\t\t\t<stop offset=\"100%\" stopColor=\"currentColor\" stopOpacity=\"1\" />\n\t\t\t\t</linearGradient>\n\t\t\t</defs>\n\t\t\t<circle\n\t\t\t\tcx=\"12\"\n\t\t\t\tcy=\"12\"\n\t\t\t\tr=\"9.5\"\n\t\t\t\tfill=\"none\"\n\t\t\t\topacity=\"0.12\"\n\t\t\t\tstroke=\"currentColor\"\n\t\t\t\tstrokeWidth=\"2.25\"\n\t\t\t/>\n\t\t\t<circle\n\t\t\t\tcx=\"12\"\n\t\t\t\tcy=\"12\"\n\t\t\t\tr=\"9.5\"\n\t\t\t\tfill=\"none\"\n\t\t\t\tstroke={`url(#${gradientId})`}\n\t\t\t\tstrokeWidth=\"2.25\"\n\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\tstrokeDasharray=\"36 60\"\n\t\t\t/>\n\t\t</svg>\n\t);\n}\n"],"mappings":";;;;;AAGA,SAAgB,EAAO,EACtB,cACA,UAAO,IACP,GAAG,KACiD;CACpD,IAAM,IAAa,iBAAiB,EAAM,CAAC,CAAC,QAAQ,MAAM,EAAE;CAC5D,OACC,kBAAC,OAAD;EACC,SAAQ;EACR,MAAK;EACL,cAAW;EACX,GAAI;EACJ,OAAO;EACP,QAAQ;EACR,WAAW,EACV,sFACA,CACD;EAVD,UAAA;GAYC,kBAAC,QAAD,EAAA,UACC,kBAAC,kBAAD;IAAgB,IAAI;IAAY,IAAG;IAAK,IAAG;IAAK,IAAG;IAAO,IAAG;IAA7D,UAAA;KACC,kBAAC,QAAD;MAAM,QAAO;MAAK,WAAU;MAAe,aAAY;KAAK,CAAA;KAC5D,kBAAC,QAAD;MAAM,QAAO;MAAM,WAAU;MAAe,aAAY;KAAQ,CAAA;KAChE,kBAAC,QAAD;MAAM,QAAO;MAAO,WAAU;MAAe,aAAY;KAAK,CAAA;IAC/C;GACX,CAAA,EAAA,CAAA;GACN,kBAAC,UAAD;IACC,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;IACL,SAAQ;IACR,QAAO;IACP,aAAY;GACZ,CAAA;GACD,kBAAC,UAAD;IACC,IAAG;IACH,IAAG;IACH,GAAE;IACF,MAAK;IACL,QAAQ,QAAQ,EAAW;IAC3B,aAAY;IACZ,eAAc;IACd,iBAAgB;GAChB,CAAA;EACG;;AAEP"}

package/dist/components/loading-screen.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes, ReactNode } from "react";
+export declare function LoadingScreen({ label, mark, className, ...props }: HTMLAttributes<HTMLDivElement> & {
+    label?: string;
+    mark?: ReactNode;
+}): import("react").JSX.Element;

package/dist/components/loading-screen.js

@@ -0,0 +1,24 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { BasaltMark as t } from "./basalt-mark.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/loading-screen.tsx
+function i({ label: i = "Loading", mark: a, className: o, ...s }) {
+	return /* @__PURE__ */ n("div", {
+		role: "status",
+		"aria-label": i,
+		className: e("fixed inset-0 z-50 flex items-center justify-center bg-basalt-background", o),
+		...s,
+		children: /* @__PURE__ */ r("div", {
+			className: "relative",
+			children: [/* @__PURE__ */ n("div", {
+				className: "flex h-72 w-72 items-center justify-center overflow-hidden rounded-full bg-basalt-secondary p-6 ring-1 ring-basalt-border",
+				children: a ?? /* @__PURE__ */ n(t, { className: "h-28 w-28 text-basalt-muted-foreground" })
+			}), /* @__PURE__ */ n("div", { className: "absolute inset-[-4px] animate-basalt-spin rounded-full border-[3px] border-transparent border-t-basalt-primary motion-reduce:animate-none" })]
+		})
+	});
+}
+//#endregion
+export { i as LoadingScreen };
+
+//# sourceMappingURL=loading-screen.js.map

package/dist/components/loading-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading-screen.js","names":[],"sources":["../../src/components/loading-screen.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { BasaltMark } from \"./basalt-mark\";\n\nexport function LoadingScreen({\n\tlabel = \"Loading\",\n\tmark,\n\tclassName,\n\t...props\n}: HTMLAttributes<HTMLDivElement> & {\n\tlabel?: string;\n\tmark?: ReactNode;\n}) {\n\treturn (\n\t\t<div\n\t\t\trole=\"status\"\n\t\t\taria-label={label}\n\t\t\tclassName={cn(\n\t\t\t\t\"fixed inset-0 z-50 flex items-center justify-center bg-basalt-background\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<div className=\"flex h-72 w-72 items-center justify-center overflow-hidden rounded-full bg-basalt-secondary p-6 ring-1 ring-basalt-border\">\n\t\t\t\t\t{mark ?? <BasaltMark className=\"h-28 w-28 text-basalt-muted-foreground\" />}\n\t\t\t\t</div>\n\t\t\t\t<div className=\"absolute inset-[-4px] animate-basalt-spin rounded-full border-[3px] border-transparent border-t-basalt-primary motion-reduce:animate-none\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;AAIA,SAAgB,EAAc,EAC7B,WAAQ,WACR,SACA,cACA,GAAG,KAID;CACF,OACC,kBAAC,OAAD;EACC,MAAK;EACL,cAAY;EACZ,WAAW,EACV,4EACA,CACD;EACA,GAAI;EAEJ,UAAA,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACC,kBAAC,OAAD;IAAK,WAAU;IACb,UAAA,KAAQ,kBAAC,GAAD,EAAY,WAAU,yCAA0C,CAAA;GACrE,CAAA,GACL,kBAAC,OAAD,EAAK,WAAU,4IAA6I,CAAA,CACxJ;;CACD,CAAA;AAEP"}

package/dist/components/menu-bar.d.ts

@@ -0,0 +1,8 @@
+import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import * as React from "react";
+export declare function MenuBar(props: React.ComponentProps<typeof MenubarPrimitive.Root>): React.JSX.Element;
+export declare function MenuBarMenu(props: React.ComponentProps<typeof MenubarPrimitive.Menu>): React.JSX.Element;
+export declare const MenuBarTrigger: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export declare const MenuBarContent: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const MenuBarItem: React.ForwardRefExoticComponent<Omit<MenubarPrimitive.MenubarItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare function MenuBarRoot({ className, ...props }: React.ComponentProps<typeof MenubarPrimitive.Root>): React.JSX.Element;

package/dist/components/menu-bar.js

@@ -0,0 +1,42 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { overlayItemClass as t, overlayPanelClass as n } from "./overlay.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-menubar";
+//#region src/components/menu-bar.tsx
+function o(e) {
+	return /* @__PURE__ */ i(d, { ...e });
+}
+function s(e) {
+	return /* @__PURE__ */ i(a.Menu, { ...e });
+}
+var c = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i(a.Trigger, {
+	ref: r,
+	className: e("inline-flex h-8 items-center rounded-basalt-sm px-3 text-sm font-medium outline-hidden hover:bg-basalt-accent data-[state=open]:bg-basalt-accent", t),
+	...n
+}));
+c.displayName = a.Trigger.displayName;
+var l = r.forwardRef(({ className: t, sideOffset: r = 8, ...o }, s) => /* @__PURE__ */ i(a.Portal, { children: /* @__PURE__ */ i(a.Content, {
+	ref: s,
+	sideOffset: r,
+	className: n(e("min-w-40", t)),
+	...o
+}) }));
+l.displayName = a.Content.displayName;
+var u = r.forwardRef(({ className: n, ...r }, o) => /* @__PURE__ */ i(a.Item, {
+	ref: o,
+	className: t(e("relative outline-hidden focus:bg-basalt-accent", n)),
+	...r
+}));
+u.displayName = a.Item.displayName;
+function d({ className: t, ...n }) {
+	return /* @__PURE__ */ i(a.Root, {
+		className: e("flex h-9 items-center gap-0.5 rounded-basalt-md border border-basalt-border bg-basalt-popover px-1", t),
+		...n
+	});
+}
+//#endregion
+export { o as MenuBar, l as MenuBarContent, u as MenuBarItem, s as MenuBarMenu, d as MenuBarRoot, c as MenuBarTrigger };
+
+//# sourceMappingURL=menu-bar.js.map

package/dist/components/menu-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-bar.js","names":[],"sources":["../../src/components/menu-bar.tsx"],"sourcesContent":["import * as MenubarPrimitive from \"@radix-ui/react-menubar\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { MENU_GAP, overlayItemClass, overlayPanelClass } from \"./overlay\";\n\nexport function MenuBar(props: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n\treturn <MenuBarRoot {...props} />;\n}\n\nexport function MenuBarMenu(props: React.ComponentProps<typeof MenubarPrimitive.Menu>) {\n\treturn <MenubarPrimitive.Menu {...props} />;\n}\n\nexport const MenuBarTrigger = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.Trigger>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.Trigger>\n>(({ className, ...props }, ref) => (\n\t<MenubarPrimitive.Trigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"inline-flex h-8 items-center rounded-basalt-sm px-3 text-sm font-medium outline-hidden hover:bg-basalt-accent data-[state=open]:bg-basalt-accent\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nMenuBarTrigger.displayName = MenubarPrimitive.Trigger.displayName;\n\nexport const MenuBarContent = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.Content>\n>(({ className, sideOffset = MENU_GAP, ...props }, ref) => (\n\t<MenubarPrimitive.Portal>\n\t\t<MenubarPrimitive.Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={overlayPanelClass(cn(\"min-w-40\", className))}\n\t\t\t{...props}\n\t\t/>\n\t</MenubarPrimitive.Portal>\n));\nMenuBarContent.displayName = MenubarPrimitive.Content.displayName;\n\nexport const MenuBarItem = React.forwardRef<\n\tReact.ElementRef<typeof MenubarPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof MenubarPrimitive.Item>\n>(({ className, ...props }, ref) => (\n\t<MenubarPrimitive.Item\n\t\tref={ref}\n\t\tclassName={overlayItemClass(cn(\"relative outline-hidden focus:bg-basalt-accent\", className))}\n\t\t{...props}\n\t/>\n));\nMenuBarItem.displayName = MenubarPrimitive.Item.displayName;\n\nexport function MenuBarRoot({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof MenubarPrimitive.Root>) {\n\treturn (\n\t\t<MenubarPrimitive.Root\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-9 items-center gap-0.5 rounded-basalt-md border border-basalt-border bg-basalt-popover px-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,EAAQ,GAA2D;CAClF,OAAO,kBAAC,GAAD,EAAa,GAAI,EAAQ,CAAA;AACjC;AAEA,SAAgB,EAAY,GAA2D;CACtF,OAAO,kBAAC,EAAiB,MAAlB,EAAuB,GAAI,EAAQ,CAAA;AAC3C;AAEA,IAAa,IAAiB,EAAM,YAGjC,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAiB,SAAlB;CACM;CACL,WAAW,EACV,oJACA,CACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,EAAe,cAAc,EAAiB,QAAQ;AAEtD,IAAa,IAAiB,EAAM,YAGjC,EAAE,cAAW,gBAAA,GAAuB,GAAG,KAAS,MAClD,kBAAC,EAAiB,QAAlB,EAAA,UACC,kBAAC,EAAiB,SAAlB;CACM;CACO;CACZ,WAAW,EAAkB,EAAG,YAAY,CAAS,CAAC;CACtD,GAAI;AACJ,CAAA,EACuB,CAAA,CACzB;AACD,EAAe,cAAc,EAAiB,QAAQ;AAEtD,IAAa,IAAc,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAiB,MAAlB;CACM;CACL,WAAW,EAAiB,EAAG,kDAAkD,CAAS,CAAC;CAC3F,GAAI;AACJ,CAAA,CACD;AACD,EAAY,cAAc,EAAiB,KAAK;AAEhD,SAAgB,EAAY,EAC3B,cACA,GAAG,KACmD;CACtD,OACC,kBAAC,EAAiB,MAAlB;EACC,WAAW,EACV,sGACA,CACD;EACA,GAAI;CACJ,CAAA;AAEH"}

package/dist/components/meter.d.ts

@@ -0,0 +1,8 @@
+export declare function Meter({ value, label, customValue, hideValue, className, "aria-label": ariaLabel, }: {
+    value?: number;
+    label?: string;
+    customValue?: string;
+    hideValue?: boolean;
+    className?: string;
+    "aria-label"?: string;
+}): import("react").JSX.Element;

package/dist/components/meter.js

@@ -0,0 +1,26 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "@radix-ui/react-progress";
+//#region src/components/meter.tsx
+function i({ value: i = 0, label: a, customValue: o, hideValue: s = !1, className: c, "aria-label": l }) {
+	return /* @__PURE__ */ n("div", {
+		className: e("w-full space-y-1", c),
+		children: [a || !s && o ? /* @__PURE__ */ n("div", {
+			className: "flex justify-between text-xs text-basalt-muted-foreground",
+			children: [/* @__PURE__ */ t("span", { children: a }), s ? null : /* @__PURE__ */ t("span", { children: o ?? `${i}%` })]
+		}) : null, /* @__PURE__ */ t(r.Root, {
+			value: i,
+			"aria-label": l ?? a,
+			className: "relative h-2 overflow-hidden rounded-full bg-basalt-muted",
+			children: /* @__PURE__ */ t(r.Indicator, {
+				className: "h-full bg-basalt-primary transition-[width]",
+				style: { width: `${Math.min(100, Math.max(0, i))}%` }
+			})
+		})]
+	});
+}
+//#endregion
+export { i as Meter };
+
+//# sourceMappingURL=meter.js.map

package/dist/components/meter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"meter.js","names":[],"sources":["../../src/components/meter.tsx"],"sourcesContent":["import * as Progress from \"@radix-ui/react-progress\";\nimport { cn } from \"../utils/cn\";\n\nexport function Meter({\n\tvalue = 0,\n\tlabel,\n\tcustomValue,\n\thideValue = false,\n\tclassName,\n\t\"aria-label\": ariaLabel,\n}: {\n\tvalue?: number;\n\tlabel?: string;\n\tcustomValue?: string;\n\thideValue?: boolean;\n\tclassName?: string;\n\t\"aria-label\"?: string;\n}) {\n\treturn (\n\t\t<div className={cn(\"w-full space-y-1\", className)}>\n\t\t\t{label || (!hideValue && customValue) ? (\n\t\t\t\t<div className=\"flex justify-between text-xs text-basalt-muted-foreground\">\n\t\t\t\t\t<span>{label}</span>\n\t\t\t\t\t{hideValue ? null : <span>{customValue ?? `${value}%`}</span>}\n\t\t\t\t</div>\n\t\t\t) : null}\n\t\t\t<Progress.Root\n\t\t\t\tvalue={value}\n\t\t\t\taria-label={ariaLabel ?? label}\n\t\t\t\tclassName=\"relative h-2 overflow-hidden rounded-full bg-basalt-muted\"\n\t\t\t>\n\t\t\t\t<Progress.Indicator\n\t\t\t\t\tclassName=\"h-full bg-basalt-primary transition-[width]\"\n\t\t\t\t\tstyle={{ width: `${Math.min(100, Math.max(0, value))}%` }}\n\t\t\t\t/>\n\t\t\t</Progress.Root>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;AAGA,SAAgB,EAAM,EACrB,WAAQ,GACR,UACA,gBACA,eAAY,IACZ,cACA,cAAc,KAQZ;CACF,OACC,kBAAC,OAAD;EAAK,WAAW,EAAG,oBAAoB,CAAS;EAAhD,UAAA,CACE,KAAU,CAAC,KAAa,IACxB,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACC,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GAClB,IAAY,OAAO,kBAAC,QAAD,EAAA,UAAO,KAAe,GAAG,EAAM,GAAS,CAAA,CACxD;EACF,CAAA,IAAA,MACJ,kBAAC,EAAS,MAAV;GACQ;GACP,cAAY,KAAa;GACzB,WAAU;GAEV,UAAA,kBAAC,EAAS,WAAV;IACC,WAAU;IACV,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,CAAK,CAAC,EAAE,GAAG;GACxD,CAAA;EACa,CAAA,CACX;;AAEP"}

package/dist/components/navigation-menu.d.ts

@@ -0,0 +1,6 @@
+import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import type { ComponentProps } from "react";
+export declare const NavigationMenu: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuProps & import("react").RefAttributes<HTMLElement>>;
+export declare const NavigationMenuList: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuListProps & import("react").RefAttributes<HTMLUListElement>>;
+export declare const NavigationMenuItem: import("react").ForwardRefExoticComponent<NavigationMenuPrimitive.NavigationMenuItemProps & import("react").RefAttributes<HTMLLIElement>>;
+export declare function NavigationMenuLink({ className, ...props }: ComponentProps<typeof NavigationMenuPrimitive.Link>): import("react").JSX.Element;

package/dist/components/navigation-menu.js

@@ -0,0 +1,16 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { jsx as t } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-navigation-menu";
+//#region src/components/navigation-menu.tsx
+var r = n.Root, i = n.List, a = n.Item;
+function o({ className: r, ...i }) {
+	return /* @__PURE__ */ t(n.Link, {
+		className: e("rounded-basalt-md px-3 py-2 text-sm hover:bg-basalt-accent", r),
+		...i
+	});
+}
+//#endregion
+export { r as NavigationMenu, a as NavigationMenuItem, o as NavigationMenuLink, i as NavigationMenuList };
+
+//# sourceMappingURL=navigation-menu.js.map

package/dist/components/navigation-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-menu.js","names":[],"sources":["../../src/components/navigation-menu.tsx"],"sourcesContent":["import * as NavigationMenuPrimitive from \"@radix-ui/react-navigation-menu\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport const NavigationMenu = NavigationMenuPrimitive.Root;\nexport const NavigationMenuList = NavigationMenuPrimitive.List;\nexport const NavigationMenuItem = NavigationMenuPrimitive.Item;\n\nexport function NavigationMenuLink({\n\tclassName,\n\t...props\n}: ComponentProps<typeof NavigationMenuPrimitive.Link>) {\n\treturn (\n\t\t<NavigationMenuPrimitive.Link\n\t\t\tclassName={cn(\"rounded-basalt-md px-3 py-2 text-sm hover:bg-basalt-accent\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;AAIA,IAAa,IAAiB,EAAwB,MACzC,IAAqB,EAAwB,MAC7C,IAAqB,EAAwB;AAE1D,SAAgB,EAAmB,EAClC,cACA,GAAG,KACoD;CACvD,OACC,kBAAC,EAAwB,MAAzB;EACC,WAAW,EAAG,8DAA8D,CAAS;EACrF,GAAI;CACJ,CAAA;AAEH"}

package/dist/components/overlay.d.ts

@@ -0,0 +1,16 @@
+/** Gap between a field trigger and its list. Matches Kumo Select/Combobox. */
+export declare const OVERLAY_GAP = 4;
+/** Gap between a menu trigger and its panel. Matches Kumo Dropdown/Popover. */
+export declare const MENU_GAP = 8;
+/** Shared stacking layer for portals, menus, and chrome overlays. */
+export declare const OVERLAY_LAYER = "z-50";
+/** Kill CSS animation and transition when the user prefers reduced motion. */
+export declare const OVERLAY_MOTION = "motion-reduce:animate-none motion-reduce:transition-none";
+/** Recolor the existing 1px border. No extra ring, no layout shift. */
+export declare const FOCUS_BORDER = "outline-hidden focus-visible:border-basalt-ring";
+/** Inset 1px theme ring for borderless controls. Outer size stays put. */
+export declare const FOCUS_INSET = "outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-basalt-ring";
+/** Offset ring stays visible on primary fills (ring token equals primary). */
+export declare const FOCUS_RING = "outline-hidden focus-visible:ring-2 focus-visible:ring-basalt-ring focus-visible:ring-offset-2 focus-visible:ring-offset-basalt-background";
+export declare function overlayPanelClass(className?: string): string;
+export declare function overlayItemClass(className?: string): string;

package/dist/components/overlay.js

@@ -0,0 +1,14 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+//#region src/components/overlay.ts
+var t = 4, n = 8, r = "z-50", i = "motion-reduce:animate-none motion-reduce:transition-none", a = "outline-hidden focus-visible:border-basalt-ring", o = "outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-basalt-ring", s = "outline-hidden focus-visible:ring-2 focus-visible:ring-basalt-ring focus-visible:ring-offset-2 focus-visible:ring-offset-basalt-background";
+function c(t) {
+	return e(r, "overflow-hidden rounded-basalt-md border border-basalt-border bg-basalt-popover py-1.5 text-sm text-basalt-popover-foreground shadow-md", i, t);
+}
+function l(t) {
+	return e("mx-1.5 flex w-[calc(100%-0.75rem)] cursor-default items-center rounded-basalt-sm px-2 py-1.5 text-left text-sm outline-hidden select-none", t);
+}
+//#endregion
+export { a as FOCUS_BORDER, o as FOCUS_INSET, s as FOCUS_RING, n as MENU_GAP, t as OVERLAY_GAP, r as OVERLAY_LAYER, i as OVERLAY_MOTION, l as overlayItemClass, c as overlayPanelClass };
+
+//# sourceMappingURL=overlay.js.map

package/dist/components/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","names":[],"sources":["../../src/components/overlay.ts"],"sourcesContent":["import { cn } from \"../utils/cn\";\n\n/** Gap between a field trigger and its list. Matches Kumo Select/Combobox. */\nexport const OVERLAY_GAP = 4;\n/** Gap between a menu trigger and its panel. Matches Kumo Dropdown/Popover. */\nexport const MENU_GAP = 8;\n/** Shared stacking layer for portals, menus, and chrome overlays. */\nexport const OVERLAY_LAYER = \"z-50\";\n/** Kill CSS animation and transition when the user prefers reduced motion. */\nexport const OVERLAY_MOTION = \"motion-reduce:animate-none motion-reduce:transition-none\";\n\n/** Recolor the existing 1px border. No extra ring, no layout shift. */\nexport const FOCUS_BORDER = \"outline-hidden focus-visible:border-basalt-ring\";\n/** Inset 1px theme ring for borderless controls. Outer size stays put. */\nexport const FOCUS_INSET =\n\t\"outline-hidden focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-basalt-ring\";\n/** Offset ring stays visible on primary fills (ring token equals primary). */\nexport const FOCUS_RING =\n\t\"outline-hidden focus-visible:ring-2 focus-visible:ring-basalt-ring focus-visible:ring-offset-2 focus-visible:ring-offset-basalt-background\";\n\nexport function overlayPanelClass(className?: string) {\n\treturn cn(\n\t\tOVERLAY_LAYER,\n\t\t\"overflow-hidden rounded-basalt-md border border-basalt-border bg-basalt-popover py-1.5 text-sm text-basalt-popover-foreground shadow-md\",\n\t\tOVERLAY_MOTION,\n\t\tclassName,\n\t);\n}\n\nexport function overlayItemClass(className?: string) {\n\treturn cn(\n\t\t\"mx-1.5 flex w-[calc(100%-0.75rem)] cursor-default items-center rounded-basalt-sm px-2 py-1.5 text-left text-sm outline-hidden select-none\",\n\t\tclassName,\n\t);\n}\n"],"mappings":";;;AAGA,IAAa,IAAc,GAEd,IAAW,GAEX,IAAgB,QAEhB,IAAiB,4DAGjB,IAAe,mDAEf,IACZ,+FAEY,IACZ;AAED,SAAgB,EAAkB,GAAoB;CACrD,OAAO,EACN,GACA,2IACA,GACA,CACD;AACD;AAEA,SAAgB,EAAiB,GAAoB;CACpD,OAAO,EACN,6IACA,CACD;AACD"}