@pathscale/ui 0.0.120 → 0.0.122

package/dist/components/language-switcher/LanguageSwitcher.d.ts

@@ -0,0 +1,31 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { I18nStore } from "./createI18n";
+export interface LanguageSwitcherProps extends IComponentBaseProps {
+    /**
+     * The i18n store to use for language state
+     */
+    i18n: I18nStore;
+    /**
+     * ARIA label for the dropdown
+     */
+    "aria-label"?: string;
+    /**
+     * ARIA label for current language (for screen readers)
+     */
+    currentLanguageLabel?: string;
+    /**
+     * ARIA label for language options menu
+     */
+    optionsLabel?: string;
+    /**
+     * ARIA label shown while loading
+     */
+    loadingLabel?: string;
+    /**
+     * Callback when language changes
+     */
+    onLanguageChange?: (lang: string) => void;
+}
+declare const LanguageSwitcher: Component<LanguageSwitcherProps>;
+export default LanguageSwitcher;

package/dist/components/language-switcher/createI18n.d.ts

@@ -0,0 +1,102 @@
+import { type JSX, type FlowComponent } from "solid-js";
+export interface Language {
+    code: string;
+    name: string;
+}
+export interface I18nOptions {
+    /**
+     * List of supported languages
+     */
+    languages: Language[];
+    /**
+     * Default language code
+     * @default first language in the list
+     */
+    defaultLanguage?: string;
+    /**
+     * Storage key for persisting locale
+     */
+    storageKey: string;
+    /**
+     * Function to load translations for a locale
+     * Should return a record of translation keys to values
+     */
+    loadTranslations?: (locale: string) => Promise<Record<string, unknown>>;
+    /**
+     * Initial translations (for default language)
+     */
+    initialTranslations?: Record<string, unknown>;
+}
+export interface I18nStore {
+    /**
+     * Current locale code (getter, reactive)
+     */
+    readonly locale: string;
+    /**
+     * Whether translations are currently loading (getter, reactive)
+     */
+    readonly isLoading: boolean;
+    /**
+     * Translation function
+     */
+    t: (key: string) => string;
+    /**
+     * Set the current locale
+     */
+    setLocale: (lang: string) => Promise<void>;
+    /**
+     * Initialize the store (detect language from URL, storage, browser)
+     */
+    init: () => Promise<void>;
+    /**
+     * Available languages
+     */
+    readonly languages: Language[];
+    /**
+     * Language names map for quick lookup
+     */
+    readonly languageNames: Record<string, string>;
+    /**
+     * Supported language codes
+     */
+    readonly supportedCodes: string[];
+}
+/**
+ * Creates an i18n store with configurable options.
+ * API matches nofilter.io's i18nStore for easy migration.
+ *
+ * @example
+ * ```tsx
+ * // Create the store
+ * const i18n = createI18n({
+ *   languages: [
+ *     { code: "en", name: "English" },
+ *     { code: "es", name: "Español" },
+ *   ],
+ *   storageKey: "myapp_locale",
+ *   initialTranslations: enTranslations,
+ *   loadTranslations: (locale) => fetch(`/locales/${locale}.json`).then(r => r.json()),
+ * });
+ *
+ * // Use in components
+ * <p>{i18n.t("greeting")}</p>
+ * <p>Current: {i18n.locale}</p>
+ *
+ * // Initialize on app mount
+ * onMount(() => i18n.init());
+ * ```
+ */
+export declare function createI18n(options: I18nOptions): I18nStore;
+export interface I18nContextValue {
+    i18n: I18nStore;
+}
+export declare const I18nContext: import("solid-js").Context<I18nContextValue | undefined>;
+export declare function useI18n(): I18nStore;
+export interface I18nProviderProps {
+    i18n: I18nStore;
+    children: JSX.Element;
+}
+/**
+ * Provider component for i18n context
+ */
+export declare const I18nProvider: FlowComponent<I18nProviderProps>;

package/dist/components/language-switcher/index.d.ts

@@ -0,0 +1,3 @@
+export { default as LanguageSwitcher } from "./LanguageSwitcher";
+export type { LanguageSwitcherProps } from "./LanguageSwitcher";
+export { createI18n, I18nProvider, I18nContext, useI18n, type I18nStore, type I18nOptions, type I18nContextValue, type I18nProviderProps, type Language, } from "./createI18n";

package/dist/components/live-chat/LiveChatBubble.d.ts

@@ -0,0 +1,38 @@
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { LiveChatPanelProps } from "./LiveChatPanel";
+export interface LiveChatBubbleProps extends IComponentBaseProps {
+    /**
+     * Position of the chat bubble
+     * @default "bottom-right"
+     */
+    position?: "bottom-right" | "bottom-left";
+    /**
+     * ARIA label for the button
+     * @default "Open chat"
+     */
+    "aria-label"?: string;
+    /**
+     * Number of unread messages to show in badge
+     * @default 0
+     */
+    unreadCount?: number;
+    /**
+     * Props to pass to the LiveChatPanel when opened
+     */
+    panelProps?: Omit<LiveChatPanelProps, "onClose">;
+    /**
+     * Callback when chat is opened
+     */
+    onOpen?: () => void;
+    /**
+     * Callback when chat is closed
+     */
+    onClose?: () => void;
+    /**
+     * Custom children to render inside the button (replaces default icons)
+     */
+    children?: JSX.Element;
+}
+declare const LiveChatBubble: Component<LiveChatBubbleProps>;
+export default LiveChatBubble;

package/dist/components/live-chat/LiveChatPanel.d.ts

@@ -0,0 +1,54 @@
+import { type Component } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+import type { ChatMessage, SendMessagePayload, SendMessageResponse } from "./types";
+export interface LiveChatPanelProps extends IComponentBaseProps {
+    /**
+     * Callback when the panel close button is clicked
+     */
+    onClose: () => void;
+    /**
+     * Title shown in the header
+     * @default "Chat with us"
+     */
+    title?: string;
+    /**
+     * Placeholder text for the input field
+     * @default "Message support..."
+     */
+    placeholder?: string;
+    /**
+     * Label for the close button (for accessibility)
+     * @default "Close chat"
+     */
+    closeLabel?: string;
+    /**
+     * Label for the send button
+     * @default "Send"
+     */
+    sendLabel?: string;
+    /**
+     * Empty state message when there are no messages
+     * @default "No messages yet. Start a conversation!"
+     */
+    emptyMessage?: string;
+    /**
+     * Enable mock mode with demo messages
+     * @default false
+     */
+    mockMode?: boolean;
+    /**
+     * Initial messages to display (only used if mockMode is false)
+     */
+    messages?: ChatMessage[];
+    /**
+     * Callback when a message is sent
+     * Should return the message ID and timestamp from the server
+     */
+    onSendMessage?: (payload: SendMessagePayload) => Promise<SendMessageResponse>;
+    /**
+     * Whether a message is currently being sent
+     */
+    isSending?: boolean;
+}
+declare const LiveChatPanel: Component<LiveChatPanelProps>;
+export default LiveChatPanel;

package/dist/components/live-chat/index.d.ts

@@ -0,0 +1,5 @@
+export { default as LiveChatBubble } from "./LiveChatBubble";
+export type { LiveChatBubbleProps } from "./LiveChatBubble";
+export { default as LiveChatPanel } from "./LiveChatPanel";
+export type { LiveChatPanelProps } from "./LiveChatPanel";
+export type { ChatMessage, SendMessagePayload, SendMessageResponse } from "./types";

package/dist/components/live-chat/types.d.ts

@@ -0,0 +1,13 @@
+export interface ChatMessage {
+    messageId: string;
+    content: string;
+    sender: "user" | "agent";
+    timestamp: number;
+}
+export interface SendMessagePayload {
+    message: string;
+}
+export interface SendMessageResponse {
+    messageId: string;
+    timestamp: number;
+}

package/dist/components/theme-color-picker/ThemeColorPicker.d.ts

@@ -0,0 +1,23 @@
+import { type Component, type JSX } from "solid-js";
+import type { IComponentBaseProps } from "../types";
+export interface ThemeColorPickerProps extends IComponentBaseProps {
+    /**
+     * Prefix for localStorage keys (e.g., "myapp" becomes "myapp_hue_shift")
+     * @default "theme"
+     */
+    storagePrefix?: string;
+    /**
+     * Callback when color changes
+     */
+    onColorChange?: (hue: number | null, saturation: number) => void;
+    /**
+     * ARIA label for the button
+     */
+    "aria-label"?: string;
+    /**
+     * Custom button content (defaults to palette icon)
+     */
+    children?: JSX.Element;
+}
+declare const ThemeColorPicker: Component<ThemeColorPickerProps>;
+export default ThemeColorPicker;

package/dist/components/theme-color-picker/hueShift.d.ts

@@ -0,0 +1,14 @@
+declare function resetHueShift(): void;
+export interface HueShiftStore {
+    hueShift: () => number | null;
+    hueSaturation: () => number;
+    setHueShift: (hue: number | null, saturation?: number) => void;
+    isAvailable: () => boolean;
+}
+/**
+ * Creates a hue shift store with configurable storage prefix.
+ * @param storagePrefix - Prefix for localStorage keys (e.g., "myapp" becomes "myapp_hue_shift")
+ */
+export declare function createHueShiftStore(storagePrefix: string): HueShiftStore;
+export declare function getDefaultHueShiftStore(): HueShiftStore;
+export { resetHueShift };

package/dist/components/theme-color-picker/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ThemeColorPicker } from "./ThemeColorPicker";
+export type { ThemeColorPickerProps } from "./ThemeColorPicker";
+export { createHueShiftStore, getDefaultHueShiftStore, resetHueShift, type HueShiftStore, } from "./hueShift";

package/dist/index.d.ts

@@ -47,7 +47,11 @@ export { default as Input } from "./components/input";
 export { default as Join } from "./components/join";
 export { default as Kbd } from "./components/kbd";
 export { default as Link } from "./components/link";
+export { LiveChatBubble, LiveChatPanel, } from "./components/live-chat";
+export type { LiveChatBubbleProps, LiveChatPanelProps, ChatMessage, SendMessagePayload, SendMessageResponse, } from "./components/live-chat";
 export { default as Loading } from "./components/loading";
+export { LanguageSwitcher, createI18n, I18nProvider, I18nContext, useI18n, } from "./components/language-switcher";
+export type { LanguageSwitcherProps, I18nStore, I18nOptions, I18nContextValue, I18nProviderProps, Language, } from "./components/language-switcher";
 export { default as Mask } from "./components/mask";
 export { Menu } from "./components/menu";
 export { default as Modal } from "./components/modal";
@@ -88,6 +92,8 @@ export type { StreamingTableStore } from "./components/streaming-table";
 export { default as Tabs } from "./components/tabs";
 export type { RadioTabProps, TabProps, TabsProps } from "./components/tabs";
 export { default as Textarea } from "./components/textarea";
+export { ThemeColorPicker, createHueShiftStore, getDefaultHueShiftStore, resetHueShift, } from "./components/theme-color-picker";
+export type { ThemeColorPickerProps, HueShiftStore, } from "./components/theme-color-picker";
 export { Timeline, TimelineEnd, TimelineItem, TimelineMiddle, TimelineStart, } from "./components/timeline";
 export { default as Toast } from "./components/toast";
 export { ToastContainer, ToastStack } from "./components/toastcontainer";