@nocoo/basalt 2.0.0-rc.1

package/dist/components/page-header.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface PageHeaderBreadcrumb {
+    href?: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+}
+export interface PageHeaderProps {
+    /** The page title, rendered as the only heading. */
+    title: React.ReactNode;
+    /** Supporting text below the title. */
+    description?: React.ReactNode;
+    /** A short label above the title. */
+    eyebrow?: React.ReactNode;
+    /** Trail of parent pages. */
+    breadcrumbs?: readonly PageHeaderBreadcrumb[];
+    /** Actions aligned beside the title on wide screens. */
+    actions?: React.ReactNode;
+}
+export declare function PageHeader({ actions, breadcrumbs, description, eyebrow, title }: PageHeaderProps): React.JSX.Element;

package/dist/components/page-header.js

@@ -0,0 +1,43 @@
+"use client";
+import { Breadcrumbs as e } from "./breadcrumbs.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/page-header.tsx
+function i({ actions: i, breadcrumbs: a, description: o, eyebrow: s, title: c }) {
+	let l = t.useId();
+	return /* @__PURE__ */ r("header", {
+		"aria-labelledby": l,
+		className: "rounded-basalt-lg bg-basalt-bright p-5 shadow-xs ring-1 ring-basalt-border md:p-6",
+		children: [a && a.length > 0 ? /* @__PURE__ */ n(e, {
+			items: [...a],
+			className: "mb-3"
+		}) : null, /* @__PURE__ */ r("div", {
+			className: "flex flex-col gap-4 md:flex-row md:items-start md:justify-between",
+			children: [/* @__PURE__ */ r("div", {
+				className: "min-w-0 flex-1 space-y-2",
+				children: [
+					s ? /* @__PURE__ */ n("p", {
+						className: "text-xs font-medium text-basalt-muted-foreground",
+						children: s
+					}) : null,
+					/* @__PURE__ */ n("h1", {
+						id: l,
+						className: "text-2xl font-semibold tracking-tight text-basalt-foreground",
+						children: c
+					}),
+					o ? /* @__PURE__ */ n("p", {
+						className: "text-sm text-basalt-muted-foreground",
+						children: o
+					}) : null
+				]
+			}), i ? /* @__PURE__ */ n("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: i
+			}) : null]
+		})]
+	});
+}
+//#endregion
+export { i as PageHeader };
+
+//# sourceMappingURL=page-header.js.map

package/dist/components/page-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page-header.js","names":[],"sources":["../../src/components/page-header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Breadcrumbs } from \"./breadcrumbs\";\n\nexport interface PageHeaderBreadcrumb {\n\thref?: string;\n\tlabel: React.ReactNode;\n\ticon?: React.ReactNode;\n}\n\nexport interface PageHeaderProps {\n\t/** The page title, rendered as the only heading. */\n\ttitle: React.ReactNode;\n\t/** Supporting text below the title. */\n\tdescription?: React.ReactNode;\n\t/** A short label above the title. */\n\teyebrow?: React.ReactNode;\n\t/** Trail of parent pages. */\n\tbreadcrumbs?: readonly PageHeaderBreadcrumb[];\n\t/** Actions aligned beside the title on wide screens. */\n\tactions?: React.ReactNode;\n}\n\nexport function PageHeader({ actions, breadcrumbs, description, eyebrow, title }: PageHeaderProps) {\n\tconst titleId = React.useId();\n\n\treturn (\n\t\t// biome-ignore lint/a11y/useAriaPropsSupportedByRole: the title heading names this header\n\t\t<header\n\t\t\taria-labelledby={titleId}\n\t\t\tclassName=\"rounded-basalt-lg bg-basalt-bright p-5 shadow-xs ring-1 ring-basalt-border md:p-6\"\n\t\t>\n\t\t\t{breadcrumbs && breadcrumbs.length > 0 ? (\n\t\t\t\t<Breadcrumbs items={[...breadcrumbs]} className=\"mb-3\" />\n\t\t\t) : null}\n\t\t\t<div className=\"flex flex-col gap-4 md:flex-row md:items-start md:justify-between\">\n\t\t\t\t<div className=\"min-w-0 flex-1 space-y-2\">\n\t\t\t\t\t{eyebrow ? (\n\t\t\t\t\t\t<p className=\"text-xs font-medium text-basalt-muted-foreground\">{eyebrow}</p>\n\t\t\t\t\t) : null}\n\t\t\t\t\t<h1 id={titleId} className=\"text-2xl font-semibold tracking-tight text-basalt-foreground\">\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</h1>\n\t\t\t\t\t{description ? (\n\t\t\t\t\t\t<p className=\"text-sm text-basalt-muted-foreground\">{description}</p>\n\t\t\t\t\t) : null}\n\t\t\t\t</div>\n\t\t\t\t{actions ? <div className=\"flex flex-wrap items-center gap-2\">{actions}</div> : null}\n\t\t\t</div>\n\t\t</header>\n\t);\n}\n"],"mappings":";;;;;AAsBA,SAAgB,EAAW,EAAE,YAAS,gBAAa,gBAAa,YAAS,YAA0B;CAClG,IAAM,IAAU,EAAM,MAAM;CAE5B,OAEC,kBAAC,UAAD;EACC,mBAAiB;EACjB,WAAU;EAFX,UAAA,CAIE,KAAe,EAAY,SAAS,IACpC,kBAAC,GAAD;GAAa,OAAO,CAAC,GAAG,CAAW;GAAG,WAAU;EAAQ,CAAA,IACrD,MACJ,kBAAC,OAAD;GAAK,WAAU;GAAf,UAAA,CACC,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,IACA,kBAAC,KAAD;MAAG,WAAU;MAAoD,UAAA;KAAW,CAAA,IACzE;KACJ,kBAAC,MAAD;MAAI,IAAI;MAAS,WAAU;MACzB,UAAA;KACE,CAAA;KACH,IACA,kBAAC,KAAD;MAAG,WAAU;MAAwC,UAAA;KAAe,CAAA,IACjE;IACA;GACJ,CAAA,GAAA,IAAU,kBAAC,OAAD;IAAK,WAAU;IAAqC,UAAA;GAAa,CAAA,IAAI,IAC5E;EACE,CAAA,CAAA;;AAEV"}

package/dist/components/pagination.d.ts

@@ -0,0 +1,35 @@
+export type PaginationProps = {
+    /**
+     * Controlled 1-based page.
+     */
+    page?: number;
+    /**
+     * Uncontrolled initial page.
+     * @default 1
+     */
+    defaultPage?: number;
+    /**
+     * Last page number.
+     * @default 10
+     */
+    pageCount?: number;
+    /**
+     * Called when the page changes.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Hide first, last, and page number controls.
+     * @default false
+     */
+    simple?: boolean;
+    /**
+     * Disable every control.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Additional classes for the nav.
+     */
+    className?: string;
+};
+export declare function Pagination({ page, defaultPage, pageCount, onPageChange, simple, disabled, className, }: PaginationProps): import("react").JSX.Element;

package/dist/components/pagination.js

@@ -0,0 +1,68 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { Button as t } from "./button.js";
+import { controlSurfaceClass as n } from "../utils/control-surface.js";
+import { useState as r } from "react";
+import { ChevronLeft as i, ChevronRight as a, ChevronsLeft as o, ChevronsRight as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/pagination.tsx
+var u = e("relative h-full w-9 shrink-0 rounded-none border-0 bg-transparent shadow-none first:rounded-l-basalt-md last:rounded-r-basalt-md", "hover:bg-basalt-accent focus-visible:bg-basalt-accent active:bg-basalt-accent", "disabled:pointer-events-none disabled:opacity-100 disabled:text-basalt-muted-foreground");
+function d({ page: d, defaultPage: f = 1, pageCount: p = 10, onPageChange: m, simple: h = !1, disabled: g = !1, className: _ }) {
+	let [v, y] = r(f), b = Math.max(1, p), x = Math.min(b, Math.max(1, d ?? v)), S = (e) => {
+		d === void 0 && y(e), m?.(e);
+	}, C = x <= 1, w = x >= b, T = g || C, E = g || w;
+	return /* @__PURE__ */ c("nav", {
+		"aria-label": "Pagination",
+		className: _,
+		children: /* @__PURE__ */ l("div", {
+			className: n(e("inline-flex h-9 items-stretch", "[&>*:not(:first-child)]:border-l [&>*:not(:first-child)]:border-basalt-border", "[&>:first-child]:rounded-l-basalt-md [&>:last-child]:rounded-r-basalt-md")),
+			children: [
+				h ? null : /* @__PURE__ */ c(t, {
+					variant: "ghost",
+					size: "icon",
+					icon: /* @__PURE__ */ c(o, {}),
+					className: u,
+					"aria-label": "First page",
+					disabled: T,
+					onClick: () => S(1)
+				}),
+				/* @__PURE__ */ c(t, {
+					variant: "ghost",
+					size: "icon",
+					icon: /* @__PURE__ */ c(i, {}),
+					className: u,
+					"aria-label": "Previous page",
+					disabled: T,
+					onClick: () => S(Math.max(1, x - 1))
+				}),
+				h ? null : /* @__PURE__ */ c("span", {
+					"aria-current": "page",
+					className: "flex h-full min-w-9 items-center justify-center px-3 text-sm font-medium tabular-nums text-basalt-foreground",
+					children: x
+				}),
+				/* @__PURE__ */ c(t, {
+					variant: "ghost",
+					size: "icon",
+					icon: /* @__PURE__ */ c(a, {}),
+					className: u,
+					"aria-label": "Next page",
+					disabled: E,
+					onClick: () => S(Math.min(b, x + 1))
+				}),
+				h ? null : /* @__PURE__ */ c(t, {
+					variant: "ghost",
+					size: "icon",
+					icon: /* @__PURE__ */ c(s, {}),
+					className: u,
+					"aria-label": "Last page",
+					disabled: E,
+					onClick: () => S(b)
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { d as Pagination };
+
+//# sourceMappingURL=pagination.js.map

package/dist/components/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","names":[],"sources":["../../src/components/pagination.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { controlSurfaceClass } from \"../utils/control-surface\";\nimport { Button } from \"./button\";\n\nconst itemClass = cn(\n\t\"relative h-full w-9 shrink-0 rounded-none border-0 bg-transparent shadow-none first:rounded-l-basalt-md last:rounded-r-basalt-md\",\n\t\"hover:bg-basalt-accent focus-visible:bg-basalt-accent active:bg-basalt-accent\",\n\t\"disabled:pointer-events-none disabled:opacity-100 disabled:text-basalt-muted-foreground\",\n);\n\nexport type PaginationProps = {\n\t/**\n\t * Controlled 1-based page.\n\t */\n\tpage?: number;\n\t/**\n\t * Uncontrolled initial page.\n\t * @default 1\n\t */\n\tdefaultPage?: number;\n\t/**\n\t * Last page number.\n\t * @default 10\n\t */\n\tpageCount?: number;\n\t/**\n\t * Called when the page changes.\n\t */\n\tonPageChange?: (page: number) => void;\n\t/**\n\t * Hide first, last, and page number controls.\n\t * @default false\n\t */\n\tsimple?: boolean;\n\t/**\n\t * Disable every control.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Additional classes for the nav.\n\t */\n\tclassName?: string;\n};\n\nexport function Pagination({\n\tpage,\n\tdefaultPage = 1,\n\tpageCount = 10,\n\tonPageChange,\n\tsimple = false,\n\tdisabled = false,\n\tclassName,\n}: PaginationProps) {\n\tconst [uncontrolled, setUncontrolled] = useState(defaultPage);\n\tconst last = Math.max(1, pageCount);\n\tconst current = Math.min(last, Math.max(1, page ?? uncontrolled));\n\tconst go = (next: number) => {\n\t\tif (page === undefined) {\n\t\t\tsetUncontrolled(next);\n\t\t}\n\t\tonPageChange?.(next);\n\t};\n\tconst atStart = current <= 1;\n\tconst atEnd = current >= last;\n\tconst startDisabled = disabled || atStart;\n\tconst endDisabled = disabled || atEnd;\n\n\treturn (\n\t\t<nav aria-label=\"Pagination\" className={className}>\n\t\t\t<div\n\t\t\t\tclassName={controlSurfaceClass(\n\t\t\t\t\tcn(\n\t\t\t\t\t\t\"inline-flex h-9 items-stretch\",\n\t\t\t\t\t\t\"[&>*:not(:first-child)]:border-l [&>*:not(:first-child)]:border-basalt-border\",\n\t\t\t\t\t\t\"[&>:first-child]:rounded-l-basalt-md [&>:last-child]:rounded-r-basalt-md\",\n\t\t\t\t\t),\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{simple ? null : (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\ticon={<ChevronsLeft />}\n\t\t\t\t\t\tclassName={itemClass}\n\t\t\t\t\t\taria-label=\"First page\"\n\t\t\t\t\t\tdisabled={startDisabled}\n\t\t\t\t\t\tonClick={() => go(1)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\ticon={<ChevronLeft />}\n\t\t\t\t\tclassName={itemClass}\n\t\t\t\t\taria-label=\"Previous page\"\n\t\t\t\t\tdisabled={startDisabled}\n\t\t\t\t\tonClick={() => go(Math.max(1, current - 1))}\n\t\t\t\t/>\n\t\t\t\t{simple ? null : (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-current=\"page\"\n\t\t\t\t\t\tclassName=\"flex h-full min-w-9 items-center justify-center px-3 text-sm font-medium tabular-nums text-basalt-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{current}\n\t\t\t\t\t</span>\n\t\t\t\t)}\n\t\t\t\t<Button\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\ticon={<ChevronRight />}\n\t\t\t\t\tclassName={itemClass}\n\t\t\t\t\taria-label=\"Next page\"\n\t\t\t\t\tdisabled={endDisabled}\n\t\t\t\t\tonClick={() => go(Math.min(last, current + 1))}\n\t\t\t\t/>\n\t\t\t\t{simple ? null : (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\t\tsize=\"icon\"\n\t\t\t\t\t\ticon={<ChevronsRight />}\n\t\t\t\t\t\tclassName={itemClass}\n\t\t\t\t\t\taria-label=\"Last page\"\n\t\t\t\t\t\tdisabled={endDisabled}\n\t\t\t\t\t\tonClick={() => go(last)}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</nav>\n\t);\n}\n"],"mappings":";;;;;;;;AAMA,IAAM,IAAY,EACjB,oIACA,iFACA,yFACD;AAqCA,SAAgB,EAAW,EAC1B,SACA,iBAAc,GACd,eAAY,IACZ,iBACA,YAAS,IACT,cAAW,IACX,gBACmB;CACnB,IAAM,CAAC,GAAc,KAAmB,EAAS,CAAW,GACtD,IAAO,KAAK,IAAI,GAAG,CAAS,GAC5B,IAAU,KAAK,IAAI,GAAM,KAAK,IAAI,GAAG,KAAQ,CAAY,CAAC,GAC1D,KAAM,MAAiB;EAI5B,AAHI,MAAS,KAAA,KACZ,EAAgB,CAAI,GAErB,IAAe,CAAI;CACpB,GACM,IAAU,KAAW,GACrB,IAAQ,KAAW,GACnB,IAAgB,KAAY,GAC5B,IAAc,KAAY;CAEhC,OACC,kBAAC,OAAD;EAAK,cAAW;EAAwB;EACvC,UAAA,kBAAC,OAAD;GACC,WAAW,EACV,EACC,iCACA,iFACA,0EACD,CACD;GAPD,UAAA;IASE,IAAS,OACT,kBAAC,GAAD;KACC,SAAQ;KACR,MAAK;KACL,MAAM,kBAAC,GAAD,CAAe,CAAA;KACrB,WAAW;KACX,cAAW;KACX,UAAU;KACV,eAAe,EAAG,CAAC;IACnB,CAAA;IAEF,kBAAC,GAAD;KACC,SAAQ;KACR,MAAK;KACL,MAAM,kBAAC,GAAD,CAAc,CAAA;KACpB,WAAW;KACX,cAAW;KACX,UAAU;KACV,eAAe,EAAG,KAAK,IAAI,GAAG,IAAU,CAAC,CAAC;IAC1C,CAAA;IACA,IAAS,OACT,kBAAC,QAAD;KACC,gBAAa;KACb,WAAU;KAET,UAAA;IACI,CAAA;IAEP,kBAAC,GAAD;KACC,SAAQ;KACR,MAAK;KACL,MAAM,kBAAC,GAAD,CAAe,CAAA;KACrB,WAAW;KACX,cAAW;KACX,UAAU;KACV,eAAe,EAAG,KAAK,IAAI,GAAM,IAAU,CAAC,CAAC;IAC7C,CAAA;IACA,IAAS,OACT,kBAAC,GAAD;KACC,SAAQ;KACR,MAAK;KACL,MAAM,kBAAC,GAAD,CAAgB,CAAA;KACtB,WAAW;KACX,cAAW;KACX,UAAU;KACV,eAAe,EAAG,CAAI;IACtB,CAAA;GAEE;;CACD,CAAA;AAEP"}

package/dist/components/popover.d.ts

@@ -0,0 +1,38 @@
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import * as React from "react";
+export declare const POPOVER_SIDES: readonly ["top", "bottom", "left", "right"];
+export type PopoverSide = (typeof POPOVER_SIDES)[number];
+export type PopoverProps = Omit<React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>, "open" | "defaultOpen" | "onOpenChange"> & {
+    /**
+     * The controlled open state.
+     */
+    open?: boolean;
+    /**
+     * The uncontrolled initial open state.
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const Popover: React.FC<PopoverProps>;
+export declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export type PopoverContentProps = React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content> & {
+    /**
+     * Show the pointing arrow.
+     * @default true
+     */
+    arrow?: boolean;
+};
+export declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /**
+     * Show the pointing arrow.
+     * @default true
+     */
+    arrow?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export declare const PopoverTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const PopoverDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/popover.js

@@ -0,0 +1,65 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { OVERLAY_LAYER as t, OVERLAY_MOTION as n } from "./overlay.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-popover";
+//#region src/components/popover.tsx
+var s = [
+	"top",
+	"bottom",
+	"left",
+	"right"
+], c = o.Root, l = o.Trigger, u = o.Close, d = r.forwardRef(({ className: r, align: s = "center", side: c = "bottom", sideOffset: l = 8, arrow: u = !0, children: d, ...f }, p) => /* @__PURE__ */ i(o.Portal, { children: /* @__PURE__ */ a(o.Content, {
+	ref: p,
+	align: s,
+	side: c,
+	sideOffset: l,
+	className: e(t, n, "rounded-basalt-md border border-basalt-border bg-basalt-popover px-4 py-3 text-sm text-basalt-popover-foreground shadow-md outline-hidden", r),
+	...f,
+	children: [d, u ? /* @__PURE__ */ i(o.Arrow, {
+		asChild: !0,
+		width: 20,
+		height: 10,
+		children: /* @__PURE__ */ i(m, {})
+	}) : null]
+}) }));
+d.displayName = o.Content.displayName;
+var f = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i("h2", {
+	ref: r,
+	className: e("m-0 text-base font-medium leading-6 text-basalt-foreground", t),
+	...n
+}));
+f.displayName = "PopoverTitle";
+var p = r.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i("p", {
+	ref: r,
+	className: e("m-0 text-base leading-6 text-basalt-muted-foreground", t),
+	...n
+}));
+p.displayName = "PopoverDescription";
+function m(e) {
+	return /* @__PURE__ */ i("svg", {
+		width: 20,
+		height: 10,
+		"aria-hidden": !0,
+		...e,
+		children: /* @__PURE__ */ a("svg", {
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 20 10",
+			preserveAspectRatio: "none",
+			"aria-hidden": !0,
+			children: [/* @__PURE__ */ i("path", {
+				d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+				className: "fill-basalt-popover"
+			}), /* @__PURE__ */ i("path", {
+				d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+				className: "fill-basalt-border"
+			})]
+		})
+	});
+}
+//#endregion
+export { s as POPOVER_SIDES, c as Popover, u as PopoverClose, d as PopoverContent, p as PopoverDescription, f as PopoverTitle, l as PopoverTrigger };
+
+//# sourceMappingURL=popover.js.map

package/dist/components/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","names":[],"sources":["../../src/components/popover.tsx"],"sourcesContent":["import * as PopoverPrimitive from \"@radix-ui/react-popover\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { MENU_GAP, OVERLAY_LAYER, OVERLAY_MOTION } from \"./overlay\";\n\nexport const POPOVER_SIDES = [\"top\", \"bottom\", \"left\", \"right\"] as const;\nexport type PopoverSide = (typeof POPOVER_SIDES)[number];\n\nexport type PopoverProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof PopoverPrimitive.Root>,\n\t\"open\" | \"defaultOpen\" | \"onOpenChange\"\n> & {\n\t/**\n\t * The controlled open state.\n\t */\n\topen?: boolean;\n\t/**\n\t * The uncontrolled initial open state.\n\t * @default false\n\t */\n\tdefaultOpen?: boolean;\n\t/**\n\t * Called when the open state changes.\n\t */\n\tonOpenChange?: (open: boolean) => void;\n};\nexport const Popover: React.FC<PopoverProps> = PopoverPrimitive.Root;\nexport const PopoverTrigger = PopoverPrimitive.Trigger;\nexport const PopoverClose = PopoverPrimitive.Close;\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<\n\ttypeof PopoverPrimitive.Content\n> & {\n\t/**\n\t * Show the pointing arrow.\n\t * @default true\n\t */\n\tarrow?: boolean;\n};\n\nexport const PopoverContent = React.forwardRef<\n\tReact.ElementRef<typeof PopoverPrimitive.Content>,\n\tPopoverContentProps\n>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\talign = \"center\",\n\t\t\tside = \"bottom\",\n\t\t\tsideOffset = MENU_GAP,\n\t\t\tarrow = true,\n\t\t\tchildren,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => (\n\t\t<PopoverPrimitive.Portal>\n\t\t\t<PopoverPrimitive.Content\n\t\t\t\tref={ref}\n\t\t\t\talign={align}\n\t\t\t\tside={side}\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\tOVERLAY_LAYER,\n\t\t\t\t\tOVERLAY_MOTION,\n\t\t\t\t\t\"rounded-basalt-md border border-basalt-border bg-basalt-popover px-4 py-3 text-sm text-basalt-popover-foreground shadow-md outline-hidden\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t\t{arrow ? (\n\t\t\t\t\t<PopoverPrimitive.Arrow asChild width={20} height={10}>\n\t\t\t\t\t\t<ArrowSvg />\n\t\t\t\t\t</PopoverPrimitive.Arrow>\n\t\t\t\t) : null}\n\t\t\t</PopoverPrimitive.Content>\n\t\t</PopoverPrimitive.Portal>\n\t),\n);\nPopoverContent.displayName = PopoverPrimitive.Content.displayName;\n\nexport const PopoverTitle = React.forwardRef<\n\tHTMLHeadingElement,\n\tReact.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n\t<h2\n\t\tref={ref}\n\t\tclassName={cn(\"m-0 text-base font-medium leading-6 text-basalt-foreground\", className)}\n\t\t{...props}\n\t/>\n));\nPopoverTitle.displayName = \"PopoverTitle\";\n\nexport const PopoverDescription = React.forwardRef<\n\tHTMLParagraphElement,\n\tReact.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n\t<p\n\t\tref={ref}\n\t\tclassName={cn(\"m-0 text-base leading-6 text-basalt-muted-foreground\", className)}\n\t\t{...props}\n\t/>\n));\nPopoverDescription.displayName = \"PopoverDescription\";\n\nfunction ArrowSvg(props: React.ComponentProps<\"svg\">) {\n\treturn (\n\t\t<svg width={20} height={10} aria-hidden {...props}>\n\t\t\t<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 20 10\" preserveAspectRatio=\"none\" aria-hidden>\n\t\t\t\t<path\n\t\t\t\t\td=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n\t\t\t\t\tclassName=\"fill-basalt-popover\"\n\t\t\t\t/>\n\t\t\t\t<path\n\t\t\t\t\td=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n\t\t\t\t\tclassName=\"fill-basalt-border\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</svg>\n\t);\n}\n"],"mappings":";;;;;;;AAKA,IAAa,IAAgB;CAAC;CAAO;CAAU;CAAQ;AAAO,GAqBjD,IAAkC,EAAiB,MACnD,IAAiB,EAAiB,SAClC,IAAe,EAAiB,OAYhC,IAAiB,EAAM,YAKlC,EACC,cACA,WAAQ,UACR,UAAO,UACP,gBAAA,GACA,WAAQ,IACR,aACA,GAAG,KAEJ,MAEA,kBAAC,EAAiB,QAAlB,EAAA,UACC,kBAAC,EAAiB,SAAlB;CACM;CACE;CACD;CACM;CACZ,WAAW,EACV,GACA,GACA,6IACA,CACD;CACA,GAAI;CAXL,UAAA,CAaE,GACA,IACA,kBAAC,EAAiB,OAAlB;EAAwB,SAAA;EAAQ,OAAO;EAAI,QAAQ;EAClD,UAAA,kBAAC,GAAD,CAAW,CAAA;CACY,CAAA,IACrB,IACqB;AACF,CAAA,EAAA,CAAA,CAE3B;AACA,EAAe,cAAc,EAAiB,QAAQ;AAEtD,IAAa,IAAe,EAAM,YAG/B,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,MAAD;CACM;CACL,WAAW,EAAG,8DAA8D,CAAS;CACrF,GAAI;AACJ,CAAA,CACD;AACD,EAAa,cAAc;AAE3B,IAAa,IAAqB,EAAM,YAGrC,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,KAAD;CACM;CACL,WAAW,EAAG,wDAAwD,CAAS;CAC/E,GAAI;AACJ,CAAA,CACD;AACD,EAAmB,cAAc;AAEjC,SAAS,EAAS,GAAoC;CACrD,OACC,kBAAC,OAAD;EAAK,OAAO;EAAI,QAAQ;EAAI,eAAA;EAAY,GAAI;EAC3C,UAAA,kBAAC,OAAD;GAAK,OAAM;GAAO,QAAO;GAAO,SAAQ;GAAY,qBAAoB;GAAO,eAAA;GAA/E,UAAA,CACC,kBAAC,QAAD;IACC,GAAE;IACF,WAAU;GACV,CAAA,GACD,kBAAC,QAAD;IACC,GAAE;IACF,WAAU;GACV,CAAA,CACG;;CACD,CAAA;AAEP"}

package/dist/components/radio.d.ts

@@ -0,0 +1,108 @@
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import * as React from "react";
+export type RadioSize = "sm" | "default";
+export type RadioGroupProps = Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>, "disabled" | "value" | "defaultValue" | "onValueChange"> & {
+    /**
+     * The controlled selected value.
+     */
+    value?: string;
+    /**
+     * The initially selected value.
+     */
+    defaultValue?: string;
+    /**
+     * Called when the selected value changes.
+     */
+    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 RadioLegendProps = React.ComponentPropsWithoutRef<"legend">;
+export type RadioProps = Omit<React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, "value"> & {
+    /**
+     * The value associated with the radio item.
+     */
+    value: string;
+    /**
+     * The visual size of the radio.
+     * @default default
+     */
+    size?: RadioSize;
+};
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "disabled" | "onValueChange" | "value"> & {
+    /**
+     * The controlled selected value.
+     */
+    value?: string;
+    /**
+     * The initially selected value.
+     */
+    defaultValue?: string;
+    /**
+     * Called when the selected value changes.
+     */
+    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<HTMLDivElement>>;
+export declare const Radio: React.ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref">, "value"> & {
+    /**
+     * The value associated with the radio item.
+     */
+    value: string;
+    /**
+     * The visual size of the radio.
+     * @default default
+     */
+    size?: RadioSize;
+} & React.RefAttributes<HTMLButtonElement>> & {
+    Group: React.ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref">, "defaultValue" | "disabled" | "onValueChange" | "value"> & {
+        /**
+         * The controlled selected value.
+         */
+        value?: string;
+        /**
+         * The initially selected value.
+         */
+        defaultValue?: string;
+        /**
+         * Called when the selected value changes.
+         */
+        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<HTMLDivElement>>;
+    Legend: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, "ref"> & React.RefAttributes<HTMLLegendElement>>;
+    Item: React.ForwardRefExoticComponent<Omit<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref">, "value"> & {
+        /**
+         * The value associated with the radio item.
+         */
+        value: string;
+        /**
+         * The visual size of the radio.
+         * @default default
+         */
+        size?: RadioSize;
+    } & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/components/radio.js

@@ -0,0 +1,80 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { FOCUS_RING as t } from "./overlay.js";
+import * as n from "react";
+import { Circle as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-radio-group";
+//#region src/components/radio.tsx
+var s = {
+	sm: "h-3 w-3",
+	default: "h-4 w-4"
+}, c = {
+	sm: "h-1.5 w-1.5 fill-current text-current",
+	default: "h-2.5 w-2.5 fill-current text-current"
+}, l = n.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ i("legend", {
+	ref: r,
+	className: e("text-sm font-medium text-basalt-foreground", t),
+	...n
+}));
+l.displayName = "Radio.Legend";
+var u = n.forwardRef(({ className: t, error: r, disabled: s = !1, children: c, "aria-describedby": u, "aria-invalid": d, "aria-labelledby": f, ...p }, m) => {
+	let h = n.useId(), g = !!r, _ = `${h}-error`, v = `${h}-legend`, y = [], b = [];
+	n.Children.forEach(c, (e) => {
+		if (n.isValidElement(e) && e.type === l) {
+			y.push(e);
+			return;
+		}
+		b.push(e);
+	});
+	let x = y.map((e, t) => {
+		let r = e.props.id ?? (t === 0 ? v : `${v}-${t}`);
+		return n.cloneElement(e, {
+			key: r,
+			id: r
+		});
+	}), S = [x.map((e) => e.props.id).filter(Boolean).join(" "), f].filter(Boolean).join(" ") || void 0, C = [g ? _ : null, u].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ a("fieldset", {
+		disabled: s,
+		className: "flex flex-col gap-2",
+		children: [
+			x,
+			/* @__PURE__ */ i(o.Root, {
+				ref: m,
+				disabled: s,
+				className: e("grid gap-2", t),
+				...p,
+				"aria-labelledby": S,
+				"aria-describedby": C,
+				"aria-invalid": g ? !0 : d,
+				children: b
+			}),
+			g ? /* @__PURE__ */ i("p", {
+				id: _,
+				className: "text-xs text-basalt-destructive",
+				role: "alert",
+				children: r
+			}) : null
+		]
+	});
+});
+u.displayName = "Radio.Group";
+var d = n.forwardRef(({ className: n, size: a = "default", ...l }, u) => /* @__PURE__ */ i(o.Item, {
+	ref: u,
+	className: e("aspect-square shrink-0 rounded-full border border-basalt-primary text-basalt-primary disabled:cursor-not-allowed disabled:opacity-50", s[a], t, n),
+	...l,
+	children: /* @__PURE__ */ i(o.Indicator, {
+		className: "flex items-center justify-center",
+		children: /* @__PURE__ */ i(r, { className: c[a] })
+	})
+}));
+d.displayName = o.Item.displayName;
+var f = Object.assign(d, {
+	Group: u,
+	Legend: l,
+	Item: d
+});
+//#endregion
+export { f as Radio, u as RadioGroup };
+
+//# sourceMappingURL=radio.js.map

package/dist/components/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","names":[],"sources":["../../src/components/radio.tsx"],"sourcesContent":["import * as RadioGroupPrimitive from \"@radix-ui/react-radio-group\";\nimport { Circle } from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { FOCUS_RING } from \"./overlay\";\n\nexport type RadioSize = \"sm\" | \"default\";\n\nconst RADIO_SIZE_CLASS: Record<RadioSize, string> = {\n\tsm: \"h-3 w-3\",\n\tdefault: \"h-4 w-4\",\n};\n\nconst RADIO_INDICATOR_CLASS: Record<RadioSize, string> = {\n\tsm: \"h-1.5 w-1.5 fill-current text-current\",\n\tdefault: \"h-2.5 w-2.5 fill-current text-current\",\n};\n\nexport type RadioGroupProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>,\n\t\"disabled\" | \"value\" | \"defaultValue\" | \"onValueChange\"\n> & {\n\t/**\n\t * The controlled selected value.\n\t */\n\tvalue?: string;\n\t/**\n\t * The initially selected value.\n\t */\n\tdefaultValue?: string;\n\t/**\n\t * Called when the selected value changes.\n\t */\n\tonValueChange?: (value: string) => void;\n\t/**\n\t * Marks the group invalid and shows alert copy.\n\t */\n\terror?: React.ReactNode;\n\t/**\n\t * Disable every item in the group.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n};\n\nexport type RadioLegendProps = React.ComponentPropsWithoutRef<\"legend\">;\n\nexport type RadioProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>,\n\t\"value\"\n> & {\n\t/**\n\t * The value associated with the radio item.\n\t */\n\tvalue: string;\n\t/**\n\t * The visual size of the radio.\n\t * @default default\n\t */\n\tsize?: RadioSize;\n};\n\nconst RadioLegend = React.forwardRef<HTMLLegendElement, RadioLegendProps>(\n\t({ className, ...props }, ref) => (\n\t\t<legend\n\t\t\tref={ref}\n\t\t\tclassName={cn(\"text-sm font-medium text-basalt-foreground\", className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nRadioLegend.displayName = \"Radio.Legend\";\n\nexport const RadioGroup = React.forwardRef<\n\tReact.ElementRef<typeof RadioGroupPrimitive.Root>,\n\tRadioGroupProps\n>(\n\t(\n\t\t{\n\t\t\tclassName,\n\t\t\terror,\n\t\t\tdisabled = false,\n\t\t\tchildren,\n\t\t\t\"aria-describedby\": describedBy,\n\t\t\t\"aria-invalid\": ariaInvalid,\n\t\t\t\"aria-labelledby\": labelledBy,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst generatedId = React.useId();\n\t\tconst invalid = Boolean(error);\n\t\tconst errorId = `${generatedId}-error`;\n\t\tconst defaultLegendId = `${generatedId}-legend`;\n\t\tconst legends: React.ReactElement<RadioLegendProps>[] = [];\n\t\tconst items: React.ReactNode[] = [];\n\t\tReact.Children.forEach(children, (child) => {\n\t\t\tif (React.isValidElement(child) && child.type === RadioLegend) {\n\t\t\t\tlegends.push(child as React.ReactElement<RadioLegendProps>);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\titems.push(child);\n\t\t});\n\t\tconst labeledLegends = legends.map((legend, index) => {\n\t\t\tconst legendId =\n\t\t\t\tlegend.props.id ?? (index === 0 ? defaultLegendId : `${defaultLegendId}-${index}`);\n\t\t\treturn React.cloneElement(legend, { key: legendId, id: legendId });\n\t\t});\n\t\tconst legendIds = labeledLegends\n\t\t\t.map((legend) => legend.props.id)\n\t\t\t.filter(Boolean)\n\t\t\t.join(\" \");\n\t\tconst mergedLabelledBy = [legendIds, labelledBy].filter(Boolean).join(\" \") || undefined;\n\t\tconst mergedDescribedBy =\n\t\t\t[invalid ? errorId : null, describedBy].filter(Boolean).join(\" \") || undefined;\n\t\treturn (\n\t\t\t<fieldset disabled={disabled} className=\"flex flex-col gap-2\">\n\t\t\t\t{labeledLegends}\n\t\t\t\t<RadioGroupPrimitive.Root\n\t\t\t\t\tref={ref}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tclassName={cn(\"grid gap-2\", className)}\n\t\t\t\t\t{...props}\n\t\t\t\t\taria-labelledby={mergedLabelledBy}\n\t\t\t\t\taria-describedby={mergedDescribedBy}\n\t\t\t\t\taria-invalid={invalid ? true : ariaInvalid}\n\t\t\t\t>\n\t\t\t\t\t{items}\n\t\t\t\t</RadioGroupPrimitive.Root>\n\t\t\t\t{invalid ? (\n\t\t\t\t\t<p id={errorId} className=\"text-xs text-basalt-destructive\" role=\"alert\">\n\t\t\t\t\t\t{error}\n\t\t\t\t\t</p>\n\t\t\t\t) : null}\n\t\t\t</fieldset>\n\t\t);\n\t},\n);\nRadioGroup.displayName = \"Radio.Group\";\n\nconst RadioRoot = React.forwardRef<React.ElementRef<typeof RadioGroupPrimitive.Item>, RadioProps>(\n\t({ className, size = \"default\", ...props }, ref) => (\n\t\t<RadioGroupPrimitive.Item\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"aspect-square shrink-0 rounded-full border border-basalt-primary text-basalt-primary disabled:cursor-not-allowed disabled:opacity-50\",\n\t\t\t\tRADIO_SIZE_CLASS[size],\n\t\t\t\tFOCUS_RING,\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<RadioGroupPrimitive.Indicator className=\"flex items-center justify-center\">\n\t\t\t\t<Circle className={RADIO_INDICATOR_CLASS[size]} />\n\t\t\t</RadioGroupPrimitive.Indicator>\n\t\t</RadioGroupPrimitive.Item>\n\t),\n);\nRadioRoot.displayName = RadioGroupPrimitive.Item.displayName;\n\nexport const Radio = Object.assign(RadioRoot, {\n\tGroup: RadioGroup,\n\tLegend: RadioLegend,\n\tItem: RadioRoot,\n});\n"],"mappings":";;;;;;;;AAQA,IAAM,IAA8C;CACnD,IAAI;CACJ,SAAS;AACV,GAEM,IAAmD;CACxD,IAAI;CACJ,SAAS;AACV,GA8CM,IAAc,EAAM,YACxB,EAAE,cAAW,GAAG,KAAS,MACzB,kBAAC,UAAD;CACM;CACL,WAAW,EAAG,8CAA8C,CAAS;CACrE,GAAI;AACJ,CAAA,CAEH;AACA,EAAY,cAAc;AAE1B,IAAa,IAAa,EAAM,YAK9B,EACC,cACA,UACA,cAAW,IACX,aACA,oBAAoB,GACpB,gBAAgB,GAChB,mBAAmB,GACnB,GAAG,KAEJ,MACI;CACJ,IAAM,IAAc,EAAM,MAAM,GAC1B,IAAU,EAAQ,GAClB,IAAU,GAAG,EAAY,SACzB,IAAkB,GAAG,EAAY,UACjC,IAAkD,CAAC,GACnD,IAA2B,CAAC;CAClC,EAAM,SAAS,QAAQ,IAAW,MAAU;EAC3C,IAAI,EAAM,eAAe,CAAK,KAAK,EAAM,SAAS,GAAa;GAC9D,EAAQ,KAAK,CAA6C;GAC1D;EACD;EACA,EAAM,KAAK,CAAK;CACjB,CAAC;CACD,IAAM,IAAiB,EAAQ,KAAK,GAAQ,MAAU;EACrD,IAAM,IACL,EAAO,MAAM,OAAO,MAAU,IAAI,IAAkB,GAAG,EAAgB,GAAG;EAC3E,OAAO,EAAM,aAAa,GAAQ;GAAE,KAAK;GAAU,IAAI;EAAS,CAAC;CAClE,CAAC,GAKK,IAAmB,CAJP,EAChB,KAAK,MAAW,EAAO,MAAM,EAAE,CAAC,CAChC,OAAO,OAAO,CAAC,CACf,KAAK,GACmB,GAAW,CAAU,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,KAAA,GACxE,IACL,CAAC,IAAU,IAAU,MAAM,CAAW,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,KAAK,KAAA;CACtE,OACC,kBAAC,YAAD;EAAoB;EAAU,WAAU;EAAxC,UAAA;GACE;GACD,kBAAC,EAAoB,MAArB;IACM;IACK;IACV,WAAW,EAAG,cAAc,CAAS;IACrC,GAAI;IACJ,mBAAiB;IACjB,oBAAkB;IAClB,gBAAc,IAAU,KAAO;IAE9B,UAAA;GACwB,CAAA;GACzB,IACA,kBAAC,KAAD;IAAG,IAAI;IAAS,WAAU;IAAkC,MAAK;IAC/D,UAAA;GACC,CAAA,IACA;EACK;;AAEZ,CACD;AACA,EAAW,cAAc;AAEzB,IAAM,IAAY,EAAM,YACtB,EAAE,cAAW,UAAO,WAAW,GAAG,KAAS,MAC3C,kBAAC,EAAoB,MAArB;CACM;CACL,WAAW,EACV,wIACA,EAAiB,IACjB,GACA,CACD;CACA,GAAI;CAEJ,UAAA,kBAAC,EAAoB,WAArB;EAA+B,WAAU;EACxC,UAAA,kBAAC,GAAD,EAAQ,WAAW,EAAsB,GAAQ,CAAA;CACnB,CAAA;AACN,CAAA,CAE5B;AACA,EAAU,cAAc,EAAoB,KAAK;AAEjD,IAAa,IAAQ,OAAO,OAAO,GAAW;CAC7C,OAAO;CACP,QAAQ;CACR,MAAM;AACP,CAAC"}

package/dist/components/scroll-area.d.ts

@@ -0,0 +1,15 @@
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import * as React from "react";
+export type ScrollAreaOrientation = "vertical" | "horizontal" | "both";
+type RootProps = Omit<React.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>, "aria-describedby" | "aria-label" | "aria-labelledby" | "asChild" | "children" | "className" | "onScroll" | "role" | "tabIndex">;
+type ViewportProps = Pick<React.ComponentPropsWithoutRef<"div">, "aria-describedby" | "aria-label" | "aria-labelledby" | "children" | "onScroll" | "role" | "tabIndex">;
+export interface ScrollAreaProps extends RootProps, ViewportProps {
+    /** Classes applied to the non-scrolling root. */
+    className?: string;
+    /** Axes that may scroll. @default "vertical" */
+    orientation?: ScrollAreaOrientation;
+    /** Classes applied to the actual scrolling viewport. */
+    viewportClassName?: string;
+}
+export declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/scroll-area.js

@@ -0,0 +1,49 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import * as t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import * as i from "@radix-ui/react-scroll-area";
+//#region src/components/scroll-area.tsx
+var a = "flex touch-none select-none p-px transition-colors motion-reduce:transition-none";
+function o({ orientation: t }) {
+	return /* @__PURE__ */ n(i.Scrollbar, {
+		"data-slot": "scroll-area-scrollbar",
+		orientation: t,
+		className: e(a, t === "vertical" ? "h-full w-2.5 border-l border-l-transparent" : "h-2.5 flex-col border-t border-t-transparent"),
+		children: /* @__PURE__ */ n(i.Thumb, {
+			"data-slot": "scroll-area-thumb",
+			className: "relative flex-1 rounded-full bg-basalt-border"
+		})
+	});
+}
+var s = t.forwardRef(({ "aria-describedby": t, "aria-label": a, "aria-labelledby": s, children: c, className: l, onScroll: u, orientation: d = "vertical", role: f, tabIndex: p = 0, viewportClassName: m, ...h }, g) => {
+	let _ = d !== "horizontal", v = d !== "vertical", y = f ?? (a || s ? "region" : void 0);
+	return /* @__PURE__ */ r(i.Root, {
+		"data-slot": "scroll-area",
+		className: e("relative min-h-0 min-w-0 overflow-hidden", l),
+		...h,
+		children: [
+			/* @__PURE__ */ n(i.Viewport, {
+				ref: g,
+				"data-orientation": d,
+				"data-slot": "scroll-area-viewport",
+				"aria-describedby": t,
+				"aria-label": a,
+				"aria-labelledby": s,
+				role: y,
+				tabIndex: p,
+				onScroll: u,
+				className: e("size-full rounded-[inherit] outline-hidden focus-visible:ring-2 focus-visible:ring-basalt-ring focus-visible:ring-offset-2 focus-visible:ring-offset-basalt-background", d === "vertical" && "overflow-x-hidden!", d === "horizontal" && "overflow-y-hidden!", m),
+				children: c
+			}),
+			_ ? /* @__PURE__ */ n(o, { orientation: "vertical" }) : null,
+			v ? /* @__PURE__ */ n(o, { orientation: "horizontal" }) : null,
+			_ && v ? /* @__PURE__ */ n(i.Corner, { "data-slot": "scroll-area-corner" }) : null
+		]
+	});
+});
+s.displayName = "ScrollArea";
+//#endregion
+export { s as ScrollArea };
+
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":[],"sources":["../../src/components/scroll-area.tsx"],"sourcesContent":["import * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport type ScrollAreaOrientation = \"vertical\" | \"horizontal\" | \"both\";\n\ntype RootProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof ScrollAreaPrimitive.Root>,\n\t| \"aria-describedby\"\n\t| \"aria-label\"\n\t| \"aria-labelledby\"\n\t| \"asChild\"\n\t| \"children\"\n\t| \"className\"\n\t| \"onScroll\"\n\t| \"role\"\n\t| \"tabIndex\"\n>;\n\ntype ViewportProps = Pick<\n\tReact.ComponentPropsWithoutRef<\"div\">,\n\t| \"aria-describedby\"\n\t| \"aria-label\"\n\t| \"aria-labelledby\"\n\t| \"children\"\n\t| \"onScroll\"\n\t| \"role\"\n\t| \"tabIndex\"\n>;\n\nexport interface ScrollAreaProps extends RootProps, ViewportProps {\n\t/** Classes applied to the non-scrolling root. */\n\tclassName?: string;\n\t/** Axes that may scroll. @default \"vertical\" */\n\torientation?: ScrollAreaOrientation;\n\t/** Classes applied to the actual scrolling viewport. */\n\tviewportClassName?: string;\n}\n\nconst SCROLLBAR_CLASSES =\n\t\"flex touch-none select-none p-px transition-colors motion-reduce:transition-none\";\n\nfunction ScrollBar({ orientation }: { orientation: \"horizontal\" | \"vertical\" }) {\n\treturn (\n\t\t<ScrollAreaPrimitive.Scrollbar\n\t\t\tdata-slot=\"scroll-area-scrollbar\"\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\tSCROLLBAR_CLASSES,\n\t\t\t\torientation === \"vertical\"\n\t\t\t\t\t? \"h-full w-2.5 border-l border-l-transparent\"\n\t\t\t\t\t: \"h-2.5 flex-col border-t border-t-transparent\",\n\t\t\t)}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.Thumb\n\t\t\t\tdata-slot=\"scroll-area-thumb\"\n\t\t\t\tclassName=\"relative flex-1 rounded-full bg-basalt-border\"\n\t\t\t/>\n\t\t</ScrollAreaPrimitive.Scrollbar>\n\t);\n}\n\nexport const ScrollArea = React.forwardRef<HTMLDivElement, ScrollAreaProps>(\n\t(\n\t\t{\n\t\t\t\"aria-describedby\": ariaDescribedBy,\n\t\t\t\"aria-label\": ariaLabel,\n\t\t\t\"aria-labelledby\": ariaLabelledBy,\n\t\t\tchildren,\n\t\t\tclassName,\n\t\t\tonScroll,\n\t\t\torientation = \"vertical\",\n\t\t\trole,\n\t\t\ttabIndex = 0,\n\t\t\tviewportClassName,\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst hasVertical = orientation !== \"horizontal\";\n\t\tconst hasHorizontal = orientation !== \"vertical\";\n\t\tconst viewportRole = role ?? (ariaLabel || ariaLabelledBy ? \"region\" : undefined);\n\n\t\treturn (\n\t\t\t<ScrollAreaPrimitive.Root\n\t\t\t\tdata-slot=\"scroll-area\"\n\t\t\t\tclassName={cn(\"relative min-h-0 min-w-0 overflow-hidden\", className)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<ScrollAreaPrimitive.Viewport\n\t\t\t\t\tref={ref}\n\t\t\t\t\tdata-orientation={orientation}\n\t\t\t\t\tdata-slot=\"scroll-area-viewport\"\n\t\t\t\t\taria-describedby={ariaDescribedBy}\n\t\t\t\t\taria-label={ariaLabel}\n\t\t\t\t\taria-labelledby={ariaLabelledBy}\n\t\t\t\t\trole={viewportRole}\n\t\t\t\t\ttabIndex={tabIndex}\n\t\t\t\t\tonScroll={onScroll}\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"size-full rounded-[inherit] outline-hidden focus-visible:ring-2 focus-visible:ring-basalt-ring focus-visible:ring-offset-2 focus-visible:ring-offset-basalt-background\",\n\t\t\t\t\t\torientation === \"vertical\" && \"overflow-x-hidden!\",\n\t\t\t\t\t\torientation === \"horizontal\" && \"overflow-y-hidden!\",\n\t\t\t\t\t\tviewportClassName,\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</ScrollAreaPrimitive.Viewport>\n\t\t\t\t{hasVertical ? <ScrollBar orientation=\"vertical\" /> : null}\n\t\t\t\t{hasHorizontal ? <ScrollBar orientation=\"horizontal\" /> : null}\n\t\t\t\t{hasVertical && hasHorizontal ? (\n\t\t\t\t\t<ScrollAreaPrimitive.Corner data-slot=\"scroll-area-corner\" />\n\t\t\t\t) : null}\n\t\t\t</ScrollAreaPrimitive.Root>\n\t\t);\n\t},\n);\nScrollArea.displayName = \"ScrollArea\";\n"],"mappings":";;;;;;AAuCA,IAAM,IACL;AAED,SAAS,EAAU,EAAE,kBAA2D;CAC/E,OACC,kBAAC,EAAoB,WAArB;EACC,aAAU;EACG;EACb,WAAW,EACV,GACA,MAAgB,aACb,+CACA,8CACJ;EAEA,UAAA,kBAAC,EAAoB,OAArB;GACC,aAAU;GACV,WAAU;EACV,CAAA;CAC6B,CAAA;AAEjC;AAEA,IAAa,IAAa,EAAM,YAE9B,EACC,oBAAoB,GACpB,cAAc,GACd,mBAAmB,GACnB,aACA,cACA,aACA,iBAAc,YACd,SACA,cAAW,GACX,sBACA,GAAG,KAEJ,MACI;CACJ,IAAM,IAAc,MAAgB,cAC9B,IAAgB,MAAgB,YAChC,IAAe,MAAS,KAAa,IAAiB,WAAW,KAAA;CAEvE,OACC,kBAAC,EAAoB,MAArB;EACC,aAAU;EACV,WAAW,EAAG,4CAA4C,CAAS;EACnE,GAAI;EAHL,UAAA;GAKC,kBAAC,EAAoB,UAArB;IACM;IACL,oBAAkB;IAClB,aAAU;IACV,oBAAkB;IAClB,cAAY;IACZ,mBAAiB;IACjB,MAAM;IACI;IACA;IACV,WAAW,EACV,0KACA,MAAgB,cAAc,sBAC9B,MAAgB,gBAAgB,sBAChC,CACD;IAEC;GAC4B,CAAA;GAC7B,IAAc,kBAAC,GAAD,EAAW,aAAY,WAAY,CAAA,IAAI;GACrD,IAAgB,kBAAC,GAAD,EAAW,aAAY,aAAc,CAAA,IAAI;GACzD,KAAe,IACf,kBAAC,EAAoB,QAArB,EAA4B,aAAU,qBAAsB,CAAA,IACzD;EACqB;;AAE5B,CACD;AACA,EAAW,cAAc"}

package/dist/components/segment-control.d.ts

@@ -0,0 +1,35 @@
+import * as React from "react";
+export interface SegmentControlOption {
+    /** The value selected when this segment is activated. */
+    value: string;
+    /** The visible label for the segment. */
+    label: React.ReactNode;
+    /** Disable only this segment. */
+    disabled?: boolean;
+}
+export interface SegmentControlAllOption {
+    /** The value representing the unfiltered selection. */
+    value: string;
+    /** The visible label for the leading segment. */
+    label?: React.ReactNode;
+    /** Disable only the leading segment. */
+    disabled?: boolean;
+}
+export interface SegmentControlProps extends Omit<React.HTMLAttributes<HTMLFieldSetElement>, "children" | "onChange"> {
+    /** The currently selected value. */
+    value: string;
+    /** Called when the user selects a different segment. */
+    onValueChange: (value: string) => void;
+    /** The visible legend that names the control. */
+    legend: React.ReactNode;
+    /** The selectable segments shown after the optional All segment. */
+    options: readonly SegmentControlOption[];
+    /** Add a leading unfiltered segment, labelled All by default. */
+    allOption?: SegmentControlAllOption;
+    /**
+     * Disable every segment.
+     * @default false
+     */
+    disabled?: boolean;
+}
+export declare const SegmentControl: React.ForwardRefExoticComponent<SegmentControlProps & React.RefAttributes<HTMLFieldSetElement>>;