@whop/embedded-components-react-js 0.0.13-beta.6 → 1.0.0-beta.11

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # @whop/embedded-components-react-js
 
+## 1.0.0-beta.11
+
+### Major Changes
+
+- ea27ce0: New train: apollo
+
+### Patch Changes
+
+- Updated dependencies [ea27ce0]
+  - @whop/embedded-components-vanilla-js@1.0.0-beta.11
+
 ## 0.0.1
 
 ### Patch Changes

package/dist/chat/elements/index.d.ts

@@ -1,5 +1,6 @@
 export { ChatElement } from './chat.js';
 export { DmsListElement } from './dms-list.js';
+export { SearchElement } from './search-element.js';
 import '../with-fallback.js';
 import '@whop/embedded-components-vanilla-js/types';
 import 'react';

package/dist/chat/elements/index.js

@@ -19,9 +19,11 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var elements_exports = {};
 __export(elements_exports, {
   ChatElement: () => import_chat.ChatElement,
-  DmsListElement: () => import_dms_list.DmsListElement
+  DmsListElement: () => import_dms_list.DmsListElement,
+  SearchElement: () => import_search_element.SearchElement
 });
 module.exports = __toCommonJS(elements_exports);
 var import_chat = require("./chat");
 var import_dms_list = require("./dms-list");
+var import_search_element = require("./search-element");
 //# sourceMappingURL=index.js.map

package/dist/chat/elements/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/chat/elements/index.tsx"],"sourcesContent":["export { ChatElement } from \"./chat\";\nexport { DmsListElement } from \"./dms-list\";\n\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4B;AAC5B,sBAA+B;","names":[]}
+{"version":3,"sources":["../../../src/chat/elements/index.tsx"],"sourcesContent":["export { ChatElement } from \"./chat\";\nexport { DmsListElement } from \"./dms-list\";\nexport { SearchElement } from \"./search-element\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA4B;AAC5B,sBAA+B;AAC/B,4BAA8B;","names":[]}

package/dist/chat/elements/index.mjs

@@ -1,4 +1,5 @@
 import "../../chunk-NSSMTXJJ.mjs";
 import { ChatElement } from "./chat.mjs";
 import { DmsListElement } from "./dms-list.mjs";
-export { ChatElement, DmsListElement };
+import { SearchElement } from "./search-element.mjs";
+export { ChatElement, DmsListElement, SearchElement };

package/dist/chat/elements/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/chat/elements/index.tsx"],"sourcesContent":["export { ChatElement } from \"./chat\";\nexport { DmsListElement } from \"./dms-list\";\n\n"],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;","names":[]}
+{"version":3,"sources":["../../../src/chat/elements/index.tsx"],"sourcesContent":["export { ChatElement } from \"./chat\";\nexport { DmsListElement } from \"./dms-list\";\nexport { SearchElement } from \"./search-element\";\n"],"mappings":";AAAA,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;","names":[]}

package/dist/{payouts/elements/total-balance-breakdown.d.ts → chat/elements/search-element.d.ts}

@@ -2,10 +2,10 @@ import { WithFallbackPropsOptional } from '../with-fallback.js';
 import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
 import 'react';
 
-declare const TotalBalanceBreakdownElement: {
-    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.TotalBalanceBreakdownElementOptions>): React.ReactNode;
+declare const SearchElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.SearchElementOptions>): React.ReactNode;
     displayName: string;
     type: string;
 };
 
-export { TotalBalanceBreakdownElement };
+export { SearchElement };

package/dist/{payouts/elements/total-balance-breakdown.js → chat/elements/search-element.js}

@@ -17,14 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var total_balance_breakdown_exports = {};
-__export(total_balance_breakdown_exports, {
-  TotalBalanceBreakdownElement: () => TotalBalanceBreakdownElement
+var search_element_exports = {};
+__export(search_element_exports, {
+  SearchElement: () => SearchElement
 });
-module.exports = __toCommonJS(total_balance_breakdown_exports);
+module.exports = __toCommonJS(search_element_exports);
 var import_with_fallback = require("../with-fallback");
-const TotalBalanceBreakdownElement = (0, import_with_fallback.withFallback)({
-  displayName: "TotalBalanceBreakdownElement",
-  type: "total-balance-breakdown-element"
+const SearchElement = (0, import_with_fallback.withFallback)({
+  displayName: "SearchElement",
+  type: "search-element"
 });
-//# sourceMappingURL=total-balance-breakdown.js.map
+//# sourceMappingURL=search-element.js.map

package/dist/chat/elements/search-element.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/chat/elements/search-element.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const SearchElement = withFallback({\n\tdisplayName: \"SearchElement\",\n\ttype: \"search-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,oBAAgB,mCAAa;AAAA,EACzC,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/chat/elements/search-element.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../with-fallback.mjs";
+const SearchElement = withFallback({
+    displayName: "SearchElement",
+    type: "search-element"
+});
+export { SearchElement };

package/dist/chat/elements/search-element.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/chat/elements/search-element.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const SearchElement = withFallback({\n\tdisplayName: \"SearchElement\",\n\ttype: \"search-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,gBAAgB,aAAa;AAAA,EACzC,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/chat/index.d.ts

@@ -1,5 +1,6 @@
 export { ChatElement } from './elements/chat.js';
 export { DmsListElement } from './elements/dms-list.js';
+export { SearchElement } from './elements/search-element.js';
 export { ChatSession, useChatSession } from './session.js';
 import './with-fallback.js';
 import '@whop/embedded-components-vanilla-js/types';

package/dist/chat/with-fallback.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/chat/with-fallback.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tChatSessionElements,\n\tWhopElement,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../lib/use-element-snapshot\";\nimport { useChatSession } from \"./session\";\n\n/**\n * Valid element type strings that can be passed to createElement.\n */\ntype ElementType = keyof ChatSessionElements;\n\n/**\n * Extract the options type for a given element type using indexed access.\n * PayoutsSessionElements maps element types to [Options, Element] tuples.\n */\ntype ElementOptionsFor<T extends ElementType> = ChatSessionElements[T][0];\n\n/**\n * Base element type that all created elements conform to.\n * Using WhopElement<any, any, any> gives us access to common methods\n * (mount, unmount, on, off, updateOptions) without union type issues.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype BaseElement = WhopElement<any, any, any>;\n\n/**\n * Component definition with a constrained element type.\n * The type must be a valid element type from the SDK.\n */\ninterface ElementComponentDefinition<T extends ElementType = ElementType> {\n\tdisplayName: string;\n\ttype: T;\n}\n\ninterface WithFallbackPropsBase {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}\n\nexport interface WithFallbackPropsRequired<TOptions>\n\textends WithFallbackPropsBase {\n\toptions: TOptions;\n}\n\nexport interface WithFallbackPropsOptional<TOptions>\n\textends WithFallbackPropsBase {\n\toptions?: TOptions;\n}\n\ntype WithFallbackComponent<TOptions, TRequired extends boolean> = {\n\t(\n\t\tprops: TRequired extends true\n\t\t\t? WithFallbackPropsRequired<TOptions>\n\t\t\t: WithFallbackPropsOptional<TOptions>,\n\t): React.ReactNode;\n\tdisplayName: string;\n\ttype: string;\n};\n\n/**\n * Creates a React component that wraps an embedded element with fallback support.\n *\n * @example\n * ```tsx\n * // Type-safe: options type is inferred from the element type\n * export const ChatElement = withFallback({\n *   displayName: \"ChatElement\",\n *   type: \"chat-element\",\n * } as const);\n *\n * // Usage - TypeScript knows the correct options type\n * <ChatElement options={{ channelId: \"channel_xxx\" }} />\n * ```\n */\nexport function withFallback<\n\tconst T extends ElementType,\n\tTRequired extends boolean = false,\n>(\n\tComponent: ElementComponentDefinition<T>,\n): WithFallbackComponent<ElementOptionsFor<T>, TRequired> {\n\ttype TOptions = ElementOptionsFor<T>;\n\n\tfunction WrappedElement({\n\t\toptions,\n\t\tclassName,\n\t\tstyle,\n\t\tonReady,\n\t\tfallback,\n\t}: WithFallbackPropsOptional<TOptions>) {\n\t\tconst chatSession = useChatSession();\n\t\tconst ref = useRef<HTMLDivElement>(null);\n\n\t\tconst element = useMemo((): BaseElement | null => {\n\t\t\tif (!chatSession) return null;\n\t\t\t// Safe: T is constrained to valid element types, and options matches T\n\t\t\treturn chatSession.createElement(Component, options ?? {} as TOptions);\n\t\t}, [chatSession]);\n\n\t\tconst elementSnapshot = useElementSnapshot(element);\n\n\t\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\t\tuseEffect(() => {\n\t\t\tif (!element) return;\n\t\t\telement.updateOptions(options ?? {});\n\t\t}, [options, element]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!element || !onReady) return;\n\t\t\telement.on(\"ready\", onReady);\n\t\t\treturn () => {\n\t\t\t\telement.off(\"ready\", onReady);\n\t\t\t};\n\t\t}, [element, onReady]);\n\n\t\tuseLayoutEffect(() => {\n\t\t\tif (!element || !ref.current) return;\n\t\t\telement.mount(ref.current);\n\t\t\treturn () => {\n\t\t\t\telement.unmount();\n\t\t\t};\n\t\t}, [element, ref.current]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tref={ref}\n\t\t\t\t/>\n\t\t\t\t{!isReady && (fallback ?? null)}\n\t\t\t</>\n\t\t);\n\t}\n\n\tWrappedElement.displayName = Component.displayName;\n\tWrappedElement.type = Component.type;\n\n\treturn WrappedElement as WithFallbackComponent<TOptions, TRequired>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,mBAAmE;AACnE,kCAAmC;AACnC,qBAA+B;AAwExB,SAAS,aAIf,WACyD;AAGzD,WAAS,eAAe;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,GAAwC;AACvC,UAAM,kBAAc,+BAAe;AACnC,UAAM,UAAM,qBAAuB,IAAI;AAEvC,UAAM,cAAU,sBAAQ,MAA0B;AACjD,UAAI,CAAC,YAAa,QAAO;AAEzB,aAAO,YAAY,cAAc,WAAW,WAAW,CAAC,CAAa;AAAA,IACtE,GAAG,CAAC,WAAW,CAAC;AAEhB,UAAM,sBAAkB,gDAAmB,OAAO;AAElD,UAAM,UAAU,iBAAiB,UAAU;AAE3C,gCAAU,MAAM;AACf,UAAI,CAAC,QAAS;AACd,cAAQ,cAAc,WAAW,CAAC,CAAC;AAAA,IACpC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,gCAAU,MAAM;AACf,UAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAQ,GAAG,SAAS,OAAO;AAC3B,aAAO,MAAM;AACZ,gBAAQ,IAAI,SAAS,OAAO;AAAA,MAC7B;AAAA,IACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,sCAAgB,MAAM;AACrB,UAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,cAAQ,MAAM,IAAI,OAAO;AACzB,aAAO,MAAM;AACZ,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,WACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACC,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,QAC9D;AAAA,QACA;AAAA;AAAA,IACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAAA,EAEF;AAEA,iBAAe,cAAc,UAAU;AACvC,iBAAe,OAAO,UAAU;AAEhC,SAAO;AACR;","names":["React"]}
+{"version":3,"sources":["../../src/chat/with-fallback.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tChatSessionElements,\n\tWhopElement,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../lib/use-element-snapshot\";\nimport { useChatSession } from \"./session\";\n\n/**\n * Valid element type strings that can be passed to createElement.\n */\ntype ElementType = keyof ChatSessionElements;\n\n/**\n * Extract the options type for a given element type using indexed access.\n * PayoutsSessionElements maps element types to [Options, Element] tuples.\n */\ntype ElementOptionsFor<T extends ElementType> = ChatSessionElements[T][0];\n\n/**\n * Base element type that all created elements conform to.\n * Using WhopElement<any, any, any> gives us access to common methods\n * (mount, unmount, on, off, updateOptions) without union type issues.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype BaseElement = WhopElement<any, any, any>;\n\n/**\n * Component definition with a constrained element type.\n * The type must be a valid element type from the SDK.\n */\ninterface ElementComponentDefinition<T extends ElementType = ElementType> {\n\tdisplayName: string;\n\ttype: T;\n}\n\ninterface WithFallbackPropsBase {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}\n\nexport interface WithFallbackPropsRequired<TOptions>\n\textends WithFallbackPropsBase {\n\toptions: TOptions;\n}\n\nexport interface WithFallbackPropsOptional<TOptions>\n\textends WithFallbackPropsBase {\n\toptions?: TOptions;\n}\n\ntype WithFallbackComponent<TOptions, TRequired extends boolean> = {\n\t(\n\t\tprops: TRequired extends true\n\t\t\t? WithFallbackPropsRequired<TOptions>\n\t\t\t: WithFallbackPropsOptional<TOptions>,\n\t): React.ReactNode;\n\tdisplayName: string;\n\ttype: string;\n};\n\n/**\n * Creates a React component that wraps an embedded element with fallback support.\n *\n * @example\n * ```tsx\n * // Type-safe: options type is inferred from the element type\n * export const ChatElement = withFallback({\n *   displayName: \"ChatElement\",\n *   type: \"chat-element\",\n * } as const);\n *\n * // Usage - TypeScript knows the correct options type\n * <ChatElement options={{ channelId: \"channel_xxx\" }} />\n * ```\n */\nexport function withFallback<\n\tconst T extends ElementType,\n\tTRequired extends boolean = false,\n>(\n\tComponent: ElementComponentDefinition<T>,\n): WithFallbackComponent<ElementOptionsFor<T>, TRequired> {\n\ttype TOptions = ElementOptionsFor<T>;\n\n\tfunction WrappedElement({\n\t\toptions,\n\t\tclassName,\n\t\tstyle,\n\t\tonReady,\n\t\tfallback,\n\t}: WithFallbackPropsOptional<TOptions>) {\n\t\tconst chatSession = useChatSession();\n\t\tconst ref = useRef<HTMLDivElement>(null);\n\n\t\tconst element = useMemo((): BaseElement | null => {\n\t\t\tif (!chatSession) return null;\n\t\t\t// Safe: T is constrained to valid element types, and options matches T\n\t\t\treturn chatSession.createElement(Component, options ?? ({} as TOptions));\n\t\t}, [chatSession]);\n\n\t\tconst elementSnapshot = useElementSnapshot(element);\n\n\t\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\t\tuseEffect(() => {\n\t\t\tif (!element) return;\n\t\t\telement.updateOptions(options ?? {});\n\t\t}, [options, element]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!element || !onReady) return;\n\t\t\telement.on(\"ready\", onReady);\n\t\t\treturn () => {\n\t\t\t\telement.off(\"ready\", onReady);\n\t\t\t};\n\t\t}, [element, onReady]);\n\n\t\tuseLayoutEffect(() => {\n\t\t\tif (!element || !ref.current) return;\n\t\t\telement.mount(ref.current);\n\t\t\treturn () => {\n\t\t\t\telement.unmount();\n\t\t\t};\n\t\t}, [element, ref.current]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tref={ref}\n\t\t\t\t/>\n\t\t\t\t{!isReady && (fallback ?? null)}\n\t\t\t</>\n\t\t);\n\t}\n\n\tWrappedElement.displayName = Component.displayName;\n\tWrappedElement.type = Component.type;\n\n\treturn WrappedElement as WithFallbackComponent<TOptions, TRequired>;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,mBAAmE;AACnE,kCAAmC;AACnC,qBAA+B;AAwExB,SAAS,aAIf,WACyD;AAGzD,WAAS,eAAe;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,GAAwC;AACvC,UAAM,kBAAc,+BAAe;AACnC,UAAM,UAAM,qBAAuB,IAAI;AAEvC,UAAM,cAAU,sBAAQ,MAA0B;AACjD,UAAI,CAAC,YAAa,QAAO;AAEzB,aAAO,YAAY,cAAc,WAAW,WAAY,CAAC,CAAc;AAAA,IACxE,GAAG,CAAC,WAAW,CAAC;AAEhB,UAAM,sBAAkB,gDAAmB,OAAO;AAElD,UAAM,UAAU,iBAAiB,UAAU;AAE3C,gCAAU,MAAM;AACf,UAAI,CAAC,QAAS;AACd,cAAQ,cAAc,WAAW,CAAC,CAAC;AAAA,IACpC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,gCAAU,MAAM;AACf,UAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAQ,GAAG,SAAS,OAAO;AAC3B,aAAO,MAAM;AACZ,gBAAQ,IAAI,SAAS,OAAO;AAAA,MAC7B;AAAA,IACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,sCAAgB,MAAM;AACrB,UAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,cAAQ,MAAM,IAAI,OAAO;AACzB,aAAO,MAAM;AACZ,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,WACC,6BAAAA,QAAA,2BAAAA,QAAA,gBACC,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,QAC9D;AAAA,QACA;AAAA;AAAA,IACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAAA,EAEF;AAEA,iBAAe,cAAc,UAAU;AACvC,iBAAe,OAAO,UAAU;AAEhC,SAAO;AACR;","names":["React"]}

package/dist/chat/with-fallback.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/chat/with-fallback.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tChatSessionElements,\n\tWhopElement,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../lib/use-element-snapshot\";\nimport { useChatSession } from \"./session\";\n\n/**\n * Valid element type strings that can be passed to createElement.\n */\ntype ElementType = keyof ChatSessionElements;\n\n/**\n * Extract the options type for a given element type using indexed access.\n * PayoutsSessionElements maps element types to [Options, Element] tuples.\n */\ntype ElementOptionsFor<T extends ElementType> = ChatSessionElements[T][0];\n\n/**\n * Base element type that all created elements conform to.\n * Using WhopElement<any, any, any> gives us access to common methods\n * (mount, unmount, on, off, updateOptions) without union type issues.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype BaseElement = WhopElement<any, any, any>;\n\n/**\n * Component definition with a constrained element type.\n * The type must be a valid element type from the SDK.\n */\ninterface ElementComponentDefinition<T extends ElementType = ElementType> {\n\tdisplayName: string;\n\ttype: T;\n}\n\ninterface WithFallbackPropsBase {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}\n\nexport interface WithFallbackPropsRequired<TOptions>\n\textends WithFallbackPropsBase {\n\toptions: TOptions;\n}\n\nexport interface WithFallbackPropsOptional<TOptions>\n\textends WithFallbackPropsBase {\n\toptions?: TOptions;\n}\n\ntype WithFallbackComponent<TOptions, TRequired extends boolean> = {\n\t(\n\t\tprops: TRequired extends true\n\t\t\t? WithFallbackPropsRequired<TOptions>\n\t\t\t: WithFallbackPropsOptional<TOptions>,\n\t): React.ReactNode;\n\tdisplayName: string;\n\ttype: string;\n};\n\n/**\n * Creates a React component that wraps an embedded element with fallback support.\n *\n * @example\n * ```tsx\n * // Type-safe: options type is inferred from the element type\n * export const ChatElement = withFallback({\n *   displayName: \"ChatElement\",\n *   type: \"chat-element\",\n * } as const);\n *\n * // Usage - TypeScript knows the correct options type\n * <ChatElement options={{ channelId: \"channel_xxx\" }} />\n * ```\n */\nexport function withFallback<\n\tconst T extends ElementType,\n\tTRequired extends boolean = false,\n>(\n\tComponent: ElementComponentDefinition<T>,\n): WithFallbackComponent<ElementOptionsFor<T>, TRequired> {\n\ttype TOptions = ElementOptionsFor<T>;\n\n\tfunction WrappedElement({\n\t\toptions,\n\t\tclassName,\n\t\tstyle,\n\t\tonReady,\n\t\tfallback,\n\t}: WithFallbackPropsOptional<TOptions>) {\n\t\tconst chatSession = useChatSession();\n\t\tconst ref = useRef<HTMLDivElement>(null);\n\n\t\tconst element = useMemo((): BaseElement | null => {\n\t\t\tif (!chatSession) return null;\n\t\t\t// Safe: T is constrained to valid element types, and options matches T\n\t\t\treturn chatSession.createElement(Component, options ?? {} as TOptions);\n\t\t}, [chatSession]);\n\n\t\tconst elementSnapshot = useElementSnapshot(element);\n\n\t\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\t\tuseEffect(() => {\n\t\t\tif (!element) return;\n\t\t\telement.updateOptions(options ?? {});\n\t\t}, [options, element]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!element || !onReady) return;\n\t\t\telement.on(\"ready\", onReady);\n\t\t\treturn () => {\n\t\t\t\telement.off(\"ready\", onReady);\n\t\t\t};\n\t\t}, [element, onReady]);\n\n\t\tuseLayoutEffect(() => {\n\t\t\tif (!element || !ref.current) return;\n\t\t\telement.mount(ref.current);\n\t\t\treturn () => {\n\t\t\t\telement.unmount();\n\t\t\t};\n\t\t}, [element, ref.current]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tref={ref}\n\t\t\t\t/>\n\t\t\t\t{!isReady && (fallback ?? null)}\n\t\t\t</>\n\t\t);\n\t}\n\n\tWrappedElement.displayName = Component.displayName;\n\tWrappedElement.type = Component.type;\n\n\treturn WrappedElement as WithFallbackComponent<TOptions, TRequired>;\n}\n"],"mappings":";;AAMA,OAAO,SAAS,WAAW,iBAAiB,SAAS,cAAc;AACnE,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAwExB,SAAS,aAIf,WACyD;AAGzD,WAAS,eAAe;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,GAAwC;AACvC,UAAM,cAAc,eAAe;AACnC,UAAM,MAAM,OAAuB,IAAI;AAEvC,UAAM,UAAU,QAAQ,MAA0B;AACjD,UAAI,CAAC,YAAa,QAAO;AAEzB,aAAO,YAAY,cAAc,WAAW,WAAW,CAAC,CAAa;AAAA,IACtE,GAAG,CAAC,WAAW,CAAC;AAEhB,UAAM,kBAAkB,mBAAmB,OAAO;AAElD,UAAM,UAAU,iBAAiB,UAAU;AAE3C,cAAU,MAAM;AACf,UAAI,CAAC,QAAS;AACd,cAAQ,cAAc,WAAW,CAAC,CAAC;AAAA,IACpC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,cAAU,MAAM;AACf,UAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAQ,GAAG,SAAS,OAAO;AAC3B,aAAO,MAAM;AACZ,gBAAQ,IAAI,SAAS,OAAO;AAAA,MAC7B;AAAA,IACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,oBAAgB,MAAM;AACrB,UAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,cAAQ,MAAM,IAAI,OAAO;AACzB,aAAO,MAAM;AACZ,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,WACC,0DACC;AAAA,MAAC;AAAA;AAAA,QACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,QAC9D;AAAA,QACA;AAAA;AAAA,IACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAAA,EAEF;AAEA,iBAAe,cAAc,UAAU;AACvC,iBAAe,OAAO,UAAU;AAEhC,SAAO;AACR;","names":[]}
+{"version":3,"sources":["../../src/chat/with-fallback.tsx"],"sourcesContent":["\"use client\";\n\nimport type {\n\tChatSessionElements,\n\tWhopElement,\n} from \"@whop/embedded-components-vanilla-js/types\";\nimport React, { useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport { useElementSnapshot } from \"../lib/use-element-snapshot\";\nimport { useChatSession } from \"./session\";\n\n/**\n * Valid element type strings that can be passed to createElement.\n */\ntype ElementType = keyof ChatSessionElements;\n\n/**\n * Extract the options type for a given element type using indexed access.\n * PayoutsSessionElements maps element types to [Options, Element] tuples.\n */\ntype ElementOptionsFor<T extends ElementType> = ChatSessionElements[T][0];\n\n/**\n * Base element type that all created elements conform to.\n * Using WhopElement<any, any, any> gives us access to common methods\n * (mount, unmount, on, off, updateOptions) without union type issues.\n */\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype BaseElement = WhopElement<any, any, any>;\n\n/**\n * Component definition with a constrained element type.\n * The type must be a valid element type from the SDK.\n */\ninterface ElementComponentDefinition<T extends ElementType = ElementType> {\n\tdisplayName: string;\n\ttype: T;\n}\n\ninterface WithFallbackPropsBase {\n\tclassName?: string;\n\tstyle?: React.CSSProperties;\n\tonReady?: () => void;\n\tfallback?: React.ReactNode;\n}\n\nexport interface WithFallbackPropsRequired<TOptions>\n\textends WithFallbackPropsBase {\n\toptions: TOptions;\n}\n\nexport interface WithFallbackPropsOptional<TOptions>\n\textends WithFallbackPropsBase {\n\toptions?: TOptions;\n}\n\ntype WithFallbackComponent<TOptions, TRequired extends boolean> = {\n\t(\n\t\tprops: TRequired extends true\n\t\t\t? WithFallbackPropsRequired<TOptions>\n\t\t\t: WithFallbackPropsOptional<TOptions>,\n\t): React.ReactNode;\n\tdisplayName: string;\n\ttype: string;\n};\n\n/**\n * Creates a React component that wraps an embedded element with fallback support.\n *\n * @example\n * ```tsx\n * // Type-safe: options type is inferred from the element type\n * export const ChatElement = withFallback({\n *   displayName: \"ChatElement\",\n *   type: \"chat-element\",\n * } as const);\n *\n * // Usage - TypeScript knows the correct options type\n * <ChatElement options={{ channelId: \"channel_xxx\" }} />\n * ```\n */\nexport function withFallback<\n\tconst T extends ElementType,\n\tTRequired extends boolean = false,\n>(\n\tComponent: ElementComponentDefinition<T>,\n): WithFallbackComponent<ElementOptionsFor<T>, TRequired> {\n\ttype TOptions = ElementOptionsFor<T>;\n\n\tfunction WrappedElement({\n\t\toptions,\n\t\tclassName,\n\t\tstyle,\n\t\tonReady,\n\t\tfallback,\n\t}: WithFallbackPropsOptional<TOptions>) {\n\t\tconst chatSession = useChatSession();\n\t\tconst ref = useRef<HTMLDivElement>(null);\n\n\t\tconst element = useMemo((): BaseElement | null => {\n\t\t\tif (!chatSession) return null;\n\t\t\t// Safe: T is constrained to valid element types, and options matches T\n\t\t\treturn chatSession.createElement(Component, options ?? ({} as TOptions));\n\t\t}, [chatSession]);\n\n\t\tconst elementSnapshot = useElementSnapshot(element);\n\n\t\tconst isReady = elementSnapshot?.state === \"ready\";\n\n\t\tuseEffect(() => {\n\t\t\tif (!element) return;\n\t\t\telement.updateOptions(options ?? {});\n\t\t}, [options, element]);\n\n\t\tuseEffect(() => {\n\t\t\tif (!element || !onReady) return;\n\t\t\telement.on(\"ready\", onReady);\n\t\t\treturn () => {\n\t\t\t\telement.off(\"ready\", onReady);\n\t\t\t};\n\t\t}, [element, onReady]);\n\n\t\tuseLayoutEffect(() => {\n\t\t\tif (!element || !ref.current) return;\n\t\t\telement.mount(ref.current);\n\t\t\treturn () => {\n\t\t\t\telement.unmount();\n\t\t\t};\n\t\t}, [element, ref.current]);\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t<div\n\t\t\t\t\tstyle={{ ...style, visibility: isReady ? undefined : \"hidden\" }}\n\t\t\t\t\tclassName={className}\n\t\t\t\t\tref={ref}\n\t\t\t\t/>\n\t\t\t\t{!isReady && (fallback ?? null)}\n\t\t\t</>\n\t\t);\n\t}\n\n\tWrappedElement.displayName = Component.displayName;\n\tWrappedElement.type = Component.type;\n\n\treturn WrappedElement as WithFallbackComponent<TOptions, TRequired>;\n}\n"],"mappings":";;AAMA,OAAO,SAAS,WAAW,iBAAiB,SAAS,cAAc;AACnE,SAAS,0BAA0B;AACnC,SAAS,sBAAsB;AAwExB,SAAS,aAIf,WACyD;AAGzD,WAAS,eAAe;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,GAAwC;AACvC,UAAM,cAAc,eAAe;AACnC,UAAM,MAAM,OAAuB,IAAI;AAEvC,UAAM,UAAU,QAAQ,MAA0B;AACjD,UAAI,CAAC,YAAa,QAAO;AAEzB,aAAO,YAAY,cAAc,WAAW,WAAY,CAAC,CAAc;AAAA,IACxE,GAAG,CAAC,WAAW,CAAC;AAEhB,UAAM,kBAAkB,mBAAmB,OAAO;AAElD,UAAM,UAAU,iBAAiB,UAAU;AAE3C,cAAU,MAAM;AACf,UAAI,CAAC,QAAS;AACd,cAAQ,cAAc,WAAW,CAAC,CAAC;AAAA,IACpC,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,cAAU,MAAM;AACf,UAAI,CAAC,WAAW,CAAC,QAAS;AAC1B,cAAQ,GAAG,SAAS,OAAO;AAC3B,aAAO,MAAM;AACZ,gBAAQ,IAAI,SAAS,OAAO;AAAA,MAC7B;AAAA,IACD,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,oBAAgB,MAAM;AACrB,UAAI,CAAC,WAAW,CAAC,IAAI,QAAS;AAC9B,cAAQ,MAAM,IAAI,OAAO;AACzB,aAAO,MAAM;AACZ,gBAAQ,QAAQ;AAAA,MACjB;AAAA,IACD,GAAG,CAAC,SAAS,IAAI,OAAO,CAAC;AAEzB,WACC,0DACC;AAAA,MAAC;AAAA;AAAA,QACA,OAAO,EAAE,GAAG,OAAO,YAAY,UAAU,SAAY,SAAS;AAAA,QAC9D;AAAA,QACA;AAAA;AAAA,IACD,GACC,CAAC,YAAY,YAAY,KAC3B;AAAA,EAEF;AAEA,iBAAe,cAAc,UAAU;AACvC,iBAAe,OAAO,UAAU;AAEhC,SAAO;AACR;","names":[]}

package/dist/index.d.ts

@@ -1,21 +1,25 @@
 export { PayoutsSession, usePayoutsSession } from './payouts/session.js';
 export { AddPayoutMethodElement } from './payouts/elements/add-payout-method.js';
+export { AvailableCashBreakdownElement } from './payouts/elements/available-cash-breakdown.js';
 export { AutomaticWithdrawElement } from './payouts/elements/automatic-withdraw.js';
 export { BalanceElement } from './payouts/elements/balance.js';
+export { BalancesElement } from './payouts/elements/balances.js';
 export { ChangeAccountCountryElement } from './payouts/elements/change-account-country.js';
+export { GenerateWithdrawalReceiptElement } from './payouts/elements/generate-withdrawal-receipt.js';
+export { PendingBreakdownElement } from './payouts/elements/pending-breakdown.js';
+export { ReserveBreakdownElement } from './payouts/elements/reserve-breakdown.js';
 export { ResetAccountElement } from './payouts/elements/reset-account.js';
+export { StatusBannerElement } from './payouts/elements/status-banner.js';
+export { TreasuryBreakdownElement } from './payouts/elements/treasury-breakdown.js';
 export { VerifyElement } from './payouts/elements/verify.js';
+export { WithdrawElement } from './payouts/elements/withdraw.js';
 export { WithdrawButtonElement } from './payouts/elements/withdraw-button.js';
 export { WithdrawalBreakdownElement } from './payouts/elements/withdrawal-breakdown.js';
 export { WithdrawalsElement } from './payouts/elements/withdrawals.js';
-export { TotalBalanceBreakdownElement } from './payouts/elements/total-balance-breakdown.js';
-export { RegularReserveBalanceBreakdownElement } from './payouts/elements/regular-reserve-balance-breakdown.js';
-export { BnplReserveBalanceBreakdownElement } from './payouts/elements/bnpl-reserve-balance-breakdown.js';
-export { GenerateWithdrawalReceiptElement } from './payouts/elements/generate-withdrawal-receipt.js';
-export { StatusBannerElement } from './payouts/elements/status-banner.js';
 export { usePayoutsSessionRef } from './payouts/use-session-ref.js';
 export { ChatElement } from './chat/elements/chat.js';
 export { DmsListElement } from './chat/elements/dms-list.js';
+export { SearchElement } from './chat/elements/search-element.js';
 export { ChatSession, useChatSession } from './chat/session.js';
 export { useChatSessionRef } from './chat/use-session-ref.js';
 export { Elements, useElements } from './provider.js';

package/dist/payouts/elements/{bnpl-reserve-balance-breakdown.d.ts → available-cash-breakdown.d.ts}

@@ -2,10 +2,10 @@ import { WithFallbackPropsOptional } from '../with-fallback.js';
 import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
 import 'react';
 
-declare const BnplReserveBalanceBreakdownElement: {
-    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.BnplReserveBalanceBreakdownElementOptions>): React.ReactNode;
+declare const AvailableCashBreakdownElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.AvailableCashBreakdownElementOptions>): React.ReactNode;
     displayName: string;
     type: string;
 };
 
-export { BnplReserveBalanceBreakdownElement };
+export { AvailableCashBreakdownElement };

package/dist/payouts/elements/{bnpl-reserve-balance-breakdown.js → available-cash-breakdown.js}

@@ -17,14 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var bnpl_reserve_balance_breakdown_exports = {};
-__export(bnpl_reserve_balance_breakdown_exports, {
-  BnplReserveBalanceBreakdownElement: () => BnplReserveBalanceBreakdownElement
+var available_cash_breakdown_exports = {};
+__export(available_cash_breakdown_exports, {
+  AvailableCashBreakdownElement: () => AvailableCashBreakdownElement
 });
-module.exports = __toCommonJS(bnpl_reserve_balance_breakdown_exports);
+module.exports = __toCommonJS(available_cash_breakdown_exports);
 var import_with_fallback = require("../with-fallback");
-const BnplReserveBalanceBreakdownElement = (0, import_with_fallback.withFallback)({
-  displayName: "BnplReserveBalanceBreakdownElement",
-  type: "bnpl-reserve-balance-breakdown-element"
+const AvailableCashBreakdownElement = (0, import_with_fallback.withFallback)({
+  displayName: "AvailableCashBreakdownElement",
+  type: "available-cash-breakdown-element"
 });
-//# sourceMappingURL=bnpl-reserve-balance-breakdown.js.map
+//# sourceMappingURL=available-cash-breakdown.js.map

package/dist/payouts/elements/available-cash-breakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/available-cash-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const AvailableCashBreakdownElement = withFallback({\n\tdisplayName: \"AvailableCashBreakdownElement\",\n\ttype: \"available-cash-breakdown-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,oCAAgC,mCAAa;AAAA,EACzD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/available-cash-breakdown.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../with-fallback.mjs";
+const AvailableCashBreakdownElement = withFallback({
+    displayName: "AvailableCashBreakdownElement",
+    type: "available-cash-breakdown-element"
+});
+export { AvailableCashBreakdownElement };

package/dist/payouts/elements/available-cash-breakdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/available-cash-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const AvailableCashBreakdownElement = withFallback({\n\tdisplayName: \"AvailableCashBreakdownElement\",\n\ttype: \"available-cash-breakdown-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,gCAAgC,aAAa;AAAA,EACzD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/{regular-reserve-balance-breakdown.d.ts → balances.d.ts}

@@ -2,10 +2,10 @@ import { WithFallbackPropsOptional } from '../with-fallback.js';
 import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
 import 'react';
 
-declare const RegularReserveBalanceBreakdownElement: {
-    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.RegularReserveBalanceBreakdownElementOptions>): React.ReactNode;
+declare const BalancesElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.BalancesElementOptions>): React.ReactNode;
     displayName: string;
     type: string;
 };
 
-export { RegularReserveBalanceBreakdownElement };
+export { BalancesElement };

package/dist/payouts/elements/{regular-reserve-balance-breakdown.js → balances.js}

@@ -17,14 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var regular_reserve_balance_breakdown_exports = {};
-__export(regular_reserve_balance_breakdown_exports, {
-  RegularReserveBalanceBreakdownElement: () => RegularReserveBalanceBreakdownElement
+var balances_exports = {};
+__export(balances_exports, {
+  BalancesElement: () => BalancesElement
 });
-module.exports = __toCommonJS(regular_reserve_balance_breakdown_exports);
+module.exports = __toCommonJS(balances_exports);
 var import_with_fallback = require("../with-fallback");
-const RegularReserveBalanceBreakdownElement = (0, import_with_fallback.withFallback)({
-  displayName: "RegularReserveBalanceBreakdownElement",
-  type: "regular-reserve-balance-breakdown-element"
+const BalancesElement = (0, import_with_fallback.withFallback)({
+  displayName: "BalancesElement",
+  type: "balances-element"
 });
-//# sourceMappingURL=regular-reserve-balance-breakdown.js.map
+//# sourceMappingURL=balances.js.map

package/dist/payouts/elements/balances.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/balances.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const BalancesElement = withFallback({\n\tdisplayName: \"BalancesElement\",\n\ttype: \"balances-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,sBAAkB,mCAAa;AAAA,EAC3C,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/balances.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../with-fallback.mjs";
+const BalancesElement = withFallback({
+    displayName: "BalancesElement",
+    type: "balances-element"
+});
+export { BalancesElement };

package/dist/payouts/elements/balances.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/balances.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const BalancesElement = withFallback({\n\tdisplayName: \"BalancesElement\",\n\ttype: \"balances-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,kBAAkB,aAAa;AAAA,EAC3C,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/index.d.ts

@@ -1,17 +1,20 @@
 export { AddPayoutMethodElement } from './add-payout-method.js';
+export { AvailableCashBreakdownElement } from './available-cash-breakdown.js';
 export { AutomaticWithdrawElement } from './automatic-withdraw.js';
 export { BalanceElement } from './balance.js';
+export { BalancesElement } from './balances.js';
 export { ChangeAccountCountryElement } from './change-account-country.js';
+export { GenerateWithdrawalReceiptElement } from './generate-withdrawal-receipt.js';
+export { PendingBreakdownElement } from './pending-breakdown.js';
+export { ReserveBreakdownElement } from './reserve-breakdown.js';
 export { ResetAccountElement } from './reset-account.js';
+export { StatusBannerElement } from './status-banner.js';
+export { TreasuryBreakdownElement } from './treasury-breakdown.js';
 export { VerifyElement } from './verify.js';
+export { WithdrawElement } from './withdraw.js';
 export { WithdrawButtonElement } from './withdraw-button.js';
 export { WithdrawalBreakdownElement } from './withdrawal-breakdown.js';
 export { WithdrawalsElement } from './withdrawals.js';
-export { TotalBalanceBreakdownElement } from './total-balance-breakdown.js';
-export { RegularReserveBalanceBreakdownElement } from './regular-reserve-balance-breakdown.js';
-export { BnplReserveBalanceBreakdownElement } from './bnpl-reserve-balance-breakdown.js';
-export { GenerateWithdrawalReceiptElement } from './generate-withdrawal-receipt.js';
-export { StatusBannerElement } from './status-banner.js';
 import '../with-fallback.js';
 import '@whop/embedded-components-vanilla-js/types';
 import 'react';

package/dist/payouts/elements/index.js

@@ -16,17 +16,20 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var elements_exports = {};
 module.exports = __toCommonJS(elements_exports);
 __reExport(elements_exports, require("./add-payout-method"), module.exports);
+__reExport(elements_exports, require("./available-cash-breakdown"), module.exports);
 __reExport(elements_exports, require("./automatic-withdraw"), module.exports);
 __reExport(elements_exports, require("./balance"), module.exports);
+__reExport(elements_exports, require("./balances"), module.exports);
 __reExport(elements_exports, require("./change-account-country"), module.exports);
+__reExport(elements_exports, require("./generate-withdrawal-receipt"), module.exports);
+__reExport(elements_exports, require("./pending-breakdown"), module.exports);
+__reExport(elements_exports, require("./reserve-breakdown"), module.exports);
 __reExport(elements_exports, require("./reset-account"), module.exports);
+__reExport(elements_exports, require("./status-banner"), module.exports);
+__reExport(elements_exports, require("./treasury-breakdown"), module.exports);
 __reExport(elements_exports, require("./verify"), module.exports);
+__reExport(elements_exports, require("./withdraw"), module.exports);
 __reExport(elements_exports, require("./withdraw-button"), module.exports);
 __reExport(elements_exports, require("./withdrawal-breakdown"), module.exports);
 __reExport(elements_exports, require("./withdrawals"), module.exports);
-__reExport(elements_exports, require("./total-balance-breakdown"), module.exports);
-__reExport(elements_exports, require("./regular-reserve-balance-breakdown"), module.exports);
-__reExport(elements_exports, require("./bnpl-reserve-balance-breakdown"), module.exports);
-__reExport(elements_exports, require("./generate-withdrawal-receipt"), module.exports);
-__reExport(elements_exports, require("./status-banner"), module.exports);
 //# sourceMappingURL=index.js.map

package/dist/payouts/elements/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/payouts/elements/index.tsx"],"sourcesContent":["export * from \"./add-payout-method\";\nexport * from \"./automatic-withdraw\";\nexport * from \"./balance\";\nexport * from \"./change-account-country\";\nexport * from \"./reset-account\";\nexport * from \"./verify\";\nexport * from \"./withdraw-button\";\nexport * from \"./withdrawal-breakdown\";\nexport * from \"./withdrawals\";\nexport * from \"./total-balance-breakdown\";\nexport * from \"./regular-reserve-balance-breakdown\";\nexport * from \"./bnpl-reserve-balance-breakdown\";\nexport * from \"./generate-withdrawal-receipt\";\nexport * from \"./status-banner\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,gCAAd;AACA,6BAAc,iCADd;AAEA,6BAAc,sBAFd;AAGA,6BAAc,qCAHd;AAIA,6BAAc,4BAJd;AAKA,6BAAc,qBALd;AAMA,6BAAc,8BANd;AAOA,6BAAc,mCAPd;AAQA,6BAAc,0BARd;AASA,6BAAc,sCATd;AAUA,6BAAc,gDAVd;AAWA,6BAAc,6CAXd;AAYA,6BAAc,0CAZd;AAaA,6BAAc,4BAbd;","names":[]}
+{"version":3,"sources":["../../../src/payouts/elements/index.tsx"],"sourcesContent":["export * from \"./add-payout-method\";\nexport * from \"./available-cash-breakdown\";\nexport * from \"./automatic-withdraw\";\nexport * from \"./balance\";\nexport * from \"./balances\";\nexport * from \"./change-account-country\";\nexport * from \"./generate-withdrawal-receipt\";\nexport * from \"./pending-breakdown\";\nexport * from \"./reserve-breakdown\";\nexport * from \"./reset-account\";\nexport * from \"./status-banner\";\nexport * from \"./treasury-breakdown\";\nexport * from \"./verify\";\nexport * from \"./withdraw\";\nexport * from \"./withdraw-button\";\nexport * from \"./withdrawal-breakdown\";\nexport * from \"./withdrawals\";\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,gCAAd;AACA,6BAAc,uCADd;AAEA,6BAAc,iCAFd;AAGA,6BAAc,sBAHd;AAIA,6BAAc,uBAJd;AAKA,6BAAc,qCALd;AAMA,6BAAc,0CANd;AAOA,6BAAc,gCAPd;AAQA,6BAAc,gCARd;AASA,6BAAc,4BATd;AAUA,6BAAc,4BAVd;AAWA,6BAAc,iCAXd;AAYA,6BAAc,qBAZd;AAaA,6BAAc,uBAbd;AAcA,6BAAc,8BAdd;AAeA,6BAAc,mCAfd;AAgBA,6BAAc,0BAhBd;","names":[]}

package/dist/payouts/elements/index.mjs

@@ -1,14 +1,17 @@
 export * from "./add-payout-method.mjs";
+export * from "./available-cash-breakdown.mjs";
 export * from "./automatic-withdraw.mjs";
 export * from "./balance.mjs";
+export * from "./balances.mjs";
 export * from "./change-account-country.mjs";
+export * from "./generate-withdrawal-receipt.mjs";
+export * from "./pending-breakdown.mjs";
+export * from "./reserve-breakdown.mjs";
 export * from "./reset-account.mjs";
+export * from "./status-banner.mjs";
+export * from "./treasury-breakdown.mjs";
 export * from "./verify.mjs";
+export * from "./withdraw.mjs";
 export * from "./withdraw-button.mjs";
 export * from "./withdrawal-breakdown.mjs";
 export * from "./withdrawals.mjs";
-export * from "./total-balance-breakdown.mjs";
-export * from "./regular-reserve-balance-breakdown.mjs";
-export * from "./bnpl-reserve-balance-breakdown.mjs";
-export * from "./generate-withdrawal-receipt.mjs";
-export * from "./status-banner.mjs";

package/dist/payouts/elements/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/payouts/elements/index.tsx"],"sourcesContent":["export * from \"./add-payout-method\";\nexport * from \"./automatic-withdraw\";\nexport * from \"./balance\";\nexport * from \"./change-account-country\";\nexport * from \"./reset-account\";\nexport * from \"./verify\";\nexport * from \"./withdraw-button\";\nexport * from \"./withdrawal-breakdown\";\nexport * from \"./withdrawals\";\nexport * from \"./total-balance-breakdown\";\nexport * from \"./regular-reserve-balance-breakdown\";\nexport * from \"./bnpl-reserve-balance-breakdown\";\nexport * from \"./generate-withdrawal-receipt\";\nexport * from \"./status-banner\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/payouts/elements/index.tsx"],"sourcesContent":["export * from \"./add-payout-method\";\nexport * from \"./available-cash-breakdown\";\nexport * from \"./automatic-withdraw\";\nexport * from \"./balance\";\nexport * from \"./balances\";\nexport * from \"./change-account-country\";\nexport * from \"./generate-withdrawal-receipt\";\nexport * from \"./pending-breakdown\";\nexport * from \"./reserve-breakdown\";\nexport * from \"./reset-account\";\nexport * from \"./status-banner\";\nexport * from \"./treasury-breakdown\";\nexport * from \"./verify\";\nexport * from \"./withdraw\";\nexport * from \"./withdraw-button\";\nexport * from \"./withdrawal-breakdown\";\nexport * from \"./withdrawals\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

package/dist/payouts/elements/pending-breakdown.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsOptional } from '../with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const PendingBreakdownElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.PendingBreakdownElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { PendingBreakdownElement };

package/dist/payouts/elements/pending-breakdown.js

@@ -0,0 +1,30 @@
+"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);
+var pending_breakdown_exports = {};
+__export(pending_breakdown_exports, {
+  PendingBreakdownElement: () => PendingBreakdownElement
+});
+module.exports = __toCommonJS(pending_breakdown_exports);
+var import_with_fallback = require("../with-fallback");
+const PendingBreakdownElement = (0, import_with_fallback.withFallback)({
+  displayName: "PendingBreakdownElement",
+  type: "pending-breakdown-element"
+});
+//# sourceMappingURL=pending-breakdown.js.map

package/dist/payouts/elements/pending-breakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/pending-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const PendingBreakdownElement = withFallback({\n\tdisplayName: \"PendingBreakdownElement\",\n\ttype: \"pending-breakdown-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,8BAA0B,mCAAa;AAAA,EACnD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/pending-breakdown.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../with-fallback.mjs";
+const PendingBreakdownElement = withFallback({
+    displayName: "PendingBreakdownElement",
+    type: "pending-breakdown-element"
+});
+export { PendingBreakdownElement };

package/dist/payouts/elements/pending-breakdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/pending-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const PendingBreakdownElement = withFallback({\n\tdisplayName: \"PendingBreakdownElement\",\n\ttype: \"pending-breakdown-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,0BAA0B,aAAa;AAAA,EACnD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/reserve-breakdown.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsOptional } from '../with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const ReserveBreakdownElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.ReserveBreakdownElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { ReserveBreakdownElement };

package/dist/payouts/elements/reserve-breakdown.js

@@ -0,0 +1,30 @@
+"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);
+var reserve_breakdown_exports = {};
+__export(reserve_breakdown_exports, {
+  ReserveBreakdownElement: () => ReserveBreakdownElement
+});
+module.exports = __toCommonJS(reserve_breakdown_exports);
+var import_with_fallback = require("../with-fallback");
+const ReserveBreakdownElement = (0, import_with_fallback.withFallback)({
+  displayName: "ReserveBreakdownElement",
+  type: "reserve-breakdown-element"
+});
+//# sourceMappingURL=reserve-breakdown.js.map

package/dist/payouts/elements/reserve-breakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/reserve-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const ReserveBreakdownElement = withFallback({\n\tdisplayName: \"ReserveBreakdownElement\",\n\ttype: \"reserve-breakdown-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,8BAA0B,mCAAa;AAAA,EACnD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/reserve-breakdown.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../with-fallback.mjs";
+const ReserveBreakdownElement = withFallback({
+    displayName: "ReserveBreakdownElement",
+    type: "reserve-breakdown-element"
+});
+export { ReserveBreakdownElement };

package/dist/payouts/elements/reserve-breakdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/reserve-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const ReserveBreakdownElement = withFallback({\n\tdisplayName: \"ReserveBreakdownElement\",\n\ttype: \"reserve-breakdown-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,0BAA0B,aAAa;AAAA,EACnD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/treasury-breakdown.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsOptional } from '../with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const TreasuryBreakdownElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.TreasuryBreakdownElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { TreasuryBreakdownElement };

package/dist/payouts/elements/treasury-breakdown.js

@@ -0,0 +1,30 @@
+"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);
+var treasury_breakdown_exports = {};
+__export(treasury_breakdown_exports, {
+  TreasuryBreakdownElement: () => TreasuryBreakdownElement
+});
+module.exports = __toCommonJS(treasury_breakdown_exports);
+var import_with_fallback = require("../with-fallback");
+const TreasuryBreakdownElement = (0, import_with_fallback.withFallback)({
+  displayName: "TreasuryBreakdownElement",
+  type: "treasury-breakdown-element"
+});
+//# sourceMappingURL=treasury-breakdown.js.map

package/dist/payouts/elements/treasury-breakdown.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/treasury-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const TreasuryBreakdownElement = withFallback({\n\tdisplayName: \"TreasuryBreakdownElement\",\n\ttype: \"treasury-breakdown-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,+BAA2B,mCAAa;AAAA,EACpD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/treasury-breakdown.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../with-fallback.mjs";
+const TreasuryBreakdownElement = withFallback({
+    displayName: "TreasuryBreakdownElement",
+    type: "treasury-breakdown-element"
+});
+export { TreasuryBreakdownElement };

package/dist/payouts/elements/treasury-breakdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/treasury-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const TreasuryBreakdownElement = withFallback({\n\tdisplayName: \"TreasuryBreakdownElement\",\n\ttype: \"treasury-breakdown-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,2BAA2B,aAAa;AAAA,EACpD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/withdraw.d.ts

@@ -0,0 +1,11 @@
+import { WithFallbackPropsOptional } from '../with-fallback.js';
+import * as _whop_embedded_components_vanilla_js_types from '@whop/embedded-components-vanilla-js/types';
+import 'react';
+
+declare const WithdrawElement: {
+    (props: WithFallbackPropsOptional<_whop_embedded_components_vanilla_js_types.WithdrawElementOptions>): React.ReactNode;
+    displayName: string;
+    type: string;
+};
+
+export { WithdrawElement };

package/dist/payouts/elements/withdraw.js

@@ -0,0 +1,30 @@
+"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);
+var withdraw_exports = {};
+__export(withdraw_exports, {
+  WithdrawElement: () => WithdrawElement
+});
+module.exports = __toCommonJS(withdraw_exports);
+var import_with_fallback = require("../with-fallback");
+const WithdrawElement = (0, import_with_fallback.withFallback)({
+  displayName: "WithdrawElement",
+  type: "withdraw-element"
+});
+//# sourceMappingURL=withdraw.js.map

package/dist/payouts/elements/withdraw.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/withdraw.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const WithdrawElement = withFallback({\n\tdisplayName: \"WithdrawElement\",\n\ttype: \"withdraw-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,sBAAkB,mCAAa;AAAA,EAC3C,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/withdraw.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-NSSMTXJJ.mjs";
+import { withFallback } from "../with-fallback.mjs";
+const WithdrawElement = withFallback({
+    displayName: "WithdrawElement",
+    type: "withdraw-element"
+});
+export { WithdrawElement };

package/dist/payouts/elements/withdraw.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/payouts/elements/withdraw.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const WithdrawElement = withFallback({\n\tdisplayName: \"WithdrawElement\",\n\ttype: \"withdraw-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,kBAAkB,aAAa;AAAA,EAC3C,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/index.d.ts

@@ -1,18 +1,21 @@
 export { PayoutsSession, usePayoutsSession } from './session.js';
 export { AddPayoutMethodElement } from './elements/add-payout-method.js';
+export { AvailableCashBreakdownElement } from './elements/available-cash-breakdown.js';
 export { AutomaticWithdrawElement } from './elements/automatic-withdraw.js';
 export { BalanceElement } from './elements/balance.js';
+export { BalancesElement } from './elements/balances.js';
 export { ChangeAccountCountryElement } from './elements/change-account-country.js';
+export { GenerateWithdrawalReceiptElement } from './elements/generate-withdrawal-receipt.js';
+export { PendingBreakdownElement } from './elements/pending-breakdown.js';
+export { ReserveBreakdownElement } from './elements/reserve-breakdown.js';
 export { ResetAccountElement } from './elements/reset-account.js';
+export { StatusBannerElement } from './elements/status-banner.js';
+export { TreasuryBreakdownElement } from './elements/treasury-breakdown.js';
 export { VerifyElement } from './elements/verify.js';
+export { WithdrawElement } from './elements/withdraw.js';
 export { WithdrawButtonElement } from './elements/withdraw-button.js';
 export { WithdrawalBreakdownElement } from './elements/withdrawal-breakdown.js';
 export { WithdrawalsElement } from './elements/withdrawals.js';
-export { TotalBalanceBreakdownElement } from './elements/total-balance-breakdown.js';
-export { RegularReserveBalanceBreakdownElement } from './elements/regular-reserve-balance-breakdown.js';
-export { BnplReserveBalanceBreakdownElement } from './elements/bnpl-reserve-balance-breakdown.js';
-export { GenerateWithdrawalReceiptElement } from './elements/generate-withdrawal-receipt.js';
-export { StatusBannerElement } from './elements/status-banner.js';
 import '@whop/embedded-components-vanilla-js/types';
 import 'react';
 import './with-fallback.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@whop/embedded-components-react-js",
-  "version": "0.0.13-beta.6",
+  "version": "1.0.0-beta.11",
   "description": "React components for Whop.js",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -21,8 +21,8 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@whop/embedded-components-vanilla-js": "^0.0.13-beta.6",
     "react": ">=16.8.0 <20.0.0",
-    "react-dom": ">=16.8.0 <20.0.0"
+    "react-dom": ">=16.8.0 <20.0.0",
+    "@whop/embedded-components-vanilla-js": "^1.0.0-beta.11"
   }
 }

package/dist/payouts/elements/bnpl-reserve-balance-breakdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/bnpl-reserve-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const BnplReserveBalanceBreakdownElement = withFallback({\n\tdisplayName: \"BnplReserveBalanceBreakdownElement\",\n\ttype: \"bnpl-reserve-balance-breakdown-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,yCAAqC,mCAAa;AAAA,EAC9D,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/bnpl-reserve-balance-breakdown.mjs

@@ -1,8 +0,0 @@
-"use client";
-import "../../chunk-NSSMTXJJ.mjs";
-import { withFallback } from "../with-fallback.mjs";
-const BnplReserveBalanceBreakdownElement = withFallback({
-    displayName: "BnplReserveBalanceBreakdownElement",
-    type: "bnpl-reserve-balance-breakdown-element"
-});
-export { BnplReserveBalanceBreakdownElement };

package/dist/payouts/elements/bnpl-reserve-balance-breakdown.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/bnpl-reserve-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const BnplReserveBalanceBreakdownElement = withFallback({\n\tdisplayName: \"BnplReserveBalanceBreakdownElement\",\n\ttype: \"bnpl-reserve-balance-breakdown-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,qCAAqC,aAAa;AAAA,EAC9D,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/regular-reserve-balance-breakdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/regular-reserve-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const RegularReserveBalanceBreakdownElement = withFallback({\n\tdisplayName: \"RegularReserveBalanceBreakdownElement\",\n\ttype: \"regular-reserve-balance-breakdown-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,4CAAwC,mCAAa;AAAA,EACjE,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/regular-reserve-balance-breakdown.mjs

@@ -1,8 +0,0 @@
-"use client";
-import "../../chunk-NSSMTXJJ.mjs";
-import { withFallback } from "../with-fallback.mjs";
-const RegularReserveBalanceBreakdownElement = withFallback({
-    displayName: "RegularReserveBalanceBreakdownElement",
-    type: "regular-reserve-balance-breakdown-element"
-});
-export { RegularReserveBalanceBreakdownElement };

package/dist/payouts/elements/regular-reserve-balance-breakdown.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/regular-reserve-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const RegularReserveBalanceBreakdownElement = withFallback({\n\tdisplayName: \"RegularReserveBalanceBreakdownElement\",\n\ttype: \"regular-reserve-balance-breakdown-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,wCAAwC,aAAa;AAAA,EACjE,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/total-balance-breakdown.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/total-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const TotalBalanceBreakdownElement = withFallback({\n\tdisplayName: \"TotalBalanceBreakdownElement\",\n\ttype: \"total-balance-breakdown-element\",\n} as const);\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,2BAA6B;AAEtB,MAAM,mCAA+B,mCAAa;AAAA,EACxD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}

package/dist/payouts/elements/total-balance-breakdown.mjs

@@ -1,8 +0,0 @@
-"use client";
-import "../../chunk-NSSMTXJJ.mjs";
-import { withFallback } from "../with-fallback.mjs";
-const TotalBalanceBreakdownElement = withFallback({
-    displayName: "TotalBalanceBreakdownElement",
-    type: "total-balance-breakdown-element"
-});
-export { TotalBalanceBreakdownElement };

package/dist/payouts/elements/total-balance-breakdown.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/payouts/elements/total-balance-breakdown.tsx"],"sourcesContent":["\"use client\";\n\nimport { withFallback } from \"../with-fallback\";\n\nexport const TotalBalanceBreakdownElement = withFallback({\n\tdisplayName: \"TotalBalanceBreakdownElement\",\n\ttype: \"total-balance-breakdown-element\",\n} as const);\n"],"mappings":";;AAEA,SAAS,oBAAoB;AAEtB,MAAM,+BAA+B,aAAa;AAAA,EACxD,aAAa;AAAA,EACb,MAAM;AACP,CAAU;","names":[]}