@ultrst-armada/floks 1.0.0 → 1.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultrst-armada/floks",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": false,
   "publishConfig": {
     "access": "public",
@@ -50,6 +50,7 @@
     "zod": "^3.24.1"
   },
   "peerDependencies": {
+    "@ultrst-armada/kloks": "^1.0.2",
     "lucide-react": ">=0.300.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -58,6 +59,7 @@
     "@types/node": "^22.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
+    "@ultrst-armada/kloks": "^1.0.2",
     "lucide-react": "^1.55.0",
     "react": "^19.0.1",
     "react-dom": "^19.0.1",

package/packages/canvas-ui/dist/{chunk-UEIMM6PV.js → chunk-OOTTFWXA.js}

@@ -2,7 +2,7 @@ import {
   getSocketLocalOffset,
   getSocketScreenPosition,
   renderSpriteIcon
-} from "./chunk-2GLR35UM.js";
+} from "./chunk-U2SC3RMJ.js";
 
 // src/predictive/PredictiveGhostNodeCard/PredictiveGhostNodeCard.tsx
 import { Zap } from "lucide-react";

package/packages/canvas-ui/dist/{chunk-2GLR35UM.js → chunk-U2SC3RMJ.js}

@@ -331,7 +331,7 @@ var Node2DBase = ({
   return /* @__PURE__ */ jsxs3(
     "div",
     {
-      id: `qwnsr-node-2d-${node.id}`,
+      id: `floks-node-2d-${node.id}`,
       "data-skipo-tip": nodeInspectionText,
       title: nodeInspectionText,
       onMouseEnter: onNodeMouseEnter,

package/packages/canvas-ui/dist/{chunk-QWQ4PCXQ.js → chunk-XVAHT5WE.js}

@@ -1,7 +1,7 @@
 import {
   Node2DBase,
   getSocketScreenPosition
-} from "./chunk-2GLR35UM.js";
+} from "./chunk-U2SC3RMJ.js";
 
 // src/graph-2d/types.ts
 var COORD_SCALE = 40;

package/packages/canvas-ui/dist/graph-2d/index.js

@@ -13,7 +13,7 @@ import {
   Wire2D,
   useCanvas2DCoordinates,
   useCanvas2DMagnetic
-} from "../chunk-QWQ4PCXQ.js";
+} from "../chunk-XVAHT5WE.js";
 import {
   NODE_CARD_WIDTH,
   Node2DBase,
@@ -23,7 +23,7 @@ import {
   getSocketLocalOffset,
   getSocketScreenPosition,
   renderSpriteIcon
-} from "../chunk-2GLR35UM.js";
+} from "../chunk-U2SC3RMJ.js";
 export {
   BIOME_CONFIGS,
   COORD_SCALE,

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

@@ -7,7 +7,7 @@ import React__default from 'react';
 import { NodeDefinition, GraphSettings, BaseNode, SolidConnection, Trace, ViewLink, BaseViewWindow, Socket, GraphNode } from '@ultrst-armada/kloks/state-graph';
 export { B as BIOME_CONFIGS, C as COORD_SCALE, a as CameraState, b as Canvas2DViewerProps, c as ConnectingWireState } from './types-D3RRfQUo.js';
 export { CanvasBackground2D, CanvasErrorBoundary, ContainerNode2D, EffectNode2D, MagneticTraces2D, ModuleNode2D, NODE_CARD_WIDTH, Node2DBase, Node2DBaseProps, NodeRenderer2D, NodeRenderer2DProps, RecorderWaveformDisplay, RecorderWaveformDisplayProps, RotaryKnob, RotaryKnobProps, SOCKET_ROW_HEIGHT, Socket2D, Socket2DProps, SocketScreenPosition, TriggerNode2D, Wire2D, Wire2DProps, getSocketLocalOffset, getSocketScreenPosition, renderSpriteIcon, useCanvas2DCoordinates, useCanvas2DMagnetic } from './graph-2d/index.js';
-export { PredictiveGhostNodeCard, PredictiveGhostNodeCardProps, PredictiveHudToolbar, PredictiveLayer2D, usePredictiveGraph2D } from './predictive/index.js';
+export { PredictiveGhostNodeCard, PredictiveGhostNodeCardProps, PredictiveHudToolbar, PredictiveLayer2D, PredictiveLayer2DProps, UsePredictiveGraph2DProps, UseViewer2DPredictiveProps, usePredictiveGraph2D } from './predictive/index.js';
 
 interface MidpointWidgetsProps {
     x: number;

package/packages/canvas-ui/dist/index.js

@@ -29,13 +29,13 @@ import {
   Wire2D,
   useCanvas2DCoordinates,
   useCanvas2DMagnetic
-} from "./chunk-QWQ4PCXQ.js";
+} from "./chunk-XVAHT5WE.js";
 import {
   PredictiveGhostNodeCard,
   PredictiveHudToolbar,
   PredictiveLayer2D,
   usePredictiveGraph2D
-} from "./chunk-UEIMM6PV.js";
+} from "./chunk-OOTTFWXA.js";
 import {
   NODE_CARD_WIDTH,
   Node2DBase,
@@ -45,7 +45,7 @@ import {
   getSocketLocalOffset,
   getSocketScreenPosition,
   renderSpriteIcon
-} from "./chunk-2GLR35UM.js";
+} from "./chunk-U2SC3RMJ.js";
 import {
   Tile,
   TileCreateButton,

package/packages/canvas-ui/dist/predictive/index.d.ts

@@ -48,14 +48,15 @@ interface PredictiveLayer2DProps {
 }
 declare const PredictiveLayer2D: React__default.FC<PredictiveLayer2DProps>;
 
-interface UseViewer2DPredictiveProps {
+interface UsePredictiveGraph2DProps {
     nodes: SpaceNode[];
     connections: NodeConnection[];
     selectedNodeId: string | null;
     selectedNodeIds?: string[];
     onSolidifyPredictiveNodes?: (ghosts: PredictiveGhostNode[]) => void;
 }
-declare function usePredictiveGraph2D({ nodes, connections, selectedNodeId, selectedNodeIds, onSolidifyPredictiveNodes, }: UseViewer2DPredictiveProps): {
+type UseViewer2DPredictiveProps = UsePredictiveGraph2DProps;
+declare function usePredictiveGraph2D({ nodes, connections, selectedNodeId, selectedNodeIds, onSolidifyPredictiveNodes, }: UsePredictiveGraph2DProps): {
     isActive: boolean;
     scenarioIndex: number;
     targetNodes: SpaceNode[];
@@ -71,4 +72,4 @@ declare function usePredictiveGraph2D({ nodes, connections, selectedNodeId, sele
     close: () => void;
 };
 
-export { PredictiveGhostNodeCard, type PredictiveGhostNodeCardProps, PredictiveHudToolbar, PredictiveLayer2D, usePredictiveGraph2D };
+export { PredictiveGhostNodeCard, type PredictiveGhostNodeCardProps, PredictiveHudToolbar, PredictiveLayer2D, type PredictiveLayer2DProps, type UsePredictiveGraph2DProps, type UseViewer2DPredictiveProps, usePredictiveGraph2D };

package/packages/canvas-ui/dist/predictive/index.js

@@ -3,8 +3,8 @@ import {
   PredictiveHudToolbar,
   PredictiveLayer2D,
   usePredictiveGraph2D
-} from "../chunk-UEIMM6PV.js";
-import "../chunk-2GLR35UM.js";
+} from "../chunk-OOTTFWXA.js";
+import "../chunk-U2SC3RMJ.js";
 export {
   PredictiveGhostNodeCard,
   PredictiveHudToolbar,

package/packages/canvas-ui/package.json

@@ -55,7 +55,7 @@
     "clean": "rm -rf dist"
   },
   "dependencies": {
-    "@floks/ui": "^1.0.0"
+    "@floks/ui": "workspace:*"
   },
   "peerDependencies": {
     "@dnd-kit/core": "^6.0.0",

package/packages/ui/dist/{chunk-OHISLM3Z.js → chunk-KYFSUQVT.js}

@@ -70,11 +70,20 @@ var UIElementBase = class extends GraphEntityParent {
 };
 
 // src/hierarchy/UIParent.tsx
+import React from "react";
 var UIModel = class extends UIElementBase {
   constructor(id, name, variant = "primary", size = "md") {
     super(id, name, "panel", variant, size);
   }
 };
+var UIParent = ({
+  as: Component = "div",
+  children,
+  className = "",
+  ...props
+}) => {
+  return React.createElement(Component, { className, ...props }, children);
+};
 
 // src/hierarchy/ButtonParent.tsx
 import { useMemo } from "react";
@@ -215,6 +224,16 @@ var ButtonParent = ({
     }
   );
 };
+var ButtonModel = class extends UIElementBase {
+  constructor(id, name, variant = "primary", size = "md") {
+    super(id, name, "button", variant, size);
+  }
+};
+var ActionButton = (props) => /* @__PURE__ */ jsx(ButtonParent, { variant: "accent", ...props });
+var IconButton = (props) => /* @__PURE__ */ jsx(ButtonParent, { variant: "secondary", ...props });
+var ToggleButton = (props) => /* @__PURE__ */ jsx(ButtonParent, { variant: "dock", ...props });
+var DangerButton = (props) => /* @__PURE__ */ jsx(ButtonParent, { variant: "danger", ...props });
+var GhostButton = (props) => /* @__PURE__ */ jsx(ButtonParent, { variant: "ghost", ...props });
 
 // src/hierarchy/PanelParent.tsx
 import { useMemo as useMemo2 } from "react";
@@ -337,6 +356,15 @@ var PanelParent = ({
     }
   );
 };
+var PanelModel = class extends UIElementBase {
+  constructor(id, name, variant = "primary", size = "md") {
+    super(id, name, "panel", variant, size);
+  }
+};
+var ModalPanel = (props) => /* @__PURE__ */ jsx2(PanelParent, { zIndex: 100, ...props });
+var InspectorPanel = (props) => /* @__PURE__ */ jsx2(PanelParent, { ...props });
+var CardPanel = (props) => /* @__PURE__ */ jsx2(PanelParent, { ...props });
+var ToolbarPanel = (props) => /* @__PURE__ */ jsx2(PanelParent, { ...props });
 
 // src/hierarchy/InputParent.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -474,6 +502,11 @@ var ToggleInput = ({
     }
   );
 };
+var InputModel = class extends UIElementBase {
+  constructor(id, name, variant = "primary", size = "md") {
+    super(id, name, "input", variant, size);
+  }
+};
 
 // src/hierarchy/TileParent.tsx
 import { useState, useRef, useEffect } from "react";
@@ -564,9 +597,18 @@ var TileParent = ({
     }
   );
 };
+var TileModel = class extends UIElementBase {
+  constructor(id, name, variant = "primary", size = "md") {
+    super(id, name, "tile", variant, size);
+  }
+};
+var SpawnOptionTile = (props) => /* @__PURE__ */ jsx4(TileParent, { ...props });
+var CategoryCardTile = (props) => /* @__PURE__ */ jsx4(TileParent, { ...props });
+var ClipCardTile = (props) => /* @__PURE__ */ jsx4(TileParent, { ...props });
+var ChannelStripTile = (props) => /* @__PURE__ */ jsx4(TileParent, { ...props });
 
 // src/hierarchy/BadgeParent.tsx
-import React4 from "react";
+import React5 from "react";
 import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 var Badge = ({
   id,
@@ -576,7 +618,7 @@ var Badge = ({
   className = ""
 }) => {
   const palette = usePalette();
-  const colorStyle = React4.useMemo(() => {
+  const colorStyle = React5.useMemo(() => {
     switch (variant) {
       case "accent":
         return {
@@ -685,19 +727,43 @@ var StatusDot = ({
     }
   );
 };
+var BadgeModel = class extends UIElementBase {
+  constructor(id, name, variant = "primary", size = "md") {
+    super(id, name, "badge", variant, size);
+  }
+};
 
 export {
   registerPaletteResolver,
   UIElementBase,
   UIModel,
+  UIParent,
   ButtonParent,
+  ButtonModel,
+  ActionButton,
+  IconButton,
+  ToggleButton,
+  DangerButton,
+  GhostButton,
   PanelParent,
+  PanelModel,
+  ModalPanel,
+  InspectorPanel,
+  CardPanel,
+  ToolbarPanel,
   SliderInput,
   TextInput,
   SelectInput,
   ToggleInput,
+  InputModel,
   TileParent,
+  TileModel,
+  SpawnOptionTile,
+  CategoryCardTile,
+  ClipCardTile,
+  ChannelStripTile,
   Badge,
   TelemetryPill,
-  StatusDot
+  StatusDot,
+  BadgeModel
 };

package/packages/ui/dist/components/base/index.js

@@ -5,6 +5,9 @@ import {
   CredentialField,
   KNOWN_CREDENTIAL_URLS
 } from "../../chunk-KIFQA7L6.js";
+import {
+  BaseTooltip
+} from "../../chunk-GKP6KHTI.js";
 import {
   BaseBadge,
   BaseCard
@@ -12,9 +15,6 @@ import {
 import {
   BaseInput
 } from "../../chunk-W42SJGOJ.js";
-import {
-  BaseTooltip
-} from "../../chunk-GKP6KHTI.js";
 import "../../chunk-62ITRDJX.js";
 import {
   BaseButton

package/packages/ui/dist/components/composite/index.js

@@ -7,16 +7,16 @@ import {
   SearchableList,
   StatusIndicator,
   useSearchKeyboardNavigation
-} from "../../chunk-DABYTYOU.js";
+} from "../../chunk-VEWPTZGO.js";
+import {
+  IconOnlyButton
+} from "../../chunk-OR5ZNJI4.js";
 import {
   CopyableLogViewer
 } from "../../chunk-RLQ2ALJG.js";
+import "../../chunk-GKP6KHTI.js";
 import "../../chunk-UOR4P6PO.js";
 import "../../chunk-W42SJGOJ.js";
-import {
-  IconOnlyButton
-} from "../../chunk-OR5ZNJI4.js";
-import "../../chunk-GKP6KHTI.js";
 import "../../chunk-62ITRDJX.js";
 import "../../chunk-A2CDQISJ.js";
 export {

package/packages/ui/dist/components/settings/index.js

@@ -1,9 +1,9 @@
 import {
   SettingsTab,
   ThemeSettingsSection
-} from "../../chunk-QWXEW7WH.js";
-import "../../chunk-RLQ2ALJG.js";
+} from "../../chunk-ATQPZLJX.js";
 import "../../chunk-DZJ3NSCX.js";
+import "../../chunk-RLQ2ALJG.js";
 import "../../chunk-UOR4P6PO.js";
 import "../../chunk-A2CDQISJ.js";
 export {

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

@@ -2,6 +2,27 @@ import React__default from 'react';
 import { GraphEntityParent } from '@ultrst-armada/kloks/state-graph';
 
 type GraphEntityMetadata = Record<string, any>;
+interface UIInteractionState {
+    isHovered?: boolean;
+    isActive?: boolean;
+    isFocused?: boolean;
+    isDisabled?: boolean;
+    isSelected?: boolean;
+}
+interface UIStyleTokens {
+    bgPrimary?: string;
+    bgSecondary?: string;
+    bgSurface?: string;
+    bgElevated?: string;
+    textPrimary?: string;
+    textSecondary?: string;
+    textMuted?: string;
+    accentPrimary?: string;
+    accentSecondary?: string;
+    borderSubtle?: string;
+    borderMedium?: string;
+    [key: string]: any;
+}
 type ColorPalette = Record<string, any>;
 declare function registerPaletteResolver(fn: () => ColorPalette): void;
 type UIRole = 'panel' | 'button' | 'input' | 'tile' | 'badge';
@@ -49,6 +70,10 @@ type UIProps = UIBaseProps;
 declare abstract class UIModel extends UIElementBase {
     constructor(id: string, name: string, variant?: UIVariant, size?: UISize);
 }
+interface UIParentProps extends UIBaseProps {
+    as?: React__default.ElementType;
+}
+declare const UIParent: React__default.FC<UIParentProps>;
 
 interface ButtonParentProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: UIVariant;
@@ -63,6 +88,18 @@ interface ButtonParentProps extends React__default.ButtonHTMLAttributes<HTMLButt
 }
 declare const ButtonParent: React__default.FC<ButtonParentProps>;
 
+declare class ButtonModel extends UIElementBase {
+    constructor(id: string, name: string, variant?: UIVariant, size?: UISize);
+}
+type ButtonVariant = UIVariant;
+type ButtonSize = UISize;
+type ButtonProps = ButtonParentProps;
+declare const ActionButton: React__default.FC<ButtonParentProps>;
+declare const IconButton: React__default.FC<ButtonParentProps>;
+declare const ToggleButton: React__default.FC<ButtonParentProps>;
+declare const DangerButton: React__default.FC<ButtonParentProps>;
+declare const GhostButton: React__default.FC<ButtonParentProps>;
+
 interface PanelParentProps {
     id?: string;
     title: string;
@@ -86,6 +123,16 @@ interface PanelParentProps {
 }
 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>;
+declare const InspectorPanel: React__default.FC<PanelParentProps>;
+declare const CardPanel: React__default.FC<PanelParentProps>;
+declare const ToolbarPanel: React__default.FC<PanelParentProps>;
+
 interface SliderInputProps {
     id?: string;
     value: number;
@@ -120,6 +167,10 @@ 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;
@@ -141,6 +192,15 @@ interface TileParentProps {
 }
 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>;
+declare const ClipCardTile: React__default.FC<TileParentProps>;
+declare const ChannelStripTile: React__default.FC<TileParentProps>;
+
 interface BadgeProps {
     id?: string;
     label: string;
@@ -165,4 +225,9 @@ interface StatusDotProps {
 }
 declare const StatusDot: React__default.FC<StatusDotProps>;
 
-export { Badge, type BadgeProps, ButtonParent, type ButtonParentProps, type ColorPalette, type GraphEntityMetadata, PanelParent, type PanelParentProps, SelectInput, type SelectInputProps, SliderInput, type SliderInputProps, StatusDot, type StatusDotProps, TelemetryPill, type TelemetryPillProps, TextInput, type TextInputProps, TileParent, type TileParentProps, ToggleInput, type ToggleInputProps, type TooltipDirection, type UIBaseProps, UIElementBase, UIModel, type UIProps, type UIRole, type UISize, type UIVariant, registerPaletteResolver };
+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, type GraphEntityMetadata, 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 };

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

@@ -1,18 +1,37 @@
 import {
+  ActionButton,
   Badge,
+  BadgeModel,
+  ButtonModel,
   ButtonParent,
+  CardPanel,
+  CategoryCardTile,
+  ChannelStripTile,
+  ClipCardTile,
+  DangerButton,
+  GhostButton,
+  IconButton,
+  InputModel,
+  InspectorPanel,
+  ModalPanel,
+  PanelModel,
   PanelParent,
   SelectInput,
   SliderInput,
+  SpawnOptionTile,
   StatusDot,
   TelemetryPill,
   TextInput,
+  TileModel,
   TileParent,
+  ToggleButton,
   ToggleInput,
+  ToolbarPanel,
   UIElementBase,
   UIModel,
+  UIParent,
   registerPaletteResolver
-} from "../chunk-OHISLM3Z.js";
+} from "../chunk-KYFSUQVT.js";
 import "../chunk-ZQK5I5ZL.js";
 import "../chunk-XXIH2HWI.js";
 import "../chunk-5ZMXFCD4.js";
@@ -20,17 +39,36 @@ import "../chunk-C3L53YN4.js";
 import "../chunk-62ITRDJX.js";
 import "../chunk-A2CDQISJ.js";
 export {
+  ActionButton,
   Badge,
+  BadgeModel,
+  ButtonModel,
   ButtonParent,
+  CardPanel,
+  CategoryCardTile,
+  ChannelStripTile,
+  ClipCardTile,
+  DangerButton,
+  GhostButton,
+  IconButton,
+  InputModel,
+  InspectorPanel,
+  ModalPanel,
+  PanelModel,
   PanelParent,
   SelectInput,
   SliderInput,
+  SpawnOptionTile,
   StatusDot,
   TelemetryPill,
   TextInput,
+  TileModel,
   TileParent,
+  ToggleButton,
   ToggleInput,
+  ToolbarPanel,
   UIElementBase,
   UIModel,
+  UIParent,
   registerPaletteResolver
 };

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

@@ -10,7 +10,7 @@ export { SettingsTab, SettingsTabProps, ThemeSettingsSection } from './component
 export { 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 { Badge, BadgeProps, ButtonParent, ButtonParentProps, GraphEntityMetadata, PanelParent, PanelParentProps, SelectInput, SelectInputProps, SliderInput, SliderInputProps, StatusDot, StatusDotProps, TelemetryPill, TelemetryPillProps, TextInput, TextInputProps, TileParent, TileParentProps, ToggleInput, ToggleInputProps, TooltipDirection, UIBaseProps, UIElementBase, UIModel, UIProps, UIRole, UISize, UIVariant, registerPaletteResolver } from './hierarchy/index.js';
+export { ActionButton, Badge, BadgeModel, BadgeProps, BadgeTone, ButtonModel, ButtonParent, ButtonParentProps, ButtonProps, ButtonSize, ButtonVariant, CardPanel, CategoryCardTile, ChannelStripTile, ClipCardTile, DangerButton, GhostButton, GraphEntityMetadata, 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';
 import 'zod';
 import 'react';
 import '@ultrst-armada/kloks/state-graph';

package/packages/ui/dist/index.js

@@ -1,26 +1,27 @@
-import {
-  ConfirmDialog,
-  CopyableErrorAlert,
-  EmptyState,
-  LoadingOverlay,
-  SearchInput,
-  SearchableList,
-  StatusIndicator,
-  useSearchKeyboardNavigation
-} from "./chunk-DABYTYOU.js";
 import {
   AppShell,
   BreadcrumbNav,
   HeaderBar,
   TopToolbar
 } from "./chunk-GWW3BGOB.js";
+import {
+  DEFAULT_PANEL_GEOMETRY,
+  DrawerContainer,
+  FloatingDetailsPanel,
+  PageContainer,
+  PanelContainer,
+  ResizeHandles,
+  SectionContainer,
+  SidebarContainer,
+  SplitContainer,
+  TabContainer,
+  usePanelGeometry,
+  usePanelInteraction
+} from "./chunk-TXKLROFC.js";
 import {
   SettingsTab,
   ThemeSettingsSection
-} from "./chunk-QWXEW7WH.js";
-import {
-  CopyableLogViewer
-} from "./chunk-RLQ2ALJG.js";
+} from "./chunk-ATQPZLJX.js";
 import {
   SrklBackblazeTile,
   StorageOptionTiles,
@@ -30,20 +31,39 @@ import {
   WorkspaceTilesMenu
 } from "./chunk-ELZOBTWX.js";
 import {
+  ActionButton,
   Badge,
+  BadgeModel,
+  ButtonModel,
   ButtonParent,
+  CardPanel,
+  CategoryCardTile,
+  ChannelStripTile,
+  ClipCardTile,
+  DangerButton,
+  GhostButton,
+  IconButton,
+  InputModel,
+  InspectorPanel,
+  ModalPanel,
+  PanelModel,
   PanelParent,
   SelectInput,
   SliderInput,
+  SpawnOptionTile,
   StatusDot,
   TelemetryPill,
   TextInput,
+  TileModel,
   TileParent,
+  ToggleButton,
   ToggleInput,
+  ToolbarPanel,
   UIElementBase,
   UIModel,
+  UIParent,
   registerPaletteResolver
-} from "./chunk-OHISLM3Z.js";
+} from "./chunk-KYFSUQVT.js";
 import "./chunk-SLJBDDSN.js";
 import {
   DEFAULT_PALETTE_ID,
@@ -116,13 +136,6 @@ import {
   CredentialField,
   KNOWN_CREDENTIAL_URLS
 } from "./chunk-KIFQA7L6.js";
-import {
-  BaseBadge,
-  BaseCard
-} from "./chunk-UOR4P6PO.js";
-import {
-  BaseInput
-} from "./chunk-W42SJGOJ.js";
 import "./chunk-5ZMXFCD4.js";
 import {
   ApiCallIndicator,
@@ -132,26 +145,32 @@ import {
   SystemMessageDisplay
 } from "./chunk-C3L53YN4.js";
 import {
-  DEFAULT_PANEL_GEOMETRY,
-  DrawerContainer,
-  FloatingDetailsPanel,
-  PageContainer,
-  PanelContainer,
-  ResizeHandles,
-  SectionContainer,
-  SidebarContainer,
-  SplitContainer,
-  TabContainer,
-  usePanelGeometry,
-  usePanelInteraction
-} from "./chunk-TXKLROFC.js";
+  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
@@ -160,11 +179,13 @@ import {
   BaseButton
 } from "./chunk-A2CDQISJ.js";
 export {
+  ActionButton,
   ApiCallIndicator,
   AppShell,
   AutoSaveToggle,
   BUILTIN_PALETTES,
   Badge,
+  BadgeModel,
   BaseBadge,
   BaseButton,
   BaseCard,
@@ -177,8 +198,13 @@ export {
   BottomStrip,
   BottomStripProvider,
   BreadcrumbNav,
+  ButtonModel,
   ButtonParent,
   CANONICAL_ELEMENTS,
+  CardPanel,
+  CategoryCardTile,
+  ChannelStripTile,
+  ClipCardTile,
   CodeStyleSchema,
   ConfirmDialog,
   CopyableErrorAlert,
@@ -192,16 +218,21 @@ export {
   DOCUSTACK_CYBERPUNK_PACK,
   DOCUSTACK_DARK_GOLD_PACK,
   DOCUSTACK_WARM_COFFEE_PACK,
+  DangerButton,
   docustack_cyberpunk_neon_default as DocuStackCyberpunkPack,
   docustack_dark_gold_default as DocuStackDarkGoldPack,
   docustack_warm_coffee_default as DocuStackWarmCoffeePack,
   DrawerContainer,
   EmptyState,
   FloatingDetailsPanel,
+  GhostButton,
   HeaderBar,
   HeadingLevelSchema,
   HorizontalRuleStyleSchema,
+  IconButton,
   IconOnlyButton,
+  InputModel,
+  InspectorPanel,
   KNOWN_CREDENTIAL_URLS,
   LinkStyleSchema,
   ListStyleSchema,
@@ -209,9 +240,11 @@ export {
   LoginModal,
   MarkdownSectionStylesSchema,
   ModalContainer,
+  ModalPanel,
   ModularThemePackSchema,
   PageContainer,
   PanelContainer,
+  PanelModel,
   PanelParent,
   ParagraphStyleSchema,
   ResizeHandles,
@@ -225,6 +258,7 @@ export {
   SkipoThemeMetadataSchema,
   SkipoThemeProvider,
   SliderInput,
+  SpawnOptionTile,
   SplitContainer,
   SrklBackblazeTile,
   StatusDot,
@@ -243,12 +277,16 @@ export {
   ThemeSettingsSection,
   ThemeTypographySchema,
   ThemeVariantDefinitionSchema,
+  TileModel,
   TileParent,
+  ToggleButton,
   ToggleInput,
+  ToolbarPanel,
   TopToolbar,
   UIElementBase,
   UIElementThemeValueSchema,
   UIModel,
+  UIParent,
   WorkspaceSecondaryClonesPanel,
   WorkspaceStorageReadonlyPanel,
   WorkspaceTilesMenu,

package/packages/ui/dist/{chunk-QWXEW7WH.js → chunk-ATQPZLJX.js}

@@ -1,11 +1,11 @@
-import {
-  CopyableLogViewer
-} from "./chunk-RLQ2ALJG.js";
 import {
   DEFAULT_DARK_THEME_PACK,
   DEFAULT_LIGHT_THEME_PACK,
   useSkipoTheme
 } from "./chunk-DZJ3NSCX.js";
+import {
+  CopyableLogViewer
+} from "./chunk-RLQ2ALJG.js";
 import {
   BaseBadge,
   BaseCard

package/packages/ui/dist/{chunk-DABYTYOU.js → chunk-VEWPTZGO.js}

@@ -1,3 +1,6 @@
+import {
+  ModalContainer
+} from "./chunk-OR5ZNJI4.js";
 import {
   BaseBadge,
   BaseCard
@@ -5,9 +8,6 @@ import {
 import {
   BaseInput
 } from "./chunk-W42SJGOJ.js";
-import {
-  ModalContainer
-} from "./chunk-OR5ZNJI4.js";
 import {
   BaseButton
 } from "./chunk-A2CDQISJ.js";