@plexui/ui 0.20.12 → 0.20.13

package/dist/es/components/Dialog/Dialog.js

@@ -2,12 +2,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { Dialog as RadixDialog } from "radix-ui";
-import { createContext, useCallback, useContext, useMemo, useState, } from "react";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
 import { useEscCloseStack } from "../../hooks/useEscCloseStack.js";
 import { keepMovedFocus, preventDefaultHandler, toCssVariables } from "../../lib/helpers.js";
 import { TransitionGroup } from "../Transition/index.js";
 import { createExitGuard, overlayTiming, overlayTimingLarge } from "../Transition/shared.js";
+import { attachSheetDrag } from "./sheetDrag.js";
 import s from "@plexui/styles/components/Dialog/Dialog.module.css";
+const DOUBLE_CLICK = 300;
 const DialogContext = createContext(null);
 const useDialogContext = () => {
     const context = useContext(DialogContext);
@@ -35,14 +37,31 @@ const Trigger = ({ children }) => {
 const Content = ({ children, width = 480, showClose = true, pill = false, className, placement = "center", mobilePlacement, onOpenAutoFocus, onCloseAutoFocus, }) => {
     const { open, setOpen } = useDialogContext();
     const [exitGuard] = useState(createExitGuard);
+    const [panel, setPanel] = useState(null);
+    const openedAt = useRef(0);
     const crossesScreen = placement === "bottom" || placement === "start" || placement === "end" || mobilePlacement === "bottom";
     useEscCloseStack(open, () => {
         setOpen(false);
     });
-    return (_jsx(RadixDialog.Portal, { forceMount: true, children: _jsx(TransitionGroup, { ...(crossesScreen ? overlayTimingLarge : overlayTiming), ...exitGuard.transition, className: s.Transition, overlay: true, preventInitialTransition: false, children: open && (_jsxs("div", { children: [_jsx(RadixDialog.Overlay, { className: s.Overlay }), _jsx(RadixDialog.Content, { forceMount: true, className: s.Content, style: toCssVariables({ "dialog-width": width }), "data-placement": placement === "center" ? undefined : placement, "data-mobile-placement": mobilePlacement, "data-pill": pill ? "" : undefined, onEscapeKeyDown: preventDefaultHandler, onInteractOutside: exitGuard.onInteractOutside, onOpenAutoFocus: onOpenAutoFocus, onCloseAutoFocus: (event) => {
+    useEffect(() => {
+        if (open)
+            openedAt.current = performance.now();
+    }, [open]);
+    useEffect(() => {
+        if (!panel || mobilePlacement !== "bottom")
+            return undefined;
+        return attachSheetDrag(panel, () => setOpen(false));
+    }, [panel, mobilePlacement, setOpen]);
+    return (_jsx(RadixDialog.Portal, { forceMount: true, children: _jsx(TransitionGroup, { ...(crossesScreen ? overlayTimingLarge : overlayTiming), ...exitGuard.transition, className: s.Transition, overlay: true, preventInitialTransition: false, children: open && (_jsxs("div", { children: [_jsx(RadixDialog.Overlay, { className: s.Overlay }), _jsx(RadixDialog.Content, { forceMount: true, className: s.Content, style: toCssVariables({ "dialog-width": width }), "data-placement": placement === "center" ? undefined : placement, "data-mobile-placement": mobilePlacement, "data-pill": pill ? "" : undefined, onEscapeKeyDown: preventDefaultHandler, onInteractOutside: (event) => {
+                            // The second click of a double click lands on the overlay: it must not undo the first
+                            if (performance.now() - openedAt.current < DOUBLE_CLICK)
+                                event.preventDefault();
+                            else
+                                exitGuard.onInteractOutside(event);
+                        }, onOpenAutoFocus: onOpenAutoFocus, onCloseAutoFocus: (event) => {
                             onCloseAutoFocus?.(event);
                             keepMovedFocus(event);
-                        }, children: _jsxs("div", { className: clsx(s.Panel, className), children: [showClose && (_jsx(RadixDialog.Close, { asChild: true, children: _jsx("button", { type: "button", className: s.CloseButton, "aria-label": "Close dialog", children: _jsx("svg", { className: s.CloseIcon, viewBox: "0 0 20 20", width: "20", height: "20", "aria-hidden": "true", children: _jsx("path", { fill: "currentColor", d: "M5.22 5.22a.75.75 0 0 1 1.06 0L10 8.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L11.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06L10 11.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06L8.94 10 5.22 6.28a.75.75 0 0 1 0-1.06" }) }) }) })), children] }) })] }, "dialog")) }) }));
+                        }, children: _jsxs("div", { ref: setPanel, className: clsx(s.Panel, className), children: [showClose && (_jsx(RadixDialog.Close, { asChild: true, children: _jsx("button", { type: "button", className: s.CloseButton, "aria-label": "Close dialog", children: _jsx("svg", { className: s.CloseIcon, viewBox: "0 0 20 20", width: "20", height: "20", "aria-hidden": "true", children: _jsx("path", { fill: "currentColor", d: "M5.22 5.22a.75.75 0 0 1 1.06 0L10 8.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L11.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06L10 11.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06L8.94 10 5.22 6.28a.75.75 0 0 1 0-1.06" }) }) }) })), children] }) })] }, "dialog")) }) }));
 };
 const Header = ({ children, className }) => {
     return _jsx("div", { className: clsx(s.Header, className), children: children });

package/dist/es/components/Dialog/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { Dialog as RadixDialog } from \"radix-ui\"\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n  type ReactNode,\n} from \"react\"\nimport { useEscCloseStack } from \"../../hooks/useEscCloseStack\"\nimport { keepMovedFocus, preventDefaultHandler, toCssVariables } from \"../../lib/helpers\"\nimport { TransitionGroup } from \"../Transition\"\nimport { createExitGuard, overlayTiming, overlayTimingLarge } from \"../Transition/shared\"\nimport s from \"@plexui/styles/components/Dialog/Dialog.module.css\"\n\ntype DialogContextValue = {\n  open: boolean\n  setOpen: (nextState: boolean) => void\n}\n\nconst DialogContext = createContext<DialogContextValue | null>(null)\n\nconst useDialogContext = () => {\n  const context = useContext(DialogContext)\n\n  if (!context) {\n    throw new Error(\"Dialog compound components must be used inside <Dialog>\")\n  }\n\n  return context\n}\n\nexport type DialogProps = {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  children: ReactNode\n}\n\nexport const Dialog = ({\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n  children,\n}: DialogProps) => {\n  const [open, setOpen] = useState<boolean>(false)\n  const isOpen = controlledOpen ?? open\n\n  const handleOpenChange = useCallback(\n    (nextState: boolean) => {\n      controlledOnOpenChange?.(nextState)\n      setOpen(nextState)\n    },\n    [controlledOnOpenChange],\n  )\n\n  const store = useMemo<DialogContextValue>(\n    () => ({\n      open: isOpen,\n      setOpen: handleOpenChange,\n    }),\n    [isOpen, handleOpenChange],\n  )\n\n  return (\n    <DialogContext value={store}>\n      <RadixDialog.Root open={isOpen} onOpenChange={handleOpenChange}>\n        {children}\n      </RadixDialog.Root>\n    </DialogContext>\n  )\n}\n\nconst Trigger = ({ children }: { children: ReactNode }) => {\n  return <RadixDialog.Trigger asChild>{children}</RadixDialog.Trigger>\n}\n\nexport type DialogPlacement = \"center\" | \"top\" | \"bottom\" | \"start\" | \"end\" | \"fullscreen\"\n\nexport type DialogContentProps = {\n  children: ReactNode\n  width?: number | string\n  showClose?: boolean\n  /**\n   * Rounder panel and a round close button, for dialogs that sit beside pill controls.\n   * @default false\n   */\n  pill?: boolean\n  className?: string\n  /**\n   * Where the panel sits: centered, near the top (search, command lists),\n   * a sheet along the bottom, a full-height panel on the start or end side,\n   * or the whole screen.\n   * @default center\n   */\n  placement?: DialogPlacement\n  /** Placement at 640px and below, such as a bottom sheet on phones. @default placement */\n  mobilePlacement?: Extract<DialogPlacement, \"center\" | \"bottom\" | \"fullscreen\">\n  /**\n   * Called when focus moves into the dialog on open. Call\n   * `event.preventDefault()` to focus something else yourself.\n   */\n  onOpenAutoFocus?: (event: Event) => void\n  /** Called when focus returns on close. Call `event.preventDefault()` to keep it elsewhere. */\n  onCloseAutoFocus?: (event: Event) => void\n}\n\nconst Content = ({\n  children,\n  width = 480,\n  showClose = true,\n  pill = false,\n  className,\n  placement = \"center\",\n  mobilePlacement,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n}: DialogContentProps) => {\n  const { open, setOpen } = useDialogContext()\n  const [exitGuard] = useState(createExitGuard)\n  const crossesScreen =\n    placement === \"bottom\" || placement === \"start\" || placement === \"end\" || mobilePlacement === \"bottom\"\n\n  useEscCloseStack(open, () => {\n    setOpen(false)\n  })\n\n  return (\n    <RadixDialog.Portal forceMount>\n      {/* A dialog mounted open enters too, as `open` set with the mount does */}\n      <TransitionGroup\n        {...(crossesScreen ? overlayTimingLarge : overlayTiming)}\n        {...exitGuard.transition}\n        className={s.Transition}\n        overlay\n        preventInitialTransition={false}\n      >\n        {open && (\n          <div key=\"dialog\">\n            <RadixDialog.Overlay className={s.Overlay} />\n            <RadixDialog.Content\n              forceMount\n              className={s.Content}\n              style={toCssVariables({ \"dialog-width\": width })}\n              data-placement={placement === \"center\" ? undefined : placement}\n              data-mobile-placement={mobilePlacement}\n              data-pill={pill ? \"\" : undefined}\n              onEscapeKeyDown={preventDefaultHandler}\n              onInteractOutside={exitGuard.onInteractOutside}\n              onOpenAutoFocus={onOpenAutoFocus}\n              onCloseAutoFocus={(event) => {\n                onCloseAutoFocus?.(event)\n                keepMovedFocus(event)\n              }}\n            >\n              <div className={clsx(s.Panel, className)}>\n                {showClose && (\n                  <RadixDialog.Close asChild>\n                    <button type=\"button\" className={s.CloseButton} aria-label=\"Close dialog\">\n                      <svg\n                        className={s.CloseIcon}\n                        viewBox=\"0 0 20 20\"\n                        width=\"20\"\n                        height=\"20\"\n                        aria-hidden=\"true\"\n                      >\n                        <path\n                          fill=\"currentColor\"\n                          d=\"M5.22 5.22a.75.75 0 0 1 1.06 0L10 8.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L11.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06L10 11.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06L8.94 10 5.22 6.28a.75.75 0 0 1 0-1.06\"\n                        />\n                      </svg>\n                    </button>\n                  </RadixDialog.Close>\n                )}\n                {children}\n              </div>\n            </RadixDialog.Content>\n          </div>\n        )}\n      </TransitionGroup>\n    </RadixDialog.Portal>\n  )\n}\n\ntype DialogSlotProps = {\n  children: ReactNode\n  className?: string\n}\n\nconst Header = ({ children, className }: DialogSlotProps) => {\n  return <div className={clsx(s.Header, className)}>{children}</div>\n}\n\n/** The scrolling part between Header and Footer: with it, only the body scrolls */\nconst Body = ({ children, className }: DialogSlotProps) => {\n  return <div className={clsx(s.Body, className)}>{children}</div>\n}\n\nconst Footer = ({ children, className }: DialogSlotProps) => {\n  return <div className={clsx(s.Footer, className)}>{children}</div>\n}\n\nconst Title = ({ children, className }: DialogSlotProps) => {\n  return <RadixDialog.Title className={clsx(s.Title, className)}>{children}</RadixDialog.Title>\n}\n\nconst Description = ({ children, className }: DialogSlotProps) => {\n  return (\n    <RadixDialog.Description className={clsx(s.Description, className)}>\n      {children}\n    </RadixDialog.Description>\n  )\n}\n\nconst Close = ({ children }: { children: ReactNode }) => {\n  return <RadixDialog.Close asChild>{children}</RadixDialog.Close>\n}\n\nDialog.Trigger = Trigger\nDialog.Content = Content\nDialog.Header = Header\nDialog.Body = Body\nDialog.Footer = Footer\nDialog.Title = Title\nDialog.Description = Description\nDialog.Close = Close\n"]}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { Dialog as RadixDialog } from \"radix-ui\"\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  type ReactNode,\n} from \"react\"\nimport { useEscCloseStack } from \"../../hooks/useEscCloseStack\"\nimport { keepMovedFocus, preventDefaultHandler, toCssVariables } from \"../../lib/helpers\"\nimport { TransitionGroup } from \"../Transition\"\nimport { createExitGuard, overlayTiming, overlayTimingLarge } from \"../Transition/shared\"\nimport { attachSheetDrag } from \"./sheetDrag\"\nimport s from \"@plexui/styles/components/Dialog/Dialog.module.css\"\n\ntype DialogContextValue = {\n  open: boolean\n  setOpen: (nextState: boolean) => void\n}\n\nconst DOUBLE_CLICK = 300\n\nconst DialogContext = createContext<DialogContextValue | null>(null)\n\nconst useDialogContext = () => {\n  const context = useContext(DialogContext)\n\n  if (!context) {\n    throw new Error(\"Dialog compound components must be used inside <Dialog>\")\n  }\n\n  return context\n}\n\nexport type DialogProps = {\n  open?: boolean\n  onOpenChange?: (open: boolean) => void\n  children: ReactNode\n}\n\nexport const Dialog = ({\n  open: controlledOpen,\n  onOpenChange: controlledOnOpenChange,\n  children,\n}: DialogProps) => {\n  const [open, setOpen] = useState<boolean>(false)\n  const isOpen = controlledOpen ?? open\n\n  const handleOpenChange = useCallback(\n    (nextState: boolean) => {\n      controlledOnOpenChange?.(nextState)\n      setOpen(nextState)\n    },\n    [controlledOnOpenChange],\n  )\n\n  const store = useMemo<DialogContextValue>(\n    () => ({\n      open: isOpen,\n      setOpen: handleOpenChange,\n    }),\n    [isOpen, handleOpenChange],\n  )\n\n  return (\n    <DialogContext value={store}>\n      <RadixDialog.Root open={isOpen} onOpenChange={handleOpenChange}>\n        {children}\n      </RadixDialog.Root>\n    </DialogContext>\n  )\n}\n\nconst Trigger = ({ children }: { children: ReactNode }) => {\n  return <RadixDialog.Trigger asChild>{children}</RadixDialog.Trigger>\n}\n\nexport type DialogPlacement = \"center\" | \"top\" | \"bottom\" | \"start\" | \"end\" | \"fullscreen\"\n\nexport type DialogContentProps = {\n  children: ReactNode\n  width?: number | string\n  showClose?: boolean\n  /**\n   * Rounder panel and a round close button, for dialogs that sit beside pill controls.\n   * @default false\n   */\n  pill?: boolean\n  className?: string\n  /**\n   * Where the panel sits: centered, near the top (search, command lists),\n   * a sheet along the bottom, a full-height panel on the start or end side,\n   * or the whole screen.\n   * @default center\n   */\n  placement?: DialogPlacement\n  /** Placement at 640px and below, such as a bottom sheet on phones. @default placement */\n  mobilePlacement?: Extract<DialogPlacement, \"center\" | \"bottom\" | \"fullscreen\">\n  /**\n   * Called when focus moves into the dialog on open. Call\n   * `event.preventDefault()` to focus something else yourself.\n   */\n  onOpenAutoFocus?: (event: Event) => void\n  /** Called when focus returns on close. Call `event.preventDefault()` to keep it elsewhere. */\n  onCloseAutoFocus?: (event: Event) => void\n}\n\nconst Content = ({\n  children,\n  width = 480,\n  showClose = true,\n  pill = false,\n  className,\n  placement = \"center\",\n  mobilePlacement,\n  onOpenAutoFocus,\n  onCloseAutoFocus,\n}: DialogContentProps) => {\n  const { open, setOpen } = useDialogContext()\n  const [exitGuard] = useState(createExitGuard)\n  const [panel, setPanel] = useState<HTMLDivElement | null>(null)\n  const openedAt = useRef(0)\n  const crossesScreen =\n    placement === \"bottom\" || placement === \"start\" || placement === \"end\" || mobilePlacement === \"bottom\"\n\n  useEscCloseStack(open, () => {\n    setOpen(false)\n  })\n\n  useEffect(() => {\n    if (open) openedAt.current = performance.now()\n  }, [open])\n\n  useEffect(() => {\n    if (!panel || mobilePlacement !== \"bottom\") return undefined\n    return attachSheetDrag(panel, () => setOpen(false))\n  }, [panel, mobilePlacement, setOpen])\n\n  return (\n    <RadixDialog.Portal forceMount>\n      {/* A dialog mounted open enters too, as `open` set with the mount does */}\n      <TransitionGroup\n        {...(crossesScreen ? overlayTimingLarge : overlayTiming)}\n        {...exitGuard.transition}\n        className={s.Transition}\n        overlay\n        preventInitialTransition={false}\n      >\n        {open && (\n          <div key=\"dialog\">\n            <RadixDialog.Overlay className={s.Overlay} />\n            <RadixDialog.Content\n              forceMount\n              className={s.Content}\n              style={toCssVariables({ \"dialog-width\": width })}\n              data-placement={placement === \"center\" ? undefined : placement}\n              data-mobile-placement={mobilePlacement}\n              data-pill={pill ? \"\" : undefined}\n              onEscapeKeyDown={preventDefaultHandler}\n              onInteractOutside={(event) => {\n                // The second click of a double click lands on the overlay: it must not undo the first\n                if (performance.now() - openedAt.current < DOUBLE_CLICK) event.preventDefault()\n                else exitGuard.onInteractOutside(event)\n              }}\n              onOpenAutoFocus={onOpenAutoFocus}\n              onCloseAutoFocus={(event) => {\n                onCloseAutoFocus?.(event)\n                keepMovedFocus(event)\n              }}\n            >\n              <div ref={setPanel} className={clsx(s.Panel, className)}>\n                {showClose && (\n                  <RadixDialog.Close asChild>\n                    <button type=\"button\" className={s.CloseButton} aria-label=\"Close dialog\">\n                      <svg\n                        className={s.CloseIcon}\n                        viewBox=\"0 0 20 20\"\n                        width=\"20\"\n                        height=\"20\"\n                        aria-hidden=\"true\"\n                      >\n                        <path\n                          fill=\"currentColor\"\n                          d=\"M5.22 5.22a.75.75 0 0 1 1.06 0L10 8.94l3.72-3.72a.75.75 0 1 1 1.06 1.06L11.06 10l3.72 3.72a.75.75 0 1 1-1.06 1.06L10 11.06l-3.72 3.72a.75.75 0 1 1-1.06-1.06L8.94 10 5.22 6.28a.75.75 0 0 1 0-1.06\"\n                        />\n                      </svg>\n                    </button>\n                  </RadixDialog.Close>\n                )}\n                {children}\n              </div>\n            </RadixDialog.Content>\n          </div>\n        )}\n      </TransitionGroup>\n    </RadixDialog.Portal>\n  )\n}\n\ntype DialogSlotProps = {\n  children: ReactNode\n  className?: string\n}\n\nconst Header = ({ children, className }: DialogSlotProps) => {\n  return <div className={clsx(s.Header, className)}>{children}</div>\n}\n\n/** The scrolling part between Header and Footer: with it, only the body scrolls */\nconst Body = ({ children, className }: DialogSlotProps) => {\n  return <div className={clsx(s.Body, className)}>{children}</div>\n}\n\nconst Footer = ({ children, className }: DialogSlotProps) => {\n  return <div className={clsx(s.Footer, className)}>{children}</div>\n}\n\nconst Title = ({ children, className }: DialogSlotProps) => {\n  return <RadixDialog.Title className={clsx(s.Title, className)}>{children}</RadixDialog.Title>\n}\n\nconst Description = ({ children, className }: DialogSlotProps) => {\n  return (\n    <RadixDialog.Description className={clsx(s.Description, className)}>\n      {children}\n    </RadixDialog.Description>\n  )\n}\n\nconst Close = ({ children }: { children: ReactNode }) => {\n  return <RadixDialog.Close asChild>{children}</RadixDialog.Close>\n}\n\nDialog.Trigger = Trigger\nDialog.Content = Content\nDialog.Header = Header\nDialog.Body = Body\nDialog.Footer = Footer\nDialog.Title = Title\nDialog.Description = Description\nDialog.Close = Close\n"]}

package/dist/es/components/Dialog/sheetDrag.js

@@ -0,0 +1,77 @@
+// A bottom sheet follows the finger. A drag from its top 44px moves it 1:1, never up. Past 30% of its
+// height, or at 0.5px/ms, it closes; otherwise it returns. Buttons in that strip keep their press.
+const GRIP = 44;
+const CLOSE_SHARE = 0.3;
+const CLOSE_SPEED = 0.5;
+const REST = 100;
+const SETTLE = 400;
+const INTERACTIVE = "a, button, input, select, textarea, [role='button']";
+export const attachSheetDrag = (panel, close) => {
+    let startY = null;
+    let lastY = 0;
+    let lastTime = 0;
+    let speed = 0;
+    const clear = () => {
+        panel.style.transition = "";
+        panel.style.transform = "";
+    };
+    const onStart = (event) => {
+        if (event.touches.length !== 1 || !window.matchMedia("(max-width: 767px)").matches)
+            return;
+        const { clientY } = event.touches[0];
+        if (clientY - panel.getBoundingClientRect().top > GRIP)
+            return;
+        if (event.target?.closest?.(INTERACTIVE))
+            return;
+        startY = clientY;
+        lastY = clientY;
+        lastTime = event.timeStamp;
+        speed = 0;
+    };
+    const onMove = (event) => {
+        if (startY === null)
+            return;
+        event.preventDefault();
+        const { clientY } = event.touches[0];
+        speed = (clientY - lastY) / Math.max(1, event.timeStamp - lastTime);
+        lastY = clientY;
+        lastTime = event.timeStamp;
+        panel.style.transition = "none";
+        panel.style.transform = `translateY(${Math.max(0, clientY - startY)}px)`;
+    };
+    const onEnd = (event) => {
+        if (startY === null)
+            return;
+        const travelled = lastY - startY;
+        // A finger that rested before lifting is no flick
+        const flick = speed > CLOSE_SPEED && event.timeStamp - lastTime < REST;
+        startY = null;
+        if (travelled <= 0) {
+            clear();
+            return;
+        }
+        if (travelled > panel.getBoundingClientRect().height * CLOSE_SHARE || flick) {
+            close();
+            // Something may keep it open, unsaved changes for one
+            window.setTimeout(() => {
+                if (panel.isConnected)
+                    clear();
+            }, SETTLE);
+            return;
+        }
+        panel.style.transition = "transform 250ms var(--cubic-enter)";
+        panel.style.transform = "";
+        panel.addEventListener("transitionend", clear, { once: true });
+    };
+    panel.addEventListener("touchstart", onStart, { passive: true });
+    panel.addEventListener("touchmove", onMove, { passive: false });
+    panel.addEventListener("touchend", onEnd);
+    panel.addEventListener("touchcancel", onEnd);
+    return () => {
+        panel.removeEventListener("touchstart", onStart);
+        panel.removeEventListener("touchmove", onMove);
+        panel.removeEventListener("touchend", onEnd);
+        panel.removeEventListener("touchcancel", onEnd);
+    };
+};
+//# sourceMappingURL=sheetDrag.js.map

package/dist/es/components/Dialog/sheetDrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheetDrag.js","sourceRoot":"","sources":["../../../../src/components/Dialog/sheetDrag.ts"],"names":[],"mappings":"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","sourcesContent":["// A bottom sheet follows the finger. A drag from its top 44px moves it 1:1, never up. Past 30% of its\n// height, or at 0.5px/ms, it closes; otherwise it returns. Buttons in that strip keep their press.\nconst GRIP = 44\nconst CLOSE_SHARE = 0.3\nconst CLOSE_SPEED = 0.5\nconst REST = 100\nconst SETTLE = 400\nconst INTERACTIVE = \"a, button, input, select, textarea, [role='button']\"\n\nexport const attachSheetDrag = (panel: HTMLElement, close: () => void) => {\n  let startY: number | null = null\n  let lastY = 0\n  let lastTime = 0\n  let speed = 0\n\n  const clear = () => {\n    panel.style.transition = \"\"\n    panel.style.transform = \"\"\n  }\n\n  const onStart = (event: TouchEvent) => {\n    if (event.touches.length !== 1 || !window.matchMedia(\"(max-width: 767px)\").matches) return\n    const { clientY } = event.touches[0]\n    if (clientY - panel.getBoundingClientRect().top > GRIP) return\n    if ((event.target as Element | null)?.closest?.(INTERACTIVE)) return\n    startY = clientY\n    lastY = clientY\n    lastTime = event.timeStamp\n    speed = 0\n  }\n\n  const onMove = (event: TouchEvent) => {\n    if (startY === null) return\n    event.preventDefault()\n    const { clientY } = event.touches[0]\n    speed = (clientY - lastY) / Math.max(1, event.timeStamp - lastTime)\n    lastY = clientY\n    lastTime = event.timeStamp\n    panel.style.transition = \"none\"\n    panel.style.transform = `translateY(${Math.max(0, clientY - startY)}px)`\n  }\n\n  const onEnd = (event: TouchEvent) => {\n    if (startY === null) return\n    const travelled = lastY - startY\n    // A finger that rested before lifting is no flick\n    const flick = speed > CLOSE_SPEED && event.timeStamp - lastTime < REST\n    startY = null\n    if (travelled <= 0) {\n      clear()\n      return\n    }\n    if (travelled > panel.getBoundingClientRect().height * CLOSE_SHARE || flick) {\n      close()\n      // Something may keep it open, unsaved changes for one\n      window.setTimeout(() => {\n        if (panel.isConnected) clear()\n      }, SETTLE)\n      return\n    }\n    panel.style.transition = \"transform 250ms var(--cubic-enter)\"\n    panel.style.transform = \"\"\n    panel.addEventListener(\"transitionend\", clear, { once: true })\n  }\n\n  panel.addEventListener(\"touchstart\", onStart, { passive: true })\n  panel.addEventListener(\"touchmove\", onMove, { passive: false })\n  panel.addEventListener(\"touchend\", onEnd)\n  panel.addEventListener(\"touchcancel\", onEnd)\n\n  return () => {\n    panel.removeEventListener(\"touchstart\", onStart)\n    panel.removeEventListener(\"touchmove\", onMove)\n    panel.removeEventListener(\"touchend\", onEnd)\n    panel.removeEventListener(\"touchcancel\", onEnd)\n  }\n}\n"]}

package/dist/es/components/Tabs/Tabs.js

@@ -120,8 +120,8 @@ const TabsRoot = ({ value, onChange, children, variant = "segmented", orientatio
         return () => observer.disconnect();
     }, [applyThumbSizing]);
     const transitionProperty = isVertical
-        ? "height 300ms var(--cubic-enter), transform 300ms var(--cubic-enter)"
-        : "width 300ms var(--cubic-enter), transform 300ms var(--cubic-enter)";
+        ? "height 200ms var(--cubic-enter), transform 200ms var(--cubic-enter)"
+        : "width 200ms var(--cubic-enter), transform 200ms var(--cubic-enter)";
     useLayoutEffect(() => {
         const root = rootRef.current;
         const thumb = thumbRef.current;

package/dist/es/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { ToggleGroup } from \"radix-ui\"\nimport {\n  Children,\n  cloneElement,\n  Fragment,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\"\nimport { useResizeObserver } from \"usehooks-ts\"\nimport { handlePressableMouseEnter, waitForAnimationFrame } from \"../../lib/helpers\"\nimport { type ControlSize, type SemanticColors, type Sizes, type Variants } from \"../../types\"\nimport { ChevronDownMd } from \"../Icon\"\nimport { LoadingIndicator } from \"../Indicator\"\nimport { Menu } from \"../Menu\"\nimport { fitCount, visibleTabCount } from \"./overflow\"\nimport s from \"@plexui/styles/components/Tabs/Tabs.module.css\"\n\nexport type SizeVariant = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n\nexport type TabsVariant = \"segmented\" | \"underline\"\nexport type TabsOrientation = \"horizontal\" | \"vertical\"\n\nexport type TabsProps<T extends string> = {\n  /**\n   * Controlled value for the group\n   */\n  \"value\": T\n  /** Callback for when a new value is selected */\n  \"onChange\"?: (nextValue: T) => void\n  /** Callback any time the control is clicked (even if a new value was not selected) */\n  \"onClick\"?: () => void\n  /**\n   * Text read aloud to screen readers when the control is focused\n   */\n  \"aria-label\": string\n  /**\n   * Visual variant of the tab group\n   * - `\"segmented\"` — background container with sliding highlight (default)\n   * - `\"underline\"` — no background, animated line indicator under active tab\n   * @default \"segmented\"\n   */\n  \"variant\"?: TabsVariant\n  /**\n   * Orientation of the tab layout\n   * @default \"horizontal\"\n   */\n  \"orientation\"?: TabsOrientation\n  /**\n   * Controls the size of the tabs\n   *\n   * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |\n   * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |\n   * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |\n   *\n   * @default md\n   */\n  \"size\"?: ControlSize\n  /**\n   * Controls gutter on the edges of the button, defaults to value from `size`.\n   *\n   * | 2xs    | xs     | sm     | md     | lg     | xl     |\n   * | ------ | ------ | ------ | ------ | ------ | ------ |\n   * | `6px`  | `8px`  | `10px` | `12px` | `14px` | `16px` |\n   */\n  \"gutterSize\"?: Sizes<\"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\">\n  /** Disable the entire group */\n  \"disabled\"?: boolean\n  /**\n   * Display the control as a block element with equal width segments\n   * @default false\n   */\n  \"block\"?: boolean\n  /**\n   * Determines if the tabs should be a fully rounded pill shape.\n   * Only applies to the `\"segmented\"` variant.\n   * @default true\n   */\n  \"pill\"?: boolean\n  /**\n   * Flush underline style — removes tab padding so the indicator\n   * matches the text width exactly, uses gap for spacing, and\n   * removes the bottom border.\n   * Only applies to the `\"underline\"` variant.\n   * @default false\n   */\n  \"flush\"?: boolean\n  /**\n   * What happens to tabs that do not fit in one row: the strip scrolls\n   * sideways (`scroll`), or the tabs that do not fit move into a menu at the\n   * end of the strip (`menu`). The menu button shows the active tab's name\n   * when it is one of the hidden ones. Horizontal tabs without `block` only.\n   * @default \"scroll\"\n   */\n  \"overflow\"?: \"scroll\" | \"menu\"\n  /**\n   * Text of the menu button with `overflow=\"menu\"`\n   * @default \"More\"\n   */\n  \"overflowLabel\"?: string\n  \"className\"?: string\n  \"children\": React.ReactNode\n}\n\nexport const Tabs = <T extends string>({ overflow = \"scroll\", overflowLabel = \"More\", ...props }: TabsProps<T>) => {\n  if (overflow === \"menu\" && !props.block && props.orientation !== \"vertical\") {\n    return <OverflowTabs {...props} overflowLabel={overflowLabel} />\n  }\n  return <TabsRoot {...props} />\n}\n\nconst TabsRoot = <T extends string>({\n  value,\n  onChange,\n  children,\n  variant = \"segmented\",\n  orientation = \"horizontal\",\n  block,\n  pill = true,\n  flush,\n  size = \"md\",\n  gutterSize,\n  className,\n  onClick,\n  ...restProps\n}: Omit<TabsProps<T>, \"overflow\" | \"overflowLabel\">) => {\n  const rootRef = useRef<HTMLDivElement>(null)\n  const thumbRef = useRef<HTMLDivElement>(null)\n  const prevSizeRef = useRef(size)\n  const isVertical = orientation === \"vertical\"\n\n  const applyThumbSizing = useCallback(\n    (attemptScroll: boolean) => {\n      const root = rootRef.current\n      const thumb = thumbRef.current\n\n      if (!root || !thumb) {\n        return\n      }\n\n      // Get selected node\n      const activeNode = root?.querySelector<HTMLDivElement>('[data-state=\"on\"]')\n\n      // Impossible\n      if (!activeNode) {\n        return\n      }\n\n      if (isVertical) {\n        const rootHeight = root.clientHeight\n        let targetHeight = Math.floor(activeNode.clientHeight)\n        const targetOffset = activeNode.offsetTop\n\n        // Detect subpixel edge case\n        if (rootHeight - (targetHeight + targetOffset) < 2) {\n          targetHeight = targetHeight - 1\n        }\n\n        thumb.style.height = `${Math.floor(targetHeight)}px`\n        thumb.style.width = \"\"\n        thumb.style.transform = `translateY(${targetOffset}px)`\n\n        // Scroll into view if needed\n        if (root.scrollHeight > rootHeight) {\n          const buffer = rootHeight * 0.15\n          const scrollTop = root.scrollTop\n          const top = activeNode.offsetTop\n          const bottom = top + targetHeight\n          if (top < scrollTop + buffer || bottom > scrollTop + rootHeight - buffer) {\n            if (attemptScroll) {\n              activeNode.scrollIntoView({ block: \"center\", inline: \"nearest\", behavior: \"smooth\" })\n            }\n          }\n        }\n      } else {\n        const rootWidth = root.clientWidth\n        let targetWidth = Math.floor(activeNode.clientWidth)\n        const targetOffset = activeNode.offsetLeft\n\n        // Detect if the thumb is moving too far to the edge of the container.\n        // This would most commonly be due to subpixel widths adding up to excessive distance.\n        if (rootWidth - (targetWidth + targetOffset) < 2) {\n          targetWidth = targetWidth - 1\n        }\n\n        thumb.style.width = `${Math.floor(targetWidth)}px`\n        thumb.style.height = \"\"\n        thumb.style.transform = `translateX(${targetOffset}px)`\n\n        // If the control is scrollable, ensure the active option is visible\n        if (root.scrollWidth > rootWidth) {\n          // Only scroll items near the edge, but not the inner 2/3.\n          const buffer = rootWidth * 0.15\n          const scrollLeft = root.scrollLeft\n          const left = activeNode.offsetLeft\n          const right = left + targetWidth\n          if (left < scrollLeft + buffer || right > scrollLeft + rootWidth - buffer) {\n            // Cheap trick to avoid unintentional scroll on mount - transition is set after mounting\n            if (attemptScroll) {\n              activeNode.scrollIntoView({ block: \"nearest\", inline: \"center\", behavior: \"smooth\" })\n            }\n          }\n        }\n      }\n    },\n    [isVertical],\n  )\n\n  useResizeObserver({\n    // @ts-expect-error(2322) -- bug in types: https://github.com/juliencrn/usehooks-ts/issues/663\n    ref: rootRef,\n    onResize: () => {\n      const thumb = thumbRef.current\n\n      if (!thumb) {\n        return\n      }\n\n      // Perform the size update instantly\n      const currentTransition = thumb.style.transition\n      thumb.style.transition = \"\"\n      applyThumbSizing(false)\n      thumb.style.transition = currentTransition\n    },\n  })\n\n  // Tabs added, removed, reordered or relabelled move the active tab without\n  // resizing the group: measure again, instantly, like a resize\n  useEffect(() => {\n    const root = rootRef.current\n    if (!root || typeof MutationObserver === \"undefined\") return\n    const observer = new MutationObserver(() => {\n      const thumb = thumbRef.current\n      if (!thumb) return\n      const currentTransition = thumb.style.transition\n      thumb.style.transition = \"\"\n      applyThumbSizing(false)\n      thumb.style.transition = currentTransition\n    })\n    observer.observe(root, { childList: true, characterData: true, subtree: true })\n    return () => observer.disconnect()\n  }, [applyThumbSizing])\n\n  const transitionProperty = isVertical\n    ? \"height 300ms var(--cubic-enter), transform 300ms var(--cubic-enter)\"\n    : \"width 300ms var(--cubic-enter), transform 300ms var(--cubic-enter)\"\n\n  useLayoutEffect(() => {\n    const root = rootRef.current\n    const thumb = thumbRef.current\n\n    if (!root || !thumb) {\n      return\n    }\n\n    const sizeChanged = prevSizeRef.current !== size\n    prevSizeRef.current = size\n\n    if (sizeChanged) {\n      // Size changed - disable transition, wait for CSS, then apply sizing\n      const currentTransition = thumb.style.transition\n      thumb.style.transition = \"\"\n\n      waitForAnimationFrame(() => {\n        applyThumbSizing(false)\n        waitForAnimationFrame(() => {\n          thumb.style.transition = currentTransition\n        })\n      })\n    } else {\n      // Normal update (value change, etc.)\n      waitForAnimationFrame(() => {\n        applyThumbSizing(!!thumb.style.transition)\n\n        // Apply transition after initial calculation is set\n        if (!thumb.style.transition) {\n          waitForAnimationFrame(() => {\n            thumb.style.transition = transitionProperty\n          })\n        }\n      })\n    }\n  }, [applyThumbSizing, value, size, gutterSize, pill, flush, transitionProperty])\n\n  const handleValueChange = (nextValue: T) => {\n    // Only trigger onChange when a value exists\n    // Disallow toggling off enabled items\n    if (nextValue && onChange) onChange(nextValue)\n  }\n\n  // Only apply pill for segmented variant\n  const isPill = variant === \"segmented\" && pill\n  // Only apply flush for underline variant\n  const isFlush = variant === \"underline\" && flush\n\n  return (\n    <ToggleGroup.Root\n      ref={rootRef}\n      className={clsx(s.Tabs, className)}\n      type=\"single\"\n      value={value}\n      loop={false}\n      onValueChange={handleValueChange}\n      onClick={onClick}\n      data-variant={variant}\n      data-orientation={orientation}\n      data-block={block ? \"\" : undefined}\n      data-pill={isPill ? \"\" : undefined}\n      data-flush={isFlush ? \"\" : undefined}\n      data-size={size}\n      data-gutter-size={gutterSize}\n      {...restProps}\n    >\n      <div className={s.TabsThumb} ref={thumbRef} />\n      {children}\n    </ToggleGroup.Root>\n  )\n}\n\n/**\n * Badge configuration for Tabs.Tab\n */\nexport type TabsBadgeProp =\n  | React.ReactNode\n  | {\n      content: React.ReactNode\n      color?: SemanticColors<\n        \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"info\" | \"discovery\" | \"caution\"\n      >\n      variant?: Variants<\"soft\" | \"solid\">\n      pill?: boolean\n      loading?: boolean\n    }\n\nexport type TabProps = {\n  /**\n   * Tab value\n   */\n  \"value\": string\n  /**\n   * Text read aloud to screen readers when the tab is focused\n   */\n  \"aria-label\"?: string\n  /**\n   * Text content to render in the tab\n   */\n  \"children\"?: React.ReactNode\n  /**\n   * Icon to render before the text content\n   */\n  \"icon\"?: React.ReactNode\n  /**\n   * Badge to render after the text content.\n   * Can be a simple value or an object with content, color, variant, and loading options.\n   * @example badge={5}\n   * @example badge={{ content: 5, color: \"danger\" }}\n   */\n  \"badge\"?: TabsBadgeProp\n  /**\n   * Disable the individual tab\n   */\n  \"disabled\"?: boolean\n}\n\n// Type guard for badge object form\nconst isBadgeObject = (\n  badge: TabsBadgeProp,\n): badge is Exclude<TabsBadgeProp, React.ReactNode> & { content: React.ReactNode } => {\n  return badge != null && typeof badge === \"object\" && \"content\" in badge\n}\n\nconst Tab = ({ children, icon, badge, ...restProps }: TabProps) => {\n  // Normalize badge prop\n  const badgeProps = badge != null ? (isBadgeObject(badge) ? badge : { content: badge }) : null\n\n  return (\n    <ToggleGroup.Item\n      className={s.Tab}\n      {...restProps}\n      onPointerEnter={handlePressableMouseEnter}\n    >\n      <span className={s.TabContent}>\n        {icon}\n        {children && <span>{children}</span>}\n        {badgeProps && (\n          <span\n            className={s.TabBadge}\n            data-color={badgeProps.color ?? \"secondary\"}\n            data-variant={badgeProps.variant ?? \"soft\"}\n            data-pill={badgeProps.pill ? \"\" : undefined}\n          >\n            {badgeProps.loading ? <LoadingIndicator /> : badgeProps.content}\n          </span>\n        )}\n      </span>\n    </ToggleGroup.Item>\n  )\n}\n\n// =============================================\n// overflow=\"menu\"\n// =============================================\n\n/** Value of the menu button; no real tab has it */\nconst MORE_VALUE = \"__plexui_tabs_more__\"\n\ntype TabElement = ReactElement<TabProps>\n\n/** The tabs among the children, through fragments */\nconst tabElements = (children: ReactNode): TabElement[] =>\n  Children.toArray(children).flatMap((child) => {\n    if (!isValidElement<{ children?: ReactNode }>(child)) return []\n    return child.type === Fragment ? tabElements(child.props.children) : [child as TabElement]\n  })\n\nconst plainText = (node: unknown): string => {\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node)\n  if (Array.isArray(node)) return node.map(plainText).join(\"\")\n  if (isValidElement<{ children?: ReactNode }>(node)) return plainText(node.props.children)\n  return \"\"\n}\n\nconst badgeText = (badge: TabsBadgeProp | undefined) =>\n  badge != null && isBadgeObject(badge) ? plainText(badge.content) : plainText(badge)\n\n/** A tab's name: its text, else its accessible name, else its value */\nconst tabLabel = (item: TabElement) => plainText(item.props.children) || item.props[\"aria-label\"] || item.props.value\n\n/** What a tab's width depends on: the strip measures again when it changes */\nconst tabsSignature = (items: TabElement[]) =>\n  items\n    .map((item) =>\n      [item.props.value, plainText(item.props.children), badgeText(item.props.badge), item.props.icon != null].join(\"\\u0000\"),\n    )\n    .join(\"\\u0001\")\n\n/**\n * `Menu.Trigger` sets `data-state` (open or closed) on its child, while a tab\n * keeps `on` or `off` in the same attribute and the thumb finds the active tab\n * by it. The menu's value does not reach the tab; its handlers and\n * `aria-haspopup` / `aria-expanded` do.\n */\nconst MoreTab = ({ \"data-state\": _menuState, ...restProps }: TabProps & { \"data-state\"?: string }) => (\n  <Tab {...restProps} />\n)\n\nconst OverflowTabs = <T extends string>({\n  children,\n  value,\n  onChange,\n  overflowLabel,\n  ...restProps\n}: Omit<TabsProps<T>, \"overflow\"> & { overflowLabel: string }) => {\n  const items = tabElements(children)\n  // The strip's own props size the tabs and the menu button too\n  const { size, variant, gutterSize, pill, flush } = restProps\n  const signature = [overflowLabel, size, variant, gutterSize, pill, flush, tabsSignature(items)].join(\"\\u0002\")\n  const activeIndex = items.findIndex((item) => item.props.value === value)\n\n  // null while the measuring pass renders every tab and the menu button\n  const [visibleCount, setVisibleCount] = useState<number | null>(null)\n  const [known, setKnown] = useState({ signature, activeIndex })\n  const hostRef = useRef<HTMLDivElement>(null)\n  const measuringRef = useRef(true)\n  const boxWidthRef = useRef(-1)\n\n  // New tabs measure again. A new active tab measures again when it moves\n  // under the menu button or back out: the button carries the hidden one's name\n  if (known.signature !== signature || known.activeIndex !== activeIndex) {\n    const crossed =\n      visibleCount !== null && (known.activeIndex >= visibleCount || activeIndex >= visibleCount)\n    setKnown({ signature, activeIndex })\n    if (visibleCount !== null && (known.signature !== signature || crossed)) setVisibleCount(null)\n  }\n\n  useLayoutEffect(() => {\n    measuringRef.current = visibleCount === null\n  }, [visibleCount])\n\n  useLayoutEffect(() => {\n    if (visibleCount !== null) return\n    const root = hostRef.current?.firstElementChild\n    if (!(root instanceof HTMLElement)) return\n\n    // The measuring pass renders every tab, then the menu button\n    const buttons = Array.from(root.querySelectorAll<HTMLElement>(\":scope > button\"))\n    if (buttons.length !== items.length + 1) return\n\n    const widths = buttons.map((button) => button.getBoundingClientRect().width)\n    const moreButton = buttons[buttons.length - 1]\n    const moreWidth = widths.pop() ?? 0\n    const style = getComputedStyle(root)\n    const available =\n      root.getBoundingClientRect().width -\n      (Number.parseFloat(style.paddingLeft) || 0) -\n      (Number.parseFloat(style.paddingRight) || 0)\n    const gap = Number.parseFloat(style.columnGap) || 0\n    boxWidthRef.current = hostRef.current?.parentElement?.clientWidth ?? -1\n\n    // A hidden strip has no width to decide by: show every tab, and measure\n    // when it appears (the observer sees the width change)\n    if (available <= 0) {\n      setVisibleCount(items.length)\n      return\n    }\n\n    // The button with the active tab's name: that tab's width plus the chevron\n    const chevron = moreButton?.querySelector(\"svg\")\n    const chevronWidth = chevron?.getBoundingClientRect().width ?? 0\n    const labelGap = chevron?.parentElement ? Number.parseFloat(getComputedStyle(chevron.parentElement).columnGap) || 0 : 0\n    const activeWidth = activeIndex < 0 ? 0 : (widths[activeIndex] ?? 0) + chevronWidth + labelGap\n\n    setVisibleCount(visibleTabCount(widths, moreWidth, activeWidth, activeIndex, gap, available))\n  }, [visibleCount, items.length, activeIndex])\n\n  // The width to fit is the container's, not the strip's: the strip shrinks\n  // to its content. Reports during a measuring pass are skipped, since the\n  // full strip may be pushing its container wider\n  useEffect(() => {\n    const box = hostRef.current?.parentElement\n    if (!box || typeof ResizeObserver === \"undefined\") return\n    const observer = new ResizeObserver(() => {\n      if (measuringRef.current) return\n      const width = box.clientWidth\n      if (width === boxWidthRef.current) return\n      boxWidthRef.current = width\n      setVisibleCount(null)\n    })\n    observer.observe(box)\n    return () => observer.disconnect()\n  }, [])\n\n  const measuring = visibleCount === null\n  const shown = measuring ? items : items.slice(0, visibleCount)\n  const hidden = measuring ? [] : items.slice(visibleCount)\n  const hiddenActive = hidden.find((item) => item.props.value === value) ?? null\n\n  return (\n    <div ref={hostRef} className={s.OverflowHost}>\n      <Menu>\n        <TabsRoot<string>\n          {...restProps}\n          data-overflow=\"menu\"\n          value={hiddenActive ? MORE_VALUE : value}\n          onChange={(next) => {\n            // Pressing the menu button opens the menu; it is not a tab\n            if (next !== MORE_VALUE) onChange?.(next as T)\n          }}\n        >\n          {/* Keyed by value: tabs from different fragments may share a key */}\n          {shown.map((item) => cloneElement(item, { key: item.props.value }))}\n          {(measuring || hidden.length > 0) && (\n            <Menu.Trigger>\n              <MoreTab value={MORE_VALUE}>\n                <span className={s.OverflowLabel}>\n                  {hiddenActive ? tabLabel(hiddenActive) : overflowLabel}\n                  <ChevronDownMd />\n                </span>\n              </MoreTab>\n            </Menu.Trigger>\n          )}\n        </TabsRoot>\n        <Menu.Content align=\"end\" minWidth=\"auto\">\n          <Menu.RadioGroup<string> value={value} onChange={(next) => onChange?.(next as T)}>\n            {hidden.map((item) => {\n              const count = badgeText(item.props.badge)\n              return (\n                <Menu.RadioItem<string>\n                  key={item.props.value}\n                  value={item.props.value}\n                  disabled={restProps.disabled || item.props.disabled}\n                >\n                  {item.props.icon}\n                  {item.props.children ?? item.props[\"aria-label\"] ?? item.props.value}\n                  {/* A tab's count moves into the menu with it */}\n                  {count !== \"\" && <span className={s.OverflowBadge}>{count}</span>}\n                </Menu.RadioItem>\n              )\n            })}\n          </Menu.RadioGroup>\n        </Menu.Content>\n      </Menu>\n    </div>\n  )\n}\n\n// Attach sub-components\nTabs.Tab = Tab\n// Backward-compat alias\nTabs.Option = Tab\n"]}
+{"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport clsx from \"clsx\"\nimport { ToggleGroup } from \"radix-ui\"\nimport {\n  Children,\n  cloneElement,\n  Fragment,\n  isValidElement,\n  useCallback,\n  useEffect,\n  useLayoutEffect,\n  useRef,\n  useState,\n  type ReactElement,\n  type ReactNode,\n} from \"react\"\nimport { useResizeObserver } from \"usehooks-ts\"\nimport { handlePressableMouseEnter, waitForAnimationFrame } from \"../../lib/helpers\"\nimport { type ControlSize, type SemanticColors, type Sizes, type Variants } from \"../../types\"\nimport { ChevronDownMd } from \"../Icon\"\nimport { LoadingIndicator } from \"../Indicator\"\nimport { Menu } from \"../Menu\"\nimport { fitCount, visibleTabCount } from \"./overflow\"\nimport s from \"@plexui/styles/components/Tabs/Tabs.module.css\"\n\nexport type SizeVariant = \"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\"\n\nexport type TabsVariant = \"segmented\" | \"underline\"\nexport type TabsOrientation = \"horizontal\" | \"vertical\"\n\nexport type TabsProps<T extends string> = {\n  /**\n   * Controlled value for the group\n   */\n  \"value\": T\n  /** Callback for when a new value is selected */\n  \"onChange\"?: (nextValue: T) => void\n  /** Callback any time the control is clicked (even if a new value was not selected) */\n  \"onClick\"?: () => void\n  /**\n   * Text read aloud to screen readers when the control is focused\n   */\n  \"aria-label\": string\n  /**\n   * Visual variant of the tab group\n   * - `\"segmented\"` — background container with sliding highlight (default)\n   * - `\"underline\"` — no background, animated line indicator under active tab\n   * @default \"segmented\"\n   */\n  \"variant\"?: TabsVariant\n  /**\n   * Orientation of the tab layout\n   * @default \"horizontal\"\n   */\n  \"orientation\"?: TabsOrientation\n  /**\n   * Controls the size of the tabs\n   *\n   * | 3xs     | 2xs     | xs      | sm      | md      | lg      | xl      | 2xl     | 3xl     |\n   * | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- | ------- |\n   * | `22px`  | `24px`  | `26px`  | `28px`  | `32px`  | `36px`  | `40px`  | `44px`  | `48px`  |\n   *\n   * @default md\n   */\n  \"size\"?: ControlSize\n  /**\n   * Controls gutter on the edges of the button, defaults to value from `size`.\n   *\n   * | 2xs    | xs     | sm     | md     | lg     | xl     |\n   * | ------ | ------ | ------ | ------ | ------ | ------ |\n   * | `6px`  | `8px`  | `10px` | `12px` | `14px` | `16px` |\n   */\n  \"gutterSize\"?: Sizes<\"2xs\" | \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\">\n  /** Disable the entire group */\n  \"disabled\"?: boolean\n  /**\n   * Display the control as a block element with equal width segments\n   * @default false\n   */\n  \"block\"?: boolean\n  /**\n   * Determines if the tabs should be a fully rounded pill shape.\n   * Only applies to the `\"segmented\"` variant.\n   * @default true\n   */\n  \"pill\"?: boolean\n  /**\n   * Flush underline style — removes tab padding so the indicator\n   * matches the text width exactly, uses gap for spacing, and\n   * removes the bottom border.\n   * Only applies to the `\"underline\"` variant.\n   * @default false\n   */\n  \"flush\"?: boolean\n  /**\n   * What happens to tabs that do not fit in one row: the strip scrolls\n   * sideways (`scroll`), or the tabs that do not fit move into a menu at the\n   * end of the strip (`menu`). The menu button shows the active tab's name\n   * when it is one of the hidden ones. Horizontal tabs without `block` only.\n   * @default \"scroll\"\n   */\n  \"overflow\"?: \"scroll\" | \"menu\"\n  /**\n   * Text of the menu button with `overflow=\"menu\"`\n   * @default \"More\"\n   */\n  \"overflowLabel\"?: string\n  \"className\"?: string\n  \"children\": React.ReactNode\n}\n\nexport const Tabs = <T extends string>({ overflow = \"scroll\", overflowLabel = \"More\", ...props }: TabsProps<T>) => {\n  if (overflow === \"menu\" && !props.block && props.orientation !== \"vertical\") {\n    return <OverflowTabs {...props} overflowLabel={overflowLabel} />\n  }\n  return <TabsRoot {...props} />\n}\n\nconst TabsRoot = <T extends string>({\n  value,\n  onChange,\n  children,\n  variant = \"segmented\",\n  orientation = \"horizontal\",\n  block,\n  pill = true,\n  flush,\n  size = \"md\",\n  gutterSize,\n  className,\n  onClick,\n  ...restProps\n}: Omit<TabsProps<T>, \"overflow\" | \"overflowLabel\">) => {\n  const rootRef = useRef<HTMLDivElement>(null)\n  const thumbRef = useRef<HTMLDivElement>(null)\n  const prevSizeRef = useRef(size)\n  const isVertical = orientation === \"vertical\"\n\n  const applyThumbSizing = useCallback(\n    (attemptScroll: boolean) => {\n      const root = rootRef.current\n      const thumb = thumbRef.current\n\n      if (!root || !thumb) {\n        return\n      }\n\n      // Get selected node\n      const activeNode = root?.querySelector<HTMLDivElement>('[data-state=\"on\"]')\n\n      // Impossible\n      if (!activeNode) {\n        return\n      }\n\n      if (isVertical) {\n        const rootHeight = root.clientHeight\n        let targetHeight = Math.floor(activeNode.clientHeight)\n        const targetOffset = activeNode.offsetTop\n\n        // Detect subpixel edge case\n        if (rootHeight - (targetHeight + targetOffset) < 2) {\n          targetHeight = targetHeight - 1\n        }\n\n        thumb.style.height = `${Math.floor(targetHeight)}px`\n        thumb.style.width = \"\"\n        thumb.style.transform = `translateY(${targetOffset}px)`\n\n        // Scroll into view if needed\n        if (root.scrollHeight > rootHeight) {\n          const buffer = rootHeight * 0.15\n          const scrollTop = root.scrollTop\n          const top = activeNode.offsetTop\n          const bottom = top + targetHeight\n          if (top < scrollTop + buffer || bottom > scrollTop + rootHeight - buffer) {\n            if (attemptScroll) {\n              activeNode.scrollIntoView({ block: \"center\", inline: \"nearest\", behavior: \"smooth\" })\n            }\n          }\n        }\n      } else {\n        const rootWidth = root.clientWidth\n        let targetWidth = Math.floor(activeNode.clientWidth)\n        const targetOffset = activeNode.offsetLeft\n\n        // Detect if the thumb is moving too far to the edge of the container.\n        // This would most commonly be due to subpixel widths adding up to excessive distance.\n        if (rootWidth - (targetWidth + targetOffset) < 2) {\n          targetWidth = targetWidth - 1\n        }\n\n        thumb.style.width = `${Math.floor(targetWidth)}px`\n        thumb.style.height = \"\"\n        thumb.style.transform = `translateX(${targetOffset}px)`\n\n        // If the control is scrollable, ensure the active option is visible\n        if (root.scrollWidth > rootWidth) {\n          // Only scroll items near the edge, but not the inner 2/3.\n          const buffer = rootWidth * 0.15\n          const scrollLeft = root.scrollLeft\n          const left = activeNode.offsetLeft\n          const right = left + targetWidth\n          if (left < scrollLeft + buffer || right > scrollLeft + rootWidth - buffer) {\n            // Cheap trick to avoid unintentional scroll on mount - transition is set after mounting\n            if (attemptScroll) {\n              activeNode.scrollIntoView({ block: \"nearest\", inline: \"center\", behavior: \"smooth\" })\n            }\n          }\n        }\n      }\n    },\n    [isVertical],\n  )\n\n  useResizeObserver({\n    // @ts-expect-error(2322) -- bug in types: https://github.com/juliencrn/usehooks-ts/issues/663\n    ref: rootRef,\n    onResize: () => {\n      const thumb = thumbRef.current\n\n      if (!thumb) {\n        return\n      }\n\n      // Perform the size update instantly\n      const currentTransition = thumb.style.transition\n      thumb.style.transition = \"\"\n      applyThumbSizing(false)\n      thumb.style.transition = currentTransition\n    },\n  })\n\n  // Tabs added, removed, reordered or relabelled move the active tab without\n  // resizing the group: measure again, instantly, like a resize\n  useEffect(() => {\n    const root = rootRef.current\n    if (!root || typeof MutationObserver === \"undefined\") return\n    const observer = new MutationObserver(() => {\n      const thumb = thumbRef.current\n      if (!thumb) return\n      const currentTransition = thumb.style.transition\n      thumb.style.transition = \"\"\n      applyThumbSizing(false)\n      thumb.style.transition = currentTransition\n    })\n    observer.observe(root, { childList: true, characterData: true, subtree: true })\n    return () => observer.disconnect()\n  }, [applyThumbSizing])\n\n  const transitionProperty = isVertical\n    ? \"height 200ms var(--cubic-enter), transform 200ms var(--cubic-enter)\"\n    : \"width 200ms var(--cubic-enter), transform 200ms var(--cubic-enter)\"\n\n  useLayoutEffect(() => {\n    const root = rootRef.current\n    const thumb = thumbRef.current\n\n    if (!root || !thumb) {\n      return\n    }\n\n    const sizeChanged = prevSizeRef.current !== size\n    prevSizeRef.current = size\n\n    if (sizeChanged) {\n      // Size changed - disable transition, wait for CSS, then apply sizing\n      const currentTransition = thumb.style.transition\n      thumb.style.transition = \"\"\n\n      waitForAnimationFrame(() => {\n        applyThumbSizing(false)\n        waitForAnimationFrame(() => {\n          thumb.style.transition = currentTransition\n        })\n      })\n    } else {\n      // Normal update (value change, etc.)\n      waitForAnimationFrame(() => {\n        applyThumbSizing(!!thumb.style.transition)\n\n        // Apply transition after initial calculation is set\n        if (!thumb.style.transition) {\n          waitForAnimationFrame(() => {\n            thumb.style.transition = transitionProperty\n          })\n        }\n      })\n    }\n  }, [applyThumbSizing, value, size, gutterSize, pill, flush, transitionProperty])\n\n  const handleValueChange = (nextValue: T) => {\n    // Only trigger onChange when a value exists\n    // Disallow toggling off enabled items\n    if (nextValue && onChange) onChange(nextValue)\n  }\n\n  // Only apply pill for segmented variant\n  const isPill = variant === \"segmented\" && pill\n  // Only apply flush for underline variant\n  const isFlush = variant === \"underline\" && flush\n\n  return (\n    <ToggleGroup.Root\n      ref={rootRef}\n      className={clsx(s.Tabs, className)}\n      type=\"single\"\n      value={value}\n      loop={false}\n      onValueChange={handleValueChange}\n      onClick={onClick}\n      data-variant={variant}\n      data-orientation={orientation}\n      data-block={block ? \"\" : undefined}\n      data-pill={isPill ? \"\" : undefined}\n      data-flush={isFlush ? \"\" : undefined}\n      data-size={size}\n      data-gutter-size={gutterSize}\n      {...restProps}\n    >\n      <div className={s.TabsThumb} ref={thumbRef} />\n      {children}\n    </ToggleGroup.Root>\n  )\n}\n\n/**\n * Badge configuration for Tabs.Tab\n */\nexport type TabsBadgeProp =\n  | React.ReactNode\n  | {\n      content: React.ReactNode\n      color?: SemanticColors<\n        \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"info\" | \"discovery\" | \"caution\"\n      >\n      variant?: Variants<\"soft\" | \"solid\">\n      pill?: boolean\n      loading?: boolean\n    }\n\nexport type TabProps = {\n  /**\n   * Tab value\n   */\n  \"value\": string\n  /**\n   * Text read aloud to screen readers when the tab is focused\n   */\n  \"aria-label\"?: string\n  /**\n   * Text content to render in the tab\n   */\n  \"children\"?: React.ReactNode\n  /**\n   * Icon to render before the text content\n   */\n  \"icon\"?: React.ReactNode\n  /**\n   * Badge to render after the text content.\n   * Can be a simple value or an object with content, color, variant, and loading options.\n   * @example badge={5}\n   * @example badge={{ content: 5, color: \"danger\" }}\n   */\n  \"badge\"?: TabsBadgeProp\n  /**\n   * Disable the individual tab\n   */\n  \"disabled\"?: boolean\n}\n\n// Type guard for badge object form\nconst isBadgeObject = (\n  badge: TabsBadgeProp,\n): badge is Exclude<TabsBadgeProp, React.ReactNode> & { content: React.ReactNode } => {\n  return badge != null && typeof badge === \"object\" && \"content\" in badge\n}\n\nconst Tab = ({ children, icon, badge, ...restProps }: TabProps) => {\n  // Normalize badge prop\n  const badgeProps = badge != null ? (isBadgeObject(badge) ? badge : { content: badge }) : null\n\n  return (\n    <ToggleGroup.Item\n      className={s.Tab}\n      {...restProps}\n      onPointerEnter={handlePressableMouseEnter}\n    >\n      <span className={s.TabContent}>\n        {icon}\n        {children && <span>{children}</span>}\n        {badgeProps && (\n          <span\n            className={s.TabBadge}\n            data-color={badgeProps.color ?? \"secondary\"}\n            data-variant={badgeProps.variant ?? \"soft\"}\n            data-pill={badgeProps.pill ? \"\" : undefined}\n          >\n            {badgeProps.loading ? <LoadingIndicator /> : badgeProps.content}\n          </span>\n        )}\n      </span>\n    </ToggleGroup.Item>\n  )\n}\n\n// =============================================\n// overflow=\"menu\"\n// =============================================\n\n/** Value of the menu button; no real tab has it */\nconst MORE_VALUE = \"__plexui_tabs_more__\"\n\ntype TabElement = ReactElement<TabProps>\n\n/** The tabs among the children, through fragments */\nconst tabElements = (children: ReactNode): TabElement[] =>\n  Children.toArray(children).flatMap((child) => {\n    if (!isValidElement<{ children?: ReactNode }>(child)) return []\n    return child.type === Fragment ? tabElements(child.props.children) : [child as TabElement]\n  })\n\nconst plainText = (node: unknown): string => {\n  if (typeof node === \"string\" || typeof node === \"number\") return String(node)\n  if (Array.isArray(node)) return node.map(plainText).join(\"\")\n  if (isValidElement<{ children?: ReactNode }>(node)) return plainText(node.props.children)\n  return \"\"\n}\n\nconst badgeText = (badge: TabsBadgeProp | undefined) =>\n  badge != null && isBadgeObject(badge) ? plainText(badge.content) : plainText(badge)\n\n/** A tab's name: its text, else its accessible name, else its value */\nconst tabLabel = (item: TabElement) => plainText(item.props.children) || item.props[\"aria-label\"] || item.props.value\n\n/** What a tab's width depends on: the strip measures again when it changes */\nconst tabsSignature = (items: TabElement[]) =>\n  items\n    .map((item) =>\n      [item.props.value, plainText(item.props.children), badgeText(item.props.badge), item.props.icon != null].join(\"\\u0000\"),\n    )\n    .join(\"\\u0001\")\n\n/**\n * `Menu.Trigger` sets `data-state` (open or closed) on its child, while a tab\n * keeps `on` or `off` in the same attribute and the thumb finds the active tab\n * by it. The menu's value does not reach the tab; its handlers and\n * `aria-haspopup` / `aria-expanded` do.\n */\nconst MoreTab = ({ \"data-state\": _menuState, ...restProps }: TabProps & { \"data-state\"?: string }) => (\n  <Tab {...restProps} />\n)\n\nconst OverflowTabs = <T extends string>({\n  children,\n  value,\n  onChange,\n  overflowLabel,\n  ...restProps\n}: Omit<TabsProps<T>, \"overflow\"> & { overflowLabel: string }) => {\n  const items = tabElements(children)\n  // The strip's own props size the tabs and the menu button too\n  const { size, variant, gutterSize, pill, flush } = restProps\n  const signature = [overflowLabel, size, variant, gutterSize, pill, flush, tabsSignature(items)].join(\"\\u0002\")\n  const activeIndex = items.findIndex((item) => item.props.value === value)\n\n  // null while the measuring pass renders every tab and the menu button\n  const [visibleCount, setVisibleCount] = useState<number | null>(null)\n  const [known, setKnown] = useState({ signature, activeIndex })\n  const hostRef = useRef<HTMLDivElement>(null)\n  const measuringRef = useRef(true)\n  const boxWidthRef = useRef(-1)\n\n  // New tabs measure again. A new active tab measures again when it moves\n  // under the menu button or back out: the button carries the hidden one's name\n  if (known.signature !== signature || known.activeIndex !== activeIndex) {\n    const crossed =\n      visibleCount !== null && (known.activeIndex >= visibleCount || activeIndex >= visibleCount)\n    setKnown({ signature, activeIndex })\n    if (visibleCount !== null && (known.signature !== signature || crossed)) setVisibleCount(null)\n  }\n\n  useLayoutEffect(() => {\n    measuringRef.current = visibleCount === null\n  }, [visibleCount])\n\n  useLayoutEffect(() => {\n    if (visibleCount !== null) return\n    const root = hostRef.current?.firstElementChild\n    if (!(root instanceof HTMLElement)) return\n\n    // The measuring pass renders every tab, then the menu button\n    const buttons = Array.from(root.querySelectorAll<HTMLElement>(\":scope > button\"))\n    if (buttons.length !== items.length + 1) return\n\n    const widths = buttons.map((button) => button.getBoundingClientRect().width)\n    const moreButton = buttons[buttons.length - 1]\n    const moreWidth = widths.pop() ?? 0\n    const style = getComputedStyle(root)\n    const available =\n      root.getBoundingClientRect().width -\n      (Number.parseFloat(style.paddingLeft) || 0) -\n      (Number.parseFloat(style.paddingRight) || 0)\n    const gap = Number.parseFloat(style.columnGap) || 0\n    boxWidthRef.current = hostRef.current?.parentElement?.clientWidth ?? -1\n\n    // A hidden strip has no width to decide by: show every tab, and measure\n    // when it appears (the observer sees the width change)\n    if (available <= 0) {\n      setVisibleCount(items.length)\n      return\n    }\n\n    // The button with the active tab's name: that tab's width plus the chevron\n    const chevron = moreButton?.querySelector(\"svg\")\n    const chevronWidth = chevron?.getBoundingClientRect().width ?? 0\n    const labelGap = chevron?.parentElement ? Number.parseFloat(getComputedStyle(chevron.parentElement).columnGap) || 0 : 0\n    const activeWidth = activeIndex < 0 ? 0 : (widths[activeIndex] ?? 0) + chevronWidth + labelGap\n\n    setVisibleCount(visibleTabCount(widths, moreWidth, activeWidth, activeIndex, gap, available))\n  }, [visibleCount, items.length, activeIndex])\n\n  // The width to fit is the container's, not the strip's: the strip shrinks\n  // to its content. Reports during a measuring pass are skipped, since the\n  // full strip may be pushing its container wider\n  useEffect(() => {\n    const box = hostRef.current?.parentElement\n    if (!box || typeof ResizeObserver === \"undefined\") return\n    const observer = new ResizeObserver(() => {\n      if (measuringRef.current) return\n      const width = box.clientWidth\n      if (width === boxWidthRef.current) return\n      boxWidthRef.current = width\n      setVisibleCount(null)\n    })\n    observer.observe(box)\n    return () => observer.disconnect()\n  }, [])\n\n  const measuring = visibleCount === null\n  const shown = measuring ? items : items.slice(0, visibleCount)\n  const hidden = measuring ? [] : items.slice(visibleCount)\n  const hiddenActive = hidden.find((item) => item.props.value === value) ?? null\n\n  return (\n    <div ref={hostRef} className={s.OverflowHost}>\n      <Menu>\n        <TabsRoot<string>\n          {...restProps}\n          data-overflow=\"menu\"\n          value={hiddenActive ? MORE_VALUE : value}\n          onChange={(next) => {\n            // Pressing the menu button opens the menu; it is not a tab\n            if (next !== MORE_VALUE) onChange?.(next as T)\n          }}\n        >\n          {/* Keyed by value: tabs from different fragments may share a key */}\n          {shown.map((item) => cloneElement(item, { key: item.props.value }))}\n          {(measuring || hidden.length > 0) && (\n            <Menu.Trigger>\n              <MoreTab value={MORE_VALUE}>\n                <span className={s.OverflowLabel}>\n                  {hiddenActive ? tabLabel(hiddenActive) : overflowLabel}\n                  <ChevronDownMd />\n                </span>\n              </MoreTab>\n            </Menu.Trigger>\n          )}\n        </TabsRoot>\n        <Menu.Content align=\"end\" minWidth=\"auto\">\n          <Menu.RadioGroup<string> value={value} onChange={(next) => onChange?.(next as T)}>\n            {hidden.map((item) => {\n              const count = badgeText(item.props.badge)\n              return (\n                <Menu.RadioItem<string>\n                  key={item.props.value}\n                  value={item.props.value}\n                  disabled={restProps.disabled || item.props.disabled}\n                >\n                  {item.props.icon}\n                  {item.props.children ?? item.props[\"aria-label\"] ?? item.props.value}\n                  {/* A tab's count moves into the menu with it */}\n                  {count !== \"\" && <span className={s.OverflowBadge}>{count}</span>}\n                </Menu.RadioItem>\n              )\n            })}\n          </Menu.RadioGroup>\n        </Menu.Content>\n      </Menu>\n    </div>\n  )\n}\n\n// Attach sub-components\nTabs.Tab = Tab\n// Backward-compat alias\nTabs.Option = Tab\n"]}

package/dist/types/components/Dialog/sheetDrag.d.ts

@@ -0,0 +1 @@
+export declare const attachSheetDrag: (panel: HTMLElement, close: () => void) => () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plexui/ui",
-  "version": "0.20.12",
+  "version": "0.20.13",
   "description": "Modern design system for building high-quality applications",
   "type": "module",
   "license": "MIT",