@sikka/hawa 0.27.4-next → 0.27.6-next

package/dist/phoneInput/index.js

@@ -1743,13 +1743,17 @@ var React2 = __toESM(require("react"));
 // elements/tooltip/Tooltip.tsx
 var import_react = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var TooltipContent = import_react.default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(
+var TooltipContent = import_react.default.forwardRef(({ className, sideOffset = 4, size = "default", ...props }, ref) => /* @__PURE__ */ import_react.default.createElement(
   TooltipPrimitive.Content,
   {
     ref,
     sideOffset,
     className: cn(
       "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      {
+        "hawa-text-xs": size === "small",
+        "hawa-text-xl": size === "large"
+      },
       className
     ),
     ...props
@@ -1760,6 +1764,7 @@ var TooltipArrow = import_react.default.forwardRef(({ className, ...props }, ref
 TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
 var Tooltip = ({
   side,
+  size,
   open,
   content,
   children,
@@ -1786,7 +1791,16 @@ var Tooltip = ({
         ...props
       },
       /* @__PURE__ */ import_react.default.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
-      /* @__PURE__ */ import_react.default.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+      /* @__PURE__ */ import_react.default.createElement(
+        TooltipContent,
+        {
+          size,
+          side,
+          align: "center",
+          ...contentProps
+        },
+        content
+      )
     )
   );
 };
@@ -1845,6 +1859,7 @@ function Skeleton({
   className,
   content,
   animation = "pulse",
+  fade,
   ...props
 }) {
   const animationStyles = {
@@ -1852,12 +1867,14 @@ function Skeleton({
     pulse: "hawa-animate-pulse hawa-rounded hawa-bg-muted",
     shimmer: "hawa-space-y-5 hawa-rounded hawa-bg-muted  hawa-p-4 hawa-relative  before:hawa-absolute before:hawa-inset-0 before:hawa--translate-x-full before:hawa-animate-[shimmer_2s_infinite] before:hawa-bg-gradient-to-r before:hawa-from-transparent before:hawa-via-gray-300/40 dark:before:hawa-via-white/10 before:hawa-to-transparent hawa-isolate hawa-overflow-hidden  before:hawa-border-t before:hawa-border-rose-100/10"
   };
+  const fadeStyle = `[mask-image:linear-gradient(to_${fade},#D1D4DC_50%,transparent_100%)]`;
   return /* @__PURE__ */ import_react2.default.createElement(
     "div",
     {
       className: cn(
         animationStyles[animation],
         content && "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center",
+        fade && fadeStyle,
         className
       ),
       ...props