{
"schema": "leumas.docs.page/1",
"id": "pkg:@leumas/ui",
"slug": "packages/ui",
"kind": "capabilities",
"bucket": "package",
"title": "@leumas/ui",
"name": "@leumas/ui",
"eyebrow": null,
"chip": null,
"summary": "The ONE Leumas component + layout kit — data-agnostic, token-driven primitives shared by every product.",
"keywords": [
"data-agnostic",
"token-driven",
"primitives",
"layout",
"leumas ui",
"ui theme",
"component",
"product"
],
"audience": "both",
"funnel": {
"product": null,
"cta": null
},
"body": "# @leumas/ui\n\nThe ONE Leumas component + layout kit — **data-agnostic, token-driven primitives** every product\ncomposes. No product ships its own header/footer/sidebar; they import these and pass their own data.\n\n**Absorbs (DRY-consolidated from):** `z.Domains2/core/src/Globals/{Headers,Footers,Menus,Sidebars,Loaders,SpeedDials}`\n+ `Shared/Components`; `leumas-tech/src/components/{Layout,HUDLayout,WorkspaceLayout,…}`;\n`LeumasMedia/core/shared-ui`; `leumas-school/packages/ui`. The heavy product-specific logic (mega-menus,\nwakeword, wallet, hard-coded routes) is deliberately **left in the product** — `@leumas/ui` stays presentational.\n\n## Usage\n\n```jsx\nimport '@leumas/theme/global.css';\nimport '@leumas/ui/ui.css';\nimport { AppShell, Header, Aside, Footer, NavMenu, ThemeToggle } from '@leumas/ui';\nimport { NavLink } from 'react-router-dom';\n\n} utils={} />}\n {/* ONE contextual panel — the current section's pages, not a copy of the header nav. */}\n sidebar={}\n footer={}\n>\n \n\n```\n\n## Exports\n\n- **Layout:** `AppShell`, `Header`, `Aside` (one contextual panel), `Footer`, `NavMenu` / `NavItem`, `AppsGrid`.\n- **Primitives:** `Card` (+ `glow`), `Button` (`primary`/`ghost`), `PageContainer`, `Loader`.\n- **Theme:** `ThemeToggle`, `useTheme` (re-exported from `@leumas/theme`).\n\nRouter-agnostic: pass `LinkComponent` (e.g. `NavLink`) or it falls back to ``.\n",
"source": {
"path": "shared/packages/ui/README.md",
"blobSha": "",
"commit": "",
"committedAt": "",
"provenance": "no-git",
"bytes": 1853,
"hash": "b1779cbeb19cb9f9b4beac93a922579ca456fb28"
},
"urls": {
"html": "/p/packages/ui",
"json": "/docs/packages/ui.json",
"md": "/docs/packages/ui.md"
},
"links": {
"composes": [
"pkg:@leumas/config-registry",
"pkg:@leumas/exporters",
"pkg:@leumas/theme"
],
"usedBy": [
"pkg:@leumas/admin",
"pkg:@leumas/avatar",
"pkg:@leumas/converter-web",
"pkg:@leumas/docs",
"pkg:@leumas/domain-kit",
"pkg:@leumas/entrance",
"pkg:@leumas/features",
"pkg:@leumas/leviathan",
"pkg:@leumas/sing",
"pkg:@leumas/site-map",
"pkg:@leumas/sound",
"pkg:@leumas/studio",
"pkg:@leumas/value-changer",
"pkg:@leumas/web"
],
"product": [
"pkg:@leumas/admin",
"pkg:@leumas/converter-web",
"pkg:@leumas/docs",
"pkg:@leumas/studio",
"pkg:@leumas/web"
],
"howTo": [
"how-to:business-finder",
"how-to:hardware-pipeline"
],
"skills": [
"skill:cinematic-frontend-director",
"skill:leumas-domains"
]
},
"exports": {
"total": 557,
"component": 305,
"hook": 24,
"helper": 228,
"names": [
{
"n": "AccentPicker",
"k": "component"
},
{
"n": "ADAPTER_DRIVEN_VIEWS",
"k": "component"
},
{
"n": "AdminSurface",
"k": "component"
},
{
"n": "AppListingCard",
"k": "component"
},
{
"n": "AppListingDetail",
"k": "component"
},
{
"n": "AppsGrid",
"k": "component"
},
{
"n": "AppShell",
"k": "component"
},
{
"n": "AppTile",
"k": "component"
},
{
"n": "Aside",
"k": "component"
},
{
"n": "AudioPreview",
"k": "component"
},
{
"n": "Aura",
"k": "component"
},
{
"n": "Avatar",
"k": "component"
},
{
"n": "AvatarPreview",
"k": "component"
},
{
"n": "AvatarPreview",
"k": "component"
},
{
"n": "Box",
"k": "component"
},
{
"n": "Breadcrumbs",
"k": "component"
},
{
"n": "BulkBar",
"k": "component"
},
{
"n": "Button",
"k": "component"
},
{
"n": "Button",
"k": "component"
},
{
"n": "Calendar",
"k": "component"
},
{
"n": "CanvasHud",
"k": "component"
},
{
"n": "CanvasHudBar",
"k": "component"
},
{
"n": "CanvasHudCarousel",
"k": "component"
},
{
"n": "CanvasHudDial",
"k": "component"
},
{
"n": "CanvasHudFloat",
"k": "component"
},
{
"n": "CanvasHudPanel",
"k": "component"
},
{
"n": "CanvasHudPopover",
"k": "component"
},
{
"n": "CanvasHudPrimary",
"k": "component"
},
{
"n": "CanvasHudSection",
"k": "component"
},
{
"n": "CanvasHudStat",
"k": "component"
},
{
"n": "Card",
"k": "component"
},
{
"n": "CardGrid",
"k": "component"
},
{
"n": "CatalogBrowser",
"k": "component"
},
{
"n": "CatalogGrid",
"k": "component"
},
{
"n": "CatalogTile",
"k": "component"
},
{
"n": "ChatBar",
"k": "component"
},
{
"n": "ChatBar",
"k": "component"
},
{
"n": "ChatComposer",
"k": "component"
},
{
"n": "ChatDock",
"k": "component"
},
{
"n": "ChatDock",
"k": "component"
},
{
"n": "ChatEventRow",
"k": "component"
},
{
"n": "ChatInput",
"k": "component"
},
{
"n": "ChatInput",
"k": "component"
},
{
"n": "ChatMentionMenu",
"k": "component"
},
{
"n": "ChatMessageAction",
"k": "component"
},
{
"n": "ChatMessageBubble",
"k": "component"
},
{
"n": "ChatMessageBubble",
"k": "component"
},
{
"n": "ChatMessageList",
"k": "component"
},
{
"n": "ChatMessageList",
"k": "component"
},
{
"n": "ChatPanel",
"k": "component"
},
{
"n": "ChatPanel",
"k": "component"
},
{
"n": "ChatShell",
"k": "component"
},
{
"n": "ChatSlashMenu",
"k": "component"
},
{
"n": "ChatTranscript",
"k": "component"
},
{
"n": "Chip",
"k": "component"
},
{
"n": "Chip",
"k": "component"
},
{
"n": "ChoiceTile",
"k": "component"
},
{
"n": "CIRCUIT_EXPORT_FORMATS",
"k": "component"
},
{
"n": "CIRCUIT_LAYOUT_OPERATIONS",
"k": "component"
},
{
"n": "CIRCUIT_PREVIEW_TABS",
"k": "component"
},
{
"n": "CIRCUIT_STUDIO_PHASES",
"k": "component"
},
{
"n": "CIRCUIT_TOOLS",
"k": "component"
},
{
"n": "CircuitAutoroutePanel",
"k": "component"
},
{
"n": "CircuitCanvas",
"k": "component"
},
{
"n": "CircuitDrcPanel",
"k": "component"
},
{
"n": "CircuitExportPanel",
"k": "component"
},
{
"n": "CircuitExportWizard",
"k": "component"
},
{
"n": "CircuitFabricatePanel",
"k": "component"
},
{
"n": "CircuitLayoutPanel",
"k": "component"
},
{
"n": "CircuitPhaseBar",
"k": "component"
},
{
"n": "CircuitPrint3dPanel",
"k": "component"
},
{
"n": "CircuitSimulationPanel",
"k": "component"
},
{
"n": "CircuitSourcePanel",
"k": "component"
},
{
"n": "CircuitToolPanel",
"k": "component"
},
{
"n": "Code",
"k": "component"
},
{
"n": "CodeBlock",
"k": "component"
},
{
"n": "CodeEditor",
"k": "component"
},
{
"n": "CodeSearchView",
"k": "component"
},
{
"n": "CodeSearchViewAdapter",
"k": "component"
},
{
"n": "CollectionBody",
"k": "component"
},
{
"n": "ColoringCanvas",
"k": "component"
},
{
"n": "CommandDeck",
"k": "component"
},
{
"n": "CommandPalette",
"k": "component"
},
{
"n": "CONDITIONAL_VIEWS",
"k": "component"
},
{
"n": "ConfirmDialog",
"k": "component"
},
{
"n": "ContextMenu",
"k": "component"
},
{
"n": "CONTROLS",
"k": "component"
},
{
"n": "ConversationRail",
"k": "component"
},
{
"n": "CopyButton",
"k": "component"
},
{
"n": "CornerDial",
"k": "component"
},
{
"n": "CustomModePage",
"k": "component"
},
{
"n": "DataTable",
"k": "component"
},
{
"n": "DataTablePage",
"k": "component"
},
{
"n": "DEFAULT_CIRCUIT_ENTRY_FILE",
"k": "component"
},
{
"n": "DEFAULT_CIRCUIT_TEMPLATE_ID",
"k": "component"
},
{
"n": "DEFAULT_DWELL_MS",
"k": "component"
},
{
"n": "DeleteButton",
"k": "component"
},
{
"n": "DensityToggle",
"k": "component"
},
{
"n": "DependencyLensView",
"k": "component"
},
{
"n": "DependencyLensViewAdapter",
"k": "component"
},
{
"n": "DEVICE_PRESETS",
"k": "component"
},
{
"n": "DisplayGrid",
"k": "component"
},
{
"n": "DnaLab",
"k": "component"
},
{
"n": "Dot",
"k": "component"
},
{
"n": "DropOverlay",
"k": "component"
},
{
"n": "DynamicPage",
"k": "component"
},
{
"n": "EDGE_KIND_INDEX",
"k": "component"
},
{
"n": "EDGE_KIND_INDEX",
"k": "component"
},
{
"n": "EDGE_KINDS",
"k": "component"
},
{
"n": "EDGE_KINDS",
"k": "component"
},
{
"n": "EDGE_TYPE_COLORS",
"k": "component"
},
{
"n": "EDGE_TYPE_COLORS",
"k": "component"
},
{
"n": "EDGE_TYPE_COLORS",
"k": "component"
},
{
"n": "EmbedPage",
"k": "component"
},
{
"n": "EmptyState",
"k": "component"
},
{
"n": "EmptyState",
"k": "component"
},
{
"n": "EntityField",
"k": "component"
},
{
"n": "Equation",
"k": "component"
},
{
"n": "ExePage",
"k": "component"
},
{
"n": "ExportMenu",
"k": "component"
},
{
"n": "Field",
"k": "component"
},
{
"n": "Field",
"k": "component"
},
{
"n": "Fields",
"k": "component"
},
{
"n": "FileExplorer",
"k": "component"
},
{
"n": "FileGrid",
"k": "component"
},
{
"n": "FileGridAdapter",
"k": "component"
},
{
"n": "FilePreviewModal",
"k": "component"
},
{
"n": "FileTable",
"k": "component"
},
{
"n": "FileTableAdapter",
"k": "component"
},
{
"n": "FileTree",
"k": "component"
},
{
"n": "FileTreeAdapter",
"k": "component"
},
{
"n": "FilterBar",
"k": "component"
},
{
"n": "FlipbookReader",
"k": "component"
},
{
"n": "FolderHeatmapView",
"k": "component"
},
{
"n": "FolderHeatmapViewAdapter",
"k": "component"
},
{
"n": "Footer",
"k": "component"
},
{
"n": "FORM_CONTROL_HOSTS",
"k": "component"
},
{
"n": "FORM_CONTROLS",
"k": "component"
},
{
"n": "FormActions",
"k": "component"
},
{
"n": "FormControlsProvider",
"k": "component"
},
{
"n": "FormField",
"k": "component"
},
{
"n": "FormField",
"k": "component"
},
{
"n": "FormWizard",
"k": "component"
},
{
"n": "FunctionIndexView",
"k": "component"
},
{
"n": "FunctionIndexViewAdapter",
"k": "component"
},
{
"n": "Gallery",
"k": "component"
},
{
"n": "GalleryCard",
"k": "component"
},
{
"n": "GalleryCreateCard",
"k": "component"
},
{
"n": "GalleryPage",
"k": "component"
},
{
"n": "GitSidebarView",
"k": "component"
},
{
"n": "GitSidebarViewAdapter",
"k": "component"
},
{
"n": "GlassPanel",
"k": "component"
},
{
"n": "GlassPeek",
"k": "component"
},
{
"n": "Glyph",
"k": "component"
},
{
"n": "Glyph",
"k": "component"
},
{
"n": "GRAPH_PALETTE",
"k": "component"
},
{
"n": "GRAPH_PALETTE",
"k": "component"
},
{
"n": "GRAPH_PALETTE",
"k": "component"
},
{
"n": "Graph2D",
"k": "component"
},
{
"n": "GraphView",
"k": "component"
},
{
"n": "GraphView",
"k": "component"
},
{
"n": "GraphViewAdapter",
"k": "component"
},
{
"n": "Header",
"k": "component"
},
{
"n": "HeroHeader",
"k": "component"
},
{
"n": "HexDump",
"k": "component"
},
{
"n": "HzOscillator",
"k": "component"
},
{
"n": "Icon",
"k": "component"
},
{
"n": "Icon",
"k": "component"
},
{
"n": "ICON_GLYPHS",
"k": "component"
},
{
"n": "ICON_GLYPHS",
"k": "component"
},
{
"n": "IconButton",
"k": "component"
},
{
"n": "IconButton",
"k": "component"
},
{
"n": "Input",
"k": "component"
},
{
"n": "Input",
"k": "component"
},
{
"n": "InspectorDrawer",
"k": "component"
},
{
"n": "KIND_COLORS",
"k": "component"
},
{
"n": "KIND_COLORS",
"k": "component"
},
{
"n": "KpiChips",
"k": "component"
},
{
"n": "LEUMAS_ITEM_MIME",
"k": "component"
},
{
"n": "LevelMeter",
"k": "component"
},
{
"n": "LinkButton",
"k": "component"
},
{
"n": "LinkPortalPage",
"k": "component"
},
{
"n": "List",
"k": "component"
},
{
"n": "Loader",
"k": "component"
},
{
"n": "Loader",
"k": "component"
},
{
"n": "Logo",
"k": "component"
},
{
"n": "LONG_PRESS_MS",
"k": "component"
},
{
"n": "MarkdownPage",
"k": "component"
},
{
"n": "MediaContactSheet",
"k": "component"
},
{
"n": "MediaContactSheetAdapter",
"k": "component"
},
{
"n": "MediaGate",
"k": "component"
},
{
"n": "Modal",
"k": "component"
},
{
"n": "Moodboard",
"k": "component"
},
{
"n": "MoodboardViewAdapter",
"k": "component"
},
{
"n": "Mp3PlayerView",
"k": "component"
},
{
"n": "Mp3PlayerViewAdapter",
"k": "component"
},
{
"n": "MultiPageFormPage",
"k": "component"
},
{
"n": "NATIVE_INPUT_TYPES",
"k": "component"
},
{
"n": "NavItem",
"k": "component"
},
{
"n": "NavMenu",
"k": "component"
}
]
}
}