@franco_roura/module-01 0.0.0-stage → 1.0.1

package/dist/components/split-flap.js

@@ -0,0 +1,77 @@
+"use client";
+import { cn } from "../lib/utils.js";
+import { useMediaQuery } from "../lib/use-media-query.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+// src/components/split-flap.tsx
+const CHARSET = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789-·/";
+const STEP_MS = 35;
+const STAGGER_MS = 20;
+const randomChar = () => CHARSET[Math.floor(Math.random() * 39)] ?? "";
+/**
+* Characters flip through random glyphs before landing, like a station departure board.
+* Screen readers get the final text only, and reduced motion skips the flipping.
+*/
+function SplitFlap({ text, start = true, className }) {
+	const reducedMotion = useMediaQuery("(prefers-reduced-motion: reduce)");
+	const [display, setDisplay] = useState(text);
+	const shown = useRef(null);
+	useEffect(() => {
+		if (!start || shown.current === text) return;
+		const from = shown.current;
+		shown.current = text;
+		if (reducedMotion) {
+			setDisplay(text);
+			return;
+		}
+		const length = Math.max(text.length, from?.length ?? 0);
+		const flips = Array.from({ length }, () => 4 + Math.floor(Math.random() * 5));
+		const begin = performance.now();
+		let frame = 0;
+		let lastStep = -1;
+		const tick = (now) => {
+			const elapsed = now - begin;
+			const step = Math.floor(elapsed / STEP_MS);
+			if (step !== lastStep) {
+				lastStep = step;
+				let done = true;
+				let next = "";
+				for (let index = 0; index < length; index++) {
+					const target = text[index] ?? "";
+					const settled = elapsed >= index * STAGGER_MS + (flips[index] ?? 0) * STEP_MS;
+					const unchanged = from !== null && from[index] === target;
+					if (settled || unchanged || target === " ") next += target;
+					else {
+						next += randomChar();
+						done = false;
+					}
+				}
+				setDisplay(next);
+				if (done) return;
+			}
+			frame = requestAnimationFrame(tick);
+		};
+		frame = requestAnimationFrame(tick);
+		return () => {
+			cancelAnimationFrame(frame);
+			setDisplay(text);
+		};
+	}, [
+		text,
+		start,
+		reducedMotion
+	]);
+	return /* @__PURE__ */ jsxs("span", {
+		className: cn("whitespace-pre", className),
+		children: [/* @__PURE__ */ jsx("span", {
+			"aria-hidden": true,
+			children: display
+		}), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: text
+		})]
+	});
+}
+export { SplitFlap };
+
+//# sourceMappingURL=split-flap.js.map

package/dist/components/split-flap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"split-flap.js","names":[],"sources":["../../src/components/split-flap.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { useMediaQuery } from \"../lib/use-media-query\";\n\nconst CHARSET = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789-·/\";\nconst STEP_MS = 35;\nconst STAGGER_MS = 20;\n\nconst randomChar = () => CHARSET[Math.floor(Math.random() * CHARSET.length)] ?? \"\";\n\nexport type SplitFlapProps = {\n  text: string;\n  /** Flaps whenever `text` changes; with `start` it also waits for the first true (in view). */\n  start?: boolean;\n  className?: string;\n};\n\n/**\n * Characters flip through random glyphs before landing, like a station departure board.\n * Screen readers get the final text only, and reduced motion skips the flipping.\n */\nexport function SplitFlap({ text, start = true, className }: SplitFlapProps) {\n  const reducedMotion = useMediaQuery(\"(prefers-reduced-motion: reduce)\");\n  const [display, setDisplay] = useState(text);\n  const shown = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!start || shown.current === text) return;\n    const from = shown.current;\n    shown.current = text;\n    if (reducedMotion) {\n      setDisplay(text);\n      return;\n    }\n\n    const length = Math.max(text.length, from?.length ?? 0);\n    const flips = Array.from({ length }, () => 4 + Math.floor(Math.random() * 5));\n    const begin = performance.now();\n    let frame = 0;\n    let lastStep = -1;\n\n    const tick = (now: number) => {\n      const elapsed = now - begin;\n      const step = Math.floor(elapsed / STEP_MS);\n      if (step !== lastStep) {\n        lastStep = step;\n        let done = true;\n        let next = \"\";\n        for (let index = 0; index < length; index++) {\n          const target = text[index] ?? \"\";\n          const settled = elapsed >= index * STAGGER_MS + (flips[index] ?? 0) * STEP_MS;\n          const unchanged = from !== null && from[index] === target;\n          if (settled || unchanged || target === \" \") next += target;\n          else {\n            next += randomChar();\n            done = false;\n          }\n        }\n        setDisplay(next);\n        if (done) return;\n      }\n      frame = requestAnimationFrame(tick);\n    };\n    frame = requestAnimationFrame(tick);\n    return () => {\n      cancelAnimationFrame(frame);\n      setDisplay(text);\n    };\n  }, [text, start, reducedMotion]);\n\n  return (\n    <span className={cn(\"whitespace-pre\", className)}>\n      <span aria-hidden>{display}</span>\n      <span className=\"sr-only\">{text}</span>\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAMA,MAAM,UAAU;AAChB,MAAM,UAAU;AAChB,MAAM,aAAa;AAEnB,MAAM,mBAAmB,QAAQ,KAAK,MAAM,KAAK,OAAO,IAAI,EAAc,MAAM;;;;;AAahF,SAAgB,UAAU,EAAE,MAAM,QAAQ,MAAM,aAA6B;CAC3E,MAAM,gBAAgB,cAAc,kCAAkC;CACtE,MAAM,CAAC,SAAS,cAAc,SAAS,IAAI;CAC3C,MAAM,QAAQ,OAAsB,IAAI;CAExC,gBAAgB;EACd,IAAI,CAAC,SAAS,MAAM,YAAY,MAAM;EACtC,MAAM,OAAO,MAAM;EACnB,MAAM,UAAU;EAChB,IAAI,eAAe;GACjB,WAAW,IAAI;GACf;EACF;EAEA,MAAM,SAAS,KAAK,IAAI,KAAK,QAAQ,MAAM,UAAU,CAAC;EACtD,MAAM,QAAQ,MAAM,KAAK,EAAE,OAAO,SAAS,IAAI,KAAK,MAAM,KAAK,OAAO,IAAI,CAAC,CAAC;EAC5E,MAAM,QAAQ,YAAY,IAAI;EAC9B,IAAI,QAAQ;EACZ,IAAI,WAAW;EAEf,MAAM,QAAQ,QAAgB;GAC5B,MAAM,UAAU,MAAM;GACtB,MAAM,OAAO,KAAK,MAAM,UAAU,OAAO;GACzC,IAAI,SAAS,UAAU;IACrB,WAAW;IACX,IAAI,OAAO;IACX,IAAI,OAAO;IACX,KAAK,IAAI,QAAQ,GAAG,QAAQ,QAAQ,SAAS;KAC3C,MAAM,SAAS,KAAK,UAAU;KAC9B,MAAM,UAAU,WAAW,QAAQ,cAAc,MAAM,UAAU,KAAK;KACtE,MAAM,YAAY,SAAS,QAAQ,KAAK,WAAW;KACnD,IAAI,WAAW,aAAa,WAAW,KAAK,QAAQ;UAC/C;MACH,QAAQ,WAAW;MACnB,OAAO;KACT;IACF;IACA,WAAW,IAAI;IACf,IAAI,MAAM;GACZ;GACA,QAAQ,sBAAsB,IAAI;EACpC;EACA,QAAQ,sBAAsB,IAAI;EAClC,aAAa;GACX,qBAAqB,KAAK;GAC1B,WAAW,IAAI;EACjB;CACF,GAAG;EAAC;EAAM;EAAO;CAAa,CAAC;CAE/B,OACE,qBAAC,QAAD;EAAM,WAAW,GAAG,kBAAkB,SAAS;EAA/C,UAAA,CACE,oBAAC,QAAD;GAAM,eAAA;GAAa,UAAA;EAAc,CAAA,GACjC,oBAAC,QAAD;GAAM,WAAU;GAAW,UAAA;EAAW,CAAA,CAClC;;AAEV"}

package/dist/components/tabs.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from "class-variance-authority";
+import { Tabs } from "radix-ui";
+import * as React from "react";
+declare function Tabs$1({ className, orientation, ...props }: React.ComponentProps<typeof Tabs.Root>): React.JSX.Element;
+declare const tabsListVariants: (props?: ({
+  variant?: "default" | "line" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof Tabs.List> & VariantProps<typeof tabsListVariants>): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof Tabs.Trigger>): React.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof Tabs.Content>): React.JSX.Element;
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/tabs.js

@@ -0,0 +1,47 @@
+"use client";
+import { cn } from "../lib/utils.js";
+import { cva } from "class-variance-authority";
+import { Tabs } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+// src/components/tabs.tsx
+function Tabs$1({ className, orientation = "horizontal", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Root, {
+		"data-slot": "tabs",
+		"data-orientation": orientation,
+		orientation,
+		className: cn("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col", className),
+		...props
+	});
+}
+const tabsListVariants = cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none", {
+	variants: { variant: {
+		default: "bg-muted",
+		line: "gap-1 bg-transparent"
+	} },
+	defaultVariants: { variant: "default" }
+});
+function TabsList({ className, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.List, {
+		"data-slot": "tabs-list",
+		"data-variant": variant,
+		className: cn(tabsListVariants({ variant }), className),
+		...props
+	});
+}
+function TabsTrigger({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Trigger, {
+		"data-slot": "tabs-trigger",
+		className: cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-mold group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background data-[state=active]:text-foreground", "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className),
+		...props
+	});
+}
+function TabsContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tabs.Content, {
+		"data-slot": "tabs-content",
+		className: cn("flex-1 outline-none", className),
+		...props
+	});
+}
+export { Tabs$1 as Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
+
+//# sourceMappingURL=tabs.js.map

package/dist/components/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","names":["Tabs","TabsPrimitive"],"sources":["../../src/components/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../lib/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Tabs as TabsPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      orientation={orientation}\n      className={cn(\"group/tabs flex gap-2 data-[orientation=horizontal]:flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nconst tabsListVariants = cva(\n  \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-[orientation=horizontal]/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col data-[variant=line]:rounded-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap text-foreground/60 transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-mold group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent\",\n        \"data-[state=active]:bg-background data-[state=active]:text-foreground\",\n        \"after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 outline-none\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };\n"],"mappings":";;;;;;AAOA,SAASA,OAAK,EACZ,WACA,cAAc,cACd,GAAG,SAC+C;CAClD,OACE,oBAACC,KAAc,MAAf;EACE,aAAU;EACV,oBAAkB;EACL;EACb,WAAW,GAAG,gEAAgE,SAAS;EACvF,GAAI;CACL,CAAA;AAEL;AAEA,MAAM,mBAAmB,IACvB,qRACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,MAAM;CACR,EACF;CACA,iBAAiB,EACf,SAAS,UACX;AACF,CACF;AAEA,SAAS,SAAS,EAChB,WACA,UAAU,WACV,GAAG,SACuF;CAC1F,OACE,oBAACA,KAAc,MAAf;EACE,aAAU;EACV,gBAAc;EACd,WAAW,GAAG,iBAAiB,EAAE,QAAQ,CAAC,GAAG,SAAS;EACtD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;CAChG,OACE,oBAACA,KAAc,SAAf;EACE,aAAU;EACV,WAAW,GACT,qtBACA,6HACA,yEACA,oeACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,SAA6D;CAChG,OACE,oBAACA,KAAc,SAAf;EACE,aAAU;EACV,WAAW,GAAG,uBAAuB,SAAS;EAC9C,GAAI;CACL,CAAA;AAEL"}

package/dist/components/tag.d.ts

@@ -0,0 +1,16 @@
+import * as React from "react";
+export type TagProps = {
+  /** Fill: recessed by default, `signal` to highlight, `tint` for soft, `outline` for quiet. */
+  tone?: "signal" | "tint" | "outline";
+  /** A lit LED before the label, for "live" and "available". */
+  led?: boolean;
+  /** Renders a focusable button (a keycap) instead of a plain label. */
+  interactive?: boolean;
+  /** The pressed state of an interactive tag. */
+  pressed?: boolean;
+  className?: string;
+  children: React.ReactNode;
+} & Pick<React.ComponentProps<"button">, "onClick" | "onPointerEnter" | "onPointerLeave" | "onFocus" | "onBlur" | "aria-describedby">;
+/** Stadium chip in HUD type: skills on an entry, the status on a project card. */
+export declare function Tag({ tone, led, interactive, pressed, className, children, ...handlers }: TagProps): React.JSX.Element;
+//# sourceMappingURL=tag.d.ts.map

package/dist/components/tag.js

@@ -0,0 +1,26 @@
+import { cn } from "../lib/utils.js";
+import { badgeVariants } from "./badge.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+// src/components/tag.tsx
+/** Stadium chip in HUD type: skills on an entry, the status on a project card. */
+function Tag({ tone, led, interactive, pressed, className, children, ...handlers }) {
+	const classes = cn(badgeVariants({ variant: tone ?? "default" }), "gap-1.5 px-3 py-1", interactive && "cursor-pointer outline-none aria-pressed:bg-signal-tint aria-pressed:shadow-press", className);
+	const content = /* @__PURE__ */ jsxs(Fragment, { children: [led && /* @__PURE__ */ jsx("span", {
+		"aria-hidden": true,
+		className: "size-2 shrink-0 rounded-full bg-led-on shadow-[0_0_0_3px_rgba(31,164,90,0.18)]"
+	}), children] });
+	if (!interactive) return /* @__PURE__ */ jsx("span", {
+		className: classes,
+		children: content
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		className: classes,
+		"aria-pressed": pressed,
+		...handlers,
+		children: content
+	});
+}
+export { Tag };
+
+//# sourceMappingURL=tag.js.map

package/dist/components/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.js","names":[],"sources":["../../src/components/tag.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { badgeVariants } from \"./badge\";\n\nexport type TagProps = {\n  /** Fill: recessed by default, `signal` to highlight, `tint` for soft, `outline` for quiet. */\n  tone?: \"signal\" | \"tint\" | \"outline\";\n  /** A lit LED before the label, for \"live\" and \"available\". */\n  led?: boolean;\n  /** Renders a focusable button (a keycap) instead of a plain label. */\n  interactive?: boolean;\n  /** The pressed state of an interactive tag. */\n  pressed?: boolean;\n  className?: string;\n  children: React.ReactNode;\n} & Pick<\n  React.ComponentProps<\"button\">,\n  \"onClick\" | \"onPointerEnter\" | \"onPointerLeave\" | \"onFocus\" | \"onBlur\" | \"aria-describedby\"\n>;\n\n/** Stadium chip in HUD type: skills on an entry, the status on a project card. */\nexport function Tag({\n  tone,\n  led,\n  interactive,\n  pressed,\n  className,\n  children,\n  ...handlers\n}: TagProps) {\n  const classes = cn(\n    badgeVariants({ variant: tone ?? \"default\" }),\n    \"gap-1.5 px-3 py-1\",\n    interactive &&\n      \"cursor-pointer outline-none aria-pressed:bg-signal-tint aria-pressed:shadow-press\",\n    className,\n  );\n  const content = (\n    <>\n      {led && (\n        <span\n          aria-hidden\n          className=\"size-2 shrink-0 rounded-full bg-led-on shadow-[0_0_0_3px_rgba(31,164,90,0.18)]\"\n        />\n      )}\n      {children}\n    </>\n  );\n\n  if (!interactive) return <span className={classes}>{content}</span>;\n  return (\n    <button type=\"button\" className={classes} aria-pressed={pressed} {...handlers}>\n      {content}\n    </button>\n  );\n}\n"],"mappings":";;;;;AAqBA,SAAgB,IAAI,EAClB,MACA,KACA,aACA,SACA,WACA,UACA,GAAG,YACQ;CACX,MAAM,UAAU,GACd,cAAc,EAAE,SAAS,QAAQ,UAAU,CAAC,GAC5C,qBACA,eACE,qFACF,SACF;CACA,MAAM,UACJ,qBAAA,UAAA,EAAA,UAAA,CACG,OACC,oBAAC,QAAD;EACE,eAAA;EACA,WAAU;CACX,CAAA,GAEF,QACD,EAAA,CAAA;CAGJ,IAAI,CAAC,aAAa,OAAO,oBAAC,QAAD;EAAM,WAAW;EAAU,UAAA;CAAc,CAAA;CAClE,OACE,oBAAC,UAAD;EAAQ,MAAK;EAAS,WAAW;EAAS,gBAAc;EAAS,GAAI;EAClE,UAAA;CACK,CAAA;AAEZ"}

package/dist/components/terminal.d.ts

@@ -0,0 +1,10 @@
+export type TerminalProps = {
+  /** One command per line; each gets a signal `$` prompt. */
+  lines: string[];
+  /** Microprint above the lines. */
+  title?: string;
+  className?: string;
+};
+/** Terminal snippet on visor: black glass, shell text, signal prompts. */
+export declare function Terminal({ lines, title, className }: TerminalProps): import("react").JSX.Element;
+//# sourceMappingURL=terminal.d.ts.map

package/dist/components/terminal.js

@@ -0,0 +1,20 @@
+import { cn } from "../lib/utils.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/terminal.tsx
+/** Terminal snippet on visor: black glass, shell text, signal prompts. */
+function Terminal({ lines, title, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("rounded-md bg-visor px-6 py-4 font-mono text-code text-shell", className),
+		children: [title && /* @__PURE__ */ jsx("div", {
+			className: "hud-sm mb-2 text-visor-mark",
+			children: title
+		}), lines.map((line, index) => /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("span", {
+			"aria-hidden": true,
+			className: "text-signal select-none",
+			children: ["$", " "]
+		}), line] }, index))]
+	});
+}
+export { Terminal };
+
+//# sourceMappingURL=terminal.js.map

package/dist/components/terminal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal.js","names":[],"sources":["../../src/components/terminal.tsx"],"sourcesContent":["import { cn } from \"../lib/utils\";\n\nexport type TerminalProps = {\n  /** One command per line; each gets a signal `$` prompt. */\n  lines: string[];\n  /** Microprint above the lines. */\n  title?: string;\n  className?: string;\n};\n\n/** Terminal snippet on visor: black glass, shell text, signal prompts. */\nexport function Terminal({ lines, title, className }: TerminalProps) {\n  return (\n    <div className={cn(\"rounded-md bg-visor px-6 py-4 font-mono text-code text-shell\", className)}>\n      {title && <div className=\"hud-sm mb-2 text-visor-mark\">{title}</div>}\n      {lines.map((line, index) => (\n        <div key={index}>\n          <span aria-hidden className=\"text-signal select-none\">\n            ${\" \"}\n          </span>\n          {line}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AAWA,SAAgB,SAAS,EAAE,OAAO,OAAO,aAA4B;CACnE,OACE,qBAAC,OAAD;EAAK,WAAW,GAAG,gEAAgE,SAAS;EAA5F,UAAA,CACG,SAAS,oBAAC,OAAD;GAAK,WAAU;GAA+B,UAAA;EAAW,CAAA,GAClE,MAAM,KAAK,MAAM,UAChB,qBAAC,OAAD,EAAA,UAAA,CACE,qBAAC,QAAD;GAAM,eAAA;GAAY,WAAU;GAA5B,UAAA,CAAsD,KAClD,GACE;EACL,CAAA,GAAA,IACE,EAAA,GALK,KAKL,CACN,CACE;;AAET"}

package/dist/components/textarea.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
+export { Textarea };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/textarea.js

@@ -0,0 +1,13 @@
+import { cn } from "../lib/utils.js";
+import { jsx } from "react/jsx-runtime";
+// src/components/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		"data-slot": "textarea",
+		className: cn("flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-press transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm", className),
+		...props
+	});
+}
+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 { cn } from \"../lib/utils\";\nimport type * as React from \"react\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-press transition-[color,box-shadow] outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;AAGA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;CAC3E,OACE,oBAAC,YAAD;EACE,aAAU;EACV,WAAW,GACT,mZACA,SACF;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/timeline-entry.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export type TimelineEntryProps = {
+  /** What happened: a role, a release, a milestone. */
+  title: React.ReactNode;
+  /** Who or where: a company, a team, a product. */
+  subtitle?: React.ReactNode;
+  /** Start date as text, e.g. "2022.03". */
+  start: string;
+  /** End date as text. Omitted, it reads "Now". */
+  end?: string;
+  /** Fills the timeline node with signal. */
+  current?: boolean;
+  /** Entry code, e.g. "R-03". */
+  code?: string;
+  /** One more line under the dates, e.g. a place or a version. */
+  detail?: string;
+  /** Bullets: start each with a verb and carry one result. */
+  points?: React.ReactNode[];
+  tags?: string[];
+  /** Renders a tag yourself, e.g. as an interactive Tag. */
+  renderTag?: (tag: string) => React.ReactNode;
+  className?: string;
+};
+/** One entry on a timeline (a job, a release, a milestone): dates and code, a node on the track, then title, subtitle and bullets. */
+export declare function TimelineEntry({ title, subtitle, start, end, current, code, detail, points, tags, renderTag, className }: TimelineEntryProps): React.JSX.Element;
+//# sourceMappingURL=timeline-entry.d.ts.map

package/dist/components/timeline-entry.js

@@ -0,0 +1,63 @@
+import { cn } from "../lib/utils.js";
+import { Tag } from "./tag.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1 } from "react";
+// src/components/timeline-entry.tsx
+/** One entry on a timeline (a job, a release, a milestone): dates and code, a node on the track, then title, subtitle and bullets. */
+function TimelineEntry({ title, subtitle, start, end, current, code, detail, points, tags, renderTag, className }) {
+	return /* @__PURE__ */ jsxs("article", {
+		className: cn("grid grid-cols-[24px_1fr] gap-x-4 md:grid-cols-[180px_24px_1fr]", className),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "col-start-2 row-start-1 flex flex-col gap-1.5 pt-0.5 max-md:pb-2 md:col-start-1",
+				children: [
+					/* @__PURE__ */ jsxs("span", {
+						className: "font-mono text-hud-num text-ink",
+						children: [
+							start,
+							" — ",
+							end ?? "Now"
+						]
+					}),
+					code && /* @__PURE__ */ jsx("span", {
+						className: "hud-sm text-hud-mark",
+						children: code
+					}),
+					detail && /* @__PURE__ */ jsx("span", {
+						className: "hud-sm text-ink-soft",
+						children: detail
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("div", {
+				"aria-hidden": true,
+				className: "relative col-start-1 row-span-2 row-start-1 before:absolute before:inset-y-0 before:left-[11px] before:w-0.5 before:bg-seam md:col-start-2 md:row-span-1",
+				children: /* @__PURE__ */ jsx("span", { className: cn("absolute top-1 left-1 size-4 rounded-full", current ? "bg-signal shadow-[0_0_0_4px_var(--color-canvas)]" : "bg-shell shadow-[0_0_0_4px_var(--color-canvas),inset_0_0_0_2px_var(--color-hud-mark)]") })
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "col-start-2 row-start-2 flex flex-col gap-2 pb-12 md:col-start-3 md:row-start-1",
+				children: [
+					/* @__PURE__ */ jsx("h3", {
+						className: "font-display text-display-sm text-ink",
+						children: title
+					}),
+					subtitle && /* @__PURE__ */ jsx("p", {
+						className: "text-body-sm text-ink-soft",
+						children: subtitle
+					}),
+					points && points.length > 0 && /* @__PURE__ */ jsx("ul", {
+						className: "mt-2 list-disc pl-[18px] text-body-md text-ink marker:font-mono marker:text-signal-ink",
+						children: points.map((point, index) => /* @__PURE__ */ jsx("li", { children: point }, index))
+					}),
+					tags && tags.length > 0 && /* @__PURE__ */ jsx("div", {
+						className: "mt-2 flex flex-wrap gap-2",
+						children: tags.map((tag) => renderTag ? /* @__PURE__ */ jsx(Fragment$1, { children: renderTag(tag) }, tag) : /* @__PURE__ */ jsx(Tag, { children: tag }, tag))
+					})
+				]
+			})
+		]
+	});
+}
+export { TimelineEntry };
+
+//# sourceMappingURL=timeline-entry.js.map

package/dist/components/timeline-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-entry.js","names":["Fragment"],"sources":["../../src/components/timeline-entry.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { Fragment } from \"react\";\nimport { cn } from \"../lib/utils\";\nimport { Tag } from \"./tag\";\n\nexport type TimelineEntryProps = {\n  /** What happened: a role, a release, a milestone. */\n  title: React.ReactNode;\n  /** Who or where: a company, a team, a product. */\n  subtitle?: React.ReactNode;\n  /** Start date as text, e.g. \"2022.03\". */\n  start: string;\n  /** End date as text. Omitted, it reads \"Now\". */\n  end?: string;\n  /** Fills the timeline node with signal. */\n  current?: boolean;\n  /** Entry code, e.g. \"R-03\". */\n  code?: string;\n  /** One more line under the dates, e.g. a place or a version. */\n  detail?: string;\n  /** Bullets: start each with a verb and carry one result. */\n  points?: React.ReactNode[];\n  tags?: string[];\n  /** Renders a tag yourself, e.g. as an interactive Tag. */\n  renderTag?: (tag: string) => React.ReactNode;\n  className?: string;\n};\n\n/** One entry on a timeline (a job, a release, a milestone): dates and code, a node on the track, then title, subtitle and bullets. */\nexport function TimelineEntry({\n  title,\n  subtitle,\n  start,\n  end,\n  current,\n  code,\n  detail,\n  points,\n  tags,\n  renderTag,\n  className,\n}: TimelineEntryProps) {\n  return (\n    <article\n      className={cn(\"grid grid-cols-[24px_1fr] gap-x-4 md:grid-cols-[180px_24px_1fr]\", className)}\n    >\n      <div className=\"col-start-2 row-start-1 flex flex-col gap-1.5 pt-0.5 max-md:pb-2 md:col-start-1\">\n        <span className=\"font-mono text-hud-num text-ink\">\n          {start} — {end ?? \"Now\"}\n        </span>\n        {code && <span className=\"hud-sm text-hud-mark\">{code}</span>}\n        {detail && <span className=\"hud-sm text-ink-soft\">{detail}</span>}\n      </div>\n      <div\n        aria-hidden\n        className=\"relative col-start-1 row-span-2 row-start-1 before:absolute before:inset-y-0 before:left-[11px] before:w-0.5 before:bg-seam md:col-start-2 md:row-span-1\"\n      >\n        <span\n          className={cn(\n            \"absolute top-1 left-1 size-4 rounded-full\",\n            current\n              ? \"bg-signal shadow-[0_0_0_4px_var(--color-canvas)]\"\n              : \"bg-shell shadow-[0_0_0_4px_var(--color-canvas),inset_0_0_0_2px_var(--color-hud-mark)]\",\n          )}\n        />\n      </div>\n      <div className=\"col-start-2 row-start-2 flex flex-col gap-2 pb-12 md:col-start-3 md:row-start-1\">\n        <h3 className=\"font-display text-display-sm text-ink\">{title}</h3>\n        {subtitle && <p className=\"text-body-sm text-ink-soft\">{subtitle}</p>}\n        {points && points.length > 0 && (\n          <ul className=\"mt-2 list-disc pl-[18px] text-body-md text-ink marker:font-mono marker:text-signal-ink\">\n            {points.map((point, index) => (\n              <li key={index}>{point}</li>\n            ))}\n          </ul>\n        )}\n        {tags && tags.length > 0 && (\n          <div className=\"mt-2 flex flex-wrap gap-2\">\n            {tags.map((tag) =>\n              renderTag ? (\n                <Fragment key={tag}>{renderTag(tag)}</Fragment>\n              ) : (\n                <Tag key={tag}>{tag}</Tag>\n              ),\n            )}\n          </div>\n        )}\n      </div>\n    </article>\n  );\n}\n"],"mappings":";;;;;;AA6BA,SAAgB,cAAc,EAC5B,OACA,UACA,OACA,KACA,SACA,MACA,QACA,QACA,MACA,WACA,aACqB;CACrB,OACE,qBAAC,WAAD;EACE,WAAW,GAAG,mEAAmE,SAAS;EAD5F,UAAA;GAGE,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,qBAAC,QAAD;MAAM,WAAU;MAAhB,UAAA;OACG;OAAM;OAAI,OAAO;MACd;;KACL,QAAQ,oBAAC,QAAD;MAAM,WAAU;MAAwB,UAAA;KAAW,CAAA;KAC3D,UAAU,oBAAC,QAAD;MAAM,WAAU;MAAwB,UAAA;KAAa,CAAA;IAC7D;;GACL,oBAAC,OAAD;IACE,eAAA;IACA,WAAU;IAEV,UAAA,oBAAC,QAAD,EACE,WAAW,GACT,6CACA,UACI,qDACA,uFACN,EACD,CAAA;GACE,CAAA;GACL,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA;KACE,oBAAC,MAAD;MAAI,WAAU;MAAyC,UAAA;KAAU,CAAA;KAChE,YAAY,oBAAC,KAAD;MAAG,WAAU;MAA8B,UAAA;KAAY,CAAA;KACnE,UAAU,OAAO,SAAS,KACzB,oBAAC,MAAD;MAAI,WAAU;MACX,UAAA,OAAO,KAAK,OAAO,UAClB,oBAAC,MAAD,EAAA,UAAiB,MAAU,GAAlB,KAAkB,CAC5B;KACC,CAAA;KAEL,QAAQ,KAAK,SAAS,KACrB,oBAAC,OAAD;MAAK,WAAU;MACZ,UAAA,KAAK,KAAK,QACT,YACE,oBAACA,YAAD,EAAA,UAAqB,UAAU,GAAG,EAAY,GAA/B,GAA+B,IAE9C,oBAAC,KAAD,EAAA,UAAgB,IAAS,GAAf,GAAe,CAE7B;KACG,CAAA;IAEJ;;EACE;;AAEb"}

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

@@ -0,0 +1,10 @@
+import { toggleVariants } from "./toggle.js";
+import { VariantProps } from "class-variance-authority";
+import { ToggleGroup } from "radix-ui";
+import * as React from "react";
+declare function ToggleGroup$1({ className, variant, size, spacing, children, ...props }: React.ComponentProps<typeof ToggleGroup.Root> & VariantProps<typeof toggleVariants> & {
+  spacing?: number;
+}): React.JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroup.Item> & VariantProps<typeof toggleVariants>): React.JSX.Element;
+export { ToggleGroup$1 as ToggleGroup, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.d.ts.map

package/dist/components/toggle-group.js

@@ -0,0 +1,49 @@
+"use client";
+import { toggleVariants } from "./toggle.js";
+import { cn } from "../lib/utils.js";
+import { ToggleGroup } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+// src/components/toggle-group.tsx
+const ToggleGroupContext = React.createContext({
+	size: "default",
+	variant: "default",
+	spacing: 0
+});
+function ToggleGroup$1({ className, variant, size, spacing = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(ToggleGroup.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": variant,
+		"data-size": size,
+		"data-spacing": spacing,
+		style: { "--gap": spacing },
+		className: cn("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-mold", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				spacing
+			},
+			children
+		})
+	});
+}
+function ToggleGroupItem({ className, children, variant, size, ...props }) {
+	const context = React.useContext(ToggleGroupContext);
+	return /* @__PURE__ */ jsx(ToggleGroup.Item, {
+		"data-slot": "toggle-group-item",
+		"data-variant": context.variant || variant,
+		"data-size": context.size || size,
+		"data-spacing": context.spacing,
+		className: cn(toggleVariants({
+			variant: context.variant || variant,
+			size: context.size || size
+		}), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", className),
+		...props,
+		children
+	});
+}
+export { ToggleGroup$1 as ToggleGroup, ToggleGroupItem };
+
+//# sourceMappingURL=toggle-group.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","names":["ToggleGroup","ToggleGroupPrimitive"],"sources":["../../src/components/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { toggleVariants } from \"./toggle\";\nimport { cn } from \"../lib/utils\";\nimport type { VariantProps } from \"class-variance-authority\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\nimport * as React from \"react\";\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number;\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number;\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-mold\",\n        className,\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={{ variant, size, spacing }}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        \"w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10\",\n        \"data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"mappings":";;;;;;;AAQA,MAAM,qBAAqB,MAAM,cAI/B;CACA,MAAM;CACN,SAAS;CACT,SAAS;AACX,CAAC;AAED,SAASA,cAAY,EACnB,WACA,SACA,MACA,UAAU,GACV,UACA,GAAG,SAIA;CACH,OACE,oBAACC,YAAqB,MAAtB;EACE,aAAU;EACV,gBAAc;EACd,aAAW;EACX,gBAAc;EACd,OAAO,EAAE,SAAS,QAAQ;EAC1B,WAAW,GACT,+IACA,SACF;EACA,GAAI;EAEJ,UAAA,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;IAAE;IAAS;IAAM;GAAQ;GAC1D;EAC0B,CAAA;CACJ,CAAA;AAE/B;AAEA,SAAS,gBAAgB,EACvB,WACA,UACA,SACA,MACA,GAAG,SAC4F;CAC/F,MAAM,UAAU,MAAM,WAAW,kBAAkB;CAEnD,OACE,oBAACA,YAAqB,MAAtB;EACE,aAAU;EACV,gBAAc,QAAQ,WAAW;EACjC,aAAW,QAAQ,QAAQ;EAC3B,gBAAc,QAAQ;EACtB,WAAW,GACT,eAAe;GACb,SAAS,QAAQ,WAAW;GAC5B,MAAM,QAAQ,QAAQ;EACxB,CAAC,GACD,8DACA,+OACA,SACF;EACA,GAAI;EAEH;CACwB,CAAA;AAE/B"}

package/dist/components/toggle.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from "class-variance-authority";
+import { Toggle } from "radix-ui";
+import * as React from "react";
+declare const toggleVariants: (props?: ({
+  variant?: "default" | "outline" | null | undefined;
+  size?: "default" | "lg" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Toggle$1({ className, variant, size, ...props }: React.ComponentProps<typeof Toggle.Root> & VariantProps<typeof toggleVariants>): React.JSX.Element;
+export { Toggle$1 as Toggle, toggleVariants };
+//# sourceMappingURL=toggle.d.ts.map

package/dist/components/toggle.js

@@ -0,0 +1,37 @@
+"use client";
+import { cn } from "../lib/utils.js";
+import { cva } from "class-variance-authority";
+import { Toggle } from "radix-ui";
+import { jsx } from "react/jsx-runtime";
+// src/components/toggle.tsx
+const toggleVariants = cva("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-mold hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-9 min-w-9 px-2",
+			sm: "h-8 min-w-8 px-1.5",
+			lg: "h-10 min-w-10 px-2.5"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Toggle$1({ className, variant, size, ...props }) {
+	return /* @__PURE__ */ jsx(Toggle.Root, {
+		"data-slot": "toggle",
+		className: cn(toggleVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+export { Toggle$1 as Toggle, toggleVariants };
+
+//# sourceMappingURL=toggle.js.map

package/dist/components/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["Toggle","TogglePrimitive"],"sources":["../../src/components/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../lib/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { Toggle as TogglePrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nconst toggleVariants = cva(\n  \"inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,box-shadow] outline-none hover:bg-muted hover:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline:\n          \"border border-input bg-transparent shadow-mold hover:bg-accent hover:text-accent-foreground\",\n      },\n      size: {\n        default: \"h-9 min-w-9 px-2\",\n        sm: \"h-8 min-w-8 px-1.5\",\n        lg: \"h-10 min-w-10 px-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Toggle({\n  className,\n  variant,\n  size,\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;AAOA,MAAM,iBAAiB,IACrB,2gBACA;CACE,UAAU;EACR,SAAS;GACP,SAAS;GACT,SACE;EACJ;EACA,MAAM;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;EACN;CACF;CACA,iBAAiB;EACf,SAAS;EACT,MAAM;CACR;AACF,CACF;AAEA,SAASA,SAAO,EACd,WACA,SACA,MACA,GAAG,SACuF;CAC1F,OACE,oBAACC,OAAgB,MAAjB;EACE,aAAU;EACV,WAAW,GAAG,eAAe;GAAE;GAAS;GAAM;EAAU,CAAC,CAAC;EAC1D,GAAI;CACL,CAAA;AAEL"}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,8 @@
+import { Tooltip } from "radix-ui";
+import * as React from "react";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof Tooltip.Provider>): React.JSX.Element;
+declare function Tooltip$1({ ...props }: React.ComponentProps<typeof Tooltip.Root>): React.JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof Tooltip.Trigger>): React.JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof Tooltip.Content>): React.JSX.Element;
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip.js

@@ -0,0 +1,36 @@
+"use client";
+import { cn } from "../lib/utils.js";
+import { Tooltip } from "radix-ui";
+import { jsx, jsxs } from "react/jsx-runtime";
+// src/components/tooltip.tsx
+function TooltipProvider({ delayDuration = 0, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, {
+		"data-slot": "tooltip-provider",
+		delayDuration,
+		...props
+	});
+}
+function Tooltip$1({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Root, {
+		"data-slot": "tooltip",
+		...props
+	});
+}
+function TooltipTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...props
+	});
+}
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { children: /* @__PURE__ */ jsxs(Tooltip.Content, {
+		"data-slot": "tooltip-content",
+		sideOffset,
+		className: cn("z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Tooltip.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })]
+	}) });
+}
+export { Tooltip$1 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["TooltipPrimitive","Tooltip"],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"../lib/utils\";\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />;\n}\n\nfunction TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };\n"],"mappings":";;;;;AAMA,SAAS,gBAAgB,EACvB,gBAAgB,GAChB,GAAG,SACsD;CACzD,OACE,oBAACA,QAAiB,UAAlB;EACE,aAAU;EACK;EACf,GAAI;CACL,CAAA;AAEL;AAEA,SAASC,UAAQ,EAAE,GAAG,SAA6D;CACjF,OAAO,oBAACD,QAAiB,MAAlB;EAAuB,aAAU;EAAU,GAAI;CAAQ,CAAA;AAChE;AAEA,SAAS,eAAe,EAAE,GAAG,SAAgE;CAC3F,OAAO,oBAACA,QAAiB,SAAlB;EAA0B,aAAU;EAAkB,GAAI;CAAQ,CAAA;AAC3E;AAEA,SAAS,eAAe,EACtB,WACA,aAAa,GACb,UACA,GAAG,SACqD;CACxD,OACE,oBAACA,QAAiB,QAAlB,EAAA,UACE,qBAACA,QAAiB,SAAlB;EACE,aAAU;EACE;EACZ,WAAW,GACT,qaACA,SACF;EACA,GAAI;EAPN,UAAA,CASG,UACD,oBAACA,QAAiB,OAAlB,EAAwB,WAAU,qGAAsG,CAAA,CAChH;CACH,CAAA,EAAA,CAAA;AAE7B"}

package/dist/finance.d.ts

@@ -0,0 +1,10 @@
+import { Amount } from "./components/amount.js";
+import { ColorPicker, IconPicker } from "./components/appearance-pickers.js";
+import { BudgetMeter } from "./components/budget-meter.js";
+import { CategoryIcon, ColorDot } from "./components/category-icon.js";
+import { FxConverter } from "./components/fx-converter.js";
+import { MoneyInput } from "./components/money-input.js";
+import { CategoryColor, CategoryIconName, categoryColorVar, categoryColors, categoryIcon, categoryIcons } from "./lib/category-icons.js";
+import { FxCurrencies, FxField, FxState, RATE_DISPLAY, RATE_SCALE, convertFromTo, convertToFrom, deriveRate, divRoundHalfEven, editFx, fxResult, initialFxState, parseRate } from "./lib/fx.js";
+import { SignDisplay, formatAmountInput, formatMoney, minorToDecimal, parseAmount } from "./lib/money.js";
+export { Amount, BudgetMeter, CategoryColor, CategoryIcon, CategoryIconName, ColorDot, ColorPicker, FxConverter, FxCurrencies, FxField, FxState, IconPicker, MoneyInput, RATE_DISPLAY, RATE_SCALE, SignDisplay, categoryColorVar, categoryColors, categoryIcon, categoryIcons, convertFromTo, convertToFrom, deriveRate, divRoundHalfEven, editFx, formatAmountInput, formatMoney, fxResult, initialFxState, minorToDecimal, parseAmount, parseRate };

package/dist/finance.js

@@ -0,0 +1,10 @@
+import { Amount } from "./components/amount.js";
+import { ColorPicker, IconPicker } from "./components/appearance-pickers.js";
+import { BudgetMeter } from "./components/budget-meter.js";
+import { CategoryIcon, ColorDot } from "./components/category-icon.js";
+import { FxConverter } from "./components/fx-converter.js";
+import { MoneyInput } from "./components/money-input.js";
+import { categoryColorVar, categoryColors, categoryIcon, categoryIcons } from "./lib/category-icons.js";
+import { RATE_DISPLAY, RATE_SCALE, convertFromTo, convertToFrom, deriveRate, divRoundHalfEven, editFx, fxResult, initialFxState, parseRate } from "./lib/fx.js";
+import { formatAmountInput, formatMoney, minorToDecimal, parseAmount } from "./lib/money.js";
+export { Amount, BudgetMeter, CategoryIcon, ColorDot, ColorPicker, FxConverter, IconPicker, MoneyInput, RATE_DISPLAY, RATE_SCALE, categoryColorVar, categoryColors, categoryIcon, categoryIcons, convertFromTo, convertToFrom, deriveRate, divRoundHalfEven, editFx, formatAmountInput, formatMoney, fxResult, initialFxState, minorToDecimal, parseAmount, parseRate };