@bioturing/components 0.43.0 → 0.44.0

package/dist/components/popup-panel/component.js

@@ -1,300 +1,302 @@
 "use client";
-import { jsx as r, jsxs as s, Fragment as ue } from "react/jsx-runtime";
-import { Popover as d } from "@base-ui/react/popover";
-import { mergeProps as G } from "@base-ui/react";
-import { useStableCallback as se } from "@base-ui/utils/useStableCallback";
-import { X as de } from "@bioturing/assets";
-import { useState as ae, useMemo as u, useCallback as Q, useRef as me, useEffect as ge } from "react";
+import { jsx as n, jsxs as u, Fragment as de } from "react/jsx-runtime";
+import { Popover as f } from "@base-ui/react/popover";
+import { mergeProps as V } from "@base-ui/react";
+import { useStableCallback as ae } from "@base-ui/utils/useStableCallback";
+import { X as me } from "@bioturing/assets";
+import { useRef as Z, useCallback as k, useMemo as s, useEffect as ge } from "react";
 import { Stack as he } from "../stack/index.js";
 import { PopupPanelSize as Oe, DEFAULT_SIDE_OFFSET as be } from "./constants.js";
 import './style.css';/* empty css          */
 import { anchorToResizeHandles as Ee } from "./utils.js";
 import { useDraggable as Se } from "../hooks/useDraggable.js";
-import { Resizable as Pe } from "../resizable/component.js";
-import { parseAntdPlacement as Re, buildAntdPlacement as ve } from "../utils/placement.js";
+import { Resizable as Re } from "../resizable/component.js";
+import { parseAntdPlacement as Pe, buildAntdPlacement as ve } from "../utils/placement.js";
 import { useControlledState as ye } from "../hooks/useControlledState.js";
 import { useCls as Te } from "../utils/antdUtils.js";
 import { useTheme as ke } from "../theme-provider/context/themeStore.js";
-import { clsx as a } from "../utils/cn.js";
+import { clsx as d } from "../utils/cn.js";
 import { IconButton as Ce } from "../icon-button/component.js";
-const D = {};
-function V({
-  side: m,
+const H = {};
+function W({
+  side: g,
   align: P,
-  onPlacementChange: g
+  onPlacementChange: h
 }) {
-  const R = me(void 0);
+  const v = Z(void 0);
   return ge(() => {
-    const h = ve({
-      side: m,
+    const O = ve({
+      side: g,
       align: P
     });
-    h !== R.current && (R.current = h, g?.(h));
-  }, [m, P, g]), null;
+    O !== v.current && (v.current = O, h?.(O));
+  }, [g, P, h]), null;
 }
 const Ye = ({
-  children: m,
+  children: g,
   placement: P,
-  openOnHover: g = !1,
-  open: R,
-  onOpenChange: h,
-  content: w,
-  title: v,
-  trigger: H = "click",
-  className: I,
-  anchor: n,
-  beforeCloseButton: z,
-  afterCloseButton: M,
-  afterTitle: T,
-  size: O = "medium",
-  footer: b,
-  defaultOpen: W = !1,
-  resizable: k = !1,
-  draggable: Z = !1,
-  maintainAspectRatio: $ = !1,
+  openOnHover: h = !1,
+  open: v,
+  onOpenChange: O,
+  content: I,
+  title: y,
+  trigger: z = "click",
+  className: A,
+  anchor: o,
+  beforeCloseButton: M,
+  afterCloseButton: $,
+  afterTitle: C,
+  size: b = "medium",
+  footer: E,
+  defaultOpen: N = !1,
+  resizable: x = !1,
+  draggable: ee = !1,
+  maintainAspectRatio: j = !1,
   classNames: e,
-  modal: N = !1,
-  closeOnClickOutside: ee = !0,
-  onPlacementChange: C,
-  positionerProps: p = D,
-  triggerProps: te = D,
-  portalProps: re = D,
-  offsetFrom: E,
-  nativeButton: j = !0,
-  ...ne
+  modal: te = !1,
+  closeOnClickOutside: re = !0,
+  onPlacementChange: _,
+  positionerProps: i = H,
+  triggerProps: ne = H,
+  portalProps: oe = H,
+  offsetFrom: S,
+  nativeButton: K = !0,
+  ...le
 }) => {
-  const [oe, x] = ye(
-    R,
-    h,
-    W
+  const [ie, D] = ye(
+    v,
+    O,
+    N
     // Always provide a default value to prevent undefined
-  ), t = Te(), { className: A } = ke(), y = Re(P), [K, U] = ae(null), _ = u(() => {
-    if (n instanceof Element) return n;
-    if (n != null && "current" in n) return n.current;
-    if (typeof n == "function") {
-      const o = n();
-      return o instanceof Element ? o : null;
+  ), t = Te(), { className: U } = ke(), T = Pe(P), w = Z(null), B = k((r) => {
+    r === null || w.current === r || (w.current = r);
+  }, []), F = k(() => {
+    if (o instanceof Element) return o;
+    if (o != null && "current" in o) return o.current;
+    if (typeof o == "function") {
+      const r = o();
+      return r instanceof Element ? r : null;
     }
-    return K;
-  }, [n, K]), B = u(() => {
-    if (typeof p.sideOffset == "function")
-      return p.sideOffset;
-    const o = typeof p.sideOffset == "number" ? p.sideOffset : 0, l = be + o;
-    return E ? ({ side: q }) => {
-      const S = E.current;
-      if (!S || !_) return l;
-      const i = S.getBoundingClientRect(), c = _.getBoundingClientRect();
-      let f;
-      switch (q) {
+    return w.current;
+  }, [o]), J = s(() => {
+    if (typeof i.sideOffset == "function")
+      return i.sideOffset;
+    const r = typeof i.sideOffset == "number" ? i.sideOffset : 0, l = be + r;
+    return S ? ({ side: Q }) => {
+      const R = S.current, p = F();
+      if (!R || !p) return l;
+      const c = R.getBoundingClientRect(), a = p.getBoundingClientRect();
+      let m;
+      switch (Q) {
         case "bottom":
-          f = i.bottom - c.bottom;
+          m = c.bottom - a.bottom;
           break;
         case "top":
-          f = c.top - i.top;
+          m = a.top - c.top;
           break;
         case "right":
-          f = i.right - c.right;
+          m = c.right - a.right;
           break;
         case "left":
-          f = c.left - i.left;
+          m = a.left - c.left;
           break;
         default:
-          f = 0;
+          m = 0;
       }
-      return Math.max(0, f) + l;
+      return Math.max(0, m) + l;
     } : l;
-  }, [E, _, p.sideOffset]), F = u(() => /* @__PURE__ */ r(de, { size: 16 }), []), J = Q(() => /* @__PURE__ */ s("div", { className: a(t("popup-panel-header"), e?.header), children: [
-    /* @__PURE__ */ s(
+  }, [S, F, i.sideOffset]), L = s(() => /* @__PURE__ */ n(me, { size: 16 }), []), X = k(() => /* @__PURE__ */ u("div", { className: d(t("popup-panel-header"), e?.header), children: [
+    /* @__PURE__ */ u(
       he,
       {
         align: "center",
         gap: 8,
         className: t("popup-panel-title-wrapper"),
         children: [
-          /* @__PURE__ */ r(
-            d.Title,
+          /* @__PURE__ */ n(
+            f.Title,
             {
-              render: /* @__PURE__ */ r("div", { className: a(t("grow", "truncate"), e?.title), children: v })
+              render: /* @__PURE__ */ n("div", { className: d(t("grow", "truncate"), e?.title), children: y })
             }
           ),
-          /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
-            z,
-            /* @__PURE__ */ r(
-              d.Close,
+          /* @__PURE__ */ u("div", { className: "flex items-center gap-2", children: [
+            M,
+            /* @__PURE__ */ n(
+              f.Close,
               {
-                render: /* @__PURE__ */ r(Ce, { children: F })
+                render: /* @__PURE__ */ n(Ce, { children: L })
               }
             ),
-            M
+            $
           ] })
         ]
       }
     ),
-    T || null
+    C || null
   ] }), [
+    $,
+    C,
     M,
-    T,
-    z,
     t,
     e?.header,
     e?.title,
-    F,
-    v
-  ]), { ref: L } = Se(Z), le = u(
-    () => /* @__PURE__ */ s(
-      d.Popup,
+    L,
+    y
+  ]), { ref: Y } = Se(ee), ce = s(
+    () => /* @__PURE__ */ u(
+      f.Popup,
       {
-        className: a(
+        className: d(
           t("popup-panel"),
-          t(`popup-panel-size-${O}`),
-          I,
+          t(`popup-panel-size-${b}`),
+          A,
           e?.popup
         ),
-        ref: L,
+        ref: Y,
         children: [
-          v && J(),
-          /* @__PURE__ */ r("div", { className: a(t("popup-panel-content"), e?.content), children: /* @__PURE__ */ r("div", { className: t("popup-panel-content-inner"), children: w }) }),
-          b && /* @__PURE__ */ r("div", { className: a(t("popup-panel-footer"), e?.footer), children: typeof b == "function" ? b({ close: () => x(!1) }) : b })
+          y && X(),
+          /* @__PURE__ */ n("div", { className: d(t("popup-panel-content"), e?.content), children: /* @__PURE__ */ n("div", { className: t("popup-panel-content-inner"), children: I }) }),
+          E && /* @__PURE__ */ n("div", { className: d(t("popup-panel-footer"), e?.footer), children: typeof E == "function" ? E({ close: () => D(!1) }) : E })
         ]
       }
     ),
     [
-      I,
+      A,
       e?.content,
       e?.footer,
       e?.popup,
       t,
-      w,
-      L,
+      I,
+      Y,
+      E,
+      X,
+      D,
       b,
-      J,
-      x,
-      O,
-      v
+      y
     ]
-  ), X = Q(
+  ), q = k(
     ({
-      children: o,
+      children: r,
       onDragEnd: l,
-      onDragStart: q,
-      ...S
-    }, { side: i, align: c }) => {
-      const f = `${i}-${c}`;
-      return k ? /* @__PURE__ */ s(ue, { children: [
-        /* @__PURE__ */ r(
-          V,
+      onDragStart: Q,
+      ...R
+    }, { side: p, align: c }) => {
+      const a = `${p}-${c}`;
+      return x ? /* @__PURE__ */ u(de, { children: [
+        /* @__PURE__ */ n(
+          W,
           {
-            side: i,
+            side: p,
             align: c,
-            onPlacementChange: C
+            onPlacementChange: _
           }
         ),
-        /* @__PURE__ */ r(
-          Pe,
+        /* @__PURE__ */ n(
+          Re,
           {
-            resizable: k,
-            resetKey: f,
-            maintainAspectRatio: $,
+            resizable: x,
+            resetKey: a,
+            maintainAspectRatio: j,
             classNames: {
               resizeHandle: e?.resizeHandle
             },
-            handles: Ee(i),
-            ...S,
-            children: o
+            handles: Ee(p),
+            ...R,
+            children: r
           }
         )
-      ] }) : /* @__PURE__ */ s("div", { ...S, children: [
-        /* @__PURE__ */ r(
-          V,
+      ] }) : /* @__PURE__ */ u("div", { ...R, children: [
+        /* @__PURE__ */ n(
+          W,
           {
-            side: i,
+            side: p,
             align: c,
-            onPlacementChange: C
+            onPlacementChange: _
           }
         ),
-        o
+        r
       ] });
     },
     [
-      k,
-      $,
+      x,
+      j,
       e?.resizeHandle,
-      C
+      _
     ]
-  ), Y = u(
+  ), G = s(
     () => ({
-      "--size-width": O ? Oe[O] : void 0
+      "--size-width": b ? Oe[b] : void 0
     }),
-    [O]
-  ), ie = u(
+    [b]
+  ), pe = s(
     () => ({
-      className: a(
+      className: d(
         t("popup-panel-root"),
-        A,
+        U,
         e?.root
       ),
-      side: y.side,
-      align: y.align,
-      sideOffset: B,
-      anchor: n,
-      style: Y,
-      render: X
+      side: T.side,
+      align: T.align,
+      sideOffset: J,
+      anchor: o,
+      style: G,
+      render: q
     }),
     [
       t,
-      A,
+      U,
       e?.root,
-      y.side,
-      y.align,
-      B,
-      n,
-      Y,
-      X
+      T.side,
+      T.align,
+      J,
+      o,
+      G,
+      q
     ]
-  ), pe = u(
-    () => E ? (({ sideOffset: o, ...l }) => l)(p) : p,
-    [E, p]
-  ), ce = se(
-    (o, l) => {
-      (l.reason === "outside-press" || l.reason === "focus-out") && !ee || x(o, l);
+  ), ue = s(
+    () => S ? (({ sideOffset: r, ...l }) => l)(i) : i,
+    [S, i]
+  ), fe = ae(
+    (r, l) => {
+      (l.reason === "outside-press" || l.reason === "focus-out") && !re || D(r, l);
     }
-  ), fe = u(
+  ), se = s(
     () => ({
-      ref: U,
-      render: m,
-      nativeButton: j,
-      className: a(t("popup-panel-trigger"), e?.trigger),
-      openOnHover: H === "hover" ? !0 : g
+      ref: B,
+      render: g,
+      nativeButton: K,
+      className: d(t("popup-panel-trigger"), e?.trigger),
+      openOnHover: z === "hover" ? !0 : h
     }),
     [
-      U,
-      m,
-      j,
+      B,
+      g,
+      K,
       t,
       e?.trigger,
-      H,
-      g
+      z,
+      h
     ]
   );
-  return /* @__PURE__ */ s(
-    d.Root,
+  return /* @__PURE__ */ u(
+    f.Root,
     {
-      open: oe,
-      onOpenChange: ce,
-      modal: N,
-      ...ne,
+      open: ie,
+      onOpenChange: fe,
+      modal: te,
+      ...le,
       children: [
-        /* @__PURE__ */ r(
-          d.Trigger,
+        /* @__PURE__ */ n(
+          f.Trigger,
           {
-            ...G(fe, te)
+            ...V(se, ne)
           }
         ),
-        /* @__PURE__ */ r(d.Portal, { ...re, children: /* @__PURE__ */ r(
-          d.Positioner,
+        /* @__PURE__ */ n(f.Portal, { ...oe, children: /* @__PURE__ */ n(
+          f.Positioner,
           {
-            ...G(ie, pe),
-            children: le
+            ...V(pe, ue),
+            children: ce
           }
         ) })
       ]

package/dist/components/popup-panel/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/components/popup-panel/component.tsx"],"sourcesContent":["\"use client\";\nimport { Popover } from \"@base-ui/react/popover\";\nimport { buildAntdPlacement, clsx, parseAntdPlacement, useCls } from \"../utils\";\n\nimport { mergeProps } from \"@base-ui/react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { X } from \"@bioturing/assets\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { useControlledState, useDraggable } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { Resizable } from \"../resizable\";\nimport { Stack } from \"../stack\";\nimport { DEFAULT_SIDE_OFFSET, PopupPanelSize } from \"./constants\";\nimport { PopupPanelProps } from \"./types\";\n\n// Import component-specific styles\nimport { useTheme } from \"../theme-provider\";\nimport \"./style.css\";\nimport { anchorToResizeHandles } from \"./utils\";\n\n// Stable empty objects to avoid creating new references on every render\nconst EMPTY_OBJECT = {} as const;\n\ninterface PlacementStateSyncProps {\n  side: Popover.Positioner.State[\"side\"];\n  align: Popover.Positioner.State[\"align\"];\n  onPlacementChange?: (\n    placement: NonNullable<PopupPanelProps[\"placement\"]>,\n  ) => void;\n}\n\nfunction PlacementStateSync({\n  side,\n  align,\n  onPlacementChange,\n}: PlacementStateSyncProps) {\n  const lastPlacementRef = useRef<\n    NonNullable<PopupPanelProps[\"placement\"]> | undefined\n  >(undefined);\n\n  useEffect(() => {\n    const placement = buildAntdPlacement({\n      side,\n      align,\n    }) as NonNullable<PopupPanelProps[\"placement\"]>;\n    if (placement === lastPlacementRef.current) return;\n    lastPlacementRef.current = placement;\n    onPlacementChange?.(placement);\n  }, [side, align, onPlacementChange]);\n\n  return null;\n}\n\nexport const PopupPanel = ({\n  children,\n  placement,\n  openOnHover = false,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  content,\n  title,\n  trigger = \"click\",\n  className,\n  anchor,\n  beforeCloseButton,\n  afterCloseButton,\n  afterTitle,\n  size = \"medium\",\n  footer,\n  defaultOpen = false,\n  resizable = false,\n  draggable = false,\n  maintainAspectRatio = false,\n  classNames,\n  modal = false,\n  closeOnClickOutside = true,\n  onPlacementChange,\n  positionerProps = EMPTY_OBJECT,\n  triggerProps = EMPTY_OBJECT,\n  portalProps = EMPTY_OBJECT,\n  offsetFrom,\n  nativeButton = true,\n  ...rest\n}: PopupPanelProps) => {\n  // Use controlled state with proper initialization to prevent switching between controlled/uncontrolled\n  const [open, setOpen] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen, // Always provide a default value to prevent undefined\n  );\n\n  const cls = useCls();\n  const { className: themeClassName } = useTheme();\n  const baseUIPlacement = parseAntdPlacement(placement);\n\n  const [triggerEl, setTriggerEl] = useState<HTMLElement | null>(null);\n\n  // Resolve the anchor element from the various anchor prop types\n  const anchorEl = useMemo(() => {\n    if (anchor instanceof Element) return anchor;\n    if (anchor != null && \"current\" in anchor) return anchor.current;\n    if (typeof anchor === \"function\") {\n      const result = anchor();\n      return result instanceof Element ? result : null;\n    }\n    return triggerEl;\n  }, [anchor, triggerEl]);\n\n  // Compute sideOffset: incorporate user sideOffset, and when offsetFrom is\n  // provided, add the distance from the anchor to the offsetFrom element\n  const resolvedSideOffset = useMemo(() => {\n    // If user provides a function, let them fully control the offset\n    if (typeof positionerProps.sideOffset === \"function\")\n      return positionerProps.sideOffset;\n\n    const userSideOffset =\n      typeof positionerProps.sideOffset === \"number\"\n        ? positionerProps.sideOffset\n        : 0;\n    const baseOffset = DEFAULT_SIDE_OFFSET + userSideOffset;\n\n    if (!offsetFrom) return baseOffset;\n\n    return ({ side }: { side: string }) => {\n      const offsetFromEl = offsetFrom.current;\n      if (!offsetFromEl || !anchorEl) return baseOffset;\n\n      const offsetRect = offsetFromEl.getBoundingClientRect();\n      const anchorRect = anchorEl.getBoundingClientRect();\n\n      let distance: number;\n      switch (side) {\n        case \"bottom\":\n          distance = offsetRect.bottom - anchorRect.bottom;\n          break;\n        case \"top\":\n          distance = anchorRect.top - offsetRect.top;\n          break;\n        case \"right\":\n          distance = offsetRect.right - anchorRect.right;\n          break;\n        case \"left\":\n          distance = anchorRect.left - offsetRect.left;\n          break;\n        default:\n          distance = 0;\n      }\n\n      return Math.max(0, distance) + baseOffset;\n    };\n  }, [offsetFrom, anchorEl, positionerProps.sideOffset]);\n\n  const defaultCloseIcon = useMemo(() => <X size={16} />, []);\n\n  const renderTitle = useCallback(() => {\n    return (\n      <div className={clsx(cls(\"popup-panel-header\"), classNames?.header)}>\n        <Stack\n          align=\"center\"\n          gap={8}\n          className={cls(\"popup-panel-title-wrapper\")}\n        >\n          <Popover.Title\n            render={\n              <div className={clsx(cls(\"grow\", \"truncate\"), classNames?.title)}>\n                {title}\n              </div>\n            }\n          ></Popover.Title>\n          <div className=\"flex items-center gap-2\">\n            {beforeCloseButton}\n            <Popover.Close\n              render={<IconButton>{defaultCloseIcon}</IconButton>}\n            />\n            {afterCloseButton}\n          </div>\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </div>\n    );\n  }, [\n    afterCloseButton,\n    afterTitle,\n    beforeCloseButton,\n    cls,\n    classNames?.header,\n    classNames?.title,\n    defaultCloseIcon,\n    title,\n  ]);\n\n  const { ref: draggableRef } = useDraggable(draggable);\n\n  const popup = useMemo(\n    () => (\n      <Popover.Popup\n        className={clsx(\n          cls(\"popup-panel\"),\n          cls(`popup-panel-size-${size}`),\n          className,\n          classNames?.popup,\n        )}\n        ref={draggableRef}\n      >\n        {title && renderTitle()}\n        <div className={clsx(cls(\"popup-panel-content\"), classNames?.content)}>\n          <div className={cls(\"popup-panel-content-inner\")}>{content}</div>\n        </div>\n        {footer && (\n          <div className={clsx(cls(\"popup-panel-footer\"), classNames?.footer)}>\n            {typeof footer === \"function\"\n              ? footer({ close: () => setOpen(false) })\n              : footer}\n          </div>\n        )}\n      </Popover.Popup>\n    ),\n    [\n      className,\n      classNames?.content,\n      classNames?.footer,\n      classNames?.popup,\n      cls,\n      content,\n      draggableRef,\n      footer,\n      renderTitle,\n      setOpen,\n      size,\n      title,\n    ],\n  );\n\n  // Positioner render function — useCallback keeps the reference stable when deps\n  // don't change. Cannot use useStableCallback here because render props are\n  // called during React's render phase, not in effects/event handlers.\n  const positionerRender = useCallback(\n    (\n      {\n        children,\n        onDragEnd: _onDragEnd,\n        onDragStart: _onDragStart,\n        ...props\n      }: React.ComponentProps<\"div\">,\n      { side, align }: Popover.Positioner.State,\n    ) => {\n      const placementKey = `${side}-${align}`;\n      return resizable ? (\n        <>\n          <PlacementStateSync\n            side={side}\n            align={align}\n            onPlacementChange={onPlacementChange}\n          />\n          <Resizable\n            resizable={resizable}\n            resetKey={placementKey}\n            maintainAspectRatio={maintainAspectRatio}\n            classNames={{\n              resizeHandle: classNames?.resizeHandle,\n            }}\n            handles={anchorToResizeHandles(side, align)}\n            {...props}\n          >\n            {children}\n          </Resizable>\n        </>\n      ) : (\n        <div {...props}>\n          <PlacementStateSync\n            side={side}\n            align={align}\n            onPlacementChange={onPlacementChange}\n          />\n          {children}\n        </div>\n      );\n    },\n    [\n      resizable,\n      maintainAspectRatio,\n      classNames?.resizeHandle,\n      onPlacementChange,\n    ],\n  );\n\n  const positionerStyle = useMemo(\n    () =>\n      ({\n        \"--size-width\": size ? PopupPanelSize[size] : undefined,\n      }) as React.CSSProperties,\n    [size],\n  );\n\n  const defaultPositionerProps = useMemo(\n    () => ({\n      className: clsx(\n        cls(\"popup-panel-root\"),\n        themeClassName,\n        classNames?.root,\n      ),\n      side: baseUIPlacement.side,\n      align: baseUIPlacement.align,\n      sideOffset: resolvedSideOffset,\n      anchor,\n      style: positionerStyle,\n      render: positionerRender,\n    }),\n    [\n      cls,\n      themeClassName,\n      classNames?.root,\n      baseUIPlacement.side,\n      baseUIPlacement.align,\n      resolvedSideOffset,\n      anchor,\n      positionerStyle,\n      positionerRender,\n    ],\n  );\n\n  // Strip sideOffset from positionerProps when offsetFrom is active,\n  // since we've already incorporated it into resolvedSideOffset\n  const finalPositionerProps = useMemo(\n    () =>\n      offsetFrom\n        ? (({ sideOffset: _, ...rest }) => rest)(positionerProps)\n        : positionerProps,\n    [offsetFrom, positionerProps],\n  );\n\n  // Stable onOpenChange handler to avoid recreating on every render\n  const handleOpenChange = useStableCallback(\n    (nextOpen: boolean, eventDetails: Popover.Root.ChangeEventDetails) => {\n      if (\n        (eventDetails.reason === \"outside-press\" ||\n          eventDetails.reason === \"focus-out\") &&\n        !closeOnClickOutside\n      )\n        return;\n      setOpen(nextOpen, eventDetails);\n    },\n  );\n\n  const defaultTriggerProps = useMemo(\n    () => ({\n      ref: setTriggerEl,\n      render: children,\n      nativeButton,\n      className: clsx(cls(\"popup-panel-trigger\"), classNames?.trigger),\n      openOnHover: trigger === \"hover\" ? true : openOnHover,\n    }),\n    [\n      setTriggerEl,\n      children,\n      nativeButton,\n      cls,\n      classNames?.trigger,\n      trigger,\n      openOnHover,\n    ],\n  );\n\n  return (\n    <Popover.Root\n      open={open}\n      onOpenChange={handleOpenChange}\n      modal={modal}\n      {...rest}\n    >\n      <Popover.Trigger\n        {...mergeProps(defaultTriggerProps, triggerProps)}\n      ></Popover.Trigger>\n      <Popover.Portal {...portalProps}>\n        <Popover.Positioner\n          {...mergeProps(defaultPositionerProps, finalPositionerProps)}\n        >\n          {popup}\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n"],"names":["EMPTY_OBJECT","PlacementStateSync","side","align","onPlacementChange","lastPlacementRef","useRef","useEffect","placement","buildAntdPlacement","PopupPanel","children","openOnHover","outsideOpen","outsideOnOpenChange","content","title","trigger","className","anchor","beforeCloseButton","afterCloseButton","afterTitle","size","footer","defaultOpen","resizable","draggable","maintainAspectRatio","classNames","modal","closeOnClickOutside","positionerProps","triggerProps","portalProps","offsetFrom","nativeButton","rest","open","setOpen","useControlledState","cls","useCls","themeClassName","useTheme","baseUIPlacement","parseAntdPlacement","triggerEl","setTriggerEl","useState","anchorEl","useMemo","result","resolvedSideOffset","userSideOffset","baseOffset","DEFAULT_SIDE_OFFSET","offsetFromEl","offsetRect","anchorRect","distance","defaultCloseIcon","jsx","X","renderTitle","useCallback","jsxs","clsx","Stack","Popover","IconButton","draggableRef","useDraggable","popup","positionerRender","_onDragEnd","_onDragStart","props","placementKey","Fragment","Resizable","anchorToResizeHandles","positionerStyle","PopupPanelSize","defaultPositionerProps","finalPositionerProps","_","handleOpenChange","useStableCallback","nextOpen","eventDetails","defaultTriggerProps","mergeProps"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../../src/components/popup-panel/component.tsx"],"sourcesContent":["\"use client\";\nimport { Popover } from \"@base-ui/react/popover\";\nimport { buildAntdPlacement, clsx, parseAntdPlacement, useCls } from \"../utils\";\n\nimport { mergeProps } from \"@base-ui/react\";\nimport { useStableCallback } from \"@base-ui/utils/useStableCallback\";\nimport { X } from \"@bioturing/assets\";\nimport { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { useControlledState, useDraggable } from \"../hooks\";\nimport { IconButton } from \"../icon-button\";\nimport { Resizable } from \"../resizable\";\nimport { Stack } from \"../stack\";\nimport { DEFAULT_SIDE_OFFSET, PopupPanelSize } from \"./constants\";\nimport { PopupPanelProps } from \"./types\";\n\n// Import component-specific styles\nimport { useTheme } from \"../theme-provider\";\nimport \"./style.css\";\nimport { anchorToResizeHandles } from \"./utils\";\n\n// Stable empty objects to avoid creating new references on every render\nconst EMPTY_OBJECT = {} as const;\n\ninterface PlacementStateSyncProps {\n  side: Popover.Positioner.State[\"side\"];\n  align: Popover.Positioner.State[\"align\"];\n  onPlacementChange?: (\n    placement: NonNullable<PopupPanelProps[\"placement\"]>,\n  ) => void;\n}\n\nfunction PlacementStateSync({\n  side,\n  align,\n  onPlacementChange,\n}: PlacementStateSyncProps) {\n  const lastPlacementRef = useRef<\n    NonNullable<PopupPanelProps[\"placement\"]> | undefined\n  >(undefined);\n\n  useEffect(() => {\n    const placement = buildAntdPlacement({\n      side,\n      align,\n    }) as NonNullable<PopupPanelProps[\"placement\"]>;\n    if (placement === lastPlacementRef.current) return;\n    lastPlacementRef.current = placement;\n    onPlacementChange?.(placement);\n  }, [side, align, onPlacementChange]);\n\n  return null;\n}\n\nexport const PopupPanel = ({\n  children,\n  placement,\n  openOnHover = false,\n  open: outsideOpen,\n  onOpenChange: outsideOnOpenChange,\n  content,\n  title,\n  trigger = \"click\",\n  className,\n  anchor,\n  beforeCloseButton,\n  afterCloseButton,\n  afterTitle,\n  size = \"medium\",\n  footer,\n  defaultOpen = false,\n  resizable = false,\n  draggable = false,\n  maintainAspectRatio = false,\n  classNames,\n  modal = false,\n  closeOnClickOutside = true,\n  onPlacementChange,\n  positionerProps = EMPTY_OBJECT,\n  triggerProps = EMPTY_OBJECT,\n  portalProps = EMPTY_OBJECT,\n  offsetFrom,\n  nativeButton = true,\n  ...rest\n}: PopupPanelProps) => {\n  // Use controlled state with proper initialization to prevent switching between controlled/uncontrolled\n  const [open, setOpen] = useControlledState(\n    outsideOpen,\n    outsideOnOpenChange,\n    defaultOpen, // Always provide a default value to prevent undefined\n  );\n\n  const cls = useCls();\n  const { className: themeClassName } = useTheme();\n  const baseUIPlacement = parseAntdPlacement(placement);\n\n  const triggerElRef = useRef<HTMLElement | null>(null);\n  const handleTriggerRef = useCallback((node: HTMLElement | null) => {\n    if (node === null || triggerElRef.current === node) return;\n    triggerElRef.current = node;\n  }, []);\n\n  const getAnchorEl = useCallback(() => {\n    if (anchor instanceof Element) return anchor;\n    if (anchor != null && \"current\" in anchor) return anchor.current;\n    if (typeof anchor === \"function\") {\n      const result = anchor();\n      return result instanceof Element ? result : null;\n    }\n    return triggerElRef.current;\n  }, [anchor]);\n\n  // Compute sideOffset: incorporate user sideOffset, and when offsetFrom is\n  // provided, add the distance from the anchor to the offsetFrom element\n  const resolvedSideOffset = useMemo(() => {\n    // If user provides a function, let them fully control the offset\n    if (typeof positionerProps.sideOffset === \"function\")\n      return positionerProps.sideOffset;\n\n    const userSideOffset =\n      typeof positionerProps.sideOffset === \"number\"\n        ? positionerProps.sideOffset\n        : 0;\n    const baseOffset = DEFAULT_SIDE_OFFSET + userSideOffset;\n\n    if (!offsetFrom) return baseOffset;\n\n    return ({ side }: { side: string }) => {\n      const offsetFromEl = offsetFrom.current;\n      const anchorEl = getAnchorEl();\n      if (!offsetFromEl || !anchorEl) return baseOffset;\n\n      const offsetRect = offsetFromEl.getBoundingClientRect();\n      const anchorRect = anchorEl.getBoundingClientRect();\n\n      let distance: number;\n      switch (side) {\n        case \"bottom\":\n          distance = offsetRect.bottom - anchorRect.bottom;\n          break;\n        case \"top\":\n          distance = anchorRect.top - offsetRect.top;\n          break;\n        case \"right\":\n          distance = offsetRect.right - anchorRect.right;\n          break;\n        case \"left\":\n          distance = anchorRect.left - offsetRect.left;\n          break;\n        default:\n          distance = 0;\n      }\n\n      return Math.max(0, distance) + baseOffset;\n    };\n  }, [offsetFrom, getAnchorEl, positionerProps.sideOffset]);\n\n  const defaultCloseIcon = useMemo(() => <X size={16} />, []);\n\n  const renderTitle = useCallback(() => {\n    return (\n      <div className={clsx(cls(\"popup-panel-header\"), classNames?.header)}>\n        <Stack\n          align=\"center\"\n          gap={8}\n          className={cls(\"popup-panel-title-wrapper\")}\n        >\n          <Popover.Title\n            render={\n              <div className={clsx(cls(\"grow\", \"truncate\"), classNames?.title)}>\n                {title}\n              </div>\n            }\n          ></Popover.Title>\n          <div className=\"flex items-center gap-2\">\n            {beforeCloseButton}\n            <Popover.Close\n              render={<IconButton>{defaultCloseIcon}</IconButton>}\n            />\n            {afterCloseButton}\n          </div>\n        </Stack>\n        {afterTitle ? afterTitle : null}\n      </div>\n    );\n  }, [\n    afterCloseButton,\n    afterTitle,\n    beforeCloseButton,\n    cls,\n    classNames?.header,\n    classNames?.title,\n    defaultCloseIcon,\n    title,\n  ]);\n\n  const { ref: draggableRef } = useDraggable(draggable);\n\n  const popup = useMemo(\n    () => (\n      <Popover.Popup\n        className={clsx(\n          cls(\"popup-panel\"),\n          cls(`popup-panel-size-${size}`),\n          className,\n          classNames?.popup,\n        )}\n        ref={draggableRef}\n      >\n        {title && renderTitle()}\n        <div className={clsx(cls(\"popup-panel-content\"), classNames?.content)}>\n          <div className={cls(\"popup-panel-content-inner\")}>{content}</div>\n        </div>\n        {footer && (\n          <div className={clsx(cls(\"popup-panel-footer\"), classNames?.footer)}>\n            {typeof footer === \"function\"\n              ? footer({ close: () => setOpen(false) })\n              : footer}\n          </div>\n        )}\n      </Popover.Popup>\n    ),\n    [\n      className,\n      classNames?.content,\n      classNames?.footer,\n      classNames?.popup,\n      cls,\n      content,\n      draggableRef,\n      footer,\n      renderTitle,\n      setOpen,\n      size,\n      title,\n    ],\n  );\n\n  // Positioner render function — useCallback keeps the reference stable when deps\n  // don't change. Cannot use useStableCallback here because render props are\n  // called during React's render phase, not in effects/event handlers.\n  const positionerRender = useCallback(\n    (\n      {\n        children,\n        onDragEnd: _onDragEnd,\n        onDragStart: _onDragStart,\n        ...props\n      }: React.ComponentProps<\"div\">,\n      { side, align }: Popover.Positioner.State,\n    ) => {\n      const placementKey = `${side}-${align}`;\n      return resizable ? (\n        <>\n          <PlacementStateSync\n            side={side}\n            align={align}\n            onPlacementChange={onPlacementChange}\n          />\n          <Resizable\n            resizable={resizable}\n            resetKey={placementKey}\n            maintainAspectRatio={maintainAspectRatio}\n            classNames={{\n              resizeHandle: classNames?.resizeHandle,\n            }}\n            handles={anchorToResizeHandles(side, align)}\n            {...props}\n          >\n            {children}\n          </Resizable>\n        </>\n      ) : (\n        <div {...props}>\n          <PlacementStateSync\n            side={side}\n            align={align}\n            onPlacementChange={onPlacementChange}\n          />\n          {children}\n        </div>\n      );\n    },\n    [\n      resizable,\n      maintainAspectRatio,\n      classNames?.resizeHandle,\n      onPlacementChange,\n    ],\n  );\n\n  const positionerStyle = useMemo(\n    () =>\n      ({\n        \"--size-width\": size ? PopupPanelSize[size] : undefined,\n      }) as React.CSSProperties,\n    [size],\n  );\n\n  const defaultPositionerProps = useMemo(\n    () => ({\n      className: clsx(\n        cls(\"popup-panel-root\"),\n        themeClassName,\n        classNames?.root,\n      ),\n      side: baseUIPlacement.side,\n      align: baseUIPlacement.align,\n      sideOffset: resolvedSideOffset,\n      anchor,\n      style: positionerStyle,\n      render: positionerRender,\n    }),\n    [\n      cls,\n      themeClassName,\n      classNames?.root,\n      baseUIPlacement.side,\n      baseUIPlacement.align,\n      resolvedSideOffset,\n      anchor,\n      positionerStyle,\n      positionerRender,\n    ],\n  );\n\n  // Strip sideOffset from positionerProps when offsetFrom is active,\n  // since we've already incorporated it into resolvedSideOffset\n  const finalPositionerProps = useMemo(\n    () =>\n      offsetFrom\n        ? (({ sideOffset: _, ...rest }) => rest)(positionerProps)\n        : positionerProps,\n    [offsetFrom, positionerProps],\n  );\n\n  // Stable onOpenChange handler to avoid recreating on every render\n  const handleOpenChange = useStableCallback(\n    (nextOpen: boolean, eventDetails: Popover.Root.ChangeEventDetails) => {\n      if (\n        (eventDetails.reason === \"outside-press\" ||\n          eventDetails.reason === \"focus-out\") &&\n        !closeOnClickOutside\n      )\n        return;\n      setOpen(nextOpen, eventDetails);\n    },\n  );\n\n  const defaultTriggerProps = useMemo(\n    () => ({\n      ref: handleTriggerRef,\n      render: children,\n      nativeButton,\n      className: clsx(cls(\"popup-panel-trigger\"), classNames?.trigger),\n      openOnHover: trigger === \"hover\" ? true : openOnHover,\n    }),\n    [\n      handleTriggerRef,\n      children,\n      nativeButton,\n      cls,\n      classNames?.trigger,\n      trigger,\n      openOnHover,\n    ],\n  );\n\n  return (\n    <Popover.Root\n      open={open}\n      onOpenChange={handleOpenChange}\n      modal={modal}\n      {...rest}\n    >\n      <Popover.Trigger\n        {...mergeProps(defaultTriggerProps, triggerProps)}\n      ></Popover.Trigger>\n      <Popover.Portal {...portalProps}>\n        <Popover.Positioner\n          {...mergeProps(defaultPositionerProps, finalPositionerProps)}\n        >\n          {popup}\n        </Popover.Positioner>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n"],"names":["EMPTY_OBJECT","PlacementStateSync","side","align","onPlacementChange","lastPlacementRef","useRef","useEffect","placement","buildAntdPlacement","PopupPanel","children","openOnHover","outsideOpen","outsideOnOpenChange","content","title","trigger","className","anchor","beforeCloseButton","afterCloseButton","afterTitle","size","footer","defaultOpen","resizable","draggable","maintainAspectRatio","classNames","modal","closeOnClickOutside","positionerProps","triggerProps","portalProps","offsetFrom","nativeButton","rest","open","setOpen","useControlledState","cls","useCls","themeClassName","useTheme","baseUIPlacement","parseAntdPlacement","triggerElRef","handleTriggerRef","useCallback","node","getAnchorEl","result","resolvedSideOffset","useMemo","userSideOffset","baseOffset","DEFAULT_SIDE_OFFSET","offsetFromEl","anchorEl","offsetRect","anchorRect","distance","defaultCloseIcon","jsx","X","renderTitle","jsxs","clsx","Stack","Popover","IconButton","draggableRef","useDraggable","popup","positionerRender","_onDragEnd","_onDragStart","props","placementKey","Fragment","Resizable","anchorToResizeHandles","positionerStyle","PopupPanelSize","defaultPositionerProps","finalPositionerProps","_","handleOpenChange","useStableCallback","nextOpen","eventDetails","defaultTriggerProps","mergeProps"],"mappings":"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"}

package/dist/components/select-trigger/style.css

@@ -1 +1 @@
-@layer components{.ds-select-trigger{position:relative;display:inline-flex;align-items:center;cursor:pointer;width:100%;background-color:var(--ds-control-color-bg);border:1px solid var(--ds-control-color-border);border-radius:var(--ds-control-border-radius);transition:var(--ds-control-transition);text-align:left}.ds-select-trigger:focus,.ds-select-trigger:focus-visible{outline:none}.ds-select-trigger:hover:not(.ds-select-trigger-disabled){border-color:var(--ds-control-color-border-hover)}.ds-select-trigger:focus,.ds-select-trigger:focus-visible,.ds-select-trigger-focused{border:var(--ds-control-border-active);box-shadow:var(--ds-control-shadow-active)}.ds-select-trigger-open{border:var(--ds-control-border-active)}.ds-select-trigger-disabled{background-color:var(--ds-control-color-bg-disabled);border:var(--ds-control-color-border);cursor:not-allowed;color:var(--ds-control-color-text-disabled)}.ds-select-trigger-error{border:var(--ds-control-border-error-active)}.ds-select-trigger-error:focus,.ds-select-trigger-error:focus-visible,.ds-select-trigger-error.ds-select-trigger-focused{border:var(--ds-control-border-error-active);box-shadow:var(--ds-control-shadow-error-active)}.ds-select-trigger-warning{border:var(--ds-control-border-warning-active)}.ds-select-trigger-warning:focus,.ds-select-trigger-warning:focus-visible,.ds-select-trigger-warning.ds-select-trigger-focused{border:var(--ds-control-border-warning-active);box-shadow:var(--ds-control-shadow-warning-active)}.ds-select-trigger-value{flex:1;color:var(--ds-control-color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-value-with-prefix{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ds-select-trigger-placeholder{flex:1;color:var(--ds-control-color-text-placeholder);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-suffix{display:flex;align-items:center;justify-content:center;width:var(--ds-control-icon-size);height:var(--ds-control-icon-size);position:relative;font-size:var(--ds-control-icon-size);flex-shrink:0}.ds-select-trigger-arrow,.ds-select-trigger-clear{position:absolute;top:50%;right:var(--ds-trigger-padding-inline);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--ds-control-color-icon);width:var(--ds-control-icon-size);height:var(--ds-control-icon-size)}.ds-select-trigger-arrow-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.ds-select-trigger-open .ds-select-trigger-arrow-icon{transform:rotate(180deg)}.ds-select-trigger-clear{pointer-events:none;opacity:0;transition:opacity .2s ease}.ds-select-trigger-clear:hover{color:var(--ds-control-color-icon-hover)}.ds-select-trigger-clear-icon{display:flex;align-items:center;justify-content:center}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-arrow{opacity:0;pointer-events:none}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-clear{pointer-events:auto;opacity:1}.ds-select-trigger-small{--ds-trigger-padding: var(--ds-control-padding-small);--ds-trigger-padding-inline: var(--ds-control-padding-inline-small);--ds-trigger-padding-block: var(--ds-control-padding-block-small);min-height:var(--ds-control-min-height-small);line-height:var(--ds-control-line-height)}.ds-select-trigger-middle{--ds-trigger-padding: var(--ds-control-padding-middle);--ds-trigger-padding-inline: var(--ds-control-padding-inline-middle);--ds-trigger-padding-block: var(--ds-control-padding-block-middle);min-height:var(--ds-control-min-height-middle);line-height:var(--ds-control-line-height)}.ds-select-trigger-large{--ds-trigger-padding: var(--ds-control-padding-large);--ds-trigger-padding-inline: var(--ds-control-padding-inline-large);--ds-trigger-padding-block: var(--ds-control-padding-block-large);min-height:var(--ds-control-min-height-large);line-height:var(--ds-control-line-height)}.ds-select-trigger-content{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;padding:var(--ds-trigger-padding-block) calc(var(--ds-trigger-padding-inline) + 1rem) var(--ds-trigger-padding-block) var(--ds-trigger-padding-inline)}}
+@layer components{.ds-select-trigger{position:relative;display:inline-flex;align-items:center;cursor:pointer;width:100%;background-color:var(--ds-control-color-bg);border:1px solid var(--ds-control-color-border);border-radius:var(--ds-control-border-radius);transition:var(--ds-control-transition);text-align:left}.ds-select-trigger:focus,.ds-select-trigger:focus-visible{outline:none}.ds-select-trigger:hover:not(.ds-select-trigger-disabled){border-color:var(--ds-control-color-border-hover)}.ds-select-trigger:focus,.ds-select-trigger:focus-visible,.ds-select-trigger-focused{border:var(--ds-control-border-active);box-shadow:var(--ds-control-shadow-active)}.ds-select-trigger-open{border:var(--ds-control-border-active)}.ds-select-trigger-disabled{background-color:var(--ds-control-color-bg-disabled);cursor:not-allowed;color:var(--ds-control-color-text-disabled)}.ds-select-trigger-disabled .ds-select-trigger-text{cursor:not-allowed}.ds-select-trigger-error{border:var(--ds-control-border-error-active)}.ds-select-trigger-error:focus,.ds-select-trigger-error:focus-visible,.ds-select-trigger-error.ds-select-trigger-focused{border:var(--ds-control-border-error-active);box-shadow:var(--ds-control-shadow-error-active)}.ds-select-trigger-warning{border:var(--ds-control-border-warning-active)}.ds-select-trigger-warning:focus,.ds-select-trigger-warning:focus-visible,.ds-select-trigger-warning.ds-select-trigger-focused{border:var(--ds-control-border-warning-active);box-shadow:var(--ds-control-shadow-warning-active)}.ds-select-trigger-value{flex:1;color:var(--ds-control-color-text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-value-with-prefix{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ds-select-trigger-placeholder{flex:1;color:var(--ds-control-color-text-placeholder);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.ds-select-trigger-suffix{display:flex;align-items:center;justify-content:center;width:var(--ds-control-icon-size);height:var(--ds-control-icon-size);position:relative;font-size:var(--ds-control-icon-size);flex-shrink:0}.ds-select-trigger-arrow,.ds-select-trigger-clear{position:absolute;top:50%;right:var(--ds-trigger-padding-inline);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--ds-control-color-icon);width:var(--ds-control-icon-size);height:var(--ds-control-icon-size)}.ds-select-trigger-arrow-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.ds-select-trigger-open .ds-select-trigger-arrow-icon{transform:rotate(180deg)}.ds-select-trigger-clear{pointer-events:none;opacity:0;transition:opacity .2s ease}.ds-select-trigger-clear:hover{color:var(--ds-control-color-icon-hover)}.ds-select-trigger-clear-icon{display:flex;align-items:center;justify-content:center}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-arrow{opacity:0;pointer-events:none}.ds-select-trigger-allow-clear.ds-select-trigger-has-value:hover .ds-select-trigger-clear{pointer-events:auto;opacity:1}.ds-select-trigger-small{--ds-trigger-padding: var(--ds-control-padding-small);--ds-trigger-padding-inline: var(--ds-control-padding-inline-small);--ds-trigger-padding-block: var(--ds-control-padding-block-small);min-height:var(--ds-control-min-height-small);line-height:var(--ds-control-line-height)}.ds-select-trigger-middle{--ds-trigger-padding: var(--ds-control-padding-middle);--ds-trigger-padding-inline: var(--ds-control-padding-inline-middle);--ds-trigger-padding-block: var(--ds-control-padding-block-middle);min-height:var(--ds-control-min-height-middle);line-height:var(--ds-control-line-height)}.ds-select-trigger-large{--ds-trigger-padding: var(--ds-control-padding-large);--ds-trigger-padding-inline: var(--ds-control-padding-inline-large);--ds-trigger-padding-block: var(--ds-control-padding-block-large);min-height:var(--ds-control-min-height-large);line-height:var(--ds-control-line-height)}.ds-select-trigger-content{display:flex;align-items:center;flex:1;min-width:0;overflow:hidden;padding:var(--ds-trigger-padding-block) calc(var(--ds-trigger-padding-inline) + 1rem) var(--ds-trigger-padding-block) var(--ds-trigger-padding-inline)}}

package/dist/components/spin/Indicator/Looper.d.ts

@@ -0,0 +1,6 @@
+export interface LooperProps {
+    prefixCls: string;
+    percent?: number;
+}
+export default function Looper({ prefixCls, percent }: LooperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Looper.d.ts.map

package/dist/components/spin/Indicator/Looper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Looper.d.ts","sourceRoot":"","sources":["../../../../src/components/spin/Indicator/Looper.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,WAAW;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,SAAS,EAAE,OAAW,EAAE,EAAE,WAAW,2CAiBrE"}

package/dist/components/spin/Indicator/Looper.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsxs as d, Fragment as c, jsx as o } from "react/jsx-runtime";
+import l from "./Progress.js";
+import { clsx as m } from "../../utils/cn.js";
+function p({ prefixCls: s, percent: a = 0 }) {
+  const e = `${s}-dot`, t = `${e}-holder`, n = `${t}-hidden`;
+  return /* @__PURE__ */ d(c, { children: [
+    /* @__PURE__ */ o("span", { className: m(t, a > 0 && n), children: /* @__PURE__ */ o("span", { className: m(e, `${s}-dot-spin`), children: [1, 2, 3, 4].map((r) => /* @__PURE__ */ o("i", { className: `${s}-dot-item` }, r)) }) }),
+    /* @__PURE__ */ o(l, { prefixCls: s, percent: a })
+  ] });
+}
+export {
+  p as default
+};
+//# sourceMappingURL=Looper.js.map

package/dist/components/spin/Indicator/Looper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Looper.js","sources":["../../../../src/components/spin/Indicator/Looper.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { clsx } from \"../../utils\";\nimport Progress from \"./Progress\";\n\nexport interface LooperProps {\n  prefixCls: string;\n  percent?: number;\n}\n\nexport default function Looper({ prefixCls, percent = 0 }: LooperProps) {\n  const dotClassName = `${prefixCls}-dot`;\n  const holderClassName = `${dotClassName}-holder`;\n  const hideClassName = `${holderClassName}-hidden`;\n\n  return (\n    <>\n      <span className={clsx(holderClassName, percent > 0 && hideClassName)}>\n        <span className={clsx(dotClassName, `${prefixCls}-dot-spin`)}>\n          {[1, 2, 3, 4].map((item) => (\n            <i className={`${prefixCls}-dot-item`} key={item} />\n          ))}\n        </span>\n      </span>\n      <Progress prefixCls={prefixCls} percent={percent} />\n    </>\n  );\n}\n"],"names":["Looper","prefixCls","percent","dotClassName","holderClassName","hideClassName","jsxs","Fragment","jsx","clsx","item","Progress"],"mappings":";;;;AAWA,SAAwBA,EAAO,EAAE,WAAAC,GAAW,SAAAC,IAAU,KAAkB;AACtE,QAAMC,IAAe,GAAGF,CAAS,QAC3BG,IAAkB,GAAGD,CAAY,WACjCE,IAAgB,GAAGD,CAAe;AAExC,SACE,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAKL,GAAiBF,IAAU,KAAKG,CAAa,GACjE,UAAA,gBAAAG,EAAC,UAAK,WAAWC,EAAKN,GAAc,GAAGF,CAAS,WAAW,GACxD,UAAA,CAAC,GAAG,GAAG,GAAG,CAAC,EAAE,IAAI,CAACS,MACjB,gBAAAF,EAAC,KAAA,EAAE,WAAW,GAAGP,CAAS,YAAA,GAAkBS,CAAM,CACnD,GACH,GACF;AAAA,IACA,gBAAAF,EAACG,GAAA,EAAS,WAAAV,GAAsB,SAAAC,EAAA,CAAkB;AAAA,EAAA,GACpD;AAEJ;"}

package/dist/components/spin/Indicator/Progress.d.ts

@@ -0,0 +1,6 @@
+export interface ProgressProps {
+    prefixCls: string;
+    percent: number;
+}
+export default function Progress({ percent, prefixCls }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Progress.d.ts.map