@raystack/apsara 0.56.5 → 1.0.0-rc.0

package/dist/components/tabs/tabs.js

@@ -1,24 +1,20 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { cva } from 'class-variance-authority';
-import { Tabs as Tabs$1 } from 'radix-ui';
+import { Tabs as Tabs$1 } from '@base-ui/react';
+import { cx } from 'class-variance-authority';
 import { forwardRef } from 'react';
 import styles from './tabs.module.css.js';
 
-const root = cva(styles.root);
-const list = cva(styles.list);
-const trigger = cva(styles.trigger);
-const content = cva(styles.content);
-const TabsRoot = forwardRef(({ className, 'aria-label': ariaLabel, ...props }, ref) => (jsx(Tabs$1.Root, { ref: ref, className: root({ className }), "aria-label": ariaLabel || 'Tabs', ...props })));
-const TabsList = forwardRef(({ className, ...props }, ref) => (jsx(Tabs$1.List, { ref: ref, role: 'tablist', className: list({ className }), ...props })));
-const TabsTrigger = forwardRef(({ className, icon, children, disabled, ...props }, ref) => (jsxs(Tabs$1.Trigger, { ref: ref, className: trigger({ className }), disabled: disabled, "aria-disabled": disabled, ...props, children: [icon && jsx("span", { className: styles['trigger-icon'], children: icon }), children] })));
-const TabsContent = forwardRef(({ className, ...props }, ref) => (jsx(Tabs$1.Content, { ref: ref, role: 'tabpanel', className: content({ className }), ...props })));
-TabsRoot.displayName = Tabs$1.Root.displayName;
-TabsList.displayName = Tabs$1.List.displayName;
-TabsTrigger.displayName = Tabs$1.Trigger.displayName;
-TabsContent.displayName = Tabs$1.Content.displayName;
+const TabsRoot = forwardRef(({ className, ...props }, ref) => (jsx(Tabs$1.Root, { ref: ref, className: cx(styles.root, className), ...props })));
+TabsRoot.displayName = 'Tabs.Root';
+const TabsList = forwardRef(({ className, children, ...props }, ref) => (jsxs(Tabs$1.List, { ref: ref, className: cx(styles.list, className), ...props, children: [children, jsx(Tabs$1.Indicator, { className: styles.indicator })] })));
+TabsList.displayName = 'Tabs.List';
+const TabsTab = forwardRef(({ className, leadingIcon, children, ...props }, ref) => (jsxs(Tabs$1.Tab, { ref: ref, className: cx(styles.trigger, className), ...props, children: [leadingIcon && (jsx("span", { className: styles['trigger-icon'], "aria-hidden": true, children: leadingIcon })), children] })));
+TabsTab.displayName = 'Tabs.Tab';
+const TabsContent = forwardRef(({ className, ...props }, ref) => (jsx(Tabs$1.Panel, { ref: ref, className: cx(styles.content, className), ...props })));
+TabsContent.displayName = 'Tabs.Content';
 const Tabs = Object.assign(TabsRoot, {
     List: TabsList,
-    Trigger: TabsTrigger,
+    Tab: TabsTab,
     Content: TabsContent
 });
 

package/dist/components/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../../components/tabs/tabs.tsx"],"sourcesContent":["import { type VariantProps, cva } from 'class-variance-authority';\nimport { Tabs as TabsPrimitive } from 'radix-ui';\nimport {\n  ComponentPropsWithoutRef,\n  ElementRef,\n  ReactNode,\n  forwardRef\n} from 'react';\n\nimport styles from './tabs.module.css';\n\nconst root = cva(styles.root);\nconst list = cva(styles.list);\nconst trigger = cva(styles.trigger);\nconst content = cva(styles.content);\n\nexport interface TabsRootProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.Root>,\n    VariantProps<typeof root> {\n  defaultValue?: string;\n  'aria-label'?: string;\n}\n\ninterface TabsTriggerProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> {\n  icon?: ReactNode;\n  disabled?: boolean;\n}\n\nconst TabsRoot = forwardRef<\n  ElementRef<typeof TabsPrimitive.Root>,\n  TabsRootProps\n>(({ className, 'aria-label': ariaLabel, ...props }, ref) => (\n  <TabsPrimitive.Root\n    ref={ref}\n    className={root({ className })}\n    aria-label={ariaLabel || 'Tabs'}\n    {...props}\n  />\n));\n\nconst TabsList = forwardRef<\n  ElementRef<typeof TabsPrimitive.List>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.List>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    role='tablist'\n    className={list({ className })}\n    {...props}\n  />\n));\n\nconst TabsTrigger = forwardRef<\n  ElementRef<typeof TabsPrimitive.Trigger>,\n  TabsTriggerProps\n>(({ className, icon, children, disabled, ...props }, ref) => (\n  <TabsPrimitive.Trigger\n    ref={ref}\n    className={trigger({ className })}\n    disabled={disabled}\n    aria-disabled={disabled}\n    {...props}\n  >\n    {icon && <span className={styles['trigger-icon']}>{icon}</span>}\n    {children}\n  </TabsPrimitive.Trigger>\n));\n\nconst TabsContent = forwardRef<\n  ElementRef<typeof TabsPrimitive.Content>,\n  ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content\n    ref={ref}\n    role='tabpanel'\n    className={content({ className })}\n    {...props}\n  />\n));\n\nTabsRoot.displayName = TabsPrimitive.Root.displayName;\nTabsList.displayName = TabsPrimitive.List.displayName;\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent\n});\n"],"names":["_jsx","TabsPrimitive","_jsxs"],"mappings":";;;;;;AAWA,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,MAAM,IAAI,GAAG,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AAC9B,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AACpC,MAAM,OAAO,GAAG,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAepC,MAAM,QAAQ,GAAG,UAAU,CAGzB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACtDA,GAAC,CAAAC,MAAa,CAAC,IAAI,EAAA,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,YAAA,EAClB,SAAS,IAAI,MAAM,KAC3B,KAAK,EAAA,CACT,CACH,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,UAAU,CAGzB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BD,GAAA,CAACC,MAAa,CAAC,IAAI,IACjB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAC1B,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACvDC,IAAA,CAACD,MAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,EACjC,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EAAA,GACnB,KAAK,EAER,QAAA,EAAA,CAAA,IAAI,IAAID,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EAAA,QAAA,EAAG,IAAI,EAAA,CAAQ,EAC9D,QAAQ,CACa,EAAA,CAAA,CACzB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC7BA,GAAA,CAACC,MAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC,EAAA,GAC7B,KAAK,EACT,CAAA,CACH,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAGA,MAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AACtD,QAAQ,CAAC,WAAW,GAAGA,MAAa,CAAC,IAAI,CAAC,WAAW,CAAC;AACtD,WAAW,CAAC,WAAW,GAAGA,MAAa,CAAC,OAAO,CAAC,WAAW,CAAC;AAC5D,WAAW,CAAC,WAAW,GAAGA,MAAa,CAAC,OAAO,CAAC,WAAW,CAAC;MAE/C,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,OAAO,EAAE,WAAW;AACpB,IAAA,OAAO,EAAE,WAAW;AACrB,CAAA;;;;"}
+{"version":3,"file":"tabs.js","sources":["../../../components/tabs/tabs.tsx"],"sourcesContent":["import { Tabs as TabsPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { ComponentPropsWithoutRef, forwardRef, ReactNode } from 'react';\nimport styles from './tabs.module.css';\n\nconst TabsRoot = forwardRef<HTMLDivElement, TabsPrimitive.Root.Props>(\n  ({ className, ...props }, ref) => (\n    <TabsPrimitive.Root\n      ref={ref}\n      className={cx(styles.root, className)}\n      {...props}\n    />\n  )\n);\nTabsRoot.displayName = 'Tabs.Root';\n\nconst TabsList = forwardRef<HTMLDivElement, TabsPrimitive.List.Props>(\n  ({ className, children, ...props }, ref) => (\n    <TabsPrimitive.List\n      ref={ref}\n      className={cx(styles.list, className)}\n      {...props}\n    >\n      {children}\n      <TabsPrimitive.Indicator className={styles.indicator} />\n    </TabsPrimitive.List>\n  )\n);\nTabsList.displayName = 'Tabs.List';\n\ninterface TabsTabProps\n  extends ComponentPropsWithoutRef<typeof TabsPrimitive.Tab> {\n  leadingIcon?: ReactNode;\n}\n\nconst TabsTab = forwardRef<HTMLButtonElement, TabsTabProps>(\n  ({ className, leadingIcon, children, ...props }, ref) => (\n    <TabsPrimitive.Tab\n      ref={ref}\n      className={cx(styles.trigger, className)}\n      {...props}\n    >\n      {leadingIcon && (\n        <span className={styles['trigger-icon']} aria-hidden>\n          {leadingIcon}\n        </span>\n      )}\n      {children}\n    </TabsPrimitive.Tab>\n  )\n);\nTabsTab.displayName = 'Tabs.Tab';\n\nconst TabsContent = forwardRef<HTMLDivElement, TabsPrimitive.Panel.Props>(\n  ({ className, ...props }, ref) => (\n    <TabsPrimitive.Panel\n      ref={ref}\n      className={cx(styles.content, className)}\n      {...props}\n    />\n  )\n);\nTabsContent.displayName = 'Tabs.Content';\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Tab: TabsTab,\n  Content: TabsContent\n});\n"],"names":["_jsx","TabsPrimitive","_jsxs"],"mappings":";;;;;;AAKA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC3BA,IAACC,MAAa,CAAC,IAAI,EAAA,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,GACjC,KAAK,EACT,CAAA,CACH,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AAEnC,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MACrCC,IAAA,CAACD,MAAa,CAAC,IAAI,EAAA,EACjB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,EAAA,GACjC,KAAK,EAAA,QAAA,EAAA,CAER,QAAQ,EACTD,GAAC,CAAAC,MAAa,CAAC,SAAS,EAAC,EAAA,SAAS,EAAE,MAAM,CAAC,SAAS,EAAI,CAAA,CAAA,EAAA,CACrC,CACtB,CACF,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,WAAW,CAAC;AAOnC,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAClDC,IAAA,CAACD,MAAa,CAAC,GAAG,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EAAA,QAAA,EAAA,CAER,WAAW,KACVD,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,EACpC,aAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAW,EACP,CAAA,CACR,EACA,QAAQ,CACS,EAAA,CAAA,CACrB,CACF,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,UAAU,CAAC;AAEjC,MAAM,WAAW,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,MAC3BA,IAACC,MAAa,CAAC,KAAK,EAAA,EAClB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,EAAA,GACpC,KAAK,EACT,CAAA,CACH,CACF,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,cAAc,CAAC;MAE5B,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE;AAC1C,IAAA,IAAI,EAAE,QAAQ;AACd,IAAA,GAAG,EAAE,OAAO;AACZ,IAAA,OAAO,EAAE,WAAW;AACrB,CAAA;;;;"}

package/dist/components/tabs/tabs.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"root":"tabs-module_root__U-19e","list":"tabs-module_list__vbB7c","trigger":"tabs-module_trigger__fUGJ2","trigger-icon":"tabs-module_trigger-icon__fjaXv","content":"tabs-module_content__I2yXA","trigger___icon":"tabs-module_trigger-icon__fjaXv"};
+var styles = {"root":"tabs-module_root__U-19e","list":"tabs-module_list__vbB7c","trigger":"tabs-module_trigger__fUGJ2","trigger-icon":"tabs-module_trigger-icon__fjaXv","indicator":"tabs-module_indicator__8whcI","content":"tabs-module_content__I2yXA","trigger___icon":"tabs-module_trigger-icon__fjaXv"};
 
 exports.default = styles;
 //# sourceMappingURL=tabs.module.css.cjs.map

package/dist/components/tabs/tabs.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"root":"tabs-module_root__U-19e","list":"tabs-module_list__vbB7c","trigger":"tabs-module_trigger__fUGJ2","trigger-icon":"tabs-module_trigger-icon__fjaXv","content":"tabs-module_content__I2yXA","trigger___icon":"tabs-module_trigger-icon__fjaXv"};
+var styles = {"root":"tabs-module_root__U-19e","list":"tabs-module_list__vbB7c","trigger":"tabs-module_trigger__fUGJ2","trigger-icon":"tabs-module_trigger-icon__fjaXv","indicator":"tabs-module_indicator__8whcI","content":"tabs-module_content__I2yXA","trigger___icon":"tabs-module_trigger-icon__fjaXv"};
 
 export { styles as default };
 //# sourceMappingURL=tabs.module.css.js.map

package/dist/components/text/text.d.ts

@@ -2,7 +2,7 @@ import { type VariantProps } from 'class-variance-authority';
 import { ComponentPropsWithoutRef } from 'react';
 export declare const textVariants: (props?: ({
     variant?: "primary" | "secondary" | "tertiary" | "emphasis" | "accent" | "attention" | "danger" | "success" | null | undefined;
-    size?: 1 | "small" | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
+    size?: "small" | 1 | 2 | 10 | "large" | 3 | 4 | 5 | 6 | 7 | 8 | 9 | "micro" | "mini" | "regular" | null | undefined;
     weight?: "bold" | "medium" | "regular" | "bolder" | "normal" | "lighter" | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | null | undefined;
     transform?: "capitalize" | "uppercase" | "lowercase" | null | undefined;
     align?: "center" | "start" | "end" | "justify" | null | undefined;

package/dist/components/toast/index.d.ts

@@ -1,2 +1,4 @@
-export { toast, ToastContainer } from "./toast";
+export { Toast, toastManager } from './toast';
+export type { ToastPosition, ToastProviderProps } from './toast-provider';
+export type { ToastRootProps } from './toast-root';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/toast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAC,cAAc,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/toast/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC9C,YAAY,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/toast/toast-manager.cjs

@@ -0,0 +1,9 @@
+"use client";
+'use strict';
+
+var react = require('@base-ui/react');
+
+const toastManager = react.Toast.createToastManager();
+
+exports.toastManager = toastManager;
+//# sourceMappingURL=toast-manager.cjs.map

package/dist/components/toast/toast-manager.cjs.map

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

package/dist/components/toast/toast-manager.d.ts

@@ -0,0 +1,2 @@
+export declare const toastManager: import("@base-ui/react").ToastManager<any>;
+//# sourceMappingURL=toast-manager.d.ts.map

package/dist/components/toast/toast-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-manager.d.ts","sourceRoot":"","sources":["../../../components/toast/toast-manager.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,YAAY,4CAAsC,CAAC"}

package/dist/components/toast/toast-manager.js

@@ -0,0 +1,7 @@
+"use client";
+import { Toast } from '@base-ui/react';
+
+const toastManager = Toast.createToastManager();
+
+export { toastManager };
+//# sourceMappingURL=toast-manager.js.map

package/dist/components/toast/toast-manager.js.map

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

package/dist/components/toast/toast-provider.cjs

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var toast_module = require('./toast.module.css.cjs');
+var toastManager = require('./toast-manager.cjs');
+var toastRoot = require('./toast-root.cjs');
+
+function ToastList({ position }) {
+    const { toasts } = react.Toast.useToastManager();
+    return toasts.map(toast => (jsxRuntime.jsx(toastRoot.ToastRoot, { toast: toast, position: position }, toast.id)));
+}
+const ToastProvider = React.forwardRef(({ position = 'bottom-right', children, ...props }, ref) => {
+    return (jsxRuntime.jsxs(react.Toast.Provider, { toastManager: toastManager.toastManager, ...props, children: [children, jsxRuntime.jsx(react.Toast.Portal, { children: jsxRuntime.jsx(react.Toast.Viewport, { ref: ref, className: classVarianceAuthority.cx(toast_module.default.viewport, toast_module.default[`viewport-${position}`]), children: jsxRuntime.jsx(ToastList, { position: position }) }) })] }));
+});
+ToastProvider.displayName = 'Toast.Provider';
+
+exports.ToastProvider = ToastProvider;
+//# sourceMappingURL=toast-provider.cjs.map

package/dist/components/toast/toast-provider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-provider.cjs","sources":["../../../components/toast/toast-provider.tsx"],"sourcesContent":["'use client';\n\nimport { Toast as ToastPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport styles from './toast.module.css';\nimport { toastManager } from './toast-manager';\nimport { ToastRoot } from './toast-root';\n\nexport type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\n\nexport interface ToastProviderProps\n  extends Omit<ToastPrimitive.Provider.Props, 'toastManager'> {\n  /**\n   * Position of the toast viewport on screen.\n   * @default \"bottom-right\"\n   */\n  position?: ToastPosition;\n}\n\nfunction ToastList({ position }: { position: ToastPosition }) {\n  const { toasts } = ToastPrimitive.useToastManager();\n  return toasts.map(toast => (\n    <ToastRoot key={toast.id} toast={toast} position={position} />\n  ));\n}\n\nexport const ToastProvider = forwardRef<\n  ElementRef<typeof ToastPrimitive.Viewport>,\n  ToastProviderProps\n>(({ position = 'bottom-right', children, ...props }, ref) => {\n  return (\n    <ToastPrimitive.Provider toastManager={toastManager} {...props}>\n      {children}\n      <ToastPrimitive.Portal>\n        <ToastPrimitive.Viewport\n          ref={ref}\n          className={cx(styles.viewport, styles[`viewport-${position}`])}\n        >\n          <ToastList position={position} />\n        </ToastPrimitive.Viewport>\n      </ToastPrimitive.Portal>\n    </ToastPrimitive.Provider>\n  );\n});\n\nToastProvider.displayName = 'Toast.Provider';\n"],"names":[],"mappings":";;;;;;;;;;;AA0BA;;;AAKA;;;AAmBA;AAEA;;"}

package/dist/components/toast/toast-provider.d.ts

@@ -0,0 +1,11 @@
+import { Toast as ToastPrimitive } from '@base-ui/react';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastProviderProps extends Omit<ToastPrimitive.Provider.Props, 'toastManager'> {
+    /**
+     * Position of the toast viewport on screen.
+     * @default "bottom-right"
+     */
+    position?: ToastPosition;
+}
+export declare const ToastProvider: import("react").ForwardRefExoticComponent<ToastProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=toast-provider.d.ts.map

package/dist/components/toast/toast-provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-provider.d.ts","sourceRoot":"","sources":["../../../components/toast/toast-provider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOzD,MAAM,MAAM,aAAa,GACrB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAEnB,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,KAAK,EAAE,cAAc,CAAC;IAC3D;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AASD,eAAO,MAAM,aAAa,+GAiBxB,CAAC"}

package/dist/components/toast/toast-provider.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Toast } from '@base-ui/react';
+import { cx } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import styles from './toast.module.css.js';
+import { toastManager } from './toast-manager.js';
+import { ToastRoot } from './toast-root.js';
+
+function ToastList({ position }) {
+    const { toasts } = Toast.useToastManager();
+    return toasts.map(toast => (jsx(ToastRoot, { toast: toast, position: position }, toast.id)));
+}
+const ToastProvider = forwardRef(({ position = 'bottom-right', children, ...props }, ref) => {
+    return (jsxs(Toast.Provider, { toastManager: toastManager, ...props, children: [children, jsx(Toast.Portal, { children: jsx(Toast.Viewport, { ref: ref, className: cx(styles.viewport, styles[`viewport-${position}`]), children: jsx(ToastList, { position: position }) }) })] }));
+});
+ToastProvider.displayName = 'Toast.Provider';
+
+export { ToastProvider };
+//# sourceMappingURL=toast-provider.js.map

package/dist/components/toast/toast-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-provider.js","sources":["../../../components/toast/toast-provider.tsx"],"sourcesContent":["'use client';\n\nimport { Toast as ToastPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport styles from './toast.module.css';\nimport { toastManager } from './toast-manager';\nimport { ToastRoot } from './toast-root';\n\nexport type ToastPosition =\n  | 'top-left'\n  | 'top-center'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-center'\n  | 'bottom-right';\n\nexport interface ToastProviderProps\n  extends Omit<ToastPrimitive.Provider.Props, 'toastManager'> {\n  /**\n   * Position of the toast viewport on screen.\n   * @default \"bottom-right\"\n   */\n  position?: ToastPosition;\n}\n\nfunction ToastList({ position }: { position: ToastPosition }) {\n  const { toasts } = ToastPrimitive.useToastManager();\n  return toasts.map(toast => (\n    <ToastRoot key={toast.id} toast={toast} position={position} />\n  ));\n}\n\nexport const ToastProvider = forwardRef<\n  ElementRef<typeof ToastPrimitive.Viewport>,\n  ToastProviderProps\n>(({ position = 'bottom-right', children, ...props }, ref) => {\n  return (\n    <ToastPrimitive.Provider toastManager={toastManager} {...props}>\n      {children}\n      <ToastPrimitive.Portal>\n        <ToastPrimitive.Viewport\n          ref={ref}\n          className={cx(styles.viewport, styles[`viewport-${position}`])}\n        >\n          <ToastList position={position} />\n        </ToastPrimitive.Viewport>\n      </ToastPrimitive.Portal>\n    </ToastPrimitive.Provider>\n  );\n});\n\nToastProvider.displayName = 'Toast.Provider';\n"],"names":[],"mappings":";;;;;;;;;AA0BA;;;AAKA;;;AAmBA;AAEA;;"}

package/dist/components/toast/toast-root.cjs

@@ -0,0 +1,34 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var reactIcons = require('@radix-ui/react-icons');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var button = require('../button/button.cjs');
+var flex = require('../flex/flex.cjs');
+var iconButton = require('../icon-button/icon-button.cjs');
+var toast_module = require('./toast.module.css.cjs');
+
+function getSwipeDirection(position) {
+    const verticalDirection = position.startsWith('top')
+        ? 'up'
+        : 'down';
+    if (position.includes('center')) {
+        return [verticalDirection];
+    }
+    if (position.includes('left')) {
+        return ['left', verticalDirection];
+    }
+    return ['right', verticalDirection];
+}
+const ToastRoot = React.forwardRef(({ toast, className, position = 'bottom-right', ...props }, ref) => {
+    const swipeDirection = getSwipeDirection(position);
+    const hasDescription = !!toast.description;
+    return (jsxRuntime.jsx(react.Toast.Root, { ref: ref, toast: toast, className: classVarianceAuthority.cx(toast_module.default.root, className), swipeDirection: swipeDirection, "data-position": position, ...props, children: jsxRuntime.jsxs(react.Toast.Content, { className: toast_module.default.content, children: [jsxRuntime.jsxs(flex.Flex, { direction: 'column', gap: 1, className: toast_module.default.textContainer, children: [toast.title && (jsxRuntime.jsx(react.Toast.Title, { className: hasDescription ? toast_module.default.title : toast_module.default.description, children: toast.title })), hasDescription && (jsxRuntime.jsx(react.Toast.Description, { className: toast_module.default.description, children: toast.description }))] }), jsxRuntime.jsxs(flex.Flex, { align: 'center', gap: 3, children: [toast.actionProps && (jsxRuntime.jsx(react.Toast.Action, { ...toast.actionProps, render: jsxRuntime.jsx(button.Button, { variant: 'text', color: 'neutral', size: 'small' }) })), jsxRuntime.jsx(react.Toast.Close, { "aria-label": 'Close toast', render: jsxRuntime.jsx(iconButton.IconButton, { size: 2 }), children: jsxRuntime.jsx(reactIcons.Cross1Icon, {}) })] })] }) }));
+});
+ToastRoot.displayName = 'Toast';
+
+exports.ToastRoot = ToastRoot;
+//# sourceMappingURL=toast-root.cjs.map

package/dist/components/toast/toast-root.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-root.cjs","sources":["../../../components/toast/toast-root.tsx"],"sourcesContent":["'use client';\n\nimport { Toast as ToastPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport { Button } from '../button';\nimport { Flex } from '../flex';\nimport { IconButton } from '../icon-button';\nimport styles from './toast.module.css';\nimport type { ToastPosition } from './toast-provider';\n\ntype SwipeDirection = 'up' | 'down' | 'left' | 'right';\n\nfunction getSwipeDirection(position: ToastPosition): SwipeDirection[] {\n  const verticalDirection: SwipeDirection = position.startsWith('top')\n    ? 'up'\n    : 'down';\n\n  if (position.includes('center')) {\n    return [verticalDirection];\n  }\n\n  if (position.includes('left')) {\n    return ['left', verticalDirection];\n  }\n\n  return ['right', verticalDirection];\n}\n\nexport interface ToastRootProps\n  extends Omit<ToastPrimitive.Root.Props, 'toast'> {\n  toast: ToastPrimitive.Root.Props['toast'];\n  position?: ToastPosition;\n}\n\nexport const ToastRoot = forwardRef<\n  ElementRef<typeof ToastPrimitive.Root>,\n  ToastRootProps\n>(({ toast, className, position = 'bottom-right', ...props }, ref) => {\n  const swipeDirection = getSwipeDirection(position);\n  const hasDescription = !!toast.description;\n\n  return (\n    <ToastPrimitive.Root\n      ref={ref}\n      toast={toast}\n      className={cx(styles.root, className)}\n      swipeDirection={swipeDirection}\n      data-position={position}\n      {...props}\n    >\n      <ToastPrimitive.Content className={styles.content}>\n        <Flex direction='column' gap={1} className={styles.textContainer}>\n          {toast.title && (\n            <ToastPrimitive.Title\n              className={hasDescription ? styles.title : styles.description}\n            >\n              {toast.title}\n            </ToastPrimitive.Title>\n          )}\n          {hasDescription && (\n            <ToastPrimitive.Description className={styles.description}>\n              {toast.description}\n            </ToastPrimitive.Description>\n          )}\n        </Flex>\n        <Flex align='center' gap={3}>\n          {toast.actionProps && (\n            <ToastPrimitive.Action\n              {...toast.actionProps}\n              render={<Button variant='text' color='neutral' size='small' />}\n            />\n          )}\n          <ToastPrimitive.Close\n            aria-label='Close toast'\n            render={<IconButton size={2} />}\n          >\n            <Cross1Icon />\n          </ToastPrimitive.Close>\n        </Flex>\n      </ToastPrimitive.Content>\n    </ToastPrimitive.Root>\n  );\n});\n\nToastRoot.displayName = 'Toast';\n"],"names":[],"mappings":";;;;;;;;;;;;;AAcA;AACE;AACE;;AAGF;;;AAIA;AACE;;AAGF;AACF;;AAYE;AACA;AAEA;AAyCF;AAEA;;"}

package/dist/components/toast/toast-root.d.ts

@@ -0,0 +1,8 @@
+import { Toast as ToastPrimitive } from '@base-ui/react';
+import type { ToastPosition } from './toast-provider';
+export interface ToastRootProps extends Omit<ToastPrimitive.Root.Props, 'toast'> {
+    toast: ToastPrimitive.Root.Props['toast'];
+    position?: ToastPosition;
+}
+export declare const ToastRoot: import("react").ForwardRefExoticComponent<Omit<ToastRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=toast-root.d.ts.map

package/dist/components/toast/toast-root.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-root.d.ts","sourceRoot":"","sources":["../../../components/toast/toast-root.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAQzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAoBtD,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC;IAChD,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC1C,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,wHAgDpB,CAAC"}

package/dist/components/toast/toast-root.js

@@ -0,0 +1,32 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Toast } from '@base-ui/react';
+import { Cross1Icon } from '@radix-ui/react-icons';
+import { cx } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { Button } from '../button/button.js';
+import { Flex } from '../flex/flex.js';
+import { IconButton } from '../icon-button/icon-button.js';
+import styles from './toast.module.css.js';
+
+function getSwipeDirection(position) {
+    const verticalDirection = position.startsWith('top')
+        ? 'up'
+        : 'down';
+    if (position.includes('center')) {
+        return [verticalDirection];
+    }
+    if (position.includes('left')) {
+        return ['left', verticalDirection];
+    }
+    return ['right', verticalDirection];
+}
+const ToastRoot = forwardRef(({ toast, className, position = 'bottom-right', ...props }, ref) => {
+    const swipeDirection = getSwipeDirection(position);
+    const hasDescription = !!toast.description;
+    return (jsx(Toast.Root, { ref: ref, toast: toast, className: cx(styles.root, className), swipeDirection: swipeDirection, "data-position": position, ...props, children: jsxs(Toast.Content, { className: styles.content, children: [jsxs(Flex, { direction: 'column', gap: 1, className: styles.textContainer, children: [toast.title && (jsx(Toast.Title, { className: hasDescription ? styles.title : styles.description, children: toast.title })), hasDescription && (jsx(Toast.Description, { className: styles.description, children: toast.description }))] }), jsxs(Flex, { align: 'center', gap: 3, children: [toast.actionProps && (jsx(Toast.Action, { ...toast.actionProps, render: jsx(Button, { variant: 'text', color: 'neutral', size: 'small' }) })), jsx(Toast.Close, { "aria-label": 'Close toast', render: jsx(IconButton, { size: 2 }), children: jsx(Cross1Icon, {}) })] })] }) }));
+});
+ToastRoot.displayName = 'Toast';
+
+export { ToastRoot };
+//# sourceMappingURL=toast-root.js.map

package/dist/components/toast/toast-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-root.js","sources":["../../../components/toast/toast-root.tsx"],"sourcesContent":["'use client';\n\nimport { Toast as ToastPrimitive } from '@base-ui/react';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { cx } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport { Button } from '../button';\nimport { Flex } from '../flex';\nimport { IconButton } from '../icon-button';\nimport styles from './toast.module.css';\nimport type { ToastPosition } from './toast-provider';\n\ntype SwipeDirection = 'up' | 'down' | 'left' | 'right';\n\nfunction getSwipeDirection(position: ToastPosition): SwipeDirection[] {\n  const verticalDirection: SwipeDirection = position.startsWith('top')\n    ? 'up'\n    : 'down';\n\n  if (position.includes('center')) {\n    return [verticalDirection];\n  }\n\n  if (position.includes('left')) {\n    return ['left', verticalDirection];\n  }\n\n  return ['right', verticalDirection];\n}\n\nexport interface ToastRootProps\n  extends Omit<ToastPrimitive.Root.Props, 'toast'> {\n  toast: ToastPrimitive.Root.Props['toast'];\n  position?: ToastPosition;\n}\n\nexport const ToastRoot = forwardRef<\n  ElementRef<typeof ToastPrimitive.Root>,\n  ToastRootProps\n>(({ toast, className, position = 'bottom-right', ...props }, ref) => {\n  const swipeDirection = getSwipeDirection(position);\n  const hasDescription = !!toast.description;\n\n  return (\n    <ToastPrimitive.Root\n      ref={ref}\n      toast={toast}\n      className={cx(styles.root, className)}\n      swipeDirection={swipeDirection}\n      data-position={position}\n      {...props}\n    >\n      <ToastPrimitive.Content className={styles.content}>\n        <Flex direction='column' gap={1} className={styles.textContainer}>\n          {toast.title && (\n            <ToastPrimitive.Title\n              className={hasDescription ? styles.title : styles.description}\n            >\n              {toast.title}\n            </ToastPrimitive.Title>\n          )}\n          {hasDescription && (\n            <ToastPrimitive.Description className={styles.description}>\n              {toast.description}\n            </ToastPrimitive.Description>\n          )}\n        </Flex>\n        <Flex align='center' gap={3}>\n          {toast.actionProps && (\n            <ToastPrimitive.Action\n              {...toast.actionProps}\n              render={<Button variant='text' color='neutral' size='small' />}\n            />\n          )}\n          <ToastPrimitive.Close\n            aria-label='Close toast'\n            render={<IconButton size={2} />}\n          >\n            <Cross1Icon />\n          </ToastPrimitive.Close>\n        </Flex>\n      </ToastPrimitive.Content>\n    </ToastPrimitive.Root>\n  );\n});\n\nToastRoot.displayName = 'Toast';\n"],"names":[],"mappings":";;;;;;;;;;;AAcA;AACE;AACE;;AAGF;;;AAIA;AACE;;AAGF;AACF;;AAYE;AACA;AAEA;AAyCF;AAEA;;"}

package/dist/components/toast/toast.cjs

@@ -1,30 +1,16 @@
-"use client";
 'use strict';
 
-var jsxRuntime = require('react/jsx-runtime');
-var sonner = require('sonner');
-require('../theme-provider/switcher.cjs');
-var theme = require('../theme-provider/theme.cjs');
-var toast_module = require('./toast.module.css.cjs');
+var react = require('@base-ui/react');
+var toastProvider = require('./toast-provider.cjs');
+var toastRoot = require('./toast-root.cjs');
+var toastManager = require('./toast-manager.cjs');
 
-const ToastContainer = (props) => {
-    const { resolvedTheme } = theme.useTheme();
-    return (jsxRuntime.jsx(sonner.Toaster, { theme: resolvedTheme, className: toast_module.default['raystack-toast'], toastOptions: {
-            style: {
-                background: 'var(--rs-color-background-base-primary)',
-                color: 'var(--rs-color-foreground-base-primary)',
-                border: '0.5px solid var(--rs-color-border-base-primary)',
-                padding: 'var(--rs-space-3)',
-                borderRadius: 'var(--rs-radius-2)'
-            }
-        }, ...props }));
-};
-const toast = Object.assign((message, options) => {
-    sonner.toast(jsxRuntime.jsx("div", { className: toast_module.default['toast-wrapper'], children: message }), options);
-}, sonner.toast);
-toast.displayName = 'toast';
-ToastContainer.displayName = 'ToastContainer';
+const Toast = Object.assign(toastRoot.ToastRoot, {
+    Provider: toastProvider.ToastProvider,
+    createToastManager: react.Toast.createToastManager,
+    useToastManager: react.Toast.useToastManager
+});
 
-exports.ToastContainer = ToastContainer;
-exports.toast = toast;
+exports.toastManager = toastManager.toastManager;
+exports.Toast = Toast;
 //# sourceMappingURL=toast.cjs.map

package/dist/components/toast/toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toast.cjs","sources":["../../../components/toast/toast.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode } from 'react';\nimport { toast as sonnerToast, Toaster, type ToasterProps } from 'sonner';\n\nimport { useTheme } from '../theme-provider';\nimport { UseThemeProps } from '../theme-provider/types';\nimport styles from './toast.module.css';\n\ninterface ToastContainerProps extends ToasterProps {}\n\nconst ToastContainer = (props: ToastContainerProps) => {\n  const { resolvedTheme } = useTheme();\n\n  return (\n    <Toaster\n      theme={resolvedTheme as UseThemeProps['systemTheme']}\n      className={styles['raystack-toast']}\n      toastOptions={{\n        style: {\n          background: 'var(--rs-color-background-base-primary)',\n          color: 'var(--rs-color-foreground-base-primary)',\n          border: '0.5px solid var(--rs-color-border-base-primary)',\n          padding: 'var(--rs-space-3)',\n          borderRadius: 'var(--rs-radius-2)'\n        }\n      }}\n      {...props}\n    />\n  );\n};\n\nconst toast: typeof sonnerToast = Object.assign(\n  (message: string | ReactNode, options?: ToasterProps) => {\n    sonnerToast(\n      <div className={styles['toast-wrapper']}>{message}</div>,\n      options\n    );\n  },\n  sonnerToast\n);\n\n(toast as typeof toast & { displayName: string }).displayName = 'toast';\n\nToastContainer.displayName = 'ToastContainer';\n\nexport { toast, ToastContainer };\n"],"names":[],"mappings":";;;;;;;;;AAWA;AACE;AAEA;AAKM;AACE;AACA;AACA;AACA;AACA;AACD;;AAKT;AAEM;AAEF;AAIF;AAID;AAED;;;"}
+{"version":3,"file":"toast.cjs","sources":["../../../components/toast/toast.tsx"],"sourcesContent":["import { Toast as ToastPrimitive } from '@base-ui/react';\nimport { ToastProvider } from './toast-provider';\nimport { ToastRoot } from './toast-root';\n\nexport const Toast = Object.assign(ToastRoot, {\n  Provider: ToastProvider,\n  createToastManager: ToastPrimitive.createToastManager,\n  useToastManager: ToastPrimitive.useToastManager\n});\n\nexport { toastManager } from './toast-manager';\n"],"names":["ToastRoot","ToastProvider","ToastPrimitive"],"mappings":";;;;;;;MAIa,KAAK,GAAG,MAAM,CAAC,MAAM,CAACA,mBAAS,EAAE;AAC5C,IAAA,QAAQ,EAAEC,2BAAa;IACvB,kBAAkB,EAAEC,WAAc,CAAC,kBAAkB;IACrD,eAAe,EAAEA,WAAc,CAAC,eAAe;AAChD,CAAA;;;;;"}

package/dist/components/toast/toast.d.ts

@@ -1,10 +1,8 @@
-import { toast as sonnerToast, type ToasterProps } from 'sonner';
-interface ToastContainerProps extends ToasterProps {
-}
-declare const ToastContainer: {
-    (props: ToastContainerProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+import { Toast as ToastPrimitive } from '@base-ui/react';
+export declare const Toast: import("react").ForwardRefExoticComponent<Omit<import("./toast-root").ToastRootProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
+    Provider: import("react").ForwardRefExoticComponent<import("./toast-provider").ToastProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+    createToastManager: typeof ToastPrimitive.createToastManager;
+    useToastManager: typeof ToastPrimitive.useToastManager;
 };
-declare const toast: typeof sonnerToast;
-export { toast, ToastContainer };
+export { toastManager } from './toast-manager';
 //# sourceMappingURL=toast.d.ts.map

package/dist/components/toast/toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../components/toast/toast.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,IAAI,WAAW,EAAW,KAAK,YAAY,EAAE,MAAM,QAAQ,CAAC;AAM1E,UAAU,mBAAoB,SAAQ,YAAY;CAAG;AAErD,QAAA,MAAM,cAAc;YAAW,mBAAmB;;CAmBjD,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,OAAO,WAQnB,CAAC;AAMF,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAIzD,eAAO,MAAM,KAAK;;;;CAIhB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/toast/toast.js

@@ -1,27 +1,13 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { toast as toast$1, Toaster } from 'sonner';
-import '../theme-provider/switcher.js';
-import { useTheme } from '../theme-provider/theme.js';
-import styles from './toast.module.css.js';
+import { Toast as Toast$1 } from '@base-ui/react';
+import { ToastProvider } from './toast-provider.js';
+import { ToastRoot } from './toast-root.js';
+export { toastManager } from './toast-manager.js';
 
-const ToastContainer = (props) => {
-    const { resolvedTheme } = useTheme();
-    return (jsx(Toaster, { theme: resolvedTheme, className: styles['raystack-toast'], toastOptions: {
-            style: {
-                background: 'var(--rs-color-background-base-primary)',
-                color: 'var(--rs-color-foreground-base-primary)',
-                border: '0.5px solid var(--rs-color-border-base-primary)',
-                padding: 'var(--rs-space-3)',
-                borderRadius: 'var(--rs-radius-2)'
-            }
-        }, ...props }));
-};
-const toast = Object.assign((message, options) => {
-    toast$1(jsx("div", { className: styles['toast-wrapper'], children: message }), options);
-}, toast$1);
-toast.displayName = 'toast';
-ToastContainer.displayName = 'ToastContainer';
+const Toast = Object.assign(ToastRoot, {
+    Provider: ToastProvider,
+    createToastManager: Toast$1.createToastManager,
+    useToastManager: Toast$1.useToastManager
+});
 
-export { ToastContainer, toast };
+export { Toast };
 //# sourceMappingURL=toast.js.map

package/dist/components/toast/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","sources":["../../../components/toast/toast.tsx"],"sourcesContent":["'use client';\n\nimport { ReactNode } from 'react';\nimport { toast as sonnerToast, Toaster, type ToasterProps } from 'sonner';\n\nimport { useTheme } from '../theme-provider';\nimport { UseThemeProps } from '../theme-provider/types';\nimport styles from './toast.module.css';\n\ninterface ToastContainerProps extends ToasterProps {}\n\nconst ToastContainer = (props: ToastContainerProps) => {\n  const { resolvedTheme } = useTheme();\n\n  return (\n    <Toaster\n      theme={resolvedTheme as UseThemeProps['systemTheme']}\n      className={styles['raystack-toast']}\n      toastOptions={{\n        style: {\n          background: 'var(--rs-color-background-base-primary)',\n          color: 'var(--rs-color-foreground-base-primary)',\n          border: '0.5px solid var(--rs-color-border-base-primary)',\n          padding: 'var(--rs-space-3)',\n          borderRadius: 'var(--rs-radius-2)'\n        }\n      }}\n      {...props}\n    />\n  );\n};\n\nconst toast: typeof sonnerToast = Object.assign(\n  (message: string | ReactNode, options?: ToasterProps) => {\n    sonnerToast(\n      <div className={styles['toast-wrapper']}>{message}</div>,\n      options\n    );\n  },\n  sonnerToast\n);\n\n(toast as typeof toast & { displayName: string }).displayName = 'toast';\n\nToastContainer.displayName = 'ToastContainer';\n\nexport { toast, ToastContainer };\n"],"names":[],"mappings":";;;;;;;AAWA;AACE;AAEA;AAKM;AACE;AACA;AACA;AACA;AACA;AACD;;AAKT;AAEM;AAEF;AAIF;AAID;AAED;;"}
+{"version":3,"file":"toast.js","sources":["../../../components/toast/toast.tsx"],"sourcesContent":["import { Toast as ToastPrimitive } from '@base-ui/react';\nimport { ToastProvider } from './toast-provider';\nimport { ToastRoot } from './toast-root';\n\nexport const Toast = Object.assign(ToastRoot, {\n  Provider: ToastProvider,\n  createToastManager: ToastPrimitive.createToastManager,\n  useToastManager: ToastPrimitive.useToastManager\n});\n\nexport { toastManager } from './toast-manager';\n"],"names":["ToastPrimitive"],"mappings":";;;;;MAIa,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC5C,IAAA,QAAQ,EAAE,aAAa;IACvB,kBAAkB,EAAEA,OAAc,CAAC,kBAAkB;IACrD,eAAe,EAAEA,OAAc,CAAC,eAAe;AAChD,CAAA;;;;"}

package/dist/components/toast/toast.module.css.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var styles = {"toast-wrapper":"toast-module_toast-wrapper__6uBSq","toast___wrapper":"toast-module_toast-wrapper__6uBSq"};
+var styles = {"viewport":"toast-module_viewport__H-ria","viewport-top-left":"toast-module_viewport-top-left__4Z5Aa","viewport-top-center":"toast-module_viewport-top-center__nMS-i","viewport-top-right":"toast-module_viewport-top-right__mSOze","viewport-bottom-left":"toast-module_viewport-bottom-left__d4ZTN","viewport-bottom-center":"toast-module_viewport-bottom-center__Xa0Eu","viewport-bottom-right":"toast-module_viewport-bottom-right__NQs3b","root":"toast-module_root__2lxT-","content":"toast-module_content__LnLIn","textContainer":"toast-module_textContainer__Nac1I","title":"toast-module_title__9rfSt","description":"toast-module_description__uzYAO","viewport___top___left":"toast-module_viewport-top-left__4Z5Aa","viewport___top___center":"toast-module_viewport-top-center__nMS-i","viewport___top___right":"toast-module_viewport-top-right__mSOze","viewport___bottom___left":"toast-module_viewport-bottom-left__d4ZTN","viewport___bottom___center":"toast-module_viewport-bottom-center__Xa0Eu","viewport___bottom___right":"toast-module_viewport-bottom-right__NQs3b"};
 
 exports.default = styles;
 //# sourceMappingURL=toast.module.css.cjs.map

package/dist/components/toast/toast.module.css.js

@@ -1,4 +1,4 @@
-var styles = {"toast-wrapper":"toast-module_toast-wrapper__6uBSq","toast___wrapper":"toast-module_toast-wrapper__6uBSq"};
+var styles = {"viewport":"toast-module_viewport__H-ria","viewport-top-left":"toast-module_viewport-top-left__4Z5Aa","viewport-top-center":"toast-module_viewport-top-center__nMS-i","viewport-top-right":"toast-module_viewport-top-right__mSOze","viewport-bottom-left":"toast-module_viewport-bottom-left__d4ZTN","viewport-bottom-center":"toast-module_viewport-bottom-center__Xa0Eu","viewport-bottom-right":"toast-module_viewport-bottom-right__NQs3b","root":"toast-module_root__2lxT-","content":"toast-module_content__LnLIn","textContainer":"toast-module_textContainer__Nac1I","title":"toast-module_title__9rfSt","description":"toast-module_description__uzYAO","viewport___top___left":"toast-module_viewport-top-left__4Z5Aa","viewport___top___center":"toast-module_viewport-top-center__nMS-i","viewport___top___right":"toast-module_viewport-top-right__mSOze","viewport___bottom___left":"toast-module_viewport-bottom-left__d4ZTN","viewport___bottom___center":"toast-module_viewport-bottom-center__Xa0Eu","viewport___bottom___right":"toast-module_viewport-bottom-right__NQs3b"};
 
 export { styles as default };
 //# sourceMappingURL=toast.module.css.js.map

package/dist/components/tooltip/tooltip-content.cjs

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var classVarianceAuthority = require('class-variance-authority');
+var React = require('react');
+var text = require('../text/text.cjs');
+var tooltip_module = require('./tooltip.module.css.cjs');
+
+const TooltipContent = React.forwardRef(({ className, children, showArrow = false, style, render, ...positionerProps }, ref) => {
+    return (jsxRuntime.jsx(react.Tooltip.Portal, { children: jsxRuntime.jsx(react.Tooltip.Positioner, { side: 'top', align: 'center', sideOffset: showArrow ? 10 : 4, className: tooltip_module.default.positioner, ...positionerProps, children: jsxRuntime.jsxs(react.Tooltip.Popup, { ref: ref, className: classVarianceAuthority.cx(tooltip_module.default.content, className), style: style, render: render, children: [typeof children === 'string' ? jsxRuntime.jsx(text.Text, { children: children }) : children, showArrow && (jsxRuntime.jsx(react.Tooltip.Arrow, { className: tooltip_module.default.arrow, children: jsxRuntime.jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '6', height: '7', viewBox: '0 0 6 7', fill: 'none', children: jsxRuntime.jsx("path", { d: 'M2.90809 6.78553L0 0H6L3.09191 6.78553C3.05728 6.86634 2.94272 6.86634 2.90809 6.78553Z', fill: 'currentColor' }) }) }))] }) }) }));
+});
+TooltipContent.displayName = 'Tooltip.Content';
+
+exports.TooltipContent = TooltipContent;
+//# sourceMappingURL=tooltip-content.cjs.map

package/dist/components/tooltip/tooltip-content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-content.cjs","sources":["../../../components/tooltip/tooltip-content.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport { Text } from '../text';\nimport styles from './tooltip.module.css';\n\nexport interface TooltipContentProps\n  extends Omit<\n      TooltipPrimitive.Positioner.Props,\n      'className' | 'style' | 'render'\n    >,\n    TooltipPrimitive.Popup.Props {\n  /**\n   * Controls whether to show the arrow\n   * `@default` false\n   */\n  showArrow?: boolean;\n}\n\nexport const TooltipContent = forwardRef<\n  ElementRef<typeof TooltipPrimitive.Popup>,\n  TooltipContentProps\n>(\n  (\n    {\n      className,\n      children,\n      showArrow = false,\n      style,\n      render,\n      ...positionerProps\n    },\n    ref\n  ) => {\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Positioner\n          side='top'\n          align='center'\n          sideOffset={showArrow ? 10 : 4}\n          className={styles.positioner}\n          {...positionerProps}\n        >\n          <TooltipPrimitive.Popup\n            ref={ref}\n            className={cx(styles.content, className)}\n            style={style}\n            render={render}\n          >\n            {typeof children === 'string' ? <Text>{children}</Text> : children}\n            {showArrow && (\n              <TooltipPrimitive.Arrow className={styles.arrow}>\n                <svg\n                  xmlns='http://www.w3.org/2000/svg'\n                  width='6'\n                  height='7'\n                  viewBox='0 0 6 7'\n                  fill='none'\n                >\n                  <path\n                    d='M2.90809 6.78553L0 0H6L3.09191 6.78553C3.05728 6.86634 2.94272 6.86634 2.90809 6.78553Z'\n                    fill='currentColor'\n                  />\n                </svg>\n              </TooltipPrimitive.Arrow>\n            )}\n          </TooltipPrimitive.Popup>\n        </TooltipPrimitive.Positioner>\n      </TooltipPrimitive.Portal>\n    );\n  }\n);\n\nTooltipContent.displayName = 'Tooltip.Content';\n"],"names":[],"mappings":";;;;;;;;;;AAqBa;AAeT;AAoCF;AAGF;;"}

package/dist/components/tooltip/tooltip-content.d.ts

@@ -0,0 +1,10 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react';
+export interface TooltipContentProps extends Omit<TooltipPrimitive.Positioner.Props, 'className' | 'style' | 'render'>, TooltipPrimitive.Popup.Props {
+    /**
+     * Controls whether to show the arrow
+     * `@default` false
+     */
+    showArrow?: boolean;
+}
+export declare const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tooltip-content.d.ts.map

package/dist/components/tooltip/tooltip-content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-content.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip-content.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAM7D,MAAM,WAAW,mBACf,SAAQ,IAAI,CACR,gBAAgB,CAAC,UAAU,CAAC,KAAK,EACjC,WAAW,GAAG,OAAO,GAAG,QAAQ,CACjC,EACD,gBAAgB,CAAC,KAAK,CAAC,KAAK;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,6HAoD1B,CAAC"}

package/dist/components/tooltip/tooltip-content.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Tooltip } from '@base-ui/react';
+import { cx } from 'class-variance-authority';
+import { forwardRef } from 'react';
+import { Text } from '../text/text.js';
+import styles from './tooltip.module.css.js';
+
+const TooltipContent = forwardRef(({ className, children, showArrow = false, style, render, ...positionerProps }, ref) => {
+    return (jsx(Tooltip.Portal, { children: jsx(Tooltip.Positioner, { side: 'top', align: 'center', sideOffset: showArrow ? 10 : 4, className: styles.positioner, ...positionerProps, children: jsxs(Tooltip.Popup, { ref: ref, className: cx(styles.content, className), style: style, render: render, children: [typeof children === 'string' ? jsx(Text, { children: children }) : children, showArrow && (jsx(Tooltip.Arrow, { className: styles.arrow, children: jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '6', height: '7', viewBox: '0 0 6 7', fill: 'none', children: jsx("path", { d: 'M2.90809 6.78553L0 0H6L3.09191 6.78553C3.05728 6.86634 2.94272 6.86634 2.90809 6.78553Z', fill: 'currentColor' }) }) }))] }) }) }));
+});
+TooltipContent.displayName = 'Tooltip.Content';
+
+export { TooltipContent };
+//# sourceMappingURL=tooltip-content.js.map

package/dist/components/tooltip/tooltip-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-content.js","sources":["../../../components/tooltip/tooltip-content.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react';\nimport { cx } from 'class-variance-authority';\nimport { type ElementRef, forwardRef } from 'react';\nimport { Text } from '../text';\nimport styles from './tooltip.module.css';\n\nexport interface TooltipContentProps\n  extends Omit<\n      TooltipPrimitive.Positioner.Props,\n      'className' | 'style' | 'render'\n    >,\n    TooltipPrimitive.Popup.Props {\n  /**\n   * Controls whether to show the arrow\n   * `@default` false\n   */\n  showArrow?: boolean;\n}\n\nexport const TooltipContent = forwardRef<\n  ElementRef<typeof TooltipPrimitive.Popup>,\n  TooltipContentProps\n>(\n  (\n    {\n      className,\n      children,\n      showArrow = false,\n      style,\n      render,\n      ...positionerProps\n    },\n    ref\n  ) => {\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Positioner\n          side='top'\n          align='center'\n          sideOffset={showArrow ? 10 : 4}\n          className={styles.positioner}\n          {...positionerProps}\n        >\n          <TooltipPrimitive.Popup\n            ref={ref}\n            className={cx(styles.content, className)}\n            style={style}\n            render={render}\n          >\n            {typeof children === 'string' ? <Text>{children}</Text> : children}\n            {showArrow && (\n              <TooltipPrimitive.Arrow className={styles.arrow}>\n                <svg\n                  xmlns='http://www.w3.org/2000/svg'\n                  width='6'\n                  height='7'\n                  viewBox='0 0 6 7'\n                  fill='none'\n                >\n                  <path\n                    d='M2.90809 6.78553L0 0H6L3.09191 6.78553C3.05728 6.86634 2.94272 6.86634 2.90809 6.78553Z'\n                    fill='currentColor'\n                  />\n                </svg>\n              </TooltipPrimitive.Arrow>\n            )}\n          </TooltipPrimitive.Popup>\n        </TooltipPrimitive.Positioner>\n      </TooltipPrimitive.Portal>\n    );\n  }\n);\n\nTooltipContent.displayName = 'Tooltip.Content';\n"],"names":[],"mappings":";;;;;;;;AAqBa;AAeT;AAoCF;AAGF;;"}

package/dist/components/tooltip/tooltip-misc.cjs

@@ -0,0 +1,19 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@base-ui/react');
+var React = require('react');
+
+const TooltipTrigger = React.forwardRef((props, ref) => {
+    return jsxRuntime.jsx(react.Tooltip.Trigger, { ref: ref, delay: 200, ...props });
+});
+TooltipTrigger.displayName = 'Tooltip.Trigger';
+const TooltipProvider = (props) => {
+    return jsxRuntime.jsx(react.Tooltip.Provider, { delay: 200, ...props });
+};
+TooltipProvider.displayName = 'Tooltip.Provider';
+
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+//# sourceMappingURL=tooltip-misc.cjs.map

package/dist/components/tooltip/tooltip-misc.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-misc.cjs","sources":["../../../components/tooltip/tooltip-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react';\nimport { forwardRef } from 'react';\n\nexport interface TooltipTriggerProps extends TooltipPrimitive.Trigger.Props {}\n\nexport const TooltipTrigger = forwardRef<\n  HTMLButtonElement,\n  TooltipPrimitive.Trigger.Props\n>((props, ref) => {\n  return <TooltipPrimitive.Trigger ref={ref} delay={200} {...props} />;\n});\n\nTooltipTrigger.displayName = 'Tooltip.Trigger';\n\nexport const TooltipProvider = (props: TooltipPrimitive.Provider.Props) => {\n  return <TooltipPrimitive.Provider delay={200} {...props} />;\n};\n\nTooltipProvider.displayName = 'Tooltip.Provider';\n"],"names":[],"mappings":";;;;;;;AAOa;AAIX;AACF;AAEA;AAEa;;AAEb;AAEA;;;"}

package/dist/components/tooltip/tooltip-misc.d.ts

@@ -0,0 +1,9 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react';
+export interface TooltipTriggerProps extends TooltipPrimitive.Trigger.Props {
+}
+export declare const TooltipTrigger: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.Trigger.Props<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TooltipProvider: {
+    (props: TooltipPrimitive.Provider.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=tooltip-misc.d.ts.map

package/dist/components/tooltip/tooltip-misc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-misc.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip-misc.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAG7D,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,OAAO,CAAC,KAAK;CAAG;AAE9E,eAAO,MAAM,cAAc,oJAKzB,CAAC;AAIH,eAAO,MAAM,eAAe;YAAW,iBAAiB,QAAQ,CAAC,KAAK;;CAErE,CAAC"}