@elevasis/ui 2.9.0 → 2.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elevasis/ui",
-  "version": "2.9.0",
+  "version": "2.10.0",
   "description": "UI components and platform-aware hooks for building custom frontends on the Elevasis platform",
   "type": "module",
   "license": "MIT",
@@ -142,6 +142,22 @@
     "./zustand": {
       "types": "./dist/zustand/index.d.ts",
       "import": "./dist/zustand/index.js"
+    },
+    "./app": {
+      "types": "./dist/app/index.d.ts",
+      "import": "./dist/app/index.js"
+    },
+    "./provider/ElevasisServiceContext": {
+      "types": "./dist/provider/ElevasisServiceContext.d.ts",
+      "import": "./dist/provider/ElevasisServiceContext.js"
+    },
+    "./hooks/delivery": {
+      "types": "./dist/hooks/delivery/index.d.ts",
+      "import": "./dist/hooks/delivery/index.js"
+    },
+    "./hooks/operations/command-view/utils/transformCommandViewData": {
+      "types": "./dist/hooks/operations/command-view/utils/transformCommandViewData.d.ts",
+      "import": "./dist/hooks/operations/command-view/utils/transformCommandViewData.js"
     }
   },
   "peerDependencies": {
@@ -186,9 +202,9 @@
     "tsup": "^8.0.0",
     "typescript": "5.9.2",
     "vite": "^7.0.0",
-    "@repo/core": "0.2.0",
-    "@repo/typescript-config": "0.0.0",
-    "@repo/eslint-config": "0.0.0"
+    "@repo/core": "0.3.0",
+    "@repo/eslint-config": "0.0.0",
+    "@repo/typescript-config": "0.0.0"
   },
   "dependencies": {
     "@dagrejs/dagre": "^1.1.4",

package/src/app/README.md

@@ -0,0 +1,24 @@
+# App
+
+Published app factory for downstream applications.
+
+## Exports
+
+- `createElevasisApp(config)` -- factory that composes providers, router, auth, and theme into a mountable React app
+- `ElevasisAppConfig` -- configuration interface (router, query client, theme, store hooks, error handling)
+- `ElevasisAppStoreConfig` -- store integration hooks for theme state
+
+## Usage
+
+```ts
+import { createElevasisApp } from '@elevasis/ui/app'
+
+const { App } = createElevasisApp({
+  router,
+  queryClient,
+  store: { useThemePreset, useThemeColorScheme, useSetTheme },
+  themeConfig: { presets, defaultPreset },
+})
+```
+
+Consumers must import CSS separately in their entry point.

package/src/provider/README.md

@@ -4,6 +4,8 @@ The provider surface composes the shared Elevasis service, feature, appearance,
 
 ## Exports
 
+The following are exported from `published.ts`, which is the external consumer surface for `@elevasis/ui/provider`:
+
 - `ElevasisCoreProvider`
 - `ElevasisFeaturesProvider`
 - `useElevasisFeatures`
@@ -15,17 +17,16 @@ The provider surface composes the shared Elevasis service, feature, appearance,
 - `useElevasisServices`
 - `NotificationProvider`
 - `useNotificationAdapter`
-- `ElevasisUIProvider`
 - Related provider and service types
 
+Note: `ElevasisUIProvider` (the Mantine-facing visual layer) is available internally via `@repo/ui` but is NOT exported from the published `@elevasis/ui/provider` subpath. It is only available via the internal `./provider/ui` monorepo subpath.
+
 ## Related Published Subpaths
 
-- `./provider`
-- `./provider/ui`
-- `./provider/ElevasisServiceContext`
+- `./provider` - headless providers (points to `published.ts`; no Mantine dependency)
+- `./provider/ui` - full provider including Mantine-dependent `ElevasisUIProvider` (internal monorepo use; also published for consumers that opt in)
 
 ## Notes
 
-- `published.ts` is the external consumer surface.
-- `ElevasisUIProvider` is the Mantine-facing visual layer; `ElevasisCoreProvider` and `ElevasisFeaturesProvider` handle the platform shell.
-
+- `published.ts` is the external consumer surface for `@elevasis/ui/provider`.
+- `ElevasisUIProvider` is Mantine-dependent and available only via `@repo/ui` internally or `@elevasis/ui/provider/ui`; it is not included in the headless `./provider` published export.

package/dist/chunk-IDACMRGQ.js

@@ -1,115 +0,0 @@
-import { useAppearance } from './chunk-QJ2KCHKX.js';
-import { sidebarGroupChevronSize, sidebarIconInnerSize } from './chunk-DT3QYZVU.js';
-import { Center, Box, UnstyledButton, Group, Text, Collapse, Stack } from '@mantine/core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { IconChevronDown, IconChevronRight } from '@tabler/icons-react';
-
-function SubshellLoader() {
-  const { loader } = useAppearance();
-  return /* @__PURE__ */ jsx(Center, { mih: "calc(100vh - 70px)", children: loader });
-}
-var activeColor = "var(--color-primary)";
-var defaultTextColor = "var(--color-text)";
-var subtleColor = "var(--color-text-subtle)";
-var activeBg = `color-mix(in srgb, ${activeColor} 10%, transparent)`;
-var CollapsibleSidebarGroup = ({
-  icon: Icon,
-  label,
-  isExpanded,
-  onToggle,
-  isActive = false,
-  badge,
-  children,
-  onLabelClick,
-  emptyMessage = "No items",
-  isEmpty = false,
-  isLoading = false,
-  loadingComponent
-}) => {
-  const showActiveStyle = !isExpanded && isActive;
-  const iconColor = showActiveStyle ? activeColor : subtleColor;
-  const textColor = showActiveStyle ? activeColor : defaultTextColor;
-  const fontWeight = showActiveStyle ? 600 : 500;
-  const handleLabelClick = (e) => {
-    if (onLabelClick) {
-      e.stopPropagation();
-      onLabelClick();
-    }
-  };
-  return /* @__PURE__ */ jsxs(Box, { children: [
-    /* @__PURE__ */ jsx(
-      UnstyledButton,
-      {
-        onClick: onToggle,
-        style: {
-          display: "flex",
-          alignItems: "center",
-          width: "100%",
-          padding: "var(--mantine-spacing-xs)",
-          color: textColor,
-          backgroundColor: showActiveStyle ? activeBg : "transparent",
-          transition: `all var(--duration-fast) var(--easing)`,
-          cursor: "pointer",
-          overflow: "hidden"
-        },
-        onMouseEnter: (e) => {
-          if (!showActiveStyle) {
-            e.currentTarget.style.backgroundColor = "var(--color-surface-hover)";
-          }
-        },
-        onMouseLeave: (e) => {
-          if (!showActiveStyle) {
-            e.currentTarget.style.backgroundColor = "transparent";
-          }
-        },
-        children: /* @__PURE__ */ jsxs(Group, { gap: "xs", wrap: "nowrap", style: { width: "100%" }, children: [
-          /* @__PURE__ */ jsx(Box, { style: { flexShrink: 0, color: iconColor }, children: isExpanded ? /* @__PURE__ */ jsx(IconChevronDown, { size: sidebarGroupChevronSize }) : /* @__PURE__ */ jsx(IconChevronRight, { size: sidebarGroupChevronSize }) }),
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              style: { flexShrink: 0, color: iconColor, cursor: onLabelClick ? "pointer" : "inherit" },
-              onClick: onLabelClick ? handleLabelClick : void 0,
-              children: /* @__PURE__ */ jsx(Icon, { size: sidebarIconInnerSize, color: activeColor })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Text,
-            {
-              size: "sm",
-              fw: fontWeight,
-              style: {
-                fontFamily: "var(--elevasis-font-family-subtitle)",
-                color: textColor,
-                transition: `color var(--duration-fast) var(--easing)`,
-                overflow: "hidden",
-                textOverflow: "ellipsis",
-                whiteSpace: "nowrap",
-                flex: 1,
-                cursor: onLabelClick ? "pointer" : "inherit"
-              },
-              onClick: onLabelClick ? handleLabelClick : void 0,
-              children: label
-            }
-          ),
-          badge && /* @__PURE__ */ jsx(Box, { style: { flexShrink: 0 }, children: badge })
-        ] })
-      }
-    ),
-    /* @__PURE__ */ jsx(Collapse, { in: isExpanded, children: /* @__PURE__ */ jsx(
-      Stack,
-      {
-        gap: 0,
-        mt: "xs",
-        ml: "xs",
-        style: {
-          borderLeft: `1px solid color-mix(in srgb, var(--color-primary) 40%, transparent)`,
-          marginLeft: "calc(var(--mantine-spacing-xs) + 6px)",
-          paddingLeft: "calc(var(--mantine-spacing-xs) - 2px)"
-        },
-        children: isLoading ? loadingComponent : isEmpty ? /* @__PURE__ */ jsx(Text, { size: "sm", c: "dimmed", style: { padding: "6px 8px" }, children: emptyMessage }) : children
-      }
-    ) })
-  ] });
-};
-
-export { CollapsibleSidebarGroup, SubshellLoader };