@d4gger/design-system 3.0.1 → 4.0.1

package/dist/components/floatingPanel/FloatingPanel.js

@@ -3,6 +3,7 @@ import * as React from "react";
 import classNames from "classnames";
 import { Slot } from "@radix-ui/react-slot";
 import { X } from "lucide-react";
+import { Icon } from "../icon/Icon.js";
 import { extractProps } from "../../_internal/helpers/extractProps.js";
 import {
   floatingPanelPropDefs,
@@ -20,86 +21,166 @@ const FloatingPanel = React.forwardRef(
   ({ children, defaultPosition = { x: 0, y: 0 }, defaultSize, onDragEnd, onResize, onClose, ...props }, forwardedRef) => {
     const { asChild, className, size: componentSize = "md", ...panelProps } = extractProps(props, floatingPanelPropDefs);
     const Comp = asChild ? Slot : "div";
+    const panelRef = React.useRef(null);
+    const composedRef = React.useCallback((node) => {
+      panelRef.current = node;
+      if (typeof forwardedRef === "function") forwardedRef(node);
+      else if (forwardedRef) forwardedRef.current = node;
+    }, [forwardedRef]);
     const [open, setOpen] = React.useState(true);
     const [position, setPosition] = React.useState(defaultPosition);
     const [size, setSize] = React.useState(defaultSize ?? FLOATING_PANEL_SIZE_DEFAULTS[componentSize]);
-    const [isDragging, setIsDragging] = React.useState(false);
-    const dragOffset = React.useRef({ x: 0, y: 0 });
-    const handleMouseDown = React.useCallback(
-      (e) => {
-        if (e.target.closest("[data-floating-panel-handle]")) return;
-        setIsDragging(true);
-        dragOffset.current = {
-          x: e.clientX - position.x,
-          y: e.clientY - position.y
-        };
-      },
-      [position]
-    );
+    const positionRef = React.useRef(position);
+    const sizeRef = React.useRef(size);
+    const [interaction, setInteraction] = React.useState(null);
+    const gesture = React.useRef(null);
+    const bounds = React.useCallback(() => {
+      const panel = panelRef.current;
+      const parent = panel && getComputedStyle(panel).position !== "fixed" ? panel.offsetParent : null;
+      return {
+        width: parent?.clientWidth || Math.min(
+          document.documentElement.clientWidth || window.innerWidth,
+          document.documentElement.getBoundingClientRect().width || window.innerWidth
+        ),
+        height: parent?.clientHeight || window.innerHeight
+      };
+    }, []);
+    const applySize = React.useCallback((next) => {
+      const available = bounds();
+      const style = panelRef.current ? getComputedStyle(panelRef.current) : null;
+      const maxWidth = Math.min(available.width, parseFloat(style?.maxWidth ?? "") || available.width);
+      const maxHeight = Math.min(available.height, parseFloat(style?.maxHeight ?? "") || available.height);
+      const value = {
+        width: Math.min(maxWidth, available.width - positionRef.current.x, Math.max(150, next.width)),
+        height: Math.min(maxHeight, available.height - positionRef.current.y, Math.max(100, next.height))
+      };
+      value.width = Math.max(0, value.width);
+      value.height = Math.max(0, value.height);
+      sizeRef.current = value;
+      setSize(value);
+      return value;
+    }, [bounds]);
+    const applyPosition = React.useCallback((next) => {
+      const available = bounds();
+      const rect = panelRef.current?.getBoundingClientRect();
+      const value = {
+        x: Math.max(0, Math.min(next.x, available.width - (rect?.width || sizeRef.current.width))),
+        y: Math.max(0, Math.min(next.y, available.height - (rect?.height || sizeRef.current.height)))
+      };
+      positionRef.current = value;
+      setPosition(value);
+      return value;
+    }, [bounds]);
     const handleClose = React.useCallback(() => {
+      gesture.current = null;
+      setInteraction(null);
       setOpen(false);
       onClose?.();
     }, [onClose]);
+    const startInteraction = React.useCallback((e, family) => {
+      if (e.defaultPrevented || e.button !== 0 || gesture.current) return;
+      const target = e.target;
+      const handle = target.closest(".dsx-floating-panel__handle");
+      const header = target.closest("[data-floating-panel-handle]");
+      if (!handle && (target.closest('button, a, input, textarea, select, [contenteditable="true"]') || !header && panelRef.current?.querySelector("[data-floating-panel-handle]"))) return;
+      e.preventDefault();
+      const kind = handle ? "resize" : "drag";
+      const direction = handle?.classList.contains("dsx-floating-panel__handle--s") ? "s" : handle?.classList.contains("dsx-floating-panel__handle--e") ? "e" : "se";
+      gesture.current = {
+        kind,
+        family,
+        direction,
+        pointerId: "pointerId" in e ? e.pointerId : void 0,
+        startX: e.clientX,
+        startY: e.clientY,
+        position: positionRef.current,
+        size: sizeRef.current
+      };
+      const focusTarget = handle ?? header;
+      focusTarget?.focus();
+      setInteraction(kind);
+    }, []);
+    React.useEffect(() => {
+      if (!open) return;
+      const fit = () => {
+        applyPosition(positionRef.current);
+        applySize(sizeRef.current);
+      };
+      fit();
+      window.addEventListener("resize", fit);
+      return () => window.removeEventListener("resize", fit);
+    }, [open, applyPosition, applySize]);
     React.useEffect(() => {
       if (!open) return;
       const handleKeyDown = (e) => {
-        if (e.key === "Escape") handleClose();
+        if (e.key !== "Escape" || e.defaultPrevented) return;
+        const panels = Array.from(document.querySelectorAll(".dsx-floating-panel"));
+        const focused = panels.find((panel) => panel.contains(document.activeElement));
+        if ((focused ?? panels[panels.length - 1]) !== panelRef.current) return;
+        e.preventDefault();
+        handleClose();
       };
       document.addEventListener("keydown", handleKeyDown);
       return () => document.removeEventListener("keydown", handleKeyDown);
     }, [open, handleClose]);
     React.useEffect(() => {
-      if (!isDragging) return;
-      const handleMouseMove = (e) => {
-        const newPosition = {
-          x: e.clientX - dragOffset.current.x,
-          y: e.clientY - dragOffset.current.y
-        };
-        setPosition(newPosition);
+      if (!interaction) return;
+      const active = gesture.current;
+      const move = (e) => {
+        if ("pointerId" in e && e.pointerId !== active.pointerId) return;
+        const dx = e.clientX - active.startX;
+        const dy = e.clientY - active.startY;
+        if (active.kind === "drag") applyPosition({ x: active.position.x + dx, y: active.position.y + dy });
+        else applySize({
+          width: active.size.width + (active.direction.includes("e") ? dx : 0),
+          height: active.size.height + (active.direction.includes("s") ? dy : 0)
+        });
       };
-      const handleMouseUp = () => {
-        setIsDragging(false);
-        onDragEnd?.(position);
+      const finish = (e) => {
+        if ("pointerId" in e && e.pointerId !== active.pointerId) return;
+        gesture.current = null;
+        setInteraction(null);
+        if (e.type === "pointercancel") {
+          applyPosition(active.position);
+          applySize(active.size);
+        } else if (active.kind === "drag") onDragEnd?.(positionRef.current);
+        else onResize?.(sizeRef.current);
       };
-      document.addEventListener("mousemove", handleMouseMove);
-      document.addEventListener("mouseup", handleMouseUp);
+      const moveEvent = active.family === "pointer" ? "pointermove" : "mousemove";
+      const endEvent = active.family === "pointer" ? "pointerup" : "mouseup";
+      document.addEventListener(moveEvent, move);
+      document.addEventListener(endEvent, finish);
+      document.addEventListener("pointercancel", finish);
       return () => {
-        document.removeEventListener("mousemove", handleMouseMove);
-        document.removeEventListener("mouseup", handleMouseUp);
+        document.removeEventListener(moveEvent, move);
+        document.removeEventListener(endEvent, finish);
+        document.removeEventListener("pointercancel", finish);
       };
-    }, [isDragging, onDragEnd, position]);
-    const handleResize = React.useCallback(
-      (direction, e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        const startX = e.clientX;
-        const startY = e.clientY;
-        const startWidth = size.width;
-        const startHeight = size.height;
-        const handleMouseMove = (moveEvent) => {
-          const newWidth = direction.includes("e") ? Math.max(150, startWidth + (moveEvent.clientX - startX)) : startWidth;
-          const newHeight = direction.includes("s") ? Math.max(100, startHeight + (moveEvent.clientY - startY)) : startHeight;
-          setSize({ width: newWidth, height: newHeight });
-        };
-        const handleMouseUp = () => {
-          document.removeEventListener("mousemove", handleMouseMove);
-          document.removeEventListener("mouseup", handleMouseUp);
-          onResize?.(size);
-        };
-        document.addEventListener("mousemove", handleMouseMove);
-        document.addEventListener("mouseup", handleMouseUp);
-      },
-      [size, onResize]
-    );
+    }, [interaction, applyPosition, applySize, onDragEnd, onResize]);
+    const handleKeyboard = (e) => {
+      panelProps.onKeyDown?.(e);
+      if (e.defaultPrevented) return;
+      const target = e.target;
+      if (target !== target.closest("[data-floating-panel-handle], .dsx-floating-panel__handle")) return;
+      const delta = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] }[e.key];
+      if (!delta) return;
+      e.preventDefault();
+      const step = e.shiftKey ? 40 : 8;
+      if (target.matches(".dsx-floating-panel__handle")) {
+        const horizontal = !target.classList.contains("dsx-floating-panel__handle--s");
+        const vertical = !target.classList.contains("dsx-floating-panel__handle--e");
+        onResize?.(applySize({ width: sizeRef.current.width + (horizontal ? delta[0] * step : 0), height: sizeRef.current.height + (vertical ? delta[1] * step : 0) }));
+      } else onDragEnd?.(applyPosition({ x: positionRef.current.x + delta[0] * step, y: positionRef.current.y + delta[1] * step }));
+    };
     if (!open) return null;
     return /* @__PURE__ */ jsx(
       Comp,
       {
         ...panelProps,
-        ref: forwardedRef,
+        ref: composedRef,
         className: classNames("dsx-floating-panel", className),
         "data-size": componentSize,
-        "data-dragging": isDragging || void 0,
+        "data-dragging": interaction === "drag" || void 0,
         style: {
           position: "fixed",
           left: position.x,
@@ -108,7 +189,15 @@ const FloatingPanel = React.forwardRef(
           height: size.height,
           ...panelProps.style
         },
-        onMouseDown: handleMouseDown,
+        onPointerDown: (e) => {
+          panelProps.onPointerDown?.(e);
+          startInteraction(e, "pointer");
+        },
+        onMouseDown: (e) => {
+          panelProps.onMouseDown?.(e);
+          startInteraction(e, "mouse");
+        },
+        onKeyDown: handleKeyboard,
         children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
           children,
           /* @__PURE__ */ jsx(
@@ -122,7 +211,7 @@ const FloatingPanel = React.forwardRef(
               children: /* @__PURE__ */ jsx(X, { size: 16 })
             }
           ),
-          /* @__PURE__ */ jsx(FloatingPanelHandle, { direction: "se", onResize: handleResize })
+          /* @__PURE__ */ jsx(FloatingPanelHandle, { direction: "se" })
         ] })
       }
     );
@@ -140,6 +229,10 @@ const FloatingPanelHeader = React.forwardRef(
         ref: forwardedRef,
         className: classNames("dsx-floating-panel__header", className),
         "data-floating-panel-handle": true,
+        tabIndex: headerProps.tabIndex ?? 0,
+        role: headerProps.role ?? "group",
+        "aria-label": headerProps["aria-label"] ?? "Move panel",
+        title: headerProps.title ?? "Move with arrow keys; hold Shift for larger steps",
         children
       }
     );
@@ -163,7 +256,7 @@ const FloatingPanelContent = React.forwardRef(
 );
 FloatingPanelContent.displayName = "FloatingPanelContent";
 const FloatingPanelHandle = React.forwardRef(
-  ({ direction = "se", onResize, ...props }, forwardedRef) => {
+  ({ direction = "se", onResize, children, ...props }, forwardedRef) => {
     const { asChild, className, ...handleProps } = extractProps(props, floatingPanelHandlePropDefs);
     const Comp = asChild ? Slot : "div";
     const handleMouseDown = React.useCallback(
@@ -182,7 +275,12 @@ const FloatingPanelHandle = React.forwardRef(
           `dsx-floating-panel__handle--${direction}`,
           className
         ),
-        onMouseDown: handleMouseDown
+        tabIndex: handleProps.tabIndex ?? 0,
+        role: handleProps.role ?? "group",
+        "aria-label": handleProps["aria-label"] ?? "Resize panel",
+        title: handleProps.title ?? "Resize with arrow keys; hold Shift for larger steps",
+        onMouseDown: handleMouseDown,
+        children: children ?? (direction === "se" ? /* @__PURE__ */ jsx("span", { className: "dsx-floating-panel__resize-grip", "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Icon, { name: "grip-vertical", size: "sm", "aria-hidden": "true" }))
       }
     );
   }

package/dist/components/floatingPanel/FloatingPanel.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/floatingPanel/FloatingPanel.tsx"],
-  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { X } from 'lucide-react'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  floatingPanelPropDefs,\n  floatingPanelHeaderPropDefs,\n  floatingPanelContentPropDefs,\n  floatingPanelHandlePropDefs,\n} from './floatingPanel.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FloatingPanelOwnProps = GetPropDefTypes<typeof floatingPanelPropDefs>\ntype FloatingPanelHeaderOwnProps = GetPropDefTypes<typeof floatingPanelHeaderPropDefs>\ntype FloatingPanelContentOwnProps = GetPropDefTypes<typeof floatingPanelContentPropDefs>\ntype FloatingPanelHandleOwnProps = GetPropDefTypes<typeof floatingPanelHandlePropDefs>\n\ninterface Position {\n  x: number\n  y: number\n}\n\ninterface Size {\n  width: number\n  height: number\n}\n\ntype FloatingPanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> & FloatingPanelOwnProps & {\n  defaultPosition?: Position\n  defaultSize?: Size\n  onDragEnd?: (position: Position) => void\n  onResize?: (size: Size) => void\n  onClose?: () => void\n}\n\ninterface FloatingPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHeaderOwnProps {}\ninterface FloatingPanelContentProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelContentOwnProps {}\ninterface FloatingPanelHandleProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHandleOwnProps {}\n\nconst FLOATING_PANEL_SIZE_DEFAULTS: Record<'sm' | 'md' | 'lg', Size> = {\n  sm: { width: 240, height: 180 },\n  md: { width: 320, height: 240 },\n  lg: { width: 480, height: 360 },\n}\n\nconst FloatingPanel = React.forwardRef<HTMLDivElement, FloatingPanelProps>(\n  (\n    { children, defaultPosition = { x: 0, y: 0 }, defaultSize, onDragEnd, onResize, onClose, ...props },\n    forwardedRef,\n  ) => {\n    const { asChild, className, size: componentSize = 'md', ...panelProps } = extractProps(props, floatingPanelPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const [open, setOpen] = React.useState(true)\n    const [position, setPosition] = React.useState<Position>(defaultPosition)\n    const [size, setSize] = React.useState<Size>(defaultSize ?? FLOATING_PANEL_SIZE_DEFAULTS[componentSize])\n    const [isDragging, setIsDragging] = React.useState(false)\n    const dragOffset = React.useRef<Position>({ x: 0, y: 0 })\n\n    const handleMouseDown = React.useCallback(\n      (e: React.MouseEvent) => {\n        if ((e.target as HTMLElement).closest('[data-floating-panel-handle]')) return\n        setIsDragging(true)\n        dragOffset.current = {\n          x: e.clientX - position.x,\n          y: e.clientY - position.y,\n        }\n      },\n      [position],\n    )\n\n    const handleClose = React.useCallback(() => {\n      setOpen(false)\n      onClose?.()\n    }, [onClose])\n\n    React.useEffect(() => {\n      if (!open) return\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key === 'Escape') handleClose()\n      }\n      document.addEventListener('keydown', handleKeyDown)\n      return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, handleClose])\n\n    React.useEffect(() => {\n      if (!isDragging) return\n\n      const handleMouseMove = (e: MouseEvent) => {\n        const newPosition = {\n          x: e.clientX - dragOffset.current.x,\n          y: e.clientY - dragOffset.current.y,\n        }\n        setPosition(newPosition)\n      }\n\n      const handleMouseUp = () => {\n        setIsDragging(false)\n        onDragEnd?.(position)\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n      }\n    }, [isDragging, onDragEnd, position])\n\n    const handleResize = React.useCallback(\n      (direction: string, e: React.MouseEvent) => {\n        e.preventDefault()\n        e.stopPropagation()\n\n        const startX = e.clientX\n        const startY = e.clientY\n        const startWidth = size.width\n        const startHeight = size.height\n\n        const handleMouseMove = (moveEvent: MouseEvent) => {\n          const newWidth = direction.includes('e') ? Math.max(150, startWidth + (moveEvent.clientX - startX)) : startWidth\n          const newHeight = direction.includes('s') ? Math.max(100, startHeight + (moveEvent.clientY - startY)) : startHeight\n          setSize({ width: newWidth, height: newHeight })\n        }\n\n        const handleMouseUp = () => {\n          document.removeEventListener('mousemove', handleMouseMove)\n          document.removeEventListener('mouseup', handleMouseUp)\n          onResize?.(size)\n        }\n\n        document.addEventListener('mousemove', handleMouseMove)\n        document.addEventListener('mouseup', handleMouseUp)\n      },\n      [size, onResize],\n    )\n\n    if (!open) return null\n\n    return (\n      <Comp\n        {...panelProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel', className)}\n        data-size={componentSize}\n        data-dragging={isDragging || undefined}\n        style={{\n          position: 'fixed',\n          left: position.x,\n          top: position.y,\n          width: size.width,\n          height: size.height,\n          ...panelProps.style,\n        }}\n        onMouseDown={handleMouseDown}\n      >\n        {asChild ? children : (\n          <>\n            {children}\n            <button\n              type=\"button\"\n              className=\"dsx-floating-panel__close\"\n              onClick={handleClose}\n              aria-label=\"Close panel\"\n              data-slot=\"floating-panel-close\"\n            >\n              <X size={16} />\n            </button>\n            <FloatingPanelHandle direction=\"se\" onResize={handleResize} />\n          </>\n        )}\n      </Comp>\n    )\n  },\n)\nFloatingPanel.displayName = 'FloatingPanel'\n\nconst FloatingPanelHeader = React.forwardRef<HTMLDivElement, FloatingPanelHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, floatingPanelHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__header', className)}\n        data-floating-panel-handle\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelHeader.displayName = 'FloatingPanelHeader'\n\nconst FloatingPanelContent = React.forwardRef<HTMLDivElement, FloatingPanelContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...contentProps } = extractProps(props, floatingPanelContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__content', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelContent.displayName = 'FloatingPanelContent'\n\ninterface FloatingPanelHandleInternalProps extends FloatingPanelHandleProps {\n  onResize?: (direction: string, e: React.MouseEvent) => void\n}\n\nconst FloatingPanelHandle = React.forwardRef<HTMLDivElement, FloatingPanelHandleInternalProps>(\n  ({ direction = 'se', onResize, ...props }, forwardedRef) => {\n    const { asChild, className, ...handleProps } = extractProps(props, floatingPanelHandlePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const handleMouseDown = React.useCallback(\n      (e: React.MouseEvent) => {\n        onResize?.(direction, e)\n      },\n      [direction, onResize],\n    )\n\n    return (\n      <Comp\n        {...handleProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-floating-panel__handle',\n          `dsx-floating-panel__handle--${direction}`,\n          className,\n        )}\n        onMouseDown={handleMouseDown}\n      />\n    )\n  },\n)\nFloatingPanelHandle.displayName = 'FloatingPanelHandle'\n\nconst FloatingPanelRoot: typeof FloatingPanel & {\n  Header: typeof FloatingPanelHeader\n  Content: typeof FloatingPanelContent\n  Handle: typeof FloatingPanelHandle\n} = Object.assign(FloatingPanel, {\n  Header: FloatingPanelHeader,\n  Content: FloatingPanelContent,\n  Handle: FloatingPanelHandle,\n})\n\nexport { FloatingPanelRoot as FloatingPanel, FloatingPanelHeader, FloatingPanelContent, FloatingPanelHandle }\nexport type { FloatingPanelProps, FloatingPanelHeaderProps, FloatingPanelContentProps, FloatingPanelHandleProps, Position, Size }\n"],
-  "mappings": ";AAEA,YAAY,WAAW;AACvB,OAAO,gBAAgB;AACvB,SAAS,YAAY;AACrB,SAAS,SAAS;AAElB,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsJG,mBASI,KATJ;AAvHV,MAAM,+BAAiE;AAAA,EACrE,IAAI,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAC9B,IAAI,EAAE,OAAO,KAAK,QAAQ,IAAI;AAAA,EAC9B,IAAI,EAAE,OAAO,KAAK,QAAQ,IAAI;AAChC;AAEA,MAAM,gBAAgB,MAAM;AAAA,EAC1B,CACE,EAAE,UAAU,kBAAkB,EAAE,GAAG,GAAG,GAAG,EAAE,GAAG,aAAa,WAAW,UAAU,SAAS,GAAG,MAAM,GAClG,iBACG;AACH,UAAM,EAAE,SAAS,WAAW,MAAM,gBAAgB,MAAM,GAAG,WAAW,IAAI,aAAa,OAAO,qBAAqB;AACnH,UAAM,OAAO,UAAU,OAAO;AAE9B,UAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,IAAI;AAC3C,UAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAmB,eAAe;AACxE,UAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAe,eAAe,6BAA6B,aAAa,CAAC;AACvG,UAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,KAAK;AACxD,UAAM,aAAa,MAAM,OAAiB,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC;AAExD,UAAM,kBAAkB,MAAM;AAAA,MAC5B,CAAC,MAAwB;AACvB,YAAK,EAAE,OAAuB,QAAQ,8BAA8B,EAAG;AACvE,sBAAc,IAAI;AAClB,mBAAW,UAAU;AAAA,UACnB,GAAG,EAAE,UAAU,SAAS;AAAA,UACxB,GAAG,EAAE,UAAU,SAAS;AAAA,QAC1B;AAAA,MACF;AAAA,MACA,CAAC,QAAQ;AAAA,IACX;AAEA,UAAM,cAAc,MAAM,YAAY,MAAM;AAC1C,cAAQ,KAAK;AACb,gBAAU;AAAA,IACZ,GAAG,CAAC,OAAO,CAAC;AAEZ,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,KAAM;AACX,YAAM,gBAAgB,CAAC,MAAqB;AAC1C,YAAI,EAAE,QAAQ,SAAU,aAAY;AAAA,MACtC;AACA,eAAS,iBAAiB,WAAW,aAAa;AAClD,aAAO,MAAM,SAAS,oBAAoB,WAAW,aAAa;AAAA,IACpE,GAAG,CAAC,MAAM,WAAW,CAAC;AAEtB,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,WAAY;AAEjB,YAAM,kBAAkB,CAAC,MAAkB;AACzC,cAAM,cAAc;AAAA,UAClB,GAAG,EAAE,UAAU,WAAW,QAAQ;AAAA,UAClC,GAAG,EAAE,UAAU,WAAW,QAAQ;AAAA,QACpC;AACA,oBAAY,WAAW;AAAA,MACzB;AAEA,YAAM,gBAAgB,MAAM;AAC1B,sBAAc,KAAK;AACnB,oBAAY,QAAQ;AAAA,MACtB;AAEA,eAAS,iBAAiB,aAAa,eAAe;AACtD,eAAS,iBAAiB,WAAW,aAAa;AAElD,aAAO,MAAM;AACX,iBAAS,oBAAoB,aAAa,eAAe;AACzD,iBAAS,oBAAoB,WAAW,aAAa;AAAA,MACvD;AAAA,IACF,GAAG,CAAC,YAAY,WAAW,QAAQ,CAAC;AAEpC,UAAM,eAAe,MAAM;AAAA,MACzB,CAAC,WAAmB,MAAwB;AAC1C,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAElB,cAAM,SAAS,EAAE;AACjB,cAAM,SAAS,EAAE;AACjB,cAAM,aAAa,KAAK;AACxB,cAAM,cAAc,KAAK;AAEzB,cAAM,kBAAkB,CAAC,cAA0B;AACjD,gBAAM,WAAW,UAAU,SAAS,GAAG,IAAI,KAAK,IAAI,KAAK,cAAc,UAAU,UAAU,OAAO,IAAI;AACtG,gBAAM,YAAY,UAAU,SAAS,GAAG,IAAI,KAAK,IAAI,KAAK,eAAe,UAAU,UAAU,OAAO,IAAI;AACxG,kBAAQ,EAAE,OAAO,UAAU,QAAQ,UAAU,CAAC;AAAA,QAChD;AAEA,cAAM,gBAAgB,MAAM;AAC1B,mBAAS,oBAAoB,aAAa,eAAe;AACzD,mBAAS,oBAAoB,WAAW,aAAa;AACrD,qBAAW,IAAI;AAAA,QACjB;AAEA,iBAAS,iBAAiB,aAAa,eAAe;AACtD,iBAAS,iBAAiB,WAAW,aAAa;AAAA,MACpD;AAAA,MACA,CAAC,MAAM,QAAQ;AAAA,IACjB;AAEA,QAAI,CAAC,KAAM,QAAO;AAElB,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,sBAAsB,SAAS;AAAA,QACrD,aAAW;AAAA,QACX,iBAAe,cAAc;AAAA,QAC7B,OAAO;AAAA,UACL,UAAU;AAAA,UACV,MAAM,SAAS;AAAA,UACf,KAAK,SAAS;AAAA,UACd,OAAO,KAAK;AAAA,UACZ,QAAQ,KAAK;AAAA,UACb,GAAG,WAAW;AAAA,QAChB;AAAA,QACA,aAAa;AAAA,QAEZ,oBAAU,WACT,iCACG;AAAA;AAAA,UACD;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,WAAU;AAAA,cACV,SAAS;AAAA,cACT,cAAW;AAAA,cACX,aAAU;AAAA,cAEV,8BAAC,KAAE,MAAM,IAAI;AAAA;AAAA,UACf;AAAA,UACA,oBAAC,uBAAoB,WAAU,MAAK,UAAU,cAAc;AAAA,WAC9D;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACF;AACA,cAAc,cAAc;AAE5B,MAAM,sBAAsB,MAAM;AAAA,EAChC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,2BAA2B;AAC9F,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,8BAA8B,SAAS;AAAA,QAC7D,8BAA0B;AAAA,QAEzB;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,oBAAoB,cAAc;AAElC,MAAM,uBAAuB,MAAM;AAAA,EACjC,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,iBAAiB;AACxC,UAAM,EAAE,SAAS,WAAW,GAAG,aAAa,IAAI,aAAa,OAAO,4BAA4B;AAChG,UAAM,OAAO,UAAU,OAAO;AAE9B,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW,WAAW,+BAA+B,SAAS;AAAA,QAE7D;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACA,qBAAqB,cAAc;AAMnC,MAAM,sBAAsB,MAAM;AAAA,EAChC,CAAC,EAAE,YAAY,MAAM,UAAU,GAAG,MAAM,GAAG,iBAAiB;AAC1D,UAAM,EAAE,SAAS,WAAW,GAAG,YAAY,IAAI,aAAa,OAAO,2BAA2B;AAC9F,UAAM,OAAO,UAAU,OAAO;AAE9B,UAAM,kBAAkB,MAAM;AAAA,MAC5B,CAAC,MAAwB;AACvB,mBAAW,WAAW,CAAC;AAAA,MACzB;AAAA,MACA,CAAC,WAAW,QAAQ;AAAA,IACtB;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK;AAAA,QACL,WAAW;AAAA,UACT;AAAA,UACA,+BAA+B,SAAS;AAAA,UACxC;AAAA,QACF;AAAA,QACA,aAAa;AAAA;AAAA,IACf;AAAA,EAEJ;AACF;AACA,oBAAoB,cAAc;AAElC,MAAM,oBAIF,OAAO,OAAO,eAAe;AAAA,EAC/B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,QAAQ;AACV,CAAC;",
+  "sourcesContent": ["'use client'\n\nimport * as React from 'react'\nimport classNames from 'classnames'\nimport { Slot } from '@radix-ui/react-slot'\nimport { X } from 'lucide-react'\nimport { Icon } from '../icon/Icon'\n\nimport { extractProps } from '../../_internal/helpers/extractProps'\nimport {\n  floatingPanelPropDefs,\n  floatingPanelHeaderPropDefs,\n  floatingPanelContentPropDefs,\n  floatingPanelHandlePropDefs,\n} from './floatingPanel.props'\n\nimport type { GetPropDefTypes } from '../../_internal/props/propDef'\n\ntype FloatingPanelOwnProps = GetPropDefTypes<typeof floatingPanelPropDefs>\ntype FloatingPanelHeaderOwnProps = GetPropDefTypes<typeof floatingPanelHeaderPropDefs>\ntype FloatingPanelContentOwnProps = GetPropDefTypes<typeof floatingPanelContentPropDefs>\ntype FloatingPanelHandleOwnProps = GetPropDefTypes<typeof floatingPanelHandlePropDefs>\n\ninterface Position {\n  x: number\n  y: number\n}\n\ninterface Size {\n  width: number\n  height: number\n}\n\ntype FloatingPanelProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onDragEnd'> & FloatingPanelOwnProps & {\n  defaultPosition?: Position\n  defaultSize?: Size\n  onDragEnd?: (position: Position) => void\n  onResize?: (size: Size) => void\n  onClose?: () => void\n}\n\ninterface FloatingPanelHeaderProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHeaderOwnProps {}\ninterface FloatingPanelContentProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelContentOwnProps {}\ninterface FloatingPanelHandleProps extends React.HTMLAttributes<HTMLDivElement>, FloatingPanelHandleOwnProps {}\n\nconst FLOATING_PANEL_SIZE_DEFAULTS: Record<'sm' | 'md' | 'lg', Size> = {\n  sm: { width: 240, height: 180 },\n  md: { width: 320, height: 240 },\n  lg: { width: 480, height: 360 },\n}\n\nconst FloatingPanel = React.forwardRef<HTMLDivElement, FloatingPanelProps>(\n  (\n    { children, defaultPosition = { x: 0, y: 0 }, defaultSize, onDragEnd, onResize, onClose, ...props },\n    forwardedRef,\n  ) => {\n    const { asChild, className, size: componentSize = 'md', ...panelProps } = extractProps(props, floatingPanelPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const panelRef = React.useRef<HTMLDivElement>(null)\n    const composedRef = React.useCallback((node: HTMLDivElement | null) => {\n      panelRef.current = node\n      if (typeof forwardedRef === 'function') forwardedRef(node)\n      else if (forwardedRef) forwardedRef.current = node\n    }, [forwardedRef])\n    const [open, setOpen] = React.useState(true)\n    const [position, setPosition] = React.useState<Position>(defaultPosition)\n    const [size, setSize] = React.useState<Size>(defaultSize ?? FLOATING_PANEL_SIZE_DEFAULTS[componentSize])\n    const positionRef = React.useRef(position)\n    const sizeRef = React.useRef(size)\n    const [interaction, setInteraction] = React.useState<'drag' | 'resize' | null>(null)\n    const gesture = React.useRef<{\n      kind: 'drag' | 'resize'\n      family: 'pointer' | 'mouse'\n      pointerId?: number\n      direction: string\n      startX: number\n      startY: number\n      position: Position\n      size: Size\n    } | null>(null)\n\n    const bounds = React.useCallback(() => {\n      const panel = panelRef.current\n      const parent = panel && getComputedStyle(panel).position !== 'fixed' ? panel.offsetParent : null\n      return {\n        width: parent?.clientWidth || Math.min(\n          document.documentElement.clientWidth || window.innerWidth,\n          document.documentElement.getBoundingClientRect().width || window.innerWidth,\n        ),\n        height: parent?.clientHeight || window.innerHeight,\n      }\n    }, [])\n\n    const applySize = React.useCallback((next: Size) => {\n      const available = bounds()\n      const style = panelRef.current ? getComputedStyle(panelRef.current) : null\n      const maxWidth = Math.min(available.width, parseFloat(style?.maxWidth ?? '') || available.width)\n      const maxHeight = Math.min(available.height, parseFloat(style?.maxHeight ?? '') || available.height)\n      const value = {\n        width: Math.min(maxWidth, available.width - positionRef.current.x, Math.max(150, next.width)),\n        height: Math.min(maxHeight, available.height - positionRef.current.y, Math.max(100, next.height)),\n      }\n      value.width = Math.max(0, value.width)\n      value.height = Math.max(0, value.height)\n      sizeRef.current = value\n      setSize(value)\n      return value\n    }, [bounds])\n\n    const applyPosition = React.useCallback((next: Position) => {\n      const available = bounds()\n      const rect = panelRef.current?.getBoundingClientRect()\n      const value = {\n        x: Math.max(0, Math.min(next.x, available.width - (rect?.width || sizeRef.current.width))),\n        y: Math.max(0, Math.min(next.y, available.height - (rect?.height || sizeRef.current.height))),\n      }\n      positionRef.current = value\n      setPosition(value)\n      return value\n    }, [bounds])\n\n    const handleClose = React.useCallback(() => {\n      gesture.current = null\n      setInteraction(null)\n      setOpen(false)\n      onClose?.()\n    }, [onClose])\n\n    const startInteraction = React.useCallback((e: React.MouseEvent | React.PointerEvent, family: 'mouse' | 'pointer') => {\n      if (e.defaultPrevented || e.button !== 0 || gesture.current) return\n      const target = e.target as HTMLElement\n      const handle = target.closest('.dsx-floating-panel__handle')\n      const header = target.closest('[data-floating-panel-handle]')\n      if (!handle && (target.closest('button, a, input, textarea, select, [contenteditable=\"true\"]')\n        || (!header && panelRef.current?.querySelector('[data-floating-panel-handle]')))) return\n      e.preventDefault()\n      const kind = handle ? 'resize' : 'drag'\n      const direction = handle?.classList.contains('dsx-floating-panel__handle--s') ? 's'\n        : handle?.classList.contains('dsx-floating-panel__handle--e') ? 'e' : 'se'\n      gesture.current = {\n        kind, family, direction,\n        pointerId: 'pointerId' in e ? e.pointerId : undefined,\n        startX: e.clientX, startY: e.clientY,\n        position: positionRef.current, size: sizeRef.current,\n      }\n      const focusTarget = (handle ?? header) as HTMLElement | null\n      focusTarget?.focus()\n      setInteraction(kind)\n    }, [])\n\n    React.useEffect(() => {\n      if (!open) return\n      const fit = () => {\n        applyPosition(positionRef.current)\n        applySize(sizeRef.current)\n      }\n      fit()\n      window.addEventListener('resize', fit)\n      return () => window.removeEventListener('resize', fit)\n    }, [open, applyPosition, applySize])\n\n    React.useEffect(() => {\n      if (!open) return\n      const handleKeyDown = (e: KeyboardEvent) => {\n        if (e.key !== 'Escape' || e.defaultPrevented) return\n        const panels = Array.from(document.querySelectorAll('.dsx-floating-panel'))\n        const focused = panels.find(panel => panel.contains(document.activeElement))\n        if ((focused ?? panels[panels.length - 1]) !== panelRef.current) return\n        e.preventDefault()\n        handleClose()\n      }\n      document.addEventListener('keydown', handleKeyDown)\n      return () => document.removeEventListener('keydown', handleKeyDown)\n    }, [open, handleClose])\n\n    React.useEffect(() => {\n      if (!interaction) return\n      const active = gesture.current!\n      const move = (e: MouseEvent | PointerEvent) => {\n        if ('pointerId' in e && e.pointerId !== active.pointerId) return\n        const dx = e.clientX - active.startX\n        const dy = e.clientY - active.startY\n        if (active.kind === 'drag') applyPosition({ x: active.position.x + dx, y: active.position.y + dy })\n        else applySize({\n          width: active.size.width + (active.direction.includes('e') ? dx : 0),\n          height: active.size.height + (active.direction.includes('s') ? dy : 0),\n        })\n      }\n      const finish = (e: Event) => {\n        if ('pointerId' in e && (e as PointerEvent).pointerId !== active.pointerId) return\n        gesture.current = null\n        setInteraction(null)\n        if (e.type === 'pointercancel') {\n          applyPosition(active.position)\n          applySize(active.size)\n        } else if (active.kind === 'drag') onDragEnd?.(positionRef.current)\n        else onResize?.(sizeRef.current)\n      }\n      const moveEvent = active.family === 'pointer' ? 'pointermove' : 'mousemove'\n      const endEvent = active.family === 'pointer' ? 'pointerup' : 'mouseup'\n      document.addEventListener(moveEvent, move)\n      document.addEventListener(endEvent, finish)\n      document.addEventListener('pointercancel', finish)\n      return () => {\n        document.removeEventListener(moveEvent, move)\n        document.removeEventListener(endEvent, finish)\n        document.removeEventListener('pointercancel', finish)\n      }\n    }, [interaction, applyPosition, applySize, onDragEnd, onResize])\n\n    const handleKeyboard = (e: React.KeyboardEvent<HTMLDivElement>) => {\n      panelProps.onKeyDown?.(e)\n      if (e.defaultPrevented) return\n      const target = e.target as HTMLElement\n      if (target !== target.closest('[data-floating-panel-handle], .dsx-floating-panel__handle')) return\n      const delta = { ArrowLeft: [-1, 0], ArrowRight: [1, 0], ArrowUp: [0, -1], ArrowDown: [0, 1] }[e.key]\n      if (!delta) return\n      e.preventDefault()\n      const step = e.shiftKey ? 40 : 8\n      if (target.matches('.dsx-floating-panel__handle')) {\n        const horizontal = !target.classList.contains('dsx-floating-panel__handle--s')\n        const vertical = !target.classList.contains('dsx-floating-panel__handle--e')\n        onResize?.(applySize({ width: sizeRef.current.width + (horizontal ? delta[0] * step : 0), height: sizeRef.current.height + (vertical ? delta[1] * step : 0) }))\n      } else onDragEnd?.(applyPosition({ x: positionRef.current.x + delta[0] * step, y: positionRef.current.y + delta[1] * step }))\n    }\n\n    if (!open) return null\n\n    return (\n      <Comp\n        {...panelProps}\n        ref={composedRef}\n        className={classNames('dsx-floating-panel', className)}\n        data-size={componentSize}\n        data-dragging={interaction === 'drag' || undefined}\n        style={{\n          position: 'fixed',\n          left: position.x,\n          top: position.y,\n          width: size.width,\n          height: size.height,\n          ...panelProps.style,\n        }}\n        onPointerDown={(e: React.PointerEvent<HTMLDivElement>) => { panelProps.onPointerDown?.(e); startInteraction(e, 'pointer') }}\n        onMouseDown={(e: React.MouseEvent<HTMLDivElement>) => { panelProps.onMouseDown?.(e); startInteraction(e, 'mouse') }}\n        onKeyDown={handleKeyboard}\n      >\n        {asChild ? children : (\n          <>\n            {children}\n            <button\n              type=\"button\"\n              className=\"dsx-floating-panel__close\"\n              onClick={handleClose}\n              aria-label=\"Close panel\"\n              data-slot=\"floating-panel-close\"\n            >\n              <X size={16} />\n            </button>\n            <FloatingPanelHandle direction=\"se\" />\n          </>\n        )}\n      </Comp>\n    )\n  },\n)\nFloatingPanel.displayName = 'FloatingPanel'\n\nconst FloatingPanelHeader = React.forwardRef<HTMLDivElement, FloatingPanelHeaderProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...headerProps } = extractProps(props, floatingPanelHeaderPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...headerProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__header', className)}\n        data-floating-panel-handle\n        tabIndex={headerProps.tabIndex ?? 0}\n        role={headerProps.role ?? 'group'}\n        aria-label={headerProps['aria-label'] ?? 'Move panel'}\n        title={headerProps.title ?? 'Move with arrow keys; hold Shift for larger steps'}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelHeader.displayName = 'FloatingPanelHeader'\n\nconst FloatingPanelContent = React.forwardRef<HTMLDivElement, FloatingPanelContentProps>(\n  ({ children, ...props }, forwardedRef) => {\n    const { asChild, className, ...contentProps } = extractProps(props, floatingPanelContentPropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    return (\n      <Comp\n        {...contentProps}\n        ref={forwardedRef}\n        className={classNames('dsx-floating-panel__content', className)}\n      >\n        {children}\n      </Comp>\n    )\n  },\n)\nFloatingPanelContent.displayName = 'FloatingPanelContent'\n\ninterface FloatingPanelHandleInternalProps extends FloatingPanelHandleProps {\n  onResize?: (direction: string, e: React.MouseEvent) => void\n}\n\nconst FloatingPanelHandle = React.forwardRef<HTMLDivElement, FloatingPanelHandleInternalProps>(\n  ({ direction = 'se', onResize, children, ...props }, forwardedRef) => {\n    const { asChild, className, ...handleProps } = extractProps(props, floatingPanelHandlePropDefs)\n    const Comp = asChild ? Slot : 'div'\n\n    const handleMouseDown = React.useCallback(\n      (e: React.MouseEvent) => {\n        onResize?.(direction, e)\n      },\n      [direction, onResize],\n    )\n\n    return (\n      <Comp\n        {...handleProps}\n        ref={forwardedRef}\n        className={classNames(\n          'dsx-floating-panel__handle',\n          `dsx-floating-panel__handle--${direction}`,\n          className,\n        )}\n        tabIndex={handleProps.tabIndex ?? 0}\n        role={handleProps.role ?? 'group'}\n        aria-label={handleProps['aria-label'] ?? 'Resize panel'}\n        title={handleProps.title ?? 'Resize with arrow keys; hold Shift for larger steps'}\n        onMouseDown={handleMouseDown}\n      >\n        {children ?? (direction === 'se'\n          ? <span className=\"dsx-floating-panel__resize-grip\" aria-hidden=\"true\" />\n          : <Icon name=\"grip-vertical\" size=\"sm\" aria-hidden=\"true\" />)}\n      </Comp>\n    )\n  },\n)\nFloatingPanelHandle.displayName = 'FloatingPanelHandle'\n\nconst FloatingPanelRoot: typeof FloatingPanel & {\n  Header: typeof FloatingPanelHeader\n  Content: typeof FloatingPanelContent\n  Handle: typeof FloatingPanelHandle\n} = Object.assign(FloatingPanel, {\n  Header: FloatingPanelHeader,\n  Content: FloatingPanelContent,\n  Handle: FloatingPanelHandle,\n})\n\nexport { FloatingPanelRoot as FloatingPanel, FloatingPanelHeader, FloatingPanelContent, FloatingPanelHandle }\nexport type { FloatingPanelProps, FloatingPanelHeaderProps, FloatingPanelContentProps, FloatingPanelHandleProps, Position, Size }\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/components/grid/Grid.cjs

@@ -85,12 +85,12 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
   const propsJustifyItemsMap = (0, import_responsive.toResponsiveMap)(props.justifyItems);
   const propsJustifyContentMap = (0, import_responsive.toResponsiveMap)(props.justifyContent);
   const hasSmOrMdOrLg = Boolean(sm || md || lg);
-  const responsiveColumns = hasSmOrMdOrLg ? { initial: propsColumnsMap.initial, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg } : props.columns;
-  const responsiveRows = hasSmOrMdOrLg ? { initial: propsRowsMap.initial, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg } : props.rows;
-  const responsiveGap = hasSmOrMdOrLg ? { initial: propsGapMap.initial, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg } : props.gap;
-  const responsiveAlign = hasSmOrMdOrLg ? { initial: propsAlignMap.initial, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg } : align;
-  const responsiveJustify = hasSmOrMdOrLg ? { initial: propsJustifyMap.initial, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg } : justify;
-  const responsiveMinItemWidth = hasSmOrMdOrLg ? { initial: propsMinItemWidthMap.initial, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg } : minItemWidth;
+  const responsiveColumns = hasSmOrMdOrLg ? { ...propsColumnsMap, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg } : props.columns;
+  const responsiveRows = hasSmOrMdOrLg ? { ...propsRowsMap, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg } : props.rows;
+  const responsiveGap = hasSmOrMdOrLg ? { ...propsGapMap, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg } : props.gap;
+  const responsiveAlign = hasSmOrMdOrLg ? { ...propsAlignMap, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg } : align;
+  const responsiveJustify = hasSmOrMdOrLg ? { ...propsJustifyMap, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg } : justify;
+  const responsiveMinItemWidth = hasSmOrMdOrLg ? { ...propsMinItemWidthMap, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg } : minItemWidth;
   const {
     flex,
     flexGrow,
@@ -105,32 +105,21 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
   const gridVars = {};
   const responsiveConditions = ["initial", "sm", "md", "lg", "xl", "2xl"];
   const responsiveColumnsMap = (0, import_responsive.toResponsiveMap)(responsiveColumns);
-  const minItemWidthMap = responsiveMinItemWidth ? (0, import_responsive.toResponsiveMap)(responsiveMinItemWidth) : null;
-  let lastColumns;
+  const minItemWidthMap = (0, import_responsive.toResponsiveMap)(responsiveMinItemWidth);
+  let activeMinWidth;
+  let activeColumns;
   for (const condition of responsiveConditions) {
-    const nextMinItemWidth = minItemWidthMap?.[condition];
-    if (nextMinItemWidth !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = `repeat(auto-fit, minmax(${(0, import_Shared.resolveLength)(nextMinItemWidth)}, 1fr))`;
-      lastColumns = nextMinItemWidth;
-      continue;
-    }
-    const nextColumns = responsiveColumnsMap[condition];
-    if (nextColumns !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = typeof nextColumns === "number" ? `repeat(${nextColumns}, minmax(0, 1fr))` : String(nextColumns);
-      lastColumns = nextColumns;
-    } else if (lastColumns !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = typeof lastColumns === "number" ? `repeat(${lastColumns}, minmax(0, 1fr))` : String(lastColumns);
-    }
+    activeMinWidth = minItemWidthMap[condition] ?? activeMinWidth;
+    activeColumns = responsiveColumnsMap[condition] ?? activeColumns;
+    const tracks = activeMinWidth !== void 0 ? `repeat(auto-fit, minmax(${(0, import_Shared.resolveLength)(activeMinWidth)}, 1fr))` : activeColumns !== void 0 ? /^\d+$/.test(String(activeColumns)) ? `repeat(${activeColumns}, minmax(0, 1fr))` : String(activeColumns) : void 0;
+    if (tracks !== void 0) gridVars[getResponsiveVarName("dsx-grid-columns", condition)] = tracks;
   }
   const responsiveRowsMap = (0, import_responsive.toResponsiveMap)(responsiveRows);
-  let lastRows;
+  let activeRows;
   for (const condition of responsiveConditions) {
-    const nextRows = responsiveRowsMap[condition];
-    if (nextRows !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-rows", condition)] = typeof nextRows === "number" ? `repeat(${nextRows}, minmax(0, 1fr))` : String(nextRows);
-      lastRows = nextRows;
-    } else if (lastRows !== void 0) {
-      gridVars[getResponsiveVarName("dsx-grid-rows", condition)] = typeof lastRows === "number" ? `repeat(${lastRows}, minmax(0, 1fr))` : String(lastRows);
+    activeRows = responsiveRowsMap[condition] ?? activeRows;
+    if (activeRows !== void 0) {
+      gridVars[getResponsiveVarName("dsx-grid-rows", condition)] = /^\d+$/.test(String(activeRows)) ? `repeat(${activeRows}, minmax(0, 1fr))` : String(activeRows);
     }
   }
   const responsiveAlignMap = (0, import_responsive.toResponsiveMap)(responsiveAlign);
@@ -160,14 +149,14 @@ const Grid = React.forwardRef(function Grid2({ as, asChild = false, className, s
   const mergedStyle = Object.keys(gridVars).length > 0 ? { ...style, ...gridVars } : style;
   const propsForExtraction = {
     ...layoutProps,
-    columns: responsiveColumns,
-    rows: responsiveRows,
+    columns: void 0,
+    rows: void 0,
     gap: responsiveGap,
-    areas: hasSmOrMdOrLg ? { initial: propsAreasMap.initial, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg } : props.areas,
-    flow: hasSmOrMdOrLg ? { initial: propsFlowMap.initial, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg } : props.flow,
-    alignContent: hasSmOrMdOrLg ? { initial: propsAlignContentMap.initial, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg } : props.alignContent,
-    justifyItems: hasSmOrMdOrLg ? { initial: propsJustifyItemsMap.initial, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg } : props.justifyItems,
-    justifyContent: hasSmOrMdOrLg ? { initial: propsJustifyContentMap.initial, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg } : props.justifyContent
+    areas: hasSmOrMdOrLg ? { ...propsAreasMap, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg } : props.areas,
+    flow: hasSmOrMdOrLg ? { ...propsFlowMap, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg } : props.flow,
+    alignContent: hasSmOrMdOrLg ? { ...propsAlignContentMap, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg } : props.alignContent,
+    justifyItems: hasSmOrMdOrLg ? { ...propsJustifyItemsMap, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg } : props.justifyItems,
+    justifyContent: hasSmOrMdOrLg ? { ...propsJustifyContentMap, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg } : props.justifyContent
   };
   const resolvedProps = (0, import_layout.extractLayoutProps)(propsForExtraction, import_layout.BOX_PROP_DEFS, import_layout.GRID_PROP_DEFS);
   const finalStyle = writeBoxChildStyleVars(mergedStyle, {

package/dist/components/grid/Grid.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/grid/Grid.tsx"],
-  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Slot } from '../slot/Slot'\nimport { resolveLength } from '../../foundations/Shared'\nimport {\n  BOX_PROP_DEFS,\n  GRID_PROP_DEFS,\n  extractLayoutProps,\n  type BoxStyleProps,\n  type GridStyleProps,\n} from '../../layout/layout.props'\nimport {\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from '../../layout/responsive.props'\n\ntype GridGapToken = string\ntype GridAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype GridJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction serializeResponsiveValue<T extends string | number | boolean>(value: ResponsiveValue<T> | undefined) {\n  const responsive = toResponsiveMap(value)\n  const entries = RESPONSIVE_CONDITIONS.flatMap((condition) => {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      return []\n    }\n\n    return [[condition, nextValue] as const]\n  })\n\n  if (entries.length === 0) {\n    return undefined\n  }\n\n  if (entries.length === 1 && entries[0][0] === 'initial') {\n    return String(entries[0][1])\n  }\n\n  return entries.map(([condition, nextValue]) => `${condition}:${String(nextValue)}`).join(';')\n}\n\nfunction getResponsiveVarName(name: string, condition: string): `--${string}` {\n  return condition === 'initial' ? (`--${name}` as `--${string}`) : (`--${name}-${condition}` as `--${string}`)\n}\n\ntype Responsive<T> = T | Partial<Record<'initial' | 'sm' | 'md' | 'lg' | 'xl' | '2xl', T>>\n\ntype GridBreakpointProps = {\n  align?: GridAlign\n  alignContent?: GridAlign | 'stretch'\n  areas?: string\n  columns?: number | string\n  flow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense'\n  gap?: GridGapToken\n  justify?: GridJustify\n  justifyContent?: GridAlign | 'between' | 'around' | 'evenly'\n  justifyItems?: GridAlign\n  minItemWidth?: number | string\n  rows?: number | string\n}\n\nexport type GridProps = React.HTMLAttributes<HTMLElement> &\n  BoxStyleProps &\n  Omit<GridStyleProps, 'columns' | 'rows' | 'gap'> & {\n    as?: React.ElementType\n    asChild?: boolean\n    columns?: Responsive<number | string>\n    rows?: Responsive<number | string>\n    gap?: Responsive<GridGapToken>\n    align?: Responsive<GridAlign>\n    hide?: Responsive<boolean>\n    justify?: Responsive<GridJustify>\n    show?: Responsive<boolean>\n    minItemWidth?: Responsive<number | string>\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n    sm?: Partial<GridBreakpointProps>\n    md?: Partial<GridBreakpointProps>\n    lg?: Partial<GridBreakpointProps>\n  }\n\n/**\n * Write child-sizing custom properties to a style object so box.css\n * can consume them via var(--dsx-box-flex, initial) etc.\n */\nfunction writeBoxChildStyleVars(\n  style: React.CSSProperties | undefined,\n  props: {\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n  },\n): React.CSSProperties {\n  const vars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(vars, 'dsx-box-flex', props.flex, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => String(value))\n  return Object.keys(vars).length > 0 ? { ...vars, ...style } : style ?? {}\n}\n\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  { as, asChild = false, className, style, align, hide, justify, minItemWidth, show, sm, md, lg, ...props },\n  ref,\n) {\n  const Component = asChild ? Slot : (as ?? 'div')\n\n  // Merge breakpoint aliases into responsive props\n  const propsColumnsMap = toResponsiveMap(props.columns)\n  const propsRowsMap = toResponsiveMap(props.rows)\n  const propsGapMap = toResponsiveMap(props.gap)\n  const propsAlignMap = toResponsiveMap(align)\n  const propsJustifyMap = toResponsiveMap(justify)\n  const propsMinItemWidthMap = toResponsiveMap(minItemWidth)\n  const propsAreasMap = toResponsiveMap(props.areas)\n  const propsFlowMap = toResponsiveMap(props.flow)\n  const propsAlignContentMap = toResponsiveMap(props.alignContent)\n  const propsJustifyItemsMap = toResponsiveMap(props.justifyItems)\n  const propsJustifyContentMap = toResponsiveMap(props.justifyContent)\n\n  const hasSmOrMdOrLg = Boolean(sm || md || lg)\n\n  const responsiveColumns = hasSmOrMdOrLg\n    ? { initial: propsColumnsMap.initial, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg }\n    : props.columns\n  const responsiveRows = hasSmOrMdOrLg\n    ? { initial: propsRowsMap.initial, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg }\n    : props.rows\n  const responsiveGap = hasSmOrMdOrLg\n    ? { initial: propsGapMap.initial, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg }\n    : props.gap\n  const responsiveAlign = hasSmOrMdOrLg\n    ? { initial: propsAlignMap.initial, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg }\n    : align\n  const responsiveJustify = hasSmOrMdOrLg\n    ? { initial: propsJustifyMap.initial, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg }\n    : justify\n  const responsiveMinItemWidth = hasSmOrMdOrLg\n    ? { initial: propsMinItemWidthMap.initial, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg }\n    : minItemWidth\n\n  // Extract child-sizing props before passing to extractLayoutProps\n  const {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n    ...layoutProps\n  } = props\n\n  // Build grid-specific CSS vars\n  const gridVars: Record<string, string> = {}\n  const responsiveConditions = ['initial', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\n  // Handle columns\n  const responsiveColumnsMap = toResponsiveMap(responsiveColumns)\n  const minItemWidthMap = responsiveMinItemWidth ? toResponsiveMap(responsiveMinItemWidth) : null\n  let lastColumns: number | string | undefined\n  for (const condition of responsiveConditions) {\n    const nextMinItemWidth = minItemWidthMap?.[condition]\n    if (nextMinItemWidth !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        `repeat(auto-fit, minmax(${resolveLength(nextMinItemWidth)}, 1fr))`\n      lastColumns = nextMinItemWidth\n      continue\n    }\n    const nextColumns = responsiveColumnsMap[condition]\n    if (nextColumns !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof nextColumns === 'number'\n          ? `repeat(${nextColumns}, minmax(0, 1fr))`\n          : String(nextColumns)\n      lastColumns = nextColumns\n    } else if (lastColumns !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-columns', condition)] =\n        typeof lastColumns === 'number'\n          ? `repeat(${lastColumns}, minmax(0, 1fr))`\n          : String(lastColumns)\n    }\n  }\n\n  // Handle rows\n  const responsiveRowsMap = toResponsiveMap(responsiveRows)\n  let lastRows: number | string | undefined\n  for (const condition of responsiveConditions) {\n    const nextRows = responsiveRowsMap[condition]\n    if (nextRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] =\n        typeof nextRows === 'number' ? `repeat(${nextRows}, minmax(0, 1fr))` : String(nextRows)\n      lastRows = nextRows\n    } else if (lastRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] =\n        typeof lastRows === 'number' ? `repeat(${lastRows}, minmax(0, 1fr))` : String(lastRows)\n    }\n  }\n\n  // Handle align (align-items)\n  const responsiveAlignMap = toResponsiveMap(responsiveAlign)\n  let lastAlign: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextAlign = responsiveAlignMap[condition]\n    if (nextAlign !== undefined) {\n      const val = nextAlign === 'start' || nextAlign === 'end' ? `flex-${nextAlign}` : String(nextAlign)\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = val\n      lastAlign = val\n    } else if (lastAlign !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = lastAlign\n    }\n  }\n\n  // Handle justify (justify-content shorthand)\n  const responsiveJustifyMap = toResponsiveMap(responsiveJustify)\n  let lastJustify: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextJustify = responsiveJustifyMap[condition]\n    if (nextJustify !== undefined) {\n      const val = nextJustify === 'between' ? 'space-between'\n        : nextJustify === 'around' ? 'space-around'\n        : nextJustify === 'evenly' ? 'space-evenly'\n        : nextJustify === 'start' || nextJustify === 'end' ? `flex-${nextJustify}`\n        : String(nextJustify)\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = val\n      lastJustify = val\n    } else if (lastJustify !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = lastJustify\n    }\n  }\n\n  // Merge grid vars into style\n  const mergedStyle = Object.keys(gridVars).length > 0\n    ? { ...style, ...gridVars }\n    : style\n\n  // Pass merged responsive values to extractLayoutProps\n  const propsForExtraction = {\n    ...layoutProps,\n    columns: responsiveColumns,\n    rows: responsiveRows,\n    gap: responsiveGap,\n    areas: hasSmOrMdOrLg\n      ? { initial: propsAreasMap.initial, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg }\n      : props.areas,\n    flow: hasSmOrMdOrLg\n      ? { initial: propsFlowMap.initial, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg }\n      : props.flow,\n    alignContent: hasSmOrMdOrLg\n      ? { initial: propsAlignContentMap.initial, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg }\n      : props.alignContent,\n    justifyItems: hasSmOrMdOrLg\n      ? { initial: propsJustifyItemsMap.initial, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg }\n      : props.justifyItems,\n    justifyContent: hasSmOrMdOrLg\n      ? { initial: propsJustifyContentMap.initial, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg }\n      : props.justifyContent,\n  }\n\n  const resolvedProps = extractLayoutProps(propsForExtraction, BOX_PROP_DEFS, GRID_PROP_DEFS)\n\n  const finalStyle = writeBoxChildStyleVars(mergedStyle, {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n  })\n\n  const displayVars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(displayVars, 'dsx-box-display', hide, (value) => (value ? 'none' : 'grid'))\n  assignResponsiveVars(displayVars, 'dsx-box-display', show, (value) => (value ? 'grid' : 'none'))\n  const finalStyleWithDisplay = Object.keys(displayVars).length > 0\n    ? { ...displayVars, ...finalStyle }\n    : finalStyle\n\n  return (\n    <Component\n      {...resolvedProps}\n      ref={ref as never}\n      className={classNames('dsx-box', 'dsx-grid', resolvedProps.className, className)}\n      style={finalStyleWithDisplay}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n    />\n  )\n})\n\nGrid.displayName = 'Grid'\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react'\nimport classNames from 'classnames'\n\nimport { Slot } from '../slot/Slot'\nimport { resolveLength } from '../../foundations/Shared'\nimport {\n  BOX_PROP_DEFS,\n  GRID_PROP_DEFS,\n  extractLayoutProps,\n  type BoxStyleProps,\n  type GridStyleProps,\n} from '../../layout/layout.props'\nimport {\n  assignResponsiveVars,\n  toResponsiveMap,\n  type ResponsiveCondition,\n  type ResponsiveValue,\n} from '../../layout/responsive.props'\n\ntype GridGapToken = string\ntype GridAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline'\ntype GridJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\nconst RESPONSIVE_CONDITIONS: ResponsiveCondition[] = ['initial', 'sm', 'md', 'lg', 'xl', '2xl']\n\nfunction serializeResponsiveValue<T extends string | number | boolean>(value: ResponsiveValue<T> | undefined) {\n  const responsive = toResponsiveMap(value)\n  const entries = RESPONSIVE_CONDITIONS.flatMap((condition) => {\n    const nextValue = responsive[condition]\n\n    if (nextValue === undefined) {\n      return []\n    }\n\n    return [[condition, nextValue] as const]\n  })\n\n  if (entries.length === 0) {\n    return undefined\n  }\n\n  if (entries.length === 1 && entries[0][0] === 'initial') {\n    return String(entries[0][1])\n  }\n\n  return entries.map(([condition, nextValue]) => `${condition}:${String(nextValue)}`).join(';')\n}\n\nfunction getResponsiveVarName(name: string, condition: string): `--${string}` {\n  return condition === 'initial' ? (`--${name}` as `--${string}`) : (`--${name}-${condition}` as `--${string}`)\n}\n\ntype Responsive<T> = T | Partial<Record<'initial' | 'sm' | 'md' | 'lg' | 'xl' | '2xl', T>>\n\ntype GridBreakpointProps = {\n  align?: GridAlign\n  alignContent?: GridAlign | 'stretch'\n  areas?: string\n  columns?: number | string\n  flow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense'\n  gap?: GridGapToken\n  justify?: GridJustify\n  justifyContent?: GridAlign | 'between' | 'around' | 'evenly'\n  justifyItems?: GridAlign\n  minItemWidth?: number | string\n  rows?: number | string\n}\n\nexport type GridProps = React.HTMLAttributes<HTMLElement> &\n  BoxStyleProps &\n  Omit<GridStyleProps, 'columns' | 'rows' | 'gap'> & {\n    as?: React.ElementType\n    asChild?: boolean\n    columns?: Responsive<number | string>\n    rows?: Responsive<number | string>\n    gap?: Responsive<GridGapToken>\n    align?: Responsive<GridAlign>\n    hide?: Responsive<boolean>\n    justify?: Responsive<GridJustify>\n    show?: Responsive<boolean>\n    minItemWidth?: Responsive<number | string>\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n    sm?: Partial<GridBreakpointProps>\n    md?: Partial<GridBreakpointProps>\n    lg?: Partial<GridBreakpointProps>\n  }\n\n/**\n * Write child-sizing custom properties to a style object so box.css\n * can consume them via var(--dsx-box-flex, initial) etc.\n */\nfunction writeBoxChildStyleVars(\n  style: React.CSSProperties | undefined,\n  props: {\n    flex?: Responsive<number | string>\n    flexGrow?: Responsive<number>\n    flexShrink?: Responsive<number>\n    flexBasis?: Responsive<number | string>\n    order?: Responsive<number>\n    gridColumn?: Responsive<string>\n    gridRow?: Responsive<string>\n    gridArea?: Responsive<string>\n  },\n): React.CSSProperties {\n  const vars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(vars, 'dsx-box-flex', props.flex, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-grow', props.flexGrow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-shrink', props.flexShrink, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-flex-basis', props.flexBasis, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-order', props.order, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-column', props.gridColumn, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-row', props.gridRow, (value) => String(value))\n  assignResponsiveVars(vars, 'dsx-box-grid-area', props.gridArea, (value) => String(value))\n  return Object.keys(vars).length > 0 ? { ...vars, ...style } : style ?? {}\n}\n\nexport const Grid = React.forwardRef<HTMLElement, GridProps>(function Grid(\n  { as, asChild = false, className, style, align, hide, justify, minItemWidth, show, sm, md, lg, ...props },\n  ref,\n) {\n  const Component = asChild ? Slot : (as ?? 'div')\n\n  // Merge breakpoint aliases into responsive props\n  const propsColumnsMap = toResponsiveMap(props.columns)\n  const propsRowsMap = toResponsiveMap(props.rows)\n  const propsGapMap = toResponsiveMap(props.gap)\n  const propsAlignMap = toResponsiveMap(align)\n  const propsJustifyMap = toResponsiveMap(justify)\n  const propsMinItemWidthMap = toResponsiveMap(minItemWidth)\n  const propsAreasMap = toResponsiveMap(props.areas)\n  const propsFlowMap = toResponsiveMap(props.flow)\n  const propsAlignContentMap = toResponsiveMap(props.alignContent)\n  const propsJustifyItemsMap = toResponsiveMap(props.justifyItems)\n  const propsJustifyContentMap = toResponsiveMap(props.justifyContent)\n\n  const hasSmOrMdOrLg = Boolean(sm || md || lg)\n\n  const responsiveColumns = hasSmOrMdOrLg\n    ? { ...propsColumnsMap, sm: sm?.columns ?? propsColumnsMap.sm, md: md?.columns ?? propsColumnsMap.md, lg: lg?.columns ?? propsColumnsMap.lg }\n    : props.columns\n  const responsiveRows = hasSmOrMdOrLg\n    ? { ...propsRowsMap, sm: sm?.rows ?? propsRowsMap.sm, md: md?.rows ?? propsRowsMap.md, lg: lg?.rows ?? propsRowsMap.lg }\n    : props.rows\n  const responsiveGap = hasSmOrMdOrLg\n    ? { ...propsGapMap, sm: sm?.gap ?? propsGapMap.sm, md: md?.gap ?? propsGapMap.md, lg: lg?.gap ?? propsGapMap.lg }\n    : props.gap\n  const responsiveAlign = hasSmOrMdOrLg\n    ? { ...propsAlignMap, sm: sm?.align ?? propsAlignMap.sm, md: md?.align ?? propsAlignMap.md, lg: lg?.align ?? propsAlignMap.lg }\n    : align\n  const responsiveJustify = hasSmOrMdOrLg\n    ? { ...propsJustifyMap, sm: sm?.justify ?? propsJustifyMap.sm, md: md?.justify ?? propsJustifyMap.md, lg: lg?.justify ?? propsJustifyMap.lg }\n    : justify\n  const responsiveMinItemWidth = hasSmOrMdOrLg\n    ? { ...propsMinItemWidthMap, sm: sm?.minItemWidth ?? propsMinItemWidthMap.sm, md: md?.minItemWidth ?? propsMinItemWidthMap.md, lg: lg?.minItemWidth ?? propsMinItemWidthMap.lg }\n    : minItemWidth\n\n  // Extract child-sizing props before passing to extractLayoutProps\n  const {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n    ...layoutProps\n  } = props\n\n  // Build grid-specific CSS vars\n  const gridVars: Record<string, string> = {}\n  const responsiveConditions = ['initial', 'sm', 'md', 'lg', 'xl', '2xl'] as const\n\n  // Keep one owner for track paint. Auto-fit minimums remain widths across\n  // breakpoints; an omitted condition inherits the most recent value.\n  const responsiveColumnsMap = toResponsiveMap(responsiveColumns)\n  const minItemWidthMap = toResponsiveMap(responsiveMinItemWidth)\n  let activeMinWidth: number | string | undefined\n  let activeColumns: number | string | undefined\n  for (const condition of responsiveConditions) {\n    activeMinWidth = minItemWidthMap[condition] ?? activeMinWidth\n    activeColumns = responsiveColumnsMap[condition] ?? activeColumns\n    const tracks = activeMinWidth !== undefined\n      ? `repeat(auto-fit, minmax(${resolveLength(activeMinWidth)}, 1fr))`\n      : activeColumns !== undefined\n        ? /^\\d+$/.test(String(activeColumns))\n          ? `repeat(${activeColumns}, minmax(0, 1fr))`\n          : String(activeColumns)\n        : undefined\n    if (tracks !== undefined) gridVars[getResponsiveVarName('dsx-grid-columns', condition)] = tracks\n  }\n\n  const responsiveRowsMap = toResponsiveMap(responsiveRows)\n  let activeRows: number | string | undefined\n  for (const condition of responsiveConditions) {\n    activeRows = responsiveRowsMap[condition] ?? activeRows\n    if (activeRows !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-rows', condition)] = /^\\d+$/.test(String(activeRows))\n        ? `repeat(${activeRows}, minmax(0, 1fr))`\n        : String(activeRows)\n    }\n  }\n\n  // Handle align (align-items)\n  const responsiveAlignMap = toResponsiveMap(responsiveAlign)\n  let lastAlign: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextAlign = responsiveAlignMap[condition]\n    if (nextAlign !== undefined) {\n      const val = nextAlign === 'start' || nextAlign === 'end' ? `flex-${nextAlign}` : String(nextAlign)\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = val\n      lastAlign = val\n    } else if (lastAlign !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-align', condition)] = lastAlign\n    }\n  }\n\n  // Handle justify (justify-content shorthand)\n  const responsiveJustifyMap = toResponsiveMap(responsiveJustify)\n  let lastJustify: string | undefined\n  for (const condition of responsiveConditions) {\n    const nextJustify = responsiveJustifyMap[condition]\n    if (nextJustify !== undefined) {\n      const val = nextJustify === 'between' ? 'space-between'\n        : nextJustify === 'around' ? 'space-around'\n        : nextJustify === 'evenly' ? 'space-evenly'\n        : nextJustify === 'start' || nextJustify === 'end' ? `flex-${nextJustify}`\n        : String(nextJustify)\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = val\n      lastJustify = val\n    } else if (lastJustify !== undefined) {\n      gridVars[getResponsiveVarName('dsx-grid-justify', condition)] = lastJustify\n    }\n  }\n\n  // Merge grid vars into style\n  const mergedStyle = Object.keys(gridVars).length > 0\n    ? { ...style, ...gridVars }\n    : style\n\n  // Pass merged responsive values to extractLayoutProps\n  const propsForExtraction = {\n    ...layoutProps,\n    columns: undefined,\n    rows: undefined,\n    gap: responsiveGap,\n    areas: hasSmOrMdOrLg\n      ? { ...propsAreasMap, sm: sm?.areas ?? propsAreasMap.sm, md: md?.areas ?? propsAreasMap.md, lg: lg?.areas ?? propsAreasMap.lg }\n      : props.areas,\n    flow: hasSmOrMdOrLg\n      ? { ...propsFlowMap, sm: sm?.flow ?? propsFlowMap.sm, md: md?.flow ?? propsFlowMap.md, lg: lg?.flow ?? propsFlowMap.lg }\n      : props.flow,\n    alignContent: hasSmOrMdOrLg\n      ? { ...propsAlignContentMap, sm: sm?.alignContent ?? propsAlignContentMap.sm, md: md?.alignContent ?? propsAlignContentMap.md, lg: lg?.alignContent ?? propsAlignContentMap.lg }\n      : props.alignContent,\n    justifyItems: hasSmOrMdOrLg\n      ? { ...propsJustifyItemsMap, sm: sm?.justifyItems ?? propsJustifyItemsMap.sm, md: md?.justifyItems ?? propsJustifyItemsMap.md, lg: lg?.justifyItems ?? propsJustifyItemsMap.lg }\n      : props.justifyItems,\n    justifyContent: hasSmOrMdOrLg\n      ? { ...propsJustifyContentMap, sm: sm?.justifyContent ?? propsJustifyContentMap.sm, md: md?.justifyContent ?? propsJustifyContentMap.md, lg: lg?.justifyContent ?? propsJustifyContentMap.lg }\n      : props.justifyContent,\n  }\n\n  const resolvedProps = extractLayoutProps(propsForExtraction, BOX_PROP_DEFS, GRID_PROP_DEFS)\n\n  const finalStyle = writeBoxChildStyleVars(mergedStyle, {\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    order,\n    gridColumn,\n    gridRow,\n    gridArea,\n  })\n\n  const displayVars: Record<`--${string}`, string | number | undefined> = {}\n  assignResponsiveVars(displayVars, 'dsx-box-display', hide, (value) => (value ? 'none' : 'grid'))\n  assignResponsiveVars(displayVars, 'dsx-box-display', show, (value) => (value ? 'grid' : 'none'))\n  const finalStyleWithDisplay = Object.keys(displayVars).length > 0\n    ? { ...displayVars, ...finalStyle }\n    : finalStyle\n\n  return (\n    <Component\n      {...resolvedProps}\n      ref={ref as never}\n      className={classNames('dsx-box', 'dsx-grid', resolvedProps.className, className)}\n      style={finalStyleWithDisplay}\n      data-gap={serializeResponsiveValue(responsiveGap)}\n      data-align={serializeResponsiveValue(responsiveAlign)}\n      data-justify={serializeResponsiveValue(responsiveJustify)}\n    />\n  )\n})\n\nGrid.displayName = 'Grid'\n"],
+  "mappings": "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",
   "names": ["Grid", "classNames"]
 }

package/dist/components/grid/Grid.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.d.cts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Grid.d.cts","sourceRoot":"","sources":["../../../src/components/grid/Grid.tsx"],"names":[],"mappings":"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"}