@raystack/apsara 1.0.0-rc.0 → 1.0.0-rc.1

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

@@ -3,7 +3,6 @@ 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';
@@ -21,11 +20,11 @@ function getSwipeDirection(position) {
     }
     return ['right', verticalDirection];
 }
-const ToastRoot = forwardRef(({ toast, className, position = 'bottom-right', ...props }, ref) => {
+function ToastRoot({ toast, className, position = 'bottom-right', ...props }) {
     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, {}) })] })] }) }));
-});
+    return (jsx(Toast.Root, { 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 };

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

@@ -1 +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;;"}
+{"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 { 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 extends ToastPrimitive.Root.Props {\n  position?: ToastPosition;\n}\n\nexport function ToastRoot({\n  toast,\n  className,\n  position = 'bottom-right',\n  ...props\n}: ToastRootProps) {\n  const swipeDirection = getSwipeDirection(position);\n  const hasDescription = !!toast.description;\n\n  return (\n    <ToastPrimitive.Root\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":";;;;;;;;;;AAaA;AACE;AACE;;AAGF;;;AAIA;AACE;;AAGF;AACF;AAMgB;AAMd;AACA;AAEA;AAwCF;AAEA;;"}

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

@@ -1,6 +1,8 @@
 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>>;
+import { ToastProvider } from './toast-provider';
+import { ToastRoot } from './toast-root';
+export declare const Toast: typeof ToastRoot & {
+    Provider: typeof ToastProvider;
     createToastManager: typeof ToastPrimitive.createToastManager;
     useToastManager: typeof ToastPrimitive.useToastManager;
 };

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../components/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAO,MAAM,KAAK;;;;CAIhB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/toggle/__tests__/toggle.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=toggle.test.d.ts.map

package/dist/components/toggle/__tests__/toggle.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.test.d.ts","sourceRoot":"","sources":["../../../../components/toggle/__tests__/toggle.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export { Toggle } from './toggle';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/toggle/toggle.cjs

@@ -0,0 +1,36 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var toggle = require('@base-ui/react/toggle');
+var toggleGroup = require('@base-ui/react/toggle-group');
+var classVarianceAuthority = require('class-variance-authority');
+var toggle_module = require('./toggle.module.css.cjs');
+
+const toggleVariants = classVarianceAuthority.cva(toggle_module.default.toggle, {
+    variants: {
+        size: {
+            1: toggle_module.default['size-1'],
+            2: toggle_module.default['size-2'],
+            3: toggle_module.default['size-3'],
+            4: toggle_module.default['size-4']
+        }
+    },
+    defaultVariants: {
+        size: 3
+    }
+});
+function ToggleRoot({ className, children, size, ...props }) {
+    return (jsxRuntime.jsx(toggle.Toggle, { className: toggleVariants({ size, className }), ...props, children: jsxRuntime.jsx("span", { className: toggle_module.default.toggleContent, children: children }) }));
+}
+ToggleRoot.displayName = 'Toggle';
+function ToggleGroup({ className, ...props }) {
+    return (jsxRuntime.jsx(toggleGroup.ToggleGroup, { className: classVarianceAuthority.cx(toggle_module.default.group, className), ...props }));
+}
+ToggleGroup.displayName = 'Toggle.Group';
+const Toggle = Object.assign(ToggleRoot, {
+    Group: ToggleGroup
+});
+
+exports.Toggle = Toggle;
+//# sourceMappingURL=toggle.cjs.map

package/dist/components/toggle/toggle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.cjs","sources":["../../../components/toggle/toggle.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\nimport { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\n\nimport styles from './toggle.module.css';\n\nconst toggleVariants = cva(styles.toggle, {\n  variants: {\n    size: {\n      1: styles['size-1'],\n      2: styles['size-2'],\n      3: styles['size-3'],\n      4: styles['size-4']\n    }\n  },\n  defaultVariants: {\n    size: 3\n  }\n});\n\nexport interface ToggleProps\n  extends TogglePrimitive.Props,\n    VariantProps<typeof toggleVariants> {\n  size?: 1 | 2 | 3 | 4;\n}\n\nfunction ToggleRoot({ className, children, size, ...props }: ToggleProps) {\n  return (\n    <TogglePrimitive className={toggleVariants({ size, className })} {...props}>\n      <span className={styles.toggleContent}>{children}</span>\n    </TogglePrimitive>\n  );\n}\n\nToggleRoot.displayName = 'Toggle';\n\nfunction ToggleGroup({ className, ...props }: ToggleGroupPrimitive.Props) {\n  return (\n    <ToggleGroupPrimitive className={cx(styles.group, className)} {...props} />\n  );\n}\n\nToggleGroup.displayName = 'Toggle.Group';\n\nexport const Toggle = Object.assign(ToggleRoot, {\n  Group: ToggleGroup\n});\n"],"names":[],"mappings":";;;;;;;;;AAQA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAQD;AACE;AAKF;AAEA;AAEA;AACE;AAGF;AAEA;;AAGE;AACD;;"}

package/dist/components/toggle/toggle.d.ts

@@ -0,0 +1,22 @@
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';
+import { type VariantProps } from 'class-variance-authority';
+declare const toggleVariants: (props?: ({
+    size?: 1 | 2 | 3 | 4 | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ToggleProps extends TogglePrimitive.Props, VariantProps<typeof toggleVariants> {
+    size?: 1 | 2 | 3 | 4;
+}
+declare function ToggleRoot({ className, children, size, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
+declare namespace ToggleRoot {
+    var displayName: string;
+}
+declare function ToggleGroup({ className, ...props }: ToggleGroupPrimitive.Props): import("react/jsx-runtime").JSX.Element;
+declare namespace ToggleGroup {
+    var displayName: string;
+}
+export declare const Toggle: typeof ToggleRoot & {
+    Group: typeof ToggleGroup;
+};
+export {};
+//# sourceMappingURL=toggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../components/toggle/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAClF,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAItE,QAAA,MAAM,cAAc;;8EAYlB,CAAC;AAEH,MAAM,WAAW,WACf,SAAQ,eAAe,CAAC,KAAK,EAC3B,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CACtB;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAMvE;kBANQ,UAAU;;;AAUnB,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,CAAC,KAAK,2CAIvE;kBAJQ,WAAW;;;AAQpB,eAAO,MAAM,MAAM;;CAEjB,CAAC"}

package/dist/components/toggle/toggle.js

@@ -0,0 +1,34 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Toggle as Toggle$1 } from '@base-ui/react/toggle';
+import { ToggleGroup as ToggleGroup$1 } from '@base-ui/react/toggle-group';
+import { cva, cx } from 'class-variance-authority';
+import styles from './toggle.module.css.js';
+
+const toggleVariants = cva(styles.toggle, {
+    variants: {
+        size: {
+            1: styles['size-1'],
+            2: styles['size-2'],
+            3: styles['size-3'],
+            4: styles['size-4']
+        }
+    },
+    defaultVariants: {
+        size: 3
+    }
+});
+function ToggleRoot({ className, children, size, ...props }) {
+    return (jsx(Toggle$1, { className: toggleVariants({ size, className }), ...props, children: jsx("span", { className: styles.toggleContent, children: children }) }));
+}
+ToggleRoot.displayName = 'Toggle';
+function ToggleGroup({ className, ...props }) {
+    return (jsx(ToggleGroup$1, { className: cx(styles.group, className), ...props }));
+}
+ToggleGroup.displayName = 'Toggle.Group';
+const Toggle = Object.assign(ToggleRoot, {
+    Group: ToggleGroup
+});
+
+export { Toggle };
+//# sourceMappingURL=toggle.js.map

package/dist/components/toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sources":["../../../components/toggle/toggle.tsx"],"sourcesContent":["'use client';\n\nimport { Toggle as TogglePrimitive } from '@base-ui/react/toggle';\nimport { ToggleGroup as ToggleGroupPrimitive } from '@base-ui/react/toggle-group';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\n\nimport styles from './toggle.module.css';\n\nconst toggleVariants = cva(styles.toggle, {\n  variants: {\n    size: {\n      1: styles['size-1'],\n      2: styles['size-2'],\n      3: styles['size-3'],\n      4: styles['size-4']\n    }\n  },\n  defaultVariants: {\n    size: 3\n  }\n});\n\nexport interface ToggleProps\n  extends TogglePrimitive.Props,\n    VariantProps<typeof toggleVariants> {\n  size?: 1 | 2 | 3 | 4;\n}\n\nfunction ToggleRoot({ className, children, size, ...props }: ToggleProps) {\n  return (\n    <TogglePrimitive className={toggleVariants({ size, className })} {...props}>\n      <span className={styles.toggleContent}>{children}</span>\n    </TogglePrimitive>\n  );\n}\n\nToggleRoot.displayName = 'Toggle';\n\nfunction ToggleGroup({ className, ...props }: ToggleGroupPrimitive.Props) {\n  return (\n    <ToggleGroupPrimitive className={cx(styles.group, className)} {...props} />\n  );\n}\n\nToggleGroup.displayName = 'Toggle.Group';\n\nexport const Toggle = Object.assign(ToggleRoot, {\n  Group: ToggleGroup\n});\n"],"names":[],"mappings":";;;;;;;AAQA;AACE;AACE;AACE;AACA;AACA;AACA;AACD;AACF;AACD;AACE;AACD;AACF;AAQD;AACE;AAKF;AAEA;AAEA;AACE;AAGF;AAEA;;AAGE;AACD;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"toggle":"toggle-module_toggle__4halU","toggleContent":"toggle-module_toggleContent__ySiAE","size-1":"toggle-module_size-1__BldJa","size-2":"toggle-module_size-2__owQW5","size-3":"toggle-module_size-3__RF25u","size-4":"toggle-module_size-4__S9m9K","group":"toggle-module_group__Gii19","size___1":"toggle-module_size-1__BldJa","size___2":"toggle-module_size-2__owQW5","size___3":"toggle-module_size-3__RF25u","size___4":"toggle-module_size-4__S9m9K"};
+
+exports.default = styles;
+//# sourceMappingURL=toggle.module.css.cjs.map

package/dist/components/toggle/toggle.module.css.cjs.map

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

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

@@ -0,0 +1,4 @@
+var styles = {"toggle":"toggle-module_toggle__4halU","toggleContent":"toggle-module_toggleContent__ySiAE","size-1":"toggle-module_size-1__BldJa","size-2":"toggle-module_size-2__owQW5","size-3":"toggle-module_size-3__RF25u","size-4":"toggle-module_size-4__S9m9K","group":"toggle-module_group__Gii19","size___1":"toggle-module_size-1__BldJa","size___2":"toggle-module_size-2__owQW5","size___3":"toggle-module_size-3__RF25u","size___4":"toggle-module_size-4__S9m9K"};
+
+export { styles as default };
+//# sourceMappingURL=toggle.module.css.js.map

package/dist/components/toggle/toggle.module.css.js.map

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

package/dist/components/toolbar/__tests__/toolbar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=toolbar.test.d.ts.map

package/dist/components/toolbar/__tests__/toolbar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.test.d.ts","sourceRoot":"","sources":["../../../../components/toolbar/__tests__/toolbar.test.tsx"],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+export { Toolbar } from './toolbar';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/toolbar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/toolbar/toolbar.cjs

@@ -0,0 +1,25 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var toolbar = require('@base-ui/react/toolbar');
+var classVarianceAuthority = require('class-variance-authority');
+var button = require('../button/button.cjs');
+var toolbar_module = require('./toolbar.module.css.cjs');
+
+const ToolbarRoot = ({ className, ...props }) => (jsxRuntime.jsx(toolbar.Toolbar.Root, { className: classVarianceAuthority.cx(toolbar_module.default.root, className), ...props }));
+ToolbarRoot.displayName = 'Toolbar';
+const ToolbarButton = ({ className, ...props }) => (jsxRuntime.jsx(toolbar.Toolbar.Button, { className: classVarianceAuthority.cx(toolbar_module.default.button, className), render: jsxRuntime.jsx(button.Button, { variant: 'text', color: 'neutral', size: 'small' }), ...props }));
+ToolbarButton.displayName = 'Toolbar.Button';
+const ToolbarGroup = ({ className, ...props }) => (jsxRuntime.jsx(toolbar.Toolbar.Group, { className: classVarianceAuthority.cx(toolbar_module.default.group, className), ...props }));
+ToolbarGroup.displayName = 'Toolbar.Group';
+const ToolbarSeparator = ({ className, ...props }) => (jsxRuntime.jsx(toolbar.Toolbar.Separator, { className: classVarianceAuthority.cx(toolbar_module.default.separator, className), ...props }));
+ToolbarSeparator.displayName = 'Toolbar.Separator';
+const Toolbar = Object.assign(ToolbarRoot, {
+    Button: ToolbarButton,
+    Group: ToolbarGroup,
+    Separator: ToolbarSeparator
+});
+
+exports.Toolbar = Toolbar;
+//# sourceMappingURL=toolbar.cjs.map

package/dist/components/toolbar/toolbar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.cjs","sources":["../../../components/toolbar/toolbar.tsx"],"sourcesContent":["'use client';\n\nimport { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';\nimport { cx } from 'class-variance-authority';\nimport { Button } from '../button';\nimport styles from './toolbar.module.css';\n\nconst ToolbarRoot = ({ className, ...props }: ToolbarPrimitive.Root.Props) => (\n  <ToolbarPrimitive.Root className={cx(styles.root, className)} {...props} />\n);\nToolbarRoot.displayName = 'Toolbar';\n\nconst ToolbarButton = ({\n  className,\n  ...props\n}: ToolbarPrimitive.Button.Props) => (\n  <ToolbarPrimitive.Button\n    className={cx(styles.button, className)}\n    render={<Button variant='text' color='neutral' size='small' />}\n    {...props}\n  />\n);\nToolbarButton.displayName = 'Toolbar.Button';\n\nconst ToolbarGroup = ({\n  className,\n  ...props\n}: ToolbarPrimitive.Group.Props) => (\n  <ToolbarPrimitive.Group className={cx(styles.group, className)} {...props} />\n);\nToolbarGroup.displayName = 'Toolbar.Group';\n\nconst ToolbarSeparator = ({\n  className,\n  ...props\n}: ToolbarPrimitive.Separator.Props) => (\n  <ToolbarPrimitive.Separator\n    className={cx(styles.separator, className)}\n    {...props}\n  />\n);\nToolbarSeparator.displayName = 'Toolbar.Separator';\n\nexport const Toolbar = Object.assign(ToolbarRoot, {\n  Button: ToolbarButton,\n  Group: ToolbarGroup,\n  Separator: ToolbarSeparator\n});\n"],"names":[],"mappings":";;;;;;;;;AAOA;AAGA;AAEA;AAUA;AAEA;AAMA;AAEA;AASA;;AAGE;AACA;AACA;AACD;;"}

package/dist/components/toolbar/toolbar.d.ts

@@ -0,0 +1,20 @@
+import { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';
+import { Button } from '../button';
+export declare const Toolbar: {
+    ({ className, ...props }: ToolbarPrimitive.Root.Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Button: {
+        ({ className, ...props }: ToolbarPrimitive.Button.Props): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Group: {
+        ({ className, ...props }: ToolbarPrimitive.Group.Props): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Separator: {
+        ({ className, ...props }: ToolbarPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../components/toolbar/toolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAuCnC,eAAO,MAAM,OAAO;8BApC0B,iBAAiB,IAAI,CAAC,KAAK;;;;kCAQtE,uBAAuB,CAAC,KAAK;;;;kCAY7B,iBAAiB,KAAK,CAAC,KAAK;;;;kCAQ5B,iBAAiB,SAAS,CAAC,KAAK;;;CAYjC,CAAC"}

package/dist/components/toolbar/toolbar.js

@@ -0,0 +1,23 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Toolbar as Toolbar$1 } from '@base-ui/react/toolbar';
+import { cx } from 'class-variance-authority';
+import { Button } from '../button/button.js';
+import styles from './toolbar.module.css.js';
+
+const ToolbarRoot = ({ className, ...props }) => (jsx(Toolbar$1.Root, { className: cx(styles.root, className), ...props }));
+ToolbarRoot.displayName = 'Toolbar';
+const ToolbarButton = ({ className, ...props }) => (jsx(Toolbar$1.Button, { className: cx(styles.button, className), render: jsx(Button, { variant: 'text', color: 'neutral', size: 'small' }), ...props }));
+ToolbarButton.displayName = 'Toolbar.Button';
+const ToolbarGroup = ({ className, ...props }) => (jsx(Toolbar$1.Group, { className: cx(styles.group, className), ...props }));
+ToolbarGroup.displayName = 'Toolbar.Group';
+const ToolbarSeparator = ({ className, ...props }) => (jsx(Toolbar$1.Separator, { className: cx(styles.separator, className), ...props }));
+ToolbarSeparator.displayName = 'Toolbar.Separator';
+const Toolbar = Object.assign(ToolbarRoot, {
+    Button: ToolbarButton,
+    Group: ToolbarGroup,
+    Separator: ToolbarSeparator
+});
+
+export { Toolbar };
+//# sourceMappingURL=toolbar.js.map

package/dist/components/toolbar/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","sources":["../../../components/toolbar/toolbar.tsx"],"sourcesContent":["'use client';\n\nimport { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';\nimport { cx } from 'class-variance-authority';\nimport { Button } from '../button';\nimport styles from './toolbar.module.css';\n\nconst ToolbarRoot = ({ className, ...props }: ToolbarPrimitive.Root.Props) => (\n  <ToolbarPrimitive.Root className={cx(styles.root, className)} {...props} />\n);\nToolbarRoot.displayName = 'Toolbar';\n\nconst ToolbarButton = ({\n  className,\n  ...props\n}: ToolbarPrimitive.Button.Props) => (\n  <ToolbarPrimitive.Button\n    className={cx(styles.button, className)}\n    render={<Button variant='text' color='neutral' size='small' />}\n    {...props}\n  />\n);\nToolbarButton.displayName = 'Toolbar.Button';\n\nconst ToolbarGroup = ({\n  className,\n  ...props\n}: ToolbarPrimitive.Group.Props) => (\n  <ToolbarPrimitive.Group className={cx(styles.group, className)} {...props} />\n);\nToolbarGroup.displayName = 'Toolbar.Group';\n\nconst ToolbarSeparator = ({\n  className,\n  ...props\n}: ToolbarPrimitive.Separator.Props) => (\n  <ToolbarPrimitive.Separator\n    className={cx(styles.separator, className)}\n    {...props}\n  />\n);\nToolbarSeparator.displayName = 'Toolbar.Separator';\n\nexport const Toolbar = Object.assign(ToolbarRoot, {\n  Button: ToolbarButton,\n  Group: ToolbarGroup,\n  Separator: ToolbarSeparator\n});\n"],"names":[],"mappings":";;;;;;;AAOA;AAGA;AAEA;AAUA;AAEA;AAMA;AAEA;AASA;;AAGE;AACA;AACA;AACD;;"}

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"root":"toolbar-module_root__TqhOC","group":"toolbar-module_group__Mb4Wr","separator":"toolbar-module_separator__UKRu6"};
+
+exports.default = styles;
+//# sourceMappingURL=toolbar.module.css.cjs.map

package/dist/components/toolbar/toolbar.module.css.cjs.map

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

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

@@ -0,0 +1,4 @@
+var styles = {"root":"toolbar-module_root__TqhOC","group":"toolbar-module_group__Mb4Wr","separator":"toolbar-module_separator__UKRu6"};
+
+export { styles as default };
+//# sourceMappingURL=toolbar.module.css.js.map

package/dist/components/toolbar/toolbar.module.css.js.map

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

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

@@ -4,13 +4,12 @@
 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) => {
+function TooltipContent({ ref, className, children, showArrow = false, style, render, ...positionerProps }) {
     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;

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

@@ -1 +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;;"}
+{"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 { Text } from '../text';\nimport styles from './tooltip.module.css';\n\nexport interface TooltipContentProps\n  extends Omit<\n      TooltipPrimitive.Positioner.Props,\n      'className' | 'style' | 'render' | 'ref'\n    >,\n    TooltipPrimitive.Popup.Props {\n  /**\n   * Controls whether to show the arrow\n   * `@default` false\n   */\n  showArrow?: boolean;\n}\n\nexport function TooltipContent({\n  ref,\n  className,\n  children,\n  showArrow = false,\n  style,\n  render,\n  ...positionerProps\n}: TooltipContentProps) {\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\nTooltipContent.displayName = 'Tooltip.Content';\n"],"names":[],"mappings":";;;;;;;;;AAoBM;AASJ;AAoCF;AAEA;;"}

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

@@ -1,10 +1,13 @@
 import { Tooltip as TooltipPrimitive } from '@base-ui/react';
-export interface TooltipContentProps extends Omit<TooltipPrimitive.Positioner.Props, 'className' | 'style' | 'render'>, TooltipPrimitive.Popup.Props {
+export interface TooltipContentProps extends Omit<TooltipPrimitive.Positioner.Props, 'className' | 'style' | 'render' | 'ref'>, 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>>;
+export declare function TooltipContent({ ref, className, children, showArrow, style, render, ...positionerProps }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace TooltipContent {
+    var displayName: string;
+}
 //# sourceMappingURL=tooltip-content.d.ts.map

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

@@ -1 +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"}
+{"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;AAK7D,MAAM,WAAW,mBACf,SAAQ,IAAI,CACR,gBAAgB,CAAC,UAAU,CAAC,KAAK,EACjC,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CACzC,EACD,gBAAgB,CAAC,KAAK,CAAC,KAAK;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAC7B,GAAG,EACH,SAAS,EACT,QAAQ,EACR,SAAiB,EACjB,KAAK,EACL,MAAM,EACN,GAAG,eAAe,EACnB,EAAE,mBAAmB,2CAqCrB;yBA7Ce,cAAc"}

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

@@ -2,13 +2,12 @@
 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) => {
+function TooltipContent({ ref, className, children, showArrow = false, style, render, ...positionerProps }) {
     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 };

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

@@ -1 +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;;"}
+{"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 { Text } from '../text';\nimport styles from './tooltip.module.css';\n\nexport interface TooltipContentProps\n  extends Omit<\n      TooltipPrimitive.Positioner.Props,\n      'className' | 'style' | 'render' | 'ref'\n    >,\n    TooltipPrimitive.Popup.Props {\n  /**\n   * Controls whether to show the arrow\n   * `@default` false\n   */\n  showArrow?: boolean;\n}\n\nexport function TooltipContent({\n  ref,\n  className,\n  children,\n  showArrow = false,\n  style,\n  render,\n  ...positionerProps\n}: TooltipContentProps) {\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\nTooltipContent.displayName = 'Tooltip.Content';\n"],"names":[],"mappings":";;;;;;;AAoBM;AASJ;AAoCF;AAEA;;"}

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

@@ -3,11 +3,10 @@
 
 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 });
-});
+function TooltipTrigger(props) {
+    return jsxRuntime.jsx(react.Tooltip.Trigger, { delay: 200, ...props });
+}
 TooltipTrigger.displayName = 'Tooltip.Trigger';
 const TooltipProvider = (props) => {
     return jsxRuntime.jsx(react.Tooltip.Provider, { delay: 200, ...props });

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

@@ -1 +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;;;"}
+{"version":3,"file":"tooltip-misc.cjs","sources":["../../../components/tooltip/tooltip-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react';\n\nexport interface TooltipTriggerProps extends TooltipPrimitive.Trigger.Props {}\n\nexport function TooltipTrigger(props: TooltipPrimitive.Trigger.Props) {\n  return <TooltipPrimitive.Trigger 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":";;;;;;AAMM;;AAEN;AAEA;AAEa;;AAEb;AAEA;;;"}

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

@@ -1,7 +1,10 @@
 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 function TooltipTrigger(props: TooltipPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace TooltipTrigger {
+    var displayName: string;
+}
 export declare const TooltipProvider: {
     (props: TooltipPrimitive.Provider.Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -1 +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"}
+{"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;AAE7D,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,CAAC,OAAO,CAAC,KAAK;CAAG;AAE9E,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,CAAC,OAAO,CAAC,KAAK,2CAEnE;yBAFe,cAAc;;;AAM9B,eAAO,MAAM,eAAe;YAAW,iBAAiB,QAAQ,CAAC,KAAK;;CAErE,CAAC"}

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

@@ -1,11 +1,10 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Tooltip } from '@base-ui/react';
-import { forwardRef } from 'react';
 
-const TooltipTrigger = forwardRef((props, ref) => {
-    return jsx(Tooltip.Trigger, { ref: ref, delay: 200, ...props });
-});
+function TooltipTrigger(props) {
+    return jsx(Tooltip.Trigger, { delay: 200, ...props });
+}
 TooltipTrigger.displayName = 'Tooltip.Trigger';
 const TooltipProvider = (props) => {
     return jsx(Tooltip.Provider, { delay: 200, ...props });

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip-misc.js","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;;"}
+{"version":3,"file":"tooltip-misc.js","sources":["../../../components/tooltip/tooltip-misc.tsx"],"sourcesContent":["'use client';\n\nimport { Tooltip as TooltipPrimitive } from '@base-ui/react';\n\nexport interface TooltipTriggerProps extends TooltipPrimitive.Trigger.Props {}\n\nexport function TooltipTrigger(props: TooltipPrimitive.Trigger.Props) {\n  return <TooltipPrimitive.Trigger 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":";;;;AAMM;;AAEN;AAEA;AAEa;;AAEb;AAEA;;"}

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

@@ -1,10 +1,12 @@
 import { Tooltip as TooltipPrimitive } from '@base-ui/react';
+import { TooltipContent } from './tooltip-content';
+import { TooltipTrigger } from './tooltip-misc';
 export declare const Tooltip: (<Payload>(props: TooltipPrimitive.Root.Props<Payload>) => import("react/jsx-runtime").JSX.Element) & {
     Provider: {
         (props: import("@base-ui/react").TooltipProviderProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    Trigger: import("react").ForwardRefExoticComponent<Omit<TooltipPrimitive.Trigger.Props<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-    Content: import("react").ForwardRefExoticComponent<Omit<import("./tooltip-content").TooltipContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: typeof TooltipTrigger;
+    Content: typeof TooltipContent;
 };
 //# sourceMappingURL=tooltip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAI7D,eAAO,MAAM,OAAO;;;;;;;CAIlB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAmB,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEjE,eAAO,MAAM,OAAO;;;;;;;CAIlB,CAAC"}