@stackframe/stack 2.3.5 → 2.3.8

package/dist/providers/design-provider.js

@@ -1,62 +1,61 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from "next-themes";
-import { createContext, useContext, useEffect, useState } from "react";
-import { DEFAULT_COLORS } from '../utils/constants';
-const DesignContext = createContext(undefined);
-const defaultBreakpoints = {
-    xs: 400,
-    sm: 600,
-    md: 900,
-    lg: 1200,
-    xl: 1536,
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-export function hasCustomColorMode(config) {
-    return 'colorMode' in config && 'setColorMode' in config;
-}
-function getColors(theme, colors) {
-    return {
-        dark: { ...DEFAULT_COLORS.dark, ...colors?.dark },
-        light: { ...DEFAULT_COLORS.light, ...colors?.light },
-    }[theme || 'light'];
-}
-const useColorMode = (props) => {
-    const { resolvedTheme: nextColorMode, setTheme: setNextColorMode } = useTheme();
-    const nextColorModeValue = nextColorMode === 'dark' ? 'dark' : 'light';
-    if (hasCustomColorMode(props)) {
-        return [
-            props.colorMode === 'dark' ? 'dark' : 'light',
-            props.setColorMode,
-        ];
-    }
-    else {
-        return [
-            nextColorModeValue,
-            setNextColorMode,
-        ];
-    }
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/providers/design-provider.tsx
+var design_provider_exports = {};
+__export(design_provider_exports, {
+  StackDesignProvider: () => StackDesignProvider,
+  useDesign: () => useDesign
+});
+module.exports = __toCommonJS(design_provider_exports);
+var import_react = require("react");
+var import_constants = require("../utils/constants");
+var import_jsx_runtime = require("react/jsx-runtime");
+var DesignContext = (0, import_react.createContext)(void 0);
+var defaultBreakpoints = {
+  xs: 400,
+  sm: 600,
+  md: 900,
+  lg: 1200,
+  xl: 1536
 };
-export function StackDesignProvider(props) {
-    const [colorMode, setColorMode] = useColorMode(props);
-    const [designValue, setDesignValue] = useState({
-        colors: getColors(colorMode, props.colors),
-        breakpoints: { ...defaultBreakpoints, ...props.breakpoints },
-        colorMode,
-        setColorMode,
-    });
-    useEffect(() => {
-        setDesignValue((v) => ({
-            ...v,
-            colors: getColors(colorMode, props.colors),
-            colorMode,
-        }));
-    }, [colorMode]);
-    return (_jsx(DesignContext.Provider, { value: designValue, children: props.children }));
+function StackDesignProvider(props) {
+  const designValue = {
+    colors: {
+      dark: { ...import_constants.DEFAULT_COLORS.dark, ...props.colors?.dark },
+      light: { ...import_constants.DEFAULT_COLORS.light, ...props.colors?.light }
+    },
+    breakpoints: { ...defaultBreakpoints, ...props.breakpoints }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DesignContext.Provider, { value: designValue, children: props.children });
 }
-export function useDesign() {
-    const context = useContext(DesignContext);
-    if (!context) {
-        throw new Error("useDesign must be used within a StackTheme");
-    }
-    return context;
+function useDesign() {
+  const context = (0, import_react.useContext)(DesignContext);
+  if (!context) {
+    throw new Error("useDesign must be used within a StackTheme");
+  }
+  return context;
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StackDesignProvider,
+  useDesign
+});

package/dist/providers/joy-provider.d.mts

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
+import * as _radix_ui_react_separator from '@radix-ui/react-separator';
+import * as React$1 from 'react';
+import { ButtonProps } from '../components-core/button.mjs';
+import { ThemeConfig } from './theme-provider.mjs';
+import './design-provider.mjs';
+import './component-provider.mjs';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-avatar';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-popover';
+import 'url';
+import '@radix-ui/react-label';
+import '../components-core/container.mjs';
+
+declare const defaultComponents: {
+    Button: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+    Input: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement> & Pick<React$1.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+    Text: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<{
+        variant?: "primary" | "secondary" | "warning" | "success" | undefined;
+        as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
+        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    } & Omit<React$1.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+    Separator: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+    Tabs: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_tabs.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+    TabsList: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_radix_ui_react_tabs.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+    TabsTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_radix_ui_react_tabs.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+    TabsContent: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_radix_ui_react_tabs.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+};
+declare function StackJoyTheme(props: {
+    theme?: ThemeConfig;
+    children?: React.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { StackJoyTheme, defaultComponents };

package/dist/providers/joy-provider.d.ts

@@ -1,20 +1,36 @@
-/// <reference types="react" />
-import { ThemeConfig } from "./theme-provider";
-export declare const defaultComponents: {
-    Button: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("../components-core/button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Input: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("react").InputHTMLAttributes<HTMLInputElement> & Pick<import("react").HTMLProps<HTMLInputElement>, "ref">, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-    Text: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<{
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _radix_ui_react_tabs from '@radix-ui/react-tabs';
+import * as _radix_ui_react_separator from '@radix-ui/react-separator';
+import * as React$1 from 'react';
+import { ButtonProps } from '../components-core/button.js';
+import { ThemeConfig } from './theme-provider.js';
+import './design-provider.js';
+import './component-provider.js';
+import '@radix-ui/react-collapsible';
+import '@radix-ui/react-avatar';
+import '@radix-ui/react-dropdown-menu';
+import '@radix-ui/react-popover';
+import 'url';
+import '@radix-ui/react-label';
+import '../components-core/container.js';
+
+declare const defaultComponents: {
+    Button: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<ButtonProps, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+    Input: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<React$1.InputHTMLAttributes<HTMLInputElement> & Pick<React$1.HTMLProps<HTMLInputElement>, "ref">, "ref"> & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+    Text: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<{
         variant?: "primary" | "secondary" | "warning" | "success" | undefined;
         as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
         size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-    } & Omit<import("react").HTMLProps<HTMLParagraphElement>, "size">, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
-    Separator: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    Tabs: import("react").ForwardRefExoticComponent<Omit<Omit<import("@radix-ui/react-tabs").TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    TabsList: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    TabsTrigger: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    TabsContent: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<import("@radix-ui/react-tabs").TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    } & Omit<React$1.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
+    Separator: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+    Tabs: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_tabs.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+    TabsList: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_radix_ui_react_tabs.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+    TabsTrigger: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_radix_ui_react_tabs.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
+    TabsContent: React$1.ForwardRefExoticComponent<Omit<Omit<Omit<_radix_ui_react_tabs.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 };
-export declare function StackJoyTheme(props: {
+declare function StackJoyTheme(props: {
     theme?: ThemeConfig;
     children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { StackJoyTheme, defaultComponents };

package/dist/providers/joy-provider.js

@@ -1,32 +1,60 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StackTheme } from "./theme-provider";
-import { useColorScheme } from "@mui/joy";
-import { Button } from '../components-core-joy/button';
-import { Input } from '../components-core-joy/input';
-import { Text } from '../components-core-joy/text';
-import { Separator } from '../components-core-joy/separator';
-import { Tabs, TabsList, TabsTrigger, TabsContent } from '../components-core-joy/tabs';
-export const defaultComponents = {
-    Button,
-    Input,
-    Text,
-    Separator,
-    Tabs,
-    TabsList,
-    TabsTrigger,
-    TabsContent,
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-export function StackJoyTheme(props) {
-    const { mode, systemMode, setMode } = useColorScheme();
-    const mergedTheme = {
-        components: {
-            ...defaultComponents,
-            ...props.theme?.components,
-        },
-        colorMode: (mode === 'system' ? systemMode : mode) || 'light',
-        setColorMode: setMode,
-        ...props.theme,
-    };
-    return (_jsx(StackTheme, { theme: mergedTheme, children: props.children }));
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/providers/joy-provider.tsx
+var joy_provider_exports = {};
+__export(joy_provider_exports, {
+  StackJoyTheme: () => StackJoyTheme,
+  defaultComponents: () => defaultComponents
+});
+module.exports = __toCommonJS(joy_provider_exports);
+var import_theme_provider = require("./theme-provider");
+var import_button = require("../components-core-joy/button");
+var import_input = require("../components-core-joy/input");
+var import_text = require("../components-core-joy/text");
+var import_separator = require("../components-core-joy/separator");
+var import_tabs = require("../components-core-joy/tabs");
+var import_jsx_runtime = require("react/jsx-runtime");
+var defaultComponents = {
+  Button: import_button.Button,
+  Input: import_input.Input,
+  Text: import_text.Text,
+  Separator: import_separator.Separator,
+  Tabs: import_tabs.Tabs,
+  TabsList: import_tabs.TabsList,
+  TabsTrigger: import_tabs.TabsTrigger,
+  TabsContent: import_tabs.TabsContent
+};
+function StackJoyTheme(props) {
+  const mergedTheme = {
+    components: {
+      ...defaultComponents,
+      ...props.theme?.components
+    },
+    ...props.theme
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_theme_provider.StackTheme, { theme: mergedTheme, children: props.children });
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StackJoyTheme,
+  defaultComponents
+});

package/dist/providers/stack-provider-client.d.mts

@@ -0,0 +1,20 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StackClientApp, StackClientAppJson } from '../lib/stack-app.mjs';
+import React__default from 'react';
+import { UserJson } from '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/interface/clientInterface';
+import '@stackframe/stack-shared/dist/utils/json';
+import '@stackframe/stack-shared/dist/interface/adminInterface';
+
+declare const StackContext: React__default.Context<{
+    app: StackClientApp<true>;
+} | null>;
+declare function StackProviderClient(props: {
+    appJson: StackClientAppJson<true, string>;
+    children?: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function UserSetter(props: {
+    userJsonPromise: Promise<UserJson | null>;
+}): null;
+
+export { StackContext, StackProviderClient, UserSetter };

package/dist/providers/stack-provider-client.d.ts

@@ -1,13 +1,20 @@
-import { StackClientApp, StackClientAppJson } from "../lib/stack-app";
-import React from "react";
-import { UserJson } from "@stackframe/stack-shared";
-export declare const StackContext: React.Context<{
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { StackClientApp, StackClientAppJson } from '../lib/stack-app.js';
+import React__default from 'react';
+import { UserJson } from '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/interface/clientInterface';
+import '@stackframe/stack-shared/dist/utils/json';
+import '@stackframe/stack-shared/dist/interface/adminInterface';
+
+declare const StackContext: React__default.Context<{
     app: StackClientApp<true>;
 } | null>;
-export declare function StackProviderClient(props: {
+declare function StackProviderClient(props: {
     appJson: StackClientAppJson<true, string>;
-    children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function UserSetter(props: {
+    children?: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function UserSetter(props: {
     userJsonPromise: Promise<UserJson | null>;
 }): null;
+
+export { StackContext, StackProviderClient, UserSetter };

package/dist/providers/stack-provider-client.js

@@ -1,23 +1,67 @@
 "use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import { StackClientApp, stackAppInternalsSymbol } from "../lib/stack-app";
-import React from "react";
-import { useStackApp } from "..";
-export const StackContext = React.createContext(null);
-export function StackProviderClient(props) {
-    const appJson = props.appJson;
-    const app = StackClientApp[stackAppInternalsSymbol].fromClientJson(appJson);
-    if (process.env.NODE_ENV === "development") {
-        globalThis.stackApp = app;
-    }
-    return (_jsx(StackContext.Provider, { value: { app }, children: props.children }));
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/providers/stack-provider-client.tsx
+var stack_provider_client_exports = {};
+__export(stack_provider_client_exports, {
+  StackContext: () => StackContext,
+  StackProviderClient: () => StackProviderClient,
+  UserSetter: () => UserSetter
+});
+module.exports = __toCommonJS(stack_provider_client_exports);
+var import_react = require("react");
+var import_stack_app = require("../lib/stack-app");
+var import_react2 = __toESM(require("react"));
+var import__ = require("..");
+var import_jsx_runtime = require("react/jsx-runtime");
+var StackContext = import_react2.default.createContext(null);
+function StackProviderClient(props) {
+  const appJson = props.appJson;
+  const app = import_stack_app.StackClientApp[import_stack_app.stackAppInternalsSymbol].fromClientJson(appJson);
+  if (process.env.NODE_ENV === "development") {
+    globalThis.stackApp = app;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StackContext.Provider, { value: { app }, children: props.children });
 }
-export function UserSetter(props) {
-    const app = useStackApp();
-    useEffect(() => {
-        const promise = (async () => await props.userJsonPromise)(); // there is a Next.js bug where Promises passed by server components return `undefined` as their `then` value, so wrap it in a normal promise
-        app[stackAppInternalsSymbol].setCurrentUser(promise);
-    }, []);
-    return null;
+function UserSetter(props) {
+  const app = (0, import__.useStackApp)();
+  (0, import_react.useEffect)(() => {
+    const promise = (async () => await props.userJsonPromise)();
+    app[import_stack_app.stackAppInternalsSymbol].setCurrentUser(promise);
+  }, []);
+  return null;
 }
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StackContext,
+  StackProviderClient,
+  UserSetter
+});

package/dist/providers/stack-provider.d.mts

@@ -0,0 +1,14 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { StackClientApp } from '../lib/stack-app.mjs';
+import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/interface/clientInterface';
+import '@stackframe/stack-shared/dist/utils/json';
+import '@stackframe/stack-shared/dist/interface/adminInterface';
+
+declare function StackProvider({ children, app, }: {
+    children: React__default.ReactNode;
+    app: StackClientApp<true>;
+}): react_jsx_runtime.JSX.Element;
+
+export { StackProvider as default };

package/dist/providers/stack-provider.d.ts

@@ -1,6 +1,14 @@
-import React from 'react';
-import { StackClientApp } from '../lib/stack-app';
-export default function StackProvider({ children, app, }: {
-    children: React.ReactNode;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+import { StackClientApp } from '../lib/stack-app.js';
+import '@stackframe/stack-shared';
+import '@stackframe/stack-shared/dist/interface/clientInterface';
+import '@stackframe/stack-shared/dist/utils/json';
+import '@stackframe/stack-shared/dist/interface/adminInterface';
+
+declare function StackProvider({ children, app, }: {
+    children: React__default.ReactNode;
     app: StackClientApp<true>;
-}): import("react/jsx-runtime").JSX.Element;
+}): react_jsx_runtime.JSX.Element;
+
+export { StackProvider as default };

package/dist/providers/stack-provider.js

@@ -1,11 +1,42 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Suspense } from 'react';
-import { stackAppInternalsSymbol } from '../lib/stack-app';
-import { StackProviderClient, UserSetter } from './stack-provider-client';
-export default function StackProvider({ children, app, }) {
-    return (_jsxs(StackProviderClient, { appJson: app[stackAppInternalsSymbol].toClientJson(), children: [_jsx(Suspense, { fallback: null, children: _jsx(UserFetcher, { app: app }) }), children] }));
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/providers/stack-provider.tsx
+var stack_provider_exports = {};
+__export(stack_provider_exports, {
+  default: () => StackProvider
+});
+module.exports = __toCommonJS(stack_provider_exports);
+var import_react = require("react");
+var import_stack_app = require("../lib/stack-app");
+var import_stack_provider_client = require("./stack-provider-client");
+var import_jsx_runtime = require("react/jsx-runtime");
+function StackProvider({
+  children,
+  app
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stack_provider_client.StackProviderClient, { appJson: app[import_stack_app.stackAppInternalsSymbol].toClientJson(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Suspense, { fallback: null, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UserFetcher, { app }) }),
+    children
+  ] });
 }
 function UserFetcher(props) {
-    const userPromise = props.app.getUser().then((user) => user?.toJson() ?? null);
-    return _jsx(UserSetter, { userJsonPromise: userPromise });
+  const userPromise = props.app.getUser().then((user) => user?.toJson() ?? null);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_provider_client.UserSetter, { userJsonPromise: userPromise });
 }

package/dist/providers/styled-components-registry.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare function StyledComponentsRegistry({ children, }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { StyledComponentsRegistry as default };

package/dist/providers/styled-components-registry.d.ts

@@ -1,4 +1,8 @@
-import React from 'react';
-export default function StyledComponentsRegistry({ children, }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare function StyledComponentsRegistry({ children, }: {
+    children: React__default.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+export { StyledComponentsRegistry as default };

package/dist/providers/styled-components-registry.js

@@ -1,18 +1,44 @@
-'use client';
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { useServerInsertedHTML } from 'next/navigation';
-import { ServerStyleSheet, StyleSheetManager } from 'styled-components';
-export default function StyledComponentsRegistry({ children, }) {
-    // Only create stylesheet once with lazy initial state
-    // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state
-    const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());
-    useServerInsertedHTML(() => {
-        const styles = styledComponentsStyleSheet.getStyleElement();
-        styledComponentsStyleSheet.instance.clearTag();
-        return _jsx(_Fragment, { children: styles });
-    });
-    if (typeof window !== 'undefined')
-        return _jsx(_Fragment, { children: children });
-    return (_jsx(StyleSheetManager, { sheet: styledComponentsStyleSheet.instance, children: children }));
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/providers/styled-components-registry.tsx
+var styled_components_registry_exports = {};
+__export(styled_components_registry_exports, {
+  default: () => StyledComponentsRegistry
+});
+module.exports = __toCommonJS(styled_components_registry_exports);
+var import_react = require("react");
+var import_navigation = require("next/navigation");
+var import_styled_components = require("styled-components");
+var import_jsx_runtime = require("react/jsx-runtime");
+function StyledComponentsRegistry({
+  children
+}) {
+  const [styledComponentsStyleSheet] = (0, import_react.useState)(() => new import_styled_components.ServerStyleSheet());
+  (0, import_navigation.useServerInsertedHTML)(() => {
+    const styles = styledComponentsStyleSheet.getStyleElement();
+    styledComponentsStyleSheet.instance.clearTag();
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: styles });
+  });
+  if (typeof window !== "undefined")
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled_components.StyleSheetManager, { sheet: styledComponentsStyleSheet.instance, children });
 }