sellmate-design-system-react 8.1.0 → 9.0.0-beta.2

package/dist/lib/floating-width.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Radix Floating Content 를 창 폭 안에 가두기 위한 헬퍼.
+ *
+ * Radix 는 충돌이 나면 위치만 밀 뿐(shift) 폭은 줄이지 않는다 — 콘텐츠가 창보다 넓으면
+ * 밀려난 자리에서 그대로 화면 밖으로 삐져나간다. 실제로 줄이려면 size 미들웨어가 계산해
+ * 두는 available-width 를 상한으로 직접 걸어야 한다.
+ *
+ * available-width 는 shift 가 켜진 축에서 `창 폭 - collisionPadding*2` 로 잡히므로,
+ * 팝업이 어디로 밀렸든 값이 흔들리지 않는다(= sd-portal 이 `innerWidth - viewportPadding*2`
+ * 로 계산하던 것과 같은 값).
+ */
+/** Radix Popover 계열(SPortal·SSelect·SChipInput·SPopover·STooltip 등)이 노출하는 가용 폭. */
+export declare const POPOVER_AVAILABLE_WIDTH = "var(--radix-popover-content-available-width)";
+/** Radix DropdownMenu 계열(SDropdownButton)이 노출하는 가용 폭. */
+export declare const DROPDOWN_AVAILABLE_WIDTH = "var(--radix-dropdown-menu-content-available-width)";
+/**
+ * 폭 제약을 가용 폭 안으로 가둔다. 값이 없으면 가용 폭 자체가 상한이 된다.
+ *
+ * **하한(min-width)에도 반드시 씌운다.** CSS 에서 min-width 는 max-width 를 이기므로,
+ * 감싸지 않은 하한이 하나라도 남아 있으면 상한이 통째로 무력화된다.
+ */
+export declare function clampToAvailableWidth(value: string | number | undefined, availableWidth: string): string;