@townco/ui 0.1.0 → 0.1.3

package/dist/core/hooks/use-media-query.js

@@ -19,62 +19,62 @@ import { useEffect, useState } from "react";
  * ```
  */
 export function useMediaQuery(query) {
-    const [matches, setMatches] = useState(() => {
-        // SSR-safe: return false on server, check on client
-        if (typeof window === "undefined") {
-            return false;
-        }
-        return window.matchMedia(query).matches;
-    });
-    useEffect(() => {
-        // SSR guard
-        if (typeof window === "undefined") {
-            return;
-        }
-        const mediaQueryList = window.matchMedia(query);
-        // Update state if query evaluation changes
-        const handleChange = (event) => {
-            setMatches(event.matches);
-        };
-        // Set initial value
-        setMatches(mediaQueryList.matches);
-        // Listen for changes
-        mediaQueryList.addEventListener("change", handleChange);
-        // Cleanup
-        return () => {
-            mediaQueryList.removeEventListener("change", handleChange);
-        };
-    }, [query]);
-    return matches;
+	const [matches, setMatches] = useState(() => {
+		// SSR-safe: return false on server, check on client
+		if (typeof window === "undefined") {
+			return false;
+		}
+		return window.matchMedia(query).matches;
+	});
+	useEffect(() => {
+		// SSR guard
+		if (typeof window === "undefined") {
+			return;
+		}
+		const mediaQueryList = window.matchMedia(query);
+		// Update state if query evaluation changes
+		const handleChange = (event) => {
+			setMatches(event.matches);
+		};
+		// Set initial value
+		setMatches(mediaQueryList.matches);
+		// Listen for changes
+		mediaQueryList.addEventListener("change", handleChange);
+		// Cleanup
+		return () => {
+			mediaQueryList.removeEventListener("change", handleChange);
+		};
+	}, [query]);
+	return matches;
 }
 /**
  * Common breakpoint presets for convenience
  */
 export const breakpoints = {
-    sm: "(min-width: 640px)",
-    md: "(min-width: 768px)",
-    lg: "(min-width: 1024px)",
-    xl: "(min-width: 1280px)",
-    "2xl": "(min-width: 1536px)",
+	sm: "(min-width: 640px)",
+	md: "(min-width: 768px)",
+	lg: "(min-width: 1024px)",
+	xl: "(min-width: 1280px)",
+	"2xl": "(min-width: 1536px)",
 };
 /**
  * Convenience hooks for common breakpoints
  */
 export function useIsSmallScreen() {
-    return useMediaQuery("(max-width: 639px)");
+	return useMediaQuery("(max-width: 639px)");
 }
 export function useIsMediumScreen() {
-    return useMediaQuery(breakpoints.md);
+	return useMediaQuery(breakpoints.md);
 }
 export function useIsLargeScreen() {
-    return useMediaQuery(breakpoints.lg);
+	return useMediaQuery(breakpoints.lg);
 }
 export function useIsDesktop() {
-    return useMediaQuery(breakpoints.lg);
+	return useMediaQuery(breakpoints.lg);
 }
 export function useIsMobile() {
-    return useMediaQuery("(max-width: 767px)");
+	return useMediaQuery("(max-width: 767px)");
 }
 export function useIsTablet() {
-    return useMediaQuery("(min-width: 768px) and (max-width: 1023px)");
+	return useMediaQuery("(min-width: 768px) and (max-width: 1023px)");
 }

package/dist/core/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @townco/ui/core
+ * @town/ui/core
  *
  * Headless UI components for chat
  * Contains business logic, state management, and hooks

package/dist/core/index.js

@@ -1,5 +1,5 @@
 /**
- * @townco/ui/core
+ * @town/ui/core
  *
  * Headless UI components for chat
  * Contains business logic, state management, and hooks

package/dist/core/schemas/chat.d.ts

@@ -5,74 +5,101 @@ import { z } from "zod";
 /**
  * Display message schema (UI representation of messages)
  */
-export declare const DisplayMessage: z.ZodObject<{
-    id: z.ZodString;
-    role: z.ZodEnum<{
-        user: "user";
-        assistant: "assistant";
-        system: "system";
-    }>;
-    content: z.ZodString;
-    timestamp: z.ZodISODateTime;
-    isStreaming: z.ZodDefault<z.ZodBoolean>;
-    streamingStartTime: z.ZodOptional<z.ZodNumber>;
-    metadata: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-}, z.core.$strip>;
+export declare const DisplayMessage: z.ZodObject<
+	{
+		id: z.ZodString;
+		role: z.ZodEnum<{
+			user: "user";
+			assistant: "assistant";
+			system: "system";
+		}>;
+		content: z.ZodString;
+		timestamp: z.ZodISODateTime;
+		isStreaming: z.ZodDefault<z.ZodBoolean>;
+		streamingStartTime: z.ZodOptional<z.ZodNumber>;
+		metadata: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+	},
+	z.core.$strip
+>;
 export type DisplayMessage = z.infer<typeof DisplayMessage>;
 /**
  * Input state schema
  */
-export declare const InputState: z.ZodObject<{
-    value: z.ZodString;
-    isSubmitting: z.ZodBoolean;
-    attachedFiles: z.ZodArray<z.ZodObject<{
-        name: z.ZodString;
-        path: z.ZodString;
-        size: z.ZodNumber;
-        mimeType: z.ZodString;
-    }, z.core.$strip>>;
-}, z.core.$strip>;
+export declare const InputState: z.ZodObject<
+	{
+		value: z.ZodString;
+		isSubmitting: z.ZodBoolean;
+		attachedFiles: z.ZodArray<
+			z.ZodObject<
+				{
+					name: z.ZodString;
+					path: z.ZodString;
+					size: z.ZodNumber;
+					mimeType: z.ZodString;
+				},
+				z.core.$strip
+			>
+		>;
+	},
+	z.core.$strip
+>;
 export type InputState = z.infer<typeof InputState>;
 /**
  * Chat session UI state
  */
-export declare const ChatSessionState: z.ZodObject<{
-    sessionId: z.ZodNullable<z.ZodString>;
-    isConnected: z.ZodBoolean;
-    isStreaming: z.ZodBoolean;
-    messages: z.ZodArray<z.ZodObject<{
-        id: z.ZodString;
-        role: z.ZodEnum<{
-            user: "user";
-            assistant: "assistant";
-            system: "system";
-        }>;
-        content: z.ZodString;
-        timestamp: z.ZodISODateTime;
-        isStreaming: z.ZodDefault<z.ZodBoolean>;
-        streamingStartTime: z.ZodOptional<z.ZodNumber>;
-        metadata: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
-    }, z.core.$strip>>;
-    input: z.ZodObject<{
-        value: z.ZodString;
-        isSubmitting: z.ZodBoolean;
-        attachedFiles: z.ZodArray<z.ZodObject<{
-            name: z.ZodString;
-            path: z.ZodString;
-            size: z.ZodNumber;
-            mimeType: z.ZodString;
-        }, z.core.$strip>>;
-    }, z.core.$strip>;
-    error: z.ZodNullable<z.ZodString>;
-}, z.core.$strip>;
+export declare const ChatSessionState: z.ZodObject<
+	{
+		sessionId: z.ZodNullable<z.ZodString>;
+		isConnected: z.ZodBoolean;
+		isStreaming: z.ZodBoolean;
+		messages: z.ZodArray<
+			z.ZodObject<
+				{
+					id: z.ZodString;
+					role: z.ZodEnum<{
+						user: "user";
+						assistant: "assistant";
+						system: "system";
+					}>;
+					content: z.ZodString;
+					timestamp: z.ZodISODateTime;
+					isStreaming: z.ZodDefault<z.ZodBoolean>;
+					streamingStartTime: z.ZodOptional<z.ZodNumber>;
+					metadata: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodUnknown>>;
+				},
+				z.core.$strip
+			>
+		>;
+		input: z.ZodObject<
+			{
+				value: z.ZodString;
+				isSubmitting: z.ZodBoolean;
+				attachedFiles: z.ZodArray<
+					z.ZodObject<
+						{
+							name: z.ZodString;
+							path: z.ZodString;
+							size: z.ZodNumber;
+							mimeType: z.ZodString;
+						},
+						z.core.$strip
+					>
+				>;
+			},
+			z.core.$strip
+		>;
+		error: z.ZodNullable<z.ZodString>;
+	},
+	z.core.$strip
+>;
 export type ChatSessionState = z.infer<typeof ChatSessionState>;
 /**
  * Connection status
  */
 export declare const ConnectionStatus: z.ZodEnum<{
-    error: "error";
-    disconnected: "disconnected";
-    connecting: "connecting";
-    connected: "connected";
+	error: "error";
+	disconnected: "disconnected";
+	connecting: "connecting";
+	connected: "connected";
 }>;
 export type ConnectionStatus = z.infer<typeof ConnectionStatus>;

package/dist/core/schemas/chat.js

@@ -6,44 +6,46 @@ import { z } from "zod";
  * Display message schema (UI representation of messages)
  */
 export const DisplayMessage = z.object({
-    id: z.string(),
-    role: z.enum(["user", "assistant", "system"]),
-    content: z.string(),
-    timestamp: z.iso.datetime(),
-    isStreaming: z.boolean().default(false),
-    streamingStartTime: z.number().optional(), // Unix timestamp when streaming started
-    metadata: z.record(z.string(), z.unknown()).optional(),
+	id: z.string(),
+	role: z.enum(["user", "assistant", "system"]),
+	content: z.string(),
+	timestamp: z.iso.datetime(),
+	isStreaming: z.boolean().default(false),
+	streamingStartTime: z.number().optional(), // Unix timestamp when streaming started
+	metadata: z.record(z.string(), z.unknown()).optional(),
 });
 /**
  * Input state schema
  */
 export const InputState = z.object({
-    value: z.string(),
-    isSubmitting: z.boolean(),
-    attachedFiles: z.array(z.object({
-        name: z.string(),
-        path: z.string(),
-        size: z.number(),
-        mimeType: z.string(),
-    })),
+	value: z.string(),
+	isSubmitting: z.boolean(),
+	attachedFiles: z.array(
+		z.object({
+			name: z.string(),
+			path: z.string(),
+			size: z.number(),
+			mimeType: z.string(),
+		}),
+	),
 });
 /**
  * Chat session UI state
  */
 export const ChatSessionState = z.object({
-    sessionId: z.string().nullable(),
-    isConnected: z.boolean(),
-    isStreaming: z.boolean(),
-    messages: z.array(DisplayMessage),
-    input: InputState,
-    error: z.string().nullable(),
+	sessionId: z.string().nullable(),
+	isConnected: z.boolean(),
+	isStreaming: z.boolean(),
+	messages: z.array(DisplayMessage),
+	input: InputState,
+	error: z.string().nullable(),
 });
 /**
  * Connection status
  */
 export const ConnectionStatus = z.enum([
-    "disconnected",
-    "connecting",
-    "connected",
-    "error",
+	"disconnected",
+	"connecting",
+	"connected",
+	"error",
 ]);

package/dist/core/store/chat-store.d.ts

@@ -1,30 +1,36 @@
-import type { ConnectionStatus, DisplayMessage, InputState } from "../schemas/index.js";
+import type {
+	ConnectionStatus,
+	DisplayMessage,
+	InputState,
+} from "../schemas/index.js";
 /**
  * Chat store state
  */
 export interface ChatStore {
-    connectionStatus: ConnectionStatus;
-    sessionId: string | null;
-    error: string | null;
-    messages: DisplayMessage[];
-    isStreaming: boolean;
-    streamingStartTime: number | null;
-    input: InputState;
-    setConnectionStatus: (status: ConnectionStatus) => void;
-    setSessionId: (id: string | null) => void;
-    setError: (error: string | null) => void;
-    addMessage: (message: DisplayMessage) => void;
-    updateMessage: (id: string, updates: Partial<DisplayMessage>) => void;
-    clearMessages: () => void;
-    setIsStreaming: (streaming: boolean) => void;
-    setStreamingStartTime: (time: number | null) => void;
-    setInputValue: (value: string) => void;
-    setInputSubmitting: (submitting: boolean) => void;
-    addFileAttachment: (file: InputState["attachedFiles"][number]) => void;
-    removeFileAttachment: (index: number) => void;
-    clearInput: () => void;
+	connectionStatus: ConnectionStatus;
+	sessionId: string | null;
+	error: string | null;
+	messages: DisplayMessage[];
+	isStreaming: boolean;
+	streamingStartTime: number | null;
+	input: InputState;
+	setConnectionStatus: (status: ConnectionStatus) => void;
+	setSessionId: (id: string | null) => void;
+	setError: (error: string | null) => void;
+	addMessage: (message: DisplayMessage) => void;
+	updateMessage: (id: string, updates: Partial<DisplayMessage>) => void;
+	clearMessages: () => void;
+	setIsStreaming: (streaming: boolean) => void;
+	setStreamingStartTime: (time: number | null) => void;
+	setInputValue: (value: string) => void;
+	setInputSubmitting: (submitting: boolean) => void;
+	addFileAttachment: (file: InputState["attachedFiles"][number]) => void;
+	removeFileAttachment: (index: number) => void;
+	clearInput: () => void;
 }
 /**
  * Create chat store
  */
-export declare const useChatStore: import("zustand").UseBoundStore<import("zustand").StoreApi<ChatStore>>;
+export declare const useChatStore: import("zustand").UseBoundStore<
+	import("zustand").StoreApi<ChatStore>
+>;

package/dist/core/store/chat-store.js

@@ -3,54 +3,63 @@ import { create } from "zustand";
  * Create chat store
  */
 export const useChatStore = create((set) => ({
-    // Initial state
-    connectionStatus: "disconnected",
-    sessionId: null,
-    error: null,
-    messages: [],
-    isStreaming: false,
-    streamingStartTime: null,
-    input: {
-        value: "",
-        isSubmitting: false,
-        attachedFiles: [],
-    },
-    // Actions
-    setConnectionStatus: (status) => set({ connectionStatus: status }),
-    setSessionId: (id) => set({ sessionId: id }),
-    setError: (error) => set({ error }),
-    addMessage: (message) => set((state) => ({
-        messages: [...state.messages, message],
-    })),
-    updateMessage: (id, updates) => set((state) => ({
-        messages: state.messages.map((msg) => msg.id === id ? { ...msg, ...updates } : msg),
-    })),
-    clearMessages: () => set({ messages: [] }),
-    setIsStreaming: (streaming) => set({ isStreaming: streaming }),
-    setStreamingStartTime: (time) => set({ streamingStartTime: time }),
-    setInputValue: (value) => set((state) => ({
-        input: { ...state.input, value },
-    })),
-    setInputSubmitting: (submitting) => set((state) => ({
-        input: { ...state.input, isSubmitting: submitting },
-    })),
-    addFileAttachment: (file) => set((state) => ({
-        input: {
-            ...state.input,
-            attachedFiles: [...state.input.attachedFiles, file],
-        },
-    })),
-    removeFileAttachment: (index) => set((state) => ({
-        input: {
-            ...state.input,
-            attachedFiles: state.input.attachedFiles.filter((_, i) => i !== index),
-        },
-    })),
-    clearInput: () => set((_state) => ({
-        input: {
-            value: "",
-            isSubmitting: false,
-            attachedFiles: [],
-        },
-    })),
+	// Initial state
+	connectionStatus: "disconnected",
+	sessionId: null,
+	error: null,
+	messages: [],
+	isStreaming: false,
+	streamingStartTime: null,
+	input: {
+		value: "",
+		isSubmitting: false,
+		attachedFiles: [],
+	},
+	// Actions
+	setConnectionStatus: (status) => set({ connectionStatus: status }),
+	setSessionId: (id) => set({ sessionId: id }),
+	setError: (error) => set({ error }),
+	addMessage: (message) =>
+		set((state) => ({
+			messages: [...state.messages, message],
+		})),
+	updateMessage: (id, updates) =>
+		set((state) => ({
+			messages: state.messages.map((msg) =>
+				msg.id === id ? { ...msg, ...updates } : msg,
+			),
+		})),
+	clearMessages: () => set({ messages: [] }),
+	setIsStreaming: (streaming) => set({ isStreaming: streaming }),
+	setStreamingStartTime: (time) => set({ streamingStartTime: time }),
+	setInputValue: (value) =>
+		set((state) => ({
+			input: { ...state.input, value },
+		})),
+	setInputSubmitting: (submitting) =>
+		set((state) => ({
+			input: { ...state.input, isSubmitting: submitting },
+		})),
+	addFileAttachment: (file) =>
+		set((state) => ({
+			input: {
+				...state.input,
+				attachedFiles: [...state.input.attachedFiles, file],
+			},
+		})),
+	removeFileAttachment: (index) =>
+		set((state) => ({
+			input: {
+				...state.input,
+				attachedFiles: state.input.attachedFiles.filter((_, i) => i !== index),
+			},
+		})),
+	clearInput: () =>
+		set((_state) => ({
+			input: {
+				value: "",
+				isSubmitting: false,
+				attachedFiles: [],
+			},
+		})),
 }));

package/dist/gui/components/Button.d.ts

@@ -1,11 +1,27 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | 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;
+declare const buttonVariants: (
+	props?:
+		| ({
+				variant?:
+					| "default"
+					| "destructive"
+					| "outline"
+					| "secondary"
+					| "ghost"
+					| "link"
+					| 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;
 }
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<
+	ButtonProps & React.RefAttributes<HTMLButtonElement>
+>;
 export { Button, buttonVariants };

package/dist/gui/components/Button.js

@@ -1,33 +1,46 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import * as React from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../lib/utils.js";
-const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
-    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",
-        },
-        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",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
-});
+
+const buttonVariants = cva(
+	"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background 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 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+	{
+		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",
+			},
+			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",
+			},
+		},
+		defaultVariants: {
+			variant: "default",
+			size: "default",
+		},
+	},
+);
+const Button = React.forwardRef(
+	({ className, variant, size, asChild = false, ...props }, ref) => {
+		const Comp = asChild ? Slot : "button";
+		return _jsx(Comp, {
+			className: cn(buttonVariants({ variant, size, className })),
+			ref: ref,
+			...props,
+		});
+	},
+);
 Button.displayName = "Button";
 export { Button, buttonVariants };