@sikka/hawa 0.1.46 → 0.1.48

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: {
@@ -12,4 +13,15 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Button, ButtonProps, buttonVariants };
+type TooltipTypes = {
+    open?: any;
+    side?: "top" | "right" | "bottom" | "left";
+    content?: any;
+    children?: any;
+    defaultOpen?: any;
+    onOpenChange?: any;
+    delayDuration?: any;
+};
+declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
+
+export { Button, ButtonProps, Tooltip, buttonVariants };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import * as React from 'react';
+import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: {
@@ -12,4 +13,15 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, Var
 }
 declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-export { Button, ButtonProps, buttonVariants };
+type TooltipTypes = {
+    open?: any;
+    side?: "top" | "right" | "bottom" | "left";
+    content?: any;
+    children?: any;
+    defaultOpen?: any;
+    onOpenChange?: any;
+    delayDuration?: any;
+};
+declare const Tooltip: React__default.FunctionComponent<TooltipTypes>;
+
+export { Button, ButtonProps, Tooltip, buttonVariants };

package/dist/index.js

@@ -117,6 +117,9 @@ __export(src_exports, {
     Button: function() {
         return Button;
     },
+    Tooltip: function() {
+        return Tooltip;
+    },
     buttonVariants: function() {
         return buttonVariants;
     }
@@ -234,8 +237,57 @@ var Button = React2.forwardRef(function(_param, ref) {
     }) : children);
 });
 Button.displayName = "Button";
+// src/elements/Tooltip.tsx
+var import_react2 = __toESM(require("react"));
+var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
+var TooltipContent = import_react2.default.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, _param_sideOffset = _param.sideOffset, sideOffset = _param_sideOffset === void 0 ? 4 : _param_sideOffset, props = _object_without_properties(_param, [
+        "className",
+        "sideOffset"
+    ]);
+    return import_react2.default.createElement(TooltipPrimitive.Content, _object_spread({
+        ref: ref,
+        sideOffset: sideOffset,
+        className: cn("z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className)
+    }, props));
+});
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipArrow = import_react2.default.forwardRef(function(_param, ref) /* @__PURE__ */ {
+    var className = _param.className, props = _object_without_properties(_param, [
+        "className"
+    ]);
+    return import_react2.default.createElement(TooltipPrimitive.Arrow, _object_spread({
+        ref: ref,
+        className: cn(className)
+    }, props));
+});
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+var Tooltip = function(_param) {
+    var side = _param.side, open = _param.open, content = _param.content, children = _param.children, defaultOpen = _param.defaultOpen, onOpenChange = _param.onOpenChange, _param_delayDuration = _param.delayDuration, delayDuration = _param_delayDuration === void 0 ? 300 : _param_delayDuration, props = _object_without_properties(_param, [
+        "side",
+        "open",
+        "content",
+        "children",
+        "defaultOpen",
+        "onOpenChange",
+        "delayDuration"
+    ]);
+    return /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.TooltipProvider, {
+        delayDuration: delayDuration
+    }, /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Root, {
+        open: open,
+        defaultOpen: defaultOpen,
+        onOpenChange: onOpenChange
+    }, /* @__PURE__ */ import_react2.default.createElement(TooltipPrimitive.Trigger, {
+        asChild: true
+    }, children), /* @__PURE__ */ import_react2.default.createElement(TooltipContent, _object_spread({
+        side: side,
+        align: "center"
+    }, props), content)));
+};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
     Button: Button,
+    Tooltip: Tooltip,
     buttonVariants: buttonVariants
 });

package/dist/index.mjs

@@ -147,7 +147,48 @@ var Button = React2.forwardRef(
   }
 );
 Button.displayName = "Button";
+
+// src/elements/Tooltip.tsx
+import React3 from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+var TooltipContent = React3.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React3.createElement(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipArrow = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React3.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+var Tooltip = ({
+  side,
+  open,
+  content,
+  children,
+  defaultOpen,
+  onOpenChange,
+  delayDuration = 300,
+  ...props
+}) => {
+  return /* @__PURE__ */ React3.createElement(TooltipPrimitive.TooltipProvider, { delayDuration }, /* @__PURE__ */ React3.createElement(
+    TooltipPrimitive.Root,
+    {
+      open,
+      defaultOpen,
+      onOpenChange
+    },
+    /* @__PURE__ */ React3.createElement(TooltipPrimitive.Trigger, { asChild: true }, children),
+    /* @__PURE__ */ React3.createElement(TooltipContent, { side, align: "center", ...props }, content)
+  ));
+};
 export {
   Button,
+  Tooltip,
   buttonVariants
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.1.46",
+  "version": "0.1.48",
   "description": "Modern UI Kit made with Tailwind & Radix Primitives",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/elements/Button.tsx

@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import * as React from "react"
 // import { Slot } from "@radix-ui/react-slot"

package/src/elements/Tooltip.tsx

@@ -1,3 +1,5 @@
+"use client"
+
 import React from "react"
 import * as TooltipPrimitive from "@radix-ui/react-tooltip"
 import { cn } from "../util"

package/src/elements/index.ts

@@ -57,7 +57,7 @@
 export * from "./Button"
 // export * from "./Label"
 // export * from "./Input"
-// export * from "./Tooltip"
+export * from "./Tooltip"
 // export * from "./Card"
 // export * from "./Skeleton"
 // export * from "./InterfaceSettings"