@ultrst-armada/floks 1.2.3 → 1.2.5

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

@@ -1,6 +1,4 @@
 import React__default from 'react';
-import { GraphEntityParent, GraphEntityMetadata } from '@ultrst-armada/kloks/state-graph';
-export { GraphEntityMetadata } from '@ultrst-armada/kloks/state-graph';
 
 interface UIInteractionState {
     isHovered?: boolean;
@@ -23,8 +21,6 @@ interface UIStyleTokens {
     borderMedium?: string;
     [key: string]: any;
 }
-type ColorPalette = Record<string, any>;
-declare function registerPaletteResolver(fn: () => ColorPalette): void;
 type UIRole = 'panel' | 'button' | 'input' | 'tile' | 'badge';
 type UIVariant = 'primary' | 'secondary' | 'accent' | 'amber' | 'sky' | 'emerald' | 'danger' | 'ghost' | 'dock' | 'outline';
 type UISize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
@@ -41,35 +37,8 @@ interface UIBaseProps {
     shortcutHint?: string;
     children?: React__default.ReactNode;
 }
-/**
- * UIElementBase: Universal Base Class tracing to GraphEntityParent
- * Every UI Model in the application derives from this root template class.
- */
-declare abstract class UIElementBase extends GraphEntityParent {
-    readonly themeRole: UIRole;
-    variant: UIVariant;
-    size: UISize;
-    isDisabled: boolean;
-    isHighlighted: boolean;
-    tooltipText?: string;
-    tooltipDir: TooltipDirection;
-    constructor(id: string, name: string, themeRole: UIRole, variant?: UIVariant, size?: UISize, metadata?: GraphEntityMetadata);
-    getPalette(): ColorPalette;
-    setDisabled(disabled: boolean): void;
-    setHighlighted(highlighted: boolean): void;
-    setVariant(variant: UIVariant): void;
-    initialize(): void;
-    dispose(): void;
-    toJSON(): Record<string, any>;
-}
 
 type UIProps = UIBaseProps;
-/**
- * UIModel: Abstract intermediate model tracing to UIElementBase -> GraphEntityParent
- */
-declare abstract class UIModel extends UIElementBase {
-    constructor(id: string, name: string, variant?: UIVariant, size?: UISize);
-}
 interface UIParentProps extends UIBaseProps {
     as?: React__default.ElementType;
 }
@@ -87,10 +56,21 @@ interface ButtonParentProps extends React__default.ButtonHTMLAttributes<HTMLButt
     icon?: React__default.ReactNode;
 }
 declare const ButtonParent: React__default.FC<ButtonParentProps>;
-
-declare class ButtonModel extends UIElementBase {
-    constructor(id: string, name: string, variant?: UIVariant, size?: UISize);
+interface SplitButtonProps {
+    id?: string;
+    label: string;
+    onPrimaryClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+    onDropdownClick?: (e: React__default.MouseEvent<HTMLButtonElement>) => void;
+    variant?: UIVariant;
+    size?: UISize;
+    disabled?: boolean;
+    isOpen?: boolean;
+    dropdownMenu?: React__default.ReactNode;
+    menuOccupants?: Record<string, React__default.ReactNode>;
+    className?: string;
+    style?: React__default.CSSProperties;
 }
+declare const SplitButton: React__default.FC<SplitButtonProps>;
 type ButtonVariant = UIVariant;
 type ButtonSize = UISize;
 type ButtonProps = ButtonParentProps;
@@ -122,10 +102,6 @@ interface PanelParentProps {
     onMouseDown?: (e: React__default.MouseEvent) => void;
 }
 declare const PanelParent: React__default.FC<PanelParentProps>;
-
-declare class PanelModel extends UIElementBase {
-    constructor(id: string, name: string, variant?: UIVariant, size?: UISize);
-}
 type PanelVariant = 'modal' | 'inspector' | 'card' | 'toolbar' | 'default';
 type PanelProps = PanelParentProps;
 declare const ModalPanel: React__default.FC<PanelParentProps>;
@@ -167,10 +143,6 @@ interface ToggleInputProps {
 }
 declare const ToggleInput: React__default.FC<ToggleInputProps>;
 
-declare class InputModel extends UIElementBase {
-    constructor(id: string, name: string, variant?: UIVariant, size?: UISize);
-}
-
 interface TileParentProps {
     id: string;
     icon?: React__default.ReactNode;
@@ -191,10 +163,6 @@ interface TileParentProps {
     style?: React__default.CSSProperties;
 }
 declare const TileParent: React__default.FC<TileParentProps>;
-
-declare class TileModel extends UIElementBase {
-    constructor(id: string, name: string, variant?: UIVariant, size?: UISize);
-}
 type TileVariant = 'default' | 'clip' | 'category' | 'strip';
 declare const SpawnOptionTile: React__default.FC<TileParentProps>;
 declare const CategoryCardTile: React__default.FC<TileParentProps>;
@@ -224,10 +192,6 @@ interface StatusDotProps {
     pulse?: boolean;
 }
 declare const StatusDot: React__default.FC<StatusDotProps>;
-
-declare class BadgeModel extends UIElementBase {
-    constructor(id: string, name: string, variant?: UIVariant, size?: UISize);
-}
 type BadgeTone = 'primary' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
 
-export { ActionButton, Badge, BadgeModel, type BadgeProps, type BadgeTone, ButtonModel, ButtonParent, type ButtonParentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CardPanel, CategoryCardTile, ChannelStripTile, ClipCardTile, type ColorPalette, DangerButton, GhostButton, IconButton, InputModel, InspectorPanel, ModalPanel, PanelModel, PanelParent, type PanelParentProps, type PanelProps, type PanelVariant, SelectInput, type SelectInputProps, SliderInput, type SliderInputProps, SpawnOptionTile, StatusDot, type StatusDotProps, TelemetryPill, type TelemetryPillProps, TextInput, type TextInputProps, TileModel, TileParent, type TileParentProps, type TileVariant, ToggleButton, ToggleInput, type ToggleInputProps, ToolbarPanel, type TooltipDirection, type UIBaseProps, UIElementBase, type UIInteractionState, UIModel, UIParent, type UIParentProps, type UIProps, type UIRole, type UISize, type UIStyleTokens, type UIVariant, registerPaletteResolver };
+export { ActionButton, Badge, type BadgeProps, type BadgeTone, ButtonParent, type ButtonParentProps, type ButtonProps, type ButtonSize, type ButtonVariant, CardPanel, CategoryCardTile, ChannelStripTile, ClipCardTile, DangerButton, GhostButton, IconButton, InspectorPanel, ModalPanel, PanelParent, type PanelParentProps, type PanelProps, type PanelVariant, SelectInput, type SelectInputProps, SliderInput, type SliderInputProps, SpawnOptionTile, SplitButton, type SplitButtonProps, StatusDot, type StatusDotProps, TelemetryPill, type TelemetryPillProps, TextInput, type TextInputProps, TileParent, type TileParentProps, type TileVariant, ToggleButton, ToggleInput, type ToggleInputProps, ToolbarPanel, type TooltipDirection, type UIBaseProps, type UIInteractionState, UIParent, type UIParentProps, type UIProps, type UIRole, type UISize, type UIStyleTokens, type UIVariant };

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

@@ -1,8 +1,6 @@
 import {
   ActionButton,
   Badge,
-  BadgeModel,
-  ButtonModel,
   ButtonParent,
   CardPanel,
   CategoryCardTile,
@@ -11,27 +9,23 @@ import {
   DangerButton,
   GhostButton,
   IconButton,
-  InputModel,
   InspectorPanel,
   ModalPanel,
-  PanelModel,
   PanelParent,
   SelectInput,
   SliderInput,
   SpawnOptionTile,
+  SplitButton,
   StatusDot,
   TelemetryPill,
   TextInput,
-  TileModel,
   TileParent,
   ToggleButton,
   ToggleInput,
   ToolbarPanel,
-  UIElementBase,
-  UIModel,
-  UIParent,
-  registerPaletteResolver
-} from "../chunk-KYFSUQVT.js";
+  UIParent
+} from "../chunk-TORWRS3V.js";
+import "../chunk-X4B3EBMY.js";
 import "../chunk-ZQK5I5ZL.js";
 import "../chunk-XXIH2HWI.js";
 import "../chunk-5ZMXFCD4.js";
@@ -41,8 +35,6 @@ import "../chunk-A2CDQISJ.js";
 export {
   ActionButton,
   Badge,
-  BadgeModel,
-  ButtonModel,
   ButtonParent,
   CardPanel,
   CategoryCardTile,
@@ -51,24 +43,19 @@ export {
   DangerButton,
   GhostButton,
   IconButton,
-  InputModel,
   InspectorPanel,
   ModalPanel,
-  PanelModel,
   PanelParent,
   SelectInput,
   SliderInput,
   SpawnOptionTile,
+  SplitButton,
   StatusDot,
   TelemetryPill,
   TextInput,
-  TileModel,
   TileParent,
   ToggleButton,
   ToggleInput,
   ToolbarPanel,
-  UIElementBase,
-  UIModel,
-  UIParent,
-  registerPaletteResolver
+  UIParent
 };

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

@@ -10,7 +10,9 @@ export { AccountsSettingsSection, AccountsSettingsSectionProps, SettingsTab, Set
 export { AuthPage, AuthPageProps, AuthResult, LoginModal, LoginModalProps } from './components/auth/index.js';
 export { SrklBackblazeAccount, SrklBackblazeTile, StorageOptionTiles, StoragePresetTile, StorageSelection, WorkspaceRecord, WorkspaceSecondaryClone, WorkspaceSecondaryClonesPanel, WorkspaceStorageReadonlyPanel, WorkspaceTilesMenu, WorkspaceTilesMenuProps } from './components/workspace/index.js';
 export { DEFAULT_PALETTE_ID, THEME_STORAGE_KEY, ThemeContextValue, ThemeProvider, ThemeProviderProps, applyPaletteToDocument, getActivePalette, paletteToSkipoThemePack, subscribeToPalette, usePalette, useTheme } from './palette/index.js';
-export { ActionButton, Badge, BadgeModel, BadgeProps, BadgeTone, ButtonModel, ButtonParent, ButtonParentProps, ButtonProps, ButtonSize, ButtonVariant, CardPanel, CategoryCardTile, ChannelStripTile, ClipCardTile, DangerButton, GhostButton, IconButton, InputModel, InspectorPanel, ModalPanel, PanelModel, PanelParent, PanelParentProps, PanelProps, PanelVariant, SelectInput, SelectInputProps, SliderInput, SliderInputProps, SpawnOptionTile, StatusDot, StatusDotProps, TelemetryPill, TelemetryPillProps, TextInput, TextInputProps, TileModel, TileParent, TileParentProps, TileVariant, ToggleButton, ToggleInput, ToggleInputProps, ToolbarPanel, TooltipDirection, UIBaseProps, UIElementBase, UIInteractionState, UIModel, UIParent, UIParentProps, UIProps, UIRole, UISize, UIStyleTokens, UIVariant, registerPaletteResolver } from './hierarchy/index.js';
-export { GraphEntityMetadata } from '@ultrst-armada/kloks/state-graph';
+export { ActionButton, Badge, BadgeProps, BadgeTone, ButtonParent, ButtonParentProps, ButtonProps, ButtonSize, ButtonVariant, CardPanel, CategoryCardTile, ChannelStripTile, ClipCardTile, DangerButton, GhostButton, IconButton, InspectorPanel, ModalPanel, PanelParent, PanelParentProps, PanelProps, PanelVariant, SelectInput, SelectInputProps, SliderInput, SliderInputProps, SpawnOptionTile, SplitButton, SplitButtonProps, StatusDot, StatusDotProps, TelemetryPill, TelemetryPillProps, TextInput, TextInputProps, TileParent, TileParentProps, TileVariant, ToggleButton, ToggleInput, ToggleInputProps, ToolbarPanel, TooltipDirection, UIBaseProps, UIInteractionState, UIParent, UIParentProps, UIProps, UIRole, UISize, UIStyleTokens, UIVariant } from './hierarchy/index.js';
+export { FrnlStoreProvider, FrnlStoreProviderProps, floksFrnlStore, getFloksFrnlStore, useFloksFrnlStore } from './frnl/store.js';
+export { FrnlApiRequestLog, FrnlBadgeProps, FrnlBottomBarProps, FrnlBreadcrumbItem, FrnlButtonProps, FrnlButtonSize, FrnlButtonVariant, FrnlPageProps, FrnlPageTab, FrnlSelectOption, FrnlSelectProps, FrnlSliderProps, FrnlTabItem, FrnlTabWindowProps, FrnlTextInputProps, FrnlToggleProps, FrnlTopBarProps, FrnlTopBarTab, FrnlUserProfile, frnlBadge, frnlBottomBar, frnlButton, frnlButtonDefinition, frnlPage, frnlSelect, frnlSelectDefinition, frnlSlider, frnlTabWindow, frnlTextInput, frnlTextInputDefinition, frnlToggle, frnlToggleDefinition, frnlTopBar } from './frnl/index.js';
+export { FrnlStore } from '@ultrst-armada/frnlts';
 import 'zod';
 import 'react';

package/packages/ui/dist/index.js

@@ -1,3 +1,26 @@
+import {
+  BaseSelect,
+  BaseTextarea,
+  BaseToggle,
+  CredentialField,
+  KNOWN_CREDENTIAL_URLS
+} from "./chunk-KIFQA7L6.js";
+import {
+  ConfirmDialog,
+  CopyableErrorAlert,
+  EmptyState,
+  LoadingOverlay,
+  SearchInput,
+  SearchableList,
+  StatusIndicator,
+  useSearchKeyboardNavigation
+} from "./chunk-VEWPTZGO.js";
+import {
+  AppShell,
+  BreadcrumbNav,
+  HeaderBar,
+  TopToolbar
+} from "./chunk-MYXPGPI3.js";
 import {
   DEFAULT_PANEL_GEOMETRY,
   DrawerContainer,
@@ -13,16 +36,24 @@ import {
   usePanelInteraction
 } from "./chunk-TXKLROFC.js";
 import {
-  AppShell,
-  BreadcrumbNav,
-  HeaderBar,
-  TopToolbar
-} from "./chunk-GWW3BGOB.js";
+  IconOnlyButton,
+  ModalContainer
+} from "./chunk-OR5ZNJI4.js";
+import {
+  BaseTooltip
+} from "./chunk-GKP6KHTI.js";
 import {
   AccountsSettingsSection,
   SettingsTab,
   ThemeSettingsSection
-} from "./chunk-ROILFUZW.js";
+} from "./chunk-NPIMIWVO.js";
+import {
+  CopyableLogViewer
+} from "./chunk-RLQ2ALJG.js";
+import {
+  BaseBadge,
+  BaseCard
+} from "./chunk-UOR4P6PO.js";
 import {
   SrklBackblazeTile,
   StorageOptionTiles,
@@ -31,11 +62,25 @@ import {
   WorkspaceStorageReadonlyPanel,
   WorkspaceTilesMenu
 } from "./chunk-DT6DZU63.js";
+import {
+  frnlBadge,
+  frnlBottomBar,
+  frnlButton,
+  frnlButtonDefinition,
+  frnlPage,
+  frnlSelect,
+  frnlSelectDefinition,
+  frnlSlider,
+  frnlTabWindow,
+  frnlTextInput,
+  frnlTextInputDefinition,
+  frnlToggle,
+  frnlToggleDefinition,
+  frnlTopBar
+} from "./chunk-YDOKOBRJ.js";
 import {
   ActionButton,
   Badge,
-  BadgeModel,
-  ButtonModel,
   ButtonParent,
   CardPanel,
   CategoryCardTile,
@@ -44,27 +89,28 @@ import {
   DangerButton,
   GhostButton,
   IconButton,
-  InputModel,
   InspectorPanel,
   ModalPanel,
-  PanelModel,
   PanelParent,
   SelectInput,
   SliderInput,
   SpawnOptionTile,
+  SplitButton,
   StatusDot,
   TelemetryPill,
   TextInput,
-  TileModel,
   TileParent,
   ToggleButton,
   ToggleInput,
   ToolbarPanel,
-  UIElementBase,
-  UIModel,
-  UIParent,
-  registerPaletteResolver
-} from "./chunk-KYFSUQVT.js";
+  UIParent
+} from "./chunk-TORWRS3V.js";
+import {
+  FrnlStoreProvider,
+  floksFrnlStore,
+  getFloksFrnlStore,
+  useFloksFrnlStore
+} from "./chunk-X4B3EBMY.js";
 import "./chunk-SLJBDDSN.js";
 import {
   DEFAULT_PALETTE_ID,
@@ -132,12 +178,8 @@ import {
   LoginModal
 } from "./chunk-2SFOC7KZ.js";
 import {
-  BaseSelect,
-  BaseTextarea,
-  BaseToggle,
-  CredentialField,
-  KNOWN_CREDENTIAL_URLS
-} from "./chunk-KIFQA7L6.js";
+  BaseInput
+} from "./chunk-W42SJGOJ.js";
 import "./chunk-5ZMXFCD4.js";
 import {
   ApiCallIndicator,
@@ -146,33 +188,6 @@ import {
   StatusLight,
   SystemMessageDisplay
 } from "./chunk-C3L53YN4.js";
-import {
-  ConfirmDialog,
-  CopyableErrorAlert,
-  EmptyState,
-  LoadingOverlay,
-  SearchInput,
-  SearchableList,
-  StatusIndicator,
-  useSearchKeyboardNavigation
-} from "./chunk-VEWPTZGO.js";
-import {
-  IconOnlyButton,
-  ModalContainer
-} from "./chunk-OR5ZNJI4.js";
-import {
-  CopyableLogViewer
-} from "./chunk-RLQ2ALJG.js";
-import {
-  BaseTooltip
-} from "./chunk-GKP6KHTI.js";
-import {
-  BaseBadge,
-  BaseCard
-} from "./chunk-UOR4P6PO.js";
-import {
-  BaseInput
-} from "./chunk-W42SJGOJ.js";
 import {
   BottomStripProvider,
   useBottomStrip
@@ -189,7 +204,6 @@ export {
   AutoSaveToggle,
   BUILTIN_PALETTES,
   Badge,
-  BadgeModel,
   BaseBadge,
   BaseButton,
   BaseCard,
@@ -202,7 +216,6 @@ export {
   BottomStrip,
   BottomStripProvider,
   BreadcrumbNav,
-  ButtonModel,
   ButtonParent,
   CANONICAL_ELEMENTS,
   CardPanel,
@@ -229,13 +242,13 @@ export {
   DrawerContainer,
   EmptyState,
   FloatingDetailsPanel,
+  FrnlStoreProvider,
   GhostButton,
   HeaderBar,
   HeadingLevelSchema,
   HorizontalRuleStyleSchema,
   IconButton,
   IconOnlyButton,
-  InputModel,
   InspectorPanel,
   KNOWN_CREDENTIAL_URLS,
   LinkStyleSchema,
@@ -248,7 +261,6 @@ export {
   ModularThemePackSchema,
   PageContainer,
   PanelContainer,
-  PanelModel,
   PanelParent,
   ParagraphStyleSchema,
   ResizeHandles,
@@ -263,6 +275,7 @@ export {
   SkipoThemeProvider,
   SliderInput,
   SpawnOptionTile,
+  SplitButton,
   SplitContainer,
   SrklBackblazeTile,
   StatusDot,
@@ -281,15 +294,12 @@ export {
   ThemeSettingsSection,
   ThemeTypographySchema,
   ThemeVariantDefinitionSchema,
-  TileModel,
   TileParent,
   ToggleButton,
   ToggleInput,
   ToolbarPanel,
   TopToolbar,
-  UIElementBase,
   UIElementThemeValueSchema,
-  UIModel,
   UIParent,
   WorkspaceSecondaryClonesPanel,
   WorkspaceStorageReadonlyPanel,
@@ -300,18 +310,34 @@ export {
   centralLedger,
   createAppThemeSocket,
   depmThemeSocket,
+  floksFrnlStore,
+  frnlBadge,
+  frnlBottomBar,
+  frnlButton,
+  frnlButtonDefinition,
+  frnlPage,
+  frnlSelect,
+  frnlSelectDefinition,
+  frnlSlider,
+  frnlTabWindow,
+  frnlTextInput,
+  frnlTextInputDefinition,
+  frnlToggle,
+  frnlToggleDefinition,
+  frnlTopBar,
   getActivePalette,
   getAllUIElements,
+  getFloksFrnlStore,
   getThemeEngineStatus,
   getUIElement,
   paletteToSkipoThemePack,
-  registerPaletteResolver,
   registerUIElement,
   resolveTypographyCascade,
   safeValidateModularThemePack,
   subscribeToPalette,
   tokensToCssVariables,
   useBottomStrip,
+  useFloksFrnlStore,
   usePalette,
   usePanelGeometry,
   usePanelInteraction,

package/packages/ui/floks.manifest.json

@@ -1,8 +1,17 @@
 {
   "$schema": "https://skipo.dev/schemas/floks-manifest.v1.json",
-  "package": "@floks/ui",
+  "package": "@ultrst-armada/floks/ui",
+  "alias": "@floks/ui",
+  "packageType": "frontend",
   "version": "1.0.0",
   "components": [
+    {
+      "id": "AuthPage",
+      "name": "AuthPage",
+      "export": "AuthPage",
+      "subpath": "auth",
+      "targetTypes": ["App.auth", "App.main-content"]
+    },
     {
       "id": "AppShell",
       "name": "AppShell",

package/packages/ui/package.json

@@ -74,15 +74,22 @@
       "import": "./dist/hierarchy/index.js",
       "types": "./dist/hierarchy/index.d.ts",
       "default": "./dist/hierarchy/index.js"
+    },
+    "./frnl": {
+      "import": "./dist/frnl/index.js",
+      "types": "./dist/frnl/index.d.ts",
+      "default": "./dist/frnl/index.js"
     }
   },
   "scripts": {
-    "build": "tsup src/index.ts src/theme/index.ts src/palette/index.ts src/hierarchy/index.ts src/components/base/index.ts src/components/containers/index.ts src/components/composite/index.ts src/components/layout/index.ts src/components/bottom-strip/index.ts src/components/settings/index.ts src/components/auth/index.ts src/components/workspace/index.ts --format esm --dts --clean --external react --external react-dom --external lucide-react --external @kloks/state-graph",
+    "build": "tsup src/index.ts src/theme/index.ts src/palette/index.ts src/hierarchy/index.ts src/frnl/index.ts src/frnl/store.ts src/components/base/index.ts src/components/containers/index.ts src/components/composite/index.ts src/components/layout/index.ts src/components/bottom-strip/index.ts src/components/settings/index.ts src/components/auth/index.ts src/components/workspace/index.ts --format esm --dts --clean --external react --external react-dom --external lucide-react",
     "typecheck": "tsc --noEmit",
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "zod": "^3.24.1"
+    "zod": "^3.24.1",
+    "@ultrst-armada/frnlts": "^0.2.2",
+    "zustand": "^5.0.3"
   },
   "peerDependencies": {
     "lucide-react": ">=0.300.0",

package/packages/ui/dist/{chunk-GWW3BGOB.js → chunk-MYXPGPI3.js}

@@ -1,9 +1,9 @@
-import {
-  BottomStrip
-} from "./chunk-C3L53YN4.js";
 import {
   BaseTooltip
 } from "./chunk-GKP6KHTI.js";
+import {
+  BottomStrip
+} from "./chunk-C3L53YN4.js";
 import {
   BottomStripProvider
 } from "./chunk-62ITRDJX.js";

package/packages/ui/dist/{chunk-ROILFUZW.js → chunk-NPIMIWVO.js}

@@ -1,8 +1,3 @@
-import {
-  DEFAULT_DARK_THEME_PACK,
-  DEFAULT_LIGHT_THEME_PACK,
-  useSkipoTheme
-} from "./chunk-DZJ3NSCX.js";
 import {
   CopyableLogViewer
 } from "./chunk-RLQ2ALJG.js";
@@ -10,6 +5,11 @@ import {
   BaseBadge,
   BaseCard
 } from "./chunk-UOR4P6PO.js";
+import {
+  DEFAULT_DARK_THEME_PACK,
+  DEFAULT_LIGHT_THEME_PACK,
+  useSkipoTheme
+} from "./chunk-DZJ3NSCX.js";
 import {
   BaseInput
 } from "./chunk-W42SJGOJ.js";