@ztwoint/z-ui 0.1.9 → 0.1.10

package/dist/index.d.ts

@@ -4,3 +4,4 @@ export * from './components/input/input';
 export * from './components/country-flags/country-flags';
 export * from './components/collapsible-side-nav-bar';
 export * from './components/tab/tab';
+export * from './components/tooltip/tooltip';

package/dist/index.js

@@ -2,9 +2,9 @@
 import { Button as t, buttonVariants as a } from "./components/button/button.js";
 import { NavHeader as f } from "./components/nav-header/nav-header.js";
 import { NavItem as x } from "./components/nav-header/nav-item/nav-item.js";
-import { Input as i } from "./components/input/input.js";
-import { CountryFlags as v } from "./components/country-flags/country-flags.js";
-import { Z2SideNavBarProvider as Z } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
+import { Input as d } from "./components/input/input.js";
+import { CountryFlags as n } from "./components/country-flags/country-flags.js";
+import { Z2SideNavBarProvider as S } from "./components/collapsible-side-nav-bar/side-nav-bar-provider.js";
 import { Z2SideNavBar as u, Z2SidebarVariants as B } from "./components/collapsible-side-nav-bar/side-nav-bar.js";
 import { Z2SideNavBarHeader as C } from "./components/collapsible-side-nav-bar/side-nav-bar-header.js";
 import { Z2SideNavBarContent as b } from "./components/collapsible-side-nav-bar/side-nav-bar-content.js";
@@ -22,15 +22,16 @@ import { default as j } from "./components/assets/icons/window-left-copy.js";
 import { default as q } from "./components/assets/icons/sidebar-left-show-copy.js";
 import { SIDEBAR_WIDTH as J, SIDEBAR_WIDTH_COLLAPSED as K } from "./components/collapsible-side-nav-bar/constants.js";
 import { Z2Tabs as Q, Z2TabsContent as X, Z2TabsList as Y, Z2TabsTrigger as $ } from "./components/tab/tab.js";
-import { Z2PopoverTrigger as or } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
-import { Z2PopoverContent as tr } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
+import { Z2Tooltip as or } from "./components/tooltip/tooltip.js";
+import { Z2PopoverTrigger as tr } from "./components/collapsible-side-nav-bar/popover/popover-trigger.js";
+import { Z2PopoverContent as pr } from "./components/collapsible-side-nav-bar/popover/popover-content.js";
 export {
   t as Button,
   h as ChevronUpIcon,
   V as CirclesIcon,
-  v as CountryFlags,
+  n as CountryFlags,
   O as DatabaseCopy,
-  i as Input,
+  d as Input,
   f as NavHeader,
   x as NavItem,
   J as SIDEBAR_WIDTH,
@@ -39,21 +40,22 @@ export {
   F as SubNavIndicator,
   j as WindowLeftCopy,
   W as Z2Popover,
-  tr as Z2PopoverContent,
-  or as Z2PopoverTrigger,
+  pr as Z2PopoverContent,
+  tr as Z2PopoverTrigger,
   u as Z2SideNavBar,
   b as Z2SideNavBarContent,
   l as Z2SideNavBarFooter,
   g as Z2SideNavBarGroup,
   C as Z2SideNavBarHeader,
   P as Z2SideNavBarItem,
-  Z as Z2SideNavBarProvider,
+  S as Z2SideNavBarProvider,
   y as Z2SideNavBarSeparator,
   B as Z2SidebarVariants,
   Q as Z2Tabs,
   X as Z2TabsContent,
   Y as Z2TabsList,
   $ as Z2TabsTrigger,
+  or as Z2Tooltip,
   a as buttonVariants,
   A as useZ2SideNavBar
 };

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

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+export interface TooltipProps extends Omit<RadixTooltip.TooltipContentProps, 'children' | 'asChild'> {
+    /**
+     * The content to show inside the tooltip.
+     */
+    message: React.ReactNode;
+    /**
+     * The element that triggers the tooltip (usually a button, icon, etc).
+     */
+    children: React.ReactNode;
+    /**
+     * Delay in ms before showing the tooltip (default: 300)
+     */
+    delayDuration?: number;
+}
+/**
+ * A reusable Tooltip component using Radix Tooltip primitive.
+ * Wraps any element as a trigger and shows a message on hover/focus.
+ */
+export declare const Z2Tooltip: React.FC<TooltipProps>;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Z2Tooltip } from './tooltip';
+declare const meta: Meta<typeof Z2Tooltip>;
+export default meta;
+type Story = StoryObj<typeof Z2Tooltip>;
+export declare const Default: Story;
+export declare const IconTrigger: Story;
+export declare const AllSides: Story;
+export declare const CustomStyling: Story;
+export declare const CustomDelay: Story;

package/dist/types/index.d.ts

@@ -5,3 +5,4 @@ export * from './components/input/input';
 export * from './components/country-flags/country-flags';
 export * from './components/collapsible-side-nav-bar';
 export * from './components/tab/tab';
+export * from './components/tooltip/tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ztwoint/z-ui",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -82,6 +82,7 @@
     "@heroicons/react": "^2.2.0",
     "@radix-ui/react-slot": "^1.2.2",
     "@radix-ui/react-tabs": "^1.1.12",
+    "@radix-ui/react-tooltip": "^1.2.7",
     "class-variance-authority": "^0.7.1",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",