@stackframe/stack 2.4.0 → 2.4.1

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

@@ -18,13 +18,13 @@ declare const Components: {
     readonly Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
     readonly Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
     readonly Link: React__default.ForwardRefExoticComponent<Omit<{
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         href: string | url.Url;
     } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
     readonly Text: React__default.ForwardRefExoticComponent<Omit<{
         variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-        as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
     readonly Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
     readonly PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
@@ -67,13 +67,13 @@ declare function useComponents(): {
     readonly Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
     readonly Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
     readonly Link: React__default.ForwardRefExoticComponent<Omit<{
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         href: string | url.Url;
     } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
     readonly Text: React__default.ForwardRefExoticComponent<Omit<{
         variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-        as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
     readonly Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
     readonly PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;

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

@@ -18,13 +18,13 @@ declare const Components: {
     readonly Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
     readonly Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
     readonly Link: React__default.ForwardRefExoticComponent<Omit<{
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         href: string | url.Url;
     } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
     readonly Text: React__default.ForwardRefExoticComponent<Omit<{
         variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-        as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
     readonly Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
     readonly PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
@@ -67,13 +67,13 @@ declare function useComponents(): {
     readonly Separator: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_separator.SeparatorProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
     readonly Label: React__default.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React__default.RefAttributes<HTMLLabelElement>, "ref"> & React__default.RefAttributes<HTMLLabelElement>>;
     readonly Link: React__default.ForwardRefExoticComponent<Omit<{
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
         href: string | url.Url;
     } & Omit<React__default.HTMLProps<HTMLLinkElement>, "size" | "href">, "ref"> & React__default.RefAttributes<HTMLAnchorElement>>;
     readonly Text: React__default.ForwardRefExoticComponent<Omit<{
         variant?: "primary" | "secondary" | "warning" | "success" | undefined;
-        as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | undefined;
-        size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+        as?: "h2" | "h3" | "p" | "h1" | "h4" | "h5" | "h6" | undefined;
+        size?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
     } & Omit<React__default.HTMLProps<HTMLParagraphElement>, "size">, "ref"> & React__default.RefAttributes<HTMLParagraphElement>>;
     readonly Popover: React__default.FC<_radix_ui_react_popover.PopoverProps>;
     readonly PopoverTrigger: React__default.ForwardRefExoticComponent<_radix_ui_react_popover.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;

package/dist/providers/component-provider.js

@@ -93,3 +93,4 @@ function StackComponentProvider(props) {
   StackComponentProvider,
   useComponents
 });
+//# sourceMappingURL=component-provider.js.map

package/dist/providers/component-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/component-provider.tsx"],"sourcesContent":["'use client';\n\nimport React, { createContext, useContext } from 'react';\nimport { Button } from '../components-core/button';\nimport { Container } from '../components-core/container';\nimport { Separator } from '../components-core/separator';\nimport { Input } from '../components-core/input';\nimport { Link } from '../components-core/link';\nimport { Label } from '../components-core/label';\nimport { Text } from '../components-core/text';\nimport { Card, CardHeader, CardContent, CardFooter } from '../components-core/card';\nimport { Popover, PopoverTrigger, PopoverContent } from '../components-core/popover';\nimport { \n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from '../components-core/dropdown';\nimport { Avatar, AvatarFallback, AvatarImage } from '../components-core/avatar';\nimport { Collapsible, CollapsibleTrigger, CollapsibleContent } from '../components-core/collapsible';\nimport { Tabs, TabsList, TabsContent, TabsTrigger } from '../components-core/tabs';\nimport { Skeleton } from '../components-core/skeleton';\n\nexport const Components = {\n  Input,\n  Button,\n  Container,\n  Separator,\n  Label,\n  Link,\n  Text,\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  Avatar,\n  AvatarFallback,\n  AvatarImage,\n  Collapsible,\n  CollapsibleTrigger,\n  CollapsibleContent,\n  Card,\n  CardHeader,\n  CardContent,\n  CardFooter,\n  Tabs,\n  TabsList,\n  TabsContent,\n  TabsTrigger,\n  Skeleton,\n} as const;\n\nexport type ComponentConfig = {\n  components?: Partial<typeof Components>,\n}\n\nconst ComponentContext = createContext<typeof Components | undefined>(undefined);\n\nexport function useComponents() {\n  const context = useContext(ComponentContext);\n  if (!context) {\n    throw new Error('Stack UI components must be used within a StackTheme');\n  }\n  return context;\n}\n\nexport function StackComponentProvider(props: { children?: React.ReactNode } & ComponentConfig) {\n  return (\n    <ComponentContext.Provider value={{ ...Components, ...props.components }}>\n      {props.children}\n    </ComponentContext.Provider>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAiD;AACjD,oBAAuB;AACvB,uBAA0B;AAC1B,uBAA0B;AAC1B,mBAAsB;AACtB,kBAAqB;AACrB,mBAAsB;AACtB,kBAAqB;AACrB,kBAA0D;AAC1D,qBAAwD;AACxD,sBAOO;AACP,oBAAoD;AACpD,yBAAoE;AACpE,kBAAyD;AACzD,sBAAyB;AAoDrB;AAlDG,IAAM,aAAa;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMA,IAAM,uBAAmB,4BAA6C,MAAS;AAExE,SAAS,gBAAgB;AAC9B,QAAM,cAAU,yBAAW,gBAAgB;AAC3C,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,sDAAsD;AAAA,EACxE;AACA,SAAO;AACT;AAEO,SAAS,uBAAuB,OAAyD;AAC9F,SACE,4CAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,GAAG,YAAY,GAAG,MAAM,WAAW,GACpE,gBAAM,UACT;AAEJ;","names":[]}

package/dist/providers/design-provider.js

@@ -59,3 +59,4 @@ function useDesign() {
   StackDesignProvider,
   useDesign
 });
+//# sourceMappingURL=design-provider.js.map

package/dist/providers/design-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/design-provider.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { createContext, useContext } from \"react\";\nimport { DEFAULT_COLORS } from '../utils/constants';\n\ntype Colors = {\n  primaryColor: string,\n  secondaryColor: string,\n  backgroundColor: string,\n  neutralColor: string,\n}\n\nexport type ColorPalette = {\n  light: Colors,\n  dark: Colors,\n};\n\ntype Breakpoints = {\n  xs: number,\n  sm: number,\n  md: number,\n  lg: number,\n  xl: number,\n};\n\ntype DesignContextValue = {\n  colors: ColorPalette,\n  breakpoints: Breakpoints,\n}\n\nexport type DesignConfig = {\n  colors?: Partial<ColorPalette>,\n  breakpoints?: Partial<Breakpoints>,\n}\n\nconst DesignContext = createContext<DesignContextValue | undefined>(undefined);\n\nconst defaultBreakpoints: Breakpoints = {\n  xs: 400,\n  sm: 600,\n  md: 900,\n  lg: 1200,\n  xl: 1536,\n};\n\nexport function StackDesignProvider(props: { children?: React.ReactNode } & DesignConfig) {\n  const designValue = {\n    colors: { \n      dark: { ...DEFAULT_COLORS.dark, ...props.colors?.dark }, \n      light: { ...DEFAULT_COLORS.light, ...props.colors?.light } \n    },\n    breakpoints: { ...defaultBreakpoints, ...props.breakpoints },\n  };\n\n  return (\n    <DesignContext.Provider value={designValue}>\n      {props.children}\n    </DesignContext.Provider> \n  );\n}\n\nexport function useDesign(): DesignContextValue {\n  const context = useContext(DesignContext);\n  if (!context) {\n    throw new Error(\"useDesign must be used within a StackTheme\");\n  }\n  return context;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA0C;AAC1C,uBAA+B;AAoD3B;AApBJ,IAAM,oBAAgB,4BAA8C,MAAS;AAE7E,IAAM,qBAAkC;AAAA,EACtC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,SAAS,oBAAoB,OAAsD;AACxF,QAAM,cAAc;AAAA,IAClB,QAAQ;AAAA,MACN,MAAM,EAAE,GAAG,gCAAe,MAAM,GAAG,MAAM,QAAQ,KAAK;AAAA,MACtD,OAAO,EAAE,GAAG,gCAAe,OAAO,GAAG,MAAM,QAAQ,MAAM;AAAA,IAC3D;AAAA,IACA,aAAa,EAAE,GAAG,oBAAoB,GAAG,MAAM,YAAY;AAAA,EAC7D;AAEA,SACE,4CAAC,cAAc,UAAd,EAAuB,OAAO,aAC5B,gBAAM,UACT;AAEJ;AAEO,SAAS,YAAgC;AAC9C,QAAM,cAAU,yBAAW,aAAa;AACxC,MAAI,CAAC,SAAS;AACZ,UAAM,IAAI,MAAM,4CAA4C;AAAA,EAC9D;AACA,SAAO;AACT;","names":[]}

package/dist/providers/joy-provider.js

@@ -58,3 +58,4 @@ function StackJoyTheme(props) {
   StackJoyTheme,
   defaultComponents
 });
+//# sourceMappingURL=joy-provider.js.map

package/dist/providers/joy-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/joy-provider.tsx"],"sourcesContent":["'use client';\n\nimport { StackTheme, ThemeConfig } from \"./theme-provider\";\nimport { useColorScheme } from \"@mui/joy\";\nimport { Button } from '../components-core-joy/button';\nimport { Input } from '../components-core-joy/input';\nimport { Text } from '../components-core-joy/text';\nimport { Separator } from '../components-core-joy/separator';\nimport { Tabs, TabsList, TabsTrigger, TabsContent } from '../components-core-joy/tabs';\n\nexport const defaultComponents = {\n  Button,\n  Input,\n  Text,\n  Separator,\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n};\n\nexport function StackJoyTheme(props : { theme?: ThemeConfig, children?: React.ReactNode }) {\n  const mergedTheme = {\n    components: {\n      ...defaultComponents,\n      ...props.theme?.components,\n    },\n    ...props.theme,\n  };\n\n  return (\n    <StackTheme theme={mergedTheme}>\n      {props.children}\n    </StackTheme>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,4BAAwC;AAExC,oBAAuB;AACvB,mBAAsB;AACtB,kBAAqB;AACrB,uBAA0B;AAC1B,kBAAyD;AAuBrD;AArBG,IAAM,oBAAoB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,cAAc,OAA6D;AACzF,QAAM,cAAc;AAAA,IAClB,YAAY;AAAA,MACV,GAAG;AAAA,MACH,GAAG,MAAM,OAAO;AAAA,IAClB;AAAA,IACA,GAAG,MAAM;AAAA,EACX;AAEA,SACE,4CAAC,oCAAW,OAAO,aAChB,gBAAM,UACT;AAEJ;","names":[]}

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

@@ -5,6 +5,7 @@ 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';
+import '@stackframe/stack-shared/dist/interface/serverInterface';
 
 declare const StackContext: React__default.Context<{
     app: StackClientApp<true>;

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

@@ -5,6 +5,7 @@ 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';
+import '@stackframe/stack-shared/dist/interface/serverInterface';
 
 declare const StackContext: React__default.Context<{
     app: StackClientApp<true>;

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

@@ -65,3 +65,4 @@ function UserSetter(props) {
   StackProviderClient,
   UserSetter
 });
+//# sourceMappingURL=stack-provider-client.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/stack-provider-client.tsx"],"sourcesContent":["\"use client\";\n\nimport { use, useEffect } from \"react\";\nimport { StackClientApp, StackClientAppJson, stackAppInternalsSymbol } from \"../lib/stack-app\";\nimport React from \"react\";\nimport { UserJson } from \"@stackframe/stack-shared\";\nimport { useStackApp } from \"..\";\n\nexport const StackContext = React.createContext<null | {\n  app: StackClientApp<true>,\n}>(null);\n\nexport function StackProviderClient(props: {\n  appJson: StackClientAppJson<true, string>,\n  children?: React.ReactNode,\n}) {\n  const appJson = props.appJson;\n  const app = StackClientApp[stackAppInternalsSymbol].fromClientJson(appJson);\n\n  if (process.env.NODE_ENV === \"development\") {\n    (globalThis as any).stackApp = app;\n  }\n  \n  return (\n    <StackContext.Provider value={{ app }}>\n      {props.children}\n    </StackContext.Provider>\n  );\n}\n\nexport function UserSetter(props: { userJsonPromise: Promise<UserJson | null> }) {\n  const app = useStackApp();\n  useEffect(() => {\n    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\n    app[stackAppInternalsSymbol].setCurrentUser(promise);\n  }, []);\n  return null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAA+B;AAC/B,uBAA4E;AAC5E,IAAAA,gBAAkB;AAElB,eAA4B;AAkBxB;AAhBG,IAAM,eAAe,cAAAC,QAAM,cAE/B,IAAI;AAEA,SAAS,oBAAoB,OAGjC;AACD,QAAM,UAAU,MAAM;AACtB,QAAM,MAAM,gCAAe,wCAAuB,EAAE,eAAe,OAAO;AAE1E,MAAI,QAAQ,IAAI,aAAa,eAAe;AAC1C,IAAC,WAAmB,WAAW;AAAA,EACjC;AAEA,SACE,4CAAC,aAAa,UAAb,EAAsB,OAAO,EAAE,IAAI,GACjC,gBAAM,UACT;AAEJ;AAEO,SAAS,WAAW,OAAsD;AAC/E,QAAM,UAAM,sBAAY;AACxB,8BAAU,MAAM;AACd,UAAM,WAAW,YAAY,MAAM,MAAM,iBAAiB;AAC1D,QAAI,wCAAuB,EAAE,eAAe,OAAO;AAAA,EACrD,GAAG,CAAC,CAAC;AACL,SAAO;AACT;","names":["import_react","React"]}

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

@@ -5,6 +5,7 @@ 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';
+import '@stackframe/stack-shared/dist/interface/serverInterface';
 
 declare function StackProvider({ children, app, }: {
     children: React__default.ReactNode;

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

@@ -5,6 +5,7 @@ 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';
+import '@stackframe/stack-shared/dist/interface/serverInterface';
 
 declare function StackProvider({ children, app, }: {
     children: React__default.ReactNode;

package/dist/providers/stack-provider.js

@@ -40,3 +40,4 @@ function UserFetcher(props) {
   const userPromise = props.app.getUser().then((user) => user?.toJson() ?? null);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_stack_provider_client.UserSetter, { userJsonPromise: userPromise });
 }
+//# sourceMappingURL=stack-provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/stack-provider.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { StackClientApp, stackAppInternalsSymbol } from '../lib/stack-app';\nimport { StackProviderClient, UserSetter } from './stack-provider-client';\n\n\nexport default function StackProvider({\n  children,\n  app,\n}: {\n  children: React.ReactNode,\n  app: StackClientApp<true>,\n}) {\n  return (\n    <StackProviderClient appJson={app[stackAppInternalsSymbol].toClientJson()}>\n      <Suspense fallback={null}>\n        <UserFetcher app={app} />\n      </Suspense>\n      {children}\n    </StackProviderClient>\n  );\n}\n\nfunction UserFetcher(props: { app: StackClientApp<true> }) {\n  const userPromise = props.app.getUser().then((user) => user?.toJson() ?? null);\n  return <UserSetter userJsonPromise={userPromise} />;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,uBAAwD;AACxD,mCAAgD;AAW5C;AARW,SAAR,cAA+B;AAAA,EACpC;AAAA,EACA;AACF,GAGG;AACD,SACE,6CAAC,oDAAoB,SAAS,IAAI,wCAAuB,EAAE,aAAa,GACtE;AAAA,gDAAC,yBAAS,UAAU,MAClB,sDAAC,eAAY,KAAU,GACzB;AAAA,IACC;AAAA,KACH;AAEJ;AAEA,SAAS,YAAY,OAAsC;AACzD,QAAM,cAAc,MAAM,IAAI,QAAQ,EAAE,KAAK,CAAC,SAAS,MAAM,OAAO,KAAK,IAAI;AAC7E,SAAO,4CAAC,2CAAW,iBAAiB,aAAa;AACnD;","names":[]}

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

@@ -42,3 +42,4 @@ function StyledComponentsRegistry({
     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 });
 }
+//# sourceMappingURL=styled-components-registry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/styled-components-registry.tsx"],"sourcesContent":["'use client';\n \nimport React, { useState } from 'react';\nimport { useServerInsertedHTML } from 'next/navigation';\nimport { ServerStyleSheet, StyleSheetManager } from 'styled-components';\n \nexport default function StyledComponentsRegistry({\n  children,\n}: {\n  children: React.ReactNode,\n}) {\n  // Only create stylesheet once with lazy initial state\n  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state\n  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());\n \n  useServerInsertedHTML(() => {\n    const styles = styledComponentsStyleSheet.getStyleElement();\n    styledComponentsStyleSheet.instance.clearTag();\n    return <>{styles}</>;\n  });\n \n  if (typeof window !== 'undefined') return <>{children}</>;\n \n  return (\n    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>\n      {children}\n    </StyleSheetManager>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,mBAAgC;AAChC,wBAAsC;AACtC,+BAAoD;AAczC;AAZI,SAAR,yBAA0C;AAAA,EAC/C;AACF,GAEG;AAGD,QAAM,CAAC,0BAA0B,QAAI,uBAAS,MAAM,IAAI,0CAAiB,CAAC;AAE1E,+CAAsB,MAAM;AAC1B,UAAM,SAAS,2BAA2B,gBAAgB;AAC1D,+BAA2B,SAAS,SAAS;AAC7C,WAAO,2EAAG,kBAAO;AAAA,EACnB,CAAC;AAED,MAAI,OAAO,WAAW;AAAa,WAAO,2EAAG,UAAS;AAEtD,SACE,4CAAC,8CAAkB,OAAO,2BAA2B,UAClD,UACH;AAEJ;","names":[]}

package/dist/providers/theme-provider.js

@@ -54,3 +54,4 @@ function StackTheme({
 0 && (module.exports = {
   StackTheme
 });
+//# sourceMappingURL=theme-provider.js.map

package/dist/providers/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/providers/theme-provider.tsx"],"sourcesContent":["'use client';\n\nimport React from \"react\";\nimport { StackDesignProvider, DesignConfig } from \"./design-provider\";\nimport { StackComponentProvider, ComponentConfig } from \"./component-provider\";\nimport StyledComponentsRegistry from \"./styled-components-registry\";\nimport { BrowserScript } from \"../utils/browser-script\";\n\nexport type ThemeConfig = DesignConfig & ComponentConfig;\n\nexport function StackTheme({\n  theme,\n  children,\n} : { \n  children?: React.ReactNode,\n  theme?: DesignConfig & ComponentConfig,\n}) {\n  const componentProps = { components: theme?.components };\n\n  return (\n    <StyledComponentsRegistry>\n      <BrowserScript />\n      <StackDesignProvider {...theme}>\n        <StackComponentProvider {...componentProps}>\n          {children}\n        </StackComponentProvider>\n      </StackDesignProvider>\n    </StyledComponentsRegistry>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,6BAAkD;AAClD,gCAAwD;AACxD,wCAAqC;AACrC,4BAA8B;AAc1B;AAVG,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AACF,GAGG;AACD,QAAM,iBAAiB,EAAE,YAAY,OAAO,WAAW;AAEvD,SACE,6CAAC,kCAAAA,SAAA,EACC;AAAA,gDAAC,uCAAc;AAAA,IACf,4CAAC,8CAAqB,GAAG,OACvB,sDAAC,oDAAwB,GAAG,gBACzB,UACH,GACF;AAAA,KACF;AAEJ;","names":["StyledComponentsRegistry"]}

package/dist/utils/browser-script.js

@@ -48,3 +48,4 @@ function BrowserScript() {
 0 && (module.exports = {
   BrowserScript
 });
+//# sourceMappingURL=browser-script.js.map

package/dist/utils/browser-script.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/browser-script.tsx"],"sourcesContent":["const script = () => {\n  const observer = new MutationObserver((mutations) => {\n    mutations.forEach((mutation) => {\n      if (mutation.attributeName === 'data-joy-color-scheme') {\n        const joyColorScheme = document.documentElement.getAttribute('data-joy-color-scheme');\n        if (!joyColorScheme) {\n          return;\n        }\n        document.documentElement.setAttribute('data-theme', joyColorScheme);\n      }\n    });\n  });\n\n  observer.observe(document.documentElement, {\n    attributes: true,\n    attributeFilter: ['data-joy-color-scheme'],\n  });\n};\n\nexport function BrowserScript() {\n  return (\n    <script dangerouslySetInnerHTML={{ __html: `(${script.toString()})()` }}/>\n  );\n}"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AArBJ,IAAM,SAAS,MAAM;AACnB,QAAM,WAAW,IAAI,iBAAiB,CAAC,cAAc;AACnD,cAAU,QAAQ,CAAC,aAAa;AAC9B,UAAI,SAAS,kBAAkB,yBAAyB;AACtD,cAAM,iBAAiB,SAAS,gBAAgB,aAAa,uBAAuB;AACpF,YAAI,CAAC,gBAAgB;AACnB;AAAA,QACF;AACA,iBAAS,gBAAgB,aAAa,cAAc,cAAc;AAAA,MACpE;AAAA,IACF,CAAC;AAAA,EACH,CAAC;AAED,WAAS,QAAQ,SAAS,iBAAiB;AAAA,IACzC,YAAY;AAAA,IACZ,iBAAiB,CAAC,uBAAuB;AAAA,EAC3C,CAAC;AACH;AAEO,SAAS,gBAAgB;AAC9B,SACE,4CAAC,YAAO,yBAAyB,EAAE,QAAQ,IAAI,OAAO,SAAS,CAAC,MAAM,GAAE;AAE5E;","names":[]}

package/dist/utils/constants.js

@@ -65,3 +65,4 @@ var DEFAULT_COLORS = {
   SECONDARY_FONT_COLORS,
   SELECTED_BACKGROUND_COLORS
 });
+//# sourceMappingURL=constants.js.map

package/dist/utils/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/constants.tsx"],"sourcesContent":["export const FONT_SIZES = {'xs': '0.75rem', 'sm': '0.875rem', 'md': '1rem', 'lg': '1.25rem', 'xl': '1.5rem'};\nexport const LINE_HEIGHTS = {'xs': '1rem', 'sm': '1.25rem', 'md': '1.5rem', 'lg': '1.75rem', 'xl': '2rem'};\nexport const FONT_FAMILY = 'ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"';\nexport const PRIMARY_FONT_COLORS = { 'dark': 'white', 'light': 'black' };\nexport const SECONDARY_FONT_COLORS = { 'dark': '#a8a8a8', 'light': '#737373' };\nexport const SELECTED_BACKGROUND_COLORS = { 'dark': 'rgba(255, 255, 255, 0.1)', 'light': 'rgba(0, 0, 0, 0.04)' };\nexport const LINK_COLORS = { 'dark': '#fff', 'light': '#000' };\nexport const BORDER_RADIUS = '0.375rem';\nexport const DEFAULT_COLORS = ({\n  dark: {\n    primaryColor: '#570df8',\n    secondaryColor: '#404040',\n    backgroundColor: 'black',\n    neutralColor: '#27272a',\n  },\n  light: {\n    primaryColor: '#570df8',\n    secondaryColor: '#e0e0e0',\n    backgroundColor: 'white',\n    neutralColor: '#e4e4e7',\n  },\n} as const);"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,IAAM,aAAa,EAAC,MAAM,WAAW,MAAM,YAAY,MAAM,QAAQ,MAAM,WAAW,MAAM,SAAQ;AACpG,IAAM,eAAe,EAAC,MAAM,QAAQ,MAAM,WAAW,MAAM,UAAU,MAAM,WAAW,MAAM,OAAM;AAClG,IAAM,cAAc;AACpB,IAAM,sBAAsB,EAAE,QAAQ,SAAS,SAAS,QAAQ;AAChE,IAAM,wBAAwB,EAAE,QAAQ,WAAW,SAAS,UAAU;AACtE,IAAM,6BAA6B,EAAE,QAAQ,4BAA4B,SAAS,sBAAsB;AACxG,IAAM,cAAc,EAAE,QAAQ,QAAQ,SAAS,OAAO;AACtD,IAAM,gBAAgB;AACtB,IAAM,iBAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,cAAc;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,IACL,cAAc;AAAA,IACd,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,cAAc;AAAA,EAChB;AACF;","names":[]}

package/dist/utils/email.js

@@ -43,3 +43,4 @@ function validateEmail(email) {
 0 && (module.exports = {
   validateEmail
 });
+//# sourceMappingURL=email.js.map

package/dist/utils/email.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/email.tsx"],"sourcesContent":["import * as yup from \"yup\";\n\nexport function validateEmail(email: string): boolean {\n  if (typeof email !== \"string\") throw new Error(\"Email must be a string\");\n  return yup.string().email().isValidSync(email);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAqB;AAEd,SAAS,cAAc,OAAwB;AACpD,MAAI,OAAO,UAAU;AAAU,UAAM,IAAI,MAAM,wBAAwB;AACvE,SAAW,WAAO,EAAE,MAAM,EAAE,YAAY,KAAK;AAC/C;","names":[]}

package/dist/utils/next.js

@@ -30,3 +30,4 @@ function isClient() {
 0 && (module.exports = {
   isClient
 });
+//# sourceMappingURL=next.js.map

package/dist/utils/next.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/next.tsx"],"sourcesContent":["export function isClient() {\n  // TODO improve function name (could be confused because this may return false in client components during SSR)\n  return typeof window !== \"undefined\";\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,WAAW;AAEzB,SAAO,OAAO,WAAW;AAC3B;","names":[]}

package/dist/utils/url.js

@@ -45,3 +45,4 @@ function constructRedirectUrl(redirectUrl) {
   autoRedirect,
   constructRedirectUrl
 });
+//# sourceMappingURL=url.js.map

package/dist/utils/url.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/url.tsx"],"sourcesContent":["export function autoRedirect() {\n  const url = new URL(window.location.href);\n  const redirectUrl = url.searchParams.get(\"auto-redirect-url\");\n  if (redirectUrl) {\n    const urlObject = new URL(redirectUrl);\n    if (urlObject.origin !== window.location.origin) {\n      throw new Error(\"auto-redirect-url is not same origin (\" + urlObject.origin + \" !== \" + window.location.origin + \")\");\n    }\n    url.searchParams.delete(\"auto-redirect-url\");\n    window.location.replace(urlObject.href);\n  }\n}\n\nexport function constructRedirectUrl(redirectUrl: URL | string | undefined) {\n  const url = redirectUrl ? new URL(redirectUrl, window.location.href) : new URL(window.location.href);\n  return url.href.split(\"#\")[0];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,eAAe;AAC7B,QAAM,MAAM,IAAI,IAAI,OAAO,SAAS,IAAI;AACxC,QAAM,cAAc,IAAI,aAAa,IAAI,mBAAmB;AAC5D,MAAI,aAAa;AACf,UAAM,YAAY,IAAI,IAAI,WAAW;AACrC,QAAI,UAAU,WAAW,OAAO,SAAS,QAAQ;AAC/C,YAAM,IAAI,MAAM,2CAA2C,UAAU,SAAS,UAAU,OAAO,SAAS,SAAS,GAAG;AAAA,IACtH;AACA,QAAI,aAAa,OAAO,mBAAmB;AAC3C,WAAO,SAAS,QAAQ,UAAU,IAAI;AAAA,EACxC;AACF;AAEO,SAAS,qBAAqB,aAAuC;AAC1E,QAAM,MAAM,cAAc,IAAI,IAAI,aAAa,OAAO,SAAS,IAAI,IAAI,IAAI,IAAI,OAAO,SAAS,IAAI;AACnG,SAAO,IAAI,KAAK,MAAM,GAAG,EAAE,CAAC;AAC9B;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackframe/stack",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "sideEffects": false,
   "exports": {
     ".": {
@@ -42,8 +42,8 @@
     "server-only": "^0.0.1",
     "styled-components": "^6.1.8",
     "yup": "^1.4.0",
-    "@stackframe/stack-sc": "1.5.0",
-    "@stackframe/stack-shared": "2.4.0"
+    "@stackframe/stack-sc": "1.5.1",
+    "@stackframe/stack-shared": "2.4.1"
   },
   "peerDependencies": {
     "@mui/joy": "^5.0.0-beta.30",