create-principles-disciple 1.82.0 → 1.83.0

package/console/dist/ui/components/theme-provider.js

@@ -1,24 +1,29 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 const initialState = {
-    theme: "system",
+    theme: "light",
     setTheme: () => { },
 };
 const ThemeProviderContext = React.createContext(initialState);
-export function ThemeProvider({ children, defaultTheme = "system", storageKey = "pd-theme", }) {
+export function ThemeProvider({ children, defaultTheme, storageKey = "pd-theme", }) {
     const [theme, setThemeState] = React.useState(() => {
         if (typeof window !== "undefined") {
             const stored = localStorage.getItem(storageKey);
-            return stored || defaultTheme;
+            if (stored === "light" || stored === "dark") {
+                return stored;
+            }
+            if (defaultTheme) {
+                return defaultTheme;
+            }
+            return window.matchMedia("(prefers-color-scheme: dark)").matches
+                ? "dark"
+                : "light";
         }
-        return defaultTheme;
+        return defaultTheme ?? "light";
     });
     React.useEffect(() => {
         const root = window.document.documentElement;
-        const isDark = theme === "dark" ||
-            (theme === "system" &&
-                window.matchMedia("(prefers-color-scheme: dark)").matches);
-        root.classList.toggle("dark", isDark);
+        root.setAttribute("data-theme", theme);
         localStorage.setItem(storageKey, theme);
     }, [theme, storageKey]);
     const setTheme = (newTheme) => {

package/console/dist/ui/components/theme-toggle.js

@@ -1,30 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
 import { Sun, Moon } from "lucide-react";
 import { Button } from "./ui/button.js";
 import { useTheme } from "./theme-provider.js";
 export function ThemeToggle() {
     const { theme, setTheme } = useTheme();
-    const [systemDark, setSystemDark] = React.useState(false);
-    React.useEffect(() => {
-        const mq = window.matchMedia("(prefers-color-scheme: dark)");
-        setSystemDark(mq.matches);
-        const handler = (e) => setSystemDark(e.matches);
-        mq.addEventListener("change", handler);
-        return () => mq.removeEventListener("change", handler);
-    }, []);
-    const isDark = theme === "dark" ||
-        (theme === "system" && systemDark);
     const toggleTheme = () => {
-        if (theme === "light") {
-            setTheme("dark");
-        }
-        else if (theme === "dark") {
-            setTheme("light");
-        }
-        else {
-            setTheme(isDark ? "light" : "dark");
-        }
+        setTheme(theme === "dark" ? "light" : "dark");
     };
-    return (_jsx(Button, { variant: "ghost", size: "icon", onClick: toggleTheme, className: "transition-transform duration-300 hover:rotate-180 motion-reduce:transition-none motion-reduce:hover:rotate-0", title: isDark ? "Switch to light mode" : "Switch to dark mode", "aria-label": isDark ? "Switch to light mode" : "Switch to dark mode", children: isDark ? (_jsx(Sun, { className: "h-5 w-5" })) : (_jsx(Moon, { className: "h-5 w-5" })) }));
+    return (_jsx(Button, { variant: "ghost", size: "icon", onClick: toggleTheme, className: "transition-transform duration-300 hover:rotate-180 motion-reduce:transition-none motion-reduce:hover:rotate-0", title: theme === "dark" ? "Switch to light mode" : "Switch to dark mode", "aria-label": theme === "dark" ? "Switch to light mode" : "Switch to dark mode", children: theme === "dark" ? (_jsx(Sun, { className: "h-5 w-5" })) : (_jsx(Moon, { className: "h-5 w-5" })) }));
 }

package/console/dist/ui/components/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+    variant?: "default" | "secondary" | "destructive" | "outline" | "amber" | "green" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
 }

package/console/dist/ui/components/ui/badge.js

@@ -1,13 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cva } from "class-variance-authority";
 import { cn } from "../../../lib/utils.js";
-const badgeVariants = cva("inline-flex items-center rounded-full px-3 py-1 text-xs font-medium transition-colors", {
+const badgeVariants = cva("inline-flex items-center rounded-[2px] px-2 py-0.5 font-mono text-[11px] tracking-[0.02em] font-medium transition-colors", {
     variants: {
         variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary/80",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/80",
-            outline: "border border-input text-foreground",
+            default: "bg-gov/10 text-gov",
+            secondary: "bg-surface text-ink-3 border border-line",
+            destructive: "bg-danger/10 text-danger",
+            outline: "border border-line text-ink-3",
+            amber: "bg-amber/10 text-amber",
+            green: "bg-green/10 text-green",
         },
     },
     defaultVariants: {

package/console/dist/ui/components/ui/button.d.ts

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    variant?: "default" | "link" | "secondary" | "destructive" | "outline" | "ghost" | "quiet" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;

package/console/dist/ui/components/ui/button.js

@@ -3,21 +3,22 @@ import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "../../../lib/utils.js";
-const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", {
+const buttonVariants = cva("inline-flex items-center justify-center whitespace-nowrap rounded-[var(--radius-sm)] text-[12.5px] font-medium transition-[border-color,background,color] duration-150 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-gov disabled:pointer-events-none disabled:opacity-50", {
     variants: {
         variant: {
-            default: "bg-primary text-primary-foreground hover:bg-primary/90",
-            destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-            outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-            secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground",
-            link: "text-primary underline-offset-4 hover:underline",
+            default: "bg-gov text-paper hover:bg-gov-2",
+            destructive: "border border-danger/50 text-danger hover:bg-danger/10",
+            outline: "border border-line bg-surface text-ink hover:border-line-2",
+            secondary: "bg-surface text-ink-2 hover:bg-paper-2",
+            ghost: "border border-gov/30 bg-transparent text-gov hover:bg-gov/5",
+            quiet: "bg-transparent text-ink-3 hover:text-ink",
+            link: "text-gov underline-offset-4 hover:underline",
         },
         size: {
-            default: "h-10 px-4 py-2",
-            sm: "h-9 rounded-md px-3",
-            lg: "h-11 rounded-md px-8",
-            icon: "h-10 w-10",
+            default: "h-8 px-[14px] py-1.5",
+            sm: "h-7 px-3 text-[11px]",
+            lg: "h-9 px-5",
+            icon: "h-8 w-8",
         },
     },
     defaultVariants: {

package/console/dist/ui/components/ui/card.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../../lib/utils.js";
-const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-lg border border-border bg-card text-card-foreground shadow-sm", className), ...props })));
+const Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-[var(--radius-md)] border border-line bg-surface text-ink shadow-card transition-[border-color,box-shadow] duration-150 hover:border-line-2 hover:shadow-[0_24px_56px_rgba(31,41,51,.12)]", className), ...props })));
 Card.displayName = "Card";
-const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col gap-1.5 p-6", className), ...props })));
+const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col gap-1.5 p-5", className), ...props })));
 CardHeader.displayName = "CardHeader";
-const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
+const CardTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx("h3", { ref: ref, className: cn("text-[17px] font-semibold leading-snug tracking-tight", className), ...props })));
 CardTitle.displayName = "CardTitle";
-const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-sm text-muted-foreground", className), ...props })));
+const CardDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx("p", { ref: ref, className: cn("text-sm text-ink-3", className), ...props })));
 CardDescription.displayName = "CardDescription";
-const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-6 pt-0", className), ...props })));
+const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("p-5 pt-0", className), ...props })));
 CardContent.displayName = "CardContent";
-const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
+const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-5 pt-0", className), ...props })));
 CardFooter.displayName = "CardFooter";
 export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };

package/console/dist/ui/components/ui/sheet.d.ts

@@ -7,7 +7,7 @@ declare const SheetClose: React.ForwardRefExoticComponent<SheetPrimitive.DialogC
 declare const SheetPortal: React.FC<SheetPrimitive.DialogPortalProps>;
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>, VariantProps<typeof sheetVariants> {
 }