@lfrprazeres/ui 0.1.0

package/dist/elements/skeleton.js

@@ -0,0 +1,14 @@
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/elements/skeleton.tsx
+function Skeleton({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("animate-pulse rounded-md bg-accent", className),
+		"data-slot": "skeleton",
+		...props
+	});
+}
+//#endregion
+export { Skeleton };
+
+//# sourceMappingURL=skeleton.js.map

package/dist/elements/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../src/elements/skeleton.tsx"],"sourcesContent":["import { cn } from \"@/lib/cn\";\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      className={cn(\"animate-pulse rounded-md bg-accent\", className)}\n      data-slot=\"skeleton\"\n      {...props}\n    />\n  );\n}\n\nexport { Skeleton };\n"],"mappings":";;;AAEA,SAAS,SAAS,EAAE,WAAW,GAAG,SAAsC;CACtE,OACE,oBAAC,OAAD;EACE,WAAW,GAAG,sCAAsC,SAAS;EAC7D,aAAU;EACV,GAAI;CACL,CAAA;AAEL"}

package/dist/elements/sonner.d.ts

@@ -0,0 +1,17 @@
+import { ToasterProps, toast } from "sonner";
+//#region src/elements/sonner.d.ts
+/**
+ * The one sanctioned deviation from upstream shadcn.
+ *
+ * Upstream reads the active theme with `useTheme()` from next-themes, which
+ * would put a Next-only dependency inside a framework-agnostic package. Here
+ * `theme` is an ordinary prop, so the consumer supplies it from whatever it
+ * already uses: next-themes, a media query, its own store.
+ *
+ * If this file is ever re-scaffolded with `shadcn add sonner`, the next-themes
+ * import comes back. Re-apply this inversion.
+ */
+declare function Toaster$1({ theme, ...props }: ToasterProps): import("react").JSX.Element;
+//#endregion
+export { Toaster$1 as Toaster, toast };
+//# sourceMappingURL=sonner.d.ts.map

package/dist/elements/sonner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","names":[],"sources":["../../src/elements/sonner.tsx"],"mappings":";;;;;;;;;;;;;iBAuBS,YAAU,UAAqB,SAAS,+BAAY,IAAA"}

package/dist/elements/sonner.js

@@ -0,0 +1,40 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { CircleCheckIcon, InfoIcon, Loader2Icon, OctagonXIcon, TriangleAlertIcon } from "lucide-react";
+import { Toaster, toast } from "sonner";
+//#region src/elements/sonner.tsx
+/**
+* The one sanctioned deviation from upstream shadcn.
+*
+* Upstream reads the active theme with `useTheme()` from next-themes, which
+* would put a Next-only dependency inside a framework-agnostic package. Here
+* `theme` is an ordinary prop, so the consumer supplies it from whatever it
+* already uses: next-themes, a media query, its own store.
+*
+* If this file is ever re-scaffolded with `shadcn add sonner`, the next-themes
+* import comes back. Re-apply this inversion.
+*/
+function Toaster$1({ theme = "system", ...props }) {
+	return /* @__PURE__ */ jsx(Toaster, {
+		className: "toaster group",
+		icons: {
+			error: /* @__PURE__ */ jsx(OctagonXIcon, { className: "size-4" }),
+			info: /* @__PURE__ */ jsx(InfoIcon, { className: "size-4" }),
+			loading: /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" }),
+			success: /* @__PURE__ */ jsx(CircleCheckIcon, { className: "size-4" }),
+			warning: /* @__PURE__ */ jsx(TriangleAlertIcon, { className: "size-4" })
+		},
+		style: {
+			"--border-radius": "var(--radius)",
+			"--normal-bg": "var(--popover)",
+			"--normal-border": "var(--border)",
+			"--normal-text": "var(--popover-foreground)"
+		},
+		theme,
+		...props
+	});
+}
+//#endregion
+export { Toaster$1 as Toaster, toast };
+
+//# sourceMappingURL=sonner.js.map

package/dist/elements/sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.js","names":["Toaster","Sonner"],"sources":["../../src/elements/sonner.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  CircleCheckIcon,\n  InfoIcon,\n  Loader2Icon,\n  OctagonXIcon,\n  TriangleAlertIcon,\n} from \"lucide-react\";\nimport type { CSSProperties } from \"react\";\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\";\n\n/**\n * The one sanctioned deviation from upstream shadcn.\n *\n * Upstream reads the active theme with `useTheme()` from next-themes, which\n * would put a Next-only dependency inside a framework-agnostic package. Here\n * `theme` is an ordinary prop, so the consumer supplies it from whatever it\n * already uses: next-themes, a media query, its own store.\n *\n * If this file is ever re-scaffolded with `shadcn add sonner`, the next-themes\n * import comes back. Re-apply this inversion.\n */\nfunction Toaster({ theme = \"system\", ...props }: ToasterProps) {\n  return (\n    <Sonner\n      className=\"toaster group\"\n      icons={{\n        error: <OctagonXIcon className=\"size-4\" />,\n        info: <InfoIcon className=\"size-4\" />,\n        loading: <Loader2Icon className=\"size-4 animate-spin\" />,\n        success: <CircleCheckIcon className=\"size-4\" />,\n        warning: <TriangleAlertIcon className=\"size-4\" />,\n      }}\n      style={\n        {\n          \"--border-radius\": \"var(--radius)\",\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n        } as CSSProperties\n      }\n      theme={theme}\n      {...props}\n    />\n  );\n}\n\n// Re-exported so consumers do not have to install sonner themselves. Under\n// pnpm's strict node_modules a transitive dependency is not importable.\nexport { toast } from \"sonner\";\nexport { Toaster };\n"],"mappings":";;;;;;;;;;;;;;;;AAuBA,SAASA,UAAQ,EAAE,QAAQ,UAAU,GAAG,SAAuB;CAC7D,OACE,oBAACC,SAAD;EACE,WAAU;EACV,OAAO;GACL,OAAO,oBAAC,cAAD,EAAc,WAAU,SAAU,CAAA;GACzC,MAAM,oBAAC,UAAD,EAAU,WAAU,SAAU,CAAA;GACpC,SAAS,oBAAC,aAAD,EAAa,WAAU,sBAAuB,CAAA;GACvD,SAAS,oBAAC,iBAAD,EAAiB,WAAU,SAAU,CAAA;GAC9C,SAAS,oBAAC,mBAAD,EAAmB,WAAU,SAAU,CAAA;EAClD;EACA,OACE;GACE,mBAAmB;GACnB,eAAe;GACf,mBAAmB;GACnB,iBAAiB;EACnB;EAEK;EACP,GAAI;CACL,CAAA;AAEL"}

package/dist/elements/switch.d.ts

@@ -0,0 +1,9 @@
+import { Switch } from "radix-ui";
+import * as React from "react";
+//#region src/elements/switch.d.ts
+declare function Switch$1({ className, size, ...props }: React.ComponentProps<typeof Switch.Root> & {
+  size?: "sm" | "default";
+}): React.JSX.Element;
+//#endregion
+export { Switch$1 as Switch };
+//# sourceMappingURL=switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","names":[],"sources":["../../src/elements/switch.tsx"],"mappings":";;;iBAOS,WACP,WACA,SACG,SACF,MAAM,sBAAsB,OAAgB;EAC7C;IACD,MAAA,IAAA"}

package/dist/elements/switch.js

@@ -0,0 +1,21 @@
+"use client";
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { Switch } from "radix-ui";
+//#region src/elements/switch.tsx
+function Switch$1({ className, size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Switch.Root, {
+		className: cn("peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=sm]:h-3.5 data-[size=default]:w-8 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80", className),
+		"data-size": size,
+		"data-slot": "switch",
+		...props,
+		children: /* @__PURE__ */ jsx(Switch.Thumb, {
+			className: cn("pointer-events-none block rounded-full bg-background ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground"),
+			"data-slot": "switch-thumb"
+		})
+	});
+}
+//#endregion
+export { Switch$1 as Switch };
+
+//# sourceMappingURL=switch.js.map

package/dist/elements/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","names":["Switch","SwitchPrimitive"],"sources":["../../src/elements/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport { Switch as SwitchPrimitive } from \"radix-ui\";\nimport type * as React from \"react\";\n\nimport { cn } from \"@/lib/cn\";\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: \"sm\" | \"default\";\n}) {\n  return (\n    <SwitchPrimitive.Root\n      className={cn(\n        \"peer group/switch inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-[1.15rem] data-[size=sm]:h-3.5 data-[size=default]:w-8 data-[size=sm]:w-6 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"switch\"\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        className={cn(\n          \"pointer-events-none block rounded-full bg-background ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 dark:data-[state=checked]:bg-primary-foreground dark:data-[state=unchecked]:bg-foreground\"\n        )}\n        data-slot=\"switch-thumb\"\n      />\n    </SwitchPrimitive.Root>\n  );\n}\n\nexport { Switch };\n"],"mappings":";;;;;AAOA,SAASA,SAAO,EACd,WACA,OAAO,WACP,GAAG,SAGF;CACD,OACE,oBAACC,OAAgB,MAAjB;EACE,WAAW,GACT,0cACA,SACF;EACA,aAAW;EACX,aAAU;EACV,GAAI;EAEJ,UAAA,oBAACA,OAAgB,OAAjB;GACE,WAAW,GACT,8UACF;GACA,aAAU;EACX,CAAA;CACmB,CAAA;AAE1B"}

package/dist/elements/textarea.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","names":[],"sources":["../../src/elements/textarea.tsx"],"mappings":";;iBAIS,WAAW,cAAc,SAAS,MAAM,6BAA0B,MAAA,IAAA"}

package/dist/elements/textarea.js

@@ -0,0 +1,14 @@
+import { cn } from "../lib/cn.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/elements/textarea.tsx
+function Textarea({ className, ...props }) {
+	return /* @__PURE__ */ jsx("textarea", {
+		className: cn("field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs outline-none transition-[color,box-shadow] 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 dark:bg-input/30 dark:aria-invalid:ring-destructive/40", className),
+		"data-slot": "textarea",
+		...props
+	});
+}
+//#endregion
+export { Textarea };
+
+//# sourceMappingURL=textarea.js.map

package/dist/elements/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","names":[],"sources":["../../src/elements/textarea.tsx"],"sourcesContent":["import type * as React from \"react\";\n\nimport { cn } from \"@/lib/cn\";\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      className={cn(\n        \"field-sizing-content flex min-h-16 w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-xs outline-none transition-[color,box-shadow] 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 dark:bg-input/30 dark:aria-invalid:ring-destructive/40\",\n        className\n      )}\n      data-slot=\"textarea\"\n      {...props}\n    />\n  );\n}\n\nexport { Textarea };\n"],"mappings":";;;AAIA,SAAS,SAAS,EAAE,WAAW,GAAG,SAA2C;CAC3E,OACE,oBAAC,YAAD;EACE,WAAW,GACT,ucACA,SACF;EACA,aAAU;EACV,GAAI;CACL,CAAA;AAEL"}

package/dist/index.d.ts

@@ -0,0 +1,27 @@
+import { Chip, ChipProps, chipVariants } from "./components/chip.js";
+import { LanguageOption, LanguageSwitcher, LanguageSwitcherProps } from "./components/language-switcher.js";
+import { Marquee, MarqueeProps } from "./components/marquee.js";
+import { MessageBubble, MessageBubbleProps, MessageRole } from "./components/message-bubble.js";
+import { StatDirection, StatTile, StatTileProps } from "./components/stat-tile.js";
+import { StreamingDots, StreamingDotsProps } from "./components/streaming-dots.js";
+import { ThemeMode, ThemeToggle, ThemeToggleProps } from "./components/theme-toggle.js";
+import "./components/index.js";
+import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./elements/avatar.js";
+import { Badge, badgeVariants } from "./elements/badge.js";
+import { Button, buttonVariants } from "./elements/button.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./elements/card.js";
+import { Checkbox } from "./elements/checkbox.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./elements/dialog.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./elements/dropdown-menu.js";
+import { Input } from "./elements/input.js";
+import { Label } from "./elements/label.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./elements/popover.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./elements/select.js";
+import { Separator } from "./elements/separator.js";
+import { Skeleton } from "./elements/skeleton.js";
+import { Toaster, toast } from "./elements/sonner.js";
+import { Switch } from "./elements/switch.js";
+import { Textarea } from "./elements/textarea.js";
+import "./elements/index.js";
+import { cn } from "./lib/cn.js";
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, ChipProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, LanguageOption, LanguageSwitcher, LanguageSwitcherProps, Marquee, MarqueeProps, MessageBubble, MessageBubbleProps, MessageRole, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, StatDirection, StatTile, StatTileProps, StreamingDots, StreamingDotsProps, Switch, Textarea, ThemeMode, ThemeToggle, ThemeToggleProps, Toaster, badgeVariants, buttonVariants, chipVariants, cn, toast };

package/dist/index.js

@@ -0,0 +1,25 @@
+import { cn } from "./lib/cn.js";
+import { Chip, chipVariants } from "./components/chip.js";
+import { Button, buttonVariants } from "./elements/button.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./elements/dropdown-menu.js";
+import { LanguageSwitcher } from "./components/language-switcher.js";
+import { Marquee } from "./components/marquee.js";
+import { MessageBubble } from "./components/message-bubble.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./elements/card.js";
+import { StatTile } from "./components/stat-tile.js";
+import { StreamingDots } from "./components/streaming-dots.js";
+import { ThemeToggle } from "./components/theme-toggle.js";
+import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./elements/avatar.js";
+import { Badge, badgeVariants } from "./elements/badge.js";
+import { Checkbox } from "./elements/checkbox.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./elements/dialog.js";
+import { Input } from "./elements/input.js";
+import { Label } from "./elements/label.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./elements/popover.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./elements/select.js";
+import { Separator } from "./elements/separator.js";
+import { Skeleton } from "./elements/skeleton.js";
+import { Toaster, toast } from "./elements/sonner.js";
+import { Switch } from "./elements/switch.js";
+import { Textarea } from "./elements/textarea.js";
+export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Button, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Input, Label, LanguageSwitcher, Marquee, MessageBubble, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Skeleton, StatTile, StreamingDots, Switch, Textarea, ThemeToggle, Toaster, badgeVariants, buttonVariants, chipVariants, cn, toast };

package/dist/lib/cn.d.ts

@@ -0,0 +1,6 @@
+import { ClassValue } from "clsx";
+//#region src/lib/cn.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { cn };
+//# sourceMappingURL=cn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","names":[],"sources":["../../src/lib/cn.ts"],"mappings":";;iBAGgB,MAAM,QAAQ"}

package/dist/lib/cn.js

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+//#region src/lib/cn.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn };
+
+//# sourceMappingURL=cn.js.map

package/dist/lib/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","names":[],"sources":["../../src/lib/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;AAGA,SAAgB,GAAG,GAAG,QAAsB;CAC1C,OAAO,QAAQ,KAAK,MAAM,CAAC;AAC7B"}

package/dist/styles.css

@@ -0,0 +1,18 @@
+@import "tailwindcss";
+@import "./tokens/index.css";
+
+@source "./**/*.{ts,tsx,js}";
+
+@layer base {
+  * {
+    outline-color: color-mix(in oklab, var(--color-ring) 50%, transparent);
+    border-color: var(--color-border);
+  }
+
+  body {
+    font-family: var(--font-sans);
+    -webkit-font-smoothing: antialiased;
+    color: var(--color-foreground);
+    background-color: var(--color-background);
+  }
+}

package/dist/tokens/01-ramps.css

@@ -0,0 +1,142 @@
+/* Colour ramps. Raw scales, no roles.
+
+   Values follow Tailwind v4 OKLCH but are kept local deliberately: Tailwind only
+   emits theme vars that a utility references, so var(--color-cyan-500) from a
+   palette would resolve to nothing. */
+
+:root {
+  /* Neutral, achromatic. */
+  --neutral-0: oklch(1 0 0);
+  --neutral-50: oklch(0.985 0 0);
+  --neutral-100: oklch(0.97 0 0);
+  --neutral-200: oklch(0.922 0 0);
+  --neutral-300: oklch(0.87 0 0);
+  --neutral-400: oklch(0.708 0 0);
+  --neutral-500: oklch(0.556 0 0);
+  --neutral-600: oklch(0.439 0 0);
+  --neutral-700: oklch(0.371 0 0);
+  --neutral-800: oklch(0.269 0 0);
+  --neutral-900: oklch(0.205 0 0);
+  --neutral-950: oklch(0.145 0 0);
+
+  /* Slate, cool neutral. */
+  --slate-50: oklch(0.984 0.003 247);
+  --slate-100: oklch(0.968 0.007 247);
+  --slate-200: oklch(0.929 0.013 255);
+  --slate-300: oklch(0.869 0.022 252);
+  --slate-400: oklch(0.704 0.04 256);
+  --slate-500: oklch(0.554 0.046 257);
+  --slate-600: oklch(0.446 0.043 257);
+  --slate-700: oklch(0.372 0.044 257);
+  --slate-800: oklch(0.279 0.041 260);
+  --slate-900: oklch(0.208 0.042 265);
+  --slate-950: oklch(0.129 0.042 264);
+
+  /* Sand, warm neutral. */
+  --sand-50: oklch(0.985 0.005 80);
+  --sand-100: oklch(0.965 0.008 78);
+  --sand-200: oklch(0.93 0.012 76);
+  --sand-300: oklch(0.86 0.018 74);
+  --sand-400: oklch(0.74 0.02 72);
+  --sand-500: oklch(0.6 0.022 70);
+  --sand-600: oklch(0.46 0.02 68);
+  --sand-700: oklch(0.34 0.018 66);
+  --sand-800: oklch(0.24 0.015 64);
+  --sand-900: oklch(0.16 0.012 62);
+  --sand-950: oklch(0.11 0.01 62);
+
+  /* Gold, warm antique accent. Deliberately not Tailwind amber. */
+  --gold-50: oklch(0.97 0.025 85);
+  --gold-100: oklch(0.93 0.04 85);
+  --gold-200: oklch(0.85 0.07 82);
+  --gold-300: oklch(0.75 0.1 80);
+  --gold-400: oklch(0.68 0.115 78);
+  --gold-500: oklch(0.62 0.115 78);
+  --gold-600: oklch(0.54 0.105 76);
+  --gold-700: oklch(0.46 0.09 74);
+  --gold-800: oklch(0.38 0.075 72);
+  --gold-900: oklch(0.3 0.06 72);
+  --gold-950: oklch(0.22 0.045 72);
+
+  /* Cyan. */
+  --cyan-50: oklch(0.984 0.019 200);
+  --cyan-100: oklch(0.956 0.045 203);
+  --cyan-200: oklch(0.917 0.08 205);
+  --cyan-300: oklch(0.865 0.127 207);
+  --cyan-400: oklch(0.789 0.154 211);
+  --cyan-500: oklch(0.715 0.143 215);
+  --cyan-600: oklch(0.609 0.126 221);
+  --cyan-700: oklch(0.52 0.105 223);
+  --cyan-800: oklch(0.45 0.085 224);
+  --cyan-900: oklch(0.398 0.07 227);
+  --cyan-950: oklch(0.302 0.056 229);
+
+  /* Blue. */
+  --blue-50: oklch(0.97 0.014 254);
+  --blue-100: oklch(0.932 0.032 255);
+  --blue-200: oklch(0.882 0.059 254);
+  --blue-300: oklch(0.809 0.105 251);
+  --blue-400: oklch(0.707 0.165 254);
+  --blue-500: oklch(0.623 0.214 259);
+  --blue-600: oklch(0.546 0.245 262);
+  --blue-700: oklch(0.488 0.243 264);
+  --blue-800: oklch(0.424 0.199 265);
+  --blue-900: oklch(0.379 0.146 265);
+  --blue-950: oklch(0.282 0.091 267);
+
+  /* Violet. */
+  --violet-50: oklch(0.969 0.016 293);
+  --violet-100: oklch(0.943 0.029 294);
+  --violet-200: oklch(0.894 0.057 293);
+  --violet-300: oklch(0.811 0.111 293);
+  --violet-400: oklch(0.702 0.183 294);
+  --violet-500: oklch(0.606 0.25 292);
+  --violet-600: oklch(0.541 0.281 293);
+  --violet-700: oklch(0.491 0.27 292);
+  --violet-800: oklch(0.432 0.232 292);
+  --violet-900: oklch(0.38 0.189 293);
+  --violet-950: oklch(0.283 0.141 291);
+
+  /* Fuchsia. */
+  --fuchsia-50: oklch(0.977 0.017 320);
+  --fuchsia-100: oklch(0.952 0.037 318);
+  --fuchsia-200: oklch(0.903 0.076 319);
+  --fuchsia-300: oklch(0.833 0.145 321);
+  --fuchsia-400: oklch(0.74 0.238 322);
+  --fuchsia-500: oklch(0.667 0.295 322);
+  --fuchsia-600: oklch(0.591 0.293 322);
+  --fuchsia-700: oklch(0.518 0.253 323);
+  --fuchsia-800: oklch(0.452 0.211 324);
+  --fuchsia-900: oklch(0.401 0.17 325);
+  --fuchsia-950: oklch(0.293 0.136 325);
+
+  /* Emerald. */
+  --emerald-50: oklch(0.979 0.021 166);
+  --emerald-100: oklch(0.95 0.052 163);
+  --emerald-200: oklch(0.905 0.093 164);
+  --emerald-300: oklch(0.845 0.143 164);
+  --emerald-400: oklch(0.765 0.177 163);
+  --emerald-500: oklch(0.696 0.17 162);
+  --emerald-600: oklch(0.596 0.145 163);
+  --emerald-700: oklch(0.508 0.118 166);
+  --emerald-800: oklch(0.432 0.095 166);
+  --emerald-900: oklch(0.378 0.077 169);
+  --emerald-950: oklch(0.262 0.051 172);
+
+  /* Rose. */
+  --rose-50: oklch(0.969 0.015 12);
+  --rose-100: oklch(0.941 0.03 12);
+  --rose-200: oklch(0.892 0.058 10);
+  --rose-300: oklch(0.81 0.117 11);
+  --rose-400: oklch(0.712 0.194 13);
+  --rose-500: oklch(0.645 0.246 16);
+  --rose-600: oklch(0.586 0.253 17);
+  --rose-700: oklch(0.514 0.222 16);
+  --rose-800: oklch(0.455 0.188 13);
+  --rose-900: oklch(0.41 0.159 10);
+  --rose-950: oklch(0.271 0.105 12);
+
+  /* Alpha overlays, for dark borders that are not ramp steps. */
+  --overlay-white-10: oklch(1 0 0 / 10%);
+  --overlay-white-15: oklch(1 0 0 / 15%);
+}

package/dist/tokens/02-scales.css

@@ -0,0 +1,28 @@
+/* Non-colour scales. All palette-overridable: redefining --spacing or --radius
+   on a palette class rescales the system at runtime, with no rebuild. */
+
+:root {
+  --spacing: 0.25rem;
+
+  /* All four derived radius steps compute from this. */
+  --radius: 0.625rem;
+
+  /* Motion. */
+  --duration-instant: 0ms;
+  --duration-fast: 150ms;
+  --duration-base: 250ms;
+  --duration-slow: 400ms;
+
+  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
+  --ease-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
+
+  /* Indirection lets a consumer inject a framework-loaded font via the -app var. */
+  --font-sans-stack:
+    var(--font-sans-app, "Inter"), ui-sans-serif, system-ui, -apple-system,
+    "Segoe UI", sans-serif;
+  --font-serif-stack:
+    var(--font-serif-app, "Source Serif 4"), "Iowan Old Style", Georgia, serif;
+  --font-mono-stack:
+    var(--font-mono-app, "JetBrains Mono"), ui-monospace, SFMono-Regular,
+    "Cascadia Code", monospace;
+}

package/dist/tokens/03-bridge.css

@@ -0,0 +1,75 @@
+/*
+ * The Tailwind bridge.
+ *
+ * `@theme inline` maps Tailwind's utility namespace onto the semantic tier, so
+ * `bg-primary` resolves to `var(--primary)`. `inline` matters: it makes Tailwind
+ * emit the reference rather than a second layer of indirection, which is what
+ * lets `.dark` overrides take effect at runtime.
+ *
+ * This block is the contract's public surface. Adding a name here without a
+ * corresponding semantic token produces a utility that resolves to nothing.
+ */
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+
+  /* Extension: a third brand role. shadcn's contract stops at secondary. */
+  --color-tertiary: var(--tertiary);
+  --color-tertiary-foreground: var(--tertiary-foreground);
+
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+
+  --color-destructive: var(--destructive);
+
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  /* Extensions, outside shadcn's contract. */
+  --color-positive: var(--positive);
+  --color-negative: var(--negative);
+
+  /* Radii, all derived from the single --radius primitive. */
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  --font-sans: var(--font-sans-stack);
+  --font-serif: var(--font-serif-stack);
+  --font-mono: var(--font-mono-stack);
+}

package/dist/tokens/index.css

@@ -0,0 +1,7 @@
+@import "./01-ramps.css";
+@import "./02-scales.css";
+@import "./palettes/base.css";
+@import "./palettes/gold.css";
+@import "./palettes/cyberpunk.css";
+@import "./palettes/minimal.css";
+@import "./03-bridge.css";

package/dist/tokens/palettes/base.css

@@ -0,0 +1,96 @@
+/* Base palette. shadcn contract verbatim, every value a reference into a ramp. */
+
+:root {
+  --background: var(--neutral-0);
+  --foreground: var(--neutral-950);
+  --card: var(--neutral-0);
+  --card-foreground: var(--neutral-950);
+  --popover: var(--neutral-0);
+  --popover-foreground: var(--neutral-950);
+  --primary: var(--neutral-900);
+  --primary-foreground: var(--neutral-50);
+  --secondary: var(--neutral-100);
+  --secondary-foreground: var(--neutral-900);
+  --tertiary: var(--neutral-200);
+  --tertiary-foreground: var(--neutral-900);
+  --muted: var(--neutral-100);
+  --muted-foreground: var(--neutral-500);
+  --accent: var(--neutral-100);
+  --accent-foreground: var(--neutral-900);
+  --destructive: var(--rose-600);
+  --border: var(--neutral-200);
+  --input: var(--neutral-200);
+  --ring: var(--neutral-400);
+  --chart-1: var(--neutral-300);
+  --chart-2: var(--neutral-500);
+  --chart-3: var(--neutral-600);
+  --chart-4: var(--neutral-700);
+  --chart-5: var(--neutral-800);
+  --sidebar: var(--neutral-50);
+  --sidebar-foreground: var(--neutral-950);
+  --sidebar-primary: var(--neutral-900);
+  --sidebar-primary-foreground: var(--neutral-50);
+  --sidebar-accent: var(--neutral-100);
+  --sidebar-accent-foreground: var(--neutral-900);
+  --sidebar-border: var(--neutral-200);
+  --sidebar-ring: var(--neutral-400);
+  --positive: var(--emerald-600);
+  --negative: var(--rose-600);
+
+  --motion-duration-fast: var(--duration-fast);
+  --motion-duration-base: var(--duration-base);
+  --motion-duration-slow: var(--duration-slow);
+  --motion-ease: var(--ease-standard);
+  --motion-ease-emphasized: var(--ease-emphasized);
+}
+
+.dark {
+  --background: var(--neutral-950);
+  --foreground: var(--neutral-50);
+  --card: var(--neutral-900);
+  --card-foreground: var(--neutral-50);
+  --popover: var(--neutral-900);
+  --popover-foreground: var(--neutral-50);
+  --primary: var(--neutral-200);
+  --primary-foreground: var(--neutral-900);
+  --secondary: var(--neutral-800);
+  --secondary-foreground: var(--neutral-50);
+  --tertiary: var(--neutral-700);
+  --tertiary-foreground: var(--neutral-50);
+  --muted: var(--neutral-800);
+  --muted-foreground: var(--neutral-400);
+  --accent: var(--neutral-800);
+  --accent-foreground: var(--neutral-50);
+  --destructive: var(--rose-400);
+  --border: var(--overlay-white-10);
+  --input: var(--overlay-white-15);
+  --ring: var(--neutral-500);
+  --chart-1: var(--neutral-300);
+  --chart-2: var(--neutral-500);
+  --chart-3: var(--neutral-600);
+  --chart-4: var(--neutral-700);
+  --chart-5: var(--neutral-800);
+  --sidebar: var(--neutral-900);
+  --sidebar-foreground: var(--neutral-50);
+  --sidebar-primary: var(--neutral-200);
+  --sidebar-primary-foreground: var(--neutral-900);
+  --sidebar-accent: var(--neutral-800);
+  --sidebar-accent-foreground: var(--neutral-50);
+  --sidebar-border: var(--overlay-white-10);
+  --sidebar-ring: var(--neutral-500);
+  --positive: var(--emerald-400);
+  --negative: var(--rose-400);
+}
+
+/*
+ * Reduced motion is a token-layer concern, not a per-component one. Durations
+ * collapse to zero so the user lands on the final state instantly. The
+ * animation is not disabled, because disabling it hides the outcome.
+ */
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --motion-duration-fast: var(--duration-instant);
+    --motion-duration-base: var(--duration-instant);
+    --motion-duration-slow: var(--duration-instant);
+  }
+}