shad-m 1.0.0

package/dist/components/toggle.mjs

@@ -0,0 +1,39 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva } from 'class-variance-authority';
+import { cn } from '@/lib/utils';
+
+const toggleVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
+      },
+      size: {
+        default: "h-10 px-3 min-w-10",
+        sm: "h-9 px-2.5 min-w-9",
+        lg: "h-11 px-5 min-w-11"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = TogglePrimitive.Root.displayName;
+
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.mjs.map
+//# sourceMappingURL=toggle.mjs.map

package/dist/components/toggle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/toggle.tsx"],"names":[],"mappings":";;;;;;AAQA,MAAM,cAAA,GAAiB,GAAA;AAAA,EACrB,oVAAA;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,gBAAA;AAAA,QACT,OAAA,EAAS;AAAA,OACX;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,oBAAA;AAAA,QACT,EAAA,EAAI,oBAAA;AAAA,QACJ,EAAA,EAAI;AAAA;AACN,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,OAAA,EAAS,SAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR;AAEJ;AAEA,MAAM,MAAA,GAAS,KAAA,CAAM,UAAA,CAGnB,CAAC,EAAE,SAAA,EAAW,OAAA,EAAS,IAAA,EAAM,GAAG,KAAA,EAAM,EAAG,GAAA,qBACzC,GAAA;AAAA,EAAC,eAAA,CAAgB,IAAA;AAAA,EAAhB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,SAAS,IAAA,EAAM,SAAA,EAAW,CAAC,CAAA;AAAA,IACzD,GAAG;AAAA;AACN,CACD;AAED,MAAA,CAAO,WAAA,GAAc,gBAAgB,IAAA,CAAK,WAAA","file":"toggle.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TogglePrimitive from '@radix-ui/react-toggle';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst toggleVariants = cva(\n  'inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 gap-2',\n  {\n    variants: {\n      variant: {\n        default: 'bg-transparent',\n        outline: 'border border-input bg-transparent hover:bg-accent hover:text-accent-foreground',\n      },\n      size: {\n        default: 'h-10 px-3 min-w-10',\n        sm: 'h-9 px-2.5 min-w-9',\n        lg: 'h-11 px-5 min-w-11',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nconst Toggle = React.forwardRef<\n  React.ElementRef<typeof TogglePrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n  <TogglePrimitive.Root\n    ref={ref}\n    className={cn(toggleVariants({ variant, size, className }))}\n    {...props}\n  />\n));\n\nToggle.displayName = TogglePrimitive.Root.displayName;\n\nexport { Toggle, toggleVariants };\n"]}

package/dist/components/tooltip.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+export interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {
+    /**
+     * Whether the tooltip should also trigger on click (in addition to hover/focus)
+     * Default: true (hover/focus + click)
+     */
+    enableClickTrigger?: boolean;
+    /**
+     * Whether the tooltip should ONLY trigger on click (disables hover/focus)
+     * Default: false
+     */
+    clickOnly?: boolean;
+}
+declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<never>>;
+interface TooltipTriggerProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger> {
+    enableClickTrigger?: boolean;
+    clickOnly?: boolean;
+    tooltipSetOpen?: (open: boolean) => void;
+    isControlledTooltip?: boolean;
+    onTooltipOpenChange?: (open: boolean) => void;
+    onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;
+}
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipArrow: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    showArrow?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipArrow, TooltipProvider };
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAI5D,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAGlD,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAChG;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,4EAwDZ,CAAC;AAIF,UAAU,mBAAoB,SAAQ,KAAK,CAAC,wBAAwB,CAClE,OAAO,gBAAgB,CAAC,OAAO,CAChC;IACC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,mBAAmB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClE;AAED,QAAA,MAAM,cAAc,+FA6EnB,CAAC;AAGF,QAAA,MAAM,YAAY,4JAKhB,CAAC;AAGH,QAAA,MAAM,cAAc;gBAGJ,OAAO;wCAerB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/tooltip.js

@@ -0,0 +1,172 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
+var utils = require('@/lib/utils');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
+
+const TooltipProvider = TooltipPrimitive__namespace.Provider;
+const Tooltip = React__namespace.forwardRef(
+  ({ enableClickTrigger = true, clickOnly = false, children, ...props }, ref) => {
+    const [clickOpen, setClickOpen] = React__namespace.useState(false);
+    const isControlled = props.open !== void 0;
+    const handleOpenChange = React__namespace.useCallback(
+      (newOpen) => {
+        if ((enableClickTrigger || clickOnly) && !isControlled) {
+          setClickOpen(newOpen);
+        }
+        props.onOpenChange?.(newOpen);
+      },
+      [enableClickTrigger, clickOnly, isControlled, props]
+    );
+    const finalOpen = React__namespace.useMemo(() => {
+      if (isControlled) {
+        return props.open;
+      }
+      if (enableClickTrigger || clickOnly) {
+        return clickOpen;
+      }
+      return props.open;
+    }, [isControlled, enableClickTrigger, clickOnly, clickOpen, props.open]);
+    if (enableClickTrigger || clickOnly) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        TooltipPrimitive__namespace.Root,
+        {
+          ...props,
+          open: finalOpen,
+          onOpenChange: handleOpenChange,
+          disableHoverableContent: clickOnly,
+          children: React__namespace.Children.map(children, (child) => {
+            if (React__namespace.isValidElement(child) && child.type === TooltipTrigger) {
+              return React__namespace.cloneElement(child, {
+                ...child.props,
+                enableClickTrigger,
+                clickOnly,
+                tooltipSetOpen: setClickOpen,
+                isControlledTooltip: isControlled,
+                onTooltipOpenChange: handleOpenChange
+              });
+            }
+            return child;
+          })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Root, { ...props, onOpenChange: handleOpenChange, children });
+  }
+);
+Tooltip.displayName = "Tooltip";
+const TooltipTrigger = React__namespace.forwardRef(
+  ({
+    className,
+    onClick,
+    enableClickTrigger = false,
+    clickOnly = false,
+    tooltipSetOpen,
+    isControlledTooltip,
+    onTooltipOpenChange,
+    ...props
+  }, ref) => {
+    const [isOpen, setIsOpen] = React__namespace.useState(false);
+    const handleClick = React__namespace.useCallback(
+      (event) => {
+        if (enableClickTrigger || clickOnly) {
+          if (clickOnly) {
+            event.preventDefault();
+          }
+          const newOpen = !isOpen;
+          setIsOpen(newOpen);
+          if (!isControlledTooltip && tooltipSetOpen) {
+            tooltipSetOpen(newOpen);
+          }
+          if (onTooltipOpenChange) {
+            onTooltipOpenChange(newOpen);
+          }
+        }
+        onClick?.(event);
+      },
+      [
+        enableClickTrigger,
+        clickOnly,
+        isOpen,
+        isControlledTooltip,
+        tooltipSetOpen,
+        onTooltipOpenChange,
+        onClick
+      ]
+    );
+    if (clickOnly) {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        TooltipPrimitive__namespace.Trigger,
+        {
+          ref,
+          className: utils.cn("cursor-pointer", className),
+          ...props,
+          onClick: handleClick,
+          onPointerEnter: void 0,
+          onPointerLeave: void 0,
+          onFocus: void 0,
+          onBlur: void 0
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TooltipPrimitive__namespace.Trigger,
+      {
+        ref,
+        className: utils.cn(enableClickTrigger ? "cursor-pointer" : "", className),
+        ...props,
+        onClick: handleClick
+      }
+    );
+  }
+);
+TooltipTrigger.displayName = TooltipPrimitive__namespace.Trigger.displayName;
+const TooltipArrow = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { ref, className: utils.cn("fill-popover", className), ...props }));
+TooltipArrow.displayName = TooltipPrimitive__namespace.Arrow.displayName;
+const TooltipContent = React__namespace.forwardRef(({ className, sideOffset = 4, showArrow = true, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  TooltipPrimitive__namespace.Content,
+  {
+    ref,
+    sideOffset,
+    className: utils.cn(
+      "bg-popover text-popover-foreground 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 bg-ink-500s border-ink-500s z-[9999] max-w-[280px] overflow-hidden rounded-md border-none px-3 py-1.5 text-sm text-white shadow-sm",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      showArrow && /* @__PURE__ */ jsxRuntime.jsx(TooltipArrow, { className: "fill-ink-500s" })
+    ]
+  }
+));
+TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
+
+exports.Tooltip = Tooltip;
+exports.TooltipArrow = TooltipArrow;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+//# sourceMappingURL=tooltip.js.map
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip.tsx"],"names":["TooltipPrimitive","React","jsx","cn","jsxs"],"mappings":"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","file":"tooltip.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n// Enhanced Tooltip with click support\nexport interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  /**\n   * Whether the tooltip should also trigger on click (in addition to hover/focus)\n   * Default: true (hover/focus + click)\n   */\n  enableClickTrigger?: boolean;\n  /**\n   * Whether the tooltip should ONLY trigger on click (disables hover/focus)\n   * Default: false\n   */\n  clickOnly?: boolean;\n}\n\nconst Tooltip = React.forwardRef<React.ElementRef<typeof TooltipPrimitive.Root>, TooltipProps>(\n  ({ enableClickTrigger = true, clickOnly = false, children, ...props }, ref) => {\n    const [clickOpen, setClickOpen] = React.useState(false);\n    const isControlled = props.open !== undefined;\n\n    const handleOpenChange = React.useCallback(\n      (newOpen: boolean) => {\n        if ((enableClickTrigger || clickOnly) && !isControlled) {\n          setClickOpen(newOpen);\n        }\n        props.onOpenChange?.(newOpen);\n      },\n      [enableClickTrigger, clickOnly, isControlled, props],\n    );\n\n    const finalOpen = React.useMemo(() => {\n      if (isControlled) {\n        return props.open;\n      }\n      if (enableClickTrigger || clickOnly) {\n        return clickOpen;\n      }\n      return props.open;\n    }, [isControlled, enableClickTrigger, clickOnly, clickOpen, props.open]);\n\n    if (enableClickTrigger || clickOnly) {\n      return (\n        <TooltipPrimitive.Root\n          {...props}\n          open={finalOpen}\n          onOpenChange={handleOpenChange}\n          disableHoverableContent={clickOnly} // Only disable hover if clickOnly=true\n        >\n          {React.Children.map(children, (child) => {\n            if (React.isValidElement(child) && child.type === TooltipTrigger) {\n              return React.cloneElement(child, {\n                ...child.props,\n                enableClickTrigger: enableClickTrigger,\n                clickOnly: clickOnly,\n                tooltipSetOpen: setClickOpen,\n                isControlledTooltip: isControlled,\n                onTooltipOpenChange: handleOpenChange,\n              });\n            }\n            return child;\n          })}\n        </TooltipPrimitive.Root>\n      );\n    }\n\n    return (\n      <TooltipPrimitive.Root {...props} onOpenChange={handleOpenChange}>\n        {children}\n      </TooltipPrimitive.Root>\n    );\n  },\n);\nTooltip.displayName = 'Tooltip';\n\n// Enhanced TooltipTrigger with click support\ninterface TooltipTriggerProps extends React.ComponentPropsWithoutRef<\n  typeof TooltipPrimitive.Trigger\n> {\n  enableClickTrigger?: boolean;\n  clickOnly?: boolean;\n  tooltipSetOpen?: (open: boolean) => void;\n  isControlledTooltip?: boolean;\n  onTooltipOpenChange?: (open: boolean) => void;\n  onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;\n}\n\nconst TooltipTrigger = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Trigger>,\n  TooltipTriggerProps\n>(\n  (\n    {\n      className,\n      onClick,\n      enableClickTrigger = false,\n      clickOnly = false,\n      tooltipSetOpen,\n      isControlledTooltip,\n      onTooltipOpenChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isOpen, setIsOpen] = React.useState(false);\n\n    const handleClick = React.useCallback(\n      (event: React.MouseEvent<Element, MouseEvent>) => {\n        if (enableClickTrigger || clickOnly) {\n          // Don't prevent default for regular tooltips that also have hover\n          if (clickOnly) {\n            event.preventDefault();\n          }\n\n          const newOpen = !isOpen;\n          setIsOpen(newOpen);\n\n          if (!isControlledTooltip && tooltipSetOpen) {\n            tooltipSetOpen(newOpen);\n          }\n\n          if (onTooltipOpenChange) {\n            onTooltipOpenChange(newOpen);\n          }\n        }\n        onClick?.(event);\n      },\n      [\n        enableClickTrigger,\n        clickOnly,\n        isOpen,\n        isControlledTooltip,\n        tooltipSetOpen,\n        onTooltipOpenChange,\n        onClick,\n      ],\n    );\n\n    if (clickOnly) {\n      // Click-only mode: disable hover/focus completely\n      return (\n        <TooltipPrimitive.Trigger\n          ref={ref}\n          className={cn('cursor-pointer', className)}\n          {...props}\n          onClick={handleClick}\n          onPointerEnter={undefined} // Disable hover when click-only mode\n          onPointerLeave={undefined} // Disable hover when click-only mode\n          onFocus={undefined} // Disable focus when click-only mode\n          onBlur={undefined} // Disable focus when click-only mode\n        />\n      );\n    }\n\n    // Default mode or click + hover mode\n    return (\n      <TooltipPrimitive.Trigger\n        ref={ref}\n        className={cn(enableClickTrigger ? 'cursor-pointer' : '', className)}\n        {...props}\n        onClick={handleClick}\n      />\n    );\n  },\n);\nTooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;\n\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>\n>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow ref={ref} className={cn('fill-popover', className)} {...props} />\n));\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {\n    showArrow?: boolean;\n  }\n>(({ className, sideOffset = 4, showArrow = true, children, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'bg-popover text-popover-foreground 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 bg-ink-500s border-ink-500s z-[9999] max-w-[280px] overflow-hidden rounded-md border-none px-3 py-1.5 text-sm text-white shadow-sm',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    {showArrow && <TooltipArrow className=\"fill-ink-500s\" />}\n  </TooltipPrimitive.Content>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipArrow, TooltipProvider };\n"]}

package/dist/components/tooltip.mjs

@@ -0,0 +1,145 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cn } from '@/lib/utils';
+
+const TooltipProvider = TooltipPrimitive.Provider;
+const Tooltip = React.forwardRef(
+  ({ enableClickTrigger = true, clickOnly = false, children, ...props }, ref) => {
+    const [clickOpen, setClickOpen] = React.useState(false);
+    const isControlled = props.open !== void 0;
+    const handleOpenChange = React.useCallback(
+      (newOpen) => {
+        if ((enableClickTrigger || clickOnly) && !isControlled) {
+          setClickOpen(newOpen);
+        }
+        props.onOpenChange?.(newOpen);
+      },
+      [enableClickTrigger, clickOnly, isControlled, props]
+    );
+    const finalOpen = React.useMemo(() => {
+      if (isControlled) {
+        return props.open;
+      }
+      if (enableClickTrigger || clickOnly) {
+        return clickOpen;
+      }
+      return props.open;
+    }, [isControlled, enableClickTrigger, clickOnly, clickOpen, props.open]);
+    if (enableClickTrigger || clickOnly) {
+      return /* @__PURE__ */ jsx(
+        TooltipPrimitive.Root,
+        {
+          ...props,
+          open: finalOpen,
+          onOpenChange: handleOpenChange,
+          disableHoverableContent: clickOnly,
+          children: React.Children.map(children, (child) => {
+            if (React.isValidElement(child) && child.type === TooltipTrigger) {
+              return React.cloneElement(child, {
+                ...child.props,
+                enableClickTrigger,
+                clickOnly,
+                tooltipSetOpen: setClickOpen,
+                isControlledTooltip: isControlled,
+                onTooltipOpenChange: handleOpenChange
+              });
+            }
+            return child;
+          })
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(TooltipPrimitive.Root, { ...props, onOpenChange: handleOpenChange, children });
+  }
+);
+Tooltip.displayName = "Tooltip";
+const TooltipTrigger = React.forwardRef(
+  ({
+    className,
+    onClick,
+    enableClickTrigger = false,
+    clickOnly = false,
+    tooltipSetOpen,
+    isControlledTooltip,
+    onTooltipOpenChange,
+    ...props
+  }, ref) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const handleClick = React.useCallback(
+      (event) => {
+        if (enableClickTrigger || clickOnly) {
+          if (clickOnly) {
+            event.preventDefault();
+          }
+          const newOpen = !isOpen;
+          setIsOpen(newOpen);
+          if (!isControlledTooltip && tooltipSetOpen) {
+            tooltipSetOpen(newOpen);
+          }
+          if (onTooltipOpenChange) {
+            onTooltipOpenChange(newOpen);
+          }
+        }
+        onClick?.(event);
+      },
+      [
+        enableClickTrigger,
+        clickOnly,
+        isOpen,
+        isControlledTooltip,
+        tooltipSetOpen,
+        onTooltipOpenChange,
+        onClick
+      ]
+    );
+    if (clickOnly) {
+      return /* @__PURE__ */ jsx(
+        TooltipPrimitive.Trigger,
+        {
+          ref,
+          className: cn("cursor-pointer", className),
+          ...props,
+          onClick: handleClick,
+          onPointerEnter: void 0,
+          onPointerLeave: void 0,
+          onFocus: void 0,
+          onBlur: void 0
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      TooltipPrimitive.Trigger,
+      {
+        ref,
+        className: cn(enableClickTrigger ? "cursor-pointer" : "", className),
+        ...props,
+        onClick: handleClick
+      }
+    );
+  }
+);
+TooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;
+const TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { ref, className: cn("fill-popover", className), ...props }));
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 4, showArrow = true, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "bg-popover text-popover-foreground 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 bg-ink-500s border-ink-500s z-[9999] max-w-[280px] overflow-hidden rounded-md border-none px-3 py-1.5 text-sm text-white shadow-sm",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      showArrow && /* @__PURE__ */ jsx(TooltipArrow, { className: "fill-ink-500s" })
+    ]
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+
+export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger };
+//# sourceMappingURL=tooltip.mjs.map
+//# sourceMappingURL=tooltip.mjs.map

package/dist/components/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/tooltip.tsx"],"names":[],"mappings":"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","file":"tooltip.mjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip';\n\nimport { cn } from '@/lib/utils';\n\nconst TooltipProvider = TooltipPrimitive.Provider;\n\n// Enhanced Tooltip with click support\nexport interface TooltipProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root> {\n  /**\n   * Whether the tooltip should also trigger on click (in addition to hover/focus)\n   * Default: true (hover/focus + click)\n   */\n  enableClickTrigger?: boolean;\n  /**\n   * Whether the tooltip should ONLY trigger on click (disables hover/focus)\n   * Default: false\n   */\n  clickOnly?: boolean;\n}\n\nconst Tooltip = React.forwardRef<React.ElementRef<typeof TooltipPrimitive.Root>, TooltipProps>(\n  ({ enableClickTrigger = true, clickOnly = false, children, ...props }, ref) => {\n    const [clickOpen, setClickOpen] = React.useState(false);\n    const isControlled = props.open !== undefined;\n\n    const handleOpenChange = React.useCallback(\n      (newOpen: boolean) => {\n        if ((enableClickTrigger || clickOnly) && !isControlled) {\n          setClickOpen(newOpen);\n        }\n        props.onOpenChange?.(newOpen);\n      },\n      [enableClickTrigger, clickOnly, isControlled, props],\n    );\n\n    const finalOpen = React.useMemo(() => {\n      if (isControlled) {\n        return props.open;\n      }\n      if (enableClickTrigger || clickOnly) {\n        return clickOpen;\n      }\n      return props.open;\n    }, [isControlled, enableClickTrigger, clickOnly, clickOpen, props.open]);\n\n    if (enableClickTrigger || clickOnly) {\n      return (\n        <TooltipPrimitive.Root\n          {...props}\n          open={finalOpen}\n          onOpenChange={handleOpenChange}\n          disableHoverableContent={clickOnly} // Only disable hover if clickOnly=true\n        >\n          {React.Children.map(children, (child) => {\n            if (React.isValidElement(child) && child.type === TooltipTrigger) {\n              return React.cloneElement(child, {\n                ...child.props,\n                enableClickTrigger: enableClickTrigger,\n                clickOnly: clickOnly,\n                tooltipSetOpen: setClickOpen,\n                isControlledTooltip: isControlled,\n                onTooltipOpenChange: handleOpenChange,\n              });\n            }\n            return child;\n          })}\n        </TooltipPrimitive.Root>\n      );\n    }\n\n    return (\n      <TooltipPrimitive.Root {...props} onOpenChange={handleOpenChange}>\n        {children}\n      </TooltipPrimitive.Root>\n    );\n  },\n);\nTooltip.displayName = 'Tooltip';\n\n// Enhanced TooltipTrigger with click support\ninterface TooltipTriggerProps extends React.ComponentPropsWithoutRef<\n  typeof TooltipPrimitive.Trigger\n> {\n  enableClickTrigger?: boolean;\n  clickOnly?: boolean;\n  tooltipSetOpen?: (open: boolean) => void;\n  isControlledTooltip?: boolean;\n  onTooltipOpenChange?: (open: boolean) => void;\n  onClick?: (event: React.MouseEvent<Element, MouseEvent>) => void;\n}\n\nconst TooltipTrigger = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Trigger>,\n  TooltipTriggerProps\n>(\n  (\n    {\n      className,\n      onClick,\n      enableClickTrigger = false,\n      clickOnly = false,\n      tooltipSetOpen,\n      isControlledTooltip,\n      onTooltipOpenChange,\n      ...props\n    },\n    ref,\n  ) => {\n    const [isOpen, setIsOpen] = React.useState(false);\n\n    const handleClick = React.useCallback(\n      (event: React.MouseEvent<Element, MouseEvent>) => {\n        if (enableClickTrigger || clickOnly) {\n          // Don't prevent default for regular tooltips that also have hover\n          if (clickOnly) {\n            event.preventDefault();\n          }\n\n          const newOpen = !isOpen;\n          setIsOpen(newOpen);\n\n          if (!isControlledTooltip && tooltipSetOpen) {\n            tooltipSetOpen(newOpen);\n          }\n\n          if (onTooltipOpenChange) {\n            onTooltipOpenChange(newOpen);\n          }\n        }\n        onClick?.(event);\n      },\n      [\n        enableClickTrigger,\n        clickOnly,\n        isOpen,\n        isControlledTooltip,\n        tooltipSetOpen,\n        onTooltipOpenChange,\n        onClick,\n      ],\n    );\n\n    if (clickOnly) {\n      // Click-only mode: disable hover/focus completely\n      return (\n        <TooltipPrimitive.Trigger\n          ref={ref}\n          className={cn('cursor-pointer', className)}\n          {...props}\n          onClick={handleClick}\n          onPointerEnter={undefined} // Disable hover when click-only mode\n          onPointerLeave={undefined} // Disable hover when click-only mode\n          onFocus={undefined} // Disable focus when click-only mode\n          onBlur={undefined} // Disable focus when click-only mode\n        />\n      );\n    }\n\n    // Default mode or click + hover mode\n    return (\n      <TooltipPrimitive.Trigger\n        ref={ref}\n        className={cn(enableClickTrigger ? 'cursor-pointer' : '', className)}\n        {...props}\n        onClick={handleClick}\n      />\n    );\n  },\n);\nTooltipTrigger.displayName = TooltipPrimitive.Trigger.displayName;\n\nconst TooltipArrow = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Arrow>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Arrow>\n>(({ className, ...props }, ref) => (\n  <TooltipPrimitive.Arrow ref={ref} className={cn('fill-popover', className)} {...props} />\n));\nTooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;\n\nconst TooltipContent = React.forwardRef<\n  React.ElementRef<typeof TooltipPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> & {\n    showArrow?: boolean;\n  }\n>(({ className, sideOffset = 4, showArrow = true, children, ...props }, ref) => (\n  <TooltipPrimitive.Content\n    ref={ref}\n    sideOffset={sideOffset}\n    className={cn(\n      'bg-popover text-popover-foreground 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 bg-ink-500s border-ink-500s z-[9999] max-w-[280px] overflow-hidden rounded-md border-none px-3 py-1.5 text-sm text-white shadow-sm',\n      className,\n    )}\n    {...props}\n  >\n    {children}\n    {showArrow && <TooltipArrow className=\"fill-ink-500s\" />}\n  </TooltipPrimitive.Content>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n\nexport { Tooltip, TooltipTrigger, TooltipContent, TooltipArrow, TooltipProvider };\n"]}