@fuf-stack/pixels 0.45.0 → 1.0.1

package/dist/Tooltip/index.cjs

@@ -1,11 +1,11 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
 
-var _chunk5X2LDUACcjs = require('../chunk-5X2LDUAC.cjs');
+var _chunkJ4HCGFN4cjs = require('../chunk-J4HCGFN4.cjs');
 require('../chunk-FUBGS3G4.cjs');
 require('../chunk-D4TLDLEX.cjs');
 
 
 
-exports.Tooltip = _chunk5X2LDUACcjs.Tooltip_default; exports.default = _chunk5X2LDUACcjs.Tooltip_default2;
+exports.Tooltip = _chunkJ4HCGFN4cjs.Tooltip_default; exports.default = _chunkJ4HCGFN4cjs.Tooltip_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Tooltip/index.d.cts

@@ -1,8 +1,7 @@
-import { T as Tooltip } from '../Tooltip-DoygUcZl.cjs';
-export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DoygUcZl.cjs';
+import { T as Tooltip } from '../Tooltip-DoIaNgTC.cjs';
+export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DoIaNgTC.cjs';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
 import '@heroui/tooltip';
 import 'react';

package/dist/Tooltip/index.d.ts

@@ -1,8 +1,7 @@
-import { T as Tooltip } from '../Tooltip-DoygUcZl.js';
-export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DoygUcZl.js';
+import { T as Tooltip } from '../Tooltip-DoIaNgTC.js';
+export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DoIaNgTC.js';
 import 'react/jsx-runtime';
 import 'tailwind-variants';
-import 'tailwind-variants/dist/config.js';
 import '@fuf-stack/pixel-utils';
 import '@heroui/tooltip';
 import 'react';

package/dist/Tooltip/index.js

@@ -1,7 +1,7 @@
 import {
   Tooltip_default,
   Tooltip_default2
-} from "../chunk-XV3I2A5C.js";
+} from "../chunk-LA3SMG6Y.js";
 import "../chunk-WDXULV6M.js";
 import "../chunk-J7N2552D.js";
 export {

package/dist/{Tooltip-DoygUcZl.d.cts → Tooltip-DoIaNgTC.d.cts}

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { TooltipPlacement as TooltipPlacement$1 } from '@heroui/tooltip';
 import { ReactNode } from 'react';
@@ -56,89 +55,7 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
     header: string;
     headerWrapper: string;
     trigger: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        sm: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        md: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        lg: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        xl: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '2xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '3xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        sm: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        md: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        lg: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        xl: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '2xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '3xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}>, {
+}, undefined, {
     size: {
         xs: {
             body: string;
@@ -240,89 +157,7 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
     header: string;
     headerWrapper: string;
     trigger: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        sm: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        md: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        lg: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        xl: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '2xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '3xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        sm: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        md: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        lg: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        xl: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '2xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '3xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type VariantProps = TVProps<typeof tooltipVariants>;
 type ClassName = TVClassName<typeof tooltipVariants>;
 type TooltipPlacement = TooltipPlacement$1;

package/dist/{Tooltip-DoygUcZl.d.ts → Tooltip-DoIaNgTC.d.ts}

@@ -1,6 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as tailwind_variants from 'tailwind-variants';
-import * as tailwind_variants_dist_config_js from 'tailwind-variants/dist/config.js';
 import { TVProps, TVClassName } from '@fuf-stack/pixel-utils';
 import { TooltipPlacement as TooltipPlacement$1 } from '@heroui/tooltip';
 import { ReactNode } from 'react';
@@ -56,89 +55,7 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
     header: string;
     headerWrapper: string;
     trigger: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        sm: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        md: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        lg: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        xl: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '2xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '3xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        sm: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        md: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        lg: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        xl: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '2xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '3xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}>, {
+}, undefined, {
     size: {
         xs: {
             body: string;
@@ -240,89 +157,7 @@ declare const tooltipVariants: tailwind_variants.TVReturnType<{
     header: string;
     headerWrapper: string;
     trigger: string;
-}, undefined, tailwind_variants_dist_config_js.TVConfig<{
-    size: {
-        xs: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        sm: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        md: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        lg: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        xl: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '2xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '3xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}, {
-    size: {
-        xs: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        sm: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        md: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        lg: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        xl: {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '2xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        '3xl': {
-            body: string;
-            footer: string;
-            header: string;
-        };
-        full: {
-            base: string;
-        };
-    };
-}>, unknown, unknown, undefined>>;
+}, undefined, unknown, unknown, undefined>>;
 type VariantProps = TVProps<typeof tooltipVariants>;
 type ClassName = TVClassName<typeof tooltipVariants>;
 type TooltipPlacement = TooltipPlacement$1;

package/dist/{chunk-WZ5XQQGM.js → chunk-7QUYJEGU.js}

@@ -15,10 +15,10 @@ var popoverVariants = tv({
   slots: {
     body: "w-full px-4 py-2",
     content: "flex max-h-[80vh] flex-col p-0",
-    divider: "m-0 w-full p-0",
+    divider: "border-divider m-0 w-full p-0",
     footer: "w-full px-4 py-2",
     footerWrapper: "w-full",
-    header: "w-full px-4 pb-1 pt-2 font-semibold",
+    header: "w-full px-4 pt-2 pb-1 font-semibold",
     headerWrapper: "w-full",
     trigger: ""
   }
@@ -82,4 +82,4 @@ export {
   Popover_default,
   Popover_default2
 };
-//# sourceMappingURL=chunk-WZ5XQQGM.js.map
+//# sourceMappingURL=chunk-7QUYJEGU.js.map

package/dist/chunk-7QUYJEGU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Popover/Popover.tsx","../src/Popover/index.ts"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { PopoverProps as HeroPopoverProps } from '@heroui/popover';\nimport type { ReactNode } from 'react';\nimport type { ButtonProps } from '../Button';\n\nimport { Button } from '@heroui/button';\nimport { Popover, PopoverContent, PopoverTrigger } from '@heroui/popover';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// popover styling variants\nexport const popoverVariants = tv({\n  slots: {\n    body: 'w-full px-4 py-2',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    divider: 'border-divider m-0 w-full p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pt-2 pb-1 font-semibold',\n    headerWrapper: 'w-full',\n    trigger: '',\n  },\n});\n\ntype VariantProps = TVProps<typeof popoverVariants>;\ntype ClassName = TVClassName<typeof popoverVariants>;\n\nexport interface PopoverProps extends VariantProps {\n  /** child components */\n  children?: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** content of the popover */\n  content: ReactNode;\n  /** HTML data-testid attribute used in e2e tests */\n  contentTestId?: string;\n  /** popover footer */\n  footer?: ReactNode;\n  /** Popover title */\n  header?: ReactNode;\n  /** use as controlled component  */\n  openControlled?: { open: boolean; setOpen: (open: boolean) => void };\n  /** placement of the popover relative to its trigger reference */\n  placement?: HeroPopoverProps['placement'];\n  /** The container element in which the overlay portal will be placed. */\n  portalContainer?: HeroPopoverProps['portalContainer'];\n  /** Whether to block scrolling outside the popover */\n  shouldBlockScroll?: boolean;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** When defined a Button will be rendered as trigger (with provided props) instead of unstyled html button */\n  triggerButtonProps?: Pick<\n    ButtonProps,\n    | 'ariaLabel'\n    | 'className'\n    | 'color'\n    | 'disableAnimation'\n    | 'disabled'\n    | 'size'\n    | 'testId'\n    | 'variant'\n  >;\n}\n\n/**\n * Popover component based on [HeroUI Card](https://www.heroui.com//docs/components/popover)\n */\nexport default ({\n  children = null,\n  className: _className = undefined,\n  content,\n  contentTestId = undefined,\n  footer = undefined,\n  header = undefined,\n  openControlled = undefined,\n  placement = 'top',\n  portalContainer = undefined,\n  shouldBlockScroll = undefined,\n  testId = undefined,\n  triggerButtonProps = undefined,\n}: PopoverProps) => {\n  // className from slots\n  const variants = popoverVariants();\n  const className = variantsToClassNames(variants, _className, 'trigger');\n\n  return (\n    <Popover\n      classNames={className}\n      placement={placement}\n      portalContainer={portalContainer}\n      radius=\"sm\"\n      shouldBlockScroll={shouldBlockScroll}\n      showArrow\n      // eslint-disable-next-line react/jsx-props-no-spreading\n      {...(openControlled\n        ? { isOpen: openControlled.open, onOpenChange: openControlled.setOpen }\n        : {})}\n    >\n      <PopoverTrigger data-testid={testId}>\n        {/* NOTE: type and aria properties are injected by PopoverTrigger */}\n        {triggerButtonProps ? (\n          // TODO: currently we have to use @heroui/button because\n          // passing ref does not work (even with forwardRef in Button)\n          // eslint-disable-next-line react/jsx-props-no-spreading\n          <Button className={className.trigger} {...triggerButtonProps}>\n            {children}\n          </Button>\n        ) : (\n          //  eslint-disable-next-line react/button-has-type\n          <button className={className.trigger}>{children}</button>\n        )}\n      </PopoverTrigger>\n      <PopoverContent data-testid={contentTestId}>\n        {header && (\n          <div className={className.headerWrapper}>\n            <div className={className.header}>{header}</div>\n            <hr className={className.divider} />\n          </div>\n        )}\n        <ScrollShadow className={className.body}>{content}</ScrollShadow>\n        {footer && (\n          <div className={className.footerWrapper}>\n            <hr className={className.divider} />\n            <div className={className.footer}>{footer}</div>\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  );\n};\n","import Popover from './Popover';\n\nexport type { PopoverProps } from './Popover';\n\nexport { Popover };\n\nexport default Popover;\n"],"mappings":";;;;;;;;;AAKA,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,sBAAsB;AAExD,SAAS,IAAI,4BAA4B;AAkG/B,cAUA,YAVA;AA7FH,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AA6CD,IAAO,kBAAQ,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW,aAAa;AAAA,EACxB;AAAA,EACA,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,qBAAqB;AACvB,MAAoB;AAElB,QAAM,WAAW,gBAAgB;AACjC,QAAM,YAAY,qBAAqB,UAAU,YAAY,SAAS;AAEtE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,QAAO;AAAA,MACP;AAAA,MACA,WAAS;AAAA,OAEJ,iBACD,EAAE,QAAQ,eAAe,MAAM,cAAc,eAAe,QAAQ,IACpE,CAAC,IAVN;AAAA,MAYC;AAAA,4BAAC,kBAAe,eAAa,QAE1B;AAAA;AAAA;AAAA;AAAA,UAIC,oBAAC,uCAAO,WAAW,UAAU,WAAa,qBAAzC,EACE,WACH;AAAA;AAAA;AAAA,UAGA,oBAAC,YAAO,WAAW,UAAU,SAAU,UAAS;AAAA,WAEpD;AAAA,QACA,qBAAC,kBAAe,eAAa,eAC1B;AAAA,oBACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,SAAI,WAAW,UAAU,QAAS,kBAAO;AAAA,YAC1C,oBAAC,QAAG,WAAW,UAAU,SAAS;AAAA,aACpC;AAAA,UAEF,oBAAC,wBAAa,WAAW,UAAU,MAAO,mBAAQ;AAAA,UACjD,UACC,qBAAC,SAAI,WAAW,UAAU,eACxB;AAAA,gCAAC,QAAG,WAAW,UAAU,SAAS;AAAA,YAClC,oBAAC,SAAI,WAAW,UAAU,QAAS,kBAAO;AAAA,aAC5C;AAAA,WAEJ;AAAA;AAAA;AAAA,EACF;AAEJ;;;AC7HA,IAAOA,mBAAQ;","names":["Popover_default"]}

package/dist/{chunk-5X2LDUAC.cjs → chunk-J4HCGFN4.cjs}

@@ -11,10 +11,10 @@ var tooltipVariants = _pixelutils.tv.call(void 0, {
     base: "",
     body: "w-full px-4 py-2",
     content: "flex max-h-[80vh] flex-col p-0",
-    divider: "m-0 w-full p-0",
+    divider: "border-divider m-0 w-full p-0",
     footer: "w-full px-4 py-2",
     footerWrapper: "w-full",
-    header: "w-full px-4 pb-1 pt-2 font-semibold",
+    header: "w-full px-4 pt-2 pb-1 font-semibold",
     headerWrapper: "w-full",
     trigger: "cursor-pointer"
   },
@@ -119,4 +119,4 @@ var Tooltip_default2 = Tooltip_default;
 
 
 exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
-//# sourceMappingURL=chunk-5X2LDUAC.cjs.map
+//# sourceMappingURL=chunk-J4HCGFN4.cjs.map

package/dist/chunk-J4HCGFN4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-J4HCGFN4.cjs","../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"names":["Tooltip_default"],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-J4HCGFN4.cjs","sourcesContent":[null,"import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TooltipPlacement as HeroTooltipPlacement } from '@heroui/tooltip';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as HeroTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n  slots: {\n    base: '',\n    body: 'w-full px-4 py-2',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    divider: 'border-divider m-0 w-full p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pt-2 pb-1 font-semibold',\n    headerWrapper: 'w-full',\n    trigger: 'cursor-pointer',\n  },\n  variants: {\n    size: {\n      xs: {\n        // base: 'max-w-xs',\n        body: 'max-w-xs',\n        footer: 'max-w-xs',\n        header: 'max-w-xs',\n      },\n      sm: {\n        // base: 'max-w-sm',\n        body: 'max-w-sm',\n        footer: 'max-w-sm',\n        header: 'max-w-sm',\n      },\n      md: {\n        // base: 'max-w-md',\n        body: 'max-w-md',\n        footer: 'max-w-md',\n        header: 'max-w-md',\n      },\n      lg: {\n        // base: 'max-w-lg',\n        body: 'max-w-lg',\n        footer: 'max-w-lg',\n        header: 'max-w-lg',\n      },\n      xl: {\n        // base: 'max-w-xl',\n        body: 'max-w-xl',\n        footer: 'max-w-xl',\n        header: 'max-w-xl',\n      },\n      '2xl': {\n        // base: 'max-w-2xl',\n        body: 'max-w-2xl',\n        footer: 'max-w-2xl',\n        header: 'max-w-2xl',\n      },\n      '3xl': {\n        // base: 'max-w-3xl',\n        body: 'max-w-3xl',\n        footer: 'max-w-3xl',\n        header: 'max-w-3xl',\n      },\n      full: { base: '' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport type TooltipPlacement = HeroTooltipPlacement;\n\nexport interface TooltipProps extends VariantProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** delay in milliseconds before the tooltip opens. */\n  closeDelay?: number;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** delay in milliseconds before the tooltip opens. */\n  delay?: number;\n  /** tooltip footer */\n  footer?: ReactNode;\n  /** tooltip header */\n  header?: ReactNode;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: TooltipPlacement;\n  /** size of the tooltip */\n  size?: VariantProps['size'];\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className: _className = undefined,\n  closeDelay = 500,\n  containerPadding = 0,\n  content,\n  defaultOpen = false,\n  delay = 0,\n  footer = undefined,\n  header = undefined,\n  onOpenChange = undefined,\n  placement = 'top',\n  size = 'full',\n}: TooltipProps) => {\n  // classNames from slots\n  const variants = tooltipVariants({ size });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroTooltip\n      classNames={classNames}\n      closeDelay={closeDelay}\n      containerPadding={containerPadding}\n      content={\n        <div>\n          {header && (\n            <div className={classNames.headerWrapper}>\n              <div className={classNames.header}>{header}</div>\n              <hr className={classNames.divider} />\n            </div>\n          )}\n          <ScrollShadow className={classNames.body}>{content}</ScrollShadow>\n          {footer && (\n            <div className={classNames.footerWrapper}>\n              <hr className={classNames.divider} />\n              <div className={classNames.footer}>{footer}</div>\n            </div>\n          )}\n        </div>\n      }\n      defaultOpen={defaultOpen}\n      delay={delay}\n      onClick={(e) => e.preventDefault()}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      shouldFlip\n      showArrow\n    >\n      <span className={classNames.trigger}>{children}</span>\n    </HeroTooltip>\n  );\n};\n\nexport default Tooltip;\n","import Tooltip from './Tooltip';\n\nexport type { TooltipProps, TooltipPlacement } from './Tooltip';\n\nexport { Tooltip };\n\nexport default Tooltip;\n"]}