ruler-components 0.1.1 → 0.1.2

package/dist/index.d.mts

@@ -0,0 +1,51 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressIndicatorVariants: (props?: ({
+    variant?: "default" | "success" | "warning" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof progressTrackVariants>, VariantProps<typeof progressIndicatorVariants> {
+    value?: number;
+    max?: number;
+    label?: string;
+    showValue?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const switchTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "size">, VariantProps<typeof switchTrackVariants> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    label?: string;
+    description?: string;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const tooltipVariants: (props?: ({
+    visible?: boolean | null | undefined;
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TooltipSide = "top" | "bottom" | "left" | "right";
+type TooltipAlign = "start" | "center" | "end";
+interface TooltipProps extends VariantProps<typeof tooltipVariants> {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    sideOffset?: number;
+    delayDuration?: number;
+    disabled?: boolean;
+    className?: string;
+}
+declare function Tooltip({ content, children, side, align, sideOffset, delayDuration, disabled, className, }: TooltipProps): React.JSX.Element;
+
+export { Progress, type ProgressProps, Switch, type SwitchProps, Tooltip, type TooltipProps };

package/dist/index.d.ts

@@ -0,0 +1,51 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const progressTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const progressIndicatorVariants: (props?: ({
+    variant?: "default" | "success" | "warning" | "error" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children">, VariantProps<typeof progressTrackVariants>, VariantProps<typeof progressIndicatorVariants> {
+    value?: number;
+    max?: number;
+    label?: string;
+    showValue?: boolean;
+    indeterminate?: boolean;
+    disabled?: boolean;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+
+declare const switchTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "size">, VariantProps<typeof switchTrackVariants> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    label?: string;
+    description?: string;
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+
+declare const tooltipVariants: (props?: ({
+    visible?: boolean | null | undefined;
+    side?: "top" | "bottom" | "left" | "right" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+type TooltipSide = "top" | "bottom" | "left" | "right";
+type TooltipAlign = "start" | "center" | "end";
+interface TooltipProps extends VariantProps<typeof tooltipVariants> {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    sideOffset?: number;
+    delayDuration?: number;
+    disabled?: boolean;
+    className?: string;
+}
+declare function Tooltip({ content, children, side, align, sideOffset, delayDuration, disabled, className, }: TooltipProps): React.JSX.Element;
+
+export { Progress, type ProgressProps, Switch, type SwitchProps, Tooltip, type TooltipProps };

package/dist/index.js

@@ -0,0 +1,534 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// index.ts
+var index_exports = {};
+__export(index_exports, {
+  Progress: () => Progress,
+  Switch: () => Switch,
+  Tooltip: () => Tooltip
+});
+module.exports = __toCommonJS(index_exports);
+
+// components/ui/progress.tsx
+var React = __toESM(require("react"));
+var import_class_variance_authority = require("class-variance-authority");
+
+// lib/cn.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var cn = (...inputs) => (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+
+// components/ui/progress.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var progressTrackVariants = (0, import_class_variance_authority.cva)(
+  "relative w-full overflow-hidden rounded-full bg-zinc-100 dark:bg-zinc-800/70",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-1.5",
+        lg: "h-2"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var progressIndicatorVariants = (0, import_class_variance_authority.cva)(
+  "h-full rounded-full transition-[width] duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]",
+  {
+    variants: {
+      variant: {
+        default: "bg-zinc-900 dark:bg-zinc-100",
+        success: "bg-[#28A745] dark:bg-[#5CC975]",
+        warning: "bg-[#E58E00] dark:bg-[#F5B84A]",
+        error: "bg-[#D93025] dark:bg-[#F06B62]"
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var valuePillVariants = (0, import_class_variance_authority.cva)(
+  "inline-flex min-w-[2.25rem] items-center justify-end text-[11px] font-medium tabular-nums text-zinc-400 dark:text-zinc-500",
+  {
+    variants: {
+      variant: {
+        default: "",
+        success: "",
+        warning: "",
+        error: ""
+      }
+    },
+    defaultVariants: { variant: "default" }
+  }
+);
+var Progress = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      value = 0,
+      max = 100,
+      variant,
+      size,
+      label,
+      showValue = false,
+      indeterminate = false,
+      disabled = false
+    } = _b, props = __objRest(_b, [
+      "className",
+      "value",
+      "max",
+      "variant",
+      "size",
+      "label",
+      "showValue",
+      "indeterminate",
+      "disabled"
+    ]);
+    const clamped = Math.min(max, Math.max(0, value));
+    const percentage = max > 0 ? Math.round(clamped / max * 100) : 0;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex w-full flex-col gap-2.5",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        children: [
+          (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center justify-between gap-3", children: [
+            label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-sm text-zinc-600 dark:text-zinc-300", children: label }),
+            showValue && !indeterminate && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: cn(valuePillVariants({ variant })), children: [
+              percentage,
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            "div",
+            __spreadProps(__spreadValues({
+              ref,
+              role: "progressbar",
+              "aria-valuemin": 0,
+              "aria-valuemax": max,
+              "aria-valuenow": indeterminate || disabled ? void 0 : clamped,
+              "aria-label": label,
+              "aria-valuetext": indeterminate ? "Loading" : `${percentage}%`,
+              "aria-disabled": disabled || void 0,
+              className: cn(progressTrackVariants({ size }))
+            }, props), {
+              children: indeterminate ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  className: cn(
+                    progressIndicatorVariants({ variant }),
+                    "w-[40%] animate-[progress-indeterminate_1.5s_ease-in-out_infinite]"
+                  )
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "div",
+                {
+                  className: cn(progressIndicatorVariants({ variant })),
+                  style: { width: `${percentage}%` }
+                }
+              )
+            })
+          )
+        ]
+      }
+    );
+  }
+);
+Progress.displayName = "Progress";
+
+// components/ui/switch.tsx
+var React2 = __toESM(require("react"));
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var switchTrackVariants = (0, import_class_variance_authority2.cva)(
+  [
+    "relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-colors duration-200",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white",
+    "dark:focus-visible:ring-zinc-100/20 dark:focus-visible:ring-offset-zinc-950",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "data-[state=checked]:bg-zinc-900 data-[state=unchecked]:bg-zinc-200",
+    "dark:data-[state=checked]:bg-zinc-100 dark:data-[state=unchecked]:bg-zinc-700",
+    "hover:data-[state=unchecked]:bg-zinc-300 dark:hover:data-[state=unchecked]:bg-zinc-600",
+    "hover:data-[state=checked]:bg-zinc-800 dark:hover:data-[state=checked]:bg-zinc-200"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "h-5 w-9",
+        md: "h-6 w-11",
+        lg: "h-7 w-[3.25rem]"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var switchThumbVariants = (0, import_class_variance_authority2.cva)(
+  "pointer-events-none absolute left-0.5 top-1/2 block -translate-y-1/2 rounded-full bg-white shadow-sm transition-transform duration-200 dark:bg-zinc-950",
+  {
+    variants: {
+      size: {
+        sm: "h-3.5 w-3.5 data-[state=checked]:translate-x-4",
+        md: "h-4 w-4 data-[state=checked]:translate-x-5",
+        lg: "h-5 w-5 data-[state=checked]:translate-x-6"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var Switch = React2.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      className,
+      size,
+      checked,
+      defaultChecked = false,
+      onCheckedChange,
+      disabled,
+      label,
+      description,
+      id,
+      onClick
+    } = _b, props = __objRest(_b, [
+      "className",
+      "size",
+      "checked",
+      "defaultChecked",
+      "onCheckedChange",
+      "disabled",
+      "label",
+      "description",
+      "id",
+      "onClick"
+    ]);
+    const generatedId = React2.useId();
+    const switchId = id != null ? id : generatedId;
+    const isControlled = checked !== void 0;
+    const [uncontrolledChecked, setUncontrolledChecked] = React2.useState(defaultChecked);
+    const isChecked = isControlled ? checked : uncontrolledChecked;
+    const state = isChecked ? "checked" : "unchecked";
+    const toggle = () => {
+      if (disabled) return;
+      const next = !isChecked;
+      if (!isControlled) setUncontrolledChecked(next);
+      onCheckedChange == null ? void 0 : onCheckedChange(next);
+    };
+    const switchControl = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      "button",
+      __spreadProps(__spreadValues({
+        ref,
+        id: switchId,
+        type: "button",
+        role: "switch",
+        "aria-checked": isChecked,
+        "aria-labelledby": label ? `${switchId}-label` : void 0,
+        "aria-describedby": description ? `${switchId}-description` : void 0,
+        disabled,
+        "data-state": state,
+        className: cn(switchTrackVariants({ size }), className),
+        onClick: (event) => {
+          toggle();
+          onClick == null ? void 0 : onClick(event);
+        },
+        onKeyDown: (event) => {
+          if (event.key === " ") {
+            event.preventDefault();
+            toggle();
+          }
+        }
+      }, props), {
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { "data-state": state, className: switchThumbVariants({ size }) })
+      })
+    );
+    if (!label && !description) {
+      return switchControl;
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+      "div",
+      {
+        className: cn(
+          "flex items-start justify-between gap-4",
+          disabled && "opacity-60"
+        ),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            label && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "label",
+              {
+                id: `${switchId}-label`,
+                htmlFor: switchId,
+                className: cn(
+                  "text-sm font-medium leading-snug text-zinc-800 dark:text-zinc-100",
+                  !disabled && "cursor-pointer"
+                ),
+                children: label
+              }
+            ),
+            description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "p",
+              {
+                id: `${switchId}-description`,
+                className: "text-xs leading-relaxed text-zinc-500 dark:text-zinc-400",
+                children: description
+              }
+            )
+          ] }),
+          switchControl
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+
+// components/ui/tooltip.tsx
+var React3 = __toESM(require("react"));
+var import_react_dom = require("react-dom");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var tooltipVariants = (0, import_class_variance_authority3.cva)(
+  [
+    "pointer-events-none fixed z-50 max-w-[260px] rounded-lg px-3 py-2",
+    "text-[13px] font-medium leading-normal tracking-tight",
+    "bg-zinc-900 text-zinc-50",
+    "shadow-[0_4px_16px_rgba(0,0,0,0.14),0_0_0_1px_rgba(255,255,255,0.06)]",
+    "dark:bg-zinc-100 dark:text-zinc-900",
+    "dark:shadow-[0_4px_16px_rgba(0,0,0,0.35),0_0_0_1px_rgba(0,0,0,0.06)]",
+    "transition-[opacity,transform] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]",
+    "will-change-[opacity,transform]"
+  ],
+  {
+    variants: {
+      visible: {
+        true: "opacity-100 scale-100",
+        false: "opacity-0 scale-[0.97]"
+      },
+      side: {
+        top: "origin-bottom",
+        bottom: "origin-top",
+        left: "origin-right",
+        right: "origin-left"
+      }
+    },
+    defaultVariants: { visible: false, side: "top" }
+  }
+);
+var VIEWPORT_PADDING = 10;
+var ARROW_SIZE = 6;
+function getTooltipPosition(triggerRect, tooltipRect, side, align, sideOffset) {
+  const offset = sideOffset + ARROW_SIZE;
+  let top = 0;
+  let left = 0;
+  if (side === "top") {
+    top = triggerRect.top - tooltipRect.height - offset;
+    left = alignTooltipHorizontal(triggerRect, tooltipRect, align);
+  } else if (side === "bottom") {
+    top = triggerRect.bottom + offset;
+    left = alignTooltipHorizontal(triggerRect, tooltipRect, align);
+  } else if (side === "left") {
+    top = alignTooltipVertical(triggerRect, tooltipRect, align);
+    left = triggerRect.left - tooltipRect.width - offset;
+  } else {
+    top = alignTooltipVertical(triggerRect, tooltipRect, align);
+    left = triggerRect.right + offset;
+  }
+  const maxLeft = window.innerWidth - tooltipRect.width - VIEWPORT_PADDING;
+  const maxTop = window.innerHeight - tooltipRect.height - VIEWPORT_PADDING;
+  return {
+    top: Math.min(Math.max(top, VIEWPORT_PADDING), maxTop),
+    left: Math.min(Math.max(left, VIEWPORT_PADDING), maxLeft)
+  };
+}
+function alignTooltipHorizontal(triggerRect, tooltipRect, align) {
+  if (align === "start") return triggerRect.left;
+  if (align === "end") return triggerRect.right - tooltipRect.width;
+  return triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;
+}
+function alignTooltipVertical(triggerRect, tooltipRect, align) {
+  if (align === "start") return triggerRect.top;
+  if (align === "end") return triggerRect.bottom - tooltipRect.height;
+  return triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;
+}
+function TooltipArrow({ side }) {
+  const position = {
+    top: "bottom-0 left-1/2 -translate-x-1/2 translate-y-[calc(100%-1px)]",
+    bottom: "top-0 left-1/2 -translate-x-1/2 -translate-y-[calc(100%-1px)] rotate-180",
+    left: "right-0 top-1/2 -translate-y-1/2 translate-x-[calc(100%-1px)] -rotate-90",
+    right: "left-0 top-1/2 -translate-y-1/2 -translate-x-[calc(100%-1px)] rotate-90"
+  }[side];
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "svg",
+    {
+      "aria-hidden": true,
+      width: "10",
+      height: "5",
+      viewBox: "0 0 10 5",
+      className: cn(
+        "absolute text-zinc-900 dark:text-zinc-100",
+        position
+      ),
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("path", { fill: "currentColor", d: "M0 0h10L5 5 0 0z" })
+    }
+  );
+}
+function Tooltip({
+  content,
+  children,
+  side = "top",
+  align = "center",
+  sideOffset = 8,
+  delayDuration = 250,
+  disabled = false,
+  className
+}) {
+  const [open, setOpen] = React3.useState(false);
+  const [visible, setVisible] = React3.useState(false);
+  const [mounted, setMounted] = React3.useState(false);
+  const [position, setPosition] = React3.useState({ top: -9999, left: -9999 });
+  const timeoutRef = React3.useRef(null);
+  const triggerRef = React3.useRef(null);
+  const tooltipRef = React3.useRef(null);
+  const id = React3.useId();
+  React3.useEffect(() => setMounted(true), []);
+  const clearTimer = () => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+  };
+  const updatePosition = React3.useCallback(() => {
+    const trigger2 = triggerRef.current;
+    const tooltip = tooltipRef.current;
+    if (!trigger2 || !tooltip) return;
+    const triggerRect = trigger2.getBoundingClientRect();
+    const tooltipRect = tooltip.getBoundingClientRect();
+    setPosition(getTooltipPosition(triggerRect, tooltipRect, side, align, sideOffset));
+    requestAnimationFrame(() => setVisible(true));
+  }, [side, align, sideOffset]);
+  const show = () => {
+    if (disabled) return;
+    clearTimer();
+    timeoutRef.current = setTimeout(() => {
+      setVisible(false);
+      setOpen(true);
+    }, delayDuration);
+  };
+  const hide = () => {
+    clearTimer();
+    setVisible(false);
+    setOpen(false);
+  };
+  React3.useEffect(() => clearTimer, []);
+  React3.useLayoutEffect(() => {
+    if (!open) return;
+    updatePosition();
+    const handleUpdate = () => updatePosition();
+    window.addEventListener("scroll", handleUpdate, true);
+    window.addEventListener("resize", handleUpdate);
+    return () => {
+      window.removeEventListener("scroll", handleUpdate, true);
+      window.removeEventListener("resize", handleUpdate);
+    };
+  }, [open, updatePosition, content]);
+  const child = React3.Children.only(children);
+  const trigger = React3.isValidElement(child) ? React3.cloneElement(
+    child,
+    { "aria-describedby": open && visible ? id : void 0 }
+  ) : children;
+  const tooltipNode = open ? /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+    "div",
+    {
+      ref: tooltipRef,
+      id,
+      role: "tooltip",
+      "aria-hidden": !visible,
+      style: { top: position.top, left: position.left },
+      className: cn(tooltipVariants({ visible, side }), className),
+      children: [
+        content,
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(TooltipArrow, { side })
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_jsx_runtime3.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      "span",
+      {
+        ref: triggerRef,
+        className: "inline-flex",
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
+        children: trigger
+      }
+    ),
+    mounted && tooltipNode ? (0, import_react_dom.createPortal)(tooltipNode, document.body) : null
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Progress,
+  Switch,
+  Tooltip
+});
+//# sourceMappingURL=index.js.map