@wow-two-beta/ui 0.0.62 → 0.0.64

package/dist/chunk-YQGEF43L.js

@@ -0,0 +1,118 @@
+import { useControlled, useEscape, useReducedMotion } from './chunk-V267IMBH.js';
+import { Portal, AnchoredPositioner, Presence } from './chunk-XLYJF3HC.js';
+import { useId } from './chunk-LGTGZ3RW.js';
+import { cn, composeRefs } from './chunk-X2MYOHOB.js';
+import { forwardRef, useState, useRef, useEffect, isValidElement, cloneElement } from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var TooltipContent = forwardRef(
+  ({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "z-tooltip rounded-md bg-inverse px-2.5 py-1.5 text-xs text-inverse-foreground shadow-md",
+        "motion-safe:data-[state=open]:animate-(--animate-pop-in)",
+        "motion-safe:data-[state=closed]:animate-(--animate-pop-out)",
+        className
+      ),
+      ...props,
+      children
+    }
+  )
+);
+TooltipContent.displayName = "TooltipContent";
+function Tooltip({
+  content,
+  children,
+  placement = "top",
+  openDelay = 700,
+  closeDelay = 0,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  isDisabled
+}) {
+  const [open, setOpen] = useControlled({
+    controlled: openProp,
+    default: defaultOpen,
+    onChange: onOpenChange
+  });
+  const [anchor, setAnchor] = useState(null);
+  const tooltipId = useId("tooltip");
+  const openTimer = useRef(null);
+  const closeTimer = useRef(null);
+  const clear = () => {
+    if (openTimer.current) clearTimeout(openTimer.current);
+    if (closeTimer.current) clearTimeout(closeTimer.current);
+    openTimer.current = null;
+    closeTimer.current = null;
+  };
+  const show = () => {
+    clear();
+    openTimer.current = setTimeout(() => setOpen(true), openDelay);
+  };
+  const hide = () => {
+    clear();
+    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);
+  };
+  useEffect(
+    () => () => {
+      if (openTimer.current) clearTimeout(openTimer.current);
+      if (closeTimer.current) clearTimeout(closeTimer.current);
+    },
+    []
+  );
+  useEscape(() => {
+    clear();
+    setOpen(false);
+  }, open);
+  const reducedMotion = useReducedMotion();
+  const visible = !isDisabled && open && !!content;
+  const [mounted, setMounted] = useState(visible);
+  useEffect(() => {
+    if (visible) setMounted(true);
+    else if (reducedMotion) setMounted(false);
+  }, [visible, reducedMotion]);
+  if (!isValidElement(children)) return children;
+  const trigger = children;
+  const cloned = cloneElement(trigger, {
+    ref: composeRefs(setAnchor, trigger.ref),
+    "aria-describedby": visible ? [trigger.props["aria-describedby"], tooltipId].filter(Boolean).join(" ") : trigger.props["aria-describedby"],
+    onPointerEnter: (e) => {
+      trigger.props.onPointerEnter?.(e);
+      show();
+    },
+    onPointerLeave: (e) => {
+      trigger.props.onPointerLeave?.(e);
+      hide();
+    },
+    onFocus: (e) => {
+      trigger.props.onFocus?.(e);
+      show();
+    },
+    onBlur: (e) => {
+      trigger.props.onBlur?.(e);
+      hide();
+    }
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    cloned,
+    mounted && /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+      AnchoredPositioner,
+      {
+        anchor,
+        placement,
+        offset: 6,
+        onAnimationEnd: () => {
+          if (!visible) setMounted(false);
+        },
+        children: /* @__PURE__ */ jsx(Presence, { isPresent: visible, children: /* @__PURE__ */ jsx(TooltipContent, { id: tooltipId, role: "tooltip", children: content }) })
+      }
+    ) })
+  ] });
+}
+
+export { Tooltip };
+//# sourceMappingURL=chunk-YQGEF43L.js.map
+//# sourceMappingURL=chunk-YQGEF43L.js.map

package/dist/chunk-YQGEF43L.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/display/tooltip/Tooltip.tsx"],"names":[],"mappings":"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","file":"chunk-YQGEF43L.js","sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useEffect,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n} from 'react';\nimport { cn, composeRefs } from '../../utils';\nimport { useControlled, useEscape, useId, useReducedMotion } from '../../hooks';\nimport {\n  AnchoredPositioner,\n  Portal,\n  Presence,\n  type AnchoredPositionerProps,\n} from '../../primitives';\n\n/**\n * Animated tooltip body. `forwardRef` + `{...props}` spread so `Presence` can\n * inject its `ref` (for transition/animation-end detection) and the\n * `data-state=\"open\" | \"closed\"` that drives the enter/exit keyframes.\n * Motion is gated on `data-state` and behind `motion-safe:` so reduced-motion\n * users get an instant show/hide.\n */\nconst TooltipContent = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, children, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'z-tooltip rounded-md bg-inverse px-2.5 py-1.5 text-xs text-inverse-foreground shadow-md',\n        'motion-safe:data-[state=open]:animate-(--animate-pop-in)',\n        'motion-safe:data-[state=closed]:animate-(--animate-pop-out)',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </div>\n  ),\n);\nTooltipContent.displayName = 'TooltipContent';\n\nexport interface TooltipProps {\n  /** Tooltip body. */\n  content: ReactNode;\n  /** Single child element — the trigger. Receives event handlers + ref. */\n  children: ReactElement;\n  /** Floating UI placement. Default `top`. */\n  placement?: AnchoredPositionerProps['placement'];\n  /** Delay before opening on hover, in ms. Default 700. */\n  openDelay?: number;\n  /** Delay before closing on leave, in ms. Default 0. */\n  closeDelay?: number;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Initial open state when uncontrolled. Default `false`. */\n  defaultOpen?: boolean;\n  /** Fires on every open-state change (hover, focus, Escape). */\n  onOpenChange?: (open: boolean) => void;\n  /** Disable rendering even on hover (e.g. when content is empty). */\n  isDisabled?: boolean;\n}\n\n/**\n * Hover-/focus-triggered tooltip. Wraps a single child as the trigger; the\n * tooltip body renders into a Portal positioned by Floating UI. Default\n * delays mirror the OS pattern (700ms in, 0 out). Escape dismisses without\n * moving focus (WCAG 1.4.13); the trigger is described by the tooltip via\n * `aria-describedby` while open.\n */\nexport function Tooltip({\n  content,\n  children,\n  placement = 'top',\n  openDelay = 700,\n  closeDelay = 0,\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  isDisabled,\n}: TooltipProps) {\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  const tooltipId = useId('tooltip');\n  const openTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clear = () => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n    openTimer.current = null;\n    closeTimer.current = null;\n  };\n  const show = () => {\n    clear();\n    openTimer.current = setTimeout(() => setOpen(true), openDelay);\n  };\n  const hide = () => {\n    clear();\n    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);\n  };\n\n  /* Clear pending timers on unmount. */\n  useEffect(\n    () => () => {\n      if (openTimer.current) clearTimeout(openTimer.current);\n      if (closeTimer.current) clearTimeout(closeTimer.current);\n    },\n    [],\n  );\n\n  /* WCAG 1.4.13 — Escape dismisses immediately, without moving focus. */\n  useEscape(() => {\n    clear();\n    setOpen(false);\n  }, open);\n\n  const reducedMotion = useReducedMotion();\n  const visible = !isDisabled && open && !!content;\n\n  /* Keep the Portal + positioner mounted while the exit animation plays.\n     Becomes true with `visible`; cleared on the body's pop-out `animationend`\n     (see `onAnimationEnd` below). With reduced motion no exit animation runs,\n     so tear the shell down immediately on close. */\n  const [mounted, setMounted] = useState(visible);\n  useEffect(() => {\n    if (visible) setMounted(true);\n    else if (reducedMotion) setMounted(false);\n  }, [visible, reducedMotion]);\n\n  if (!isValidElement(children)) return children;\n  const trigger = children as ReactElement<{\n    ref?: Ref<HTMLElement>;\n    'aria-describedby'?: string;\n    onPointerEnter?: (e: React.PointerEvent) => void;\n    onPointerLeave?: (e: React.PointerEvent) => void;\n    onFocus?: (e: React.FocusEvent) => void;\n    onBlur?: (e: React.FocusEvent) => void;\n  }> & { ref?: Ref<HTMLElement> };\n\n  const cloned = cloneElement(trigger, {\n    ref: composeRefs(setAnchor, trigger.ref),\n    'aria-describedby': visible\n      ? [trigger.props['aria-describedby'], tooltipId].filter(Boolean).join(' ')\n      : trigger.props['aria-describedby'],\n    onPointerEnter: (e: React.PointerEvent) => {\n      trigger.props.onPointerEnter?.(e);\n      show();\n    },\n    onPointerLeave: (e: React.PointerEvent) => {\n      trigger.props.onPointerLeave?.(e);\n      hide();\n    },\n    onFocus: (e: React.FocusEvent) => {\n      trigger.props.onFocus?.(e);\n      show();\n    },\n    onBlur: (e: React.FocusEvent) => {\n      trigger.props.onBlur?.(e);\n      hide();\n    },\n  });\n\n  return (\n    <>\n      {cloned}\n      {mounted && (\n        <Portal>\n          <AnchoredPositioner\n            anchor={anchor}\n            placement={placement}\n            offset={6}\n            /* Exit animation bubbles up from TooltipContent; once the\n               closed-state pop-out ends, tear down the Portal shell. Also\n               covers the reduced-motion path, where no animation runs and\n               Presence has already unmounted the body. */\n            onAnimationEnd={() => {\n              if (!visible) setMounted(false);\n            }}\n          >\n            <Presence isPresent={visible}>\n              <TooltipContent id={tooltipId} role=\"tooltip\">\n                {content}\n              </TooltipContent>\n            </Presence>\n          </AnchoredPositioner>\n        </Portal>\n      )}\n    </>\n  );\n}\n"]}

package/dist/{chunk-5JYRZ5PA.js → chunk-ZC4H4PIN.js}

@@ -1,8 +1,8 @@
 import { OverlayChromeProvider, OverlayBody, OverlayCloseButton, OverlayDescription, OverlayFooter, OverlayHeader, OverlayTitle } from './chunk-NOOKDXIZ.js';
-import { Backdrop } from './chunk-EQNTG53H.js';
+import { Backdrop } from './chunk-NW7ULTYL.js';
 import { useControlled } from './chunk-V267IMBH.js';
 import { surfaceVariants } from './chunk-DX7FYAKY.js';
-import { Slot, Portal, ScrollLockProvider, DismissableLayer } from './chunk-XLYJF3HC.js';
+import { Slot, Portal, ScrollLockProvider, DismissableLayer, Presence } from './chunk-XLYJF3HC.js';
 import { composeRefs, cn } from './chunk-X2MYOHOB.js';
 import { createContext, forwardRef, useCallback, useMemo, useContext, useRef, useId } from 'react';
 import { FocusScope } from '@radix-ui/react-focus-scope';
@@ -70,10 +70,10 @@ var DrawerTrigger = forwardRef(
   }
 );
 var SIDE_BASE = {
-  right: "inset-y-0 right-0 h-full w-full border-l animate-in slide-in-from-right",
-  left: "inset-y-0 left-0 h-full w-full border-r animate-in slide-in-from-left",
-  top: "inset-x-0 top-0 w-full border-b animate-in slide-in-from-top",
-  bottom: "inset-x-0 bottom-0 w-full border-t animate-in slide-in-from-bottom"
+  right: "inset-y-0 right-0 h-full w-full border-l motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:translate-x-full",
+  left: "inset-y-0 left-0 h-full w-full border-r motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:-translate-x-full",
+  top: "inset-x-0 top-0 w-full border-b motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:-translate-y-full",
+  bottom: "inset-x-0 bottom-0 w-full border-t motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) data-[state=closed]:translate-y-full"
 };
 var HORIZONTAL_SIZE = {
   sm: "sm:max-w-sm",
@@ -89,6 +89,60 @@ var VERTICAL_SIZE = {
   xl: "max-h-[85vh]",
   full: "max-h-screen"
 };
+var DrawerSurface = forwardRef(function DrawerSurface2({
+  ctx,
+  hideBackdrop,
+  isBlurred,
+  chromeCtx,
+  surfaceClassName,
+  children,
+  // `data-state` is injected by Presence; default to "open" when rendered standalone.
+  "data-state": dataState = "open",
+  ...rest
+}, forwardedRef) {
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(ScrollLockProvider, { children: [
+    !hideBackdrop && /* @__PURE__ */ jsx(
+      Backdrop,
+      {
+        isInline: true,
+        isBlurred,
+        "data-state": dataState,
+        className: cn(
+          // Backdrop fade driven by the same data-state Presence flips (motion-safe).
+          "motion-safe:transition-opacity motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out)",
+          "data-[state=closed]:opacity-0"
+        ),
+        onClick: () => {
+          if (ctx.dismissOnOutsideClick) ctx.setOpen(false);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx(FocusScope, { asChild: true, trapped: true, loop: true, children: /* @__PURE__ */ jsx(
+      DismissableLayer,
+      {
+        isEscapeDisabled: !ctx.dismissOnEscape,
+        onEscape: () => ctx.setOpen(false),
+        isOutsideClickDisabled: true,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: forwardedRef,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": ctx.titleId,
+            "aria-describedby": ctx.descriptionId,
+            "data-state": dataState,
+            "data-side": ctx.side,
+            className: surfaceClassName,
+            ...rest,
+            children: /* @__PURE__ */ jsx(OverlayChromeProvider, { value: chromeCtx, children })
+          }
+        )
+      }
+    ) })
+  ] }) });
+});
+DrawerSurface.displayName = "DrawerSurface";
 var DrawerContent = forwardRef(
   function DrawerContent2({
     hideBackdrop,
@@ -114,54 +168,32 @@ var DrawerContent = forwardRef(
       () => ({ titleId: ctx.titleId, descriptionId: ctx.descriptionId, close }),
       [ctx.titleId, ctx.descriptionId, close]
     );
-    if (!ctx.open) return null;
-    return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsxs(ScrollLockProvider, { children: [
-      !hideBackdrop && /* @__PURE__ */ jsx(
-        Backdrop,
-        {
-          isInline: true,
-          isBlurred,
-          onClick: () => {
-            if (ctx.dismissOnOutsideClick) ctx.setOpen(false);
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(FocusScope, { asChild: true, trapped: true, loop: true, children: /* @__PURE__ */ jsx(
-        DismissableLayer,
-        {
-          isEscapeDisabled: !ctx.dismissOnEscape,
-          onEscape: () => ctx.setOpen(false),
-          isOutsideClickDisabled: true,
-          children: /* @__PURE__ */ jsx(
-            "div",
-            {
-              ref: forwardedRef,
-              role: "dialog",
-              "aria-modal": "true",
-              "aria-labelledby": ctx.titleId,
-              "aria-describedby": ctx.descriptionId,
-              "data-state": "open",
-              "data-side": ctx.side,
-              className: cn(
-                "fixed z-modal flex flex-col gap-4 outline-none",
-                surfaceVariants({
-                  variant: variant ?? "elevated",
-                  tone,
-                  radius: radius ?? "none",
-                  padding: padding ?? "xl",
-                  elevation: elevation ?? 3
-                }),
-                SIDE_BASE[ctx.side],
-                sizeClass,
-                className
-              ),
-              ...rest,
-              children: /* @__PURE__ */ jsx(OverlayChromeProvider, { value: chromeCtx, children })
-            }
-          )
-        }
-      ) })
-    ] }) });
+    const surfaceClassName = cn(
+      "fixed z-modal flex flex-col gap-4 outline-none",
+      surfaceVariants({
+        variant: variant ?? "elevated",
+        tone,
+        radius: radius ?? "none",
+        padding: padding ?? "xl",
+        elevation: elevation ?? 3
+      }),
+      SIDE_BASE[ctx.side],
+      sizeClass,
+      className
+    );
+    return /* @__PURE__ */ jsx(Presence, { isPresent: ctx.open, children: /* @__PURE__ */ jsx(
+      DrawerSurface,
+      {
+        ref: forwardedRef,
+        ctx,
+        hideBackdrop,
+        isBlurred,
+        chromeCtx,
+        surfaceClassName,
+        ...rest,
+        children
+      }
+    ) });
   }
 );
 var DrawerHeader = OverlayHeader;
@@ -180,5 +212,5 @@ Drawer.Footer = DrawerFooter;
 Drawer.Close = DrawerClose;
 
 export { Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger };
-//# sourceMappingURL=chunk-5JYRZ5PA.js.map
-//# sourceMappingURL=chunk-5JYRZ5PA.js.map
+//# sourceMappingURL=chunk-ZC4H4PIN.js.map
+//# sourceMappingURL=chunk-ZC4H4PIN.js.map

package/dist/chunk-ZC4H4PIN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/overlays/drawer/Drawer.tsx"],"names":["DrawerTrigger","DrawerSurface","DrawerContent"],"mappings":"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","file":"chunk-ZC4H4PIN.js","sourcesContent":["import {\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useId,\n  useMemo,\n  useRef,\n  type ButtonHTMLAttributes,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { FocusScope } from '@radix-ui/react-focus-scope';\nimport { cn, composeRefs, surfaceVariants, type SurfaceVariants } from '../../utils';\nimport { useControlled } from '../../hooks';\nimport { DismissableLayer, Portal, Presence, ScrollLockProvider, Slot } from '../../primitives';\nimport { Backdrop } from '../backdrop';\nimport {\n  OverlayBody,\n  OverlayChromeProvider,\n  OverlayCloseButton,\n  OverlayDescription,\n  OverlayFooter,\n  OverlayHeader,\n  OverlayTitle,\n  type OverlayChromeContextValue,\n} from '../OverlayChrome';\n\nexport type DrawerSide = 'top' | 'right' | 'bottom' | 'left';\n\ninterface DrawerContextValue {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  triggerRef: React.MutableRefObject<HTMLElement | null>;\n  titleId: string;\n  descriptionId: string;\n  side: DrawerSide;\n  dismissOnOutsideClick: boolean;\n  dismissOnEscape: boolean;\n}\n\nconst DrawerContext = createContext<DrawerContextValue | null>(null);\n\nfunction useDrawerContext() {\n  const ctx = useContext(DrawerContext);\n  if (!ctx) throw new Error('Drawer.* must be used inside <Drawer>');\n  return ctx;\n}\n\nexport interface DrawerProps {\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  side?: DrawerSide;\n  dismissOnOutsideClick?: boolean;\n  dismissOnEscape?: boolean;\n  children: ReactNode;\n}\n\nexport function Drawer({\n  open: openProp,\n  defaultOpen = false,\n  onOpenChange,\n  side = 'right',\n  dismissOnOutsideClick = true,\n  dismissOnEscape = true,\n  children,\n}: DrawerProps) {\n  const [open, setOpen] = useControlled({\n    controlled: openProp,\n    default: defaultOpen,\n    onChange: onOpenChange,\n  });\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const titleId = useId();\n  const descriptionId = useId();\n\n  const ctx = useMemo<DrawerContextValue>(\n    () => ({\n      open,\n      setOpen,\n      triggerRef,\n      titleId,\n      descriptionId,\n      side,\n      dismissOnOutsideClick,\n      dismissOnEscape,\n    }),\n    [open, setOpen, titleId, descriptionId, side, dismissOnOutsideClick, dismissOnEscape],\n  );\n\n  return <DrawerContext.Provider value={ctx}>{children}</DrawerContext.Provider>;\n}\n\nexport interface DrawerTriggerProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  asChild?: boolean;\n  children: ReactNode;\n}\n\nexport const DrawerTrigger = forwardRef<HTMLButtonElement, DrawerTriggerProps>(\n  function DrawerTrigger({ asChild, onClick, children, ...rest }, forwardedRef) {\n    const ctx = useDrawerContext();\n    const Component = asChild ? Slot : 'button';\n    return (\n      <Component\n        ref={composeRefs(forwardedRef, ctx.triggerRef as React.MutableRefObject<HTMLButtonElement | null>) as never}\n        type=\"button\"\n        aria-haspopup=\"dialog\"\n        aria-expanded={ctx.open}\n        data-state={ctx.open ? 'open' : 'closed'}\n        onClick={(e: React.MouseEvent<HTMLButtonElement>) => {\n          onClick?.(e);\n          if (e.defaultPrevented) return;\n          ctx.setOpen(true);\n        }}\n        {...rest}\n      >\n        {children}\n      </Component>\n    );\n  },\n);\n\nexport type DrawerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\n// Full-edge slide: the panel rests at translate-0 when open and is pushed\n// fully off its own edge when closed. `transition-transform` (gated on\n// `motion-safe:`) animates both enter and exit via Presence's data-state flip.\nconst SIDE_BASE: Record<DrawerSide, string> = {\n  right:\n    'inset-y-0 right-0 h-full w-full border-l ' +\n    'motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) ' +\n    'data-[state=closed]:translate-x-full',\n  left:\n    'inset-y-0 left-0 h-full w-full border-r ' +\n    'motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) ' +\n    'data-[state=closed]:-translate-x-full',\n  top:\n    'inset-x-0 top-0 w-full border-b ' +\n    'motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) ' +\n    'data-[state=closed]:-translate-y-full',\n  bottom:\n    'inset-x-0 bottom-0 w-full border-t ' +\n    'motion-safe:transition-transform motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out) ' +\n    'data-[state=closed]:translate-y-full',\n};\n\nconst HORIZONTAL_SIZE: Record<DrawerSize, string> = {\n  sm: 'sm:max-w-sm',\n  md: 'sm:max-w-md',\n  lg: 'sm:max-w-lg',\n  xl: 'sm:max-w-2xl',\n  full: '',\n};\n\nconst VERTICAL_SIZE: Record<DrawerSize, string> = {\n  sm: 'max-h-[40vh]',\n  md: 'max-h-[60vh]',\n  lg: 'max-h-[75vh]',\n  xl: 'max-h-[85vh]',\n  full: 'max-h-screen',\n};\n\n/** Represents the prop surface of `Drawer.Content`. */\nexport interface DrawerContentProps extends HTMLAttributes<HTMLDivElement>, SurfaceVariants {\n  hideBackdrop?: boolean;\n  isBlurred?: boolean;\n  /** Per-side max-size token. Default `md` (preserves prior behavior for right/left at `sm`-ish width via `sm:max-w-md`). */\n  size?: DrawerSize;\n  children: ReactNode;\n}\n\n/**\n * The full portal subtree (scroll-lock + backdrop + focus-trap + dialog panel),\n * rendered as the single child of `<Presence>`. Presence injects `data-state`\n * (\"open\" | \"closed\") + a `ref` here; both are forwarded to the dialog panel —\n * the element whose `transition-transform` end defers unmount — and `data-state`\n * is mirrored onto the backdrop so its fade runs in lock-step with the slide.\n * Keeping the whole subtree inside Presence holds the focus-trap + scroll-lock\n * active through the exit animation and releases them on unmount.\n */\ninterface DrawerSurfaceProps extends HTMLAttributes<HTMLDivElement> {\n  ctx: DrawerContextValue;\n  hideBackdrop?: boolean;\n  isBlurred?: boolean;\n  chromeCtx: OverlayChromeContextValue;\n  surfaceClassName?: string;\n  children: ReactNode;\n}\n\nconst DrawerSurface = forwardRef<HTMLDivElement, DrawerSurfaceProps>(function DrawerSurface(\n  {\n    ctx,\n    hideBackdrop,\n    isBlurred,\n    chromeCtx,\n    surfaceClassName,\n    children,\n    // `data-state` is injected by Presence; default to \"open\" when rendered standalone.\n    'data-state': dataState = 'open',\n    ...rest\n  }: DrawerSurfaceProps & { 'data-state'?: 'open' | 'closed' },\n  forwardedRef,\n) {\n  return (\n    <Portal>\n      <ScrollLockProvider>\n        {!hideBackdrop && (\n          <Backdrop\n            isInline\n            isBlurred={isBlurred}\n            data-state={dataState}\n            className={cn(\n              // Backdrop fade driven by the same data-state Presence flips (motion-safe).\n              'motion-safe:transition-opacity motion-safe:duration-(--duration-base) motion-safe:ease-(--ease-out)',\n              'data-[state=closed]:opacity-0',\n            )}\n            onClick={() => {\n              if (ctx.dismissOnOutsideClick) ctx.setOpen(false);\n            }}\n          />\n        )}\n        <FocusScope asChild trapped loop>\n          <DismissableLayer\n            isEscapeDisabled={!ctx.dismissOnEscape}\n            onEscape={() => ctx.setOpen(false)}\n            isOutsideClickDisabled\n          >\n            <div\n              ref={forwardedRef}\n              role=\"dialog\"\n              aria-modal=\"true\"\n              aria-labelledby={ctx.titleId}\n              aria-describedby={ctx.descriptionId}\n              data-state={dataState}\n              data-side={ctx.side}\n              className={surfaceClassName}\n              {...rest}\n            >\n              <OverlayChromeProvider value={chromeCtx}>{children}</OverlayChromeProvider>\n            </div>\n          </DismissableLayer>\n        </FocusScope>\n      </ScrollLockProvider>\n    </Portal>\n  );\n});\nDrawerSurface.displayName = 'DrawerSurface';\n\nexport const DrawerContent = forwardRef<HTMLDivElement, DrawerContentProps>(\n  function DrawerContent(\n    {\n      hideBackdrop,\n      isBlurred,\n      variant,\n      tone,\n      radius,\n      padding,\n      elevation,\n      size = 'md',\n      className,\n      children,\n      ...rest\n    },\n    forwardedRef,\n  ) {\n    const ctx = useDrawerContext();\n    const isHorizontal = ctx.side === 'right' || ctx.side === 'left';\n    const sizeClass = isHorizontal ? HORIZONTAL_SIZE[size] : VERTICAL_SIZE[size];\n\n    const close = useCallback(() => {\n      ctx.setOpen(false);\n      requestAnimationFrame(() => ctx.triggerRef.current?.focus());\n    }, [ctx]);\n\n    const chromeCtx = useMemo<OverlayChromeContextValue>(\n      () => ({ titleId: ctx.titleId, descriptionId: ctx.descriptionId, close }),\n      [ctx.titleId, ctx.descriptionId, close],\n    );\n\n    const surfaceClassName = cn(\n      'fixed z-modal flex flex-col gap-4 outline-none',\n      surfaceVariants({\n        variant: variant ?? 'elevated',\n        tone,\n        radius: radius ?? 'none',\n        padding: padding ?? 'xl',\n        elevation: elevation ?? 3,\n      }),\n      SIDE_BASE[ctx.side],\n      sizeClass,\n      className,\n    );\n\n    // Presence keeps the subtree mounted through the exit slide, flipping\n    // data-state open→closed and deferring unmount until the panel's\n    // transition ends.\n    return (\n      <Presence isPresent={ctx.open}>\n        <DrawerSurface\n          ref={forwardedRef}\n          ctx={ctx}\n          hideBackdrop={hideBackdrop}\n          isBlurred={isBlurred}\n          chromeCtx={chromeCtx}\n          surfaceClassName={surfaceClassName}\n          {...rest}\n        >\n          {children}\n        </DrawerSurface>\n      </Presence>\n    );\n  },\n);\n\n// Re-export shared chrome subcomponents under the Drawer namespace.\nexport const DrawerHeader = OverlayHeader;\nexport const DrawerTitle = OverlayTitle;\nexport const DrawerDescription = OverlayDescription;\nexport const DrawerBody = OverlayBody;\nexport const DrawerFooter = OverlayFooter;\nexport const DrawerClose = OverlayCloseButton;\n\ntype DrawerComponent = typeof Drawer & {\n  Trigger: typeof DrawerTrigger;\n  Content: typeof DrawerContent;\n  Header: typeof DrawerHeader;\n  Title: typeof DrawerTitle;\n  Description: typeof DrawerDescription;\n  Body: typeof DrawerBody;\n  Footer: typeof DrawerFooter;\n  Close: typeof DrawerClose;\n};\n\n(Drawer as DrawerComponent).Trigger = DrawerTrigger;\n(Drawer as DrawerComponent).Content = DrawerContent;\n(Drawer as DrawerComponent).Header = DrawerHeader;\n(Drawer as DrawerComponent).Title = DrawerTitle;\n(Drawer as DrawerComponent).Description = DrawerDescription;\n(Drawer as DrawerComponent).Body = DrawerBody;\n(Drawer as DrawerComponent).Footer = DrawerFooter;\n(Drawer as DrawerComponent).Close = DrawerClose;\n\nexport default Drawer as DrawerComponent;\n"]}

package/dist/display/index.js

@@ -1,6 +1,7 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityFeed, ActivityItem, AnimatedNumber, AnnotationMarker, AudioPlayer, AudioWaveform, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, ChatBubble, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Comment, CommentThread, Confetti, CountBadge, CountUp, DataGrid, DataTable, DaySeparator, DescriptionList, DiffViewer, EmptyState, EventCalendar, Eyebrow, FeatureCard, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, MetaInline, MetricChip, NodeEditor, NotificationDot, PDFViewer, PricingCard, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sortable, Sparkline, Stat, Status, StepCard, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tooltip, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants } from '../chunk-VQGGK4VP.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActivityFeed, ActivityItem, AnimatedNumber, AnnotationMarker, AudioPlayer, AudioWaveform, Avatar, AvatarGroup, Badge, BadgeOverlay, Card, Carousel, CarouselDot, CarouselDots, CarouselNext, CarouselPrev, CarouselSlide, CarouselSlides, CarouselViewport, ChatBubble, Code, Collapsible, CollapsibleContent, CollapsibleTrigger, Comment, CommentThread, Confetti, CountBadge, CountUp, DataGrid, DataTable, DaySeparator, DescriptionList, DiffViewer, EmptyState, EventCalendar, Eyebrow, FeatureCard, Gantt, GradientText, Heading, HeatmapCalendar, Highlight, Image, InfoRow, KeyboardShortcut, List, ListItem, Mark, Marquee, MessageList, MetaInline, MetricChip, NodeEditor, NotificationDot, PDFViewer, PricingCard, Quote, ReactionBar, ScheduleView, ScrollReveal, SectionHeader, Separator, Snippet, Sortable, Sparkline, Stat, Status, StepCard, SwipeActions, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeaderCell, TableRow, Tabs, TabsList, TabsPanel, TabsTab, Text, ThreadView, Tilt, Timeline, TimelineDescription, TimelineItem, TimelineTitle, Tree, TreeGroup, TreeItem, Typewriter, VideoPlayer, avatarVariants, badgeVariants, codeVariants, headingVariants, textVariants } from '../chunk-RDRFXVNX.js';
 export { Kbd, Tag, tagVariants } from '../chunk-3SWPYYRQ.js';
 import '../chunk-4XWLEKH2.js';
+export { Tooltip } from '../chunk-YQGEF43L.js';
 import '../chunk-V267IMBH.js';
 import '../chunk-MVMDDGW7.js';
 import '../chunk-DX7FYAKY.js';

package/dist/feedback/index.js

@@ -1,6 +1,6 @@
-export { Alert, AlertSimple, Banner, BannerSimple, Callout, InlineSpinner, LiveCursor, LoadingOverlay, LoadingState, MeterBar, NotificationCenter, NotificationItem, OnboardingChecklist, OnboardingChecklistTask, PresenceIndicator, ProgressBar, ProgressCircle, ProgressSteps, Skeleton, StatusIndicator, Toast, ToastSimple, Toaster, Tour, TrendIndicator, TypingIndicator, UndoBar, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, toastSimpleVariants, toaster, useOnboardingChecklist, useToaster } from '../chunk-WIXKLDTN.js';
+export { Alert, AlertSimple, Banner, BannerSimple, Callout, InlineSpinner, LiveCursor, LoadingOverlay, LoadingState, MeterBar, NotificationCenter, NotificationItem, OnboardingChecklist, OnboardingChecklistTask, PresenceIndicator, ProgressBar, ProgressCircle, ProgressSteps, Skeleton, StatusIndicator, Toast, ToastSimple, Toaster, Tour, TrendIndicator, TypingIndicator, UndoBar, alertSimpleVariants, bannerSimpleVariants, progressFillVariants, progressTrackVariants, skeletonVariants, toastSimpleVariants, toaster, useOnboardingChecklist, useToaster } from '../chunk-NEH4ITXL.js';
 export { Spinner, spinnerVariants } from '../chunk-7ZDLUNAY.js';
-import '../chunk-EQNTG53H.js';
+import '../chunk-NW7ULTYL.js';
 import '../chunk-V267IMBH.js';
 import '../chunk-MVMDDGW7.js';
 import '../chunk-DX7FYAKY.js';

package/dist/feedback/undoBar/UndoBar.d.ts

@@ -18,4 +18,4 @@ export interface UndoBarProps {
  * pause-on-hover preserves remaining time. For multi-toast queues use the L5
  * `Toaster` instead.
  */
-export declare function UndoBar({ isOpen, onOpenChange, message, onUndo, undoLabel, duration, canPauseOnHover, position, hasCountdown, className, }: UndoBarProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function UndoBar({ isOpen, onOpenChange, message, onUndo, undoLabel, duration, canPauseOnHover, position, hasCountdown, className, }: UndoBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/InputStyles.d.ts

@@ -10,7 +10,21 @@ export declare const inputBaseVariants: import("tailwind-variants").TVReturnType
         default: string;
         invalid: string;
     };
-}, undefined, "flex w-full rounded-md border bg-popover text-foreground placeholder:text-subtle-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-60 read-only:bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
+    border: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    ring: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "flex w-full rounded-md bg-popover text-foreground placeholder:text-subtle-foreground transition-colors focus-visible:outline-none focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-60 read-only:bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         xs: string;
         sm: string;
@@ -21,6 +35,20 @@ export declare const inputBaseVariants: import("tailwind-variants").TVReturnType
         default: string;
         invalid: string;
     };
+    border: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    ring: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }, {
     size: {
         xs: string;
@@ -32,6 +60,20 @@ export declare const inputBaseVariants: import("tailwind-variants").TVReturnType
         default: string;
         invalid: string;
     };
+    border: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    ring: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }>, {
     size: {
         xs: string;
@@ -43,6 +85,20 @@ export declare const inputBaseVariants: import("tailwind-variants").TVReturnType
         default: string;
         invalid: string;
     };
+    border: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    ring: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }, undefined, import("tailwind-variants").TVReturnType<{
     size: {
         xs: string;
@@ -54,7 +110,21 @@ export declare const inputBaseVariants: import("tailwind-variants").TVReturnType
         default: string;
         invalid: string;
     };
-}, undefined, "flex w-full rounded-md border bg-popover text-foreground placeholder:text-subtle-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-60 read-only:bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
+    border: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    ring: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
+}, undefined, "flex w-full rounded-md bg-popover text-foreground placeholder:text-subtle-foreground transition-colors focus-visible:outline-none focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-60 read-only:bg-muted", import("tailwind-variants/dist/config.js").TVConfig<{
     size: {
         xs: string;
         sm: string;
@@ -65,6 +135,20 @@ export declare const inputBaseVariants: import("tailwind-variants").TVReturnType
         default: string;
         invalid: string;
     };
+    border: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    ring: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }, {
     size: {
         xs: string;
@@ -76,5 +160,19 @@ export declare const inputBaseVariants: import("tailwind-variants").TVReturnType
         default: string;
         invalid: string;
     };
+    border: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+    ring: {
+        none: string;
+        sm: string;
+        md: string;
+        lg: string;
+    };
 }>, unknown, unknown, undefined>>;
 export type InputBaseVariants = VariantProps<typeof inputBaseVariants>;

package/dist/forms/combobox/Combobox.d.ts

@@ -29,7 +29,7 @@ export interface ComboboxContentProps extends SurfaceVariants {
     offset?: number;
     children: ReactNode;
 }
-export declare function ComboboxContent({ className, placement, offset, variant, tone, radius, padding, elevation, children, }: ComboboxContentProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ComboboxContent({ className, placement, offset, variant, tone, radius, padding, elevation, children, }: ComboboxContentProps): import("react/jsx-runtime").JSX.Element;
 export interface ComboboxItemProps extends HTMLAttributes<HTMLDivElement> {
     value: string;
     isDisabled?: boolean;

package/dist/forms/index.js

@@ -1,11 +1,11 @@
-export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard } from '../chunk-INSI3NPU.js';
+export { ADDRESS_COUNTRIES, AddressForm, BUILT_IN_EMOJI, BUILT_IN_FONTS, Calendar, CharacterCount, ChatComposer, Checkbox, CheckboxField, CheckboxGroup, ChoiceCard, CodeEditor, ColorArea, ColorField, ColorPicker, ColorSlider, ColorSwatch, ColorSwatchPicker, ColorWheel, Combobox, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxSeparator, CronInput, CurrencyInput, DateField, DatePicker, DateRangePicker, Editable, EditableCancel, EditableInput, EditablePreview, EditableSubmit, EmailInput, EmojiPicker, Fieldset, FilePicker, FileUpload, FontPicker, FormErrorMessage, FormField, FormHelperText, GradientPicker, IconPicker, InputAddon, InputGroup, JSONEditor, KeyboardShortcutPicker, Knob, Label, LabeledInput, Legend, Listbox, ListboxEmpty, ListboxGroup, ListboxItem, ListboxSeparator, MarkdownEditor, MaskedInput, MultiSelect, MultiSelectContent, MultiSelectItem, MultiSelectTags, MultiSelectTrigger, NumberInput, PHONE_COUNTRIES, PasswordInput, PasswordStrength, PercentInput, PhoneInput, PinInput, Radio, RadioField, RadioGroup, RangeCalendar, ReactionPicker, RecurrenceEditor, SearchInput, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Slider, Stepper, StepperList, StepperPanel, StepperStep, Switch, SwitchField, TagsInput, TelInput, TextInput, Textarea, TimeField, TimePicker, UrlInput, Wizard, WizardFooter, WizardStep, WizardSteps, colorSwatchVariants, gradientToCss, useWizard } from '../chunk-5YT7XRTW.js';
 import '../chunk-FMTBJJP6.js';
-import '../chunk-BLU5JZAB.js';
-import '../chunk-5JYRZ5PA.js';
-import '../chunk-H4P5MAGS.js';
+import '../chunk-GTBNVI77.js';
+import '../chunk-ZC4H4PIN.js';
+import '../chunk-MZZKA3ZS.js';
 import '../chunk-NOOKDXIZ.js';
 import '../chunk-3SWPYYRQ.js';
-import '../chunk-EQNTG53H.js';
+import '../chunk-NW7ULTYL.js';
 import '../chunk-V267IMBH.js';
 import '../chunk-MVMDDGW7.js';
 import '../chunk-DX7FYAKY.js';