@ztwoint/z-ui 0.1.9 → 0.1.11

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/dialog/dialog.d.ts

@@ -0,0 +1,12 @@
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+declare function Z2Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {}): import("react/jsx-runtime").JSX.Element;
+declare function Z2DialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function Z2DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+export { Z2Dialog, Z2DialogContent, Z2DialogDescription, Z2DialogFooter, Z2DialogHeader, Z2DialogOverlay, Z2DialogPortal, Z2DialogClose, Z2DialogTitle, Z2DialogTrigger, };

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Z2Dialog } from './dialog';
+declare const meta: Meta<typeof Z2Dialog>;
+export default meta;
+type Story = StoryObj<typeof Z2Dialog>;
+export declare const Default: Story;
+export declare const WithLongDescription: Story;
+export declare const CustomFooter: Story;
+export declare const Fullscreen: Story;
+export declare const CloseInHeader: Story;

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.11",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -80,8 +80,10 @@
   "dependencies": {
     "@fontsource-variable/inter": "^5.2.5",
     "@heroicons/react": "^2.2.0",
+    "@radix-ui/react-dialog": "^1.1.14",
     "@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",