@nocoo/basalt 2.0.0-rc.1

package/dist/components/table-of-contents.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from "react";
+export type TableOfContentsProps = {
+    /**
+     * Accessible name and heading. Pass an empty string to hide the heading.
+     * @default "On this page"
+     */
+    title?: string;
+    /**
+     * Section items.
+     */
+    children: ReactNode;
+    /**
+     * Additional classes for the nav.
+     */
+    className?: string;
+};
+export declare function TableOfContents({ title, children, className, }: TableOfContentsProps): import("react").JSX.Element;
+export type TableOfContentsItemProps = {
+    /**
+     * Mark the current section.
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Optional in-page href. Renders a link when set.
+     */
+    href?: string;
+    /**
+     * Section label.
+     */
+    children: ReactNode;
+};
+export declare function TableOfContentsItem({ active, href, children }: TableOfContentsItemProps): import("react").JSX.Element;

package/dist/components/table-of-contents.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/table-of-contents.tsx
+function r({ title: r = "On this page", children: i, className: a }) {
+	return /* @__PURE__ */ n("nav", {
+		"aria-label": r || "On this page",
+		className: e("text-sm", a),
+		children: [r ? /* @__PURE__ */ t("p", {
+			className: "mb-3 text-xs font-semibold tracking-wide text-basalt-muted-foreground uppercase",
+			children: r
+		}) : null, /* @__PURE__ */ t("ul", {
+			className: "flex flex-col gap-2 border-l-2 border-basalt-border",
+			children: i
+		})]
+	});
+}
+function i({ active: n, href: r, children: i }) {
+	let a = e("block border-l-2 py-0.5 pl-4", n ? "border-basalt-primary font-medium text-basalt-foreground" : "border-transparent text-basalt-muted-foreground");
+	return /* @__PURE__ */ t("li", {
+		className: "-ml-0.5",
+		children: r ? /* @__PURE__ */ t("a", {
+			href: r,
+			"aria-current": n ? "location" : void 0,
+			className: a,
+			children: i
+		}) : /* @__PURE__ */ t("span", {
+			"aria-current": n ? "location" : void 0,
+			className: a,
+			children: i
+		})
+	});
+}
+//#endregion
+export { r as TableOfContents, i as TableOfContentsItem };
+
+//# sourceMappingURL=table-of-contents.js.map

package/dist/components/table-of-contents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-of-contents.js","names":[],"sources":["../../src/components/table-of-contents.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport type TableOfContentsProps = {\n\t/**\n\t * Accessible name and heading. Pass an empty string to hide the heading.\n\t * @default \"On this page\"\n\t */\n\ttitle?: string;\n\t/**\n\t * Section items.\n\t */\n\tchildren: ReactNode;\n\t/**\n\t * Additional classes for the nav.\n\t */\n\tclassName?: string;\n};\n\nexport function TableOfContents({\n\ttitle = \"On this page\",\n\tchildren,\n\tclassName,\n}: TableOfContentsProps) {\n\treturn (\n\t\t<nav aria-label={title || \"On this page\"} className={cn(\"text-sm\", className)}>\n\t\t\t{title ? (\n\t\t\t\t<p className=\"mb-3 text-xs font-semibold tracking-wide text-basalt-muted-foreground uppercase\">\n\t\t\t\t\t{title}\n\t\t\t\t</p>\n\t\t\t) : null}\n\t\t\t<ul className=\"flex flex-col gap-2 border-l-2 border-basalt-border\">{children}</ul>\n\t\t</nav>\n\t);\n}\n\nexport type TableOfContentsItemProps = {\n\t/**\n\t * Mark the current section.\n\t * @default false\n\t */\n\tactive?: boolean;\n\t/**\n\t * Optional in-page href. Renders a link when set.\n\t */\n\thref?: string;\n\t/**\n\t * Section label.\n\t */\n\tchildren: ReactNode;\n};\n\nexport function TableOfContentsItem({ active, href, children }: TableOfContentsItemProps) {\n\tconst className = cn(\n\t\t\"block border-l-2 py-0.5 pl-4\",\n\t\tactive\n\t\t\t? \"border-basalt-primary font-medium text-basalt-foreground\"\n\t\t\t: \"border-transparent text-basalt-muted-foreground\",\n\t);\n\treturn (\n\t\t<li className=\"-ml-0.5\">\n\t\t\t{href ? (\n\t\t\t\t<a href={href} aria-current={active ? \"location\" : undefined} className={className}>\n\t\t\t\t\t{children}\n\t\t\t\t</a>\n\t\t\t) : (\n\t\t\t\t<span aria-current={active ? \"location\" : undefined} className={className}>\n\t\t\t\t\t{children}\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</li>\n\t);\n}\n"],"mappings":";;;;AAmBA,SAAgB,EAAgB,EAC/B,WAAQ,gBACR,aACA,gBACwB;CACxB,OACC,kBAAC,OAAD;EAAK,cAAY,KAAS;EAAgB,WAAW,EAAG,WAAW,CAAS;EAA5E,UAAA,CACE,IACA,kBAAC,KAAD;GAAG,WAAU;GACX,UAAA;EACC,CAAA,IACA,MACJ,kBAAC,MAAD;GAAI,WAAU;GAAuD;EAAa,CAAA,CAC9E;;AAEP;AAkBA,SAAgB,EAAoB,EAAE,WAAQ,SAAM,eAAsC;CACzF,IAAM,IAAY,EACjB,gCACA,IACG,6DACA,iDACJ;CACA,OACC,kBAAC,MAAD;EAAI,WAAU;EACZ,UAAA,IACA,kBAAC,KAAD;GAAS;GAAM,gBAAc,IAAS,aAAa,KAAA;GAAsB;GACvE;EACC,CAAA,IAEH,kBAAC,QAAD;GAAM,gBAAc,IAAS,aAAa,KAAA;GAAsB;GAC9D;EACI,CAAA;CAEJ,CAAA;AAEN"}

package/dist/components/table-pager.d.ts

@@ -0,0 +1,26 @@
+import type * as React from "react";
+export interface TablePagerRange {
+    start: number;
+    end: number;
+    totalCount: number;
+}
+export interface TablePagerProps {
+    /** 1-based current page. */
+    page: number;
+    /** Number of rows on each page. */
+    pageSize: number;
+    /** Total number of rows. */
+    totalCount: number;
+    /** Called with the next 1-based page. */
+    onPageChange: (page: number) => void;
+    /**
+     * Disable every pagination control while keeping the range visible.
+     * @default false
+     */
+    disabled?: boolean;
+    /** Replace the default range copy with a custom node. */
+    formatRange?: (range: TablePagerRange) => React.ReactNode;
+    /** Additional classes for the pager bar. */
+    className?: string;
+}
+export declare function TablePager({ className, disabled, formatRange, onPageChange, page, pageSize, totalCount, }: TablePagerProps): React.JSX.Element;

package/dist/components/table-pager.js

@@ -0,0 +1,35 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { Pagination as t } from "./pagination.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/table-pager.tsx
+function i({ start: e, end: t, totalCount: n }) {
+	return n === 0 ? "No results" : `Showing ${e}–${t} of ${n}`;
+}
+function a({ className: a, disabled: o = !1, formatRange: s, onPageChange: c, page: l, pageSize: u, totalCount: d }) {
+	let f = Math.max(1, Math.ceil(d / u)), p = Math.min(f, Math.max(1, l)), m = d === 0 ? {
+		start: 0,
+		end: 0,
+		totalCount: d
+	} : {
+		start: (p - 1) * u + 1,
+		end: Math.min(p * u, d),
+		totalCount: d
+	};
+	return /* @__PURE__ */ r("div", {
+		className: e("flex flex-col gap-3 md:flex-row md:items-center md:justify-between", a),
+		children: [/* @__PURE__ */ n("p", {
+			className: "text-sm text-basalt-muted-foreground",
+			children: s ? s(m) : i(m)
+		}), /* @__PURE__ */ n(t, {
+			page: l,
+			pageCount: f,
+			disabled: o,
+			onPageChange: c
+		})]
+	});
+}
+//#endregion
+export { a as TablePager };
+
+//# sourceMappingURL=table-pager.js.map

package/dist/components/table-pager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-pager.js","names":[],"sources":["../../src/components/table-pager.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { Pagination } from \"./pagination\";\n\nexport interface TablePagerRange {\n\tstart: number;\n\tend: number;\n\ttotalCount: number;\n}\n\nexport interface TablePagerProps {\n\t/** 1-based current page. */\n\tpage: number;\n\t/** Number of rows on each page. */\n\tpageSize: number;\n\t/** Total number of rows. */\n\ttotalCount: number;\n\t/** Called with the next 1-based page. */\n\tonPageChange: (page: number) => void;\n\t/**\n\t * Disable every pagination control while keeping the range visible.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n\t/** Replace the default range copy with a custom node. */\n\tformatRange?: (range: TablePagerRange) => React.ReactNode;\n\t/** Additional classes for the pager bar. */\n\tclassName?: string;\n}\n\nfunction defaultRangeText({ start, end, totalCount }: TablePagerRange) {\n\tif (totalCount === 0) {\n\t\treturn \"No results\";\n\t}\n\treturn `Showing ${start}–${end} of ${totalCount}`;\n}\n\nexport function TablePager({\n\tclassName,\n\tdisabled = false,\n\tformatRange,\n\tonPageChange,\n\tpage,\n\tpageSize,\n\ttotalCount,\n}: TablePagerProps) {\n\tconst pageCount = Math.max(1, Math.ceil(totalCount / pageSize));\n\tconst current = Math.min(pageCount, Math.max(1, page));\n\tconst range: TablePagerRange =\n\t\ttotalCount === 0\n\t\t\t? { start: 0, end: 0, totalCount }\n\t\t\t: {\n\t\t\t\t\tstart: (current - 1) * pageSize + 1,\n\t\t\t\t\tend: Math.min(current * pageSize, totalCount),\n\t\t\t\t\ttotalCount,\n\t\t\t\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col gap-3 md:flex-row md:items-center md:justify-between\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<p className=\"text-sm text-basalt-muted-foreground\">\n\t\t\t\t{formatRange ? formatRange(range) : defaultRangeText(range)}\n\t\t\t</p>\n\t\t\t<Pagination\n\t\t\t\tpage={page}\n\t\t\t\tpageCount={pageCount}\n\t\t\t\tdisabled={disabled}\n\t\t\t\tonPageChange={onPageChange}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;AA8BA,SAAS,EAAiB,EAAE,UAAO,QAAK,iBAA+B;CAItE,OAHI,MAAe,IACX,eAED,WAAW,EAAM,GAAG,EAAI,MAAM;AACtC;AAEA,SAAgB,EAAW,EAC1B,cACA,cAAW,IACX,gBACA,iBACA,SACA,aACA,iBACmB;CACnB,IAAM,IAAY,KAAK,IAAI,GAAG,KAAK,KAAK,IAAa,CAAQ,CAAC,GACxD,IAAU,KAAK,IAAI,GAAW,KAAK,IAAI,GAAG,CAAI,CAAC,GAC/C,IACL,MAAe,IACZ;EAAE,OAAO;EAAG,KAAK;EAAG;CAAW,IAC/B;EACA,QAAQ,IAAU,KAAK,IAAW;EAClC,KAAK,KAAK,IAAI,IAAU,GAAU,CAAU;EAC5C;CACD;CAEH,OACC,kBAAC,OAAD;EACC,WAAW,EACV,sEACA,CACD;EAJD,UAAA,CAMC,kBAAC,KAAD;GAAG,WAAU;GACX,UAAA,IAAc,EAAY,CAAK,IAAI,EAAiB,CAAK;EACxD,CAAA,GACH,kBAAC,GAAD;GACO;GACK;GACD;GACI;EACd,CAAA,CACG;;AAEP"}

package/dist/components/table.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+export type TableProps = {
+    /**
+     * Additional classes for the table.
+     */
+    className?: string;
+};
+export declare const Table: React.ForwardRefExoticComponent<TableProps & React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: (props: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export declare const TableBody: (props: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export declare const TableFooter: (props: React.HTMLAttributes<HTMLTableSectionElement>) => React.JSX.Element;
+export type TableRowVariant = "default" | "selected";
+export type TableRowProps = {
+    /**
+     * Highlight the row as selected.
+     * @default "default"
+     */
+    variant?: TableRowVariant;
+    /**
+     * Additional classes for the row.
+     */
+    className?: string;
+};
+export declare const TableRow: ({ className, variant, ...props }: TableRowProps & React.HTMLAttributes<HTMLTableRowElement>) => React.JSX.Element;
+export type TableHeadProps = {
+    /**
+     * Additional classes for the header cell.
+     */
+    className?: string;
+};
+export declare const TableHead: ({ className, ...props }: TableHeadProps & React.ThHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export type TableCellProps = {
+    /**
+     * Additional classes for the cell.
+     */
+    className?: string;
+};
+export declare const TableCell: ({ className, ...props }: TableCellProps & React.TdHTMLAttributes<HTMLTableCellElement>) => React.JSX.Element;
+export type TableCaptionProps = {
+    /**
+     * Additional classes for the caption.
+     */
+    className?: string;
+};
+export declare function TableCaption({ className, ...props }: TableCaptionProps & React.HTMLAttributes<HTMLTableCaptionElement>): React.JSX.Element;

package/dist/components/table.js

@@ -0,0 +1,32 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import * as t from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/table.tsx
+var r = t.forwardRef(({ className: t, ...r }, i) => /* @__PURE__ */ n("table", {
+	ref: i,
+	className: e("w-full border-separate border-spacing-0 caption-bottom text-left text-sm text-basalt-foreground", t),
+	...r
+}));
+r.displayName = "Table";
+var i = (e) => /* @__PURE__ */ n("thead", { ...e }), a = (e) => /* @__PURE__ */ n("tbody", { ...e }), o = (e) => /* @__PURE__ */ n("tfoot", { ...e }), s = ({ className: t, variant: r = "default", ...i }) => /* @__PURE__ */ n("tr", {
+	...i,
+	"aria-selected": r === "selected" || i["aria-selected"],
+	className: e(r === "selected" ? "[&_td]:bg-basalt-accent" : "even:[&_td]:bg-basalt-secondary", t)
+}), c = ({ className: t, ...r }) => /* @__PURE__ */ n("th", {
+	className: e("border-b border-basalt-border bg-basalt-card p-3 text-left font-semibold first:rounded-tl-basalt-md last:rounded-tr-basalt-md", t),
+	...r
+}), l = ({ className: t, ...r }) => /* @__PURE__ */ n("td", {
+	className: e("p-3", t),
+	...r
+});
+function u({ className: t, ...r }) {
+	return /* @__PURE__ */ n("caption", {
+		className: e("mt-2 text-sm text-basalt-muted-foreground", t),
+		...r
+	});
+}
+//#endregion
+export { r as Table, a as TableBody, u as TableCaption, l as TableCell, o as TableFooter, c as TableHead, i as TableHeader, s as TableRow };
+
+//# sourceMappingURL=table.js.map

package/dist/components/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../src/components/table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport type TableProps = {\n\t/**\n\t * Additional classes for the table.\n\t */\n\tclassName?: string;\n};\n\nexport const Table = React.forwardRef<\n\tHTMLTableElement,\n\tTableProps & React.HTMLAttributes<HTMLTableElement>\n>(({ className, ...props }, ref) => (\n\t<table\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"w-full border-separate border-spacing-0 caption-bottom text-left text-sm text-basalt-foreground\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nTable.displayName = \"Table\";\n\nexport const TableHeader = (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n\t<thead {...props} />\n);\nexport const TableBody = (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n\t<tbody {...props} />\n);\nexport const TableFooter = (props: React.HTMLAttributes<HTMLTableSectionElement>) => (\n\t<tfoot {...props} />\n);\n\nexport type TableRowVariant = \"default\" | \"selected\";\n\nexport type TableRowProps = {\n\t/**\n\t * Highlight the row as selected.\n\t * @default \"default\"\n\t */\n\tvariant?: TableRowVariant;\n\t/**\n\t * Additional classes for the row.\n\t */\n\tclassName?: string;\n};\n\nexport const TableRow = ({\n\tclassName,\n\tvariant = \"default\",\n\t...props\n}: TableRowProps & React.HTMLAttributes<HTMLTableRowElement>) => (\n\t<tr\n\t\t{...props}\n\t\taria-selected={variant === \"selected\" ? true : props[\"aria-selected\"]}\n\t\tclassName={cn(\n\t\t\tvariant === \"selected\" ? \"[&_td]:bg-basalt-accent\" : \"even:[&_td]:bg-basalt-secondary\",\n\t\t\tclassName,\n\t\t)}\n\t/>\n);\n\nexport type TableHeadProps = {\n\t/**\n\t * Additional classes for the header cell.\n\t */\n\tclassName?: string;\n};\n\nexport const TableHead = ({\n\tclassName,\n\t...props\n}: TableHeadProps & React.ThHTMLAttributes<HTMLTableCellElement>) => (\n\t<th\n\t\tclassName={cn(\n\t\t\t\"border-b border-basalt-border bg-basalt-card p-3 text-left font-semibold first:rounded-tl-basalt-md last:rounded-tr-basalt-md\",\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n);\n\nexport type TableCellProps = {\n\t/**\n\t * Additional classes for the cell.\n\t */\n\tclassName?: string;\n};\n\nexport const TableCell = ({\n\tclassName,\n\t...props\n}: TableCellProps & React.TdHTMLAttributes<HTMLTableCellElement>) => (\n\t<td className={cn(\"p-3\", className)} {...props} />\n);\n\nexport type TableCaptionProps = {\n\t/**\n\t * Additional classes for the caption.\n\t */\n\tclassName?: string;\n};\n\nexport function TableCaption({\n\tclassName,\n\t...props\n}: TableCaptionProps & React.HTMLAttributes<HTMLTableCaptionElement>) {\n\treturn (\n\t\t<caption className={cn(\"mt-2 text-sm text-basalt-muted-foreground\", className)} {...props} />\n\t);\n}\n"],"mappings":";;;;;AAUA,IAAa,IAAQ,EAAM,YAGxB,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,SAAD;CACM;CACL,WAAW,EACV,mGACA,CACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,EAAM,cAAc;AAEpB,IAAa,KAAe,MAC3B,kBAAC,SAAD,EAAO,GAAI,EAAQ,CAAA,GAEP,KAAa,MACzB,kBAAC,SAAD,EAAO,GAAI,EAAQ,CAAA,GAEP,KAAe,MAC3B,kBAAC,SAAD,EAAO,GAAI,EAAQ,CAAA,GAiBP,KAAY,EACxB,cACA,aAAU,WACV,GAAG,QAEH,kBAAC,MAAD;CACC,GAAI;CACJ,iBAAe,MAAY,cAAoB,EAAM;CACrD,WAAW,EACV,MAAY,aAAa,4BAA4B,mCACrD,CACD;AACA,CAAA,GAUW,KAAa,EACzB,cACA,GAAG,QAEH,kBAAC,MAAD;CACC,WAAW,EACV,iIACA,CACD;CACA,GAAI;AACJ,CAAA,GAUW,KAAa,EACzB,cACA,GAAG,QAEH,kBAAC,MAAD;CAAI,WAAW,EAAG,OAAO,CAAS;CAAG,GAAI;AAAQ,CAAA;AAUlD,SAAgB,EAAa,EAC5B,cACA,GAAG,KACkE;CACrE,OACC,kBAAC,WAAD;EAAS,WAAW,EAAG,6CAA6C,CAAS;EAAG,GAAI;CAAQ,CAAA;AAE9F"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,65 @@
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import * as React from "react";
+export type TabsProps = Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>, "value" | "defaultValue" | "onValueChange"> & {
+    /**
+     * The controlled selected tab.
+     */
+    value?: string;
+    /**
+     * The uncontrolled initial tab.
+     */
+    defaultValue?: string;
+    /**
+     * Called when the selected tab changes.
+     */
+    onValueChange?: (value: string) => void;
+};
+export declare const Tabs: React.FC<TabsProps>;
+export type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {
+    /**
+     * Show the sliding active underline.
+     * @default true
+     */
+    showIndicator?: boolean;
+};
+export declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /**
+     * Show the sliding active underline.
+     * @default true
+     */
+    showIndicator?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export type TabsTriggerProps = Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, "disabled" | "value"> & {
+    /**
+     * The tab value.
+     */
+    value: string;
+    /**
+     * Disable the tab trigger.
+     * @default false
+     */
+    disabled?: boolean;
+};
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "value"> & {
+    /**
+     * The tab value.
+     */
+    value: string;
+    /**
+     * Disable the tab trigger.
+     * @default false
+     */
+    disabled?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+export type TabsContentProps = Omit<React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>, "value"> & {
+    /**
+     * The tab value this panel belongs to.
+     */
+    value: string;
+};
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref">, "value"> & {
+    /**
+     * The tab value this panel belongs to.
+     */
+    value: string;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/tabs.js

@@ -0,0 +1,56 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import { OVERLAY_MOTION as t } from "./overlay.js";
+import { useSelectionIndicator as n } from "../utils/selection-indicator.js";
+import * as r from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-tabs";
+//#region src/components/tabs.tsx
+function s(e) {
+	return {
+		left: e.offsetLeft,
+		width: e.offsetWidth,
+		top: e.offsetTop + e.offsetHeight,
+		height: 0
+	};
+}
+var c = o.Root, l = r.forwardRef(({ className: t, children: r, showIndicator: c = !0, ...l }, u) => {
+	let { ref: d, state: f, motionClassName: p } = n({
+		itemSelector: "[role=\"tab\"][data-state=\"active\"]",
+		enabled: c,
+		mapGeometry: s,
+		ref: u
+	});
+	return /* @__PURE__ */ a(o.List, {
+		ref: d,
+		className: e("relative flex flex-wrap items-center gap-1 border-b border-basalt-border", t),
+		...l,
+		children: [r, c ? /* @__PURE__ */ i("span", {
+			"aria-hidden": "true",
+			"data-slot": "selection-indicator",
+			className: e("pointer-events-none absolute h-0.5 bg-basalt-primary", p),
+			style: {
+				left: f.left,
+				width: f.visible ? f.width : 0,
+				top: f.top
+			}
+		}) : null]
+	});
+});
+l.displayName = o.List.displayName;
+var u = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ i(o.Trigger, {
+	ref: a,
+	className: e("inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-basalt-muted-foreground transition-colors hover:text-basalt-foreground data-[state=active]:text-basalt-primary", t, n),
+	...r
+}));
+u.displayName = o.Trigger.displayName;
+var d = r.forwardRef(({ className: n, ...r }, a) => /* @__PURE__ */ i(o.Content, {
+	ref: a,
+	className: e("mt-3 text-sm text-basalt-foreground data-[state=active]:animate-basalt-tab-in", t, n),
+	...r
+}));
+d.displayName = o.Content.displayName;
+//#endregion
+export { c as Tabs, d as TabsContent, l as TabsList, u as TabsTrigger };
+
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":[],"sources":["../../src/components/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { useSelectionIndicator } from \"../utils/selection-indicator\";\nimport { OVERLAY_MOTION } from \"./overlay\";\n\nfunction measureTabUnderline(item: HTMLElement): {\n\tleft: number;\n\twidth: number;\n\ttop: number;\n\theight: number;\n} {\n\treturn {\n\t\tleft: item.offsetLeft,\n\t\twidth: item.offsetWidth,\n\t\ttop: item.offsetTop + item.offsetHeight,\n\t\theight: 0,\n\t};\n}\n\nexport type TabsProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n\t\"value\" | \"defaultValue\" | \"onValueChange\"\n> & {\n\t/**\n\t * The controlled selected tab.\n\t */\n\tvalue?: string;\n\t/**\n\t * The uncontrolled initial tab.\n\t */\n\tdefaultValue?: string;\n\t/**\n\t * Called when the selected tab changes.\n\t */\n\tonValueChange?: (value: string) => void;\n};\nexport const Tabs: React.FC<TabsProps> = TabsPrimitive.Root;\n\nexport type TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> & {\n\t/**\n\t * Show the sliding active underline.\n\t * @default true\n\t */\n\tshowIndicator?: boolean;\n};\n\nexport const TabsList = React.forwardRef<\n\tReact.ElementRef<typeof TabsPrimitive.List>,\n\tTabsListProps\n>(({ className, children, showIndicator = true, ...props }, ref) => {\n\tconst {\n\t\tref: listRef,\n\t\tstate,\n\t\tmotionClassName,\n\t} = useSelectionIndicator({\n\t\titemSelector: '[role=\"tab\"][data-state=\"active\"]',\n\t\tenabled: showIndicator,\n\t\tmapGeometry: measureTabUnderline,\n\t\tref,\n\t});\n\n\treturn (\n\t\t<TabsPrimitive.List\n\t\t\tref={listRef}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex flex-wrap items-center gap-1 border-b border-basalt-border\",\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{showIndicator ? (\n\t\t\t\t<span\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tdata-slot=\"selection-indicator\"\n\t\t\t\t\tclassName={cn(\"pointer-events-none absolute h-0.5 bg-basalt-primary\", motionClassName)}\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tleft: state.left,\n\t\t\t\t\t\twidth: state.visible ? state.width : 0,\n\t\t\t\t\t\ttop: state.top,\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t) : null}\n\t\t</TabsPrimitive.List>\n\t);\n});\nTabsList.displayName = TabsPrimitive.List.displayName;\n\nexport type TabsTriggerProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>,\n\t\"disabled\" | \"value\"\n> & {\n\t/**\n\t * The tab value.\n\t */\n\tvalue: string;\n\t/**\n\t * Disable the tab trigger.\n\t * @default false\n\t */\n\tdisabled?: boolean;\n};\n\nexport const TabsTrigger = React.forwardRef<\n\tReact.ElementRef<typeof TabsPrimitive.Trigger>,\n\tTabsTriggerProps\n>(({ className, ...props }, ref) => (\n\t<TabsPrimitive.Trigger\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"inline-flex items-center justify-center px-3 py-2 text-sm font-medium text-basalt-muted-foreground transition-colors hover:text-basalt-foreground data-[state=active]:text-basalt-primary\",\n\t\t\tOVERLAY_MOTION,\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\nexport type TabsContentProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>,\n\t\"value\"\n> & {\n\t/**\n\t * The tab value this panel belongs to.\n\t */\n\tvalue: string;\n};\n\nexport const TabsContent = React.forwardRef<\n\tReact.ElementRef<typeof TabsPrimitive.Content>,\n\tTabsContentProps\n>(({ className, ...props }, ref) => (\n\t<TabsPrimitive.Content\n\t\tref={ref}\n\t\tclassName={cn(\n\t\t\t\"mt-3 text-sm text-basalt-foreground data-[state=active]:animate-basalt-tab-in\",\n\t\t\tOVERLAY_MOTION,\n\t\t\tclassName,\n\t\t)}\n\t\t{...props}\n\t/>\n));\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n"],"mappings":";;;;;;;;AAMA,SAAS,EAAoB,GAK3B;CACD,OAAO;EACN,MAAM,EAAK;EACX,OAAO,EAAK;EACZ,KAAK,EAAK,YAAY,EAAK;EAC3B,QAAQ;CACT;AACD;AAmBA,IAAa,IAA4B,EAAc,MAU1C,IAAW,EAAM,YAG3B,EAAE,cAAW,aAAU,mBAAgB,IAAM,GAAG,KAAS,MAAQ;CACnE,IAAM,EACL,KAAK,GACL,UACA,uBACG,EAAsB;EACzB,cAAc;EACd,SAAS;EACT,aAAa;EACb;CACD,CAAC;CAED,OACC,kBAAC,EAAc,MAAf;EACC,KAAK;EACL,WAAW,EACV,4EACA,CACD;EACA,GAAI;EANL,UAAA,CAQE,GACA,IACA,kBAAC,QAAD;GACC,eAAY;GACZ,aAAU;GACV,WAAW,EAAG,wDAAwD,CAAe;GACrF,OAAO;IACN,MAAM,EAAM;IACZ,OAAO,EAAM,UAAU,EAAM,QAAQ;IACrC,KAAK,EAAM;GACZ;EACA,CAAA,IACE,IACe;;AAEtB,CAAC;AACD,EAAS,cAAc,EAAc,KAAK;AAiB1C,IAAa,IAAc,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAc,SAAf;CACM;CACL,WAAW,EACV,6LACA,GACA,CACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,EAAY,cAAc,EAAc,QAAQ;AAYhD,IAAa,IAAc,EAAM,YAG9B,EAAE,cAAW,GAAG,KAAS,MAC3B,kBAAC,EAAc,SAAf;CACM;CACL,WAAW,EACV,iFACA,GACA,CACD;CACA,GAAI;AACJ,CAAA,CACD;AACD,EAAY,cAAc,EAAc,QAAQ"}

package/dist/components/text.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+export type TextVariant = "body" | "heading" | "mono";
+export type TextSize = "xs" | "sm" | "md" | "lg" | "xl";
+export type TextTone = "default" | "muted";
+export type TextElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | "label" | "dt" | "dd" | "li" | "figcaption" | "legend" | "pre" | "code" | "em" | "strong" | "small" | "abbr" | "time";
+export interface TextProps extends React.HTMLAttributes<HTMLElement> {
+    /**
+     * Visual role. Does not infer document outline.
+     * @default "body"
+     */
+    variant?: TextVariant;
+    /** Type scale. Defaults by variant: body md, heading lg, mono sm. */
+    size?: TextSize;
+    /**
+     * Foreground tone.
+     * @default "default"
+     */
+    tone?: TextTone;
+    /** Rendered HTML element. Defaults by variant: body p, heading/mono span. */
+    as?: TextElement;
+    /**
+     * Apply semibold weight.
+     * @default false
+     */
+    bold?: boolean;
+    /**
+     * Ellipsize overflow on one line.
+     * @default false
+     */
+    truncate?: boolean;
+}
+export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLElement>>;

package/dist/components/text.js

@@ -0,0 +1,46 @@
+"use client";
+import { cn as e } from "../utils/cn.js";
+import * as t from "react";
+import { cva as n } from "class-variance-authority";
+//#region src/components/text.tsx
+var r = n("text-basalt-foreground", {
+	variants: {
+		size: {
+			xs: "text-xs",
+			sm: "text-sm",
+			md: "text-sm leading-6",
+			lg: "text-base",
+			xl: "text-lg"
+		},
+		tone: {
+			default: "text-basalt-foreground",
+			muted: "text-basalt-muted-foreground"
+		}
+	},
+	defaultVariants: {
+		size: "md",
+		tone: "default"
+	}
+});
+function i(e) {
+	return e === "body" ? "p" : "span";
+}
+function a(e) {
+	return e === "heading" ? "lg" : e === "mono" ? "sm" : "md";
+}
+var o = t.forwardRef(({ as: n, bold: o = !1, className: s, size: c, tone: l = "default", truncate: u = !1, variant: d = "body", ...f }, p) => {
+	let m = n ?? i(d);
+	return t.createElement(m, {
+		...f,
+		ref: p,
+		className: e(r({
+			size: c ?? a(d),
+			tone: l
+		}), d === "heading" && "font-semibold", d === "mono" && "font-mono", o && "font-semibold", u && "min-w-0 truncate", s)
+	});
+});
+o.displayName = "Text";
+//#endregion
+export { o as Text };
+
+//# sourceMappingURL=text.js.map

package/dist/components/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","names":[],"sources":["../../src/components/text.tsx"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\n\nexport type TextVariant = \"body\" | \"heading\" | \"mono\";\nexport type TextSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type TextTone = \"default\" | \"muted\";\nexport type TextElement =\n\t| \"h1\"\n\t| \"h2\"\n\t| \"h3\"\n\t| \"h4\"\n\t| \"h5\"\n\t| \"h6\"\n\t| \"p\"\n\t| \"span\"\n\t| \"label\"\n\t| \"dt\"\n\t| \"dd\"\n\t| \"li\"\n\t| \"figcaption\"\n\t| \"legend\"\n\t| \"pre\"\n\t| \"code\"\n\t| \"em\"\n\t| \"strong\"\n\t| \"small\"\n\t| \"abbr\"\n\t| \"time\";\n\nconst textVariants = cva(\"text-basalt-foreground\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"text-xs\",\n\t\t\tsm: \"text-sm\",\n\t\t\tmd: \"text-sm leading-6\",\n\t\t\tlg: \"text-base\",\n\t\t\txl: \"text-lg\",\n\t\t},\n\t\ttone: {\n\t\t\tdefault: \"text-basalt-foreground\",\n\t\t\tmuted: \"text-basalt-muted-foreground\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"md\",\n\t\ttone: \"default\",\n\t},\n});\n\nexport interface TextProps extends React.HTMLAttributes<HTMLElement> {\n\t/**\n\t * Visual role. Does not infer document outline.\n\t * @default \"body\"\n\t */\n\tvariant?: TextVariant;\n\t/** Type scale. Defaults by variant: body md, heading lg, mono sm. */\n\tsize?: TextSize;\n\t/**\n\t * Foreground tone.\n\t * @default \"default\"\n\t */\n\ttone?: TextTone;\n\t/** Rendered HTML element. Defaults by variant: body p, heading/mono span. */\n\tas?: TextElement;\n\t/**\n\t * Apply semibold weight.\n\t * @default false\n\t */\n\tbold?: boolean;\n\t/**\n\t * Ellipsize overflow on one line.\n\t * @default false\n\t */\n\ttruncate?: boolean;\n}\n\nfunction defaultElement(variant: TextVariant): TextElement {\n\treturn variant === \"body\" ? \"p\" : \"span\";\n}\n\nfunction defaultSize(variant: TextVariant): TextSize {\n\tif (variant === \"heading\") {\n\t\treturn \"lg\";\n\t}\n\tif (variant === \"mono\") {\n\t\treturn \"sm\";\n\t}\n\treturn \"md\";\n}\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(\n\t(\n\t\t{\n\t\t\tas,\n\t\t\tbold = false,\n\t\t\tclassName,\n\t\t\tsize,\n\t\t\ttone = \"default\",\n\t\t\ttruncate = false,\n\t\t\tvariant = \"body\",\n\t\t\t...props\n\t\t},\n\t\tref,\n\t) => {\n\t\tconst Component = as ?? defaultElement(variant);\n\t\treturn React.createElement(Component, {\n\t\t\t...props,\n\t\t\tref,\n\t\t\tclassName: cn(\n\t\t\t\ttextVariants({ size: size ?? defaultSize(variant), tone }),\n\t\t\t\tvariant === \"heading\" && \"font-semibold\",\n\t\t\t\tvariant === \"mono\" && \"font-mono\",\n\t\t\t\tbold && \"font-semibold\",\n\t\t\t\ttruncate && \"min-w-0 truncate\",\n\t\t\t\tclassName,\n\t\t\t),\n\t\t});\n\t},\n);\nText.displayName = \"Text\";\n"],"mappings":";;;;;AA8BA,IAAM,IAAe,EAAI,0BAA0B;CAClD,UAAU;EACT,MAAM;GACL,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;EACL;EACA,MAAM;GACL,SAAS;GACT,OAAO;EACR;CACD;CACA,iBAAiB;EAChB,MAAM;EACN,MAAM;CACP;AACD,CAAC;AA6BD,SAAS,EAAe,GAAmC;CAC1D,OAAO,MAAY,SAAS,MAAM;AACnC;AAEA,SAAS,EAAY,GAAgC;CAOpD,OANI,MAAY,YACR,OAEJ,MAAY,SACR,OAED;AACR;AAEA,IAAa,IAAO,EAAM,YAExB,EACC,OACA,UAAO,IACP,cACA,SACA,UAAO,WACP,cAAW,IACX,aAAU,QACV,GAAG,KAEJ,MACI;CACJ,IAAM,IAAY,KAAM,EAAe,CAAO;CAC9C,OAAO,EAAM,cAAc,GAAW;EACrC,GAAG;EACH;EACA,WAAW,EACV,EAAa;GAAE,MAAM,KAAQ,EAAY,CAAO;GAAG;EAAK,CAAC,GACzD,MAAY,aAAa,iBACzB,MAAY,UAAU,aACtB,KAAQ,iBACR,KAAY,oBACZ,CACD;CACD,CAAC;AACF,CACD;AACA,EAAK,cAAc"}

package/dist/components/theme-toggle.d.ts

@@ -0,0 +1,7 @@
+export interface ThemeToggleProps {
+    /**
+     * Accessible name for the toggle.
+     */
+    "aria-label": string;
+}
+export declare function ThemeToggle({ "aria-label": ariaLabel }: ThemeToggleProps): import("react").JSX.Element;

package/dist/components/theme-toggle.js

@@ -0,0 +1,28 @@
+"use client";
+import { Button as e } from "./button.js";
+import { useTheme as t } from "../providers/theme.js";
+import { Monitor as n, Moon as r, Sun as i } from "lucide-react";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/components/theme-toggle.tsx
+var o = {
+	className: "h-4 w-4",
+	"aria-hidden": !0,
+	strokeWidth: 1.5
+};
+function s({ "aria-label": s }) {
+	let { theme: c, setTheme: l } = t();
+	return /* @__PURE__ */ a(e, {
+		type: "button",
+		variant: "ghost",
+		size: "icon",
+		onClick: () => {
+			l(c === "system" ? "light" : c === "light" ? "dark" : "system");
+		},
+		"aria-label": s,
+		children: a(c === "system" ? n : c === "dark" ? r : i, { ...o })
+	});
+}
+//#endregion
+export { s as ThemeToggle };
+
+//# sourceMappingURL=theme-toggle.js.map

package/dist/components/theme-toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.js","names":[],"sources":["../../src/components/theme-toggle.tsx"],"sourcesContent":["import { Monitor, Moon, Sun } from \"lucide-react\";\nimport { useTheme } from \"../providers/theme\";\nimport { Button } from \"./button\";\n\nconst ICON_PROPS = { className: \"h-4 w-4\", \"aria-hidden\": true as const, strokeWidth: 1.5 };\n\nexport interface ThemeToggleProps {\n\t/**\n\t * Accessible name for the toggle.\n\t */\n\t\"aria-label\": string;\n}\n\nexport function ThemeToggle({ \"aria-label\": ariaLabel }: ThemeToggleProps) {\n\tconst { theme, setTheme } = useTheme();\n\tconst cycle = () => {\n\t\tif (theme === \"system\") setTheme(\"light\");\n\t\telse if (theme === \"light\") setTheme(\"dark\");\n\t\telse setTheme(\"system\");\n\t};\n\treturn (\n\t\t<Button type=\"button\" variant=\"ghost\" size=\"icon\" onClick={cycle} aria-label={ariaLabel}>\n\t\t\t{theme === \"system\" ? (\n\t\t\t\t<Monitor {...ICON_PROPS} />\n\t\t\t) : theme === \"dark\" ? (\n\t\t\t\t<Moon {...ICON_PROPS} />\n\t\t\t) : (\n\t\t\t\t<Sun {...ICON_PROPS} />\n\t\t\t)}\n\t\t</Button>\n\t);\n}\n"],"mappings":";;;;;;AAIA,IAAM,IAAa;CAAE,WAAW;CAAW,eAAe;CAAe,aAAa;AAAI;AAS1F,SAAgB,EAAY,EAAE,cAAc,KAA+B;CAC1E,IAAM,EAAE,UAAO,gBAAa,EAAS;CAMrC,OACC,kBAAC,GAAD;EAAQ,MAAK;EAAS,SAAQ;EAAQ,MAAK;EAAO,eAN/B;GACnB,AAAwB,EAApB,MAAU,WAAmB,UACxB,MAAU,UAAkB,SACvB,QAAQ;EACvB;EAEmE,cAAY;EAC5E,UACA,EADA,MAAU,WACT,IACE,MAAU,SACZ,IAEA,GAJD,EAAS,GAAI,EAAa,CAIJ;CAEhB,CAAA;AAEV"}

package/dist/components/toast.d.ts

@@ -0,0 +1,27 @@
+import type { ComponentProps, ReactNode } from "react";
+import { Toaster as Sonner } from "sonner";
+export type ToastVariant = "default" | "success" | "error" | "warning" | "info";
+export type ToastOptions = {
+    description?: ReactNode;
+    icon?: ReactNode | false;
+    close?: boolean;
+    duration?: number;
+    id?: string | number;
+    action?: {
+        label: string;
+        onClick: () => void;
+    };
+};
+declare function show(message: ReactNode, options?: ToastOptions & {
+    variant?: ToastVariant;
+}): string | number;
+export declare const toast: typeof show & {
+    success: (message: ReactNode, options?: ToastOptions) => string | number;
+    error: (message: ReactNode, options?: ToastOptions) => string | number;
+    warning: (message: ReactNode, options?: ToastOptions) => string | number;
+    info: (message: ReactNode, options?: ToastOptions) => string | number;
+    dismiss: (id?: number | string) => string | number;
+};
+export declare function Toaster({ closeButton, ...props }: ComponentProps<typeof Sonner>): import("react").JSX.Element;
+export declare const Toast: typeof Toaster;
+export {};

package/dist/components/toast.js

@@ -0,0 +1,78 @@
+"use client";
+import { Check as e, CircleAlert as t, Info as n, TriangleAlert as r, X as i } from "lucide-react";
+import { jsx as a } from "react/jsx-runtime";
+import { Toaster as o, toast as s } from "sonner";
+//#region src/components/toast.tsx
+var c = {
+	default: "bg-basalt-popover",
+	success: "bg-basalt-heatmap-green-1 [&_[data-icon]]:text-basalt-heatmap-green-4 [&_[data-title]]:text-basalt-heatmap-green-4",
+	error: "bg-basalt-danger-tint [&_[data-icon]]:text-basalt-danger [&_[data-title]]:text-basalt-danger",
+	warning: "bg-basalt-warning-tint [&_[data-icon]]:text-basalt-warning [&_[data-title]]:text-basalt-warning",
+	info: "bg-basalt-info-tint [&_[data-icon]]:text-basalt-info [&_[data-title]]:text-basalt-info"
+}, l = {
+	default: null,
+	success: /* @__PURE__ */ a(e, { className: "size-4" }),
+	error: /* @__PURE__ */ a(t, { className: "size-4" }),
+	warning: /* @__PURE__ */ a(r, { className: "size-4" }),
+	info: /* @__PURE__ */ a(n, { className: "size-4" })
+};
+function u(e, t) {
+	return t === !1 ? !1 : t ?? l[e] ?? void 0;
+}
+function d(e, t = {}) {
+	let { variant: n = "default", icon: r, close: i = !0, ...a } = t, o = {
+		...a,
+		closeButton: i,
+		className: c[n],
+		icon: u(n, r)
+	};
+	return n === "success" ? s.success(e, o) : n === "error" ? s.error(e, o) : n === "warning" ? s.warning(e, o) : n === "info" ? s.info(e, o) : s(e, o);
+}
+var f = Object.assign(d, {
+	success: (e, t) => d(e, {
+		...t,
+		variant: "success"
+	}),
+	error: (e, t) => d(e, {
+		...t,
+		variant: "error"
+	}),
+	warning: (e, t) => d(e, {
+		...t,
+		variant: "warning"
+	}),
+	info: (e, t) => d(e, {
+		...t,
+		variant: "info"
+	}),
+	dismiss: s.dismiss
+});
+function p({ closeButton: s = !0, ...l }) {
+	return /* @__PURE__ */ a(o, {
+		closeButton: s,
+		icons: {
+			success: /* @__PURE__ */ a(e, { className: "size-4" }),
+			error: /* @__PURE__ */ a(t, { className: "size-4" }),
+			warning: /* @__PURE__ */ a(r, { className: "size-4" }),
+			info: /* @__PURE__ */ a(n, { className: "size-4" }),
+			close: /* @__PURE__ */ a(i, { className: "size-3.5" })
+		},
+		toastOptions: { classNames: {
+			toast: "border border-basalt-border text-basalt-foreground shadow-lg",
+			title: "text-sm font-medium",
+			description: "text-sm text-basalt-muted-foreground",
+			closeButton: "border-basalt-border bg-basalt-popover text-basalt-muted-foreground hover:text-basalt-foreground",
+			icon: "size-4",
+			success: c.success,
+			error: c.error,
+			warning: c.warning,
+			info: c.info
+		} },
+		...l
+	});
+}
+var m = p;
+//#endregion
+export { m as Toast, p as Toaster, f as toast };
+
+//# sourceMappingURL=toast.js.map

package/dist/components/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":[],"sources":["../../src/components/toast.tsx"],"sourcesContent":["import { Check, CircleAlert, Info, TriangleAlert, X } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { Toaster as Sonner, toast as sonnerToast } from \"sonner\";\n\nexport type ToastVariant = \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport type ToastOptions = {\n\tdescription?: ReactNode;\n\ticon?: ReactNode | false;\n\tclose?: boolean;\n\tduration?: number;\n\tid?: string | number;\n\taction?: {\n\t\tlabel: string;\n\t\tonClick: () => void;\n\t};\n};\n\nconst VARIANT_CLASS: Record<ToastVariant, string> = {\n\tdefault: \"bg-basalt-popover\",\n\tsuccess:\n\t\t\"bg-basalt-heatmap-green-1 [&_[data-icon]]:text-basalt-heatmap-green-4 [&_[data-title]]:text-basalt-heatmap-green-4\",\n\terror:\n\t\t\"bg-basalt-danger-tint [&_[data-icon]]:text-basalt-danger [&_[data-title]]:text-basalt-danger\",\n\twarning:\n\t\t\"bg-basalt-warning-tint [&_[data-icon]]:text-basalt-warning [&_[data-title]]:text-basalt-warning\",\n\tinfo: \"bg-basalt-info-tint [&_[data-icon]]:text-basalt-info [&_[data-title]]:text-basalt-info\",\n};\n\nconst VARIANT_ICON: Record<ToastVariant, ReactNode> = {\n\tdefault: null,\n\tsuccess: <Check className=\"size-4\" />,\n\terror: <CircleAlert className=\"size-4\" />,\n\twarning: <TriangleAlert className=\"size-4\" />,\n\tinfo: <Info className=\"size-4\" />,\n};\n\nfunction resolveIcon(variant: ToastVariant, icon: ToastOptions[\"icon\"]) {\n\tif (icon === false) {\n\t\treturn false;\n\t}\n\tif (icon != null) {\n\t\treturn icon;\n\t}\n\treturn VARIANT_ICON[variant] ?? undefined;\n}\n\nfunction show(message: ReactNode, options: ToastOptions & { variant?: ToastVariant } = {}) {\n\tconst { variant = \"default\", icon, close = true, ...rest } = options;\n\tconst payload = {\n\t\t...rest,\n\t\tcloseButton: close,\n\t\tclassName: VARIANT_CLASS[variant],\n\t\ticon: resolveIcon(variant, icon),\n\t};\n\tif (variant === \"success\") {\n\t\treturn sonnerToast.success(message, payload);\n\t}\n\tif (variant === \"error\") {\n\t\treturn sonnerToast.error(message, payload);\n\t}\n\tif (variant === \"warning\") {\n\t\treturn sonnerToast.warning(message, payload);\n\t}\n\tif (variant === \"info\") {\n\t\treturn sonnerToast.info(message, payload);\n\t}\n\treturn sonnerToast(message, payload);\n}\n\nexport const toast = Object.assign(show, {\n\tsuccess: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"success\" }),\n\terror: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"error\" }),\n\twarning: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"warning\" }),\n\tinfo: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"info\" }),\n\tdismiss: sonnerToast.dismiss,\n});\n\nexport function Toaster({ closeButton = true, ...props }: ComponentProps<typeof Sonner>) {\n\treturn (\n\t\t<Sonner\n\t\t\tcloseButton={closeButton}\n\t\t\ticons={{\n\t\t\t\tsuccess: <Check className=\"size-4\" />,\n\t\t\t\terror: <CircleAlert className=\"size-4\" />,\n\t\t\t\twarning: <TriangleAlert className=\"size-4\" />,\n\t\t\t\tinfo: <Info className=\"size-4\" />,\n\t\t\t\tclose: <X className=\"size-3.5\" />,\n\t\t\t}}\n\t\t\ttoastOptions={{\n\t\t\t\tclassNames: {\n\t\t\t\t\ttoast: \"border border-basalt-border text-basalt-foreground shadow-lg\",\n\t\t\t\t\ttitle: \"text-sm font-medium\",\n\t\t\t\t\tdescription: \"text-sm text-basalt-muted-foreground\",\n\t\t\t\t\tcloseButton:\n\t\t\t\t\t\t\"border-basalt-border bg-basalt-popover text-basalt-muted-foreground hover:text-basalt-foreground\",\n\t\t\t\t\ticon: \"size-4\",\n\t\t\t\t\tsuccess: VARIANT_CLASS.success,\n\t\t\t\t\terror: VARIANT_CLASS.error,\n\t\t\t\t\twarning: VARIANT_CLASS.warning,\n\t\t\t\t\tinfo: VARIANT_CLASS.info,\n\t\t\t\t},\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport const Toast = Toaster;\n"],"mappings":";;;;;AAkBA,IAAM,IAA8C;CACnD,SAAS;CACT,SACC;CACD,OACC;CACD,SACC;CACD,MAAM;AACP,GAEM,IAAgD;CACrD,SAAS;CACT,SAAS,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;CACpC,OAAO,kBAAC,GAAD,EAAa,WAAU,SAAU,CAAA;CACxC,SAAS,kBAAC,GAAD,EAAe,WAAU,SAAU,CAAA;CAC5C,MAAM,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;AACjC;AAEA,SAAS,EAAY,GAAuB,GAA4B;CAOvE,OANI,MAAS,KACL,KAEJ,KAGG,EAAa,MAAY,KAAA;AACjC;AAEA,SAAS,EAAK,GAAoB,IAAqD,CAAC,GAAG;CAC1F,IAAM,EAAE,aAAU,WAAW,SAAM,WAAQ,IAAM,GAAG,MAAS,GACvD,IAAU;EACf,GAAG;EACH,aAAa;EACb,WAAW,EAAc;EACzB,MAAM,EAAY,GAAS,CAAI;CAChC;CAaA,OAZI,MAAY,YACR,EAAY,QAAQ,GAAS,CAAO,IAExC,MAAY,UACR,EAAY,MAAM,GAAS,CAAO,IAEtC,MAAY,YACR,EAAY,QAAQ,GAAS,CAAO,IAExC,MAAY,SACR,EAAY,KAAK,GAAS,CAAO,IAElC,EAAY,GAAS,CAAO;AACpC;AAEA,IAAa,IAAQ,OAAO,OAAO,GAAM;CACxC,UAAU,GAAoB,MAC7B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAU,CAAC;CACjD,QAAQ,GAAoB,MAC3B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAQ,CAAC;CAC/C,UAAU,GAAoB,MAC7B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAU,CAAC;CACjD,OAAO,GAAoB,MAC1B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAO,CAAC;CAC9C,SAAS,EAAY;AACtB,CAAC;AAED,SAAgB,EAAQ,EAAE,iBAAc,IAAM,GAAG,KAAwC;CACxF,OACC,kBAAC,GAAD;EACc;EACb,OAAO;GACN,SAAS,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;GACpC,OAAO,kBAAC,GAAD,EAAa,WAAU,SAAU,CAAA;GACxC,SAAS,kBAAC,GAAD,EAAe,WAAU,SAAU,CAAA;GAC5C,MAAM,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;GAChC,OAAO,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;EACjC;EACA,cAAc,EACb,YAAY;GACX,OAAO;GACP,OAAO;GACP,aAAa;GACb,aACC;GACD,MAAM;GACN,SAAS,EAAc;GACvB,OAAO,EAAc;GACrB,SAAS,EAAc;GACvB,MAAM,EAAc;EACrB,EACD;EACA,GAAI;CACJ,CAAA;AAEH;AAEA,IAAa,IAAQ"}

package/dist/components/toggle-group.d.ts

@@ -0,0 +1,4 @@
+import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
+import * as React from "react";
+export declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;