@almadar/ui 5.76.0 → 5.76.1

package/dist/providers/index.cjs

@@ -65,6 +65,7 @@ function _interopNamespace(e) {
 
 var React106__namespace = /*#__PURE__*/_interopNamespace(React106);
 var LucideIcons2__namespace = /*#__PURE__*/_interopNamespace(LucideIcons2);
+var context__default = /*#__PURE__*/_interopDefault(context);
 var ELK__default = /*#__PURE__*/_interopDefault(ELK);
 var SyntaxHighlighter__default = /*#__PURE__*/_interopDefault(SyntaxHighlighter);
 var dark__default = /*#__PURE__*/_interopDefault(dark);
@@ -35190,7 +35191,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect72, useRef: useRef75, useCallback: useCallback113, useState: useState105 } = React106__namespace.default;
+      const { useEffect: useEffect72, useRef: useRef75, useCallback: useCallback114, useState: useState105 } = React106__namespace.default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -35236,7 +35237,7 @@ var init_MapView = __esm({
       }) {
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState105(null);
-        const handleMapClick = useCallback113((lat, lng) => {
+        const handleMapClick = useCallback114((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -35245,7 +35246,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback113((marker) => {
+        const handleMarkerClick = useCallback114((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -52774,6 +52775,344 @@ function OrbitalProvider({
   );
 }
 OrbitalProvider.displayName = "OrbitalProvider";
+
+// lib/themeTokens.ts
+function themeTokensToCssVars(tokens, mode = "light", darkVariant) {
+  const vars = {};
+  const isDark = mode === "dark";
+  const pickColors = isDark && darkVariant?.colors ? darkVariant.colors : tokens.colors;
+  if (pickColors) {
+    for (const [key, value] of Object.entries(pickColors)) {
+      vars[`--color-${key}`] = value;
+    }
+    if (isDark && darkVariant?.colors && tokens.colors) {
+      for (const [key, value] of Object.entries(tokens.colors)) {
+        const varName = `--color-${key}`;
+        if (!(varName in vars)) vars[varName] = value;
+      }
+    }
+  }
+  const pickRadii = isDark && darkVariant?.radii ? darkVariant.radii : tokens.radii;
+  if (pickRadii) {
+    for (const [key, value] of Object.entries(pickRadii)) {
+      vars[`--radius-${key}`] = value;
+    }
+  }
+  const pickSpacing = isDark && darkVariant?.spacing ? darkVariant.spacing : tokens.spacing;
+  if (pickSpacing) {
+    for (const [key, value] of Object.entries(pickSpacing)) {
+      vars[`--space-${key}`] = value;
+    }
+  }
+  const pickTypography = isDark && darkVariant?.typography ? darkVariant.typography : tokens.typography;
+  if (pickTypography) {
+    for (const [key, value] of Object.entries(pickTypography)) {
+      vars[`--${key}`] = value;
+    }
+  }
+  const pickShadows = isDark && darkVariant?.shadows ? darkVariant.shadows : tokens.shadows;
+  if (pickShadows) {
+    for (const [key, value] of Object.entries(pickShadows)) {
+      vars[`--shadow-${key}`] = value;
+    }
+  }
+  const pickDensity = isDark && darkVariant?.density ? darkVariant.density : tokens.density;
+  emitDensity(pickDensity, vars);
+  const pickTypeScale = isDark && darkVariant?.typeScale ? darkVariant.typeScale : tokens.typeScale;
+  emitTypeScale(pickTypeScale, vars);
+  const pickMotion = isDark && darkVariant?.motion ? darkVariant.motion : tokens.motion;
+  emitMotion(pickMotion, vars);
+  const pickIconography = isDark && darkVariant?.iconography ? darkVariant.iconography : tokens.iconography;
+  emitIconography(pickIconography, vars);
+  const pickElevation = isDark && darkVariant?.elevation ? darkVariant.elevation : tokens.elevation;
+  emitElevation(pickElevation, vars);
+  const pickGeometry = isDark && darkVariant?.geometry ? darkVariant.geometry : tokens.geometry;
+  emitGeometry(pickGeometry, vars);
+  return vars;
+}
+function emitDensity(density, vars) {
+  if (!density) return;
+  if (density.spacing) {
+    const s = density.spacing;
+    const pairs2 = [
+      ["0", s.space0],
+      ["1", s.space1],
+      ["2", s.space2],
+      ["3", s.space3],
+      ["4", s.space4],
+      ["5", s.space5],
+      ["6", s.space6],
+      ["7", s.space7],
+      ["8", s.space8],
+      ["9", s.space9],
+      ["10", s.space10],
+      ["11", s.space11],
+      ["12", s.space12]
+    ];
+    for (const [k, v] of pairs2) {
+      if (v !== void 0) vars[`--space-${k}`] = v;
+    }
+  }
+  const pairs = [
+    ["button-height-sm", density.buttonHeightSm],
+    ["button-height-md", density.buttonHeightMd],
+    ["button-height-lg", density.buttonHeightLg],
+    ["input-height-sm", density.inputHeightSm],
+    ["input-height-md", density.inputHeightMd],
+    ["input-height-lg", density.inputHeightLg],
+    ["row-height-compact", density.rowHeightCompact],
+    ["row-height-normal", density.rowHeightNormal],
+    ["row-height-spacious", density.rowHeightSpacious],
+    ["card-padding-sm", density.cardPaddingSm],
+    ["card-padding-md", density.cardPaddingMd],
+    ["card-padding-lg", density.cardPaddingLg],
+    ["dialog-padding", density.dialogPadding],
+    ["section-gap", density.sectionGap]
+  ];
+  for (const [k, v] of pairs) {
+    if (v !== void 0) vars[`--${k}`] = v;
+  }
+}
+function typeSizeKeyStr(k) {
+  return k;
+}
+function typeWeightStr(w) {
+  return w;
+}
+function emitTypeIntent(name, intent, vars) {
+  const sizeKey2 = typeSizeKeyStr(intent.size);
+  const weight = typeWeightStr(intent.weight);
+  vars[`--intent-${name}-size`] = `var(--text-${sizeKey2})`;
+  vars[`--intent-${name}-weight`] = `var(--font-weight-${weight})`;
+  vars[`--intent-${name}-leading`] = `var(--leading-${sizeKey2})`;
+}
+function emitTypeScale(ts, vars) {
+  if (!ts) return;
+  if (ts.displayFamily !== void 0) vars["--font-family-display"] = ts.displayFamily;
+  if (ts.bodyFamily !== void 0) vars["--font-family-body"] = ts.bodyFamily;
+  if (ts.monoFamily !== void 0) vars["--font-family-mono"] = ts.monoFamily;
+  if (ts.scale) {
+    const s = ts.scale;
+    const pairs = [
+      ["xs", s.xs],
+      ["sm", s.sm],
+      ["base", s.base],
+      ["lg", s.lg],
+      ["xl", s.xl],
+      ["2xl", s["2xl"]],
+      ["3xl", s["3xl"]],
+      ["4xl", s["4xl"]],
+      ["display-1", s["display-1"]],
+      ["display-2", s["display-2"]]
+    ];
+    for (const [k, entry] of pairs) {
+      if (entry !== void 0) {
+        vars[`--text-${k}`] = entry.size;
+        vars[`--leading-${k}`] = entry.lineHeight;
+      }
+    }
+  }
+  if (ts.intents) {
+    const i = ts.intents;
+    if (i.headingMajor) emitTypeIntent("heading-major", i.headingMajor, vars);
+    if (i.headingMinor) emitTypeIntent("heading-minor", i.headingMinor, vars);
+    if (i.bodyEmphasis) emitTypeIntent("body-emphasis", i.bodyEmphasis, vars);
+    if (i.bodyDefault) emitTypeIntent("body-default", i.bodyDefault, vars);
+    if (i.bodyQuiet) emitTypeIntent("body-quiet", i.bodyQuiet, vars);
+    if (i.caption) emitTypeIntent("caption", i.caption, vars);
+    if (i.numeric) emitTypeIntent("numeric", i.numeric, vars);
+  }
+}
+function emitMotionIntent(name, intent, vars) {
+  vars[`--intent-${name}-duration`] = `var(--duration-${intent.duration})`;
+  vars[`--intent-${name}-easing`] = `var(--easing-${intent.easing})`;
+}
+function emitMotion(m, vars) {
+  if (!m) return;
+  if (m.durations) {
+    const d = m.durations;
+    const pairs = [
+      ["instant", d.instant],
+      ["fast", d.fast],
+      ["normal", d.normal],
+      ["slow", d.slow],
+      ["dramatic", d.dramatic]
+    ];
+    for (const [k, v] of pairs) {
+      if (v !== void 0) vars[`--duration-${k}`] = v;
+    }
+  }
+  if (m.easings) {
+    const e = m.easings;
+    const pairs = [
+      ["linear", e.linear],
+      ["standard", e.standard],
+      ["emphasized", e.emphasized],
+      ["spring", e.spring]
+    ];
+    for (const [k, v] of pairs) {
+      if (v !== void 0) vars[`--easing-${k}`] = v;
+    }
+  }
+  if (m.intents) {
+    const i = m.intents;
+    if (i.enter) emitMotionIntent("enter", i.enter, vars);
+    if (i.exit) emitMotionIntent("exit", i.exit, vars);
+    if (i.hover) emitMotionIntent("hover", i.hover, vars);
+    if (i.press) emitMotionIntent("press", i.press, vars);
+    if (i.expand) emitMotionIntent("expand", i.expand, vars);
+    if (i.transition) emitMotionIntent("transition", i.transition, vars);
+  }
+}
+function emitIconography(i, vars) {
+  if (!i) return;
+  if (i.family !== void 0) vars["--icon-family"] = i.family;
+  if (i.strokeWidth !== void 0) vars["--icon-stroke-width"] = i.strokeWidth;
+  if (i.defaultSize !== void 0) vars["--icon-default-size"] = i.defaultSize;
+}
+function emitElevation(e, vars) {
+  if (!e) return;
+  if (e.cardElevation !== void 0) vars["--elevation-card"] = e.cardElevation;
+  if (e.popoverElevation !== void 0) vars["--elevation-popover"] = e.popoverElevation;
+  if (e.dialogElevation !== void 0) vars["--elevation-dialog"] = e.dialogElevation;
+  if (e.toastElevation !== void 0) vars["--elevation-toast"] = e.toastElevation;
+}
+function emitGeometry(g, vars) {
+  if (!g) return;
+  if (g.radiusContainer !== void 0) vars["--radius-container"] = g.radiusContainer;
+  if (g.radiusInteractive !== void 0) vars["--radius-interactive"] = g.radiusInteractive;
+  if (g.radiusPill !== void 0) vars["--radius-pill"] = g.radiusPill;
+  if (g.borderHairline !== void 0) vars["--border-hairline"] = g.borderHairline;
+  if (g.borderStandard !== void 0) vars["--border-standard"] = g.borderStandard;
+  if (g.borderHeavy !== void 0) vars["--border-heavy"] = g.borderHeavy;
+}
+function resolveThemeForRuntime(theme) {
+  if (theme === void 0) return void 0;
+  if (typeof theme === "string") return void 0;
+  return theme;
+}
+function OrbitalThemeProvider({ theme, children }) {
+  const resolved = resolveThemeForRuntime(theme);
+  const { resolvedMode } = context.useTheme();
+  if (!resolved) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  const vars = themeTokensToCssVars(resolved.tokens, resolvedMode, resolved.variants?.dark);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-orbital-theme": resolved.name,
+      style: { display: "contents", ...vars },
+      children
+    }
+  );
+}
+OrbitalThemeProvider.displayName = "OrbitalThemeProvider";
+var CurrentPagePathContext = React106.createContext(void 0);
+var CurrentPagePathProvider = ({
+  value,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(CurrentPagePathContext.Provider, { value, children });
+CurrentPagePathProvider.displayName = "CurrentPagePathProvider";
+var useCurrentPagePath2 = () => React106.useContext(CurrentPagePathContext);
+var ANONYMOUS_USER = {
+  id: "anonymous",
+  role: "anonymous",
+  permissions: []
+};
+var UserContext = React106.createContext(null);
+function UserProvider({
+  user = null,
+  children
+}) {
+  const hasRole = React106.useCallback(
+    (role) => {
+      if (!user) return role === "anonymous";
+      return user.role === role;
+    },
+    [user]
+  );
+  const hasPermission = React106.useCallback(
+    (permission) => {
+      if (!user) return false;
+      return user.permissions?.includes(permission) ?? false;
+    },
+    [user]
+  );
+  const hasAnyRole = React106.useCallback(
+    (roles) => {
+      if (!user) return roles.includes("anonymous");
+      return user.role ? roles.includes(user.role) : false;
+    },
+    [user]
+  );
+  const hasAllPermissions = React106.useCallback(
+    (permissions) => {
+      if (!user || !user.permissions) return false;
+      return permissions.every((p2) => user.permissions?.includes(p2));
+    },
+    [user]
+  );
+  const getUserField = React106.useCallback(
+    (path) => {
+      const userData = user ?? ANONYMOUS_USER;
+      const parts = path.split(".");
+      let value = userData;
+      for (const segment of parts) {
+        if (value === null || value === void 0) {
+          return void 0;
+        }
+        if (typeof value === "object") {
+          value = value[segment];
+        } else {
+          return void 0;
+        }
+      }
+      return value;
+    },
+    [user]
+  );
+  const contextValue = React106.useMemo(
+    () => ({
+      user,
+      isLoggedIn: user !== null,
+      hasRole,
+      hasPermission,
+      hasAnyRole,
+      hasAllPermissions,
+      getUserField
+    }),
+    [user, hasRole, hasPermission, hasAnyRole, hasAllPermissions, getUserField]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(UserContext.Provider, { value: contextValue, children });
+}
+function useUser() {
+  const context = React106.useContext(UserContext);
+  if (!context) {
+    return {
+      user: null,
+      isLoggedIn: false,
+      hasRole: (role) => role === "anonymous",
+      hasPermission: () => false,
+      hasAnyRole: (roles) => roles.includes("anonymous"),
+      hasAllPermissions: () => false,
+      getUserField: () => void 0
+    };
+  }
+  return context;
+}
+function useHasRole(role) {
+  const { hasRole } = useUser();
+  return hasRole(role);
+}
+function useHasPermission(permission) {
+  const { hasPermission } = useUser();
+  return hasPermission(permission);
+}
+function useUserForEvaluation() {
+  const { user, isLoggedIn } = useUser();
+  return isLoggedIn && user ? user : void 0;
+}
 var TraitScopeContext = React106.createContext(null);
 function TraitScopeProvider3({
   orbital,
@@ -52819,16 +53158,71 @@ function useOptionalOfflineMode() {
   return React106.useContext(OfflineModeContext);
 }
 
+Object.defineProperty(exports, "BUILT_IN_THEMES", {
+  enumerable: true,
+  get: function () { return context.BUILT_IN_THEMES; }
+});
+Object.defineProperty(exports, "DesignThemeProvider", {
+  enumerable: true,
+  get: function () { return context.DesignThemeProvider; }
+});
+Object.defineProperty(exports, "ThemeContext", {
+  enumerable: true,
+  get: function () { return context__default.default; }
+});
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () { return context.ThemeProvider; }
+});
+Object.defineProperty(exports, "UISlotContext", {
+  enumerable: true,
+  get: function () { return context.UISlotContext; }
+});
+Object.defineProperty(exports, "UISlotProvider", {
+  enumerable: true,
+  get: function () { return context.UISlotProvider; }
+});
+Object.defineProperty(exports, "useDesignTheme", {
+  enumerable: true,
+  get: function () { return context.useDesignTheme; }
+});
+Object.defineProperty(exports, "useSlotContent", {
+  enumerable: true,
+  get: function () { return context.useSlotContent; }
+});
+Object.defineProperty(exports, "useSlotHasContent", {
+  enumerable: true,
+  get: function () { return context.useSlotHasContent; }
+});
+Object.defineProperty(exports, "useTheme", {
+  enumerable: true,
+  get: function () { return context.useTheme; }
+});
+Object.defineProperty(exports, "useUISlots", {
+  enumerable: true,
+  get: function () { return context.useUISlots; }
+});
+exports.ANONYMOUS_USER = ANONYMOUS_USER;
+exports.CurrentPagePathContext = CurrentPagePathContext;
+exports.CurrentPagePathProvider = CurrentPagePathProvider;
 exports.EventBusContext = EventBusContext2;
 exports.EventBusProvider = EventBusProvider;
 exports.OfflineModeProvider = OfflineModeProvider;
 exports.OrbitalProvider = OrbitalProvider;
+exports.OrbitalThemeProvider = OrbitalThemeProvider;
 exports.SelectionContext = SelectionContext;
 exports.SelectionProvider = SelectionProvider;
 exports.TraitScopeProvider = TraitScopeProvider3;
+exports.UserContext = UserContext;
+exports.UserProvider = UserProvider;
 exports.VerificationProvider = VerificationProvider;
+exports.useCurrentPagePath = useCurrentPagePath2;
+exports.useHasPermission = useHasPermission;
+exports.useHasRole = useHasRole;
 exports.useOfflineMode = useOfflineMode;
 exports.useOptionalOfflineMode = useOptionalOfflineMode;
 exports.useSelection = useSelection;
 exports.useSelectionOptional = useSelectionOptional;
 exports.useTraitScope = useTraitScope2;
+exports.useUser = useUser;
+exports.useUserForEvaluation = useUserForEvaluation;

package/dist/providers/index.d.ts

@@ -5,7 +5,13 @@
  * Use OrbitalProvider for most cases - it combines all required providers.
  */
 export { OrbitalProvider, type OrbitalProviderProps } from './OrbitalProvider';
-export type { UIThemeDefinition } from './ThemeContext';
+export { ThemeProvider, useTheme, BUILT_IN_THEMES, type UIThemeDefinition, type ThemeProviderProps, type ColorMode, type ResolvedMode, type DesignTheme, } from './ThemeContext';
+export { default as ThemeContext } from './ThemeContext';
+export { UISlotProvider, useUISlots, useSlotContent, useSlotHasContent, UISlotContext, type UISlotManager, type UISlot, type SlotContent, type SlotRenderConfig, type SlotAnimation, type SlotChangeCallback, } from './UISlotContext';
+export { OrbitalThemeProvider, type OrbitalThemeProviderProps } from './OrbitalThemeProvider';
+export { DesignThemeProvider, useDesignTheme } from './DesignThemeContext';
+export { CurrentPagePathProvider, CurrentPagePathContext, useCurrentPagePath, type CurrentPagePathProviderProps, } from './CurrentPagePathContext';
+export { UserProvider, UserContext, useUser, useHasRole, useHasPermission, useUserForEvaluation, ANONYMOUS_USER, type UserData, type UserContextValue, type UserProviderProps, } from './UserContext';
 export { EventBusProvider, EventBusContext } from './EventBusProvider';
 export { TraitScopeProvider, useTraitScope } from './TraitScopeProvider';
 export type { TraitScope, TraitScopeProviderProps } from './TraitScopeProvider';

package/dist/providers/index.js

@@ -10,6 +10,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createPortal } from 'react-dom';
 import { useTranslate } from '@almadar/ui/hooks';
 import { useUISlots, ThemeProvider, useTheme } from '@almadar/ui/context';
+export { BUILT_IN_THEMES, DesignThemeProvider, default as ThemeContext, ThemeProvider, UISlotContext, UISlotProvider, useDesignTheme, useSlotContent, useSlotHasContent, useTheme, useUISlots } from '@almadar/ui/context';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { getPatternDefinition, getComponentForPattern } from '@almadar/patterns';
 import { Link, Outlet, useLocation } from 'react-router-dom';
@@ -35144,7 +35145,7 @@ var init_MapView = __esm({
         shadowSize: [41, 41]
       });
       L.Marker.prototype.options.icon = defaultIcon;
-      const { useEffect: useEffect72, useRef: useRef75, useCallback: useCallback113, useState: useState105 } = React106__default;
+      const { useEffect: useEffect72, useRef: useRef75, useCallback: useCallback114, useState: useState105 } = React106__default;
       const { Typography: Typography2 } = await Promise.resolve().then(() => (init_Typography(), Typography_exports));
       const { useEventBus: useEventBus2 } = await Promise.resolve().then(() => (init_useEventBus(), useEventBus_exports));
       function MapUpdater({ centerLat, centerLng, zoom }) {
@@ -35190,7 +35191,7 @@ var init_MapView = __esm({
       }) {
         const eventBus = useEventBus2();
         const [clickedPosition, setClickedPosition] = useState105(null);
-        const handleMapClick = useCallback113((lat, lng) => {
+        const handleMapClick = useCallback114((lat, lng) => {
           if (showClickedPin) {
             setClickedPosition({ lat, lng });
           }
@@ -35199,7 +35200,7 @@ var init_MapView = __esm({
             eventBus.emit(`UI:${mapClickEvent}`, { latitude: lat, longitude: lng });
           }
         }, [onMapClick, mapClickEvent, eventBus, showClickedPin]);
-        const handleMarkerClick = useCallback113((marker) => {
+        const handleMarkerClick = useCallback114((marker) => {
           onMarkerClick?.(marker);
           if (markerClickEvent) {
             eventBus.emit(`UI:${markerClickEvent}`, { ...marker });
@@ -52728,6 +52729,344 @@ function OrbitalProvider({
   );
 }
 OrbitalProvider.displayName = "OrbitalProvider";
+
+// lib/themeTokens.ts
+function themeTokensToCssVars(tokens, mode = "light", darkVariant) {
+  const vars = {};
+  const isDark = mode === "dark";
+  const pickColors = isDark && darkVariant?.colors ? darkVariant.colors : tokens.colors;
+  if (pickColors) {
+    for (const [key, value] of Object.entries(pickColors)) {
+      vars[`--color-${key}`] = value;
+    }
+    if (isDark && darkVariant?.colors && tokens.colors) {
+      for (const [key, value] of Object.entries(tokens.colors)) {
+        const varName = `--color-${key}`;
+        if (!(varName in vars)) vars[varName] = value;
+      }
+    }
+  }
+  const pickRadii = isDark && darkVariant?.radii ? darkVariant.radii : tokens.radii;
+  if (pickRadii) {
+    for (const [key, value] of Object.entries(pickRadii)) {
+      vars[`--radius-${key}`] = value;
+    }
+  }
+  const pickSpacing = isDark && darkVariant?.spacing ? darkVariant.spacing : tokens.spacing;
+  if (pickSpacing) {
+    for (const [key, value] of Object.entries(pickSpacing)) {
+      vars[`--space-${key}`] = value;
+    }
+  }
+  const pickTypography = isDark && darkVariant?.typography ? darkVariant.typography : tokens.typography;
+  if (pickTypography) {
+    for (const [key, value] of Object.entries(pickTypography)) {
+      vars[`--${key}`] = value;
+    }
+  }
+  const pickShadows = isDark && darkVariant?.shadows ? darkVariant.shadows : tokens.shadows;
+  if (pickShadows) {
+    for (const [key, value] of Object.entries(pickShadows)) {
+      vars[`--shadow-${key}`] = value;
+    }
+  }
+  const pickDensity = isDark && darkVariant?.density ? darkVariant.density : tokens.density;
+  emitDensity(pickDensity, vars);
+  const pickTypeScale = isDark && darkVariant?.typeScale ? darkVariant.typeScale : tokens.typeScale;
+  emitTypeScale(pickTypeScale, vars);
+  const pickMotion = isDark && darkVariant?.motion ? darkVariant.motion : tokens.motion;
+  emitMotion(pickMotion, vars);
+  const pickIconography = isDark && darkVariant?.iconography ? darkVariant.iconography : tokens.iconography;
+  emitIconography(pickIconography, vars);
+  const pickElevation = isDark && darkVariant?.elevation ? darkVariant.elevation : tokens.elevation;
+  emitElevation(pickElevation, vars);
+  const pickGeometry = isDark && darkVariant?.geometry ? darkVariant.geometry : tokens.geometry;
+  emitGeometry(pickGeometry, vars);
+  return vars;
+}
+function emitDensity(density, vars) {
+  if (!density) return;
+  if (density.spacing) {
+    const s = density.spacing;
+    const pairs2 = [
+      ["0", s.space0],
+      ["1", s.space1],
+      ["2", s.space2],
+      ["3", s.space3],
+      ["4", s.space4],
+      ["5", s.space5],
+      ["6", s.space6],
+      ["7", s.space7],
+      ["8", s.space8],
+      ["9", s.space9],
+      ["10", s.space10],
+      ["11", s.space11],
+      ["12", s.space12]
+    ];
+    for (const [k, v] of pairs2) {
+      if (v !== void 0) vars[`--space-${k}`] = v;
+    }
+  }
+  const pairs = [
+    ["button-height-sm", density.buttonHeightSm],
+    ["button-height-md", density.buttonHeightMd],
+    ["button-height-lg", density.buttonHeightLg],
+    ["input-height-sm", density.inputHeightSm],
+    ["input-height-md", density.inputHeightMd],
+    ["input-height-lg", density.inputHeightLg],
+    ["row-height-compact", density.rowHeightCompact],
+    ["row-height-normal", density.rowHeightNormal],
+    ["row-height-spacious", density.rowHeightSpacious],
+    ["card-padding-sm", density.cardPaddingSm],
+    ["card-padding-md", density.cardPaddingMd],
+    ["card-padding-lg", density.cardPaddingLg],
+    ["dialog-padding", density.dialogPadding],
+    ["section-gap", density.sectionGap]
+  ];
+  for (const [k, v] of pairs) {
+    if (v !== void 0) vars[`--${k}`] = v;
+  }
+}
+function typeSizeKeyStr(k) {
+  return k;
+}
+function typeWeightStr(w) {
+  return w;
+}
+function emitTypeIntent(name, intent, vars) {
+  const sizeKey2 = typeSizeKeyStr(intent.size);
+  const weight = typeWeightStr(intent.weight);
+  vars[`--intent-${name}-size`] = `var(--text-${sizeKey2})`;
+  vars[`--intent-${name}-weight`] = `var(--font-weight-${weight})`;
+  vars[`--intent-${name}-leading`] = `var(--leading-${sizeKey2})`;
+}
+function emitTypeScale(ts, vars) {
+  if (!ts) return;
+  if (ts.displayFamily !== void 0) vars["--font-family-display"] = ts.displayFamily;
+  if (ts.bodyFamily !== void 0) vars["--font-family-body"] = ts.bodyFamily;
+  if (ts.monoFamily !== void 0) vars["--font-family-mono"] = ts.monoFamily;
+  if (ts.scale) {
+    const s = ts.scale;
+    const pairs = [
+      ["xs", s.xs],
+      ["sm", s.sm],
+      ["base", s.base],
+      ["lg", s.lg],
+      ["xl", s.xl],
+      ["2xl", s["2xl"]],
+      ["3xl", s["3xl"]],
+      ["4xl", s["4xl"]],
+      ["display-1", s["display-1"]],
+      ["display-2", s["display-2"]]
+    ];
+    for (const [k, entry] of pairs) {
+      if (entry !== void 0) {
+        vars[`--text-${k}`] = entry.size;
+        vars[`--leading-${k}`] = entry.lineHeight;
+      }
+    }
+  }
+  if (ts.intents) {
+    const i = ts.intents;
+    if (i.headingMajor) emitTypeIntent("heading-major", i.headingMajor, vars);
+    if (i.headingMinor) emitTypeIntent("heading-minor", i.headingMinor, vars);
+    if (i.bodyEmphasis) emitTypeIntent("body-emphasis", i.bodyEmphasis, vars);
+    if (i.bodyDefault) emitTypeIntent("body-default", i.bodyDefault, vars);
+    if (i.bodyQuiet) emitTypeIntent("body-quiet", i.bodyQuiet, vars);
+    if (i.caption) emitTypeIntent("caption", i.caption, vars);
+    if (i.numeric) emitTypeIntent("numeric", i.numeric, vars);
+  }
+}
+function emitMotionIntent(name, intent, vars) {
+  vars[`--intent-${name}-duration`] = `var(--duration-${intent.duration})`;
+  vars[`--intent-${name}-easing`] = `var(--easing-${intent.easing})`;
+}
+function emitMotion(m, vars) {
+  if (!m) return;
+  if (m.durations) {
+    const d = m.durations;
+    const pairs = [
+      ["instant", d.instant],
+      ["fast", d.fast],
+      ["normal", d.normal],
+      ["slow", d.slow],
+      ["dramatic", d.dramatic]
+    ];
+    for (const [k, v] of pairs) {
+      if (v !== void 0) vars[`--duration-${k}`] = v;
+    }
+  }
+  if (m.easings) {
+    const e = m.easings;
+    const pairs = [
+      ["linear", e.linear],
+      ["standard", e.standard],
+      ["emphasized", e.emphasized],
+      ["spring", e.spring]
+    ];
+    for (const [k, v] of pairs) {
+      if (v !== void 0) vars[`--easing-${k}`] = v;
+    }
+  }
+  if (m.intents) {
+    const i = m.intents;
+    if (i.enter) emitMotionIntent("enter", i.enter, vars);
+    if (i.exit) emitMotionIntent("exit", i.exit, vars);
+    if (i.hover) emitMotionIntent("hover", i.hover, vars);
+    if (i.press) emitMotionIntent("press", i.press, vars);
+    if (i.expand) emitMotionIntent("expand", i.expand, vars);
+    if (i.transition) emitMotionIntent("transition", i.transition, vars);
+  }
+}
+function emitIconography(i, vars) {
+  if (!i) return;
+  if (i.family !== void 0) vars["--icon-family"] = i.family;
+  if (i.strokeWidth !== void 0) vars["--icon-stroke-width"] = i.strokeWidth;
+  if (i.defaultSize !== void 0) vars["--icon-default-size"] = i.defaultSize;
+}
+function emitElevation(e, vars) {
+  if (!e) return;
+  if (e.cardElevation !== void 0) vars["--elevation-card"] = e.cardElevation;
+  if (e.popoverElevation !== void 0) vars["--elevation-popover"] = e.popoverElevation;
+  if (e.dialogElevation !== void 0) vars["--elevation-dialog"] = e.dialogElevation;
+  if (e.toastElevation !== void 0) vars["--elevation-toast"] = e.toastElevation;
+}
+function emitGeometry(g, vars) {
+  if (!g) return;
+  if (g.radiusContainer !== void 0) vars["--radius-container"] = g.radiusContainer;
+  if (g.radiusInteractive !== void 0) vars["--radius-interactive"] = g.radiusInteractive;
+  if (g.radiusPill !== void 0) vars["--radius-pill"] = g.radiusPill;
+  if (g.borderHairline !== void 0) vars["--border-hairline"] = g.borderHairline;
+  if (g.borderStandard !== void 0) vars["--border-standard"] = g.borderStandard;
+  if (g.borderHeavy !== void 0) vars["--border-heavy"] = g.borderHeavy;
+}
+function resolveThemeForRuntime(theme) {
+  if (theme === void 0) return void 0;
+  if (typeof theme === "string") return void 0;
+  return theme;
+}
+function OrbitalThemeProvider({ theme, children }) {
+  const resolved = resolveThemeForRuntime(theme);
+  const { resolvedMode } = useTheme();
+  if (!resolved) {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  const vars = themeTokensToCssVars(resolved.tokens, resolvedMode, resolved.variants?.dark);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-orbital-theme": resolved.name,
+      style: { display: "contents", ...vars },
+      children
+    }
+  );
+}
+OrbitalThemeProvider.displayName = "OrbitalThemeProvider";
+var CurrentPagePathContext = createContext(void 0);
+var CurrentPagePathProvider = ({
+  value,
+  children
+}) => /* @__PURE__ */ jsx(CurrentPagePathContext.Provider, { value, children });
+CurrentPagePathProvider.displayName = "CurrentPagePathProvider";
+var useCurrentPagePath2 = () => useContext(CurrentPagePathContext);
+var ANONYMOUS_USER = {
+  id: "anonymous",
+  role: "anonymous",
+  permissions: []
+};
+var UserContext = createContext(null);
+function UserProvider({
+  user = null,
+  children
+}) {
+  const hasRole = useCallback(
+    (role) => {
+      if (!user) return role === "anonymous";
+      return user.role === role;
+    },
+    [user]
+  );
+  const hasPermission = useCallback(
+    (permission) => {
+      if (!user) return false;
+      return user.permissions?.includes(permission) ?? false;
+    },
+    [user]
+  );
+  const hasAnyRole = useCallback(
+    (roles) => {
+      if (!user) return roles.includes("anonymous");
+      return user.role ? roles.includes(user.role) : false;
+    },
+    [user]
+  );
+  const hasAllPermissions = useCallback(
+    (permissions) => {
+      if (!user || !user.permissions) return false;
+      return permissions.every((p2) => user.permissions?.includes(p2));
+    },
+    [user]
+  );
+  const getUserField = useCallback(
+    (path) => {
+      const userData = user ?? ANONYMOUS_USER;
+      const parts = path.split(".");
+      let value = userData;
+      for (const segment of parts) {
+        if (value === null || value === void 0) {
+          return void 0;
+        }
+        if (typeof value === "object") {
+          value = value[segment];
+        } else {
+          return void 0;
+        }
+      }
+      return value;
+    },
+    [user]
+  );
+  const contextValue = useMemo(
+    () => ({
+      user,
+      isLoggedIn: user !== null,
+      hasRole,
+      hasPermission,
+      hasAnyRole,
+      hasAllPermissions,
+      getUserField
+    }),
+    [user, hasRole, hasPermission, hasAnyRole, hasAllPermissions, getUserField]
+  );
+  return /* @__PURE__ */ jsx(UserContext.Provider, { value: contextValue, children });
+}
+function useUser() {
+  const context = useContext(UserContext);
+  if (!context) {
+    return {
+      user: null,
+      isLoggedIn: false,
+      hasRole: (role) => role === "anonymous",
+      hasPermission: () => false,
+      hasAnyRole: (roles) => roles.includes("anonymous"),
+      hasAllPermissions: () => false,
+      getUserField: () => void 0
+    };
+  }
+  return context;
+}
+function useHasRole(role) {
+  const { hasRole } = useUser();
+  return hasRole(role);
+}
+function useHasPermission(permission) {
+  const { hasPermission } = useUser();
+  return hasPermission(permission);
+}
+function useUserForEvaluation() {
+  const { user, isLoggedIn } = useUser();
+  return isLoggedIn && user ? user : void 0;
+}
 var TraitScopeContext = createContext(null);
 function TraitScopeProvider3({
   orbital,
@@ -52773,4 +53112,4 @@ function useOptionalOfflineMode() {
   return useContext(OfflineModeContext);
 }
 
-export { EventBusContext2 as EventBusContext, EventBusProvider, OfflineModeProvider, OrbitalProvider, SelectionContext, SelectionProvider, TraitScopeProvider3 as TraitScopeProvider, VerificationProvider, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional, useTraitScope2 as useTraitScope };
+export { ANONYMOUS_USER, CurrentPagePathContext, CurrentPagePathProvider, EventBusContext2 as EventBusContext, EventBusProvider, OfflineModeProvider, OrbitalProvider, OrbitalThemeProvider, SelectionContext, SelectionProvider, TraitScopeProvider3 as TraitScopeProvider, UserContext, UserProvider, VerificationProvider, useCurrentPagePath2 as useCurrentPagePath, useHasPermission, useHasRole, useOfflineMode, useOptionalOfflineMode, useSelection, useSelectionOptional, useTraitScope2 as useTraitScope, useUser, useUserForEvaluation };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.76.0",
+  "version": "5.76.1",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [