@fuf-stack/pixels 0.43.3 → 0.43.5

package/dist/Tooltip-BEdyTJ9f.d.ts

@@ -0,0 +1,409 @@
+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';
+
+declare const tooltipVariants: tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        sm: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        md: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        lg: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        xl: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '2xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '3xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    body: string;
+    content: string;
+    divider: string;
+    footer: string;
+    footerWrapper: string;
+    header: string;
+    headerWrapper: string;
+    trigger: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        sm: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        md: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        lg: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        xl: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '2xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '3xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    size: {
+        xs: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        sm: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        md: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        lg: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        xl: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '2xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '3xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}>, {
+    size: {
+        xs: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        sm: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        md: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        lg: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        xl: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '2xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '3xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    body: string;
+    content: string;
+    divider: string;
+    footer: string;
+    footerWrapper: string;
+    header: string;
+    headerWrapper: string;
+    trigger: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        xs: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        sm: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        md: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        lg: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        xl: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '2xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '3xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    base: string;
+    body: string;
+    content: string;
+    divider: string;
+    footer: string;
+    footerWrapper: string;
+    header: string;
+    headerWrapper: string;
+    trigger: string;
+}, undefined, tailwind_variants_dist_config_js.TVConfig<{
+    size: {
+        xs: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        sm: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        md: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        lg: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        xl: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '2xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '3xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}, {
+    size: {
+        xs: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        sm: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        md: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        lg: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        xl: {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '2xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        '3xl': {
+            base: string;
+            body: string;
+            footer: string;
+            header: string;
+        };
+        full: {
+            base: string;
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tooltipVariants>;
+type ClassName = TVClassName<typeof tooltipVariants>;
+type TooltipPlacement = TooltipPlacement$1;
+interface TooltipProps extends VariantProps {
+    /** trigger child components */
+    children: ReactNode;
+    /** CSS class name */
+    className?: ClassName;
+    /** delay in milliseconds before the tooltip opens. */
+    closeDelay?: number;
+    /** placement padding in px */
+    containerPadding?: number;
+    /** content displayed in the tooltip */
+    content: ReactNode;
+    /** open overlay initially when uncontrolled */
+    defaultOpen?: boolean;
+    /** delay in milliseconds before the tooltip opens. */
+    delay?: number;
+    /** tooltip footer */
+    footer?: ReactNode;
+    /** tooltip header */
+    header?: ReactNode;
+    /** handler that is called when the overlay's open state changes */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** placement if the tooltip */
+    placement?: TooltipPlacement;
+    /** size of the tooltip */
+    size?: VariantProps['size'];
+}
+/**
+ * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)
+ */
+declare const Tooltip: ({ children, className: _className, closeDelay, containerPadding, content, defaultOpen, delay, footer, header, onOpenChange, placement, size, }: TooltipProps) => react_jsx_runtime.JSX.Element;
+
+export { Tooltip as T, type TooltipProps as a, type TooltipPlacement as b };

package/dist/{chunk-TSJGQNIL.cjs → chunk-23OJCMY6.cjs}

@@ -16,7 +16,54 @@ var tooltipVariants = _pixelutils.tv.call(void 0, {
     footerWrapper: "w-full",
     header: "w-full px-4 pb-1 pt-2 font-semibold",
     headerWrapper: "w-full",
-    wrapper: "cursor-pointer"
+    trigger: "cursor-pointer"
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "max-w-xs",
+        body: "max-w-xs",
+        footer: "max-w-xs",
+        header: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm",
+        body: "max-w-sm",
+        footer: "max-w-sm",
+        header: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md",
+        body: "max-w-md",
+        footer: "max-w-md",
+        header: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg",
+        body: "max-w-lg",
+        footer: "max-w-lg",
+        header: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl",
+        body: "max-w-xl",
+        footer: "max-w-xl",
+        header: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl",
+        body: "max-w-2xl",
+        footer: "max-w-2xl",
+        header: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl",
+        body: "max-w-3xl",
+        footer: "max-w-3xl",
+        header: "max-w-3xl"
+      },
+      full: { base: "" }
+    }
   }
 });
 var Tooltip = ({
@@ -30,9 +77,10 @@ var Tooltip = ({
   footer = void 0,
   header = void 0,
   onOpenChange = void 0,
-  placement = "top"
+  placement = "top",
+  size = "full"
 }) => {
-  const variants = tooltipVariants();
+  const variants = tooltipVariants({ size });
   const classNames = _pixelutils.variantsToClassNames.call(void 0, variants, _className, "base");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _tooltip.Tooltip,
@@ -58,7 +106,7 @@ var Tooltip = ({
       placement,
       shouldFlip: true,
       showArrow: true,
-      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classNames.wrapper, children })
+      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: classNames.trigger, children })
     }
   );
 };
@@ -71,4 +119,4 @@ var Tooltip_default2 = Tooltip_default;
 
 
 exports.Tooltip_default = Tooltip_default; exports.Tooltip_default2 = Tooltip_default2;
-//# sourceMappingURL=chunk-TSJGQNIL.cjs.map
+//# sourceMappingURL=chunk-23OJCMY6.cjs.map

package/dist/chunk-23OJCMY6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-23OJCMY6.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-23OJCMY6.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: 'm-0 w-full p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pb-1 pt-2 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"]}

package/dist/{chunk-FNOZMB2P.js → chunk-U2JJ7JUC.js}

@@ -16,7 +16,54 @@ var tooltipVariants = tv({
     footerWrapper: "w-full",
     header: "w-full px-4 pb-1 pt-2 font-semibold",
     headerWrapper: "w-full",
-    wrapper: "cursor-pointer"
+    trigger: "cursor-pointer"
+  },
+  variants: {
+    size: {
+      xs: {
+        base: "max-w-xs",
+        body: "max-w-xs",
+        footer: "max-w-xs",
+        header: "max-w-xs"
+      },
+      sm: {
+        base: "max-w-sm",
+        body: "max-w-sm",
+        footer: "max-w-sm",
+        header: "max-w-sm"
+      },
+      md: {
+        base: "max-w-md",
+        body: "max-w-md",
+        footer: "max-w-md",
+        header: "max-w-md"
+      },
+      lg: {
+        base: "max-w-lg",
+        body: "max-w-lg",
+        footer: "max-w-lg",
+        header: "max-w-lg"
+      },
+      xl: {
+        base: "max-w-xl",
+        body: "max-w-xl",
+        footer: "max-w-xl",
+        header: "max-w-xl"
+      },
+      "2xl": {
+        base: "max-w-2xl",
+        body: "max-w-2xl",
+        footer: "max-w-2xl",
+        header: "max-w-2xl"
+      },
+      "3xl": {
+        base: "max-w-3xl",
+        body: "max-w-3xl",
+        footer: "max-w-3xl",
+        header: "max-w-3xl"
+      },
+      full: { base: "" }
+    }
   }
 });
 var Tooltip = ({
@@ -30,9 +77,10 @@ var Tooltip = ({
   footer = void 0,
   header = void 0,
   onOpenChange = void 0,
-  placement = "top"
+  placement = "top",
+  size = "full"
 }) => {
-  const variants = tooltipVariants();
+  const variants = tooltipVariants({ size });
   const classNames = variantsToClassNames(variants, _className, "base");
   return /* @__PURE__ */ jsx(
     HeroTooltip,
@@ -58,7 +106,7 @@ var Tooltip = ({
       placement,
       shouldFlip: true,
       showArrow: true,
-      children: /* @__PURE__ */ jsx("span", { className: classNames.wrapper, children })
+      children: /* @__PURE__ */ jsx("span", { className: classNames.trigger, children })
     }
   );
 };
@@ -71,4 +119,4 @@ export {
   Tooltip_default,
   Tooltip_default2
 };
-//# sourceMappingURL=chunk-FNOZMB2P.js.map
+//# sourceMappingURL=chunk-U2JJ7JUC.js.map

package/dist/chunk-U2JJ7JUC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Tooltip/Tooltip.tsx","../src/Tooltip/index.ts"],"sourcesContent":["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: 'm-0 w-full p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pb-1 pt-2 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"],"mappings":";;;;;AAIA,SAAS,WAAW,mBAAmB;AAEvC,SAAS,IAAI,4BAA4B;AA+H7B,SACE,KADF;AA1HL,IAAM,kBAAkB,GAAG;AAAA,EAChC,OAAO;AAAA,IACL,MAAM;AAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,QAAQ;AAAA,IACR,eAAe;AAAA,IACf,SAAS;AAAA,EACX;AAAA,EACA,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,IAAI;AAAA,QACF,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,MAAM,EAAE,MAAM,GAAG;AAAA,IACnB;AAAA,EACF;AACF,CAAC;AAqCD,IAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,WAAW,aAAa;AAAA,EACxB,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB;AAAA,EACA,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAAS;AAAA,EACT,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AACT,MAAoB;AAElB,QAAM,WAAW,gBAAgB,EAAE,KAAK,CAAC;AACzC,QAAM,aAAa,qBAAqB,UAAU,YAAY,MAAM;AAEpE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,SACE,qBAAC,SACE;AAAA,kBACC,qBAAC,SAAI,WAAW,WAAW,eACzB;AAAA,8BAAC,SAAI,WAAW,WAAW,QAAS,kBAAO;AAAA,UAC3C,oBAAC,QAAG,WAAW,WAAW,SAAS;AAAA,WACrC;AAAA,QAEF,oBAAC,wBAAa,WAAW,WAAW,MAAO,mBAAQ;AAAA,QAClD,UACC,qBAAC,SAAI,WAAW,WAAW,eACzB;AAAA,8BAAC,QAAG,WAAW,WAAW,SAAS;AAAA,UACnC,oBAAC,SAAI,WAAW,WAAW,QAAS,kBAAO;AAAA,WAC7C;AAAA,SAEJ;AAAA,MAEF;AAAA,MACA;AAAA,MACA,SAAS,CAAC,MAAM,EAAE,eAAe;AAAA,MACjC;AAAA,MACA;AAAA,MACA,YAAU;AAAA,MACV,WAAS;AAAA,MAET,8BAAC,UAAK,WAAW,WAAW,SAAU,UAAS;AAAA;AAAA,EACjD;AAEJ;AAEA,IAAO,kBAAQ;;;AC1Jf,IAAOA,mBAAQ;","names":["Tooltip_default"]}

package/dist/index.cjs

@@ -22,7 +22,7 @@ var _chunkD5BXY6EGcjs = require('./chunk-D5BXY6EG.cjs');
 var _chunkGXIDQFQ6cjs = require('./chunk-GXIDQFQ6.cjs');
 
 
-var _chunkTSJGQNILcjs = require('./chunk-TSJGQNIL.cjs');
+var _chunk23OJCMY6cjs = require('./chunk-23OJCMY6.cjs');
 
 
 
@@ -131,5 +131,5 @@ require('./chunk-D4TLDLEX.cjs');
 
 
 
-exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkAN7A66NScjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunk77THLTVPcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkD5BXY6EGcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip = _chunkTSJGQNILcjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkAN7A66NScjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPLJWIGRScjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkD5BXY6EGcjs.tabsVariants; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
+exports.Accordion = _chunk2P5WWVQ6cjs.Accordion_default; exports.Alert = _chunkYVPRFCWIcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkLIZGYO24cjs.AvatarGroup_default; exports.Badge = _chunkJSANDW3Wcjs.Badge_default; exports.Breadcrumb = _chunkZZOEFQWQcjs.Breadcrumb_default; exports.Button = _chunkAN7A66NScjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunkMHZAWSFJcjs.Card_default; exports.Drawer = _chunk7RVUB6I5cjs.Drawer_default; exports.Json = _chunk77THLTVPcjs.Json_default; exports.Label = _chunkPLJWIGRScjs.Label_default; exports.Menu = _chunkXHOAZB2Zcjs.Menu_default; exports.Modal = _chunkPEUUQMJScjs.Modal_default; exports.Popover = _chunk4X7MUSJBcjs.Popover_default; exports.Progress = _chunkXOCP745Xcjs.Progress_default; exports.ProgressCircular = _chunkW2EOAUKEcjs.ProgressCircular_default; exports.Table = _chunkAJCAIA6Hcjs.Table_default; exports.Tabs = _chunkD5BXY6EGcjs.Tabs_default; exports.Toast = _chunkGXIDQFQ6cjs.Toast; exports.ToastProvider = _chunkGXIDQFQ6cjs.ToastProvider_default; exports.Tooltip = _chunk23OJCMY6cjs.Tooltip_default; exports.accordionVariants = _chunk2P5WWVQ6cjs.accordionVariants; exports.addToast = _chunkGXIDQFQ6cjs.addToast; exports.alertVariants = _chunkYVPRFCWIcjs.alertVariants; exports.breadcrumbVariants = _chunkZZOEFQWQcjs.breadcrumbVariants; exports.buttonVariants = _chunkAN7A66NScjs.buttonVariants; exports.cardVariants = _chunkMHZAWSFJcjs.cardVariants; exports.drawerBackdrops = _chunk7RVUB6I5cjs.drawerBackdrops; exports.drawerPlacements = _chunk7RVUB6I5cjs.drawerPlacements; exports.drawerRadii = _chunk7RVUB6I5cjs.drawerRadii; exports.drawerSizes = _chunk7RVUB6I5cjs.drawerSizes; exports.drawerVariants = _chunk7RVUB6I5cjs.drawerVariants; exports.labelVariants = _chunkPLJWIGRScjs.labelVariants; exports.modalVariants = _chunkPEUUQMJScjs.modalVariants; exports.progressCircularVariants = _chunkW2EOAUKEcjs.progressCircularVariants; exports.progressVariants = _chunkXOCP745Xcjs.progressVariants; exports.tableVariants = _chunkAJCAIA6Hcjs.tableVariants; exports.tabsVariants = _chunkD5BXY6EGcjs.tabsVariants; exports.toastVariants = _chunkGXIDQFQ6cjs.toastVariants; exports.useDebounce = _chunkOLI32URUcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkOLI32URUcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkOLI32URUcjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.d.cts

@@ -19,7 +19,7 @@ export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps,
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-C1UEkvSr.cjs';
 export { Toast } from '@heroui/toast';
 export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-CL1v-bkE.cjs';
-export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DxeP1nbI.cjs';
+export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-BEdyTJ9f.cjs';
 export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.cjs';
 export { ButtonGroupProps } from '@heroui/button';
 import 'react/jsx-runtime';

package/dist/index.d.ts

@@ -19,7 +19,7 @@ export { T as Table, c as TableColumnProps, a as TableProps, b as TableRowProps,
 export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './Tabs-C1UEkvSr.js';
 export { Toast } from '@heroui/toast';
 export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-CL1v-bkE.js';
-export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DxeP1nbI.js';
+export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-BEdyTJ9f.js';
 export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.js';
 export { ButtonGroupProps } from '@heroui/button';
 import 'react/jsx-runtime';

package/dist/index.js

@@ -22,7 +22,7 @@ import {
 } from "./chunk-ZMEVGJBC.js";
 import {
   Tooltip_default
-} from "./chunk-FNOZMB2P.js";
+} from "./chunk-U2JJ7JUC.js";
 import {
   useDebounce,
   useIsInitialRenderCycle,

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fuf-stack/pixels",
   "description": "fuf core react component library",
   "author": "Hannes Tiede",
-  "version": "0.43.3",
+  "version": "0.43.5",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
@@ -193,9 +193,9 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "@repo/storybook-config": "0.0.1",
-    "@repo/vite-config": "0.0.1",
+    "@repo/tailwind-config": "0.0.1",
     "@repo/tsup-config": "0.0.1",
-    "@repo/tailwind-config": "0.0.1"
+    "@repo/vite-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts --dts-resolve",