@dirstack/ui 1.0.0

package/dist/components/stat-strip.js

@@ -0,0 +1,57 @@
+import { AnimatedNumber } from "./animated-number.js";
+import { cn, variants } from "../lib/variants.js";
+import { cardSurfaceClasses } from "./card.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+//#region src/components/stat-strip.tsx
+const stripVariants = variants({
+	base: "group/strip grid grid-cols-2 gap-y-1 max-sm:[&>*:last-child:nth-child(odd)]:col-span-2 sm:flex sm:flex-wrap sm:gap-y-0",
+	variants: { variant: {
+		plain: cardSurfaceClasses,
+		track: "rounded-xl bg-background p-1.5 sm:gap-x-[13px]"
+	} },
+	defaultVariants: { variant: "plain" }
+});
+function StatStrip({ className, variant, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-variant": variant ?? "plain",
+		className: cn(stripVariants({
+			variant,
+			className
+		})),
+		...props
+	});
+}
+function StatStripItem({ label, value, format, hint, selected, render, className, ...props }) {
+	return useRender({
+		render,
+		defaultTagName: "div",
+		props: {
+			"data-selected": selected || void 0,
+			className: cn("relative min-w-0 flex-1 rounded-lg border border-transparent px-4 py-3 text-start", "before:absolute before:inset-y-2 before:-left-px before:w-px before:bg-border first:before:hidden max-sm:before:hidden", "group-data-[variant=plain]/strip:data-selected:before:hidden group-data-[variant=plain]/strip:[[data-selected]+&]:before:hidden", "group-data-[variant=track]/strip:before:-left-[8px]", "[&:is(button)]:hover:bg-foreground/3", "group-data-[variant=plain]/strip:rounded-none group-data-[variant=plain]/strip:px-5 group-data-[variant=plain]/strip:py-4 group-data-[variant=plain]/strip:before:inset-y-0 group-data-[variant=plain]/strip:before:left-0", "group-data-[variant=plain]/strip:data-selected:bg-muted", "group-data-[variant=track]/strip:data-selected:border-border group-data-[variant=track]/strip:data-selected:bg-card group-data-[variant=track]/strip:data-selected:shadow-xs", "group-data-[variant=track]/strip:not-data-selected:[&_[data-value]]:text-muted-foreground", "group-data-[variant=track]/strip:[&:is(button)]:hover:not-data-selected:bg-card/60", className),
+			children: /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("p", {
+					className: "truncate text-muted-foreground text-sm",
+					children: label
+				}),
+				/* @__PURE__ */ jsx("p", {
+					"data-value": true,
+					className: "mt-0.5 truncate font-display font-semibold text-2xl tabular-nums",
+					children: /* @__PURE__ */ jsx(AnimatedNumber, {
+						value,
+						format
+					})
+				}),
+				hint && /* @__PURE__ */ jsx("p", {
+					className: "truncate text-muted-foreground text-xs",
+					children: hint
+				})
+			] }),
+			...props
+		}
+	});
+}
+//#endregion
+export { StatStrip, StatStripItem };
+
+//# sourceMappingURL=stat-strip.js.map

package/dist/components/stat-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-strip.js","names":[],"sources":["../../src/components/stat-strip.tsx"],"sourcesContent":["import { useRender } from \"@base-ui/react/use-render\"\nimport type { Format } from \"@number-flow/react\"\nimport type { ComponentProps } from \"react\"\nimport { AnimatedNumber } from \"~/components/animated-number\"\nimport { cardSurfaceClasses } from \"~/components/card\"\nimport { cn, variants, type VariantProps } from \"~/lib/variants\"\n\nconst stripVariants = variants({\n  base: \"group/strip grid grid-cols-2 gap-y-1 max-sm:[&>*:last-child:nth-child(odd)]:col-span-2 sm:flex sm:flex-wrap sm:gap-y-0\",\n\n  variants: {\n    variant: {\n      // A white card of figures, divided by full-height hairlines.\n      plain: cardSurfaceClasses,\n      // A canvas-toned track where the selected figure sits on a raised card, like a\n      // segmented control; for strips that drive the panel beside them.\n      // 13px gap: a 1px divider then sits 6px from the card on either side, matching the 6px inset.\n      track: \"rounded-xl bg-background p-1.5 sm:gap-x-[13px]\",\n    },\n  },\n\n  defaultVariants: {\n    variant: \"plain\",\n  },\n})\n\ntype StatStripProps = ComponentProps<\"div\"> & VariantProps<typeof stripVariants>\n\nfunction StatStrip({ className, variant, ...props }: StatStripProps) {\n  return (\n    <div\n      data-variant={variant ?? \"plain\"}\n      className={cn(stripVariants({ variant, className }))}\n      {...props}\n    />\n  )\n}\n\ntype StatStripItemProps = Omit<useRender.ComponentProps<\"div\">, \"children\"> & {\n  label: string\n  value: string | number\n  format?: Format\n  hint?: string\n  /**\n   * Marks the item as the one driving the panel beside it. Pass `render={<button ... />}`\n   * to make it selectable.\n   */\n  selected?: boolean\n}\n\nfunction StatStripItem({\n  label,\n  value,\n  format,\n  hint,\n  selected,\n  render,\n  className,\n  ...props\n}: StatStripItemProps) {\n  return useRender({\n    render,\n    defaultTagName: \"div\",\n    props: {\n      \"data-selected\": selected || undefined,\n      className: cn(\n        // The border is always laid out and only colored when selected, so toggling\n        // never shifts the row.\n        \"relative min-w-0 flex-1 rounded-lg border border-transparent px-4 py-3 text-start\",\n        // Hairline divider between neighbours. The plain strip hides it around the\n        // selected fill; the track keeps it, centered in the gap between cards.\n        \"before:absolute before:inset-y-2 before:-left-px before:w-px before:bg-border first:before:hidden max-sm:before:hidden\",\n        \"group-data-[variant=plain]/strip:data-selected:before:hidden group-data-[variant=plain]/strip:[[data-selected]+&]:before:hidden\",\n        // Offsets are measured from the padding box, so the 1px border is added to land\n        // exactly halfway across the 13px gap.\n        \"group-data-[variant=track]/strip:before:-left-[8px]\",\n        \"[&:is(button)]:hover:bg-foreground/3\",\n        // Plain card: roomier cells, full-height dividers, selected item on a soft fill.\n        \"group-data-[variant=plain]/strip:rounded-none group-data-[variant=plain]/strip:px-5 group-data-[variant=plain]/strip:py-4 group-data-[variant=plain]/strip:before:inset-y-0 group-data-[variant=plain]/strip:before:left-0\",\n        \"group-data-[variant=plain]/strip:data-selected:bg-muted\",\n        // Track: the selected item is a raised card; unselected figures recede.\n        \"group-data-[variant=track]/strip:data-selected:border-border group-data-[variant=track]/strip:data-selected:bg-card group-data-[variant=track]/strip:data-selected:shadow-xs\",\n        \"group-data-[variant=track]/strip:not-data-selected:[&_[data-value]]:text-muted-foreground\",\n        \"group-data-[variant=track]/strip:[&:is(button)]:hover:not-data-selected:bg-card/60\",\n        className,\n      ),\n      children: (\n        <>\n          <p className=\"truncate text-muted-foreground text-sm\">{label}</p>\n\n          <p\n            data-value\n            className=\"mt-0.5 truncate font-display font-semibold text-2xl tabular-nums\"\n          >\n            <AnimatedNumber value={value} format={format} />\n          </p>\n\n          {hint && <p className=\"truncate text-muted-foreground text-xs\">{hint}</p>}\n        </>\n      ),\n      ...props,\n    },\n  })\n}\n\nexport { StatStrip, StatStripItem }\n"],"mappings":";;;;;;AAOA,MAAM,gBAAgB,SAAS;CAC7B,MAAM;CAEN,UAAU,EACR,SAAS;EAEP,OAAO;EAIP,OAAO;CACT,EACF;CAEA,iBAAiB,EACf,SAAS,QACX;AACF,CAAC;AAID,SAAS,UAAU,EAAE,WAAW,SAAS,GAAG,SAAyB;CACnE,OACE,oBAAC,OAAD;EACE,gBAAc,WAAW;EACzB,WAAW,GAAG,cAAc;GAAE;GAAS;EAAU,CAAC,CAAC;EACnD,GAAI;CACL,CAAA;AAEL;AAcA,SAAS,cAAc,EACrB,OACA,OACA,QACA,MACA,UACA,QACA,WACA,GAAG,SACkB;CACrB,OAAO,UAAU;EACf;EACA,gBAAgB;EAChB,OAAO;GACL,iBAAiB,YAAY,KAAA;GAC7B,WAAW,GAGT,qFAGA,0HACA,mIAGA,uDACA,wCAEA,8NACA,2DAEA,gLACA,6FACA,sFACA,SACF;GACA,UACE,qBAAA,UAAA,EAAA,UAAA;IACE,oBAAC,KAAD;KAAG,WAAU;KAA0C,UAAA;IAAS,CAAA;IAEhE,oBAAC,KAAD;KACE,cAAA;KACA,WAAU;KAEV,UAAA,oBAAC,gBAAD;MAAuB;MAAe;KAAS,CAAA;IAC9C,CAAA;IAEF,QAAQ,oBAAC,KAAD;KAAG,WAAU;KAA0C,UAAA;IAAQ,CAAA;GACxE,EAAA,CAAA;GAEJ,GAAG;EACL;CACF,CAAC;AACH"}

package/dist/components/steps.d.ts

@@ -0,0 +1,19 @@
+import { ComponentProps } from "react";
+//#region src/components/steps.d.ts
+type StepsProps = ComponentProps<"div"> & {
+  /**
+   * The current step, 1-based.
+   */
+  current: number;
+  /**
+   * The total number of steps.
+   */
+  total: number;
+};
+/**
+ * Segmented progress bars for multi-step flows. Completed and current steps
+ * are filled; the current one animates in. Screen readers get "Step n of m".
+ */
+export declare function Steps({ className, current, total, ...props }: StepsProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=steps.d.ts.map

package/dist/components/steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.d.ts","names":[],"sources":["../../src/components/steps.tsx"],"mappings":";;KAGK,aAAa;;;;EAIhB;;;;EAKA;;;;;;wBAOc,QAAQ,WAAW,SAAS,UAAU,SAAS,6BAAU,IAAA"}

package/dist/components/steps.js

@@ -0,0 +1,29 @@
+import { cn } from "../lib/variants.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/steps.tsx
+/**
+* Segmented progress bars for multi-step flows. Completed and current steps
+* are filled; the current one animates in. Screen readers get "Step n of m".
+*/
+function Steps({ className, current, total, ...props }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex gap-1.5", className),
+		...props,
+		children: [/* @__PURE__ */ jsxs("p", {
+			className: "sr-only",
+			children: [
+				"Step ",
+				current,
+				" of ",
+				total
+			]
+		}), Array.from({ length: total }, (_, index) => /* @__PURE__ */ jsx("div", {
+			"aria-hidden": true,
+			className: cn("h-1 flex-1 rounded-full", index < current - 1 && "bg-foreground", index === current - 1 && "origin-left animate-fill-bar bg-foreground", index > current - 1 && "bg-border")
+		}, index))]
+	});
+}
+//#endregion
+export { Steps };
+
+//# sourceMappingURL=steps.js.map

package/dist/components/steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"steps.js","names":[],"sources":["../../src/components/steps.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\nimport { cn } from \"~/lib/variants\"\n\ntype StepsProps = ComponentProps<\"div\"> & {\n  /**\n   * The current step, 1-based.\n   */\n  current: number\n\n  /**\n   * The total number of steps.\n   */\n  total: number\n}\n\n/**\n * Segmented progress bars for multi-step flows. Completed and current steps\n * are filled; the current one animates in. Screen readers get \"Step n of m\".\n */\nexport function Steps({ className, current, total, ...props }: StepsProps) {\n  return (\n    <div className={cn(\"flex gap-1.5\", className)} {...props}>\n      <p className=\"sr-only\">\n        Step {current} of {total}\n      </p>\n\n      {Array.from({ length: total }, (_, index) => (\n        <div\n          key={index}\n          aria-hidden\n          className={cn(\n            \"h-1 flex-1 rounded-full\",\n            index < current - 1 && \"bg-foreground\",\n            index === current - 1 && \"origin-left animate-fill-bar bg-foreground\",\n            index > current - 1 && \"bg-border\",\n          )}\n        />\n      ))}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,MAAM,EAAE,WAAW,SAAS,OAAO,GAAG,SAAqB;CACzE,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,gBAAgB,SAAS;EAAG,GAAI;EAAnD,UAAA,CACE,qBAAC,KAAD;GAAG,WAAU;GAAb,UAAA;IAAuB;IACf;IAAQ;IAAK;GAClB;EAEF,CAAA,GAAA,MAAM,KAAK,EAAE,QAAQ,MAAM,IAAI,GAAG,UACjC,oBAAC,OAAD;GAEE,eAAA;GACA,WAAW,GACT,2BACA,QAAQ,UAAU,KAAK,iBACvB,UAAU,UAAU,KAAK,8CACzB,QAAQ,UAAU,KAAK,WACzB;EACD,GARM,KAQN,CACF,CACE;;AAET"}

package/dist/components/switch.d.ts

@@ -0,0 +1,6 @@
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+//#region src/components/switch.d.ts
+declare function Switch({ className, ...props }: Switch$1.Root.Props): import("react").JSX.Element;
+//#endregion
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../src/components/switch.tsx"],"mappings":";;iBAMS,SAAS,cAAc,SAAS,SAAgB,KAAK,wBAAK,IAAA"}

package/dist/components/switch.js

@@ -0,0 +1,17 @@
+"use client";
+import { cn } from "../lib/variants.js";
+import { interactiveVariants } from "../lib/interactive.js";
+import { jsx } from "react/jsx-runtime";
+import { Switch as Switch$1 } from "@base-ui/react/switch";
+//#region src/components/switch.tsx
+function Switch({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Switch$1.Root, {
+		className: cn(interactiveVariants({ focus: true }), "inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full p-px data-checked:bg-primary data-unchecked:bg-input disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(Switch$1.Thumb, { className: "pointer-events-none block size-4 rounded-full bg-background shadow-sm transition-transform duration-200 ease-out-expo data-checked:translate-x-4" })
+	});
+}
+//#endregion
+export { Switch };
+
+//# sourceMappingURL=switch.js.map

package/dist/components/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["SwitchPrimitive"],"sources":["../../src/components/switch.tsx"],"sourcesContent":["\"use client\"\n\nimport { Switch as SwitchPrimitive } from \"@base-ui/react/switch\"\nimport { interactiveVariants } from \"~/lib/interactive\"\nimport { cn } from \"~/lib/variants\"\n\nfunction Switch({ className, ...props }: SwitchPrimitive.Root.Props) {\n  return (\n    <SwitchPrimitive.Root\n      className={cn(\n        interactiveVariants({ focus: true }),\n        \"inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full p-px data-checked:bg-primary data-unchecked:bg-input disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb className=\"pointer-events-none block size-4 rounded-full bg-background shadow-sm transition-transform duration-200 ease-out-expo data-checked:translate-x-4\" />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"mappings":";;;;;;AAMA,SAAS,OAAO,EAAE,WAAW,GAAG,SAAqC;CACnE,OACE,oBAACA,SAAgB,MAAjB;EACE,WAAW,GACT,oBAAoB,EAAE,OAAO,KAAK,CAAC,GACnC,8KACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAACA,SAAgB,OAAjB,EAAuB,WAAU,mJAAoJ,CAAA;CACjK,CAAA;AAE1B"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,62 @@
+import { VariantProps } from "../lib/variants.js";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+//#region src/components/tabs.d.ts
+declare const Tabs: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").TabsRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+declare const tabsListVariants: import("tailwind-variants").TVReturnType<{
+  variant: {
+    segmented: {
+      list: string;
+      indicator: string;
+      trigger: string;
+    };
+    plain: {
+      list: string;
+      indicator: string;
+      trigger: string;
+    };
+  };
+}, {
+  list: string;
+  indicator: string;
+  trigger: string;
+}, undefined, {
+  variant: {
+    segmented: {
+      list: string;
+      indicator: string;
+      trigger: string;
+    };
+    plain: {
+      list: string;
+      indicator: string;
+      trigger: string;
+    };
+  };
+}, {
+  list: string;
+  indicator: string;
+  trigger: string;
+}, import("tailwind-variants").TVReturnTypeLike<{
+  variant: {
+    segmented: {
+      list: string;
+      indicator: string;
+      trigger: string;
+    };
+    plain: {
+      list: string;
+      indicator: string;
+      trigger: string;
+    };
+  };
+}, {
+  list: string;
+  indicator: string;
+  trigger: string;
+}>>;
+type TabsListProps = Tabs$1.List.Props & VariantProps<typeof tabsListVariants>;
+declare function TabsList({ className, children, variant, ...props }: TabsListProps): import("react").JSX.Element;
+declare function TabsTrigger({ className, ...props }: Tabs$1.Tab.Props): import("react").JSX.Element;
+//#endregion
+export { Tabs, TabsList, TabsTrigger };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","names":[],"sources":["../../src/components/tabs.tsx"],"mappings":";;;cAOM,sBAAI,0BAAA,8BAAA,wCAAA,cAAA;cAEJ,8CAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyDjB,gBAAgB,OAAc,KAAK,QAAQ,oBAAoB;iBAE3D,WAAW,WAAW,UAAU,YAA0B,SAAS,gCAAa,IAAA;iBAchF,cAAc,cAAc,SAAS,OAAc,IAAI,wBAAK,IAAA"}

package/dist/components/tabs.js

@@ -0,0 +1,64 @@
+"use client";
+import { cn, variants } from "../lib/variants.js";
+import { interactiveVariants } from "../lib/interactive.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { createContext, useContext } from "react";
+import { Tabs as Tabs$1 } from "@base-ui/react/tabs";
+//#region src/components/tabs.tsx
+const Tabs = Tabs$1.Root;
+const tabsListVariants = variants({
+	slots: {
+		list: "relative inline-flex items-center text-muted-foreground",
+		indicator: "absolute top-1/2 left-0 z-0 h-[var(--active-tab-height)] w-[var(--active-tab-width)] -translate-y-1/2 translate-x-[var(--active-tab-left)] rounded-md transition-[translate,width] duration-500 ease-out-expo",
+		trigger: cn(interactiveVariants({ focus: true }), "relative z-10 inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium disabled:pointer-events-none disabled:opacity-50 hover:text-foreground data-active:text-foreground")
+	},
+	variants: { variant: {
+		segmented: {
+			list: "h-control justify-center rounded-md border bg-card p-[3px]",
+			indicator: "rounded-[3px] bg-muted",
+			trigger: "rounded-[3px] px-2.5 py-[5px] text-control"
+		},
+		plain: {
+			list: "gap-0.5",
+			indicator: "bg-muted",
+			trigger: "px-2.5 py-1.5 text-sm"
+		}
+	} },
+	defaultVariants: { variant: "segmented" }
+});
+const TabsVariantContext = createContext("segmented");
+/**
+* Sliding highlight that tracks the active tab via Base UI's --active-tab-*
+* CSS variables. Rendered automatically by TabsList, so every tab group shares
+* one pill. Duration/easing mirror the library's one motion curve — the
+* `--ease-out-expo` token, duplicated for JS in `~/lib/animation` — so the pill
+* glides in sync with the number spins and chart draws it sits beside.
+*/
+function TabsIndicator({ className, ...props }) {
+	const variant = useContext(TabsVariantContext);
+	return /* @__PURE__ */ jsx(Tabs$1.Indicator, {
+		className: cn(tabsListVariants({ variant }).indicator(), className),
+		...props
+	});
+}
+function TabsList({ className, children, variant = "segmented", ...props }) {
+	return /* @__PURE__ */ jsx(TabsVariantContext, {
+		value: variant,
+		children: /* @__PURE__ */ jsxs(Tabs$1.List, {
+			className: cn(tabsListVariants({ variant }).list(), className),
+			...props,
+			children: [/* @__PURE__ */ jsx(TabsIndicator, {}), children]
+		})
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	const variant = useContext(TabsVariantContext);
+	return /* @__PURE__ */ jsx(Tabs$1.Tab, {
+		className: cn(tabsListVariants({ variant }).trigger(), className),
+		...props
+	});
+}
+//#endregion
+export { Tabs, TabsList, TabsTrigger };
+
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["TabsPrimitive"],"sources":["../../src/components/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\"\nimport { createContext, useContext } from \"react\"\nimport { interactiveVariants } from \"~/lib/interactive\"\nimport { cn, variants, type VariantProps } from \"~/lib/variants\"\n\nconst Tabs = TabsPrimitive.Root\n\nconst tabsListVariants = variants({\n  slots: {\n    list: \"relative inline-flex items-center text-muted-foreground\",\n    indicator:\n      \"absolute top-1/2 left-0 z-0 h-[var(--active-tab-height)] w-[var(--active-tab-width)] -translate-y-1/2 translate-x-[var(--active-tab-left)] rounded-md transition-[translate,width] duration-500 ease-out-expo\",\n    trigger: cn(\n      interactiveVariants({ focus: true }),\n      \"relative z-10 inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium disabled:pointer-events-none disabled:opacity-50 hover:text-foreground data-active:text-foreground\",\n    ),\n  },\n\n  variants: {\n    variant: {\n      // Segmented control, sized like an `md` Button so it sits flush beside one in a header:\n      // the same 13px text, the same `--spacing-control` height, and a 6px outer radius over a\n      // 3px inset (so the inner pill radius is 3px).\n      segmented: {\n        list: \"h-control justify-center rounded-md border bg-card p-[3px]\",\n        indicator: \"rounded-[3px] bg-muted\",\n        trigger: \"rounded-[3px] px-2.5 py-[5px] text-control\",\n      },\n      // Plain pills: no track, the active tab sits on a soft pill. For in-card view switchers.\n      plain: {\n        list: \"gap-0.5\",\n        indicator: \"bg-muted\",\n        trigger: \"px-2.5 py-1.5 text-sm\",\n      },\n    },\n  },\n\n  defaultVariants: {\n    variant: \"segmented\",\n  },\n})\n\ntype TabsVariant = NonNullable<VariantProps<typeof tabsListVariants>[\"variant\"]>\n\nconst TabsVariantContext = createContext<TabsVariant>(\"segmented\")\n\n/**\n * Sliding highlight that tracks the active tab via Base UI's --active-tab-*\n * CSS variables. Rendered automatically by TabsList, so every tab group shares\n * one pill. Duration/easing mirror the library's one motion curve — the\n * `--ease-out-expo` token, duplicated for JS in `~/lib/animation` — so the pill\n * glides in sync with the number spins and chart draws it sits beside.\n */\nfunction TabsIndicator({ className, ...props }: TabsPrimitive.Indicator.Props) {\n  const variant = useContext(TabsVariantContext)\n\n  return (\n    <TabsPrimitive.Indicator\n      className={cn(tabsListVariants({ variant }).indicator(), className)}\n      {...props}\n    />\n  )\n}\n\ntype TabsListProps = TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>\n\nfunction TabsList({ className, children, variant = \"segmented\", ...props }: TabsListProps) {\n  return (\n    <TabsVariantContext value={variant}>\n      <TabsPrimitive.List\n        className={cn(tabsListVariants({ variant }).list(), className)}\n        {...props}\n      >\n        <TabsIndicator />\n        {children}\n      </TabsPrimitive.List>\n    </TabsVariantContext>\n  )\n}\n\nfunction TabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props) {\n  const variant = useContext(TabsVariantContext)\n\n  return (\n    <TabsPrimitive.Tab\n      className={cn(tabsListVariants({ variant }).trigger(), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger }\n"],"mappings":";;;;;;;AAOA,MAAM,OAAOA,OAAc;AAE3B,MAAM,mBAAmB,SAAS;CAChC,OAAO;EACL,MAAM;EACN,WACE;EACF,SAAS,GACP,oBAAoB,EAAE,OAAO,KAAK,CAAC,GACnC,mMACF;CACF;CAEA,UAAU,EACR,SAAS;EAIP,WAAW;GACT,MAAM;GACN,WAAW;GACX,SAAS;EACX;EAEA,OAAO;GACL,MAAM;GACN,WAAW;GACX,SAAS;EACX;CACF,EACF;CAEA,iBAAiB,EACf,SAAS,YACX;AACF,CAAC;AAID,MAAM,qBAAqB,cAA2B,WAAW;;;;;;;;AASjE,SAAS,cAAc,EAAE,WAAW,GAAG,SAAwC;CAC7E,MAAM,UAAU,WAAW,kBAAkB;CAE7C,OACE,oBAACA,OAAc,WAAf;EACE,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,GAAG,SAAS;EAClE,GAAI;CACL,CAAA;AAEL;AAIA,SAAS,SAAS,EAAE,WAAW,UAAU,UAAU,aAAa,GAAG,SAAwB;CACzF,OACE,oBAAC,oBAAD;EAAoB,OAAO;EACzB,UAAA,qBAACA,OAAc,MAAf;GACE,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,GAAG,SAAS;GAC7D,GAAI;GAFN,UAAA,CAIE,oBAAC,eAAD,CAAgB,CAAA,GACf,QACiB;;CACF,CAAA;AAExB;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAAkC;CACrE,MAAM,UAAU,WAAW,kBAAkB;CAE7C,OACE,oBAACA,OAAc,KAAf;EACE,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,CAAC,CAAC,QAAQ,GAAG,SAAS;EAChE,GAAI;CACL,CAAA;AAEL"}

package/dist/components/textarea.d.ts

@@ -0,0 +1,9 @@
+import { VariantProps } from "../lib/variants.js";
+import { inputVariants } from "./input.js";
+import { ComponentProps } from "react";
+//#region src/components/textarea.d.ts
+type TextareaProps = Omit<ComponentProps<"textarea">, "size"> & VariantProps<typeof inputVariants>;
+declare function Textarea({ className, hover, focus, size, ...props }: TextareaProps): import("react").JSX.Element;
+//#endregion
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/components/textarea.tsx"],"mappings":";;;;KAIK,gBAAgB,KAAK,sCAAsC,oBAAoB;iBAE3E,WAAW,WAAW,OAAO,OAAO,SAAS,SAAS,gCAAa,IAAA"}

package/dist/components/textarea.js

@@ -0,0 +1,18 @@
+import { cn } from "../lib/variants.js";
+import { inputVariants } from "./input.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/textarea.tsx
+function Textarea({ className, hover, focus, size, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn(inputVariants({
+			hover,
+			focus,
+			size
+		}), "leading-normal resize-none field-sizing-content", className),
+		...props
+	});
+}
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=textarea.js.map

package/dist/components/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/components/textarea.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\nimport { inputVariants } from \"~/components/input\"\nimport { cn, type VariantProps } from \"~/lib/variants\"\n\ntype TextareaProps = Omit<ComponentProps<\"textarea\">, \"size\"> & VariantProps<typeof inputVariants>\n\nfunction Textarea({ className, hover, focus, size, ...props }: TextareaProps) {\n  return (\n    <textarea\n      className={cn(\n        inputVariants({ hover, focus, size }),\n        \"leading-normal resize-none field-sizing-content\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"mappings":";;;;AAMA,SAAS,SAAS,EAAE,WAAW,OAAO,OAAO,MAAM,GAAG,SAAwB;CAC5E,OACE,oBAAC,YAAD;EACE,WAAW,GACT,cAAc;GAAE;GAAO;GAAO;EAAK,CAAC,GACpC,mDACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/toaster.d.ts

@@ -0,0 +1,6 @@
+import { ComponentProps } from "react";
+import { Toaster as Toaster$1 } from "sonner";
+//#region src/components/toaster.d.ts
+export declare function Toaster({ className, ...props }: ComponentProps<typeof Toaster$1>): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=toaster.d.ts.map

package/dist/components/toaster.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.d.ts","names":[],"sources":["../../src/components/toaster.tsx"],"mappings":";;;wBAQgB,UAAU,cAAc,SAAS,sBAAsB,6BAAO,IAAA"}

package/dist/components/toaster.js

@@ -0,0 +1,37 @@
+import { cn } from "../lib/variants.js";
+import { CircleCheckIcon, CircleHelpIcon, CircleXIcon, LoaderIcon } from "../lib/icons.js";
+import { jsx } from "react/jsx-runtime";
+import { Toaster as Toaster$1 } from "sonner";
+//#region src/components/toaster.tsx
+/** The halo that lifts a solid-colored toast off whatever it floats over. */
+const toastRingClasses = "ring ring-background/50";
+function Toaster({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Toaster$1, {
+		className: "pointer-events-auto",
+		offset: 16,
+		toastOptions: {
+			unstyled: true,
+			classNames: {
+				toast: cn("flex items-start gap-2 p-4 text-control font-medium rounded-lg shadow-sm", className),
+				default: "bg-background border border-border text-foreground",
+				info: cn("bg-foreground text-background", toastRingClasses),
+				success: cn("bg-success text-white", toastRingClasses),
+				error: cn("bg-danger text-white", toastRingClasses),
+				content: "w-full",
+				description: "font-normal opacity-80",
+				icon: "mt-0.5"
+			}
+		},
+		icons: {
+			info: /* @__PURE__ */ jsx(CircleHelpIcon, { className: "size-4" }),
+			success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+			error: /* @__PURE__ */ jsx(CircleXIcon, { className: "size-4" }),
+			loading: /* @__PURE__ */ jsx(LoaderIcon, { className: "size-4 animate-spin" })
+		},
+		...props
+	});
+}
+//#endregion
+export { Toaster };
+
+//# sourceMappingURL=toaster.js.map

package/dist/components/toaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster.js","names":["Sonner"],"sources":["../../src/components/toaster.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\"\nimport { Toaster as Sonner } from \"sonner\"\nimport { CircleCheckIcon, CircleHelpIcon, CircleXIcon, LoaderIcon } from \"~/lib/icons\"\nimport { cn } from \"~/lib/variants\"\n\n/** The halo that lifts a solid-colored toast off whatever it floats over. */\nconst toastRingClasses = \"ring ring-background/50\"\n\nexport function Toaster({ className, ...props }: ComponentProps<typeof Sonner>) {\n  return (\n    <Sonner\n      className=\"pointer-events-auto\"\n      offset={16}\n      toastOptions={{\n        unstyled: true,\n        classNames: {\n          /*\n           * Sonner joins `toast` with exactly one type key per toast (`default` for untyped\n           * ones) as a plain string, so tailwind-merge never sees the pair. Anything that\n           * differs per type — background, text, halo — therefore lives on the type keys\n           * only, and never gets cancelled here.\n           */\n          toast: cn(\n            \"flex items-start gap-2 p-4 text-control font-medium rounded-lg shadow-sm\",\n            className,\n          ),\n          default: \"bg-background border border-border text-foreground\",\n          info: cn(\"bg-foreground text-background\", toastRingClasses),\n          success: cn(\"bg-success text-white\", toastRingClasses),\n          error: cn(\"bg-danger text-white\", toastRingClasses),\n          content: \"w-full\",\n          description: \"font-normal opacity-80\",\n          icon: \"mt-0.5\",\n        },\n      }}\n      icons={{\n        info: <CircleHelpIcon className=\"size-4\" />,\n        success: <CircleCheckIcon className=\"size-4\" />,\n        error: <CircleXIcon className=\"size-4\" />,\n        loading: <LoaderIcon className=\"size-4 animate-spin\" />,\n      }}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;;;AAMA,MAAM,mBAAmB;AAEzB,SAAgB,QAAQ,EAAE,WAAW,GAAG,SAAwC;CAC9E,OACE,oBAACA,WAAD;EACE,WAAU;EACV,QAAQ;EACR,cAAc;GACZ,UAAU;GACV,YAAY;IAOV,OAAO,GACL,4EACA,SACF;IACA,SAAS;IACT,MAAM,GAAG,iCAAiC,gBAAgB;IAC1D,SAAS,GAAG,yBAAyB,gBAAgB;IACrD,OAAO,GAAG,wBAAwB,gBAAgB;IAClD,SAAS;IACT,aAAa;IACb,MAAM;GACR;EACF;EACA,OAAO;GACL,MAAM,oBAAC,gBAAD,EAAgB,WAAU,SAAU,CAAA;GAC1C,SAAS,oBAAC,iBAAD,EAAiB,WAAU,SAAU,CAAA;GAC9C,OAAO,oBAAC,aAAD,EAAa,WAAU,SAAU,CAAA;GACxC,SAAS,oBAAC,YAAD,EAAY,WAAU,sBAAuB,CAAA;EACxD;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode } from "react";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+//#region src/components/tooltip.d.ts
+declare const TooltipProvider: import("react").FC<import("@base-ui/react").TooltipProviderProps>;
+declare const TooltipRoot: <Payload>(props: Tooltip$1.Root.Props<Payload>) => import("react").JSX.Element;
+declare const TooltipTrigger: Tooltip$1.Trigger;
+declare function TooltipContent({ className, sideOffset, side, align, ...props }: Tooltip$1.Popup.Props & Pick<Tooltip$1.Positioner.Props, "sideOffset" | "side" | "align">): import("react").JSX.Element;
+type TooltipProps = Omit<Tooltip$1.Root.Props, "children"> & Pick<Tooltip$1.Positioner.Props, "side" | "align"> & {
+  children: ReactElement;
+  tooltip: ReactNode;
+};
+declare function Tooltip({ children, tooltip, side, align, open, defaultOpen, onOpenChange, ...rest }: TooltipProps): import("react").JSX.Element;
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../../src/components/tooltip.tsx"],"mappings":";;;cAOM,iCAAe,4BAAA;cACf,cAAW,SAAA,OAAA,UAAA,KAAA,MAAA,6BAAA,IAAA;cACX,gBAAc,UAAA;iBAIX,iBACP,WACA,YACA,MACA,UACG,SACF,UAAiB,MAAM,QACxB,KAAK,UAAiB,WAAW,0DAAuC,IAAA;KAsBrE,eAAe,KAAK,UAAiB,KAAK,qBAC7C,KAAK,UAAiB,WAAW;EAC/B,UAAU;EACV,SAAS;;iBAGJ,UACP,UACA,SACA,MACA,OACA,MACA,aACA,iBACG,QACF,+BAAY,IAAA"}

package/dist/components/tooltip.js

@@ -0,0 +1,41 @@
+"use client";
+import { cn } from "../lib/variants.js";
+import { popoverAnimationClasses } from "../lib/classes.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip as Tooltip$1 } from "@base-ui/react/tooltip";
+//#region src/components/tooltip.tsx
+const TooltipProvider = Tooltip$1.Provider;
+const TooltipRoot = Tooltip$1.Root;
+const TooltipTrigger = Tooltip$1.Trigger;
+const TooltipPortal = Tooltip$1.Portal;
+const TooltipArrow = Tooltip$1.Arrow;
+function TooltipContent({ className, sideOffset = 4, side, align, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip$1.Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, {
+		sideOffset,
+		side,
+		align,
+		className: "isolate z-50",
+		children: /* @__PURE__ */ jsx(Tooltip$1.Popup, {
+			className: cn("z-50 max-w-60 inline-flex items-center gap-2 px-3 py-1.5 bg-foreground text-xs text-background text-center text-pretty rounded-md will-change-[transform,opacity]", popoverAnimationClasses, className),
+			...props
+		})
+	}) });
+}
+function Tooltip({ children, tooltip, side, align, open, defaultOpen, onOpenChange, ...rest }) {
+	if (!tooltip) return children;
+	return /* @__PURE__ */ jsxs(TooltipRoot, {
+		open,
+		defaultOpen,
+		onOpenChange,
+		...rest,
+		children: [/* @__PURE__ */ jsx(TooltipTrigger, { render: children }), /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsxs(TooltipContent, {
+			side,
+			align,
+			children: [tooltip, /* @__PURE__ */ jsx(TooltipArrow, { className: cn("z-50 size-2.5 rotate-45 rounded-xs bg-foreground fill-foreground", "data-[side=top]:bottom-0 data-[side=top]:translate-y-[calc(50%-2px)]", "data-[side=bottom]:top-0 data-[side=bottom]:-translate-y-[calc(50%-2px)]", "data-[side=left]:right-0 data-[side=left]:translate-x-[calc(50%-2px)]", "data-[side=right]:left-0 data-[side=right]:-translate-x-[calc(50%-2px)]") })]
+		}) })]
+	});
+}
+//#endregion
+export { Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive"],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\"\nimport type { ReactElement, ReactNode } from \"react\"\nimport { popoverAnimationClasses } from \"~/lib/classes\"\nimport { cn } from \"~/lib/variants\"\n\nconst TooltipProvider = TooltipPrimitive.Provider\nconst TooltipRoot = TooltipPrimitive.Root\nconst TooltipTrigger = TooltipPrimitive.Trigger\nconst TooltipPortal = TooltipPrimitive.Portal\nconst TooltipArrow = TooltipPrimitive.Arrow\n\nfunction TooltipContent({\n  className,\n  sideOffset = 4,\n  side,\n  align,\n  ...props\n}: TooltipPrimitive.Popup.Props &\n  Pick<TooltipPrimitive.Positioner.Props, \"sideOffset\" | \"side\" | \"align\">) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Positioner\n        sideOffset={sideOffset}\n        side={side}\n        align={align}\n        className=\"isolate z-50\"\n      >\n        <TooltipPrimitive.Popup\n          className={cn(\n            \"z-50 max-w-60 inline-flex items-center gap-2 px-3 py-1.5 bg-foreground text-xs text-background text-center text-pretty rounded-md will-change-[transform,opacity]\",\n            popoverAnimationClasses,\n            className,\n          )}\n          {...props}\n        />\n      </TooltipPrimitive.Positioner>\n    </TooltipPrimitive.Portal>\n  )\n}\n\ntype TooltipProps = Omit<TooltipPrimitive.Root.Props, \"children\"> &\n  Pick<TooltipPrimitive.Positioner.Props, \"side\" | \"align\"> & {\n    children: ReactElement\n    tooltip: ReactNode\n  }\n\nfunction Tooltip({\n  children,\n  tooltip,\n  side,\n  align,\n  open,\n  defaultOpen,\n  onOpenChange,\n  ...rest\n}: TooltipProps) {\n  if (!tooltip) {\n    return children\n  }\n\n  return (\n    <TooltipRoot open={open} defaultOpen={defaultOpen} onOpenChange={onOpenChange} {...rest}>\n      <TooltipTrigger render={children} />\n\n      <TooltipPortal>\n        <TooltipContent side={side} align={align}>\n          {tooltip}\n          <TooltipArrow\n            className={cn(\n              \"z-50 size-2.5 rotate-45 rounded-xs bg-foreground fill-foreground\",\n              \"data-[side=top]:bottom-0 data-[side=top]:translate-y-[calc(50%-2px)]\",\n              \"data-[side=bottom]:top-0 data-[side=bottom]:-translate-y-[calc(50%-2px)]\",\n              \"data-[side=left]:right-0 data-[side=left]:translate-x-[calc(50%-2px)]\",\n              \"data-[side=right]:left-0 data-[side=right]:-translate-x-[calc(50%-2px)]\",\n            )}\n          />\n        </TooltipContent>\n      </TooltipPortal>\n    </TooltipRoot>\n  )\n}\n\nexport { Tooltip, TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider }\n"],"mappings":";;;;;;AAOA,MAAM,kBAAkBA,UAAiB;AACzC,MAAM,cAAcA,UAAiB;AACrC,MAAM,iBAAiBA,UAAiB;AACxC,MAAM,gBAAgBA,UAAiB;AACvC,MAAM,eAAeA,UAAiB;AAEtC,SAAS,eAAe,EACtB,WACA,aAAa,GACb,MACA,OACA,GAAG,SAEuE;CAC1E,OACE,oBAACA,UAAiB,QAAlB,EAAA,UACE,oBAACA,UAAiB,YAAlB;EACc;EACN;EACC;EACP,WAAU;EAEV,UAAA,oBAACA,UAAiB,OAAlB;GACE,WAAW,GACT,qKACA,yBACA,SACF;GACA,GAAI;EACL,CAAA;CAC0B,CAAA,EACN,CAAA;AAE7B;AAQA,SAAS,QAAQ,EACf,UACA,SACA,MACA,OACA,MACA,aACA,cACA,GAAG,QACY;CACf,IAAI,CAAC,SACH,OAAO;CAGT,OACE,qBAAC,aAAD;EAAmB;EAAmB;EAA2B;EAAc,GAAI;EAAnF,UAAA,CACE,oBAAC,gBAAD,EAAgB,QAAQ,SAAW,CAAA,GAEnC,oBAAC,eAAD,EAAA,UACE,qBAAC,gBAAD;GAAsB;GAAa;GAAnC,UAAA,CACG,SACD,oBAAC,cAAD,EACE,WAAW,GACT,oEACA,wEACA,4EACA,yEACA,yEACF,EACD,CAAA,CACa;EACH,CAAA,EAAA,CAAA,CACJ;;AAEjB"}

package/dist/lib/animation.d.ts

@@ -0,0 +1,12 @@
+//#region src/lib/animation.d.ts
+/**
+ * Shared timing so number spins and chart draws feel like one coordinated motion.
+ * `ANIMATION_EASING` mirrors the `--ease-out-expo` CSS token — JS cannot read a Tailwind theme
+ * token, so the curve is duplicated here on purpose; change one and change the other. It stays
+ * space-free so it satisfies recharts' `cubic-bezier(n,n,n,n)` template type (NumberFlow takes
+ * any CSS easing).
+ */
+export declare const ANIMATION_DURATION = 500;
+export declare const ANIMATION_EASING: "cubic-bezier(0.16,1,0.3,1)";
+//#endregion
+//# sourceMappingURL=animation.d.ts.map

package/dist/lib/animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.d.ts","names":[],"sources":["../../src/lib/animation.ts"],"mappings":";;;;;;;;qBAOa;qBACA"}

package/dist/lib/animation.js

@@ -0,0 +1,14 @@
+//#region src/lib/animation.ts
+/**
+* Shared timing so number spins and chart draws feel like one coordinated motion.
+* `ANIMATION_EASING` mirrors the `--ease-out-expo` CSS token — JS cannot read a Tailwind theme
+* token, so the curve is duplicated here on purpose; change one and change the other. It stays
+* space-free so it satisfies recharts' `cubic-bezier(n,n,n,n)` template type (NumberFlow takes
+* any CSS easing).
+*/
+const ANIMATION_DURATION = 500;
+const ANIMATION_EASING = "cubic-bezier(0.16,1,0.3,1)";
+//#endregion
+export { ANIMATION_DURATION, ANIMATION_EASING };
+
+//# sourceMappingURL=animation.js.map

package/dist/lib/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","names":[],"sources":["../../src/lib/animation.ts"],"sourcesContent":["/**\n * Shared timing so number spins and chart draws feel like one coordinated motion.\n * `ANIMATION_EASING` mirrors the `--ease-out-expo` CSS token — JS cannot read a Tailwind theme\n * token, so the curve is duplicated here on purpose; change one and change the other. It stays\n * space-free so it satisfies recharts' `cubic-bezier(n,n,n,n)` template type (NumberFlow takes\n * any CSS easing).\n */\nexport const ANIMATION_DURATION = 500\nexport const ANIMATION_EASING = \"cubic-bezier(0.16,1,0.3,1)\" as const\n"],"mappings":";;;;;;;;AAOA,MAAa,qBAAqB;AAClC,MAAa,mBAAmB"}

package/dist/lib/classes.d.ts

@@ -0,0 +1,29 @@
+//#region src/lib/classes.d.ts
+/**
+ * Enter/exit animation classes for Base UI popups (Menu, Select, Popover, Tooltip, …).
+ * Keyed on Base UI's `data-open`/`data-closed` state attributes and the positioner's
+ * `data-[side=*]`, with the zoom anchored to the `--transform-origin` Base UI exposes on
+ * the popup. Animation utilities (and their `duration-*`/`ease-*` bindings) come from
+ * `tailwindcss-animate`.
+ *
+ * The `data-closed` animation is essential: Base UI keeps the popup mounted until the
+ * exit animation finishes, so without it there is no close animation at all.
+ *
+ * Feel: a snappy 100ms, a barely-there 98% zoom, and a 2px directional slide. Enter eases
+ * out (natural deceleration as it appears); exit eases in (accelerates away — it shouldn't
+ * fight for attention). `data-instant` collapses the duration to 0 so Base UI's instant
+ * transitions (keyboard nav between items, grouped tooltips) don't stutter.
+ */
+export declare const popoverAnimationClasses: string[];
+/**
+ * Small muted label over a group of items: sidebar sections, menu groups. One place so every
+ * eyebrow in the app shares its size and weight.
+ */
+export declare const eyebrowClasses = "text-[0.6875rem]/tight font-medium text-muted-foreground";
+/**
+ * Muted supporting copy under a heading, label, or control. Matches the description
+ * size the settings rows already use, so a form reads the same in either layout.
+ */
+export declare const descriptionClasses = "text-pretty text-muted-foreground text-sm";
+//#endregion
+//# sourceMappingURL=classes.d.ts.map

package/dist/lib/classes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.d.ts","names":[],"sources":["../../src/lib/classes.ts"],"mappings":";;;;;;;;;;;;;;;;qBAea;;;;;qBAcA;;;;;qBAMA"}

package/dist/lib/classes.js

@@ -0,0 +1,39 @@
+//#region src/lib/classes.ts
+/**
+* Enter/exit animation classes for Base UI popups (Menu, Select, Popover, Tooltip, …).
+* Keyed on Base UI's `data-open`/`data-closed` state attributes and the positioner's
+* `data-[side=*]`, with the zoom anchored to the `--transform-origin` Base UI exposes on
+* the popup. Animation utilities (and their `duration-*`/`ease-*` bindings) come from
+* `tailwindcss-animate`.
+*
+* The `data-closed` animation is essential: Base UI keeps the popup mounted until the
+* exit animation finishes, so without it there is no close animation at all.
+*
+* Feel: a snappy 100ms, a barely-there 98% zoom, and a 2px directional slide. Enter eases
+* out (natural deceleration as it appears); exit eases in (accelerates away — it shouldn't
+* fight for attention). `data-instant` collapses the duration to 0 so Base UI's instant
+* transitions (keyboard nav between items, grouped tooltips) don't stutter.
+*/
+const popoverAnimationClasses = [
+	"origin-(--transform-origin) duration-100 data-instant:duration-0",
+	"data-open:animate-in data-open:ease-out data-open:fade-in-0 data-open:zoom-in-98",
+	"data-closed:animate-out data-closed:ease-in data-closed:fade-out-0 data-closed:zoom-out-98",
+	"data-[side=bottom]:slide-in-from-top-2 data-[side=bottom]:slide-out-to-top-2",
+	"data-[side=left]:slide-in-from-right-2 data-[side=left]:slide-out-to-right-2",
+	"data-[side=right]:slide-in-from-left-2 data-[side=right]:slide-out-to-left-2",
+	"data-[side=top]:slide-in-from-bottom-2 data-[side=top]:slide-out-to-bottom-2"
+];
+/**
+* Small muted label over a group of items: sidebar sections, menu groups. One place so every
+* eyebrow in the app shares its size and weight.
+*/
+const eyebrowClasses = "text-[0.6875rem]/tight font-medium text-muted-foreground";
+/**
+* Muted supporting copy under a heading, label, or control. Matches the description
+* size the settings rows already use, so a form reads the same in either layout.
+*/
+const descriptionClasses = "text-pretty text-muted-foreground text-sm";
+//#endregion
+export { descriptionClasses, eyebrowClasses, popoverAnimationClasses };
+
+//# sourceMappingURL=classes.js.map

package/dist/lib/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","names":[],"sources":["../../src/lib/classes.ts"],"sourcesContent":["/**\n * Enter/exit animation classes for Base UI popups (Menu, Select, Popover, Tooltip, …).\n * Keyed on Base UI's `data-open`/`data-closed` state attributes and the positioner's\n * `data-[side=*]`, with the zoom anchored to the `--transform-origin` Base UI exposes on\n * the popup. Animation utilities (and their `duration-*`/`ease-*` bindings) come from\n * `tailwindcss-animate`.\n *\n * The `data-closed` animation is essential: Base UI keeps the popup mounted until the\n * exit animation finishes, so without it there is no close animation at all.\n *\n * Feel: a snappy 100ms, a barely-there 98% zoom, and a 2px directional slide. Enter eases\n * out (natural deceleration as it appears); exit eases in (accelerates away — it shouldn't\n * fight for attention). `data-instant` collapses the duration to 0 so Base UI's instant\n * transitions (keyboard nav between items, grouped tooltips) don't stutter.\n */\nexport const popoverAnimationClasses = [\n  \"origin-(--transform-origin) duration-100 data-instant:duration-0\",\n  \"data-open:animate-in data-open:ease-out data-open:fade-in-0 data-open:zoom-in-98\",\n  \"data-closed:animate-out data-closed:ease-in data-closed:fade-out-0 data-closed:zoom-out-98\",\n  \"data-[side=bottom]:slide-in-from-top-2 data-[side=bottom]:slide-out-to-top-2\",\n  \"data-[side=left]:slide-in-from-right-2 data-[side=left]:slide-out-to-right-2\",\n  \"data-[side=right]:slide-in-from-left-2 data-[side=right]:slide-out-to-left-2\",\n  \"data-[side=top]:slide-in-from-bottom-2 data-[side=top]:slide-out-to-bottom-2\",\n]\n\n/**\n * Small muted label over a group of items: sidebar sections, menu groups. One place so every\n * eyebrow in the app shares its size and weight.\n */\nexport const eyebrowClasses = \"text-[0.6875rem]/tight font-medium text-muted-foreground\"\n\n/**\n * Muted supporting copy under a heading, label, or control. Matches the description\n * size the settings rows already use, so a form reads the same in either layout.\n */\nexport const descriptionClasses = \"text-pretty text-muted-foreground text-sm\"\n"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAa,0BAA0B;CACrC;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;;;;AAMA,MAAa,iBAAiB;;;;;AAM9B,MAAa,qBAAqB"}

package/dist/lib/icons.d.ts

@@ -0,0 +1,21 @@
+import { ComponentType } from "react";
+import { HugeiconsProps } from "@hugeicons/react";
+//#region src/lib/icons.d.ts
+export type IconProps = Omit<HugeiconsProps, "icon" | "altIcon" | "showAlt">;
+export type IconComponent = ComponentType<IconProps>;
+export declare const CheckIcon: IconComponent;
+export declare const ChevronDownIcon: IconComponent;
+export declare const ChevronLeftIcon: IconComponent;
+export declare const ChevronRightIcon: IconComponent;
+export declare const ChevronUpIcon: IconComponent;
+export declare const ChevronsUpDownIcon: IconComponent;
+export declare const CircleCheckIcon: IconComponent;
+export declare const CircleHelpIcon: IconComponent;
+export declare const CircleIcon: IconComponent;
+export declare const CircleXIcon: IconComponent;
+export declare const CopyIcon: IconComponent;
+export declare const LoaderIcon: IconComponent;
+export declare const SearchIcon: IconComponent;
+export declare const XIcon: IconComponent;
+//#endregion
+//# sourceMappingURL=icons.d.ts.map