@mieweb/ui 0.8.0 → 0.9.0-dev.0

package/dist/chunk-BN75TLUN.cjs

@@ -0,0 +1,163 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+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);
+
+// src/motion/presets.ts
+var motionPresets = {
+  /**
+   * Off-canvas panel pinned to the inline-start edge. Animates `x` only, which
+   * the compositor can handle without layout or paint.
+   */
+  drawerStart: {
+    variants: {
+      open: { x: "0%" },
+      // Off-canvas direction follows writing direction, mirroring the
+      // `-translate-x-full rtl:translate-x-full` CSS fallback.
+      closed: (isRtl) => ({ x: isRtl ? "100%" : "-100%" })
+    },
+    transition: { type: "spring", stiffness: 400, damping: 40, mass: 1 }
+  },
+  /** Scrim behind a drawer or modal. */
+  overlay: {
+    variants: {
+      open: { opacity: 1 },
+      closed: { opacity: 0 }
+    },
+    transition: { duration: 0.2, ease: "easeOut" }
+  },
+  /** Centered dialog surface — rises and settles rather than popping. */
+  modalContent: {
+    variants: {
+      open: { opacity: 1, scale: 1, y: 0 },
+      closed: { opacity: 0, scale: 0.96, y: 8 }
+    },
+    transition: { type: "spring", stiffness: 500, damping: 40, mass: 0.8 }
+  },
+  /**
+   * Text that disappears as its container narrows — sidebar labels on collapse.
+   *
+   * Opacity only, and deliberately so. An inline-axis slide would read slightly
+   * better but would make every label direction-aware, and resolving direction
+   * per nav item is a disproportionate amount of plumbing for an 8px nudge.
+   * Fading also degrades to itself under reduced motion instead of becoming a
+   * different animation.
+   *
+   * Short because it runs on many elements at once and has to finish inside the
+   * container's own width transition, or labels are still fading after the rail
+   * has stopped moving.
+   */
+  sidebarLabel: {
+    variants: {
+      open: { opacity: 1 },
+      closed: { opacity: 0 }
+    },
+    transition: { duration: 0.15, ease: "easeOut" }
+  }
+};
+var CONTEXT_KEY = /* @__PURE__ */ Symbol.for("@mieweb/ui.motionRuntimeContext.v1");
+function getMotionRuntimeContext() {
+  const globalScope = globalThis;
+  if (!globalScope[CONTEXT_KEY]) {
+    globalScope[CONTEXT_KEY] = React__namespace.createContext(null);
+  }
+  return globalScope[CONTEXT_KEY];
+}
+var MotionRuntimeContext = getMotionRuntimeContext();
+function useMotionRuntime() {
+  return React__namespace.useContext(MotionRuntimeContext);
+}
+function createPresetPropBuilders() {
+  return {
+    toggle(preset, open, custom) {
+      const { variants, transition } = motionPresets[preset];
+      return {
+        variants,
+        transition,
+        custom,
+        // `false` pins the element to its current variant on mount instead of
+        // animating into it.
+        initial: false,
+        animate: open ? "open" : "closed"
+      };
+    },
+    presence(preset, custom) {
+      const { variants, transition } = motionPresets[preset];
+      return {
+        variants,
+        transition,
+        custom,
+        initial: "closed",
+        animate: "open",
+        exit: "closed"
+      };
+    }
+  };
+}
+var Animated = React__namespace.forwardRef(
+  function Animated2({
+    as = "div",
+    preset,
+    mode,
+    open = false,
+    custom,
+    className,
+    fallbackClassName,
+    enabled = true,
+    children,
+    ...rest
+  }, ref) {
+    const runtime = useMotionRuntime();
+    if (!runtime || !runtime.enabled || !enabled) {
+      const Tag = as;
+      return /* @__PURE__ */ jsxRuntime.jsx(Tag, { ref, className: chunkS5RVSXDV_cjs.cn(fallbackClassName, className), ...rest, children });
+    }
+    const Component = as === "nav" ? runtime.Nav : as === "span" ? runtime.Span : runtime.Div;
+    const motionProps = mode === "toggle" ? runtime.toggle(preset, open, custom) : runtime.presence(preset, custom);
+    return /* @__PURE__ */ jsxRuntime.jsx(Component, { ref, className, ...motionProps, ...rest, children });
+  }
+);
+Animated.displayName = "Animated";
+function AnimatedPresence({
+  children,
+  initial,
+  onExitComplete
+}) {
+  const runtime = useMotionRuntime();
+  if (!runtime) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  const { Presence } = runtime;
+  return /* @__PURE__ */ jsxRuntime.jsx(Presence, { initial, onExitComplete, children });
+}
+AnimatedPresence.displayName = "AnimatedPresence";
+
+exports.Animated = Animated;
+exports.AnimatedPresence = AnimatedPresence;
+exports.MotionRuntimeContext = MotionRuntimeContext;
+exports.createPresetPropBuilders = createPresetPropBuilders;
+exports.motionPresets = motionPresets;
+exports.useMotionRuntime = useMotionRuntime;
+//# sourceMappingURL=chunk-BN75TLUN.cjs.map
+//# sourceMappingURL=chunk-BN75TLUN.cjs.map

package/dist/chunk-BN75TLUN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/motion/presets.ts","../src/motion/runtime.ts","../src/motion/Animated.tsx"],"names":["React","React2","Animated","jsx","cn"],"mappings":"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","file":"chunk-BN75TLUN.cjs","sourcesContent":["/**\n * Motion presets — the shared vocabulary of animations.\n *\n * This module is intentionally **free of any `motion` import**. It ships in the\n * main `@mieweb/ui` entry so components can describe *what* they animate\n * without pulling in a runtime to actually do it. The `@mieweb/ui/motion` entry\n * is what turns these descriptions into real animations.\n *\n * Every preset is expressed as an open/closed variant pair so the same\n * definition serves both usages:\n *\n * - **toggle** — the element stays mounted and animates between `open` and\n *   `closed` (a drawer sliding in and out).\n * - **presence** — the element mounts and unmounts, entering on `open` and\n *   exiting back to `closed` (a modal).\n */\n\n// =============================================================================\n// Types\n// =============================================================================\n\n/** Named animation recipes shared by components. */\nexport type MotionPreset =\n  | 'drawerStart'\n  | 'overlay'\n  | 'modalContent'\n  | 'sidebarLabel';\n\n/**\n * A variant value. Either a plain target object or a function of the element's\n * `custom` value — the latter lets a single preset adapt to context, e.g. a\n * drawer flipping its off-canvas direction in RTL.\n */\nexport type MotionVariant =\n  | Record<string, unknown>\n  | ((custom: unknown) => Record<string, unknown>);\n\nexport interface MotionPresetDefinition {\n  variants: {\n    open: MotionVariant;\n    closed: MotionVariant;\n  };\n  transition: Record<string, unknown>;\n}\n\n// =============================================================================\n// Presets\n// =============================================================================\n\n/**\n * `custom` contract per preset:\n *\n * - `drawerStart` — `boolean`, whether the document direction is RTL.\n * - `overlay`, `modalContent`, `sidebarLabel` — unused.\n */\nexport const motionPresets: Record<MotionPreset, MotionPresetDefinition> = {\n  /**\n   * Off-canvas panel pinned to the inline-start edge. Animates `x` only, which\n   * the compositor can handle without layout or paint.\n   */\n  drawerStart: {\n    variants: {\n      open: { x: '0%' },\n      // Off-canvas direction follows writing direction, mirroring the\n      // `-translate-x-full rtl:translate-x-full` CSS fallback.\n      closed: (isRtl: unknown) => ({ x: isRtl ? '100%' : '-100%' }),\n    },\n    transition: { type: 'spring', stiffness: 400, damping: 40, mass: 1 },\n  },\n\n  /** Scrim behind a drawer or modal. */\n  overlay: {\n    variants: {\n      open: { opacity: 1 },\n      closed: { opacity: 0 },\n    },\n    transition: { duration: 0.2, ease: 'easeOut' },\n  },\n\n  /** Centered dialog surface — rises and settles rather than popping. */\n  modalContent: {\n    variants: {\n      open: { opacity: 1, scale: 1, y: 0 },\n      closed: { opacity: 0, scale: 0.96, y: 8 },\n    },\n    transition: { type: 'spring', stiffness: 500, damping: 40, mass: 0.8 },\n  },\n\n  /**\n   * Text that disappears as its container narrows — sidebar labels on collapse.\n   *\n   * Opacity only, and deliberately so. An inline-axis slide would read slightly\n   * better but would make every label direction-aware, and resolving direction\n   * per nav item is a disproportionate amount of plumbing for an 8px nudge.\n   * Fading also degrades to itself under reduced motion instead of becoming a\n   * different animation.\n   *\n   * Short because it runs on many elements at once and has to finish inside the\n   * container's own width transition, or labels are still fading after the rail\n   * has stopped moving.\n   */\n  sidebarLabel: {\n    variants: {\n      open: { opacity: 1 },\n      closed: { opacity: 0 },\n    },\n    transition: { duration: 0.15, ease: 'easeOut' },\n  },\n};\n","/**\n * Motion runtime — the seam between components and an optional animation library.\n *\n * Components in the main entry never import `motion`. They ask this module for\n * a runtime; if an app has opted in by rendering `<MotionProvider>` from\n * `@mieweb/ui/motion`, they get one and animate. If not, `useMotionRuntime()`\n * returns `null` and they fall back to their existing CSS transitions. That is\n * what keeps `motion` out of the bundle of every app that hasn't asked for it —\n * the opt-in is resolved in the *module graph*, not by a prop.\n *\n * Like `presets`, this module must stay free of any `motion` import.\n */\n\nimport * as React from 'react';\nimport { motionPresets, type MotionPreset } from './presets';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface MotionPresenceProps {\n  children?: React.ReactNode;\n  /** Suppress the initial mount animation. */\n  initial?: boolean;\n  /**\n   * Fires once every exiting child has finished and been removed.\n   *\n   * Needed by anything that guards the DOM while it is open — a focus trap, a\n   * scroll lock — because those guards must outlive `open` for as long as the\n   * subtree is still on screen. Never fires when no runtime is active, since\n   * there is no exit to wait for.\n   */\n  onExitComplete?: () => void;\n}\n\n/**\n * The capabilities a motion library must supply. Deliberately small: element\n * factories, a presence wrapper, and prop builders. Components depend on this\n * interface, never on a concrete library, so swapping or dropping the library\n * stays a one-file change.\n */\nexport interface MotionRuntime {\n  /**\n   * Whether animations should actually run.\n   *\n   * A disabled provider still supplies a runtime rather than `null` so that\n   * consumers can tell \"disabled\" apart from \"never opted in\": `Modal` uses it\n   * to decide whether an exit animation will ever report completion, and\n   * `AnimatedPresence` keeps its wrapper element stable across the flip.\n   * `Animated` itself renders the plain fallback tag whenever this is false —\n   * withholding animation props from a mounted motion component corrupts\n   * `toggle`-mode elements, so the swap (and the remount it implies) is the\n   * correct behaviour. See the render branches in `Animated`.\n   */\n  enabled: boolean;\n  /** Animated `div`. */\n  Div: React.ElementType;\n  /** Animated `nav`. */\n  Nav: React.ElementType;\n  /** Animated `span`, for inline content that must not become a block. */\n  Span: React.ElementType;\n  /** Enables exit animations for conditionally rendered children. */\n  Presence: React.ComponentType<MotionPresenceProps>;\n  /**\n   * Props for an element that stays mounted and animates between states.\n   * Skips the initial animation so a closed drawer doesn't slide out on load.\n   */\n  toggle: (\n    preset: MotionPreset,\n    open: boolean,\n    custom?: unknown\n  ) => Record<string, unknown>;\n  /** Props for an element that mounts and unmounts inside `Presence`. */\n  presence: (preset: MotionPreset, custom?: unknown) => Record<string, unknown>;\n}\n\n// =============================================================================\n// Context\n// =============================================================================\n\n/**\n * The context is stashed on `globalThis` under a registered symbol rather than\n * held in a module-local `const`.\n *\n * `@mieweb/ui` and `@mieweb/ui/motion` are separate bundle entries, and CJS\n * builds cannot code-split. Without this, the provider and the components\n * would each get their own copy of the context object and the provider would\n * silently never be seen — animations would simply never turn on, with no\n * error to explain why. A duplicated install of the package causes the same\n * failure. Keying off the global symbol registry makes the context a true\n * singleton in every one of those cases.\n *\n * The key is versioned. Two copies of this package sharing one page share\n * whatever lives under the key, so the `v1` suffix is a compatibility\n * contract: bump it if the `MotionRuntime` interface ever changes shape,\n * or an old provider will hand a new component a runtime it cannot use.\n */\nconst CONTEXT_KEY = Symbol.for('@mieweb/ui.motionRuntimeContext.v1');\n\ntype GlobalWithMotionContext = typeof globalThis & {\n  [CONTEXT_KEY]?: React.Context<MotionRuntime | null>;\n};\n\nfunction getMotionRuntimeContext(): React.Context<MotionRuntime | null> {\n  const globalScope = globalThis as GlobalWithMotionContext;\n  if (!globalScope[CONTEXT_KEY]) {\n    globalScope[CONTEXT_KEY] = React.createContext<MotionRuntime | null>(null);\n  }\n  return globalScope[CONTEXT_KEY];\n}\n\n/** @internal Consumed by `<MotionProvider>` in the `@mieweb/ui/motion` entry. */\nexport const MotionRuntimeContext = getMotionRuntimeContext();\n\n// =============================================================================\n// Hooks\n// =============================================================================\n\n/**\n * The active motion runtime, or `null` when the app has not opted in.\n *\n * Components must treat `null` as the normal case and keep a CSS path that\n * looks good on its own — motion is an enhancement, never a requirement.\n */\nexport function useMotionRuntime(): MotionRuntime | null {\n  return React.useContext(MotionRuntimeContext);\n}\n\n// =============================================================================\n// Prop builders\n// =============================================================================\n\n/**\n * Builds the `toggle`/`presence` prop builders around a library-agnostic core.\n * Exported so `<MotionProvider>` can assemble a runtime without restating the\n * preset lookup.\n *\n * @internal\n */\nexport function createPresetPropBuilders(): Pick<\n  MotionRuntime,\n  'toggle' | 'presence'\n> {\n  return {\n    toggle(preset, open, custom) {\n      const { variants, transition } = motionPresets[preset];\n      return {\n        variants,\n        transition,\n        custom,\n        // `false` pins the element to its current variant on mount instead of\n        // animating into it.\n        initial: false,\n        animate: open ? 'open' : 'closed',\n      };\n    },\n\n    presence(preset, custom) {\n      const { variants, transition } = motionPresets[preset];\n      return {\n        variants,\n        transition,\n        custom,\n        initial: 'closed',\n        animate: 'open',\n        exit: 'closed',\n      };\n    },\n  };\n}\n","/**\n * `Animated` / `AnimatedPresence` — the ergonomic layer components use.\n *\n * These exist so an individual component never has to branch on whether motion\n * is available. It declares the preset it wants and the CSS classes that stand\n * in when motion is absent; this module picks the element to render.\n *\n * Adding motion to a further component should be a matter of swapping its\n * root `<div>` for an `<Animated>` and naming a preset — no new imports, no\n * new dependency, and no behavior change for apps that have not opted in.\n */\n\nimport * as React from 'react';\nimport { cn } from '../utils/cn';\nimport { useMotionRuntime, type MotionPresenceProps } from './runtime';\nimport type { MotionPreset } from './presets';\n\n// =============================================================================\n// Animated\n// =============================================================================\n\nexport interface AnimatedProps extends React.HTMLAttributes<HTMLElement> {\n  /** Intrinsic element to render. */\n  as?: 'div' | 'nav' | 'span';\n  /** Which shared animation recipe to use. */\n  preset: MotionPreset;\n  /**\n   * - `toggle` — element stays mounted and animates between open and closed.\n   * - `presence` — element mounts and unmounts; wrap it in `<AnimatedPresence>`\n   *   so the exit animation gets a chance to run.\n   */\n  mode: 'toggle' | 'presence';\n  /** Current state. Only read in `toggle` mode. */\n  open?: boolean;\n  /** Per-preset context value — see the `custom` contract in `presets.ts`. */\n  custom?: unknown;\n  /**\n   * Classes applied whenever this element is **not** animating — no provider,\n   * a disabled provider, or `enabled={false}`. This is where a component's\n   * existing CSS transition lives, so the two paths never both try to drive\n   * the same property.\n   */\n  fallbackClassName?: string;\n  /**\n   * Set `false` to stop this element animating even when a runtime is active.\n   *\n   * For states where an animated element would be wrong rather than merely\n   * unnecessary. Motion writes a `transform` to hold an element at its resting\n   * position, and a transformed ancestor becomes the containing block for any\n   * `position: fixed` descendant — so an element that is only sometimes\n   * animated should opt out the rest of the time.\n   *\n   * Flipping this (or the provider's `disabled`) swaps the element back to a\n   * plain tag, which **remounts** it — deliberately. See the note on the\n   * render branches below.\n   */\n  enabled?: boolean;\n}\n\nexport const Animated = React.forwardRef<HTMLElement, AnimatedProps>(\n  function Animated(\n    {\n      as = 'div',\n      preset,\n      mode,\n      open = false,\n      custom,\n      className,\n      fallbackClassName,\n      enabled = true,\n      children,\n      ...rest\n    },\n    ref\n  ) {\n    const runtime = useMotionRuntime();\n\n    /*\n     * Anything not animating renders the plain tag with the CSS fallback —\n     * no provider, a disabled provider, or `enabled={false}` alike.\n     *\n     * Crossing between this branch and the motion one changes the element\n     * type, which remounts the subtree. That is deliberate. The obvious\n     * alternative — keeping the motion component mounted and only withholding\n     * its animation props — corrupts `toggle`-mode elements in both\n     * directions, because motion only writes variant styles at mount or in\n     * response to an animation:\n     *\n     * - props added in place (a drawer crossing into its mobile breakpoint\n     *   while closed) never get the `closed` transform, so the drawer sits\n     *   fully visible over the page;\n     * - props removed in place strand whatever inline `transform` motion last\n     *   wrote, so a sidebar returning to desktop stays off-canvas.\n     *\n     * Fresh mounts are correct in both worlds, so remounting at the flip is\n     * the fix. The flips are rare — a breakpoint cross, a test toggling the\n     * provider — and a remount that resets local state beats a stale\n     * transform that removes the navigation.\n     */\n    if (!runtime || !runtime.enabled || !enabled) {\n      const Tag = as as React.ElementType;\n      return (\n        <Tag ref={ref} className={cn(fallbackClassName, className)} {...rest}>\n          {children}\n        </Tag>\n      );\n    }\n\n    const Component =\n      as === 'nav' ? runtime.Nav : as === 'span' ? runtime.Span : runtime.Div;\n\n    const motionProps =\n      mode === 'toggle'\n        ? runtime.toggle(preset, open, custom)\n        : runtime.presence(preset, custom);\n\n    return (\n      <Component ref={ref} className={className} {...motionProps} {...rest}>\n        {children}\n      </Component>\n    );\n  }\n);\n\nAnimated.displayName = 'Animated';\n\n// =============================================================================\n// AnimatedPresence\n// =============================================================================\n\n/**\n * Keeps unmounting children on screen long enough to animate out.\n *\n * Without a runtime this is a pass-through, so children disappear immediately —\n * which is exactly what they do today. Children rendered conditionally inside\n * it need a stable `key`.\n */\nexport function AnimatedPresence({\n  children,\n  initial,\n  onExitComplete,\n}: MotionPresenceProps): React.JSX.Element {\n  const runtime = useMotionRuntime();\n\n  if (!runtime) {\n    return <>{children}</>;\n  }\n\n  const { Presence } = runtime;\n  return (\n    <Presence initial={initial} onExitComplete={onExitComplete}>\n      {children}\n    </Presence>\n  );\n}\n\nAnimatedPresence.displayName = 'AnimatedPresence';\n"]}

package/dist/{chunk-WWJIW2IH.cjs → chunk-BVMABVC4.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var chunk6HFFWEM3_cjs = require('./chunk-6HFFWEM3.cjs');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -326,5 +326,5 @@ function Tooltip({
 Tooltip.displayName = "Tooltip";
 
 exports.Tooltip = Tooltip;
-//# sourceMappingURL=chunk-WWJIW2IH.cjs.map
-//# sourceMappingURL=chunk-WWJIW2IH.cjs.map
+//# sourceMappingURL=chunk-BVMABVC4.cjs.map
+//# sourceMappingURL=chunk-BVMABVC4.cjs.map

package/dist/{chunk-WWJIW2IH.cjs.map → chunk-BVMABVC4.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["React","usePrefersReducedMotion","jsxs","createPortal","cn"],"mappings":"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","file":"chunk-WWJIW2IH.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /** The content to display in the tooltip */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip */\n  children: React.ReactElement<{\n    onFocus?: () => void;\n    onBlur?: () => void;\n    'aria-describedby'?: string;\n  }>;\n  /** Preferred placement of the tooltip relative to the trigger. Will flip if not enough space. */\n  placement?: TooltipPlacement;\n  /** Delay in ms before showing the tooltip */\n  delay?: number;\n  /** Whether the tooltip is disabled */\n  disabled?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name for the tooltip content */\n  className?: string;\n  /** Maximum width of the tooltip in pixels. Set to 'none' for no limit. Default: 250 */\n  maxWidth?: number | 'none';\n  /** Offset from the trigger element in pixels. Default: 8 */\n  offset?: number;\n}\n\nconst DEFAULT_OFFSET = 8;\nconst VIEWPORT_PADDING = 8;\n\n/**\n * An accessible tooltip component that displays on hover/focus.\n * Features smart positioning that automatically flips to avoid going off-screen.\n *\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n * ```\n *\n * @example\n * ```tsx\n * // With multi-line content\n * <Tooltip content=\"This is a longer description that will wrap nicely\" maxWidth={200}>\n *   <Button>Info</Button>\n * </Tooltip>\n * ```\n */\nfunction Tooltip({\n  content,\n  children,\n  placement: preferredPlacement = 'top',\n  delay = 200,\n  disabled = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  maxWidth = 250,\n  offset = DEFAULT_OFFSET,\n}: TooltipProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const [position, setPosition] = React.useState<{\n    top: number;\n    left: number;\n    actualPlacement: TooltipPlacement;\n    arrowOffset: number;\n  } | null>(null);\n  const [isDarkMode, setIsDarkMode] = React.useState(false);\n\n  const showTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const hideTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const isHoveringRef = React.useRef(false);\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const tooltipRef = React.useRef<HTMLDivElement>(null);\n  const tooltipId = React.useId();\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(value);\n      }\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const clearTimeouts = React.useCallback(() => {\n    if (showTimeoutRef.current) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  // Calculate optimal position for tooltip\n  const calculatePosition = React.useCallback(() => {\n    if (!wrapperRef.current || !tooltipRef.current) return;\n\n    const triggerRect = wrapperRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Helper to check if placement fits\n    const fitsPlacement = (p: TooltipPlacement): boolean => {\n      switch (p) {\n        case 'top':\n          return (\n            triggerRect.top - tooltipRect.height - offset >= VIEWPORT_PADDING\n          );\n        case 'bottom':\n          return (\n            triggerRect.bottom + tooltipRect.height + offset <=\n            viewportHeight - VIEWPORT_PADDING\n          );\n        case 'left':\n          return (\n            triggerRect.left - tooltipRect.width - offset >= VIEWPORT_PADDING\n          );\n        case 'right':\n          return (\n            triggerRect.right + tooltipRect.width + offset <=\n            viewportWidth - VIEWPORT_PADDING\n          );\n      }\n    };\n\n    // Determine actual placement (flip if preferred doesn't fit)\n    let actualPlacement = preferredPlacement;\n    if (!fitsPlacement(preferredPlacement)) {\n      const opposites: Record<TooltipPlacement, TooltipPlacement> = {\n        top: 'bottom',\n        bottom: 'top',\n        left: 'right',\n        right: 'left',\n      };\n      const opposite = opposites[preferredPlacement];\n      if (fitsPlacement(opposite)) {\n        actualPlacement = opposite;\n      } else {\n        // Try perpendicular placements\n        const perpendicular: TooltipPlacement[] =\n          preferredPlacement === 'top' || preferredPlacement === 'bottom'\n            ? ['right', 'left']\n            : ['bottom', 'top'];\n        for (const p of perpendicular) {\n          if (fitsPlacement(p)) {\n            actualPlacement = p;\n            break;\n          }\n        }\n      }\n    }\n\n    // Calculate base position\n    let top = 0;\n    let left = 0;\n    const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n    const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n    switch (actualPlacement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'left':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - offset;\n        break;\n      case 'right':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + offset;\n        break;\n    }\n\n    // Calculate arrow offset for when tooltip is constrained\n    let arrowOffset = 0;\n    const idealLeft = left;\n\n    // Constrain to viewport (horizontal)\n    if (left < VIEWPORT_PADDING) {\n      left = VIEWPORT_PADDING;\n    } else if (left + tooltipRect.width > viewportWidth - VIEWPORT_PADDING) {\n      left = viewportWidth - tooltipRect.width - VIEWPORT_PADDING;\n    }\n\n    // Calculate arrow offset based on how much we shifted\n    if (actualPlacement === 'top' || actualPlacement === 'bottom') {\n      arrowOffset = idealLeft - left;\n    }\n\n    // Constrain to viewport (vertical)\n    if (top < VIEWPORT_PADDING) {\n      top = VIEWPORT_PADDING;\n    } else if (top + tooltipRect.height > viewportHeight - VIEWPORT_PADDING) {\n      top = viewportHeight - tooltipRect.height - VIEWPORT_PADDING;\n    }\n\n    setPosition({ top, left, actualPlacement, arrowOffset });\n  }, [preferredPlacement, offset]);\n\n  // Detect dark mode from document\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n\n    checkDarkMode();\n\n    // Watch for class changes on document\n    const observer = new window.MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, []);\n\n  // Recalculate position when open or on scroll/resize\n  React.useEffect(() => {\n    if (!isOpen) {\n      setPosition(null);\n      return;\n    }\n\n    // Initial calculation after render\n    const rafId = window.requestAnimationFrame(() => {\n      calculatePosition();\n    });\n\n    // Recalculate on scroll/resize\n    const handleUpdate = () => calculatePosition();\n    window.addEventListener('scroll', handleUpdate, true);\n    window.addEventListener('resize', handleUpdate);\n\n    return () => {\n      window.cancelAnimationFrame(rafId);\n      window.removeEventListener('scroll', handleUpdate, true);\n      window.removeEventListener('resize', handleUpdate);\n    };\n  }, [isOpen, calculatePosition]);\n\n  const handleMouseEnter = React.useCallback(() => {\n    if (disabled) return;\n    isHoveringRef.current = true;\n    clearTimeouts();\n    showTimeoutRef.current = setTimeout(() => {\n      if (isHoveringRef.current) {\n        setOpen(true);\n      }\n    }, delay);\n  }, [disabled, delay, setOpen, clearTimeouts]);\n\n  const handleMouseLeave = React.useCallback(() => {\n    isHoveringRef.current = false;\n    clearTimeouts();\n    hideTimeoutRef.current = setTimeout(() => {\n      if (!isHoveringRef.current) {\n        setOpen(false);\n      }\n    }, 100);\n  }, [setOpen, clearTimeouts]);\n\n  const handleFocus = React.useCallback(() => {\n    if (disabled) return;\n    clearTimeouts();\n    setOpen(true);\n  }, [disabled, setOpen, clearTimeouts]);\n\n  const handleBlur = React.useCallback(() => {\n    clearTimeouts();\n    setOpen(false);\n  }, [setOpen, clearTimeouts]);\n\n  // Cleanup timeouts on unmount\n  React.useEffect(() => {\n    return () => {\n      clearTimeouts();\n    };\n  }, [clearTimeouts]);\n\n  // Clone the child to add aria attributes and focus handlers\n  const trigger = React.cloneElement(children, {\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    'aria-describedby': isOpen ? tooltipId : undefined,\n  });\n\n  // Arrow styles based on actual placement - using inline styles for border triangle\n  // Arrow color matches tooltip background (neutral-900 in light mode, neutral-100 in dark mode)\n  const getArrowStyle = (isDark: boolean): React.CSSProperties => {\n    if (!position) return {};\n    const { actualPlacement, arrowOffset } = position;\n\n    const baseStyle: React.CSSProperties = {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      borderStyle: 'solid',\n      // Must use content-box for CSS border triangle to work (Tailwind sets border-box globally)\n      boxSizing: 'content-box',\n    };\n\n    const arrowSize = 5;\n    // Match tooltip background colors: bg-neutral-900 (#171717) / dark:bg-neutral-100 (#f5f5f5)\n    const arrowColor = isDark ? '#f5f5f5' : '#171717';\n\n    // Use arrowSize for positioning to create slight overlap with tooltip body\n    const arrowOffset2 = arrowSize;\n\n    switch (actualPlacement) {\n      case 'top':\n        return {\n          ...baseStyle,\n          bottom: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,\n          borderColor: `${arrowColor} transparent transparent transparent`,\n        };\n      case 'bottom':\n        return {\n          ...baseStyle,\n          top: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent ${arrowColor} transparent`,\n        };\n      case 'left':\n        return {\n          ...baseStyle,\n          right: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent transparent ${arrowColor}`,\n        };\n      case 'right':\n        return {\n          ...baseStyle,\n          left: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,\n          borderColor: `transparent ${arrowColor} transparent transparent`,\n        };\n    }\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      className=\"relative inline-flex\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {trigger}\n      {isOpen &&\n        !disabled &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            ref={tooltipRef}\n            id={tooltipId}\n            role=\"tooltip\"\n            data-slot=\"tooltip\"\n            aria-hidden={!isOpen}\n            style={{\n              position: 'fixed',\n              top: position?.top ?? -9999,\n              left: position?.left ?? -9999,\n              maxWidth: maxWidth === 'none' ? undefined : maxWidth,\n              visibility: position ? 'visible' : 'hidden',\n              // Use inline styles to ensure they work in portals (rendered outside React tree)\n              backgroundColor: isDarkMode ? '#f5f5f5' : '#171717', // neutral-100 / neutral-900\n              color: isDarkMode ? '#171717' : '#ffffff', // neutral-900 / white\n              fontFamily:\n                'var(--mieweb-font-sans, ui-sans-serif, system-ui, sans-serif)',\n            }}\n            className={cn(\n              'pointer-events-none z-[9999] px-3 py-1.5 text-xs',\n              'rounded-md shadow-md',\n              'leading-normal font-semibold',\n              !prefersReducedMotion && position && 'animate-fade-in',\n              className\n            )}\n          >\n            {content}\n            {position && (\n              <span style={getArrowStyle(isDarkMode)} aria-hidden=\"true\" />\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nTooltip.displayName = 'Tooltip';\n\nexport { Tooltip };\n"]}
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":["React","usePrefersReducedMotion","jsxs","createPortal","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAM,cAAA,GAAiB,CAAA;AACvB,IAAM,gBAAA,GAAmB,CAAA;AAqBzB,SAAS,OAAA,CAAQ;AAAA,EACf,OAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAW,kBAAA,GAAqB,KAAA;AAAA,EAChC,KAAA,GAAQ,GAAA;AAAA,EACR,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,EAAM,cAAA;AAAA,EACN,YAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,GAAA;AAAA,EACX,MAAA,GAAS;AACX,CAAA,EAAiB;AACf,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAUA,0BAAS,KAAK,CAAA;AACpE,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAUA,0BAK5B,IAAI,CAAA;AACd,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAUA,0BAAS,KAAK,CAAA;AAExD,EAAA,MAAM,cAAA,GAAuBA,gBAAA,CAAA,MAAA;AAAA,IAC3B;AAAA,GACF;AACA,EAAA,MAAM,cAAA,GAAuBA,gBAAA,CAAA,MAAA;AAAA,IAC3B;AAAA,GACF;AACA,EAAA,MAAM,aAAA,GAAsBA,wBAAO,KAAK,CAAA;AACxC,EAAA,MAAM,UAAA,GAAmBA,wBAAuB,IAAI,CAAA;AACpD,EAAA,MAAM,UAAA,GAAmBA,wBAAuB,IAAI,CAAA;AACpD,EAAA,MAAM,YAAkBA,gBAAA,CAAA,KAAA,EAAM;AAC9B,EAAA,MAAM,uBAAuBC,yCAAA,EAAwB;AAErD,EAAA,MAAM,eAAe,cAAA,KAAmB,MAAA;AACxC,EAAA,MAAM,MAAA,GAAS,eAAe,cAAA,GAAiB,gBAAA;AAE/C,EAAA,MAAM,OAAA,GAAgBD,gBAAA,CAAA,WAAA;AAAA,IACpB,CAAC,KAAA,KAAmB;AAClB,MAAA,IAAI,CAAC,YAAA,EAAc;AACjB,QAAA,mBAAA,CAAoB,KAAK,CAAA;AAAA,MAC3B;AACA,MAAA,YAAA,GAAe,KAAK,CAAA;AAAA,IACtB,CAAA;AAAA,IACA,CAAC,cAAc,YAAY;AAAA,GAC7B;AAEA,EAAA,MAAM,aAAA,GAAsBA,6BAAY,MAAM;AAC5C,IAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,MAAA,YAAA,CAAa,eAAe,OAAO,CAAA;AACnC,MAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AAAA,IAC3B;AACA,IAAA,IAAI,eAAe,OAAA,EAAS;AAC1B,MAAA,YAAA,CAAa,eAAe,OAAO,CAAA;AACnC,MAAA,cAAA,CAAe,OAAA,GAAU,IAAA;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAGL,EAAA,MAAM,iBAAA,GAA0BA,6BAAY,MAAM;AAChD,IAAA,IAAI,CAAC,UAAA,CAAW,OAAA,IAAW,CAAC,WAAW,OAAA,EAAS;AAEhD,IAAA,MAAM,WAAA,GAAc,UAAA,CAAW,OAAA,CAAQ,qBAAA,EAAsB;AAC7D,IAAA,MAAM,WAAA,GAAc,UAAA,CAAW,OAAA,CAAQ,qBAAA,EAAsB;AAC7D,IAAA,MAAM,gBAAgB,MAAA,CAAO,UAAA;AAC7B,IAAA,MAAM,iBAAiB,MAAA,CAAO,WAAA;AAG9B,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAiC;AACtD,MAAA,QAAQ,CAAA;AAAG,QACT,KAAK,KAAA;AACH,UAAA,OACE,WAAA,CAAY,GAAA,GAAM,WAAA,CAAY,MAAA,GAAS,MAAA,IAAU,gBAAA;AAAA,QAErD,KAAK,QAAA;AACH,UAAA,OACE,WAAA,CAAY,MAAA,GAAS,WAAA,CAAY,MAAA,GAAS,UAC1C,cAAA,GAAiB,gBAAA;AAAA,QAErB,KAAK,MAAA;AACH,UAAA,OACE,WAAA,CAAY,IAAA,GAAO,WAAA,CAAY,KAAA,GAAQ,MAAA,IAAU,gBAAA;AAAA,QAErD,KAAK,OAAA;AACH,UAAA,OACE,WAAA,CAAY,KAAA,GAAQ,WAAA,CAAY,KAAA,GAAQ,UACxC,aAAA,GAAgB,gBAAA;AAAA;AAEtB,IACF,CAAA;AAGA,IAAA,IAAI,eAAA,GAAkB,kBAAA;AACtB,IAAA,IAAI,CAAC,aAAA,CAAc,kBAAkB,CAAA,EAAG;AACtC,MAAA,MAAM,SAAA,GAAwD;AAAA,QAC5D,GAAA,EAAK,QAAA;AAAA,QACL,MAAA,EAAQ,KAAA;AAAA,QACR,IAAA,EAAM,OAAA;AAAA,QACN,KAAA,EAAO;AAAA,OACT;AACA,MAAA,MAAM,QAAA,GAAW,UAAU,kBAAkB,CAAA;AAC7C,MAAA,IAAI,aAAA,CAAc,QAAQ,CAAA,EAAG;AAC3B,QAAA,eAAA,GAAkB,QAAA;AAAA,MACpB,CAAA,MAAO;AAEL,QAAA,MAAM,aAAA,GACJ,kBAAA,KAAuB,KAAA,IAAS,kBAAA,KAAuB,QAAA,GACnD,CAAC,OAAA,EAAS,MAAM,CAAA,GAChB,CAAC,QAAA,EAAU,KAAK,CAAA;AACtB,QAAA,KAAA,MAAW,KAAK,aAAA,EAAe;AAC7B,UAAA,IAAI,aAAA,CAAc,CAAC,CAAA,EAAG;AACpB,YAAA,eAAA,GAAkB,CAAA;AAClB,YAAA;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAGA,IAAA,IAAI,GAAA,GAAM,CAAA;AACV,IAAA,IAAI,IAAA,GAAO,CAAA;AACX,IAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,IAAA,GAAO,WAAA,CAAY,KAAA,GAAQ,CAAA;AAC9D,IAAA,MAAM,cAAA,GAAiB,WAAA,CAAY,GAAA,GAAM,WAAA,CAAY,MAAA,GAAS,CAAA;AAE9D,IAAA,QAAQ,eAAA;AAAiB,MACvB,KAAK,KAAA;AACH,QAAA,GAAA,GAAM,WAAA,CAAY,GAAA,GAAM,WAAA,CAAY,MAAA,GAAS,MAAA;AAC7C,QAAA,IAAA,GAAO,cAAA,GAAiB,YAAY,KAAA,GAAQ,CAAA;AAC5C,QAAA;AAAA,MACF,KAAK,QAAA;AACH,QAAA,GAAA,GAAM,YAAY,MAAA,GAAS,MAAA;AAC3B,QAAA,IAAA,GAAO,cAAA,GAAiB,YAAY,KAAA,GAAQ,CAAA;AAC5C,QAAA;AAAA,MACF,KAAK,MAAA;AACH,QAAA,GAAA,GAAM,cAAA,GAAiB,YAAY,MAAA,GAAS,CAAA;AAC5C,QAAA,IAAA,GAAO,WAAA,CAAY,IAAA,GAAO,WAAA,CAAY,KAAA,GAAQ,MAAA;AAC9C,QAAA;AAAA,MACF,KAAK,OAAA;AACH,QAAA,GAAA,GAAM,cAAA,GAAiB,YAAY,MAAA,GAAS,CAAA;AAC5C,QAAA,IAAA,GAAO,YAAY,KAAA,GAAQ,MAAA;AAC3B,QAAA;AAAA;AAIJ,IAAA,IAAI,WAAA,GAAc,CAAA;AAClB,IAAA,MAAM,SAAA,GAAY,IAAA;AAGlB,IAAA,IAAI,OAAO,gBAAA,EAAkB;AAC3B,MAAA,IAAA,GAAO,gBAAA;AAAA,IACT,CAAA,MAAA,IAAW,IAAA,GAAO,WAAA,CAAY,KAAA,GAAQ,gBAAgB,gBAAA,EAAkB;AACtE,MAAA,IAAA,GAAO,aAAA,GAAgB,YAAY,KAAA,GAAQ,gBAAA;AAAA,IAC7C;AAGA,IAAA,IAAI,eAAA,KAAoB,KAAA,IAAS,eAAA,KAAoB,QAAA,EAAU;AAC7D,MAAA,WAAA,GAAc,SAAA,GAAY,IAAA;AAAA,IAC5B;AAGA,IAAA,IAAI,MAAM,gBAAA,EAAkB;AAC1B,MAAA,GAAA,GAAM,gBAAA;AAAA,IACR,CAAA,MAAA,IAAW,GAAA,GAAM,WAAA,CAAY,MAAA,GAAS,iBAAiB,gBAAA,EAAkB;AACvE,MAAA,GAAA,GAAM,cAAA,GAAiB,YAAY,MAAA,GAAS,gBAAA;AAAA,IAC9C;AAEA,IAAA,WAAA,CAAY,EAAE,GAAA,EAAK,IAAA,EAAM,eAAA,EAAiB,aAAa,CAAA;AAAA,EACzD,CAAA,EAAG,CAAC,kBAAA,EAAoB,MAAM,CAAC,CAAA;AAG/B,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,OAAO,aAAa,WAAA,EAAa;AAErC,IAAA,MAAM,gBAAgB,MAAM;AAC1B,MAAA,aAAA,CAAc,QAAA,CAAS,eAAA,CAAgB,SAAA,CAAU,QAAA,CAAS,MAAM,CAAC,CAAA;AAAA,IACnE,CAAA;AAEA,IAAA,aAAA,EAAc;AAGd,IAAA,MAAM,QAAA,GAAW,IAAI,MAAA,CAAO,gBAAA,CAAiB,aAAa,CAAA;AAC1D,IAAA,QAAA,CAAS,OAAA,CAAQ,SAAS,eAAA,EAAiB;AAAA,MACzC,UAAA,EAAY,IAAA;AAAA,MACZ,eAAA,EAAiB,CAAC,OAAO;AAAA,KAC1B,CAAA;AAED,IAAA,OAAO,MAAM,SAAS,UAAA,EAAW;AAAA,EACnC,CAAA,EAAG,EAAE,CAAA;AAGL,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,MAAA,EAAQ;AACX,MAAA,WAAA,CAAY,IAAI,CAAA;AAChB,MAAA;AAAA,IACF;AAGA,IAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,qBAAA,CAAsB,MAAM;AAC/C,MAAA,iBAAA,EAAkB;AAAA,IACpB,CAAC,CAAA;AAGD,IAAA,MAAM,YAAA,GAAe,MAAM,iBAAA,EAAkB;AAC7C,IAAA,MAAA,CAAO,gBAAA,CAAiB,QAAA,EAAU,YAAA,EAAc,IAAI,CAAA;AACpD,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAE9C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,qBAAqB,KAAK,CAAA;AACjC,MAAA,MAAA,CAAO,mBAAA,CAAoB,QAAA,EAAU,YAAA,EAAc,IAAI,CAAA;AACvD,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,IACnD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,MAAA,EAAQ,iBAAiB,CAAC,CAAA;AAE9B,EAAA,MAAM,gBAAA,GAAyBA,6BAAY,MAAM;AAC/C,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,aAAA,CAAc,OAAA,GAAU,IAAA;AACxB,IAAA,aAAA,EAAc;AACd,IAAA,cAAA,CAAe,OAAA,GAAU,WAAW,MAAM;AACxC,MAAA,IAAI,cAAc,OAAA,EAAS;AACzB,QAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,MACd;AAAA,IACF,GAAG,KAAK,CAAA;AAAA,EACV,GAAG,CAAC,QAAA,EAAU,KAAA,EAAO,OAAA,EAAS,aAAa,CAAC,CAAA;AAE5C,EAAA,MAAM,gBAAA,GAAyBA,6BAAY,MAAM;AAC/C,IAAA,aAAA,CAAc,OAAA,GAAU,KAAA;AACxB,IAAA,aAAA,EAAc;AACd,IAAA,cAAA,CAAe,OAAA,GAAU,WAAW,MAAM;AACxC,MAAA,IAAI,CAAC,cAAc,OAAA,EAAS;AAC1B,QAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MACf;AAAA,IACF,GAAG,GAAG,CAAA;AAAA,EACR,CAAA,EAAG,CAAC,OAAA,EAAS,aAAa,CAAC,CAAA;AAE3B,EAAA,MAAM,WAAA,GAAoBA,6BAAY,MAAM;AAC1C,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,aAAA,EAAc;AACd,IAAA,OAAA,CAAQ,IAAI,CAAA;AAAA,EACd,CAAA,EAAG,CAAC,QAAA,EAAU,OAAA,EAAS,aAAa,CAAC,CAAA;AAErC,EAAA,MAAM,UAAA,GAAmBA,6BAAY,MAAM;AACzC,IAAA,aAAA,EAAc;AACd,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA,EAAG,CAAC,OAAA,EAAS,aAAa,CAAC,CAAA;AAG3B,EAAMA,2BAAU,MAAM;AACpB,IAAA,OAAO,MAAM;AACX,MAAA,aAAA,EAAc;AAAA,IAChB,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,aAAa,CAAC,CAAA;AAGlB,EAAA,MAAM,OAAA,GAAgBA,8BAAa,QAAA,EAAU;AAAA,IAC3C,OAAA,EAAS,WAAA;AAAA,IACT,MAAA,EAAQ,UAAA;AAAA,IACR,kBAAA,EAAoB,SAAS,SAAA,GAAY;AAAA,GAC1C,CAAA;AAID,EAAA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAAyC;AAC9D,IAAA,IAAI,CAAC,QAAA,EAAU,OAAO,EAAC;AACvB,IAAA,MAAM,EAAE,eAAA,EAAiB,WAAA,EAAY,GAAI,QAAA;AAEzC,IAAA,MAAM,SAAA,GAAiC;AAAA,MACrC,QAAA,EAAU,UAAA;AAAA,MACV,KAAA,EAAO,CAAA;AAAA,MACP,MAAA,EAAQ,CAAA;AAAA,MACR,WAAA,EAAa,OAAA;AAAA;AAAA,MAEb,SAAA,EAAW;AAAA,KACb;AAEA,IAAA,MAAM,SAAA,GAAY,CAAA;AAElB,IAAA,MAAM,UAAA,GAAa,SAAS,SAAA,GAAY,SAAA;AAKxC,IAAA,QAAQ,eAAA;AAAiB,MACvB,KAAK,KAAA;AACH,QAAA,OAAO;AAAA,UACL,GAAG,SAAA;AAAA,UACH,QAAQ,EAAC;AAAA,UACT,IAAA,EAAM,cAAc,WAAW,CAAA,GAAA,CAAA;AAAA,UAC/B,SAAA,EAAW,kBAAA;AAAA,UACX,aAAa,CAAA,EAAG,SAAS,CAAA,GAAA,EAAM,SAAS,QAAQ,SAAS,CAAA,EAAA,CAAA;AAAA,UACzD,WAAA,EAAa,GAAG,UAAU,CAAA,oCAAA;AAAA,SAC5B;AAAA,MACF,KAAK,QAAA;AACH,QAAA,OAAO;AAAA,UACL,GAAG,SAAA;AAAA,UACH,KAAK,EAAC;AAAA,UACN,IAAA,EAAM,cAAc,WAAW,CAAA,GAAA,CAAA;AAAA,UAC/B,SAAA,EAAW,kBAAA;AAAA,UACX,aAAa,CAAA,EAAA,EAAK,SAAS,CAAA,GAAA,EAAM,SAAS,MAAM,SAAS,CAAA,EAAA,CAAA;AAAA,UACzD,WAAA,EAAa,2BAA2B,UAAU,CAAA,YAAA;AAAA,SACpD;AAAA,MACF,KAAK,MAAA;AACH,QAAA,OAAO;AAAA,UACL,GAAG,SAAA;AAAA,UACH,OAAO,EAAC;AAAA,UACR,GAAA,EAAK,KAAA;AAAA,UACL,SAAA,EAAW,kBAAA;AAAA,UACX,aAAa,CAAA,EAAG,SAAS,CAAA,KAAA,EAAQ,SAAS,MAAM,SAAS,CAAA,EAAA,CAAA;AAAA,UACzD,WAAA,EAAa,uCAAuC,UAAU,CAAA;AAAA,SAChE;AAAA,MACF,KAAK,OAAA;AACH,QAAA,OAAO;AAAA,UACL,GAAG,SAAA;AAAA,UACH,MAAM,EAAC;AAAA,UACP,GAAA,EAAK,KAAA;AAAA,UACL,SAAA,EAAW,kBAAA;AAAA,UACX,aAAa,CAAA,EAAG,SAAS,CAAA,GAAA,EAAM,SAAS,MAAM,SAAS,CAAA,IAAA,CAAA;AAAA,UACvD,WAAA,EAAa,eAAe,UAAU,CAAA,wBAAA;AAAA,SACxC;AAAA;AACJ,EACF,CAAA;AAEA,EAAA,uBACEE,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,UAAA;AAAA,MACL,SAAA,EAAU,sBAAA;AAAA,MACV,YAAA,EAAc,gBAAA;AAAA,MACd,YAAA,EAAc,gBAAA;AAAA,MAEb,QAAA,EAAA;AAAA,QAAA,OAAA;AAAA,QACA,MAAA,IACC,CAAC,QAAA,IACD,OAAO,aAAa,WAAA,IACpBC,qBAAA;AAAA,0BACED,eAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cACC,GAAA,EAAK,UAAA;AAAA,cACL,EAAA,EAAI,SAAA;AAAA,cACJ,IAAA,EAAK,SAAA;AAAA,cACL,WAAA,EAAU,SAAA;AAAA,cACV,eAAa,CAAC,MAAA;AAAA,cACd,KAAA,EAAO;AAAA,gBACL,QAAA,EAAU,OAAA;AAAA,gBACV,GAAA,EAAK,UAAU,GAAA,IAAO,KAAA;AAAA,gBACtB,IAAA,EAAM,UAAU,IAAA,IAAQ,KAAA;AAAA,gBACxB,QAAA,EAAU,QAAA,KAAa,MAAA,GAAS,MAAA,GAAY,QAAA;AAAA,gBAC5C,UAAA,EAAY,WAAW,SAAA,GAAY,QAAA;AAAA;AAAA,gBAEnC,eAAA,EAAiB,aAAa,SAAA,GAAY,SAAA;AAAA;AAAA,gBAC1C,KAAA,EAAO,aAAa,SAAA,GAAY,SAAA;AAAA;AAAA,gBAChC,UAAA,EACE;AAAA,eACJ;AAAA,cACA,SAAA,EAAWE,oBAAA;AAAA,gBACT,kDAAA;AAAA,gBACA,sBAAA;AAAA,gBACA,8BAAA;AAAA,gBACA,CAAC,wBAAwB,QAAA,IAAY,iBAAA;AAAA,gBACrC;AAAA,eACF;AAAA,cAEC,QAAA,EAAA;AAAA,gBAAA,OAAA;AAAA,gBACA,QAAA,mCACE,MAAA,EAAA,EAAK,KAAA,EAAO,cAAc,UAAU,CAAA,EAAG,eAAY,MAAA,EAAO;AAAA;AAAA;AAAA,WAE/D;AAAA,UACA,QAAA,CAAS;AAAA;AACX;AAAA;AAAA,GACJ;AAEJ;AAEA,OAAA,CAAQ,WAAA,GAAc,SAAA","file":"chunk-BVMABVC4.cjs","sourcesContent":["import * as React from 'react';\nimport { createPortal } from 'react-dom';\nimport { cn } from '../../utils/cn';\nimport { usePrefersReducedMotion } from '../../hooks/usePrefersReducedMotion';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps {\n  /** The content to display in the tooltip */\n  content: React.ReactNode;\n  /** The element that triggers the tooltip */\n  children: React.ReactElement<{\n    onFocus?: () => void;\n    onBlur?: () => void;\n    'aria-describedby'?: string;\n  }>;\n  /** Preferred placement of the tooltip relative to the trigger. Will flip if not enough space. */\n  placement?: TooltipPlacement;\n  /** Delay in ms before showing the tooltip */\n  delay?: number;\n  /** Whether the tooltip is disabled */\n  disabled?: boolean;\n  /** Controlled open state */\n  open?: boolean;\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void;\n  /** Additional class name for the tooltip content */\n  className?: string;\n  /** Maximum width of the tooltip in pixels. Set to 'none' for no limit. Default: 250 */\n  maxWidth?: number | 'none';\n  /** Offset from the trigger element in pixels. Default: 8 */\n  offset?: number;\n}\n\nconst DEFAULT_OFFSET = 8;\nconst VIEWPORT_PADDING = 8;\n\n/**\n * An accessible tooltip component that displays on hover/focus.\n * Features smart positioning that automatically flips to avoid going off-screen.\n *\n * @example\n * ```tsx\n * <Tooltip content=\"This is a tooltip\">\n *   <Button>Hover me</Button>\n * </Tooltip>\n * ```\n *\n * @example\n * ```tsx\n * // With multi-line content\n * <Tooltip content=\"This is a longer description that will wrap nicely\" maxWidth={200}>\n *   <Button>Info</Button>\n * </Tooltip>\n * ```\n */\nfunction Tooltip({\n  content,\n  children,\n  placement: preferredPlacement = 'top',\n  delay = 200,\n  disabled = false,\n  open: controlledOpen,\n  onOpenChange,\n  className,\n  maxWidth = 250,\n  offset = DEFAULT_OFFSET,\n}: TooltipProps) {\n  const [uncontrolledOpen, setUncontrolledOpen] = React.useState(false);\n  const [position, setPosition] = React.useState<{\n    top: number;\n    left: number;\n    actualPlacement: TooltipPlacement;\n    arrowOffset: number;\n  } | null>(null);\n  const [isDarkMode, setIsDarkMode] = React.useState(false);\n\n  const showTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const hideTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(\n    null\n  );\n  const isHoveringRef = React.useRef(false);\n  const wrapperRef = React.useRef<HTMLDivElement>(null);\n  const tooltipRef = React.useRef<HTMLDivElement>(null);\n  const tooltipId = React.useId();\n  const prefersReducedMotion = usePrefersReducedMotion();\n\n  const isControlled = controlledOpen !== undefined;\n  const isOpen = isControlled ? controlledOpen : uncontrolledOpen;\n\n  const setOpen = React.useCallback(\n    (value: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(value);\n      }\n      onOpenChange?.(value);\n    },\n    [isControlled, onOpenChange]\n  );\n\n  const clearTimeouts = React.useCallback(() => {\n    if (showTimeoutRef.current) {\n      clearTimeout(showTimeoutRef.current);\n      showTimeoutRef.current = null;\n    }\n    if (hideTimeoutRef.current) {\n      clearTimeout(hideTimeoutRef.current);\n      hideTimeoutRef.current = null;\n    }\n  }, []);\n\n  // Calculate optimal position for tooltip\n  const calculatePosition = React.useCallback(() => {\n    if (!wrapperRef.current || !tooltipRef.current) return;\n\n    const triggerRect = wrapperRef.current.getBoundingClientRect();\n    const tooltipRect = tooltipRef.current.getBoundingClientRect();\n    const viewportWidth = window.innerWidth;\n    const viewportHeight = window.innerHeight;\n\n    // Helper to check if placement fits\n    const fitsPlacement = (p: TooltipPlacement): boolean => {\n      switch (p) {\n        case 'top':\n          return (\n            triggerRect.top - tooltipRect.height - offset >= VIEWPORT_PADDING\n          );\n        case 'bottom':\n          return (\n            triggerRect.bottom + tooltipRect.height + offset <=\n            viewportHeight - VIEWPORT_PADDING\n          );\n        case 'left':\n          return (\n            triggerRect.left - tooltipRect.width - offset >= VIEWPORT_PADDING\n          );\n        case 'right':\n          return (\n            triggerRect.right + tooltipRect.width + offset <=\n            viewportWidth - VIEWPORT_PADDING\n          );\n      }\n    };\n\n    // Determine actual placement (flip if preferred doesn't fit)\n    let actualPlacement = preferredPlacement;\n    if (!fitsPlacement(preferredPlacement)) {\n      const opposites: Record<TooltipPlacement, TooltipPlacement> = {\n        top: 'bottom',\n        bottom: 'top',\n        left: 'right',\n        right: 'left',\n      };\n      const opposite = opposites[preferredPlacement];\n      if (fitsPlacement(opposite)) {\n        actualPlacement = opposite;\n      } else {\n        // Try perpendicular placements\n        const perpendicular: TooltipPlacement[] =\n          preferredPlacement === 'top' || preferredPlacement === 'bottom'\n            ? ['right', 'left']\n            : ['bottom', 'top'];\n        for (const p of perpendicular) {\n          if (fitsPlacement(p)) {\n            actualPlacement = p;\n            break;\n          }\n        }\n      }\n    }\n\n    // Calculate base position\n    let top = 0;\n    let left = 0;\n    const triggerCenterX = triggerRect.left + triggerRect.width / 2;\n    const triggerCenterY = triggerRect.top + triggerRect.height / 2;\n\n    switch (actualPlacement) {\n      case 'top':\n        top = triggerRect.top - tooltipRect.height - offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'bottom':\n        top = triggerRect.bottom + offset;\n        left = triggerCenterX - tooltipRect.width / 2;\n        break;\n      case 'left':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.left - tooltipRect.width - offset;\n        break;\n      case 'right':\n        top = triggerCenterY - tooltipRect.height / 2;\n        left = triggerRect.right + offset;\n        break;\n    }\n\n    // Calculate arrow offset for when tooltip is constrained\n    let arrowOffset = 0;\n    const idealLeft = left;\n\n    // Constrain to viewport (horizontal)\n    if (left < VIEWPORT_PADDING) {\n      left = VIEWPORT_PADDING;\n    } else if (left + tooltipRect.width > viewportWidth - VIEWPORT_PADDING) {\n      left = viewportWidth - tooltipRect.width - VIEWPORT_PADDING;\n    }\n\n    // Calculate arrow offset based on how much we shifted\n    if (actualPlacement === 'top' || actualPlacement === 'bottom') {\n      arrowOffset = idealLeft - left;\n    }\n\n    // Constrain to viewport (vertical)\n    if (top < VIEWPORT_PADDING) {\n      top = VIEWPORT_PADDING;\n    } else if (top + tooltipRect.height > viewportHeight - VIEWPORT_PADDING) {\n      top = viewportHeight - tooltipRect.height - VIEWPORT_PADDING;\n    }\n\n    setPosition({ top, left, actualPlacement, arrowOffset });\n  }, [preferredPlacement, offset]);\n\n  // Detect dark mode from document\n  React.useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const checkDarkMode = () => {\n      setIsDarkMode(document.documentElement.classList.contains('dark'));\n    };\n\n    checkDarkMode();\n\n    // Watch for class changes on document\n    const observer = new window.MutationObserver(checkDarkMode);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['class'],\n    });\n\n    return () => observer.disconnect();\n  }, []);\n\n  // Recalculate position when open or on scroll/resize\n  React.useEffect(() => {\n    if (!isOpen) {\n      setPosition(null);\n      return;\n    }\n\n    // Initial calculation after render\n    const rafId = window.requestAnimationFrame(() => {\n      calculatePosition();\n    });\n\n    // Recalculate on scroll/resize\n    const handleUpdate = () => calculatePosition();\n    window.addEventListener('scroll', handleUpdate, true);\n    window.addEventListener('resize', handleUpdate);\n\n    return () => {\n      window.cancelAnimationFrame(rafId);\n      window.removeEventListener('scroll', handleUpdate, true);\n      window.removeEventListener('resize', handleUpdate);\n    };\n  }, [isOpen, calculatePosition]);\n\n  const handleMouseEnter = React.useCallback(() => {\n    if (disabled) return;\n    isHoveringRef.current = true;\n    clearTimeouts();\n    showTimeoutRef.current = setTimeout(() => {\n      if (isHoveringRef.current) {\n        setOpen(true);\n      }\n    }, delay);\n  }, [disabled, delay, setOpen, clearTimeouts]);\n\n  const handleMouseLeave = React.useCallback(() => {\n    isHoveringRef.current = false;\n    clearTimeouts();\n    hideTimeoutRef.current = setTimeout(() => {\n      if (!isHoveringRef.current) {\n        setOpen(false);\n      }\n    }, 100);\n  }, [setOpen, clearTimeouts]);\n\n  const handleFocus = React.useCallback(() => {\n    if (disabled) return;\n    clearTimeouts();\n    setOpen(true);\n  }, [disabled, setOpen, clearTimeouts]);\n\n  const handleBlur = React.useCallback(() => {\n    clearTimeouts();\n    setOpen(false);\n  }, [setOpen, clearTimeouts]);\n\n  // Cleanup timeouts on unmount\n  React.useEffect(() => {\n    return () => {\n      clearTimeouts();\n    };\n  }, [clearTimeouts]);\n\n  // Clone the child to add aria attributes and focus handlers\n  const trigger = React.cloneElement(children, {\n    onFocus: handleFocus,\n    onBlur: handleBlur,\n    'aria-describedby': isOpen ? tooltipId : undefined,\n  });\n\n  // Arrow styles based on actual placement - using inline styles for border triangle\n  // Arrow color matches tooltip background (neutral-900 in light mode, neutral-100 in dark mode)\n  const getArrowStyle = (isDark: boolean): React.CSSProperties => {\n    if (!position) return {};\n    const { actualPlacement, arrowOffset } = position;\n\n    const baseStyle: React.CSSProperties = {\n      position: 'absolute',\n      width: 0,\n      height: 0,\n      borderStyle: 'solid',\n      // Must use content-box for CSS border triangle to work (Tailwind sets border-box globally)\n      boxSizing: 'content-box',\n    };\n\n    const arrowSize = 5;\n    // Match tooltip background colors: bg-neutral-900 (#171717) / dark:bg-neutral-100 (#f5f5f5)\n    const arrowColor = isDark ? '#f5f5f5' : '#171717';\n\n    // Use arrowSize for positioning to create slight overlap with tooltip body\n    const arrowOffset2 = arrowSize;\n\n    switch (actualPlacement) {\n      case 'top':\n        return {\n          ...baseStyle,\n          bottom: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px 0 ${arrowSize}px`,\n          borderColor: `${arrowColor} transparent transparent transparent`,\n        };\n      case 'bottom':\n        return {\n          ...baseStyle,\n          top: -arrowOffset2,\n          left: `calc(50% + ${arrowOffset}px)`,\n          transform: 'translateX(-50%)',\n          borderWidth: `0 ${arrowSize}px ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent ${arrowColor} transparent`,\n        };\n      case 'left':\n        return {\n          ...baseStyle,\n          right: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px 0 ${arrowSize}px ${arrowSize}px`,\n          borderColor: `transparent transparent transparent ${arrowColor}`,\n        };\n      case 'right':\n        return {\n          ...baseStyle,\n          left: -arrowOffset2,\n          top: '50%',\n          transform: 'translateY(-50%)',\n          borderWidth: `${arrowSize}px ${arrowSize}px ${arrowSize}px 0`,\n          borderColor: `transparent ${arrowColor} transparent transparent`,\n        };\n    }\n  };\n\n  return (\n    <div\n      ref={wrapperRef}\n      className=\"relative inline-flex\"\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {trigger}\n      {isOpen &&\n        !disabled &&\n        typeof document !== 'undefined' &&\n        createPortal(\n          <div\n            ref={tooltipRef}\n            id={tooltipId}\n            role=\"tooltip\"\n            data-slot=\"tooltip\"\n            aria-hidden={!isOpen}\n            style={{\n              position: 'fixed',\n              top: position?.top ?? -9999,\n              left: position?.left ?? -9999,\n              maxWidth: maxWidth === 'none' ? undefined : maxWidth,\n              visibility: position ? 'visible' : 'hidden',\n              // Use inline styles to ensure they work in portals (rendered outside React tree)\n              backgroundColor: isDarkMode ? '#f5f5f5' : '#171717', // neutral-100 / neutral-900\n              color: isDarkMode ? '#171717' : '#ffffff', // neutral-900 / white\n              fontFamily:\n                'var(--mieweb-font-sans, ui-sans-serif, system-ui, sans-serif)',\n            }}\n            className={cn(\n              'pointer-events-none z-[9999] px-3 py-1.5 text-xs',\n              'rounded-md shadow-md',\n              'leading-normal font-semibold',\n              !prefersReducedMotion && position && 'animate-fade-in',\n              className\n            )}\n          >\n            {content}\n            {position && (\n              <span style={getArrowStyle(isDarkMode)} aria-hidden=\"true\" />\n            )}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n}\n\nTooltip.displayName = 'Tooltip';\n\nexport { Tooltip };\n"]}

package/dist/{chunk-H7QSGFMZ.cjs → chunk-BZAGP5W6.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkRDGRKYQ5_cjs = require('./chunk-RDGRKYQ5.cjs');
+var chunkIINZWUGK_cjs = require('./chunk-IINZWUGK.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var lucideReact = require('lucide-react');
@@ -28,12 +28,19 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var RESIZE_HANDLES = [
   { dir: "nw", className: "top-0 left-0 h-2 w-2 cursor-nw-resize" },
+  // rtl-ignore
   { dir: "ne", className: "top-0 right-0 h-2 w-2 cursor-ne-resize" },
+  // rtl-ignore
   { dir: "sw", className: "bottom-0 left-0 h-2 w-2 cursor-sw-resize" },
+  // rtl-ignore
   { dir: "n", className: "top-0 left-2 right-2 h-1 cursor-n-resize" },
+  // rtl-ignore
   { dir: "s", className: "bottom-0 left-2 right-2 h-1 cursor-s-resize" },
+  // rtl-ignore
   { dir: "w", className: "left-0 top-2 bottom-2 w-1 cursor-w-resize" },
+  // rtl-ignore
   { dir: "e", className: "right-0 top-2 bottom-2 w-1 cursor-e-resize" }
+  // rtl-ignore
 ];
 var FloatingWindow = React__namespace.forwardRef(
   ({
@@ -211,7 +218,7 @@ var FloatingWindow = React__namespace.forwardRef(
                 ),
                 /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-window-controls": true, className: "flex items-center gap-1", children: [
                   onMinimize && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkRDGRKYQ5_cjs.Button,
+                    chunkIINZWUGK_cjs.Button,
                     {
                       type: "button",
                       variant: "ghost",
@@ -224,7 +231,7 @@ var FloatingWindow = React__namespace.forwardRef(
                     }
                   ),
                   onPopOut && /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkRDGRKYQ5_cjs.Button,
+                    chunkIINZWUGK_cjs.Button,
                     {
                       type: "button",
                       variant: "ghost",
@@ -237,7 +244,7 @@ var FloatingWindow = React__namespace.forwardRef(
                     }
                   ),
                   /* @__PURE__ */ jsxRuntime.jsx(
-                    chunkRDGRKYQ5_cjs.Button,
+                    chunkIINZWUGK_cjs.Button,
                     {
                       type: "button",
                       variant: "ghost",
@@ -298,7 +305,7 @@ var MinimizedWindow = React__namespace.forwardRef(
       ),
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
-          chunkRDGRKYQ5_cjs.Button,
+          chunkIINZWUGK_cjs.Button,
           {
             type: "button",
             variant: "ghost",
@@ -306,18 +313,18 @@ var MinimizedWindow = React__namespace.forwardRef(
             className: "h-6 px-2",
             onClick: onRestore,
             children: [
-              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "mr-1 h-3 w-3" }),
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Square, { className: "me-1 h-3 w-3" }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm", children: title })
             ]
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRDGRKYQ5_cjs.Button,
+          chunkIINZWUGK_cjs.Button,
           {
             type: "button",
             variant: "ghost",
             size: "sm",
-            className: "ml-auto h-6 w-6 p-0",
+            className: "ms-auto h-6 w-6 p-0",
             onClick: onClose,
             "aria-label": "Close",
             title: "Close",
@@ -332,5 +339,5 @@ MinimizedWindow.displayName = "MinimizedWindow";
 
 exports.FloatingWindow = FloatingWindow;
 exports.MinimizedWindow = MinimizedWindow;
-//# sourceMappingURL=chunk-H7QSGFMZ.cjs.map
-//# sourceMappingURL=chunk-H7QSGFMZ.cjs.map
+//# sourceMappingURL=chunk-BZAGP5W6.cjs.map
+//# sourceMappingURL=chunk-BZAGP5W6.cjs.map

package/dist/chunk-BZAGP5W6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FloatingWindow/FloatingWindow.tsx"],"names":["React","jsxs","cn","jsx","Button","Minus","ExternalLink","X","Square"],"mappings":"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","file":"chunk-BZAGP5W6.cjs","sourcesContent":["import * as React from 'react';\nimport { Minus, Square, ExternalLink, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\n\ntype ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';\n\nexport interface FloatingWindowProps {\n  /** Whether the window is rendered. */\n  open: boolean;\n  /** Whether the window is collapsed to a minimized bar (renders nothing). */\n  minimized?: boolean;\n  /** Window title shown in the header. */\n  title: React.ReactNode;\n  /** Window body content. */\n  children: React.ReactNode;\n  /** Footer content, typically action buttons. */\n  footer?: React.ReactNode;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Called when the minimize control is activated. Hidden when omitted. */\n  onMinimize?: () => void;\n  /** Called when the pop-out control is activated. Hidden when omitted. */\n  onPopOut?: () => void;\n  /**\n   * When `true` the window floats at a draggable position. When `false`\n   * (default) it is centered over a dimmed overlay like a modal.\n   */\n  draggable?: boolean;\n  /** Whether the window can be resized from its edges/corners. Default true. */\n  resizable?: boolean;\n  /** Initial width in pixels. Default 1024. */\n  defaultWidth?: number;\n  /** Initial height in pixels. Default 600. */\n  defaultHeight?: number;\n  /** Minimum width in pixels. Default 600. */\n  minWidth?: number;\n  /** Minimum height in pixels. Default 400. */\n  minHeight?: number;\n  /** Class applied to the window container. */\n  className?: string;\n  /** Accessible label for the dialog when the title is not text. */\n  'aria-label'?: string;\n}\n\n// Resize handles are genuinely physical: their geometry is tied to mouse\n// clientX/clientY drag math, and every edge/corner has a handle, so RTL users\n// lose nothing. Exempt from the RTL guard.\nconst RESIZE_HANDLES: { dir: ResizeDirection; className: string }[] = [\n  { dir: 'nw', className: 'top-0 left-0 h-2 w-2 cursor-nw-resize' }, // rtl-ignore\n  { dir: 'ne', className: 'top-0 right-0 h-2 w-2 cursor-ne-resize' }, // rtl-ignore\n  { dir: 'sw', className: 'bottom-0 left-0 h-2 w-2 cursor-sw-resize' }, // rtl-ignore\n  { dir: 'n', className: 'top-0 left-2 right-2 h-1 cursor-n-resize' }, // rtl-ignore\n  { dir: 's', className: 'bottom-0 left-2 right-2 h-1 cursor-s-resize' }, // rtl-ignore\n  { dir: 'w', className: 'left-0 top-2 bottom-2 w-1 cursor-w-resize' }, // rtl-ignore\n  { dir: 'e', className: 'right-0 top-2 bottom-2 w-1 cursor-e-resize' }, // rtl-ignore\n];\n\n/**\n * A presentational floating window shell used for pop-out editors (notes,\n * letters, etc.). It can render as a centered modal-style window or as a\n * draggable, freely-positioned window, and supports edge/corner resizing.\n * Open/minimize/close state and footer actions are controlled via props so it\n * can be wired to any store.\n */\nconst FloatingWindow = React.forwardRef<HTMLDivElement, FloatingWindowProps>(\n  (\n    {\n      open,\n      minimized = false,\n      title,\n      children,\n      footer,\n      onClose,\n      onMinimize,\n      onPopOut,\n      draggable = false,\n      resizable = true,\n      defaultWidth = 1024,\n      defaultHeight = 600,\n      minWidth = 600,\n      minHeight = 400,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref\n  ) => {\n    const [size, setSize] = React.useState({\n      width: defaultWidth,\n      height: defaultHeight,\n    });\n    const [position, setPosition] = React.useState({ x: 50, y: 50 });\n\n    const dragRef = React.useRef<{ x: number; y: number } | null>(null);\n    const resizeRef = React.useRef<{\n      dir: ResizeDirection;\n      startX: number;\n      startY: number;\n      startW: number;\n      startH: number;\n      startPosX: number;\n      startPosY: number;\n    } | null>(null);\n\n    const titleId = React.useId();\n\n    const handleResizeStart = (e: React.MouseEvent, dir: ResizeDirection) => {\n      e.preventDefault();\n      e.stopPropagation();\n      resizeRef.current = {\n        dir,\n        startX: e.clientX,\n        startY: e.clientY,\n        startW: size.width,\n        startH: size.height,\n        startPosX: position.x,\n        startPosY: position.y,\n      };\n    };\n\n    const handleDragStart = (e: React.MouseEvent) => {\n      if (!draggable) return;\n      if ((e.target as HTMLElement).closest('[data-window-controls]')) return;\n      const rect = (e.currentTarget as HTMLElement)\n        .closest('[data-slot=\"floating-window\"]')!\n        .getBoundingClientRect();\n      dragRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };\n    };\n\n    React.useEffect(() => {\n      if (!open || minimized) return;\n\n      const handleMouseMove = (e: MouseEvent) => {\n        if (dragRef.current) {\n          setPosition({\n            x: e.clientX - dragRef.current.x,\n            y: e.clientY - dragRef.current.y,\n          });\n          return;\n        }\n        const r = resizeRef.current;\n        if (!r) return;\n        const deltaX = e.clientX - r.startX;\n        const deltaY = e.clientY - r.startY;\n        let newWidth = r.startW;\n        let newHeight = r.startH;\n        let newX = r.startPosX;\n        let newY = r.startPosY;\n\n        if (r.dir.includes('e')) {\n          newWidth = Math.max(\n            minWidth,\n            Math.min(window.innerWidth - 40, r.startW + deltaX)\n          );\n        }\n        if (r.dir.includes('w')) {\n          newWidth = Math.max(minWidth, r.startW - deltaX);\n          if (draggable) newX = r.startPosX + (r.startW - newWidth);\n        }\n        if (r.dir.includes('s')) {\n          newHeight = Math.max(\n            minHeight,\n            Math.min(window.innerHeight - 40, r.startH + deltaY)\n          );\n        }\n        if (r.dir.includes('n')) {\n          newHeight = Math.max(minHeight, r.startH - deltaY);\n          if (draggable) newY = r.startPosY + (r.startH - newHeight);\n        }\n\n        setSize({ width: newWidth, height: newHeight });\n        if (draggable && (r.dir.includes('w') || r.dir.includes('n'))) {\n          setPosition({ x: newX, y: newY });\n        }\n      };\n\n      const handleMouseUp = () => {\n        dragRef.current = null;\n        resizeRef.current = null;\n      };\n\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n      };\n    }, [open, minimized, draggable, minWidth, minHeight]);\n\n    if (!open || minimized) return null;\n\n    const windowEl = (\n      <div\n        ref={ref}\n        data-slot=\"floating-window\"\n        role=\"dialog\"\n        aria-modal={draggable ? undefined : true}\n        aria-labelledby={typeof title === 'string' ? titleId : undefined}\n        aria-label={typeof title === 'string' ? undefined : ariaLabel}\n        className={cn(\n          'bg-card text-card-foreground relative flex flex-col overflow-hidden rounded-lg shadow-2xl',\n          draggable && 'border-primary-800 fixed border-2',\n          className\n        )}\n        style={\n          draggable\n            ? {\n                left: position.x,\n                top: position.y,\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n                zIndex: 50,\n              }\n            : {\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n              }\n        }\n      >\n        {resizable &&\n          RESIZE_HANDLES.map((handle) => (\n            <div\n              key={handle.dir}\n              aria-hidden=\"true\"\n              className={cn('absolute z-10', handle.className)}\n              onMouseDown={(e) => handleResizeStart(e, handle.dir)}\n            />\n          ))}\n        {resizable && (\n          <div\n            aria-hidden=\"true\"\n            // rtl-ignore -- physical se-corner grip, paired with clientX resize math\n            className=\"hover:bg-muted/50 absolute right-0 bottom-0 z-10 h-4 w-4 cursor-se-resize rounded-tl\"\n            onMouseDown={(e) => handleResizeStart(e, 'se')}\n          >\n            <svg\n              className=\"text-muted-foreground/50 h-4 w-4\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n            >\n              <path d=\"M22 22H20V20H22V22ZM22 18H20V16H22V18ZM18 22H16V20H18V22ZM22 14H20V12H22V14ZM18 18H16V16H18V18ZM14 22H12V20H14V22Z\" />\n            </svg>\n          </div>\n        )}\n\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- header acts as an optional drag handle; the controls inside remain keyboard accessible */}\n        <div\n          data-slot=\"floating-window-header\"\n          className={cn(\n            'bg-primary-800 text-primary-foreground flex items-center justify-between rounded-t-lg px-4 py-3',\n            draggable && 'cursor-move'\n          )}\n          onMouseDown={handleDragStart}\n        >\n          <h2\n            id={typeof title === 'string' ? titleId : undefined}\n            className=\"text-lg font-semibold\"\n          >\n            {title}\n          </h2>\n          <div data-window-controls className=\"flex items-center gap-1\">\n            {onMinimize && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onMinimize}\n                aria-label=\"Minimize\"\n                title=\"Minimize\"\n              >\n                <Minus className=\"h-4 w-4\" />\n              </Button>\n            )}\n            {onPopOut && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onPopOut}\n                aria-label=\"Open in new window\"\n                title=\"Open in new window\"\n              >\n                <ExternalLink className=\"h-4 w-4\" />\n              </Button>\n            )}\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n              onClick={onClose}\n              aria-label=\"Close\"\n              title=\"Close\"\n            >\n              <X className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n        <div\n          data-slot=\"floating-window-content\"\n          role=\"region\"\n          className=\"flex-1 overflow-y-auto\"\n          tabIndex={0}\n        >\n          {children}\n        </div>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n\n        {footer && (\n          <div\n            data-slot=\"floating-window-footer\"\n            className=\"border-border bg-card flex items-center justify-end gap-3 rounded-b-lg border-t px-6 py-4\"\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    );\n\n    if (draggable) return windowEl;\n\n    return (\n      <div\n        data-slot=\"floating-window-overlay\"\n        className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      >\n        {windowEl}\n      </div>\n    );\n  }\n);\n\nFloatingWindow.displayName = 'FloatingWindow';\n\nexport interface MinimizedWindowProps {\n  /** Title shown on the minimized bar. */\n  title: React.ReactNode;\n  /** Called when the bar is activated to restore the window. */\n  onRestore: () => void;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Additional class for the minimized bar. */\n  className?: string;\n}\n\n/**\n * A compact bar representing a minimized {@link FloatingWindow}. Render this\n * (typically in a docked tray) while the corresponding window is minimized.\n */\nconst MinimizedWindow = React.forwardRef<HTMLDivElement, MinimizedWindowProps>(\n  ({ title, onRestore, onClose, className }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"minimized-window\"\n      className={cn(\n        'border-border bg-card flex min-w-[200px] items-center gap-2 rounded-lg border px-3 py-2 shadow-md',\n        className\n      )}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"h-6 px-2\"\n        onClick={onRestore}\n      >\n        <Square className=\"me-1 h-3 w-3\" />\n        <span className=\"truncate text-sm\">{title}</span>\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"ms-auto h-6 w-6 p-0\"\n        onClick={onClose}\n        aria-label=\"Close\"\n        title=\"Close\"\n      >\n        <X className=\"h-3 w-3\" />\n      </Button>\n    </div>\n  )\n);\n\nMinimizedWindow.displayName = 'MinimizedWindow';\n\nexport { FloatingWindow, MinimizedWindow };\n"]}

package/dist/{chunk-RS5VA6QU.cjs → chunk-C3DUS2VE.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var chunkNNEFAUHV_cjs = require('./chunk-NNEFAUHV.cjs');
 var chunkFHY3K6PL_cjs = require('./chunk-FHY3K6PL.cjs');
-var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
 var jsxRuntime = require('react/jsx-runtime');
@@ -258,5 +258,5 @@ exports.SheetHeader = SheetHeader;
 exports.SheetTitle = SheetTitle;
 exports.sheetContentVariants = sheetContentVariants;
 exports.sheetOverlayVariants = sheetOverlayVariants;
-//# sourceMappingURL=chunk-RS5VA6QU.cjs.map
-//# sourceMappingURL=chunk-RS5VA6QU.cjs.map
+//# sourceMappingURL=chunk-C3DUS2VE.cjs.map
+//# sourceMappingURL=chunk-C3DUS2VE.cjs.map

package/dist/{chunk-RS5VA6QU.cjs.map → chunk-C3DUS2VE.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Sheet/Sheet.tsx"],"names":["cva","React","useFocusTrap","useEscapeKey","jsx","jsxs","cn"],"mappings":"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","file":"chunk-RS5VA6QU.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFocusTrap } from '../../hooks/useFocusTrap';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\nconst sheetOverlayVariants = cva([\n  'fixed inset-0 z-50',\n  'bg-black/50 backdrop-blur-sm',\n  'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n  'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n]);\n\nconst sheetContentVariants = cva(\n  [\n    'fixed z-50 flex flex-col gap-4',\n    'bg-card text-card-foreground shadow-lg',\n    'border-border',\n    'focus:outline-none',\n    'transition ease-in-out duration-200',\n  ],\n  {\n    variants: {\n      // `left`/`right` are direction-aware aliases for `start`/`end` and\n      // mirror in RTL documents.\n      side: {\n        top: 'inset-x-0 top-0 border-b max-h-dvh',\n        bottom: 'inset-x-0 bottom-0 border-t max-h-dvh',\n        left: 'inset-y-0 start-0 h-full border-e w-3/4 sm:max-w-sm',\n        right: 'inset-y-0 end-0 h-full border-s w-3/4 sm:max-w-sm',\n        start: 'inset-y-0 start-0 h-full border-e w-3/4 sm:max-w-sm',\n        end: 'inset-y-0 end-0 h-full border-s w-3/4 sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  }\n);\n\nexport interface SheetProps extends VariantProps<typeof sheetContentVariants> {\n  /** Whether the sheet is open */\n  open: boolean;\n  /** Callback when the sheet should close */\n  onOpenChange: (open: boolean) => void;\n  /** Sheet content */\n  children: React.ReactNode;\n  /** Close when clicking the overlay (default true) */\n  closeOnOverlayClick?: boolean;\n  /** Close when pressing Escape (default true) */\n  closeOnEscape?: boolean;\n  /** Additional class name for the sheet content */\n  className?: string;\n  /** ID for the sheet, used for accessibility */\n  id?: string;\n  /** Accessible label for the sheet */\n  'aria-label'?: string;\n  /** ID of the element that labels the sheet */\n  'aria-labelledby'?: string;\n  /** ID of the element that describes the sheet */\n  'aria-describedby'?: string;\n}\n\n/**\n * A panel that slides in from an edge of the screen.\n *\n * @example\n * ```tsx\n * <Sheet open={open} onOpenChange={setOpen} side=\"right\">\n *   <SheetHeader>\n *     <SheetTitle>Filters</SheetTitle>\n *   </SheetHeader>\n *   <SheetBody>...</SheetBody>\n * </Sheet>\n * ```\n */\nfunction Sheet({\n  open,\n  onOpenChange,\n  children,\n  side,\n  closeOnOverlayClick = true,\n  closeOnEscape = true,\n  className,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n}: SheetProps) {\n  const generatedId = React.useId();\n  const sheetId = id || generatedId;\n\n  const focusTrapRef = useFocusTrap<HTMLDivElement>(open);\n\n  useEscapeKey(() => {\n    if (closeOnEscape && open) onOpenChange(false);\n  }, open);\n\n  const handleOverlayClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (closeOnOverlayClick && e.target === e.currentTarget) {\n        onOpenChange(false);\n      }\n    },\n    [closeOnOverlayClick, onOpenChange]\n  );\n\n  if (!open) return null;\n\n  return (\n    <SheetContext.Provider\n      value={{ onClose: () => onOpenChange(false), sheetId }}\n    >\n      <div className=\"fixed inset-0 z-50\">\n        <div\n          className={cn(sheetOverlayVariants())}\n          data-state=\"open\"\n          aria-hidden=\"true\"\n          onClick={handleOverlayClick}\n        />\n        <div\n          ref={focusTrapRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy || `${sheetId}-title`}\n          aria-describedby={ariaDescribedBy}\n          id={sheetId}\n          tabIndex={-1}\n          data-state=\"open\"\n          data-slot=\"sheet\"\n          className={cn(sheetContentVariants({ side }), className)}\n        >\n          {children}\n        </div>\n      </div>\n    </SheetContext.Provider>\n  );\n}\n\nSheet.displayName = 'Sheet';\n\ninterface SheetContextValue {\n  onClose: () => void;\n  sheetId: string;\n}\n\nconst SheetContext = React.createContext<SheetContextValue | undefined>(\n  undefined\n);\n\nfunction useSheetContext() {\n  const context = React.useContext(SheetContext);\n  if (!context) {\n    throw new Error('Sheet components must be used within a Sheet');\n  }\n  return context;\n}\n\nexport type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetHeader = React.forwardRef<HTMLDivElement, SheetHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-header\"\n      className={cn(\n        'flex shrink-0 items-center justify-between',\n        'border-border border-b px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nSheetHeader.displayName = 'SheetHeader';\n\nexport type SheetTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst SheetTitle = React.forwardRef<HTMLHeadingElement, SheetTitleProps>(\n  ({ className, children, ...props }, ref) => {\n    const { sheetId } = useSheetContext();\n    return (\n      <h2\n        ref={ref}\n        id={`${sheetId}-title`}\n        data-slot=\"sheet-title\"\n        className={cn(\n          'text-lg leading-none font-semibold tracking-tight',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </h2>\n    );\n  }\n);\n\nSheetTitle.displayName = 'SheetTitle';\n\nexport type SheetDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst SheetDescription = React.forwardRef<\n  HTMLParagraphElement,\n  SheetDescriptionProps\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    data-slot=\"sheet-description\"\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\n\nSheetDescription.displayName = 'SheetDescription';\n\nexport type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetBody = React.forwardRef<HTMLDivElement, SheetBodyProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-body\"\n      className={cn('flex-1 overflow-y-auto px-6 py-4', className)}\n      {...props}\n    />\n  )\n);\n\nSheetBody.displayName = 'SheetBody';\n\nexport type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetFooter = React.forwardRef<HTMLDivElement, SheetFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex shrink-0 flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        'border-border border-t px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nSheetFooter.displayName = 'SheetFooter';\n\nexport type SheetCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst SheetClose = React.forwardRef<HTMLButtonElement, SheetCloseProps>(\n  ({ className, children, onClick, ...props }, ref) => {\n    const { onClose } = useSheetContext();\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"sheet-close\"\n        aria-label=\"Close\"\n        onClick={(e) => {\n          onClose();\n          onClick?.(e);\n        }}\n        className={cn(\n          'text-muted-foreground hover:text-foreground rounded-md',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          'transition-colors',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n        )}\n      </button>\n    );\n  }\n);\n\nSheetClose.displayName = 'SheetClose';\n\nexport {\n  Sheet,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetBody,\n  SheetFooter,\n  SheetClose,\n  sheetContentVariants,\n  sheetOverlayVariants,\n};\n"]}
+{"version":3,"sources":["../src/components/Sheet/Sheet.tsx"],"names":["cva","React","useFocusTrap","useEscapeKey","jsx","jsxs","cn"],"mappings":"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","file":"chunk-C3DUS2VE.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport { useFocusTrap } from '../../hooks/useFocusTrap';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\n\nconst sheetOverlayVariants = cva([\n  'fixed inset-0 z-50',\n  'bg-black/50 backdrop-blur-sm',\n  'data-[state=open]:animate-in data-[state=open]:fade-in-0',\n  'data-[state=closed]:animate-out data-[state=closed]:fade-out-0',\n]);\n\nconst sheetContentVariants = cva(\n  [\n    'fixed z-50 flex flex-col gap-4',\n    'bg-card text-card-foreground shadow-lg',\n    'border-border',\n    'focus:outline-none',\n    'transition ease-in-out duration-200',\n  ],\n  {\n    variants: {\n      // `left`/`right` are direction-aware aliases for `start`/`end` and\n      // mirror in RTL documents.\n      side: {\n        top: 'inset-x-0 top-0 border-b max-h-dvh',\n        bottom: 'inset-x-0 bottom-0 border-t max-h-dvh',\n        left: 'inset-y-0 start-0 h-full border-e w-3/4 sm:max-w-sm',\n        right: 'inset-y-0 end-0 h-full border-s w-3/4 sm:max-w-sm',\n        start: 'inset-y-0 start-0 h-full border-e w-3/4 sm:max-w-sm',\n        end: 'inset-y-0 end-0 h-full border-s w-3/4 sm:max-w-sm',\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  }\n);\n\nexport interface SheetProps extends VariantProps<typeof sheetContentVariants> {\n  /** Whether the sheet is open */\n  open: boolean;\n  /** Callback when the sheet should close */\n  onOpenChange: (open: boolean) => void;\n  /** Sheet content */\n  children: React.ReactNode;\n  /** Close when clicking the overlay (default true) */\n  closeOnOverlayClick?: boolean;\n  /** Close when pressing Escape (default true) */\n  closeOnEscape?: boolean;\n  /** Additional class name for the sheet content */\n  className?: string;\n  /** ID for the sheet, used for accessibility */\n  id?: string;\n  /** Accessible label for the sheet */\n  'aria-label'?: string;\n  /** ID of the element that labels the sheet */\n  'aria-labelledby'?: string;\n  /** ID of the element that describes the sheet */\n  'aria-describedby'?: string;\n}\n\n/**\n * A panel that slides in from an edge of the screen.\n *\n * @example\n * ```tsx\n * <Sheet open={open} onOpenChange={setOpen} side=\"right\">\n *   <SheetHeader>\n *     <SheetTitle>Filters</SheetTitle>\n *   </SheetHeader>\n *   <SheetBody>...</SheetBody>\n * </Sheet>\n * ```\n */\nfunction Sheet({\n  open,\n  onOpenChange,\n  children,\n  side,\n  closeOnOverlayClick = true,\n  closeOnEscape = true,\n  className,\n  id,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledBy,\n  'aria-describedby': ariaDescribedBy,\n}: SheetProps) {\n  const generatedId = React.useId();\n  const sheetId = id || generatedId;\n\n  const focusTrapRef = useFocusTrap<HTMLDivElement>(open);\n\n  useEscapeKey(() => {\n    if (closeOnEscape && open) onOpenChange(false);\n  }, open);\n\n  const handleOverlayClick = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (closeOnOverlayClick && e.target === e.currentTarget) {\n        onOpenChange(false);\n      }\n    },\n    [closeOnOverlayClick, onOpenChange]\n  );\n\n  if (!open) return null;\n\n  return (\n    <SheetContext.Provider\n      value={{ onClose: () => onOpenChange(false), sheetId }}\n    >\n      <div className=\"fixed inset-0 z-50\">\n        <div\n          className={cn(sheetOverlayVariants())}\n          data-state=\"open\"\n          aria-hidden=\"true\"\n          onClick={handleOverlayClick}\n        />\n        <div\n          ref={focusTrapRef}\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy || `${sheetId}-title`}\n          aria-describedby={ariaDescribedBy}\n          id={sheetId}\n          tabIndex={-1}\n          data-state=\"open\"\n          data-slot=\"sheet\"\n          className={cn(sheetContentVariants({ side }), className)}\n        >\n          {children}\n        </div>\n      </div>\n    </SheetContext.Provider>\n  );\n}\n\nSheet.displayName = 'Sheet';\n\ninterface SheetContextValue {\n  onClose: () => void;\n  sheetId: string;\n}\n\nconst SheetContext = React.createContext<SheetContextValue | undefined>(\n  undefined\n);\n\nfunction useSheetContext() {\n  const context = React.useContext(SheetContext);\n  if (!context) {\n    throw new Error('Sheet components must be used within a Sheet');\n  }\n  return context;\n}\n\nexport type SheetHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetHeader = React.forwardRef<HTMLDivElement, SheetHeaderProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-header\"\n      className={cn(\n        'flex shrink-0 items-center justify-between',\n        'border-border border-b px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nSheetHeader.displayName = 'SheetHeader';\n\nexport type SheetTitleProps = React.HTMLAttributes<HTMLHeadingElement>;\n\nconst SheetTitle = React.forwardRef<HTMLHeadingElement, SheetTitleProps>(\n  ({ className, children, ...props }, ref) => {\n    const { sheetId } = useSheetContext();\n    return (\n      <h2\n        ref={ref}\n        id={`${sheetId}-title`}\n        data-slot=\"sheet-title\"\n        className={cn(\n          'text-lg leading-none font-semibold tracking-tight',\n          className\n        )}\n        {...props}\n      >\n        {children}\n      </h2>\n    );\n  }\n);\n\nSheetTitle.displayName = 'SheetTitle';\n\nexport type SheetDescriptionProps = React.HTMLAttributes<HTMLParagraphElement>;\n\nconst SheetDescription = React.forwardRef<\n  HTMLParagraphElement,\n  SheetDescriptionProps\n>(({ className, ...props }, ref) => (\n  <p\n    ref={ref}\n    data-slot=\"sheet-description\"\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n));\n\nSheetDescription.displayName = 'SheetDescription';\n\nexport type SheetBodyProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetBody = React.forwardRef<HTMLDivElement, SheetBodyProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-body\"\n      className={cn('flex-1 overflow-y-auto px-6 py-4', className)}\n      {...props}\n    />\n  )\n);\n\nSheetBody.displayName = 'SheetBody';\n\nexport type SheetFooterProps = React.HTMLAttributes<HTMLDivElement>;\n\nconst SheetFooter = React.forwardRef<HTMLDivElement, SheetFooterProps>(\n  ({ className, ...props }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"sheet-footer\"\n      className={cn(\n        'flex shrink-0 flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        'border-border border-t px-6 py-4',\n        className\n      )}\n      {...props}\n    />\n  )\n);\n\nSheetFooter.displayName = 'SheetFooter';\n\nexport type SheetCloseProps = React.ButtonHTMLAttributes<HTMLButtonElement>;\n\nconst SheetClose = React.forwardRef<HTMLButtonElement, SheetCloseProps>(\n  ({ className, children, onClick, ...props }, ref) => {\n    const { onClose } = useSheetContext();\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        data-slot=\"sheet-close\"\n        aria-label=\"Close\"\n        onClick={(e) => {\n          onClose();\n          onClick?.(e);\n        }}\n        className={cn(\n          'text-muted-foreground hover:text-foreground rounded-md',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          'transition-colors',\n          className\n        )}\n        {...props}\n      >\n        {children ?? (\n          <svg\n            width=\"20\"\n            height=\"20\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeWidth=\"2\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M18 6 6 18M6 6l12 12\" />\n          </svg>\n        )}\n      </button>\n    );\n  }\n);\n\nSheetClose.displayName = 'SheetClose';\n\nexport {\n  Sheet,\n  SheetHeader,\n  SheetTitle,\n  SheetDescription,\n  SheetBody,\n  SheetFooter,\n  SheetClose,\n  sheetContentVariants,\n  sheetOverlayVariants,\n};\n"]}

package/dist/{chunk-NLBT5O2X.js → chunk-CK3KLRNF.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-D2GID3YK.js';
+import { Button } from './chunk-KREUYVMZ.js';
 import { Eye, Code, Check, ClipboardCopy } from 'lucide-react';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -94,5 +94,5 @@ var FenceBlock = ({
 };
 
 export { FenceBlock };
-//# sourceMappingURL=chunk-NLBT5O2X.js.map
-//# sourceMappingURL=chunk-NLBT5O2X.js.map
+//# sourceMappingURL=chunk-CK3KLRNF.js.map
+//# sourceMappingURL=chunk-CK3KLRNF.js.map