@blimu/react 1.1.0 → 1.1.1

package/dist/providers/auth/auth.provider.js

@@ -1,29 +1,38 @@
-import { jsx as m } from "react/jsx-runtime";
-import { useEffect as i, useCallback as s, useMemo as f } from "react";
-import { useBlimu as h } from "../blimu/blimu.hook.js";
-import { AuthContext as p } from "./auth.context.js";
-function v({ children: a }) {
-  const { client: t, state: e } = h();
-  i(() => t.initialize(), [t]), i(() => {
-    if (e.status === "authenticated")
-      return t.scheduleRefresh();
-  }, [t, e.status]);
-  const n = s((o) => t.redirectToAuth(o), [t]), r = s(async () => t.logout(), [t]), u = s(
-    (o) => t.getAccessToken(o),
-    [t]
-  ), c = s(() => t.store.getSnapshot(), [t]), l = f(
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useCallback, useMemo } from "react";
+import { useBlimu } from "../blimu/blimu.hook.js";
+import { AuthContext } from "./auth.context.js";
+function AuthProvider({ children }) {
+  const { client, state } = useBlimu();
+  useEffect(() => {
+    const cleanup = client.initialize();
+    return cleanup;
+  }, [client]);
+  useEffect(() => {
+    if (state.status === "authenticated") {
+      return client.scheduleRefresh();
+    }
+  }, [client, state.status]);
+  const login = useCallback((returnUrl) => client.redirectToAuth(returnUrl), [client]);
+  const logout = useCallback(async () => client.logout(), [client]);
+  const getToken = useCallback(
+    (options) => client.getAccessToken(options),
+    [client]
+  );
+  const getAuthState = useCallback(() => client.store.getSnapshot(), [client]);
+  const value = useMemo(
     () => ({
-      state: e,
-      login: n,
-      logout: r,
-      getToken: u,
-      getAuthState: c
+      state,
+      login,
+      logout,
+      getToken,
+      getAuthState
     }),
-    [e, n, r, u, c]
+    [state, login, logout, getToken, getAuthState]
   );
-  return /* @__PURE__ */ m(p.Provider, { value: l, children: a });
+  return /* @__PURE__ */ jsx(AuthContext.Provider, { value, children });
 }
 export {
-  v as AuthProvider
+  AuthProvider
 };
 //# sourceMappingURL=auth.provider.js.map

package/dist/providers/auth/auth.provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth.provider.js","sources":["../../../src/providers/auth/auth.provider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\n\nimport type { AuthContextValue } from '../../types';\nimport { useBlimu } from '../blimu/blimu.hook';\nimport { AuthContext } from './auth.context';\n\ninterface AuthProviderProps {\n  children: React.ReactNode;\n}\n\nexport function AuthProvider({ children }: AuthProviderProps) {\n  const { client, state } = useBlimu();\n\n  useEffect(() => {\n    const cleanup = client.initialize();\n    return cleanup;\n  }, [client]);\n\n  // Automatic token refresh scheduling when authenticated\n  // The SessionManager schedules refreshes at T-10 seconds (10 seconds before token expiration)\n  // This effect manages the refresh scheduling lifecycle tied to React component lifecycle\n  useEffect(() => {\n    // Start scheduling when user becomes authenticated\n    if (state.status === 'authenticated') {\n      return client.scheduleRefresh();\n    }\n  }, [client, state.status]);\n\n  const login = useCallback((returnUrl?: string) => client.redirectToAuth(returnUrl), [client]);\n  const logout = useCallback(async () => client.logout(), [client]);\n  const getToken = useCallback(\n    (options: { template: 'web' }) => client.getAccessToken(options),\n    [client],\n  );\n\n  const getAuthState = useCallback(() => client.store.getSnapshot(), [client]);\n\n  const value: AuthContextValue = useMemo(\n    () => ({\n      state,\n      login,\n      logout,\n      getToken,\n      getAuthState,\n    }),\n    [state, login, logout, getToken, getAuthState],\n  );\n\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\n}\n"],"names":["AuthProvider","children","client","state","useBlimu","useEffect","login","useCallback","returnUrl","logout","getToken","options","getAuthState","value","useMemo","jsx","AuthContext"],"mappings":";;;;AAUO,SAASA,EAAa,EAAE,UAAAC,KAA+B;AAC5D,QAAM,EAAE,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA;AAE1B,EAAAC,EAAU,MACQH,EAAO,WAAA,GAEtB,CAACA,CAAM,CAAC,GAKXG,EAAU,MAAM;AAEd,QAAIF,EAAM,WAAW;AACnB,aAAOD,EAAO,gBAAA;AAAA,EAElB,GAAG,CAACA,GAAQC,EAAM,MAAM,CAAC;AAEzB,QAAMG,IAAQC,EAAY,CAACC,MAAuBN,EAAO,eAAeM,CAAS,GAAG,CAACN,CAAM,CAAC,GACtFO,IAASF,EAAY,YAAYL,EAAO,UAAU,CAACA,CAAM,CAAC,GAC1DQ,IAAWH;AAAA,IACf,CAACI,MAAiCT,EAAO,eAAeS,CAAO;AAAA,IAC/D,CAACT,CAAM;AAAA,EAAA,GAGHU,IAAeL,EAAY,MAAML,EAAO,MAAM,YAAA,GAAe,CAACA,CAAM,CAAC,GAErEW,IAA0BC;AAAA,IAC9B,OAAO;AAAA,MACL,OAAAX;AAAA,MACA,OAAAG;AAAA,MACA,QAAAG;AAAA,MACA,UAAAC;AAAA,MACA,cAAAE;AAAA,IAAA;AAAA,IAEF,CAACT,GAAOG,GAAOG,GAAQC,GAAUE,CAAY;AAAA,EAAA;AAG/C,SAAO,gBAAAG,EAACC,EAAY,UAAZ,EAAqB,OAAAH,GAAe,UAAAZ,EAAA,CAAS;AACvD;"}
+{"version":3,"file":"auth.provider.js","sources":["../../../src/providers/auth/auth.provider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo } from 'react';\n\nimport type { AuthContextValue } from '../../types';\nimport { useBlimu } from '../blimu/blimu.hook';\nimport { AuthContext } from './auth.context';\n\ninterface AuthProviderProps {\n  children: React.ReactNode;\n}\n\nexport function AuthProvider({ children }: AuthProviderProps) {\n  const { client, state } = useBlimu();\n\n  useEffect(() => {\n    const cleanup = client.initialize();\n    return cleanup;\n  }, [client]);\n\n  // Automatic token refresh scheduling when authenticated\n  // The SessionManager schedules refreshes at T-10 seconds (10 seconds before token expiration)\n  // This effect manages the refresh scheduling lifecycle tied to React component lifecycle\n  useEffect(() => {\n    // Start scheduling when user becomes authenticated\n    if (state.status === 'authenticated') {\n      return client.scheduleRefresh();\n    }\n  }, [client, state.status]);\n\n  const login = useCallback((returnUrl?: string) => client.redirectToAuth(returnUrl), [client]);\n  const logout = useCallback(async () => client.logout(), [client]);\n  const getToken = useCallback(\n    (options: { template: 'web' }) => client.getAccessToken(options),\n    [client],\n  );\n\n  const getAuthState = useCallback(() => client.store.getSnapshot(), [client]);\n\n  const value: AuthContextValue = useMemo(\n    () => ({\n      state,\n      login,\n      logout,\n      getToken,\n      getAuthState,\n    }),\n    [state, login, logout, getToken, getAuthState],\n  );\n\n  return <AuthContext.Provider value={value}>{children}</AuthContext.Provider>;\n}\n"],"names":[],"mappings":";;;;AAUO,SAAS,aAAa,EAAE,YAA+B;AAC5D,QAAM,EAAE,QAAQ,MAAA,IAAU,SAAA;AAE1B,YAAU,MAAM;AACd,UAAM,UAAU,OAAO,WAAA;AACvB,WAAO;AAAA,EACT,GAAG,CAAC,MAAM,CAAC;AAKX,YAAU,MAAM;AAEd,QAAI,MAAM,WAAW,iBAAiB;AACpC,aAAO,OAAO,gBAAA;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,MAAM,CAAC;AAEzB,QAAM,QAAQ,YAAY,CAAC,cAAuB,OAAO,eAAe,SAAS,GAAG,CAAC,MAAM,CAAC;AAC5F,QAAM,SAAS,YAAY,YAAY,OAAO,UAAU,CAAC,MAAM,CAAC;AAChE,QAAM,WAAW;AAAA,IACf,CAAC,YAAiC,OAAO,eAAe,OAAO;AAAA,IAC/D,CAAC,MAAM;AAAA,EAAA;AAGT,QAAM,eAAe,YAAY,MAAM,OAAO,MAAM,YAAA,GAAe,CAAC,MAAM,CAAC;AAE3E,QAAM,QAA0B;AAAA,IAC9B,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,OAAO,OAAO,QAAQ,UAAU,YAAY;AAAA,EAAA;AAG/C,SAAO,oBAAC,YAAY,UAAZ,EAAqB,OAAe,SAAA,CAAS;AACvD;"}

package/dist/providers/blimu/blimu.context.cjs

@@ -1,2 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext(null);exports.BlimuContext=e;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const BlimuContext = React.createContext(null);
+exports.BlimuContext = BlimuContext;
 //# sourceMappingURL=blimu.context.cjs.map

package/dist/providers/blimu/blimu.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"blimu.context.cjs","sources":["../../../src/providers/blimu/blimu.context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { BlimuRuntimeClientWrapper } from '../../client/runtime-client';\nimport type { AuthState, BlimuConfig } from '../../types';\nimport type { Theme } from '../theme/theme.context';\n\nexport interface AppearanceConfig {\n  /**\n   * Base theme (light, dark, or system)\n   * @default \"system\"\n   */\n  baseTheme?: Theme;\n  /**\n   * CSS variable overrides\n   */\n  variables?: Record<string, string>;\n  /**\n   * Whether to inherit theme from parent app (e.g., next-themes)\n   * @default true\n   */\n  inheritTheme?: boolean;\n}\n\nexport interface BlimuContextValue {\n  client: BlimuRuntimeClientWrapper;\n  config: BlimuConfig;\n  state: AuthState;\n  appearance?: AppearanceConfig;\n}\n\nexport const BlimuContext = createContext<BlimuContextValue | null>(null);\n"],"names":["BlimuContext","createContext"],"mappings":"yGA8BaA,EAAeC,EAAAA,cAAwC,IAAI"}
+{"version":3,"file":"blimu.context.cjs","sources":["../../../src/providers/blimu/blimu.context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { BlimuRuntimeClientWrapper } from '../../client/runtime-client';\nimport type { AuthState, BlimuConfig } from '../../types';\nimport type { Theme } from '../theme/theme.context';\n\nexport interface AppearanceConfig {\n  /**\n   * Base theme (light, dark, or system)\n   * @default \"system\"\n   */\n  baseTheme?: Theme;\n  /**\n   * CSS variable overrides\n   */\n  variables?: Record<string, string>;\n  /**\n   * Whether to inherit theme from parent app (e.g., next-themes)\n   * @default true\n   */\n  inheritTheme?: boolean;\n}\n\nexport interface BlimuContextValue {\n  client: BlimuRuntimeClientWrapper;\n  config: BlimuConfig;\n  state: AuthState;\n  appearance?: AppearanceConfig;\n}\n\nexport const BlimuContext = createContext<BlimuContextValue | null>(null);\n"],"names":["createContext"],"mappings":";;;AA8BO,MAAM,eAAeA,MAAAA,cAAwC,IAAI;;"}

package/dist/providers/blimu/blimu.context.js

@@ -1,6 +1,6 @@
-import { createContext as t } from "react";
-const e = t(null);
+import { createContext } from "react";
+const BlimuContext = createContext(null);
 export {
-  e as BlimuContext
+  BlimuContext
 };
 //# sourceMappingURL=blimu.context.js.map

package/dist/providers/blimu/blimu.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"blimu.context.js","sources":["../../../src/providers/blimu/blimu.context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { BlimuRuntimeClientWrapper } from '../../client/runtime-client';\nimport type { AuthState, BlimuConfig } from '../../types';\nimport type { Theme } from '../theme/theme.context';\n\nexport interface AppearanceConfig {\n  /**\n   * Base theme (light, dark, or system)\n   * @default \"system\"\n   */\n  baseTheme?: Theme;\n  /**\n   * CSS variable overrides\n   */\n  variables?: Record<string, string>;\n  /**\n   * Whether to inherit theme from parent app (e.g., next-themes)\n   * @default true\n   */\n  inheritTheme?: boolean;\n}\n\nexport interface BlimuContextValue {\n  client: BlimuRuntimeClientWrapper;\n  config: BlimuConfig;\n  state: AuthState;\n  appearance?: AppearanceConfig;\n}\n\nexport const BlimuContext = createContext<BlimuContextValue | null>(null);\n"],"names":["BlimuContext","createContext"],"mappings":";AA8BO,MAAMA,IAAeC,EAAwC,IAAI;"}
+{"version":3,"file":"blimu.context.js","sources":["../../../src/providers/blimu/blimu.context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nimport type { BlimuRuntimeClientWrapper } from '../../client/runtime-client';\nimport type { AuthState, BlimuConfig } from '../../types';\nimport type { Theme } from '../theme/theme.context';\n\nexport interface AppearanceConfig {\n  /**\n   * Base theme (light, dark, or system)\n   * @default \"system\"\n   */\n  baseTheme?: Theme;\n  /**\n   * CSS variable overrides\n   */\n  variables?: Record<string, string>;\n  /**\n   * Whether to inherit theme from parent app (e.g., next-themes)\n   * @default true\n   */\n  inheritTheme?: boolean;\n}\n\nexport interface BlimuContextValue {\n  client: BlimuRuntimeClientWrapper;\n  config: BlimuConfig;\n  state: AuthState;\n  appearance?: AppearanceConfig;\n}\n\nexport const BlimuContext = createContext<BlimuContextValue | null>(null);\n"],"names":[],"mappings":";AA8BO,MAAM,eAAe,cAAwC,IAAI;"}

package/dist/providers/blimu/blimu.hook.cjs

@@ -1,2 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./blimu.context.cjs");function i(){const e=t.useContext(u.BlimuContext);if(!e)throw new Error("useBlimu must be used within a BlimuProvider");return e}exports.useBlimu=i;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const blimu_context = require("./blimu.context.cjs");
+function useBlimu() {
+  const context = React.useContext(blimu_context.BlimuContext);
+  if (!context) {
+    throw new Error("useBlimu must be used within a BlimuProvider");
+  }
+  return context;
+}
+exports.useBlimu = useBlimu;
 //# sourceMappingURL=blimu.hook.cjs.map

package/dist/providers/blimu/blimu.hook.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"blimu.hook.cjs","sources":["../../../src/providers/blimu/blimu.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { BlimuContext } from './blimu.context';\n\n/**\n * Hook for accessing Blimu client and configuration\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { client, config } = useBlimu();\n *\n *   // Use client to make API calls\n *   const handleAction = async () => {\n *     const result = await client.getClient().someMethod();\n *   };\n *\n *   return <div>Publishable Key: {config.publishableKey}</div>;\n * }\n * ```\n */\nexport function useBlimu() {\n  const context = useContext(BlimuContext);\n  if (!context) {\n    throw new Error('useBlimu must be used within a BlimuProvider');\n  }\n  return context;\n}\n"],"names":["useBlimu","context","useContext","BlimuContext"],"mappings":"0IAqBO,SAASA,GAAW,CACzB,MAAMC,EAAUC,EAAAA,WAAWC,cAAY,EACvC,GAAI,CAACF,EACH,MAAM,IAAI,MAAM,8CAA8C,EAEhE,OAAOA,CACT"}
+{"version":3,"file":"blimu.hook.cjs","sources":["../../../src/providers/blimu/blimu.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { BlimuContext } from './blimu.context';\n\n/**\n * Hook for accessing Blimu client and configuration\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { client, config } = useBlimu();\n *\n *   // Use client to make API calls\n *   const handleAction = async () => {\n *     const result = await client.getClient().someMethod();\n *   };\n *\n *   return <div>Publishable Key: {config.publishableKey}</div>;\n * }\n * ```\n */\nexport function useBlimu() {\n  const context = useContext(BlimuContext);\n  if (!context) {\n    throw new Error('useBlimu must be used within a BlimuProvider');\n  }\n  return context;\n}\n"],"names":["useContext","BlimuContext"],"mappings":";;;;AAqBO,SAAS,WAAW;AACzB,QAAM,UAAUA,MAAAA,WAAWC,0BAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;;"}

package/dist/providers/blimu/blimu.hook.js

@@ -1,12 +1,13 @@
-import { useContext as o } from "react";
-import { BlimuContext as r } from "./blimu.context.js";
-function u() {
-  const t = o(r);
-  if (!t)
+import { useContext } from "react";
+import { BlimuContext } from "./blimu.context.js";
+function useBlimu() {
+  const context = useContext(BlimuContext);
+  if (!context) {
     throw new Error("useBlimu must be used within a BlimuProvider");
-  return t;
+  }
+  return context;
 }
 export {
-  u as useBlimu
+  useBlimu
 };
 //# sourceMappingURL=blimu.hook.js.map

package/dist/providers/blimu/blimu.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"blimu.hook.js","sources":["../../../src/providers/blimu/blimu.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { BlimuContext } from './blimu.context';\n\n/**\n * Hook for accessing Blimu client and configuration\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { client, config } = useBlimu();\n *\n *   // Use client to make API calls\n *   const handleAction = async () => {\n *     const result = await client.getClient().someMethod();\n *   };\n *\n *   return <div>Publishable Key: {config.publishableKey}</div>;\n * }\n * ```\n */\nexport function useBlimu() {\n  const context = useContext(BlimuContext);\n  if (!context) {\n    throw new Error('useBlimu must be used within a BlimuProvider');\n  }\n  return context;\n}\n"],"names":["useBlimu","context","useContext","BlimuContext"],"mappings":";;AAqBO,SAASA,IAAW;AACzB,QAAMC,IAAUC,EAAWC,CAAY;AACvC,MAAI,CAACF;AACH,UAAM,IAAI,MAAM,8CAA8C;AAEhE,SAAOA;AACT;"}
+{"version":3,"file":"blimu.hook.js","sources":["../../../src/providers/blimu/blimu.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { BlimuContext } from './blimu.context';\n\n/**\n * Hook for accessing Blimu client and configuration\n *\n * @example\n * ```tsx\n * function MyComponent() {\n *   const { client, config } = useBlimu();\n *\n *   // Use client to make API calls\n *   const handleAction = async () => {\n *     const result = await client.getClient().someMethod();\n *   };\n *\n *   return <div>Publishable Key: {config.publishableKey}</div>;\n * }\n * ```\n */\nexport function useBlimu() {\n  const context = useContext(BlimuContext);\n  if (!context) {\n    throw new Error('useBlimu must be used within a BlimuProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;AAqBO,SAAS,WAAW;AACzB,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;"}

package/dist/providers/blimu/blimu.provider.cjs

@@ -1,2 +1,72 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("react"),s=require("../../client/runtime-client.cjs"),m=require("../../hooks/use-store.cjs"),l=require("../auth/auth.provider.cjs"),a=require("./blimu.context.cjs");function b(r){if(!r)return{};const e={};if(r.colors){const o={background:"--blimu-background",foreground:"--blimu-foreground",card:"--blimu-card",cardForeground:"--blimu-card-foreground",popover:"--blimu-popover",popoverForeground:"--blimu-popover-foreground",primary:"--blimu-primary",primaryForeground:"--blimu-primary-foreground",secondary:"--blimu-secondary",secondaryForeground:"--blimu-secondary-foreground",muted:"--blimu-muted",mutedForeground:"--blimu-muted-foreground",accent:"--blimu-accent",accentForeground:"--blimu-accent-foreground",destructive:"--blimu-destructive",destructiveForeground:"--blimu-destructive-foreground",border:"--blimu-border",input:"--blimu-input",ring:"--blimu-ring"};Object.entries(r.colors).forEach(([u,i])=>{if(i){const n=o[u];n&&(e[n]=i)}})}if(r.radius){const o={none:"0",sm:"0.25rem",md:"0.5rem",lg:"0.75rem",xl:"1rem",full:"9999px"};e["--blimu-radius"]=o[r.radius]??r.radius}return e}function g({publishableKey:r,children:e,theme:o}){const u=d.useMemo(()=>new s.BlimuRuntimeClientWrapper({publishableKey:r}),[r]),i=m.useStore(u.store),n=d.useMemo(()=>b(o),[o]),c={client:u,state:i,config:{publishableKey:r,redirectUri:window.location.origin,theme:o}};return t.jsx("div",{"data-blimu":!0,style:n,children:t.jsx(a.BlimuContext.Provider,{value:c,children:t.jsx(l.AuthProvider,{children:e})})})}exports.BlimuProvider=g;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const runtimeClient = require("../../client/runtime-client.cjs");
+const useStore = require("../../hooks/use-store.cjs");
+const auth_provider = require("../auth/auth.provider.cjs");
+const blimu_context = require("./blimu.context.cjs");
+function themeToStyleVars(theme) {
+  if (!theme) return {};
+  const vars = {};
+  if (theme.colors) {
+    const colorMap = {
+      background: "--blimu-background",
+      foreground: "--blimu-foreground",
+      card: "--blimu-card",
+      cardForeground: "--blimu-card-foreground",
+      popover: "--blimu-popover",
+      popoverForeground: "--blimu-popover-foreground",
+      primary: "--blimu-primary",
+      primaryForeground: "--blimu-primary-foreground",
+      secondary: "--blimu-secondary",
+      secondaryForeground: "--blimu-secondary-foreground",
+      muted: "--blimu-muted",
+      mutedForeground: "--blimu-muted-foreground",
+      accent: "--blimu-accent",
+      accentForeground: "--blimu-accent-foreground",
+      destructive: "--blimu-destructive",
+      destructiveForeground: "--blimu-destructive-foreground",
+      border: "--blimu-border",
+      input: "--blimu-input",
+      ring: "--blimu-ring"
+    };
+    Object.entries(theme.colors).forEach(([key, value]) => {
+      if (value) {
+        const varName = colorMap[key];
+        if (varName) {
+          vars[varName] = value;
+        }
+      }
+    });
+  }
+  if (theme.radius) {
+    const radiusMap = {
+      none: "0",
+      sm: "0.25rem",
+      md: "0.5rem",
+      lg: "0.75rem",
+      xl: "1rem",
+      full: "9999px"
+    };
+    vars["--blimu-radius"] = radiusMap[theme.radius] ?? theme.radius;
+  }
+  return vars;
+}
+function BlimuProvider({ publishableKey, children, theme }) {
+  const client = React.useMemo(() => new runtimeClient.BlimuRuntimeClientWrapper({ publishableKey }), [publishableKey]);
+  const state = useStore.useStore(client.store);
+  const themeVars = React.useMemo(() => themeToStyleVars(theme), [theme]);
+  const value = {
+    client,
+    state,
+    config: {
+      publishableKey,
+      redirectUri: window.location.origin,
+      theme
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "data-blimu": true, style: themeVars, children: /* @__PURE__ */ jsxRuntime.jsx(blimu_context.BlimuContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(auth_provider.AuthProvider, { children }) }) });
+}
+exports.BlimuProvider = BlimuProvider;
 //# sourceMappingURL=blimu.provider.cjs.map

package/dist/providers/blimu/blimu.provider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"blimu.provider.cjs","sources":["../../../src/providers/blimu/blimu.provider.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { BlimuRuntimeClientWrapper } from '../../client/runtime-client';\nimport { useStore } from '../../hooks/use-store';\nimport type { BlimuRadiusPreset, BlimuTheme } from '../../types';\nimport { AuthProvider } from '../auth/auth.provider';\nimport { BlimuContext } from './blimu.context';\n\ninterface BlimuProviderProps {\n  publishableKey: string;\n  children: React.ReactNode;\n  theme?: BlimuTheme;\n}\n\n/**\n * Convert theme configuration to CSS custom properties\n */\nfunction themeToStyleVars(theme?: BlimuTheme): React.CSSProperties {\n  if (!theme) return {};\n\n  const vars: Record<string, string> = {};\n\n  // Map colors to CSS variables\n  if (theme.colors) {\n    const colorMap: Record<keyof typeof theme.colors, string> = {\n      background: '--blimu-background',\n      foreground: '--blimu-foreground',\n      card: '--blimu-card',\n      cardForeground: '--blimu-card-foreground',\n      popover: '--blimu-popover',\n      popoverForeground: '--blimu-popover-foreground',\n      primary: '--blimu-primary',\n      primaryForeground: '--blimu-primary-foreground',\n      secondary: '--blimu-secondary',\n      secondaryForeground: '--blimu-secondary-foreground',\n      muted: '--blimu-muted',\n      mutedForeground: '--blimu-muted-foreground',\n      accent: '--blimu-accent',\n      accentForeground: '--blimu-accent-foreground',\n      destructive: '--blimu-destructive',\n      destructiveForeground: '--blimu-destructive-foreground',\n      border: '--blimu-border',\n      input: '--blimu-input',\n      ring: '--blimu-ring',\n    };\n\n    Object.entries(theme.colors).forEach(([key, value]) => {\n      if (value) {\n        const varName = colorMap[key as keyof typeof theme.colors];\n        if (varName) {\n          vars[varName] = value;\n        }\n      }\n    });\n  }\n\n  // Map radius to CSS variable\n  if (theme.radius) {\n    const radiusMap: Record<BlimuRadiusPreset, string> = {\n      none: '0',\n      sm: '0.25rem',\n      md: '0.5rem',\n      lg: '0.75rem',\n      xl: '1rem',\n      full: '9999px',\n    };\n\n    vars['--blimu-radius'] = radiusMap[theme.radius as BlimuRadiusPreset] ?? theme.radius;\n  }\n\n  return vars as React.CSSProperties;\n}\n\n/**\n * Provider component that initializes Blimu SDK and wraps the application\n *\n * This provider must be at the root of your application to enable authentication\n * and authorization features.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <BlimuProvider publishableKey=\"pk_...\">\n *       <YourApp />\n *     </BlimuProvider>\n *   );\n * }\n * ```\n *\n * @example With theme customization\n * ```tsx\n * function App() {\n *   return (\n *     <BlimuProvider\n *       publishableKey=\"pk_...\"\n *       theme={{\n *         colors: {\n *           primary: 'oklch(0.5 0.2 250)',\n *           background: '#ffffff',\n *         },\n *         radius: 'lg',\n *       }}\n *     >\n *       <YourApp />\n *     </BlimuProvider>\n *   );\n * }\n * ```\n */\nexport function BlimuProvider({ publishableKey, children, theme }: BlimuProviderProps) {\n  const client = useMemo(() => new BlimuRuntimeClientWrapper({ publishableKey }), [publishableKey]);\n  const state = useStore(client.store);\n  const themeVars = useMemo(() => themeToStyleVars(theme), [theme]);\n\n  const value = {\n    client,\n    state,\n    config: {\n      publishableKey,\n      redirectUri: window.location.origin,\n      theme,\n    },\n  };\n\n  return (\n    <div data-blimu style={themeVars}>\n      <BlimuContext.Provider value={value}>\n        <AuthProvider>{children}</AuthProvider>\n      </BlimuContext.Provider>\n    </div>\n  );\n}\n"],"names":["themeToStyleVars","theme","vars","colorMap","key","value","varName","radiusMap","BlimuProvider","publishableKey","children","client","useMemo","BlimuRuntimeClientWrapper","state","useStore","themeVars","jsx","BlimuContext","AuthProvider"],"mappings":"oSAiBA,SAASA,EAAiBC,EAAyC,CACjE,GAAI,CAACA,EAAO,MAAO,CAAA,EAEnB,MAAMC,EAA+B,CAAA,EAGrC,GAAID,EAAM,OAAQ,CAChB,MAAME,EAAsD,CAC1D,WAAY,qBACZ,WAAY,qBACZ,KAAM,eACN,eAAgB,0BAChB,QAAS,kBACT,kBAAmB,6BACnB,QAAS,kBACT,kBAAmB,6BACnB,UAAW,oBACX,oBAAqB,+BACrB,MAAO,gBACP,gBAAiB,2BACjB,OAAQ,iBACR,iBAAkB,4BAClB,YAAa,sBACb,sBAAuB,iCACvB,OAAQ,iBACR,MAAO,gBACP,KAAM,cAAA,EAGR,OAAO,QAAQF,EAAM,MAAM,EAAE,QAAQ,CAAC,CAACG,EAAKC,CAAK,IAAM,CACrD,GAAIA,EAAO,CACT,MAAMC,EAAUH,EAASC,CAAgC,EACrDE,IACFJ,EAAKI,CAAO,EAAID,EAEpB,CACF,CAAC,CACH,CAGA,GAAIJ,EAAM,OAAQ,CAChB,MAAMM,EAA+C,CACnD,KAAM,IACN,GAAI,UACJ,GAAI,SACJ,GAAI,UACJ,GAAI,OACJ,KAAM,QAAA,EAGRL,EAAK,gBAAgB,EAAIK,EAAUN,EAAM,MAA2B,GAAKA,EAAM,MACjF,CAEA,OAAOC,CACT,CAuCO,SAASM,EAAc,CAAE,eAAAC,EAAgB,SAAAC,EAAU,MAAAT,GAA6B,CACrF,MAAMU,EAASC,EAAAA,QAAQ,IAAM,IAAIC,EAAAA,0BAA0B,CAAE,eAAAJ,CAAA,CAAgB,EAAG,CAACA,CAAc,CAAC,EAC1FK,EAAQC,EAAAA,SAASJ,EAAO,KAAK,EAC7BK,EAAYJ,EAAAA,QAAQ,IAAMZ,EAAiBC,CAAK,EAAG,CAACA,CAAK,CAAC,EAE1DI,EAAQ,CACZ,OAAAM,EACA,MAAAG,EACA,OAAQ,CACN,eAAAL,EACA,YAAa,OAAO,SAAS,OAC7B,MAAAR,CAAA,CACF,EAGF,OACEgB,EAAAA,IAAC,MAAA,CAAI,aAAU,GAAC,MAAOD,EACrB,SAAAC,MAACC,EAAAA,aAAa,SAAb,CAAsB,MAAAb,EACrB,SAAAY,EAAAA,IAACE,EAAAA,aAAA,CAAc,SAAAT,CAAA,CAAS,EAC1B,EACF,CAEJ"}
+{"version":3,"file":"blimu.provider.cjs","sources":["../../../src/providers/blimu/blimu.provider.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { BlimuRuntimeClientWrapper } from '../../client/runtime-client';\nimport { useStore } from '../../hooks/use-store';\nimport type { BlimuRadiusPreset, BlimuTheme } from '../../types';\nimport { AuthProvider } from '../auth/auth.provider';\nimport { BlimuContext } from './blimu.context';\n\ninterface BlimuProviderProps {\n  publishableKey: string;\n  children: React.ReactNode;\n  theme?: BlimuTheme;\n}\n\n/**\n * Convert theme configuration to CSS custom properties\n */\nfunction themeToStyleVars(theme?: BlimuTheme): React.CSSProperties {\n  if (!theme) return {};\n\n  const vars: Record<string, string> = {};\n\n  // Map colors to CSS variables\n  if (theme.colors) {\n    const colorMap: Record<keyof typeof theme.colors, string> = {\n      background: '--blimu-background',\n      foreground: '--blimu-foreground',\n      card: '--blimu-card',\n      cardForeground: '--blimu-card-foreground',\n      popover: '--blimu-popover',\n      popoverForeground: '--blimu-popover-foreground',\n      primary: '--blimu-primary',\n      primaryForeground: '--blimu-primary-foreground',\n      secondary: '--blimu-secondary',\n      secondaryForeground: '--blimu-secondary-foreground',\n      muted: '--blimu-muted',\n      mutedForeground: '--blimu-muted-foreground',\n      accent: '--blimu-accent',\n      accentForeground: '--blimu-accent-foreground',\n      destructive: '--blimu-destructive',\n      destructiveForeground: '--blimu-destructive-foreground',\n      border: '--blimu-border',\n      input: '--blimu-input',\n      ring: '--blimu-ring',\n    };\n\n    Object.entries(theme.colors).forEach(([key, value]) => {\n      if (value) {\n        const varName = colorMap[key as keyof typeof theme.colors];\n        if (varName) {\n          vars[varName] = value;\n        }\n      }\n    });\n  }\n\n  // Map radius to CSS variable\n  if (theme.radius) {\n    const radiusMap: Record<BlimuRadiusPreset, string> = {\n      none: '0',\n      sm: '0.25rem',\n      md: '0.5rem',\n      lg: '0.75rem',\n      xl: '1rem',\n      full: '9999px',\n    };\n\n    vars['--blimu-radius'] = radiusMap[theme.radius as BlimuRadiusPreset] ?? theme.radius;\n  }\n\n  return vars as React.CSSProperties;\n}\n\n/**\n * Provider component that initializes Blimu SDK and wraps the application\n *\n * This provider must be at the root of your application to enable authentication\n * and authorization features.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <BlimuProvider publishableKey=\"pk_...\">\n *       <YourApp />\n *     </BlimuProvider>\n *   );\n * }\n * ```\n *\n * @example With theme customization\n * ```tsx\n * function App() {\n *   return (\n *     <BlimuProvider\n *       publishableKey=\"pk_...\"\n *       theme={{\n *         colors: {\n *           primary: 'oklch(0.5 0.2 250)',\n *           background: '#ffffff',\n *         },\n *         radius: 'lg',\n *       }}\n *     >\n *       <YourApp />\n *     </BlimuProvider>\n *   );\n * }\n * ```\n */\nexport function BlimuProvider({ publishableKey, children, theme }: BlimuProviderProps) {\n  const client = useMemo(() => new BlimuRuntimeClientWrapper({ publishableKey }), [publishableKey]);\n  const state = useStore(client.store);\n  const themeVars = useMemo(() => themeToStyleVars(theme), [theme]);\n\n  const value = {\n    client,\n    state,\n    config: {\n      publishableKey,\n      redirectUri: window.location.origin,\n      theme,\n    },\n  };\n\n  return (\n    <div data-blimu style={themeVars}>\n      <BlimuContext.Provider value={value}>\n        <AuthProvider>{children}</AuthProvider>\n      </BlimuContext.Provider>\n    </div>\n  );\n}\n"],"names":["useMemo","BlimuRuntimeClientWrapper","useStore","jsx","BlimuContext","AuthProvider"],"mappings":";;;;;;;;AAiBA,SAAS,iBAAiB,OAAyC;AACjE,MAAI,CAAC,MAAO,QAAO,CAAA;AAEnB,QAAM,OAA+B,CAAA;AAGrC,MAAI,MAAM,QAAQ;AAChB,UAAM,WAAsD;AAAA,MAC1D,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,qBAAqB;AAAA,MACrB,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,uBAAuB;AAAA,MACvB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAGR,WAAO,QAAQ,MAAM,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACrD,UAAI,OAAO;AACT,cAAM,UAAU,SAAS,GAAgC;AACzD,YAAI,SAAS;AACX,eAAK,OAAO,IAAI;AAAA,QAClB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAGA,MAAI,MAAM,QAAQ;AAChB,UAAM,YAA+C;AAAA,MACnD,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IAAA;AAGR,SAAK,gBAAgB,IAAI,UAAU,MAAM,MAA2B,KAAK,MAAM;AAAA,EACjF;AAEA,SAAO;AACT;AAuCO,SAAS,cAAc,EAAE,gBAAgB,UAAU,SAA6B;AACrF,QAAM,SAASA,MAAAA,QAAQ,MAAM,IAAIC,cAAAA,0BAA0B,EAAE,eAAA,CAAgB,GAAG,CAAC,cAAc,CAAC;AAChG,QAAM,QAAQC,SAAAA,SAAS,OAAO,KAAK;AACnC,QAAM,YAAYF,MAAAA,QAAQ,MAAM,iBAAiB,KAAK,GAAG,CAAC,KAAK,CAAC;AAEhE,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,MACA,aAAa,OAAO,SAAS;AAAA,MAC7B;AAAA,IAAA;AAAA,EACF;AAGF,SACEG,2BAAAA,IAAC,OAAA,EAAI,cAAU,MAAC,OAAO,WACrB,UAAAA,+BAACC,cAAAA,aAAa,UAAb,EAAsB,OACrB,UAAAD,2BAAAA,IAACE,cAAAA,cAAA,EAAc,SAAA,CAAS,GAC1B,GACF;AAEJ;;"}

package/dist/providers/blimu/blimu.provider.js

@@ -1,14 +1,14 @@
-import { jsx as d } from "react/jsx-runtime";
-import { useMemo as t } from "react";
-import { BlimuRuntimeClientWrapper as c } from "../../client/runtime-client.js";
-import { useStore as a } from "../../hooks/use-store.js";
-import { AuthProvider as l } from "../auth/auth.provider.js";
-import { BlimuContext as s } from "./blimu.context.js";
-function f(r) {
-  if (!r) return {};
-  const i = {};
-  if (r.colors) {
-    const o = {
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { BlimuRuntimeClientWrapper } from "../../client/runtime-client.js";
+import { useStore } from "../../hooks/use-store.js";
+import { AuthProvider } from "../auth/auth.provider.js";
+import { BlimuContext } from "./blimu.context.js";
+function themeToStyleVars(theme) {
+  if (!theme) return {};
+  const vars = {};
+  if (theme.colors) {
+    const colorMap = {
       background: "--blimu-background",
       foreground: "--blimu-foreground",
       card: "--blimu-card",
@@ -29,15 +29,17 @@ function f(r) {
       input: "--blimu-input",
       ring: "--blimu-ring"
     };
-    Object.entries(r.colors).forEach(([u, e]) => {
-      if (e) {
-        const n = o[u];
-        n && (i[n] = e);
+    Object.entries(theme.colors).forEach(([key, value]) => {
+      if (value) {
+        const varName = colorMap[key];
+        if (varName) {
+          vars[varName] = value;
+        }
       }
     });
   }
-  if (r.radius) {
-    const o = {
+  if (theme.radius) {
+    const radiusMap = {
       none: "0",
       sm: "0.25rem",
       md: "0.5rem",
@@ -45,23 +47,26 @@ function f(r) {
       xl: "1rem",
       full: "9999px"
     };
-    i["--blimu-radius"] = o[r.radius] ?? r.radius;
+    vars["--blimu-radius"] = radiusMap[theme.radius] ?? theme.radius;
   }
-  return i;
+  return vars;
 }
-function x({ publishableKey: r, children: i, theme: o }) {
-  const u = t(() => new c({ publishableKey: r }), [r]), e = a(u.store), n = t(() => f(o), [o]), m = {
-    client: u,
-    state: e,
+function BlimuProvider({ publishableKey, children, theme }) {
+  const client = useMemo(() => new BlimuRuntimeClientWrapper({ publishableKey }), [publishableKey]);
+  const state = useStore(client.store);
+  const themeVars = useMemo(() => themeToStyleVars(theme), [theme]);
+  const value = {
+    client,
+    state,
     config: {
-      publishableKey: r,
+      publishableKey,
       redirectUri: window.location.origin,
-      theme: o
+      theme
     }
   };
-  return /* @__PURE__ */ d("div", { "data-blimu": !0, style: n, children: /* @__PURE__ */ d(s.Provider, { value: m, children: /* @__PURE__ */ d(l, { children: i }) }) });
+  return /* @__PURE__ */ jsx("div", { "data-blimu": true, style: themeVars, children: /* @__PURE__ */ jsx(BlimuContext.Provider, { value, children: /* @__PURE__ */ jsx(AuthProvider, { children }) }) });
 }
 export {
-  x as BlimuProvider
+  BlimuProvider
 };
 //# sourceMappingURL=blimu.provider.js.map

package/dist/providers/blimu/blimu.provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"blimu.provider.js","sources":["../../../src/providers/blimu/blimu.provider.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { BlimuRuntimeClientWrapper } from '../../client/runtime-client';\nimport { useStore } from '../../hooks/use-store';\nimport type { BlimuRadiusPreset, BlimuTheme } from '../../types';\nimport { AuthProvider } from '../auth/auth.provider';\nimport { BlimuContext } from './blimu.context';\n\ninterface BlimuProviderProps {\n  publishableKey: string;\n  children: React.ReactNode;\n  theme?: BlimuTheme;\n}\n\n/**\n * Convert theme configuration to CSS custom properties\n */\nfunction themeToStyleVars(theme?: BlimuTheme): React.CSSProperties {\n  if (!theme) return {};\n\n  const vars: Record<string, string> = {};\n\n  // Map colors to CSS variables\n  if (theme.colors) {\n    const colorMap: Record<keyof typeof theme.colors, string> = {\n      background: '--blimu-background',\n      foreground: '--blimu-foreground',\n      card: '--blimu-card',\n      cardForeground: '--blimu-card-foreground',\n      popover: '--blimu-popover',\n      popoverForeground: '--blimu-popover-foreground',\n      primary: '--blimu-primary',\n      primaryForeground: '--blimu-primary-foreground',\n      secondary: '--blimu-secondary',\n      secondaryForeground: '--blimu-secondary-foreground',\n      muted: '--blimu-muted',\n      mutedForeground: '--blimu-muted-foreground',\n      accent: '--blimu-accent',\n      accentForeground: '--blimu-accent-foreground',\n      destructive: '--blimu-destructive',\n      destructiveForeground: '--blimu-destructive-foreground',\n      border: '--blimu-border',\n      input: '--blimu-input',\n      ring: '--blimu-ring',\n    };\n\n    Object.entries(theme.colors).forEach(([key, value]) => {\n      if (value) {\n        const varName = colorMap[key as keyof typeof theme.colors];\n        if (varName) {\n          vars[varName] = value;\n        }\n      }\n    });\n  }\n\n  // Map radius to CSS variable\n  if (theme.radius) {\n    const radiusMap: Record<BlimuRadiusPreset, string> = {\n      none: '0',\n      sm: '0.25rem',\n      md: '0.5rem',\n      lg: '0.75rem',\n      xl: '1rem',\n      full: '9999px',\n    };\n\n    vars['--blimu-radius'] = radiusMap[theme.radius as BlimuRadiusPreset] ?? theme.radius;\n  }\n\n  return vars as React.CSSProperties;\n}\n\n/**\n * Provider component that initializes Blimu SDK and wraps the application\n *\n * This provider must be at the root of your application to enable authentication\n * and authorization features.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <BlimuProvider publishableKey=\"pk_...\">\n *       <YourApp />\n *     </BlimuProvider>\n *   );\n * }\n * ```\n *\n * @example With theme customization\n * ```tsx\n * function App() {\n *   return (\n *     <BlimuProvider\n *       publishableKey=\"pk_...\"\n *       theme={{\n *         colors: {\n *           primary: 'oklch(0.5 0.2 250)',\n *           background: '#ffffff',\n *         },\n *         radius: 'lg',\n *       }}\n *     >\n *       <YourApp />\n *     </BlimuProvider>\n *   );\n * }\n * ```\n */\nexport function BlimuProvider({ publishableKey, children, theme }: BlimuProviderProps) {\n  const client = useMemo(() => new BlimuRuntimeClientWrapper({ publishableKey }), [publishableKey]);\n  const state = useStore(client.store);\n  const themeVars = useMemo(() => themeToStyleVars(theme), [theme]);\n\n  const value = {\n    client,\n    state,\n    config: {\n      publishableKey,\n      redirectUri: window.location.origin,\n      theme,\n    },\n  };\n\n  return (\n    <div data-blimu style={themeVars}>\n      <BlimuContext.Provider value={value}>\n        <AuthProvider>{children}</AuthProvider>\n      </BlimuContext.Provider>\n    </div>\n  );\n}\n"],"names":["themeToStyleVars","theme","vars","colorMap","key","value","varName","radiusMap","BlimuProvider","publishableKey","children","client","useMemo","BlimuRuntimeClientWrapper","state","useStore","themeVars","jsx","BlimuContext","AuthProvider"],"mappings":";;;;;;AAiBA,SAASA,EAAiBC,GAAyC;AACjE,MAAI,CAACA,EAAO,QAAO,CAAA;AAEnB,QAAMC,IAA+B,CAAA;AAGrC,MAAID,EAAM,QAAQ;AAChB,UAAME,IAAsD;AAAA,MAC1D,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,qBAAqB;AAAA,MACrB,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,uBAAuB;AAAA,MACvB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAGR,WAAO,QAAQF,EAAM,MAAM,EAAE,QAAQ,CAAC,CAACG,GAAKC,CAAK,MAAM;AACrD,UAAIA,GAAO;AACT,cAAMC,IAAUH,EAASC,CAAgC;AACzD,QAAIE,MACFJ,EAAKI,CAAO,IAAID;AAAA,MAEpB;AAAA,IACF,CAAC;AAAA,EACH;AAGA,MAAIJ,EAAM,QAAQ;AAChB,UAAMM,IAA+C;AAAA,MACnD,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IAAA;AAGR,IAAAL,EAAK,gBAAgB,IAAIK,EAAUN,EAAM,MAA2B,KAAKA,EAAM;AAAA,EACjF;AAEA,SAAOC;AACT;AAuCO,SAASM,EAAc,EAAE,gBAAAC,GAAgB,UAAAC,GAAU,OAAAT,KAA6B;AACrF,QAAMU,IAASC,EAAQ,MAAM,IAAIC,EAA0B,EAAE,gBAAAJ,EAAA,CAAgB,GAAG,CAACA,CAAc,CAAC,GAC1FK,IAAQC,EAASJ,EAAO,KAAK,GAC7BK,IAAYJ,EAAQ,MAAMZ,EAAiBC,CAAK,GAAG,CAACA,CAAK,CAAC,GAE1DI,IAAQ;AAAA,IACZ,QAAAM;AAAA,IACA,OAAAG;AAAA,IACA,QAAQ;AAAA,MACN,gBAAAL;AAAA,MACA,aAAa,OAAO,SAAS;AAAA,MAC7B,OAAAR;AAAA,IAAA;AAAA,EACF;AAGF,SACE,gBAAAgB,EAAC,OAAA,EAAI,cAAU,IAAC,OAAOD,GACrB,UAAA,gBAAAC,EAACC,EAAa,UAAb,EAAsB,OAAAb,GACrB,UAAA,gBAAAY,EAACE,GAAA,EAAc,UAAAT,EAAA,CAAS,GAC1B,GACF;AAEJ;"}
+{"version":3,"file":"blimu.provider.js","sources":["../../../src/providers/blimu/blimu.provider.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport { BlimuRuntimeClientWrapper } from '../../client/runtime-client';\nimport { useStore } from '../../hooks/use-store';\nimport type { BlimuRadiusPreset, BlimuTheme } from '../../types';\nimport { AuthProvider } from '../auth/auth.provider';\nimport { BlimuContext } from './blimu.context';\n\ninterface BlimuProviderProps {\n  publishableKey: string;\n  children: React.ReactNode;\n  theme?: BlimuTheme;\n}\n\n/**\n * Convert theme configuration to CSS custom properties\n */\nfunction themeToStyleVars(theme?: BlimuTheme): React.CSSProperties {\n  if (!theme) return {};\n\n  const vars: Record<string, string> = {};\n\n  // Map colors to CSS variables\n  if (theme.colors) {\n    const colorMap: Record<keyof typeof theme.colors, string> = {\n      background: '--blimu-background',\n      foreground: '--blimu-foreground',\n      card: '--blimu-card',\n      cardForeground: '--blimu-card-foreground',\n      popover: '--blimu-popover',\n      popoverForeground: '--blimu-popover-foreground',\n      primary: '--blimu-primary',\n      primaryForeground: '--blimu-primary-foreground',\n      secondary: '--blimu-secondary',\n      secondaryForeground: '--blimu-secondary-foreground',\n      muted: '--blimu-muted',\n      mutedForeground: '--blimu-muted-foreground',\n      accent: '--blimu-accent',\n      accentForeground: '--blimu-accent-foreground',\n      destructive: '--blimu-destructive',\n      destructiveForeground: '--blimu-destructive-foreground',\n      border: '--blimu-border',\n      input: '--blimu-input',\n      ring: '--blimu-ring',\n    };\n\n    Object.entries(theme.colors).forEach(([key, value]) => {\n      if (value) {\n        const varName = colorMap[key as keyof typeof theme.colors];\n        if (varName) {\n          vars[varName] = value;\n        }\n      }\n    });\n  }\n\n  // Map radius to CSS variable\n  if (theme.radius) {\n    const radiusMap: Record<BlimuRadiusPreset, string> = {\n      none: '0',\n      sm: '0.25rem',\n      md: '0.5rem',\n      lg: '0.75rem',\n      xl: '1rem',\n      full: '9999px',\n    };\n\n    vars['--blimu-radius'] = radiusMap[theme.radius as BlimuRadiusPreset] ?? theme.radius;\n  }\n\n  return vars as React.CSSProperties;\n}\n\n/**\n * Provider component that initializes Blimu SDK and wraps the application\n *\n * This provider must be at the root of your application to enable authentication\n * and authorization features.\n *\n * @example\n * ```tsx\n * function App() {\n *   return (\n *     <BlimuProvider publishableKey=\"pk_...\">\n *       <YourApp />\n *     </BlimuProvider>\n *   );\n * }\n * ```\n *\n * @example With theme customization\n * ```tsx\n * function App() {\n *   return (\n *     <BlimuProvider\n *       publishableKey=\"pk_...\"\n *       theme={{\n *         colors: {\n *           primary: 'oklch(0.5 0.2 250)',\n *           background: '#ffffff',\n *         },\n *         radius: 'lg',\n *       }}\n *     >\n *       <YourApp />\n *     </BlimuProvider>\n *   );\n * }\n * ```\n */\nexport function BlimuProvider({ publishableKey, children, theme }: BlimuProviderProps) {\n  const client = useMemo(() => new BlimuRuntimeClientWrapper({ publishableKey }), [publishableKey]);\n  const state = useStore(client.store);\n  const themeVars = useMemo(() => themeToStyleVars(theme), [theme]);\n\n  const value = {\n    client,\n    state,\n    config: {\n      publishableKey,\n      redirectUri: window.location.origin,\n      theme,\n    },\n  };\n\n  return (\n    <div data-blimu style={themeVars}>\n      <BlimuContext.Provider value={value}>\n        <AuthProvider>{children}</AuthProvider>\n      </BlimuContext.Provider>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAiBA,SAAS,iBAAiB,OAAyC;AACjE,MAAI,CAAC,MAAO,QAAO,CAAA;AAEnB,QAAM,OAA+B,CAAA;AAGrC,MAAI,MAAM,QAAQ;AAChB,UAAM,WAAsD;AAAA,MAC1D,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,MAAM;AAAA,MACN,gBAAgB;AAAA,MAChB,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,SAAS;AAAA,MACT,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,qBAAqB;AAAA,MACrB,OAAO;AAAA,MACP,iBAAiB;AAAA,MACjB,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,aAAa;AAAA,MACb,uBAAuB;AAAA,MACvB,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAM;AAAA,IAAA;AAGR,WAAO,QAAQ,MAAM,MAAM,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACrD,UAAI,OAAO;AACT,cAAM,UAAU,SAAS,GAAgC;AACzD,YAAI,SAAS;AACX,eAAK,OAAO,IAAI;AAAA,QAClB;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAGA,MAAI,MAAM,QAAQ;AAChB,UAAM,YAA+C;AAAA,MACnD,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,IAAA;AAGR,SAAK,gBAAgB,IAAI,UAAU,MAAM,MAA2B,KAAK,MAAM;AAAA,EACjF;AAEA,SAAO;AACT;AAuCO,SAAS,cAAc,EAAE,gBAAgB,UAAU,SAA6B;AACrF,QAAM,SAAS,QAAQ,MAAM,IAAI,0BAA0B,EAAE,eAAA,CAAgB,GAAG,CAAC,cAAc,CAAC;AAChG,QAAM,QAAQ,SAAS,OAAO,KAAK;AACnC,QAAM,YAAY,QAAQ,MAAM,iBAAiB,KAAK,GAAG,CAAC,KAAK,CAAC;AAEhE,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,MACA,aAAa,OAAO,SAAS;AAAA,MAC7B;AAAA,IAAA;AAAA,EACF;AAGF,SACE,oBAAC,OAAA,EAAI,cAAU,MAAC,OAAO,WACrB,UAAA,oBAAC,aAAa,UAAb,EAAsB,OACrB,UAAA,oBAAC,cAAA,EAAc,SAAA,CAAS,GAC1B,GACF;AAEJ;"}

package/dist/providers/index.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const blimu_hook = require("./blimu/blimu.hook.cjs");
+const blimu_provider = require("./blimu/blimu.provider.cjs");
+const auth_provider = require("./auth/auth.provider.cjs");
+const theme_provider = require("./theme/theme.provider.cjs");
+const theme_hook = require("./theme/theme.hook.cjs");
+exports.useBlimu = blimu_hook.useBlimu;
+exports.BlimuProvider = blimu_provider.BlimuProvider;
+exports.AuthProvider = auth_provider.AuthProvider;
+exports.ThemeProvider = theme_provider.ThemeProvider;
+exports.useTheme = theme_hook.useTheme;
+//# sourceMappingURL=index.cjs.map

package/dist/providers/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/dist/providers/index.js

@@ -0,0 +1,13 @@
+import { useBlimu } from "./blimu/blimu.hook.js";
+import { BlimuProvider } from "./blimu/blimu.provider.js";
+import { AuthProvider } from "./auth/auth.provider.js";
+import { ThemeProvider } from "./theme/theme.provider.js";
+import { useTheme } from "./theme/theme.hook.js";
+export {
+  AuthProvider,
+  BlimuProvider,
+  ThemeProvider,
+  useBlimu,
+  useTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/providers/theme/theme.context.cjs

@@ -1,2 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(null);exports.ThemeContext=t;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const ThemeContext = React.createContext(null);
+exports.ThemeContext = ThemeContext;
 //# sourceMappingURL=theme.context.cjs.map

package/dist/providers/theme/theme.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.context.cjs","sources":["../../../src/providers/theme/theme.context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  resolvedTheme: 'light' | 'dark';\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n"],"names":["ThemeContext","createContext"],"mappings":"yGAUaA,EAAeC,EAAAA,cAAwC,IAAI"}
+{"version":3,"file":"theme.context.cjs","sources":["../../../src/providers/theme/theme.context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  resolvedTheme: 'light' | 'dark';\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n"],"names":["createContext"],"mappings":";;;AAUO,MAAM,eAAeA,MAAAA,cAAwC,IAAI;;"}

package/dist/providers/theme/theme.context.js

@@ -1,6 +1,6 @@
-import { createContext as t } from "react";
-const o = t(null);
+import { createContext } from "react";
+const ThemeContext = createContext(null);
 export {
-  o as ThemeContext
+  ThemeContext
 };
 //# sourceMappingURL=theme.context.js.map

package/dist/providers/theme/theme.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.context.js","sources":["../../../src/providers/theme/theme.context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  resolvedTheme: 'light' | 'dark';\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n"],"names":["ThemeContext","createContext"],"mappings":";AAUO,MAAMA,IAAeC,EAAwC,IAAI;"}
+{"version":3,"file":"theme.context.js","sources":["../../../src/providers/theme/theme.context.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport type Theme = 'light' | 'dark' | 'system';\n\nexport interface ThemeContextValue {\n  theme: Theme;\n  setTheme: (theme: Theme) => void;\n  resolvedTheme: 'light' | 'dark';\n}\n\nexport const ThemeContext = createContext<ThemeContextValue | null>(null);\n"],"names":[],"mappings":";AAUO,MAAM,eAAe,cAAwC,IAAI;"}

package/dist/providers/theme/theme.hook.cjs

@@ -1,2 +1,13 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),r=require("./theme.context.cjs");function o(){const e=t.useContext(r.ThemeContext);if(!e)throw new Error("useTheme must be used within a ThemeProvider");return e}exports.useTheme=o;
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const theme_context = require("./theme.context.cjs");
+function useTheme() {
+  const context = React.useContext(theme_context.ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider");
+  }
+  return context;
+}
+exports.useTheme = useTheme;
 //# sourceMappingURL=theme.hook.cjs.map

package/dist/providers/theme/theme.hook.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.hook.cjs","sources":["../../../src/providers/theme/theme.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './theme.context';\n\n/**\n * Hook for accessing and controlling the theme\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useTheme();\n *\n *   return (\n *     <button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}>\n *       Current theme: {resolvedTheme}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useTheme() {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n"],"names":["useTheme","context","useContext","ThemeContext"],"mappings":"0IAoBO,SAASA,GAAW,CACzB,MAAMC,EAAUC,EAAAA,WAAWC,cAAY,EACvC,GAAI,CAACF,EACH,MAAM,IAAI,MAAM,8CAA8C,EAEhE,OAAOA,CACT"}
+{"version":3,"file":"theme.hook.cjs","sources":["../../../src/providers/theme/theme.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './theme.context';\n\n/**\n * Hook for accessing and controlling the theme\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useTheme();\n *\n *   return (\n *     <button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}>\n *       Current theme: {resolvedTheme}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useTheme() {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n"],"names":["useContext","ThemeContext"],"mappings":";;;;AAoBO,SAAS,WAAW;AACzB,QAAM,UAAUA,MAAAA,WAAWC,0BAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;;"}

package/dist/providers/theme/theme.hook.js

@@ -1,12 +1,13 @@
-import { useContext as t } from "react";
-import { ThemeContext as o } from "./theme.context.js";
-function n() {
-  const e = t(o);
-  if (!e)
+import { useContext } from "react";
+import { ThemeContext } from "./theme.context.js";
+function useTheme() {
+  const context = useContext(ThemeContext);
+  if (!context) {
     throw new Error("useTheme must be used within a ThemeProvider");
-  return e;
+  }
+  return context;
 }
 export {
-  n as useTheme
+  useTheme
 };
 //# sourceMappingURL=theme.hook.js.map

package/dist/providers/theme/theme.hook.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.hook.js","sources":["../../../src/providers/theme/theme.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './theme.context';\n\n/**\n * Hook for accessing and controlling the theme\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useTheme();\n *\n *   return (\n *     <button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}>\n *       Current theme: {resolvedTheme}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useTheme() {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n"],"names":["useTheme","context","useContext","ThemeContext"],"mappings":";;AAoBO,SAASA,IAAW;AACzB,QAAMC,IAAUC,EAAWC,CAAY;AACvC,MAAI,CAACF;AACH,UAAM,IAAI,MAAM,8CAA8C;AAEhE,SAAOA;AACT;"}
+{"version":3,"file":"theme.hook.js","sources":["../../../src/providers/theme/theme.hook.ts"],"sourcesContent":["import { useContext } from 'react';\n\nimport { ThemeContext } from './theme.context';\n\n/**\n * Hook for accessing and controlling the theme\n *\n * @example\n * ```tsx\n * function ThemeToggle() {\n *   const { theme, setTheme, resolvedTheme } = useTheme();\n *\n *   return (\n *     <button onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}>\n *       Current theme: {resolvedTheme}\n *     </button>\n *   );\n * }\n * ```\n */\nexport function useTheme() {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n"],"names":[],"mappings":";;AAoBO,SAAS,WAAW;AACzB,QAAM,UAAU,WAAW,YAAY;AACvC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,8CAA8C;AAAA,EAChE;AACA,SAAO;AACT;"}