ruler-components 0.1.0 → 0.1.2

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../index.ts","../components/ui/progress.tsx","../lib/cn.ts","../components/ui/switch.tsx","../components/ui/tooltip.tsx"],"sourcesContent":["export { Progress } from \"./components/ui/progress\";\nexport type { ProgressProps } from \"./components/ui/progress\";\n\nexport { Switch } from \"./components/ui/switch\";\nexport type { SwitchProps } from \"./components/ui/switch\";\n\nexport { Tooltip } from \"./components/ui/tooltip\";\nexport type { TooltipProps } from \"./components/ui/tooltip\";\n","import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst progressTrackVariants = cva(\n  \"relative w-full overflow-hidden rounded-full bg-zinc-100 dark:bg-zinc-800/70\",\n  {\n    variants: {\n      size: {\n        sm: \"h-1\",\n        md: \"h-1.5\",\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nconst progressIndicatorVariants = cva(\n  \"h-full rounded-full transition-[width] duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-zinc-900 dark:bg-zinc-100\",\n        success: \"bg-[#28A745] dark:bg-[#5CC975]\",\n        warning: \"bg-[#E58E00] dark:bg-[#F5B84A]\",\n        error: \"bg-[#D93025] dark:bg-[#F06B62]\",\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  },\n);\n\nconst valuePillVariants = cva(\n  \"inline-flex min-w-[2.25rem] items-center justify-end text-[11px] font-medium tabular-nums text-zinc-400 dark:text-zinc-500\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        success: \"\",\n        warning: \"\",\n        error: \"\",\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  },\n);\n\nexport interface ProgressProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">,\n    VariantProps<typeof progressTrackVariants>,\n    VariantProps<typeof progressIndicatorVariants> {\n  value?: number;\n  max?: number;\n  label?: string;\n  showValue?: boolean;\n  indeterminate?: boolean;\n  disabled?: boolean;\n}\n\nconst Progress = React.forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      className,\n      value = 0,\n      max = 100,\n      variant,\n      size,\n      label,\n      showValue = false,\n      indeterminate = false,\n      disabled = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const clamped = Math.min(max, Math.max(0, value));\n    const percentage = max > 0 ? Math.round((clamped / max) * 100) : 0;\n\n    return (\n      <div\n        className={cn(\n          \"flex w-full flex-col gap-2.5\",\n          disabled && \"pointer-events-none opacity-50\",\n          className,\n        )}\n      >\n        {(label || showValue) && (\n          <div className=\"flex items-center justify-between gap-3\">\n            {label && (\n              <span className=\"text-sm text-zinc-600 dark:text-zinc-300\">\n                {label}\n              </span>\n            )}\n            {showValue && !indeterminate && (\n              <span className={cn(valuePillVariants({ variant }))}>\n                {percentage}%\n              </span>\n            )}\n          </div>\n        )}\n        <div\n          ref={ref}\n          role=\"progressbar\"\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-valuenow={indeterminate || disabled ? undefined : clamped}\n          aria-label={label}\n          aria-valuetext={indeterminate ? \"Loading\" : `${percentage}%`}\n          aria-disabled={disabled || undefined}\n          className={cn(progressTrackVariants({ size }))}\n          {...props}\n        >\n          {indeterminate ? (\n            <div\n              className={cn(\n                progressIndicatorVariants({ variant }),\n                \"w-[40%] animate-[progress-indeterminate_1.5s_ease-in-out_infinite]\",\n              )}\n            />\n          ) : (\n            <div\n              className={cn(progressIndicatorVariants({ variant }))}\n              style={{ width: `${percentage}%` }}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\nProgress.displayName = \"Progress\";\n\nexport { Progress, progressTrackVariants, progressIndicatorVariants };\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst switchTrackVariants = cva(\n  [\n    \"relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-colors duration-200\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white\",\n    \"dark:focus-visible:ring-zinc-100/20 dark:focus-visible:ring-offset-zinc-950\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"data-[state=checked]:bg-zinc-900 data-[state=unchecked]:bg-zinc-200\",\n    \"dark:data-[state=checked]:bg-zinc-100 dark:data-[state=unchecked]:bg-zinc-700\",\n    \"hover:data-[state=unchecked]:bg-zinc-300 dark:hover:data-[state=unchecked]:bg-zinc-600\",\n    \"hover:data-[state=checked]:bg-zinc-800 dark:hover:data-[state=checked]:bg-zinc-200\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-9\",\n        md: \"h-6 w-11\",\n        lg: \"h-7 w-[3.25rem]\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nconst switchThumbVariants = cva(\n  \"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\",\n  {\n    variants: {\n      size: {\n        sm: \"h-3.5 w-3.5 data-[state=checked]:translate-x-4\",\n        md: \"h-4 w-4 data-[state=checked]:translate-x-5\",\n        lg: \"h-5 w-5 data-[state=checked]:translate-x-6\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport interface SwitchProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\" | \"size\">,\n    VariantProps<typeof switchTrackVariants> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  label?: string;\n  description?: string;\n}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  (\n    {\n      className,\n      size,\n      checked,\n      defaultChecked = false,\n      onCheckedChange,\n      disabled,\n      label,\n      description,\n      id,\n      onClick,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const switchId = id ?? generatedId;\n    const isControlled = checked !== undefined;\n    const [uncontrolledChecked, setUncontrolledChecked] = React.useState(defaultChecked);\n    const isChecked = isControlled ? checked : uncontrolledChecked;\n    const state = isChecked ? \"checked\" : \"unchecked\";\n\n    const toggle = () => {\n      if (disabled) return;\n      const next = !isChecked;\n      if (!isControlled) setUncontrolledChecked(next);\n      onCheckedChange?.(next);\n    };\n\n    const switchControl = (\n      <button\n        ref={ref}\n        id={switchId}\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={isChecked}\n        aria-labelledby={label ? `${switchId}-label` : undefined}\n        aria-describedby={description ? `${switchId}-description` : undefined}\n        disabled={disabled}\n        data-state={state}\n        className={cn(switchTrackVariants({ size }), className)}\n        onClick={(event) => {\n          toggle();\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          if (event.key === \" \") {\n            event.preventDefault();\n            toggle();\n          }\n        }}\n        {...props}\n      >\n        <span data-state={state} className={switchThumbVariants({ size })} />\n      </button>\n    );\n\n    if (!label && !description) {\n      return switchControl;\n    }\n\n    return (\n      <div\n        className={cn(\n          \"flex items-start justify-between gap-4\",\n          disabled && \"opacity-60\",\n        )}\n      >\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {label && (\n            <label\n              id={`${switchId}-label`}\n              htmlFor={switchId}\n              className={cn(\n                \"text-sm font-medium leading-snug text-zinc-800 dark:text-zinc-100\",\n                !disabled && \"cursor-pointer\",\n              )}\n            >\n              {label}\n            </label>\n          )}\n          {description && (\n            <p\n              id={`${switchId}-description`}\n              className=\"text-xs leading-relaxed text-zinc-500 dark:text-zinc-400\"\n            >\n              {description}\n            </p>\n          )}\n        </div>\n        {switchControl}\n      </div>\n    );\n  },\n);\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchTrackVariants, switchThumbVariants };\n","\"use client\";\n\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst tooltipVariants = cva(\n  [\n    \"pointer-events-none fixed z-50 max-w-[260px] rounded-lg px-3 py-2\",\n    \"text-[13px] font-medium leading-normal tracking-tight\",\n    \"bg-zinc-900 text-zinc-50\",\n    \"shadow-[0_4px_16px_rgba(0,0,0,0.14),0_0_0_1px_rgba(255,255,255,0.06)]\",\n    \"dark:bg-zinc-100 dark:text-zinc-900\",\n    \"dark:shadow-[0_4px_16px_rgba(0,0,0,0.35),0_0_0_1px_rgba(0,0,0,0.06)]\",\n    \"transition-[opacity,transform] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]\",\n    \"will-change-[opacity,transform]\",\n  ],\n  {\n    variants: {\n      visible: {\n        true: \"opacity-100 scale-100\",\n        false: \"opacity-0 scale-[0.97]\",\n      },\n      side: {\n        top: \"origin-bottom\",\n        bottom: \"origin-top\",\n        left: \"origin-right\",\n        right: \"origin-left\",\n      },\n    },\n    defaultVariants: { visible: false, side: \"top\" },\n  },\n);\n\ntype TooltipSide = \"top\" | \"bottom\" | \"left\" | \"right\";\ntype TooltipAlign = \"start\" | \"center\" | \"end\";\n\nconst VIEWPORT_PADDING = 10;\nconst ARROW_SIZE = 6;\n\nexport interface TooltipProps extends VariantProps<typeof tooltipVariants> {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  side?: TooltipSide;\n  align?: TooltipAlign;\n  sideOffset?: number;\n  delayDuration?: number;\n  disabled?: boolean;\n  className?: string;\n}\n\nfunction getTooltipPosition(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  side: TooltipSide,\n  align: TooltipAlign,\n  sideOffset: number,\n) {\n  const offset = sideOffset + ARROW_SIZE;\n  let top = 0;\n  let left = 0;\n\n  if (side === \"top\") {\n    top = triggerRect.top - tooltipRect.height - offset;\n    left = alignTooltipHorizontal(triggerRect, tooltipRect, align);\n  } else if (side === \"bottom\") {\n    top = triggerRect.bottom + offset;\n    left = alignTooltipHorizontal(triggerRect, tooltipRect, align);\n  } else if (side === \"left\") {\n    top = alignTooltipVertical(triggerRect, tooltipRect, align);\n    left = triggerRect.left - tooltipRect.width - offset;\n  } else {\n    top = alignTooltipVertical(triggerRect, tooltipRect, align);\n    left = triggerRect.right + offset;\n  }\n\n  const maxLeft = window.innerWidth - tooltipRect.width - VIEWPORT_PADDING;\n  const maxTop = window.innerHeight - tooltipRect.height - VIEWPORT_PADDING;\n\n  return {\n    top: Math.min(Math.max(top, VIEWPORT_PADDING), maxTop),\n    left: Math.min(Math.max(left, VIEWPORT_PADDING), maxLeft),\n  };\n}\n\nfunction alignTooltipHorizontal(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  align: TooltipAlign,\n) {\n  if (align === \"start\") return triggerRect.left;\n  if (align === \"end\") return triggerRect.right - tooltipRect.width;\n  return triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n}\n\nfunction alignTooltipVertical(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  align: TooltipAlign,\n) {\n  if (align === \"start\") return triggerRect.top;\n  if (align === \"end\") return triggerRect.bottom - tooltipRect.height;\n  return triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n}\n\nfunction TooltipArrow({ side }: { side: TooltipSide }) {\n  const position = {\n    top: \"bottom-0 left-1/2 -translate-x-1/2 translate-y-[calc(100%-1px)]\",\n    bottom: \"top-0 left-1/2 -translate-x-1/2 -translate-y-[calc(100%-1px)] rotate-180\",\n    left: \"right-0 top-1/2 -translate-y-1/2 translate-x-[calc(100%-1px)] -rotate-90\",\n    right: \"left-0 top-1/2 -translate-y-1/2 -translate-x-[calc(100%-1px)] rotate-90\",\n  }[side];\n\n  return (\n    <svg\n      aria-hidden\n      width=\"10\"\n      height=\"5\"\n      viewBox=\"0 0 10 5\"\n      className={cn(\n        \"absolute text-zinc-900 dark:text-zinc-100\",\n        position,\n      )}\n    >\n      <path fill=\"currentColor\" d=\"M0 0h10L5 5 0 0z\" />\n    </svg>\n  );\n}\n\nfunction Tooltip({\n  content,\n  children,\n  side = \"top\",\n  align = \"center\",\n  sideOffset = 8,\n  delayDuration = 250,\n  disabled = false,\n  className,\n}: TooltipProps) {\n  const [open, setOpen] = React.useState(false);\n  const [visible, setVisible] = React.useState(false);\n  const [mounted, setMounted] = React.useState(false);\n  const [position, setPosition] = React.useState({ top: -9999, left: -9999 });\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n  const tooltipRef = React.useRef<HTMLDivElement>(null);\n  const id = React.useId();\n\n  React.useEffect(() => setMounted(true), []);\n\n  const clearTimer = () => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n  };\n\n  const updatePosition = React.useCallback(() => {\n    const trigger = triggerRef.current;\n    const tooltip = tooltipRef.current;\n    if (!trigger || !tooltip) return;\n\n    const triggerRect = trigger.getBoundingClientRect();\n    const tooltipRect = tooltip.getBoundingClientRect();\n    setPosition(getTooltipPosition(triggerRect, tooltipRect, side, align, sideOffset));\n    requestAnimationFrame(() => setVisible(true));\n  }, [side, align, sideOffset]);\n\n  const show = () => {\n    if (disabled) return;\n    clearTimer();\n    timeoutRef.current = setTimeout(() => {\n      setVisible(false);\n      setOpen(true);\n    }, delayDuration);\n  };\n\n  const hide = () => {\n    clearTimer();\n    setVisible(false);\n    setOpen(false);\n  };\n\n  React.useEffect(() => clearTimer, []);\n\n  React.useLayoutEffect(() => {\n    if (!open) return;\n    updatePosition();\n    const handleUpdate = () => updatePosition();\n    window.addEventListener(\"scroll\", handleUpdate, true);\n    window.addEventListener(\"resize\", handleUpdate);\n    return () => {\n      window.removeEventListener(\"scroll\", handleUpdate, true);\n      window.removeEventListener(\"resize\", handleUpdate);\n    };\n  }, [open, updatePosition, content]);\n\n  const child = React.Children.only(children);\n  const trigger = React.isValidElement(child)\n    ? React.cloneElement(\n        child as React.ReactElement<{ \"aria-describedby\"?: string }>,\n        { \"aria-describedby\": open && visible ? id : undefined },\n      )\n    : children;\n\n  const tooltipNode = open ? (\n    <div\n      ref={tooltipRef}\n      id={id}\n      role=\"tooltip\"\n      aria-hidden={!visible}\n      style={{ top: position.top, left: position.left }}\n      className={cn(tooltipVariants({ visible, side }), className)}\n    >\n      {content}\n      <TooltipArrow side={side} />\n    </div>\n  ) : null;\n\n  return (\n    <>\n      <span\n        ref={triggerRef}\n        className=\"inline-flex\"\n        onMouseEnter={show}\n        onMouseLeave={hide}\n        onFocus={show}\n        onBlur={hide}\n      >\n        {trigger}\n      </span>\n      {mounted && tooltipNode ? createPortal(tooltipNode, document.body) : null}\n    </>\n  );\n}\n\nexport { Tooltip, tooltipVariants };\n"],"mappings":"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","names":["React","import_class_variance_authority","import_jsx_runtime","React","import_class_variance_authority","import_jsx_runtime","trigger"]}

package/dist/index.mjs

@@ -0,0 +1,498 @@
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+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;
+};
+
+// components/ui/progress.tsx
+import * as React from "react";
+import { cva } from "class-variance-authority";
+
+// lib/cn.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+var cn = (...inputs) => twMerge(clsx(inputs));
+
+// components/ui/progress.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var progressTrackVariants = 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 = 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 = 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__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex w-full flex-col gap-2.5",
+          disabled && "pointer-events-none opacity-50",
+          className
+        ),
+        children: [
+          (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3", children: [
+            label && /* @__PURE__ */ jsx("span", { className: "text-sm text-zinc-600 dark:text-zinc-300", children: label }),
+            showValue && !indeterminate && /* @__PURE__ */ jsxs("span", { className: cn(valuePillVariants({ variant })), children: [
+              percentage,
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ 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__ */ jsx(
+                "div",
+                {
+                  className: cn(
+                    progressIndicatorVariants({ variant }),
+                    "w-[40%] animate-[progress-indeterminate_1.5s_ease-in-out_infinite]"
+                  )
+                }
+              ) : /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(progressIndicatorVariants({ variant })),
+                  style: { width: `${percentage}%` }
+                }
+              )
+            })
+          )
+        ]
+      }
+    );
+  }
+);
+Progress.displayName = "Progress";
+
+// components/ui/switch.tsx
+import * as React2 from "react";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var switchTrackVariants = cva2(
+  [
+    "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 = cva2(
+  "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__ */ jsx2(
+      "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__ */ jsx2("span", { "data-state": state, className: switchThumbVariants({ size }) })
+      })
+    );
+    if (!label && !description) {
+      return switchControl;
+    }
+    return /* @__PURE__ */ jsxs2(
+      "div",
+      {
+        className: cn(
+          "flex items-start justify-between gap-4",
+          disabled && "opacity-60"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs2("div", { className: "flex min-w-0 flex-col gap-0.5", children: [
+            label && /* @__PURE__ */ jsx2(
+              "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__ */ jsx2(
+              "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
+import * as React3 from "react";
+import { createPortal } from "react-dom";
+import { cva as cva3 } from "class-variance-authority";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var tooltipVariants = cva3(
+  [
+    "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__ */ jsx3(
+    "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__ */ jsx3("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__ */ jsxs3(
+    "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__ */ jsx3(TooltipArrow, { side })
+      ]
+    }
+  ) : null;
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx3(
+      "span",
+      {
+        ref: triggerRef,
+        className: "inline-flex",
+        onMouseEnter: show,
+        onMouseLeave: hide,
+        onFocus: show,
+        onBlur: hide,
+        children: trigger
+      }
+    ),
+    mounted && tooltipNode ? createPortal(tooltipNode, document.body) : null
+  ] });
+}
+export {
+  Progress,
+  Switch,
+  Tooltip
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../components/ui/progress.tsx","../lib/cn.ts","../components/ui/switch.tsx","../components/ui/tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst progressTrackVariants = cva(\n  \"relative w-full overflow-hidden rounded-full bg-zinc-100 dark:bg-zinc-800/70\",\n  {\n    variants: {\n      size: {\n        sm: \"h-1\",\n        md: \"h-1.5\",\n        lg: \"h-2\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nconst progressIndicatorVariants = cva(\n  \"h-full rounded-full transition-[width] duration-500 ease-[cubic-bezier(0.4,0,0.2,1)]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-zinc-900 dark:bg-zinc-100\",\n        success: \"bg-[#28A745] dark:bg-[#5CC975]\",\n        warning: \"bg-[#E58E00] dark:bg-[#F5B84A]\",\n        error: \"bg-[#D93025] dark:bg-[#F06B62]\",\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  },\n);\n\nconst valuePillVariants = cva(\n  \"inline-flex min-w-[2.25rem] items-center justify-end text-[11px] font-medium tabular-nums text-zinc-400 dark:text-zinc-500\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        success: \"\",\n        warning: \"\",\n        error: \"\",\n      },\n    },\n    defaultVariants: { variant: \"default\" },\n  },\n);\n\nexport interface ProgressProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\">,\n    VariantProps<typeof progressTrackVariants>,\n    VariantProps<typeof progressIndicatorVariants> {\n  value?: number;\n  max?: number;\n  label?: string;\n  showValue?: boolean;\n  indeterminate?: boolean;\n  disabled?: boolean;\n}\n\nconst Progress = React.forwardRef<HTMLDivElement, ProgressProps>(\n  (\n    {\n      className,\n      value = 0,\n      max = 100,\n      variant,\n      size,\n      label,\n      showValue = false,\n      indeterminate = false,\n      disabled = false,\n      ...props\n    },\n    ref,\n  ) => {\n    const clamped = Math.min(max, Math.max(0, value));\n    const percentage = max > 0 ? Math.round((clamped / max) * 100) : 0;\n\n    return (\n      <div\n        className={cn(\n          \"flex w-full flex-col gap-2.5\",\n          disabled && \"pointer-events-none opacity-50\",\n          className,\n        )}\n      >\n        {(label || showValue) && (\n          <div className=\"flex items-center justify-between gap-3\">\n            {label && (\n              <span className=\"text-sm text-zinc-600 dark:text-zinc-300\">\n                {label}\n              </span>\n            )}\n            {showValue && !indeterminate && (\n              <span className={cn(valuePillVariants({ variant }))}>\n                {percentage}%\n              </span>\n            )}\n          </div>\n        )}\n        <div\n          ref={ref}\n          role=\"progressbar\"\n          aria-valuemin={0}\n          aria-valuemax={max}\n          aria-valuenow={indeterminate || disabled ? undefined : clamped}\n          aria-label={label}\n          aria-valuetext={indeterminate ? \"Loading\" : `${percentage}%`}\n          aria-disabled={disabled || undefined}\n          className={cn(progressTrackVariants({ size }))}\n          {...props}\n        >\n          {indeterminate ? (\n            <div\n              className={cn(\n                progressIndicatorVariants({ variant }),\n                \"w-[40%] animate-[progress-indeterminate_1.5s_ease-in-out_infinite]\",\n              )}\n            />\n          ) : (\n            <div\n              className={cn(progressIndicatorVariants({ variant }))}\n              style={{ width: `${percentage}%` }}\n            />\n          )}\n        </div>\n      </div>\n    );\n  },\n);\nProgress.displayName = \"Progress\";\n\nexport { Progress, progressTrackVariants, progressIndicatorVariants };\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));\n","\"use client\";\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst switchTrackVariants = cva(\n  [\n    \"relative inline-flex shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-colors duration-200\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-zinc-900/20 focus-visible:ring-offset-2 focus-visible:ring-offset-white\",\n    \"dark:focus-visible:ring-zinc-100/20 dark:focus-visible:ring-offset-zinc-950\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"data-[state=checked]:bg-zinc-900 data-[state=unchecked]:bg-zinc-200\",\n    \"dark:data-[state=checked]:bg-zinc-100 dark:data-[state=unchecked]:bg-zinc-700\",\n    \"hover:data-[state=unchecked]:bg-zinc-300 dark:hover:data-[state=unchecked]:bg-zinc-600\",\n    \"hover:data-[state=checked]:bg-zinc-800 dark:hover:data-[state=checked]:bg-zinc-200\",\n  ],\n  {\n    variants: {\n      size: {\n        sm: \"h-5 w-9\",\n        md: \"h-6 w-11\",\n        lg: \"h-7 w-[3.25rem]\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nconst switchThumbVariants = cva(\n  \"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\",\n  {\n    variants: {\n      size: {\n        sm: \"h-3.5 w-3.5 data-[state=checked]:translate-x-4\",\n        md: \"h-4 w-4 data-[state=checked]:translate-x-5\",\n        lg: \"h-5 w-5 data-[state=checked]:translate-x-6\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n\nexport interface SwitchProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"onChange\" | \"size\">,\n    VariantProps<typeof switchTrackVariants> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: (checked: boolean) => void;\n  label?: string;\n  description?: string;\n}\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  (\n    {\n      className,\n      size,\n      checked,\n      defaultChecked = false,\n      onCheckedChange,\n      disabled,\n      label,\n      description,\n      id,\n      onClick,\n      ...props\n    },\n    ref,\n  ) => {\n    const generatedId = React.useId();\n    const switchId = id ?? generatedId;\n    const isControlled = checked !== undefined;\n    const [uncontrolledChecked, setUncontrolledChecked] = React.useState(defaultChecked);\n    const isChecked = isControlled ? checked : uncontrolledChecked;\n    const state = isChecked ? \"checked\" : \"unchecked\";\n\n    const toggle = () => {\n      if (disabled) return;\n      const next = !isChecked;\n      if (!isControlled) setUncontrolledChecked(next);\n      onCheckedChange?.(next);\n    };\n\n    const switchControl = (\n      <button\n        ref={ref}\n        id={switchId}\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={isChecked}\n        aria-labelledby={label ? `${switchId}-label` : undefined}\n        aria-describedby={description ? `${switchId}-description` : undefined}\n        disabled={disabled}\n        data-state={state}\n        className={cn(switchTrackVariants({ size }), className)}\n        onClick={(event) => {\n          toggle();\n          onClick?.(event);\n        }}\n        onKeyDown={(event) => {\n          if (event.key === \" \") {\n            event.preventDefault();\n            toggle();\n          }\n        }}\n        {...props}\n      >\n        <span data-state={state} className={switchThumbVariants({ size })} />\n      </button>\n    );\n\n    if (!label && !description) {\n      return switchControl;\n    }\n\n    return (\n      <div\n        className={cn(\n          \"flex items-start justify-between gap-4\",\n          disabled && \"opacity-60\",\n        )}\n      >\n        <div className=\"flex min-w-0 flex-col gap-0.5\">\n          {label && (\n            <label\n              id={`${switchId}-label`}\n              htmlFor={switchId}\n              className={cn(\n                \"text-sm font-medium leading-snug text-zinc-800 dark:text-zinc-100\",\n                !disabled && \"cursor-pointer\",\n              )}\n            >\n              {label}\n            </label>\n          )}\n          {description && (\n            <p\n              id={`${switchId}-description`}\n              className=\"text-xs leading-relaxed text-zinc-500 dark:text-zinc-400\"\n            >\n              {description}\n            </p>\n          )}\n        </div>\n        {switchControl}\n      </div>\n    );\n  },\n);\nSwitch.displayName = \"Switch\";\n\nexport { Switch, switchTrackVariants, switchThumbVariants };\n","\"use client\";\n\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"../../lib/cn\";\n\nconst tooltipVariants = cva(\n  [\n    \"pointer-events-none fixed z-50 max-w-[260px] rounded-lg px-3 py-2\",\n    \"text-[13px] font-medium leading-normal tracking-tight\",\n    \"bg-zinc-900 text-zinc-50\",\n    \"shadow-[0_4px_16px_rgba(0,0,0,0.14),0_0_0_1px_rgba(255,255,255,0.06)]\",\n    \"dark:bg-zinc-100 dark:text-zinc-900\",\n    \"dark:shadow-[0_4px_16px_rgba(0,0,0,0.35),0_0_0_1px_rgba(0,0,0,0.06)]\",\n    \"transition-[opacity,transform] duration-200 ease-[cubic-bezier(0.16,1,0.3,1)]\",\n    \"will-change-[opacity,transform]\",\n  ],\n  {\n    variants: {\n      visible: {\n        true: \"opacity-100 scale-100\",\n        false: \"opacity-0 scale-[0.97]\",\n      },\n      side: {\n        top: \"origin-bottom\",\n        bottom: \"origin-top\",\n        left: \"origin-right\",\n        right: \"origin-left\",\n      },\n    },\n    defaultVariants: { visible: false, side: \"top\" },\n  },\n);\n\ntype TooltipSide = \"top\" | \"bottom\" | \"left\" | \"right\";\ntype TooltipAlign = \"start\" | \"center\" | \"end\";\n\nconst VIEWPORT_PADDING = 10;\nconst ARROW_SIZE = 6;\n\nexport interface TooltipProps extends VariantProps<typeof tooltipVariants> {\n  content: React.ReactNode;\n  children: React.ReactNode;\n  side?: TooltipSide;\n  align?: TooltipAlign;\n  sideOffset?: number;\n  delayDuration?: number;\n  disabled?: boolean;\n  className?: string;\n}\n\nfunction getTooltipPosition(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  side: TooltipSide,\n  align: TooltipAlign,\n  sideOffset: number,\n) {\n  const offset = sideOffset + ARROW_SIZE;\n  let top = 0;\n  let left = 0;\n\n  if (side === \"top\") {\n    top = triggerRect.top - tooltipRect.height - offset;\n    left = alignTooltipHorizontal(triggerRect, tooltipRect, align);\n  } else if (side === \"bottom\") {\n    top = triggerRect.bottom + offset;\n    left = alignTooltipHorizontal(triggerRect, tooltipRect, align);\n  } else if (side === \"left\") {\n    top = alignTooltipVertical(triggerRect, tooltipRect, align);\n    left = triggerRect.left - tooltipRect.width - offset;\n  } else {\n    top = alignTooltipVertical(triggerRect, tooltipRect, align);\n    left = triggerRect.right + offset;\n  }\n\n  const maxLeft = window.innerWidth - tooltipRect.width - VIEWPORT_PADDING;\n  const maxTop = window.innerHeight - tooltipRect.height - VIEWPORT_PADDING;\n\n  return {\n    top: Math.min(Math.max(top, VIEWPORT_PADDING), maxTop),\n    left: Math.min(Math.max(left, VIEWPORT_PADDING), maxLeft),\n  };\n}\n\nfunction alignTooltipHorizontal(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  align: TooltipAlign,\n) {\n  if (align === \"start\") return triggerRect.left;\n  if (align === \"end\") return triggerRect.right - tooltipRect.width;\n  return triggerRect.left + triggerRect.width / 2 - tooltipRect.width / 2;\n}\n\nfunction alignTooltipVertical(\n  triggerRect: DOMRect,\n  tooltipRect: DOMRect,\n  align: TooltipAlign,\n) {\n  if (align === \"start\") return triggerRect.top;\n  if (align === \"end\") return triggerRect.bottom - tooltipRect.height;\n  return triggerRect.top + triggerRect.height / 2 - tooltipRect.height / 2;\n}\n\nfunction TooltipArrow({ side }: { side: TooltipSide }) {\n  const position = {\n    top: \"bottom-0 left-1/2 -translate-x-1/2 translate-y-[calc(100%-1px)]\",\n    bottom: \"top-0 left-1/2 -translate-x-1/2 -translate-y-[calc(100%-1px)] rotate-180\",\n    left: \"right-0 top-1/2 -translate-y-1/2 translate-x-[calc(100%-1px)] -rotate-90\",\n    right: \"left-0 top-1/2 -translate-y-1/2 -translate-x-[calc(100%-1px)] rotate-90\",\n  }[side];\n\n  return (\n    <svg\n      aria-hidden\n      width=\"10\"\n      height=\"5\"\n      viewBox=\"0 0 10 5\"\n      className={cn(\n        \"absolute text-zinc-900 dark:text-zinc-100\",\n        position,\n      )}\n    >\n      <path fill=\"currentColor\" d=\"M0 0h10L5 5 0 0z\" />\n    </svg>\n  );\n}\n\nfunction Tooltip({\n  content,\n  children,\n  side = \"top\",\n  align = \"center\",\n  sideOffset = 8,\n  delayDuration = 250,\n  disabled = false,\n  className,\n}: TooltipProps) {\n  const [open, setOpen] = React.useState(false);\n  const [visible, setVisible] = React.useState(false);\n  const [mounted, setMounted] = React.useState(false);\n  const [position, setPosition] = React.useState({ top: -9999, left: -9999 });\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const triggerRef = React.useRef<HTMLSpanElement>(null);\n  const tooltipRef = React.useRef<HTMLDivElement>(null);\n  const id = React.useId();\n\n  React.useEffect(() => setMounted(true), []);\n\n  const clearTimer = () => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n      timeoutRef.current = null;\n    }\n  };\n\n  const updatePosition = React.useCallback(() => {\n    const trigger = triggerRef.current;\n    const tooltip = tooltipRef.current;\n    if (!trigger || !tooltip) return;\n\n    const triggerRect = trigger.getBoundingClientRect();\n    const tooltipRect = tooltip.getBoundingClientRect();\n    setPosition(getTooltipPosition(triggerRect, tooltipRect, side, align, sideOffset));\n    requestAnimationFrame(() => setVisible(true));\n  }, [side, align, sideOffset]);\n\n  const show = () => {\n    if (disabled) return;\n    clearTimer();\n    timeoutRef.current = setTimeout(() => {\n      setVisible(false);\n      setOpen(true);\n    }, delayDuration);\n  };\n\n  const hide = () => {\n    clearTimer();\n    setVisible(false);\n    setOpen(false);\n  };\n\n  React.useEffect(() => clearTimer, []);\n\n  React.useLayoutEffect(() => {\n    if (!open) return;\n    updatePosition();\n    const handleUpdate = () => updatePosition();\n    window.addEventListener(\"scroll\", handleUpdate, true);\n    window.addEventListener(\"resize\", handleUpdate);\n    return () => {\n      window.removeEventListener(\"scroll\", handleUpdate, true);\n      window.removeEventListener(\"resize\", handleUpdate);\n    };\n  }, [open, updatePosition, content]);\n\n  const child = React.Children.only(children);\n  const trigger = React.isValidElement(child)\n    ? React.cloneElement(\n        child as React.ReactElement<{ \"aria-describedby\"?: string }>,\n        { \"aria-describedby\": open && visible ? id : undefined },\n      )\n    : children;\n\n  const tooltipNode = open ? (\n    <div\n      ref={tooltipRef}\n      id={id}\n      role=\"tooltip\"\n      aria-hidden={!visible}\n      style={{ top: position.top, left: position.left }}\n      className={cn(tooltipVariants({ visible, side }), className)}\n    >\n      {content}\n      <TooltipArrow side={side} />\n    </div>\n  ) : null;\n\n  return (\n    <>\n      <span\n        ref={triggerRef}\n        className=\"inline-flex\"\n        onMouseEnter={show}\n        onMouseLeave={hide}\n        onFocus={show}\n        onBlur={hide}\n      >\n        {trigger}\n      </span>\n      {mounted && tooltipNode ? createPortal(tooltipNode, document.body) : null}\n    </>\n  );\n}\n\nexport { Tooltip, tooltipVariants };\n"],"mappings":"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","names":["React","cva","jsx","jsxs","cva","React","cva","jsx","jsxs","cva","trigger"]}

package/package.json

@@ -1,11 +1,29 @@
 {
   "name": "ruler-components",
-  "version": "0.1.0",
+  "version": "0.1.2",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "eslint"
+    "lint": "eslint",
+    "build:lib": "tsup"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "dependencies": {
     "class-variance-authority": "^0.7.1",
@@ -25,6 +43,7 @@
     "eslint": "^9",
     "eslint-config-next": "16.3.0",
     "tailwindcss": "^4",
+    "tsup": "^8.5.0",
     "typescript": "^5"
   }
 }

package/AGENTS.md

@@ -1,9 +0,0 @@
-<!-- BEGIN:nextjs-agent-rules -->
-
-# This is NOT the Next.js you know
-
-This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
-
-This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
-
-<!-- END:nextjs-agent-rules -->

package/CLAUDE.md

@@ -1 +0,0 @@
-@AGENTS.md