@ultrst-armada/floks 1.2.4 → 1.2.5

package/packages/ui/dist/frnl/index.d.ts

@@ -0,0 +1,555 @@
+export { FrnlStoreProvider, FrnlStoreProviderProps, floksFrnlStore, getFloksFrnlStore, useFloksFrnlStore } from './store.js';
+import React__default from 'react';
+import { FrnlOrchestrationDefinition } from '@ultrst-armada/frnlts';
+export { FrnlStore } from '@ultrst-armada/frnlts';
+
+type FrnlButtonVariant = 'primary' | 'secondary' | 'accent' | 'dock' | 'danger' | 'success' | 'ghost' | 'outline';
+type FrnlButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+interface FrnlButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
+    id?: string;
+    variant?: FrnlButtonVariant;
+    size?: FrnlButtonSize;
+    label?: string;
+    tooltip?: string;
+    description?: string;
+    isActive?: boolean;
+    loading?: boolean;
+    icon?: React__default.ReactNode;
+}
+declare const frnlButtonDefinition: {
+    name: string;
+    states: {
+        idle: {
+            name: string;
+            events: {
+                click: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                opacity: number;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+        hover: {
+            name: string;
+            events: {
+                click: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                opacity: number;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+        active: {
+            name: string;
+            events: {
+                click: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                opacity: number;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+        disabled: {
+            name: string;
+            events: {
+                click: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                opacity: number;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+        loading: {
+            name: string;
+            events: {
+                click: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                opacity: number;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+    };
+};
+declare const frnlButton: React__default.FC<FrnlButtonProps>;
+
+interface FrnlTextInputProps extends Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    id?: string;
+    label?: string;
+    description?: string;
+    error?: string | boolean;
+    size?: 'sm' | 'md' | 'lg';
+    leadingIcon?: React__default.ReactNode;
+    trailingIcon?: React__default.ReactNode;
+    onClear?: () => void;
+}
+declare const frnlTextInputDefinition: {
+    name: string;
+    states: {
+        idle: {
+            name: string;
+            events: {
+                change: {
+                    functionId: string;
+                };
+                focus: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                borderColor: string;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+        focused: {
+            name: string;
+            events: {
+                change: {
+                    functionId: string;
+                };
+                blur: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                borderColor: string;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+        error: {
+            name: string;
+            events: {
+                change: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                borderColor: string;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+        disabled: {
+            name: string;
+            events: {};
+            visualParameters: {
+                opacity: number;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+    };
+};
+declare const frnlTextInput: React__default.FC<FrnlTextInputProps>;
+
+interface FrnlSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+interface FrnlSelectProps extends Omit<React__default.SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
+    id?: string;
+    label?: string;
+    description?: string;
+    options: FrnlSelectOption[];
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const frnlSelectDefinition: {
+    name: string;
+    states: {
+        idle: {
+            name: string;
+            events: {
+                change: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {};
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+        disabled: {
+            name: string;
+            events: {};
+            visualParameters: {
+                opacity: number;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+    };
+};
+declare const frnlSelect: React__default.FC<FrnlSelectProps>;
+interface FrnlToggleProps {
+    id?: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    label?: string;
+    description?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare const frnlToggleDefinition: {
+    name: string;
+    states: {
+        off: {
+            name: string;
+            events: {
+                toggle: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                checked: boolean;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+        on: {
+            name: string;
+            events: {
+                toggle: {
+                    functionId: string;
+                };
+            };
+            visualParameters: {
+                checked: boolean;
+            };
+            phases: {
+                attackPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                sustainPhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+                releasePhase: {
+                    visualDefinition: {
+                        parameters: {};
+                    };
+                };
+            };
+        };
+    };
+};
+declare const frnlToggle: React__default.FC<FrnlToggleProps>;
+interface FrnlSliderProps {
+    id?: string;
+    value: number;
+    onChange: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    label?: string;
+    unit?: string;
+    description?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare const frnlSlider: React__default.FC<FrnlSliderProps>;
+interface FrnlBadgeProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+    variant?: 'neutral' | 'accent' | 'success' | 'danger' | 'warning' | 'info';
+    size?: 'sm' | 'md';
+    dot?: boolean;
+}
+declare const frnlBadge: React__default.FC<FrnlBadgeProps>;
+
+interface FrnlTabItem {
+    id: string;
+    label: string;
+    icon?: React__default.ReactNode;
+    description?: string;
+    disabled?: boolean;
+    content?: React__default.ReactNode;
+}
+interface FrnlTabWindowProps {
+    id?: string;
+    tabs: FrnlTabItem[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare const frnlTabWindow: React__default.FC<FrnlTabWindowProps>;
+
+interface FrnlBreadcrumbItem {
+    label: string;
+    href?: string;
+    onClick?: () => void;
+}
+interface FrnlTopBarTab {
+    id: string;
+    label: string;
+    icon: React__default.ReactNode;
+    description?: string;
+    disabled?: boolean;
+}
+interface FrnlUserProfile {
+    name?: string;
+    username?: string;
+    email?: string;
+    role?: string;
+    avatarGlyph?: string;
+}
+interface FrnlTopBarProps {
+    id?: string;
+    breadcrumbs?: FrnlBreadcrumbItem[];
+    appLogo?: React__default.ReactNode;
+    appName?: string;
+    tabs?: FrnlTopBarTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
+    user?: FrnlUserProfile | null;
+    onLogout?: () => void;
+    onOpenSettings?: () => void;
+    actions?: React__default.ReactNode;
+    className?: string;
+}
+declare const frnlTopBar: React__default.FC<FrnlTopBarProps>;
+
+interface FrnlApiRequestLog {
+    id: string;
+    method: string;
+    endpoint: string;
+    status?: number;
+    timestamp: number;
+    durationMs?: number;
+}
+interface FrnlBottomBarProps {
+    id?: string;
+    onManualSave?: () => Promise<void> | void;
+    isSaving?: boolean;
+    recentApiRequests?: FrnlApiRequestLog[];
+    className?: string;
+}
+declare const frnlBottomBar: React__default.FC<FrnlBottomBarProps>;
+
+interface FrnlPageTab extends FrnlTopBarTab {
+    content?: React__default.ReactNode;
+}
+interface FrnlPageProps {
+    id?: string;
+    title?: string;
+    appName?: string;
+    appLogo?: React__default.ReactNode;
+    breadcrumbs?: FrnlBreadcrumbItem[];
+    tabs?: FrnlPageTab[];
+    activeTabId?: string;
+    onTabChange?: (tabId: string) => void;
+    showTopBar?: boolean;
+    showBottomBar?: boolean;
+    topBarActions?: React__default.ReactNode;
+    user?: FrnlUserProfile | null;
+    onLogout?: () => void;
+    onOpenSettings?: () => void;
+    onSave?: () => Promise<void> | void;
+    isSaving?: boolean;
+    autoSaveEnabled?: boolean;
+    recentApiRequests?: FrnlApiRequestLog[];
+    orchestrations?: readonly FrnlOrchestrationDefinition[];
+    className?: string;
+    children?: React__default.ReactNode;
+}
+declare const frnlPage: React__default.FC<FrnlPageProps>;
+
+export { type FrnlApiRequestLog, type FrnlBadgeProps, type FrnlBottomBarProps, type FrnlBreadcrumbItem, type FrnlButtonProps, type FrnlButtonSize, type FrnlButtonVariant, type FrnlPageProps, type FrnlPageTab, type FrnlSelectOption, type FrnlSelectProps, type FrnlSliderProps, type FrnlTabItem, type FrnlTabWindowProps, type FrnlTextInputProps, type FrnlToggleProps, type FrnlTopBarProps, type FrnlTopBarTab, type FrnlUserProfile, frnlBadge, frnlBottomBar, frnlButton, frnlButtonDefinition, frnlPage, frnlSelect, frnlSelectDefinition, frnlSlider, frnlTabWindow, frnlTextInput, frnlTextInputDefinition, frnlToggle, frnlToggleDefinition, frnlTopBar };

package/packages/ui/dist/frnl/index.js

@@ -0,0 +1,46 @@
+import {
+  frnlBadge,
+  frnlBottomBar,
+  frnlButton,
+  frnlButtonDefinition,
+  frnlPage,
+  frnlSelect,
+  frnlSelectDefinition,
+  frnlSlider,
+  frnlTabWindow,
+  frnlTextInput,
+  frnlTextInputDefinition,
+  frnlToggle,
+  frnlToggleDefinition,
+  frnlTopBar
+} from "../chunk-YDOKOBRJ.js";
+import {
+  FrnlStoreProvider,
+  floksFrnlStore,
+  getFloksFrnlStore,
+  useFloksFrnlStore
+} from "../chunk-X4B3EBMY.js";
+import "../chunk-5ZMXFCD4.js";
+import "../chunk-C3L53YN4.js";
+import "../chunk-62ITRDJX.js";
+import "../chunk-A2CDQISJ.js";
+export {
+  FrnlStoreProvider,
+  floksFrnlStore,
+  frnlBadge,
+  frnlBottomBar,
+  frnlButton,
+  frnlButtonDefinition,
+  frnlPage,
+  frnlSelect,
+  frnlSelectDefinition,
+  frnlSlider,
+  frnlTabWindow,
+  frnlTextInput,
+  frnlTextInputDefinition,
+  frnlToggle,
+  frnlToggleDefinition,
+  frnlTopBar,
+  getFloksFrnlStore,
+  useFloksFrnlStore
+};

package/packages/ui/dist/frnl/store.d.ts

@@ -0,0 +1,29 @@
+import React__default, { ReactNode } from 'react';
+import { FrnlStore } from '@ultrst-armada/frnlts';
+export { FrnlStore } from '@ultrst-armada/frnlts';
+
+/**
+ * Default canonical shared FrnlTS semantic store for Floks UI assets.
+ * For application-level custom store isolation, prefer using `FrnlStoreProvider`.
+ */
+declare const floksFrnlStore: FrnlStore;
+/**
+ * Returns the currently active global Frnl store (defaults to `floksFrnlStore`).
+ */
+declare function getFloksFrnlStore(): FrnlStore;
+interface FrnlStoreProviderProps {
+    store: FrnlStore;
+    children: ReactNode;
+}
+/**
+ * Context provider allowing applications to inject an isolated or shared Frnl store
+ * down a specific component subtree. This is the preferred mechanism for custom store injection.
+ */
+declare const FrnlStoreProvider: React__default.FC<FrnlStoreProviderProps>;
+/**
+ * Hook to access the active Frnl store: prefers React Context if provided via FrnlStoreProvider,
+ * falling back to the canonical default floksFrnlStore.
+ */
+declare function useFloksFrnlStore(): FrnlStore;
+
+export { FrnlStoreProvider, type FrnlStoreProviderProps, floksFrnlStore, getFloksFrnlStore, useFloksFrnlStore };

package/packages/ui/dist/frnl/store.js

@@ -0,0 +1,12 @@
+import {
+  FrnlStoreProvider,
+  floksFrnlStore,
+  getFloksFrnlStore,
+  useFloksFrnlStore
+} from "../chunk-X4B3EBMY.js";
+export {
+  FrnlStoreProvider,
+  floksFrnlStore,
+  getFloksFrnlStore,
+  useFloksFrnlStore
+};