@mieweb/ui 0.1.0

package/dist/chunk-B7YGVKTE.cjs

@@ -0,0 +1,184 @@
+'use strict';
+
+var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 textareaVariants = classVarianceAuthority.cva(
+  [
+    "w-full px-3 py-2",
+    "border border-input rounded-lg",
+    "bg-background text-foreground",
+    "placeholder:text-muted-foreground",
+    "transition-colors duration-200",
+    "focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "resize-y"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm min-h-[60px]",
+        md: "text-base min-h-[80px]",
+        lg: "text-lg min-h-[100px]"
+      },
+      hasError: {
+        true: "border-destructive focus:ring-destructive",
+        false: ""
+      },
+      resize: {
+        none: "resize-none",
+        vertical: "resize-y",
+        horizontal: "resize-x",
+        both: "resize"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      hasError: false,
+      resize: "vertical"
+    }
+  }
+);
+var Textarea = React__namespace.forwardRef(
+  ({
+    className,
+    size,
+    hasError,
+    resize,
+    label,
+    hideLabel,
+    error,
+    helperText,
+    maxLength,
+    showCount = false,
+    autoResize = false,
+    id,
+    value,
+    defaultValue,
+    onChange,
+    "aria-describedby": ariaDescribedBy,
+    ...props
+  }, ref) => {
+    const internalRef = React__namespace.useRef(null);
+    const [internalValue, setInternalValue] = React__namespace.useState(
+      defaultValue || ""
+    );
+    const generatedId = React__namespace.useId();
+    const textareaId = id || generatedId;
+    const errorId = `${textareaId}-error`;
+    const helperId = `${textareaId}-helper`;
+    const countId = `${textareaId}-count`;
+    React__namespace.useImperativeHandle(ref, () => internalRef.current);
+    const currentValue = value !== void 0 ? String(value) : internalValue;
+    const characterCount = currentValue.length;
+    const adjustHeight = React__namespace.useCallback(() => {
+      const textarea = internalRef.current;
+      if (textarea && autoResize) {
+        textarea.style.height = "auto";
+        textarea.style.height = `${textarea.scrollHeight}px`;
+      }
+    }, [autoResize]);
+    React__namespace.useEffect(() => {
+      adjustHeight();
+    }, [currentValue, adjustHeight]);
+    const handleChange = React__namespace.useCallback(
+      (e) => {
+        if (value === void 0) {
+          setInternalValue(e.target.value);
+        }
+        onChange?.(e);
+        adjustHeight();
+      },
+      [value, onChange, adjustHeight]
+    );
+    const describedByIds = [
+      error ? errorId : null,
+      helperText ? helperId : null,
+      showCount ? countId : null,
+      ariaDescribedBy
+    ].filter(Boolean).join(" ");
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1.5", children: [
+      label && /* @__PURE__ */ jsxRuntime.jsx(
+        "label",
+        {
+          htmlFor: textareaId,
+          className: chunkOR5DRJCW_cjs.cn(
+            "text-foreground text-sm font-medium",
+            hideLabel && "sr-only"
+          ),
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          ref: internalRef,
+          id: textareaId,
+          value,
+          defaultValue: value === void 0 ? defaultValue : void 0,
+          onChange: handleChange,
+          maxLength,
+          "aria-invalid": hasError || !!error,
+          "aria-describedby": describedByIds || void 0,
+          className: chunkOR5DRJCW_cjs.cn(
+            textareaVariants({
+              size,
+              hasError: hasError || !!error,
+              resize: autoResize ? "none" : resize
+            }),
+            className
+          ),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1", children: [
+          error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "text-destructive text-sm", role: "alert", children: error }),
+          helperText && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: helperId, className: "text-muted-foreground text-sm", children: helperText })
+        ] }),
+        showCount && /* @__PURE__ */ jsxRuntime.jsxs(
+          "p",
+          {
+            id: countId,
+            className: chunkOR5DRJCW_cjs.cn(
+              "text-muted-foreground shrink-0 text-xs",
+              maxLength && characterCount >= maxLength && "text-destructive"
+            ),
+            children: [
+              characterCount,
+              maxLength && `/${maxLength}`
+            ]
+          }
+        )
+      ] })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.Textarea = Textarea;
+exports.textareaVariants = textareaVariants;
+//# sourceMappingURL=chunk-B7YGVKTE.cjs.map
+//# sourceMappingURL=chunk-B7YGVKTE.cjs.map

package/dist/chunk-B7YGVKTE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Textarea/Textarea.tsx"],"names":["cva","React","jsxs","jsx","cn"],"mappings":"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","file":"chunk-B7YGVKTE.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\nconst textareaVariants = cva(\n  [\n    'w-full px-3 py-2',\n    'border border-input rounded-lg',\n    'bg-background text-foreground',\n    'placeholder:text-muted-foreground',\n    'transition-colors duration-200',\n    'focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'resize-y',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'text-sm min-h-[60px]',\n        md: 'text-base min-h-[80px]',\n        lg: 'text-lg min-h-[100px]',\n      },\n      hasError: {\n        true: 'border-destructive focus:ring-destructive',\n        false: '',\n      },\n      resize: {\n        none: 'resize-none',\n        vertical: 'resize-y',\n        horizontal: 'resize-x',\n        both: 'resize',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      hasError: false,\n      resize: 'vertical',\n    },\n  }\n);\n\nexport interface TextareaProps\n  extends\n    Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'size'>,\n    VariantProps<typeof textareaVariants> {\n  /** Label for the textarea */\n  label?: string;\n  /** Whether the label should be visually hidden */\n  hideLabel?: boolean;\n  /** Error message to display */\n  error?: string;\n  /** Helper text to display */\n  helperText?: string;\n  /** Maximum character count */\n  maxLength?: number;\n  /** Show character count */\n  showCount?: boolean;\n  /** Auto-resize based on content */\n  autoResize?: boolean;\n}\n\n/**\n * A multi-line text input component with character count and auto-resize.\n *\n * @example\n * ```tsx\n * <Textarea label=\"Description\" placeholder=\"Enter a description...\" />\n * <Textarea\n *   label=\"Bio\"\n *   maxLength={280}\n *   showCount\n *   helperText=\"Tell us about yourself\"\n * />\n * ```\n */\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      className,\n      size,\n      hasError,\n      resize,\n      label,\n      hideLabel,\n      error,\n      helperText,\n      maxLength,\n      showCount = false,\n      autoResize = false,\n      id,\n      value,\n      defaultValue,\n      onChange,\n      'aria-describedby': ariaDescribedBy,\n      ...props\n    },\n    ref\n  ) => {\n    const internalRef = React.useRef<HTMLTextAreaElement>(null);\n    const [internalValue, setInternalValue] = React.useState(\n      (defaultValue as string) || ''\n    );\n\n    const generatedId = React.useId();\n    const textareaId = id || generatedId;\n    const errorId = `${textareaId}-error`;\n    const helperId = `${textareaId}-helper`;\n    const countId = `${textareaId}-count`;\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => internalRef.current!);\n\n    // Get current value\n    const currentValue = value !== undefined ? String(value) : internalValue;\n    const characterCount = currentValue.length;\n\n    // Auto-resize logic\n    const adjustHeight = React.useCallback(() => {\n      const textarea = internalRef.current;\n      if (textarea && autoResize) {\n        textarea.style.height = 'auto';\n        textarea.style.height = `${textarea.scrollHeight}px`;\n      }\n    }, [autoResize]);\n\n    React.useEffect(() => {\n      adjustHeight();\n    }, [currentValue, adjustHeight]);\n\n    // Handle change\n    const handleChange = React.useCallback(\n      (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n        if (value === undefined) {\n          setInternalValue(e.target.value);\n        }\n        onChange?.(e);\n        adjustHeight();\n      },\n      [value, onChange, adjustHeight]\n    );\n\n    // Build aria-describedby\n    const describedByIds = [\n      error ? errorId : null,\n      helperText ? helperId : null,\n      showCount ? countId : null,\n      ariaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    return (\n      <div className=\"flex flex-col gap-1.5\">\n        {label && (\n          <label\n            htmlFor={textareaId}\n            className={cn(\n              'text-foreground text-sm font-medium',\n              hideLabel && 'sr-only'\n            )}\n          >\n            {label}\n          </label>\n        )}\n        <textarea\n          ref={internalRef}\n          id={textareaId}\n          value={value}\n          defaultValue={value === undefined ? defaultValue : undefined}\n          onChange={handleChange}\n          maxLength={maxLength}\n          aria-invalid={hasError || !!error}\n          aria-describedby={describedByIds || undefined}\n          className={cn(\n            textareaVariants({\n              size,\n              hasError: hasError || !!error,\n              resize: autoResize ? 'none' : resize,\n            }),\n            className\n          )}\n          {...props}\n        />\n        <div className=\"flex items-center justify-between gap-2\">\n          <div className=\"flex-1\">\n            {error && (\n              <p id={errorId} className=\"text-destructive text-sm\" role=\"alert\">\n                {error}\n              </p>\n            )}\n            {helperText && !error && (\n              <p id={helperId} className=\"text-muted-foreground text-sm\">\n                {helperText}\n              </p>\n            )}\n          </div>\n          {showCount && (\n            <p\n              id={countId}\n              className={cn(\n                'text-muted-foreground shrink-0 text-xs',\n                maxLength && characterCount >= maxLength && 'text-destructive'\n              )}\n            >\n              {characterCount}\n              {maxLength && `/${maxLength}`}\n            </p>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nTextarea.displayName = 'Textarea';\n\nexport { Textarea, textareaVariants };\n"]}

package/dist/chunk-BR2XGATJ.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/useFocusTrap.ts
+function useFocusTrap(enabled = true) {
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!enabled || !containerRef.current) return;
+    const container = containerRef.current;
+    const focusableElements = container.querySelectorAll(
+      'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])'
+    );
+    if (focusableElements.length === 0) return;
+    const firstElement = focusableElements[0];
+    const lastElement = focusableElements[focusableElements.length - 1];
+    firstElement.focus();
+    const handleKeyDown = (event) => {
+      if (event.key !== "Tab") return;
+      if (event.shiftKey) {
+        if (document.activeElement === firstElement) {
+          event.preventDefault();
+          lastElement.focus();
+        }
+      } else {
+        if (document.activeElement === lastElement) {
+          event.preventDefault();
+          firstElement.focus();
+        }
+      }
+    };
+    container.addEventListener("keydown", handleKeyDown);
+    return () => container.removeEventListener("keydown", handleKeyDown);
+  }, [enabled]);
+  return containerRef;
+}
+
+exports.useFocusTrap = useFocusTrap;
+//# sourceMappingURL=chunk-BR2XGATJ.cjs.map
+//# sourceMappingURL=chunk-BR2XGATJ.cjs.map

package/dist/chunk-BR2XGATJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useFocusTrap.ts"],"names":["useRef","useEffect"],"mappings":";;;;;AAsBO,SAAS,YAAA,CACd,UAAU,IAAA,EACW;AACrB,EAAA,MAAM,YAAA,GAAeA,aAAU,IAAI,CAAA;AAEnC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,IAAW,CAAC,YAAA,CAAa,OAAA,EAAS;AAEvC,IAAA,MAAM,YAAY,YAAA,CAAa,OAAA;AAC/B,IAAA,MAAM,oBAAoB,SAAA,CAAU,gBAAA;AAAA,MAClC;AAAA,KACF;AAEA,IAAA,IAAI,iBAAA,CAAkB,WAAW,CAAA,EAAG;AAEpC,IAAA,MAAM,YAAA,GAAe,kBAAkB,CAAC,CAAA;AACxC,IAAA,MAAM,WAAA,GAAc,iBAAA,CAAkB,iBAAA,CAAkB,MAAA,GAAS,CAAC,CAAA;AAGlE,IAAA,YAAA,CAAa,KAAA,EAAM;AAEnB,IAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAoC;AACzD,MAAA,IAAI,KAAA,CAAM,QAAQ,KAAA,EAAO;AAEzB,MAAA,IAAI,MAAM,QAAA,EAAU;AAElB,QAAA,IAAI,QAAA,CAAS,kBAAkB,YAAA,EAAc;AAC3C,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,WAAA,CAAY,KAAA,EAAM;AAAA,QACpB;AAAA,MACF,CAAA,MAAO;AAEL,QAAA,IAAI,QAAA,CAAS,kBAAkB,WAAA,EAAa;AAC1C,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,YAAA,CAAa,KAAA,EAAM;AAAA,QACrB;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA,SAAA,CAAU,gBAAA,CAAiB,WAAW,aAAa,CAAA;AACnD,IAAA,OAAO,MAAM,SAAA,CAAU,mBAAA,CAAoB,SAAA,EAAW,aAAa,CAAA;AAAA,EACrE,CAAA,EAAG,CAAC,OAAO,CAAC,CAAA;AAEZ,EAAA,OAAO,YAAA;AACT","file":"chunk-BR2XGATJ.cjs","sourcesContent":["import { useEffect, useRef, type RefObject } from 'react';\n\n/**\n * Hook that traps focus within a container element.\n * Essential for accessibility in modals and dialogs.\n *\n * @param enabled - Whether focus trapping is active\n * @returns ref to attach to the container element\n *\n * @example\n * ```tsx\n * function Modal({ isOpen }: { isOpen: boolean }) {\n *   const containerRef = useFocusTrap<HTMLDivElement>(isOpen);\n *   return (\n *     <div ref={containerRef} role=\"dialog\" aria-modal=\"true\">\n *       <button>First focusable</button>\n *       <button>Last focusable</button>\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useFocusTrap<T extends HTMLElement>(\n  enabled = true\n): RefObject<T | null> {\n  const containerRef = useRef<T>(null);\n\n  useEffect(() => {\n    if (!enabled || !containerRef.current) return;\n\n    const container = containerRef.current;\n    const focusableElements = container.querySelectorAll<HTMLElement>(\n      'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n    );\n\n    if (focusableElements.length === 0) return;\n\n    const firstElement = focusableElements[0];\n    const lastElement = focusableElements[focusableElements.length - 1];\n\n    // Focus the first element when trap is enabled\n    firstElement.focus();\n\n    const handleKeyDown = (event: globalThis.KeyboardEvent) => {\n      if (event.key !== 'Tab') return;\n\n      if (event.shiftKey) {\n        // Shift + Tab\n        if (document.activeElement === firstElement) {\n          event.preventDefault();\n          lastElement.focus();\n        }\n      } else {\n        // Tab\n        if (document.activeElement === lastElement) {\n          event.preventDefault();\n          firstElement.focus();\n        }\n      }\n    };\n\n    container.addEventListener('keydown', handleKeyDown);\n    return () => container.removeEventListener('keydown', handleKeyDown);\n  }, [enabled]);\n\n  return containerRef;\n}\n"]}

package/dist/chunk-BTJHYGPI.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+// src/utils/phone.ts
+function formatPhoneNumber(value) {
+  const digits = value.replace(/\D/g, "").slice(0, 10);
+  if (digits.length === 0) return "";
+  if (digits.length <= 3) return `(${digits}`;
+  if (digits.length <= 6) return `(${digits.slice(0, 3)}) ${digits.slice(3)}`;
+  return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;
+}
+function unformatPhoneNumber(value) {
+  return value.replace(/\D/g, "");
+}
+function isValidPhoneNumber(value) {
+  const digits = unformatPhoneNumber(value);
+  return digits.length === 10;
+}
+function isPhoneNumberEmpty(value) {
+  return unformatPhoneNumber(value).length === 0;
+}
+
+exports.formatPhoneNumber = formatPhoneNumber;
+exports.isPhoneNumberEmpty = isPhoneNumberEmpty;
+exports.isValidPhoneNumber = isValidPhoneNumber;
+exports.unformatPhoneNumber = unformatPhoneNumber;
+//# sourceMappingURL=chunk-BTJHYGPI.cjs.map
+//# sourceMappingURL=chunk-BTJHYGPI.cjs.map

package/dist/chunk-BTJHYGPI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/phone.ts"],"names":[],"mappings":";;;AAOO,SAAS,kBAAkB,KAAA,EAAuB;AACvD,EAAA,MAAM,MAAA,GAAS,MAAM,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA,CAAE,KAAA,CAAM,GAAG,EAAE,CAAA;AACnD,EAAA,IAAI,MAAA,CAAO,MAAA,KAAW,CAAA,EAAG,OAAO,EAAA;AAChC,EAAA,IAAI,MAAA,CAAO,MAAA,IAAU,CAAA,EAAG,OAAO,IAAI,MAAM,CAAA,CAAA;AACzC,EAAA,IAAI,MAAA,CAAO,MAAA,IAAU,CAAA,EAAG,OAAO,IAAI,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AACzE,EAAA,OAAO,IAAI,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,EAAA,EAAK,MAAA,CAAO,KAAA,CAAM,CAAA,EAAG,CAAC,CAAC,CAAA,CAAA,EAAI,MAAA,CAAO,KAAA,CAAM,CAAC,CAAC,CAAA,CAAA;AACzE;AAKO,SAAS,oBAAoB,KAAA,EAAuB;AACzD,EAAA,OAAO,KAAA,CAAM,OAAA,CAAQ,KAAA,EAAO,EAAE,CAAA;AAChC;AAKO,SAAS,mBAAmB,KAAA,EAAwB;AACzD,EAAA,MAAM,MAAA,GAAS,oBAAoB,KAAK,CAAA;AACxC,EAAA,OAAO,OAAO,MAAA,KAAW,EAAA;AAC3B;AAKO,SAAS,mBAAmB,KAAA,EAAwB;AACzD,EAAA,OAAO,mBAAA,CAAoB,KAAK,CAAA,CAAE,MAAA,KAAW,CAAA;AAC/C","file":"chunk-BTJHYGPI.cjs","sourcesContent":["/**\n * Phone number formatting utilities\n */\n\n/**\n * Formats a phone number string to US format: (XXX) XXX-XXXX\n */\nexport function formatPhoneNumber(value: string): string {\n  const digits = value.replace(/\\D/g, '').slice(0, 10);\n  if (digits.length === 0) return '';\n  if (digits.length <= 3) return `(${digits}`;\n  if (digits.length <= 6) return `(${digits.slice(0, 3)}) ${digits.slice(3)}`;\n  return `(${digits.slice(0, 3)}) ${digits.slice(3, 6)}-${digits.slice(6)}`;\n}\n\n/**\n * Removes formatting from a phone number, returning only digits\n */\nexport function unformatPhoneNumber(value: string): string {\n  return value.replace(/\\D/g, '');\n}\n\n/**\n * Validates if a phone number has exactly 10 digits\n */\nexport function isValidPhoneNumber(value: string): boolean {\n  const digits = unformatPhoneNumber(value);\n  return digits.length === 10;\n}\n\n/**\n * Checks if a phone number string is empty (no digits)\n */\nexport function isPhoneNumberEmpty(value: string): boolean {\n  return unformatPhoneNumber(value).length === 0;\n}\n"]}

package/dist/chunk-BXK5TNJE.cjs

@@ -0,0 +1,329 @@
+'use strict';
+
+var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
+var chunkOR5DRJCW_cjs = require('./chunk-OR5DRJCW.cjs');
+var React = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+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 DEFAULT_OFFSET = 8;
+var VIEWPORT_PADDING = 8;
+function Tooltip({
+  content,
+  children,
+  placement: preferredPlacement = "top",
+  delay = 200,
+  disabled = false,
+  open: controlledOpen,
+  onOpenChange,
+  className,
+  maxWidth = 250,
+  offset = DEFAULT_OFFSET
+}) {
+  const [uncontrolledOpen, setUncontrolledOpen] = React__namespace.useState(false);
+  const [position, setPosition] = React__namespace.useState(null);
+  const [isDarkMode, setIsDarkMode] = React__namespace.useState(false);
+  const showTimeoutRef = React__namespace.useRef(
+    null
+  );
+  const hideTimeoutRef = React__namespace.useRef(
+    null
+  );
+  const isHoveringRef = React__namespace.useRef(false);
+  const wrapperRef = React__namespace.useRef(null);
+  const tooltipRef = React__namespace.useRef(null);
+  const tooltipId = React__namespace.useId();
+  const prefersReducedMotion = chunk6HFFWEM3_cjs.usePrefersReducedMotion();
+  const isControlled = controlledOpen !== void 0;
+  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;
+  const setOpen = React__namespace.useCallback(
+    (value) => {
+      if (!isControlled) {
+        setUncontrolledOpen(value);
+      }
+      onOpenChange?.(value);
+    },
+    [isControlled, onOpenChange]
+  );
+  const clearTimeouts = React__namespace.useCallback(() => {
+    if (showTimeoutRef.current) {
+      clearTimeout(showTimeoutRef.current);
+      showTimeoutRef.current = null;
+    }
+    if (hideTimeoutRef.current) {
+      clearTimeout(hideTimeoutRef.current);
+      hideTimeoutRef.current = null;
+    }
+  }, []);
+  const calculatePosition = React__namespace.useCallback(() => {
+    if (!wrapperRef.current || !tooltipRef.current) return;
+    const triggerRect = wrapperRef.current.getBoundingClientRect();
+    const tooltipRect = tooltipRef.current.getBoundingClientRect();
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    const fitsPlacement = (p) => {
+      switch (p) {
+        case "top":
+          return triggerRect.top - tooltipRect.height - offset >= VIEWPORT_PADDING;
+        case "bottom":
+          return triggerRect.bottom + tooltipRect.height + offset <= viewportHeight - VIEWPORT_PADDING;
+        case "left":
+          return triggerRect.left - tooltipRect.width - offset >= VIEWPORT_PADDING;
+        case "right":
+          return triggerRect.right + tooltipRect.width + offset <= viewportWidth - VIEWPORT_PADDING;
+      }
+    };
+    let actualPlacement = preferredPlacement;
+    if (!fitsPlacement(preferredPlacement)) {
+      const opposites = {
+        top: "bottom",
+        bottom: "top",
+        left: "right",
+        right: "left"
+      };
+      const opposite = opposites[preferredPlacement];
+      if (fitsPlacement(opposite)) {
+        actualPlacement = opposite;
+      } else {
+        const perpendicular = preferredPlacement === "top" || preferredPlacement === "bottom" ? ["right", "left"] : ["bottom", "top"];
+        for (const p of perpendicular) {
+          if (fitsPlacement(p)) {
+            actualPlacement = p;
+            break;
+          }
+        }
+      }
+    }
+    let top = 0;
+    let left = 0;
+    const triggerCenterX = triggerRect.left + triggerRect.width / 2;
+    const triggerCenterY = triggerRect.top + triggerRect.height / 2;
+    switch (actualPlacement) {
+      case "top":
+        top = triggerRect.top - tooltipRect.height - offset;
+        left = triggerCenterX - tooltipRect.width / 2;
+        break;
+      case "bottom":
+        top = triggerRect.bottom + offset;
+        left = triggerCenterX - tooltipRect.width / 2;
+        break;
+      case "left":
+        top = triggerCenterY - tooltipRect.height / 2;
+        left = triggerRect.left - tooltipRect.width - offset;
+        break;
+      case "right":
+        top = triggerCenterY - tooltipRect.height / 2;
+        left = triggerRect.right + offset;
+        break;
+    }
+    let arrowOffset = 0;
+    const idealLeft = left;
+    if (left < VIEWPORT_PADDING) {
+      left = VIEWPORT_PADDING;
+    } else if (left + tooltipRect.width > viewportWidth - VIEWPORT_PADDING) {
+      left = viewportWidth - tooltipRect.width - VIEWPORT_PADDING;
+    }
+    if (actualPlacement === "top" || actualPlacement === "bottom") {
+      arrowOffset = idealLeft - left;
+    }
+    if (top < VIEWPORT_PADDING) {
+      top = VIEWPORT_PADDING;
+    } else if (top + tooltipRect.height > viewportHeight - VIEWPORT_PADDING) {
+      top = viewportHeight - tooltipRect.height - VIEWPORT_PADDING;
+    }
+    setPosition({ top, left, actualPlacement, arrowOffset });
+  }, [preferredPlacement, offset]);
+  React__namespace.useEffect(() => {
+    if (typeof document === "undefined") return;
+    const checkDarkMode = () => {
+      setIsDarkMode(document.documentElement.classList.contains("dark"));
+    };
+    checkDarkMode();
+    const observer = new window.MutationObserver(checkDarkMode);
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["class"]
+    });
+    return () => observer.disconnect();
+  }, []);
+  React__namespace.useEffect(() => {
+    if (!isOpen) {
+      setPosition(null);
+      return;
+    }
+    const rafId = window.requestAnimationFrame(() => {
+      calculatePosition();
+    });
+    const handleUpdate = () => calculatePosition();
+    window.addEventListener("scroll", handleUpdate, true);
+    window.addEventListener("resize", handleUpdate);
+    return () => {
+      window.cancelAnimationFrame(rafId);
+      window.removeEventListener("scroll", handleUpdate, true);
+      window.removeEventListener("resize", handleUpdate);
+    };
+  }, [isOpen, calculatePosition]);
+  const handleMouseEnter = React__namespace.useCallback(() => {
+    if (disabled) return;
+    isHoveringRef.current = true;
+    clearTimeouts();
+    showTimeoutRef.current = setTimeout(() => {
+      if (isHoveringRef.current) {
+        setOpen(true);
+      }
+    }, delay);
+  }, [disabled, delay, setOpen, clearTimeouts]);
+  const handleMouseLeave = React__namespace.useCallback(() => {
+    isHoveringRef.current = false;
+    clearTimeouts();
+    hideTimeoutRef.current = setTimeout(() => {
+      if (!isHoveringRef.current) {
+        setOpen(false);
+      }
+    }, 100);
+  }, [setOpen, clearTimeouts]);
+  const handleFocus = React__namespace.useCallback(() => {
+    if (disabled) return;
+    clearTimeouts();
+    setOpen(true);
+  }, [disabled, setOpen, clearTimeouts]);
+  const handleBlur = React__namespace.useCallback(() => {
+    clearTimeouts();
+    setOpen(false);
+  }, [setOpen, clearTimeouts]);
+  React__namespace.useEffect(() => {
+    return () => {
+      clearTimeouts();
+    };
+  }, [clearTimeouts]);
+  const trigger = React__namespace.cloneElement(children, {
+    onFocus: handleFocus,
+    onBlur: handleBlur,
+    "aria-describedby": isOpen ? tooltipId : void 0
+  });
+  const getArrowStyle = (isDark) => {
+    if (!position) return {};
+    const { actualPlacement, arrowOffset } = position;
+    const baseStyle = {
+      position: "absolute",
+      width: 0,
+      height: 0,
+      borderStyle: "solid",
+      // Must use content-box for CSS border triangle to work (Tailwind sets border-box globally)
+      boxSizing: "content-box"
+    };
+    const arrowSize = 5;
+    const arrowColor = isDark ? "#f5f5f5" : "#171717";
+    switch (actualPlacement) {
+      case "top":
+        return {
+          ...baseStyle,
+          bottom: -5,
+          left: `calc(50% + ${arrowOffset}px)`,
+          transform: "translateX(-50%)",
+          borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,
+          borderColor: `${arrowColor} transparent transparent transparent`
+        };
+      case "bottom":
+        return {
+          ...baseStyle,
+          top: -5,
+          left: `calc(50% + ${arrowOffset}px)`,
+          transform: "translateX(-50%)",
+          borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,
+          borderColor: `transparent transparent ${arrowColor} transparent`
+        };
+      case "left":
+        return {
+          ...baseStyle,
+          right: -5,
+          top: "50%",
+          transform: "translateY(-50%)",
+          borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,
+          borderColor: `transparent transparent transparent ${arrowColor}`
+        };
+      case "right":
+        return {
+          ...baseStyle,
+          left: -5,
+          top: "50%",
+          transform: "translateY(-50%)",
+          borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,
+          borderColor: `transparent ${arrowColor} transparent transparent`
+        };
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: wrapperRef,
+      className: "relative inline-flex",
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        trigger,
+        isOpen && !disabled && typeof document !== "undefined" && reactDom.createPortal(
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              ref: tooltipRef,
+              id: tooltipId,
+              role: "tooltip",
+              "aria-hidden": !isOpen,
+              style: {
+                position: "fixed",
+                top: position?.top ?? -9999,
+                left: position?.left ?? -9999,
+                maxWidth: maxWidth === "none" ? void 0 : maxWidth,
+                visibility: position ? "visible" : "hidden",
+                // Use inline styles to ensure they work in portals (rendered outside React tree)
+                backgroundColor: isDarkMode ? "#f5f5f5" : "#171717",
+                // neutral-100 / neutral-900
+                color: isDarkMode ? "#171717" : "#ffffff",
+                // neutral-900 / white
+                fontFamily: "var(--mieweb-font-sans, ui-sans-serif, system-ui, sans-serif)"
+              },
+              className: chunkOR5DRJCW_cjs.cn(
+                "pointer-events-none z-[9999] px-3 py-1.5 text-xs",
+                "rounded-md shadow-md",
+                "leading-normal font-semibold",
+                !prefersReducedMotion && position && "animate-fade-in",
+                className
+              ),
+              children: [
+                content,
+                position && /* @__PURE__ */ jsxRuntime.jsx("span", { style: getArrowStyle(isDarkMode), "aria-hidden": "true" })
+              ]
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+Tooltip.displayName = "Tooltip";
+
+exports.Tooltip = Tooltip;
+//# sourceMappingURL=chunk-BXK5TNJE.cjs.map
+//# sourceMappingURL=chunk-BXK5TNJE.cjs.map