@puzzle-ui/ui 0.0.0-stage → 0.1.0

package/dist/components/overlays/dropdown-menu/dropdown-menu.utils.js

@@ -0,0 +1,39 @@
+// src/components/overlays/dropdown-menu/dropdown-menu.utils.ts
+const normalizeMenuText = (value) => value.normalize("NFKD").replace(/\p{Diacritic}/gu, "").trim().toLocaleLowerCase();
+const findNextMenuItemIndex = (items, currentIndex, direction, loop = true) => {
+	if (items.length === 0) return -1;
+	for (let step = 1; step <= items.length; step += 1) {
+		let index = currentIndex + step * direction;
+		if (loop) index = (index + items.length) % items.length;
+		else if (index < 0 || index >= items.length) return -1;
+		if (!items[index].disabled) return index;
+	}
+	return -1;
+};
+const findMenuItemIndexByText = (items, query, currentIndex = -1) => {
+	const normalizedQuery = normalizeMenuText(query);
+	if (!normalizedQuery || items.length === 0) return -1;
+	for (let step = 1; step <= items.length; step += 1) {
+		const index = (currentIndex + step + items.length) % items.length;
+		const item = items[index];
+		if (!item.disabled && normalizeMenuText(item.text ?? "").startsWith(normalizedQuery)) return index;
+	}
+	return -1;
+};
+const setRef = (ref, value) => {
+	if (typeof ref === "function") ref(value);
+	else if (ref) ref.current = value;
+};
+const getEnabledMenuItems = (menu) => Array.from(menu.querySelectorAll("[data-puzzle-dropdown-menu-item=\"true\"]")).filter((item) => item.getAttribute("aria-disabled") !== "true" && !("disabled" in item && Boolean(item.disabled)) && !item.hasAttribute("hidden") && !item.closest("[hidden], [inert], [aria-hidden='true']"));
+const focusElement = (element) => {
+	if (!element) return;
+	try {
+		element.focus({ preventScroll: true });
+	} catch {
+		element.focus();
+	}
+	element.scrollIntoView?.({ block: "nearest" });
+};
+export { findMenuItemIndexByText, findNextMenuItemIndex, focusElement, getEnabledMenuItems, normalizeMenuText, setRef };
+
+//# sourceMappingURL=dropdown-menu.utils.js.map

package/dist/components/overlays/dropdown-menu/dropdown-menu.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.utils.js","names":[],"sources":["../../../../src/components/overlays/dropdown-menu/dropdown-menu.utils.ts"],"sourcesContent":["import type { MutableRefObject, Ref } from \"react\";\n\nexport type MenuItemLike = {\n  disabled?: boolean;\n  text?: string;\n};\n\nconst normalizeMenuText = (value: string): string =>\n  value\n    .normalize(\"NFKD\")\n    .replace(/\\p{Diacritic}/gu, \"\")\n    .trim()\n    .toLocaleLowerCase();\n\nconst findNextMenuItemIndex = <T extends MenuItemLike>(\n  items: readonly T[],\n  currentIndex: number,\n  direction: -1 | 1,\n  loop = true,\n): number => {\n  if (items.length === 0) {\n    return -1;\n  }\n\n  for (let step = 1; step <= items.length; step += 1) {\n    let index = currentIndex + step * direction;\n\n    if (loop) {\n      index = (index + items.length) % items.length;\n    } else if (index < 0 || index >= items.length) {\n      return -1;\n    }\n\n    if (!items[index].disabled) {\n      return index;\n    }\n  }\n\n  return -1;\n};\n\nconst findMenuItemIndexByText = <T extends MenuItemLike>(\n  items: readonly T[],\n  query: string,\n  currentIndex = -1,\n): number => {\n  const normalizedQuery = normalizeMenuText(query);\n\n  if (!normalizedQuery || items.length === 0) {\n    return -1;\n  }\n\n  for (let step = 1; step <= items.length; step += 1) {\n    const index = (currentIndex + step + items.length) % items.length;\n    const item = items[index];\n\n    if (\n      !item.disabled &&\n      normalizeMenuText(item.text ?? \"\").startsWith(normalizedQuery)\n    ) {\n      return index;\n    }\n  }\n\n  return -1;\n};\n\nconst setRef = <T,>(ref: Ref<T> | undefined, value: T | null): void => {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    (ref as MutableRefObject<T | null>).current = value;\n  }\n};\n\nconst getEnabledMenuItems = (menu: HTMLElement): HTMLElement[] =>\n  Array.from(\n    menu.querySelectorAll<HTMLElement>(\n      '[data-puzzle-dropdown-menu-item=\"true\"]',\n    ),\n  ).filter(\n    (item) =>\n      item.getAttribute(\"aria-disabled\") !== \"true\" &&\n      !(\"disabled\" in item && Boolean((item as HTMLButtonElement).disabled)) &&\n      !item.hasAttribute(\"hidden\") &&\n      !item.closest(\"[hidden], [inert], [aria-hidden='true']\"),\n  );\n\nconst focusElement = (element: HTMLElement | undefined): void => {\n  if (!element) {\n    return;\n  }\n\n  try {\n    element.focus({ preventScroll: true });\n  } catch {\n    element.focus();\n  }\n\n  element.scrollIntoView?.({ block: \"nearest\" });\n};\n\nexport {\n  findMenuItemIndexByText,\n  findNextMenuItemIndex,\n  focusElement,\n  getEnabledMenuItems,\n  normalizeMenuText,\n  setRef,\n};\n"],"mappings":";AAOA,MAAM,qBAAqB,UACzB,MACG,UAAU,MAAM,CAAC,CACjB,QAAQ,mBAAmB,EAAE,CAAC,CAC9B,KAAK,CAAC,CACN,kBAAkB;AAEvB,MAAM,yBACJ,OACA,cACA,WACA,OAAO,SACI;CACX,IAAI,MAAM,WAAW,GACnB,OAAO;CAGT,KAAK,IAAI,OAAO,GAAG,QAAQ,MAAM,QAAQ,QAAQ,GAAG;EAClD,IAAI,QAAQ,eAAe,OAAO;EAElC,IAAI,MACF,SAAS,QAAQ,MAAM,UAAU,MAAM;OAClC,IAAI,QAAQ,KAAK,SAAS,MAAM,QACrC,OAAO;EAGT,IAAI,CAAC,MAAM,MAAM,CAAC,UAChB,OAAO;CAEX;CAEA,OAAO;AACT;AAEA,MAAM,2BACJ,OACA,OACA,eAAe,OACJ;CACX,MAAM,kBAAkB,kBAAkB,KAAK;CAE/C,IAAI,CAAC,mBAAmB,MAAM,WAAW,GACvC,OAAO;CAGT,KAAK,IAAI,OAAO,GAAG,QAAQ,MAAM,QAAQ,QAAQ,GAAG;EAClD,MAAM,SAAS,eAAe,OAAO,MAAM,UAAU,MAAM;EAC3D,MAAM,OAAO,MAAM;EAEnB,IACE,CAAC,KAAK,YACN,kBAAkB,KAAK,QAAQ,EAAE,CAAC,CAAC,WAAW,eAAe,GAE7D,OAAO;CAEX;CAEA,OAAO;AACT;AAEA,MAAM,UAAc,KAAyB,UAA0B;CACrE,IAAI,OAAO,QAAQ,YACjB,IAAI,KAAK;MACJ,IAAI,KACT,IAAoC,UAAU;AAElD;AAEA,MAAM,uBAAuB,SAC3B,MAAM,KACJ,KAAK,iBACH,2CACF,CACF,CAAC,CAAC,QACC,SACC,KAAK,aAAa,eAAe,MAAM,UACvC,EAAE,cAAc,QAAQ,QAAS,KAA2B,QAAQ,MACpE,CAAC,KAAK,aAAa,QAAQ,KAC3B,CAAC,KAAK,QAAQ,yCAAyC,CAC3D;AAEF,MAAM,gBAAgB,YAA2C;CAC/D,IAAI,CAAC,SACH;CAGF,IAAI;EACF,QAAQ,MAAM,EAAE,eAAe,KAAK,CAAC;CACvC,QAAQ;EACN,QAAQ,MAAM;CAChB;CAEA,QAAQ,iBAAiB,EAAE,OAAO,UAAU,CAAC;AAC/C"}

package/dist/components/overlays/dropdown-menu/index.cjs

@@ -0,0 +1,31 @@
+"use client";
+const require_dropdown_menu = require("./dropdown-menu.cjs");
+const require_dropdown_menu_content = require("./dropdown-menu-content.cjs");
+const require_dropdown_menu_items = require("./dropdown-menu-items.cjs");
+const require_dropdown_menu_radio = require("./dropdown-menu-radio.cjs");
+const require_dropdown_menu_trigger = require("./dropdown-menu-trigger.cjs");
+;/* empty css                    */
+// src/components/overlays/dropdown-menu/index.tsx
+const CompoundDropdownMenu = Object.assign(require_dropdown_menu.DropdownMenu, {
+	Trigger: require_dropdown_menu_trigger.DropdownMenuTrigger,
+	Content: require_dropdown_menu_content.DropdownMenuContent,
+	Item: require_dropdown_menu_items.DropdownMenuItem,
+	Group: require_dropdown_menu_items.DropdownMenuGroup,
+	Label: require_dropdown_menu_items.DropdownMenuLabel,
+	Separator: require_dropdown_menu_items.DropdownMenuSeparator,
+	CheckboxItem: require_dropdown_menu_items.DropdownMenuCheckboxItem,
+	RadioGroup: require_dropdown_menu_radio.DropdownMenuRadioGroup,
+	RadioItem: require_dropdown_menu_radio.DropdownMenuRadioItem
+});
+exports.DropdownMenu = CompoundDropdownMenu;
+exports.DropdownMenuCheckboxItem = require_dropdown_menu_items.DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = require_dropdown_menu_content.DropdownMenuContent;
+exports.DropdownMenuGroup = require_dropdown_menu_items.DropdownMenuGroup;
+exports.DropdownMenuItem = require_dropdown_menu_items.DropdownMenuItem;
+exports.DropdownMenuLabel = require_dropdown_menu_items.DropdownMenuLabel;
+exports.DropdownMenuRadioGroup = require_dropdown_menu_radio.DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = require_dropdown_menu_radio.DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = require_dropdown_menu_items.DropdownMenuSeparator;
+exports.DropdownMenuTrigger = require_dropdown_menu_trigger.DropdownMenuTrigger;
+
+//# sourceMappingURL=index.cjs.map

package/dist/components/overlays/dropdown-menu/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","names":["DropdownMenuRoot","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuItem","DropdownMenuGroup","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuCheckboxItem","DropdownMenuRadioGroup","DropdownMenuRadioItem"],"sources":["../../../../src/components/overlays/dropdown-menu/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { DropdownMenu as DropdownMenuRoot } from \"./dropdown-menu\";\nimport { DropdownMenuContent } from \"./dropdown-menu-content\";\nimport {\n  DropdownMenuCheckboxItem,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu-items\";\nimport {\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n} from \"./dropdown-menu-radio\";\nimport { DropdownMenuTrigger } from \"./dropdown-menu-trigger\";\n\nimport type {\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuCheckedState,\n  DropdownMenuContentProps,\n  DropdownMenuGroupProps,\n  DropdownMenuItemProps,\n  DropdownMenuItemVariant,\n  DropdownMenuLabelProps,\n  DropdownMenuPosition,\n  DropdownMenuAlignment,\n  DropdownMenuProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuTriggerProps,\n} from \"./dropdown-menu.types\";\n\nimport \"./dropdown-menu.css\";\n\ntype DropdownMenuComponent = typeof DropdownMenuRoot & {\n  Trigger: typeof DropdownMenuTrigger;\n  Content: typeof DropdownMenuContent;\n  Item: typeof DropdownMenuItem;\n  Group: typeof DropdownMenuGroup;\n  Label: typeof DropdownMenuLabel;\n  Separator: typeof DropdownMenuSeparator;\n  CheckboxItem: typeof DropdownMenuCheckboxItem;\n  RadioGroup: typeof DropdownMenuRadioGroup;\n  RadioItem: typeof DropdownMenuRadioItem;\n};\n\nconst CompoundDropdownMenu = Object.assign(DropdownMenuRoot, {\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Separator: DropdownMenuSeparator,\n  CheckboxItem: DropdownMenuCheckboxItem,\n  RadioGroup: DropdownMenuRadioGroup,\n  RadioItem: DropdownMenuRadioItem,\n}) as DropdownMenuComponent;\n\nexport {\n  CompoundDropdownMenu as DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n};\n\nexport type {\n  DropdownMenuProps,\n  DropdownMenuTriggerProps,\n  DropdownMenuContentProps,\n  DropdownMenuItemProps,\n  DropdownMenuGroupProps,\n  DropdownMenuLabelProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuPosition,\n  DropdownMenuAlignment,\n  DropdownMenuItemVariant,\n  DropdownMenuCheckedState,\n};\n"],"mappings":";;;;;;;;AAgDA,MAAM,uBAAuB,OAAO,OAAOA,sBAAAA,cAAkB;CAC3D,SAASC,8BAAAA;CACT,SAASC,8BAAAA;CACT,MAAMC,4BAAAA;CACN,OAAOC,4BAAAA;CACP,OAAOC,4BAAAA;CACP,WAAWC,4BAAAA;CACX,cAAcC,4BAAAA;CACd,YAAYC,4BAAAA;CACZ,WAAWC,4BAAAA;AACb,CAAC"}

package/dist/components/overlays/dropdown-menu/index.d.cts

@@ -0,0 +1,19 @@
+import { DropdownMenu } from "./dropdown-menu.cjs";
+import { DropdownMenuContent } from "./dropdown-menu-content.cjs";
+import { DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator } from "./dropdown-menu-items.cjs";
+import { DropdownMenuRadioGroup, DropdownMenuRadioItem } from "./dropdown-menu-radio.cjs";
+import { DropdownMenuTrigger } from "./dropdown-menu-trigger.cjs";
+import { DropdownMenuAlignment, DropdownMenuCheckboxItemProps, DropdownMenuCheckedState, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuItemVariant, DropdownMenuLabelProps, DropdownMenuPosition, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps } from "./dropdown-menu.types.cjs";
+type DropdownMenuComponent = typeof DropdownMenu & {
+  Trigger: typeof DropdownMenuTrigger;
+  Content: typeof DropdownMenuContent;
+  Item: typeof DropdownMenuItem;
+  Group: typeof DropdownMenuGroup;
+  Label: typeof DropdownMenuLabel;
+  Separator: typeof DropdownMenuSeparator;
+  CheckboxItem: typeof DropdownMenuCheckboxItem;
+  RadioGroup: typeof DropdownMenuRadioGroup;
+  RadioItem: typeof DropdownMenuRadioItem;
+};
+declare const CompoundDropdownMenu: DropdownMenuComponent;
+export { CompoundDropdownMenu as DropdownMenu, type DropdownMenuAlignment, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, type DropdownMenuCheckedState, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuPosition, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };

package/dist/components/overlays/dropdown-menu/index.d.ts

@@ -0,0 +1,19 @@
+import { DropdownMenu } from "./dropdown-menu.js";
+import { DropdownMenuContent } from "./dropdown-menu-content.js";
+import { DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator } from "./dropdown-menu-items.js";
+import { DropdownMenuRadioGroup, DropdownMenuRadioItem } from "./dropdown-menu-radio.js";
+import { DropdownMenuTrigger } from "./dropdown-menu-trigger.js";
+import { DropdownMenuAlignment, DropdownMenuCheckboxItemProps, DropdownMenuCheckedState, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuItemVariant, DropdownMenuLabelProps, DropdownMenuPosition, DropdownMenuProps, DropdownMenuRadioGroupProps, DropdownMenuRadioItemProps, DropdownMenuSeparatorProps, DropdownMenuTriggerProps } from "./dropdown-menu.types.js";
+type DropdownMenuComponent = typeof DropdownMenu & {
+  Trigger: typeof DropdownMenuTrigger;
+  Content: typeof DropdownMenuContent;
+  Item: typeof DropdownMenuItem;
+  Group: typeof DropdownMenuGroup;
+  Label: typeof DropdownMenuLabel;
+  Separator: typeof DropdownMenuSeparator;
+  CheckboxItem: typeof DropdownMenuCheckboxItem;
+  RadioGroup: typeof DropdownMenuRadioGroup;
+  RadioItem: typeof DropdownMenuRadioItem;
+};
+declare const CompoundDropdownMenu: DropdownMenuComponent;
+export { CompoundDropdownMenu as DropdownMenu, type DropdownMenuAlignment, DropdownMenuCheckboxItem, type DropdownMenuCheckboxItemProps, type DropdownMenuCheckedState, DropdownMenuContent, type DropdownMenuContentProps, DropdownMenuGroup, type DropdownMenuGroupProps, DropdownMenuItem, type DropdownMenuItemProps, type DropdownMenuItemVariant, DropdownMenuLabel, type DropdownMenuLabelProps, type DropdownMenuPosition, type DropdownMenuProps, DropdownMenuRadioGroup, type DropdownMenuRadioGroupProps, DropdownMenuRadioItem, type DropdownMenuRadioItemProps, DropdownMenuSeparator, type DropdownMenuSeparatorProps, DropdownMenuTrigger, type DropdownMenuTriggerProps };

package/dist/components/overlays/dropdown-menu/index.js

@@ -0,0 +1,22 @@
+"use client";
+import { DropdownMenu } from "./dropdown-menu.js";
+import { DropdownMenuContent } from "./dropdown-menu-content.js";
+import { DropdownMenuCheckboxItem, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator } from "./dropdown-menu-items.js";
+import { DropdownMenuRadioGroup, DropdownMenuRadioItem } from "./dropdown-menu-radio.js";
+import { DropdownMenuTrigger } from "./dropdown-menu-trigger.js";
+import "./dropdown-menu.css";
+// src/components/overlays/dropdown-menu/index.tsx
+const CompoundDropdownMenu = Object.assign(DropdownMenu, {
+	Trigger: DropdownMenuTrigger,
+	Content: DropdownMenuContent,
+	Item: DropdownMenuItem,
+	Group: DropdownMenuGroup,
+	Label: DropdownMenuLabel,
+	Separator: DropdownMenuSeparator,
+	CheckboxItem: DropdownMenuCheckboxItem,
+	RadioGroup: DropdownMenuRadioGroup,
+	RadioItem: DropdownMenuRadioItem
+});
+export { CompoundDropdownMenu as DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger };
+
+//# sourceMappingURL=index.js.map

package/dist/components/overlays/dropdown-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["DropdownMenuRoot"],"sources":["../../../../src/components/overlays/dropdown-menu/index.tsx"],"sourcesContent":["\"use client\";\n\nimport { DropdownMenu as DropdownMenuRoot } from \"./dropdown-menu\";\nimport { DropdownMenuContent } from \"./dropdown-menu-content\";\nimport {\n  DropdownMenuCheckboxItem,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n} from \"./dropdown-menu-items\";\nimport {\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n} from \"./dropdown-menu-radio\";\nimport { DropdownMenuTrigger } from \"./dropdown-menu-trigger\";\n\nimport type {\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuCheckedState,\n  DropdownMenuContentProps,\n  DropdownMenuGroupProps,\n  DropdownMenuItemProps,\n  DropdownMenuItemVariant,\n  DropdownMenuLabelProps,\n  DropdownMenuPosition,\n  DropdownMenuAlignment,\n  DropdownMenuProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuTriggerProps,\n} from \"./dropdown-menu.types\";\n\nimport \"./dropdown-menu.css\";\n\ntype DropdownMenuComponent = typeof DropdownMenuRoot & {\n  Trigger: typeof DropdownMenuTrigger;\n  Content: typeof DropdownMenuContent;\n  Item: typeof DropdownMenuItem;\n  Group: typeof DropdownMenuGroup;\n  Label: typeof DropdownMenuLabel;\n  Separator: typeof DropdownMenuSeparator;\n  CheckboxItem: typeof DropdownMenuCheckboxItem;\n  RadioGroup: typeof DropdownMenuRadioGroup;\n  RadioItem: typeof DropdownMenuRadioItem;\n};\n\nconst CompoundDropdownMenu = Object.assign(DropdownMenuRoot, {\n  Trigger: DropdownMenuTrigger,\n  Content: DropdownMenuContent,\n  Item: DropdownMenuItem,\n  Group: DropdownMenuGroup,\n  Label: DropdownMenuLabel,\n  Separator: DropdownMenuSeparator,\n  CheckboxItem: DropdownMenuCheckboxItem,\n  RadioGroup: DropdownMenuRadioGroup,\n  RadioItem: DropdownMenuRadioItem,\n}) as DropdownMenuComponent;\n\nexport {\n  CompoundDropdownMenu as DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n};\n\nexport type {\n  DropdownMenuProps,\n  DropdownMenuTriggerProps,\n  DropdownMenuContentProps,\n  DropdownMenuItemProps,\n  DropdownMenuGroupProps,\n  DropdownMenuLabelProps,\n  DropdownMenuSeparatorProps,\n  DropdownMenuCheckboxItemProps,\n  DropdownMenuRadioGroupProps,\n  DropdownMenuRadioItemProps,\n  DropdownMenuPosition,\n  DropdownMenuAlignment,\n  DropdownMenuItemVariant,\n  DropdownMenuCheckedState,\n};\n"],"mappings":";;;;;;;;AAgDA,MAAM,uBAAuB,OAAO,OAAOA,cAAkB;CAC3D,SAAS;CACT,SAAS;CACT,MAAM;CACN,OAAO;CACP,OAAO;CACP,WAAW;CACX,cAAc;CACd,YAAY;CACZ,WAAW;AACb,CAAC"}

package/dist/components/overlays/floating-position/calculate-position.cjs

@@ -0,0 +1,94 @@
+// src/components/overlays/floating-position/calculate-position.ts
+const getPositionCoordinates = (position, align, anchor, content, offset) => {
+	let top = 0;
+	let left = 0;
+	switch (position) {
+		case "top":
+			top = anchor.top - content.height - offset;
+			break;
+		case "right":
+			left = anchor.right + offset;
+			break;
+		case "bottom":
+			top = anchor.bottom + offset;
+			break;
+		case "left": left = anchor.left - content.width - offset;
+	}
+	if (position === "top" || position === "bottom") switch (align) {
+		case "start":
+			left = anchor.left;
+			break;
+		case "center":
+			left = anchor.left + (anchor.width - content.width) / 2;
+			break;
+		case "end": left = anchor.right - content.width;
+	}
+	else switch (align) {
+		case "start":
+			top = anchor.top;
+			break;
+		case "center":
+			top = anchor.top + (anchor.height - content.height) / 2;
+			break;
+		case "end": top = anchor.bottom - content.height;
+	}
+	return {
+		top,
+		left
+	};
+};
+const getOppositePosition = (position) => {
+	switch (position) {
+		case "top": return "bottom";
+		case "right": return "left";
+		case "bottom": return "top";
+		case "left": return "right";
+	}
+};
+const getFallbackPositions = (position) => {
+	const opposite = getOppositePosition(position);
+	return [
+		position,
+		opposite,
+		...[
+			"top",
+			"right",
+			"bottom",
+			"left"
+		].filter((item) => item !== position && item !== opposite)
+	];
+};
+const fitsViewport = (coordinates, content, viewportWidth, viewportHeight, padding) => {
+	return coordinates.top >= padding && coordinates.left >= padding && coordinates.top + content.height <= viewportHeight - padding && coordinates.left + content.width <= viewportWidth - padding;
+};
+const clampPosition = (coordinates, content, viewportWidth, viewportHeight, padding) => {
+	const maxLeft = Math.max(padding, viewportWidth - content.width - padding);
+	const maxTop = Math.max(padding, viewportHeight - content.height - padding);
+	return {
+		top: Math.min(Math.max(coordinates.top, padding), maxTop),
+		left: Math.min(Math.max(coordinates.left, padding), maxLeft)
+	};
+};
+const calculatePosition = (anchor, content, { position, align, offset, collisionPadding, viewportWidth, viewportHeight }) => {
+	const candidates = getFallbackPositions(position);
+	for (const candidate of candidates) {
+		const coordinates = getPositionCoordinates(candidate, align, anchor, content, offset);
+		if (fitsViewport(coordinates, content, viewportWidth, viewportHeight, collisionPadding)) return {
+			position: candidate,
+			coordinates
+		};
+	}
+	const preferredCoordinates = getPositionCoordinates(position, align, anchor, content, offset);
+	return {
+		position,
+		coordinates: clampPosition(preferredCoordinates, content, viewportWidth, viewportHeight, collisionPadding)
+	};
+};
+exports.calculatePosition = calculatePosition;
+exports.clampPosition = clampPosition;
+exports.fitsViewport = fitsViewport;
+exports.getFallbackPositions = getFallbackPositions;
+exports.getOppositePosition = getOppositePosition;
+exports.getPositionCoordinates = getPositionCoordinates;
+
+//# sourceMappingURL=calculate-position.cjs.map

package/dist/components/overlays/floating-position/calculate-position.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate-position.cjs","names":[],"sources":["../../../../src/components/overlays/floating-position/calculate-position.ts"],"sourcesContent":["import type {\n  FloatingAlignment,\n  FloatingCoordinates,\n  FloatingPlacement,\n  FloatingPosition,\n  FloatingPositionOptions,\n} from \"./floating-position.types\";\n\nconst getPositionCoordinates = (\n  position: FloatingPosition,\n  align: FloatingAlignment,\n  anchor: DOMRect,\n  content: DOMRect,\n  offset: number,\n): FloatingCoordinates => {\n  let top = 0;\n  let left = 0;\n\n  switch (position) {\n    case \"top\":\n      top = anchor.top - content.height - offset;\n      break;\n\n    case \"right\":\n      left = anchor.right + offset;\n      break;\n\n    case \"bottom\":\n      top = anchor.bottom + offset;\n      break;\n\n    case \"left\":\n      left = anchor.left - content.width - offset;\n      break;\n  }\n\n  if (position === \"top\" || position === \"bottom\") {\n    switch (align) {\n      case \"start\":\n        left = anchor.left;\n        break;\n\n      case \"center\":\n        left = anchor.left + (anchor.width - content.width) / 2;\n        break;\n\n      case \"end\":\n        left = anchor.right - content.width;\n        break;\n    }\n  } else {\n    switch (align) {\n      case \"start\":\n        top = anchor.top;\n        break;\n\n      case \"center\":\n        top = anchor.top + (anchor.height - content.height) / 2;\n        break;\n\n      case \"end\":\n        top = anchor.bottom - content.height;\n        break;\n    }\n  }\n\n  return { top, left };\n};\n\nconst getOppositePosition = (position: FloatingPosition): FloatingPosition => {\n  switch (position) {\n    case \"top\":\n      return \"bottom\";\n\n    case \"right\":\n      return \"left\";\n\n    case \"bottom\":\n      return \"top\";\n\n    case \"left\":\n      return \"right\";\n  }\n};\n\nconst getFallbackPositions = (\n  position: FloatingPosition,\n): FloatingPosition[] => {\n  const opposite = getOppositePosition(position);\n\n  const remaining: FloatingPosition[] = (\n    [\"top\", \"right\", \"bottom\", \"left\"] as FloatingPosition[]\n  ).filter((item) => item !== position && item !== opposite);\n\n  return [position, opposite, ...remaining];\n};\n\nconst fitsViewport = (\n  coordinates: FloatingCoordinates,\n  content: DOMRect,\n  viewportWidth: number,\n  viewportHeight: number,\n  padding: number,\n): boolean => {\n  return (\n    coordinates.top >= padding &&\n    coordinates.left >= padding &&\n    coordinates.top + content.height <= viewportHeight - padding &&\n    coordinates.left + content.width <= viewportWidth - padding\n  );\n};\n\nconst clampPosition = (\n  coordinates: FloatingCoordinates,\n  content: DOMRect,\n  viewportWidth: number,\n  viewportHeight: number,\n  padding: number,\n): FloatingCoordinates => {\n  const maxLeft = Math.max(padding, viewportWidth - content.width - padding);\n  const maxTop = Math.max(padding, viewportHeight - content.height - padding);\n\n  return {\n    top: Math.min(Math.max(coordinates.top, padding), maxTop),\n    left: Math.min(Math.max(coordinates.left, padding), maxLeft),\n  };\n};\n\nconst calculatePosition = (\n  anchor: DOMRect,\n  content: DOMRect,\n  {\n    position,\n    align,\n    offset,\n    collisionPadding,\n    viewportWidth,\n    viewportHeight,\n  }: FloatingPositionOptions,\n): FloatingPlacement => {\n  const candidates = getFallbackPositions(position);\n\n  for (const candidate of candidates) {\n    const coordinates = getPositionCoordinates(\n      candidate,\n      align,\n      anchor,\n      content,\n      offset,\n    );\n\n    if (\n      fitsViewport(\n        coordinates,\n        content,\n        viewportWidth,\n        viewportHeight,\n        collisionPadding,\n      )\n    ) {\n      return {\n        position: candidate,\n        coordinates,\n      };\n    }\n  }\n\n  const preferredCoordinates = getPositionCoordinates(\n    position,\n    align,\n    anchor,\n    content,\n    offset,\n  );\n\n  return {\n    position,\n    coordinates: clampPosition(\n      preferredCoordinates,\n      content,\n      viewportWidth,\n      viewportHeight,\n      collisionPadding,\n    ),\n  };\n};\n\nexport {\n  calculatePosition,\n  clampPosition,\n  fitsViewport,\n  getFallbackPositions,\n  getOppositePosition,\n  getPositionCoordinates,\n};\n"],"mappings":";AAQA,MAAM,0BACJ,UACA,OACA,QACA,SACA,WACwB;CACxB,IAAI,MAAM;CACV,IAAI,OAAO;CAEX,QAAQ,UAAR;EACE,KAAK;GACH,MAAM,OAAO,MAAM,QAAQ,SAAS;GACpC;EAEF,KAAK;GACH,OAAO,OAAO,QAAQ;GACtB;EAEF,KAAK;GACH,MAAM,OAAO,SAAS;GACtB;EAEF,KAAK,QACH,OAAO,OAAO,OAAO,QAAQ,QAAQ;CAEzC;CAEA,IAAI,aAAa,SAAS,aAAa,UACrC,QAAQ,OAAR;EACE,KAAK;GACH,OAAO,OAAO;GACd;EAEF,KAAK;GACH,OAAO,OAAO,QAAQ,OAAO,QAAQ,QAAQ,SAAS;GACtD;EAEF,KAAK,OACH,OAAO,OAAO,QAAQ,QAAQ;CAElC;MAEA,QAAQ,OAAR;EACE,KAAK;GACH,MAAM,OAAO;GACb;EAEF,KAAK;GACH,MAAM,OAAO,OAAO,OAAO,SAAS,QAAQ,UAAU;GACtD;EAEF,KAAK,OACH,MAAM,OAAO,SAAS,QAAQ;CAElC;CAGF,OAAO;EAAE;EAAK;CAAK;AACrB;AAEA,MAAM,uBAAuB,aAAiD;CAC5E,QAAQ,UAAR;EACE,KAAK,OACH,OAAO;EAET,KAAK,SACH,OAAO;EAET,KAAK,UACH,OAAO;EAET,KAAK,QACH,OAAO;CACX;AACF;AAEA,MAAM,wBACJ,aACuB;CACvB,MAAM,WAAW,oBAAoB,QAAQ;CAM7C,OAAO;EAAC;EAAU;EAAU,GAH1B;GAAC;GAAO;GAAS;GAAU;EAAM,CAAC,CAClC,QAAQ,SAAS,SAAS,YAAY,SAAS,QAEV;CAAC;AAC1C;AAEA,MAAM,gBACJ,aACA,SACA,eACA,gBACA,YACY;CACZ,OACE,YAAY,OAAO,WACnB,YAAY,QAAQ,WACpB,YAAY,MAAM,QAAQ,UAAU,iBAAiB,WACrD,YAAY,OAAO,QAAQ,SAAS,gBAAgB;AAExD;AAEA,MAAM,iBACJ,aACA,SACA,eACA,gBACA,YACwB;CACxB,MAAM,UAAU,KAAK,IAAI,SAAS,gBAAgB,QAAQ,QAAQ,OAAO;CACzE,MAAM,SAAS,KAAK,IAAI,SAAS,iBAAiB,QAAQ,SAAS,OAAO;CAE1E,OAAO;EACL,KAAK,KAAK,IAAI,KAAK,IAAI,YAAY,KAAK,OAAO,GAAG,MAAM;EACxD,MAAM,KAAK,IAAI,KAAK,IAAI,YAAY,MAAM,OAAO,GAAG,OAAO;CAC7D;AACF;AAEA,MAAM,qBACJ,QACA,SACA,EACE,UACA,OACA,QACA,kBACA,eACA,qBAEoB;CACtB,MAAM,aAAa,qBAAqB,QAAQ;CAEhD,KAAK,MAAM,aAAa,YAAY;EAClC,MAAM,cAAc,uBAClB,WACA,OACA,QACA,SACA,MACF;EAEA,IACE,aACE,aACA,SACA,eACA,gBACA,gBACF,GAEA,OAAO;GACL,UAAU;GACV;EACF;CAEJ;CAEA,MAAM,uBAAuB,uBAC3B,UACA,OACA,QACA,SACA,MACF;CAEA,OAAO;EACL;EACA,aAAa,cACX,sBACA,SACA,eACA,gBACA,gBACF;CACF;AACF"}

package/dist/components/overlays/floating-position/calculate-position.js

@@ -0,0 +1,89 @@
+// src/components/overlays/floating-position/calculate-position.ts
+const getPositionCoordinates = (position, align, anchor, content, offset) => {
+	let top = 0;
+	let left = 0;
+	switch (position) {
+		case "top":
+			top = anchor.top - content.height - offset;
+			break;
+		case "right":
+			left = anchor.right + offset;
+			break;
+		case "bottom":
+			top = anchor.bottom + offset;
+			break;
+		case "left": left = anchor.left - content.width - offset;
+	}
+	if (position === "top" || position === "bottom") switch (align) {
+		case "start":
+			left = anchor.left;
+			break;
+		case "center":
+			left = anchor.left + (anchor.width - content.width) / 2;
+			break;
+		case "end": left = anchor.right - content.width;
+	}
+	else switch (align) {
+		case "start":
+			top = anchor.top;
+			break;
+		case "center":
+			top = anchor.top + (anchor.height - content.height) / 2;
+			break;
+		case "end": top = anchor.bottom - content.height;
+	}
+	return {
+		top,
+		left
+	};
+};
+const getOppositePosition = (position) => {
+	switch (position) {
+		case "top": return "bottom";
+		case "right": return "left";
+		case "bottom": return "top";
+		case "left": return "right";
+	}
+};
+const getFallbackPositions = (position) => {
+	const opposite = getOppositePosition(position);
+	return [
+		position,
+		opposite,
+		...[
+			"top",
+			"right",
+			"bottom",
+			"left"
+		].filter((item) => item !== position && item !== opposite)
+	];
+};
+const fitsViewport = (coordinates, content, viewportWidth, viewportHeight, padding) => {
+	return coordinates.top >= padding && coordinates.left >= padding && coordinates.top + content.height <= viewportHeight - padding && coordinates.left + content.width <= viewportWidth - padding;
+};
+const clampPosition = (coordinates, content, viewportWidth, viewportHeight, padding) => {
+	const maxLeft = Math.max(padding, viewportWidth - content.width - padding);
+	const maxTop = Math.max(padding, viewportHeight - content.height - padding);
+	return {
+		top: Math.min(Math.max(coordinates.top, padding), maxTop),
+		left: Math.min(Math.max(coordinates.left, padding), maxLeft)
+	};
+};
+const calculatePosition = (anchor, content, { position, align, offset, collisionPadding, viewportWidth, viewportHeight }) => {
+	const candidates = getFallbackPositions(position);
+	for (const candidate of candidates) {
+		const coordinates = getPositionCoordinates(candidate, align, anchor, content, offset);
+		if (fitsViewport(coordinates, content, viewportWidth, viewportHeight, collisionPadding)) return {
+			position: candidate,
+			coordinates
+		};
+	}
+	const preferredCoordinates = getPositionCoordinates(position, align, anchor, content, offset);
+	return {
+		position,
+		coordinates: clampPosition(preferredCoordinates, content, viewportWidth, viewportHeight, collisionPadding)
+	};
+};
+export { calculatePosition, clampPosition, fitsViewport, getFallbackPositions, getOppositePosition, getPositionCoordinates };
+
+//# sourceMappingURL=calculate-position.js.map

package/dist/components/overlays/floating-position/calculate-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calculate-position.js","names":[],"sources":["../../../../src/components/overlays/floating-position/calculate-position.ts"],"sourcesContent":["import type {\n  FloatingAlignment,\n  FloatingCoordinates,\n  FloatingPlacement,\n  FloatingPosition,\n  FloatingPositionOptions,\n} from \"./floating-position.types\";\n\nconst getPositionCoordinates = (\n  position: FloatingPosition,\n  align: FloatingAlignment,\n  anchor: DOMRect,\n  content: DOMRect,\n  offset: number,\n): FloatingCoordinates => {\n  let top = 0;\n  let left = 0;\n\n  switch (position) {\n    case \"top\":\n      top = anchor.top - content.height - offset;\n      break;\n\n    case \"right\":\n      left = anchor.right + offset;\n      break;\n\n    case \"bottom\":\n      top = anchor.bottom + offset;\n      break;\n\n    case \"left\":\n      left = anchor.left - content.width - offset;\n      break;\n  }\n\n  if (position === \"top\" || position === \"bottom\") {\n    switch (align) {\n      case \"start\":\n        left = anchor.left;\n        break;\n\n      case \"center\":\n        left = anchor.left + (anchor.width - content.width) / 2;\n        break;\n\n      case \"end\":\n        left = anchor.right - content.width;\n        break;\n    }\n  } else {\n    switch (align) {\n      case \"start\":\n        top = anchor.top;\n        break;\n\n      case \"center\":\n        top = anchor.top + (anchor.height - content.height) / 2;\n        break;\n\n      case \"end\":\n        top = anchor.bottom - content.height;\n        break;\n    }\n  }\n\n  return { top, left };\n};\n\nconst getOppositePosition = (position: FloatingPosition): FloatingPosition => {\n  switch (position) {\n    case \"top\":\n      return \"bottom\";\n\n    case \"right\":\n      return \"left\";\n\n    case \"bottom\":\n      return \"top\";\n\n    case \"left\":\n      return \"right\";\n  }\n};\n\nconst getFallbackPositions = (\n  position: FloatingPosition,\n): FloatingPosition[] => {\n  const opposite = getOppositePosition(position);\n\n  const remaining: FloatingPosition[] = (\n    [\"top\", \"right\", \"bottom\", \"left\"] as FloatingPosition[]\n  ).filter((item) => item !== position && item !== opposite);\n\n  return [position, opposite, ...remaining];\n};\n\nconst fitsViewport = (\n  coordinates: FloatingCoordinates,\n  content: DOMRect,\n  viewportWidth: number,\n  viewportHeight: number,\n  padding: number,\n): boolean => {\n  return (\n    coordinates.top >= padding &&\n    coordinates.left >= padding &&\n    coordinates.top + content.height <= viewportHeight - padding &&\n    coordinates.left + content.width <= viewportWidth - padding\n  );\n};\n\nconst clampPosition = (\n  coordinates: FloatingCoordinates,\n  content: DOMRect,\n  viewportWidth: number,\n  viewportHeight: number,\n  padding: number,\n): FloatingCoordinates => {\n  const maxLeft = Math.max(padding, viewportWidth - content.width - padding);\n  const maxTop = Math.max(padding, viewportHeight - content.height - padding);\n\n  return {\n    top: Math.min(Math.max(coordinates.top, padding), maxTop),\n    left: Math.min(Math.max(coordinates.left, padding), maxLeft),\n  };\n};\n\nconst calculatePosition = (\n  anchor: DOMRect,\n  content: DOMRect,\n  {\n    position,\n    align,\n    offset,\n    collisionPadding,\n    viewportWidth,\n    viewportHeight,\n  }: FloatingPositionOptions,\n): FloatingPlacement => {\n  const candidates = getFallbackPositions(position);\n\n  for (const candidate of candidates) {\n    const coordinates = getPositionCoordinates(\n      candidate,\n      align,\n      anchor,\n      content,\n      offset,\n    );\n\n    if (\n      fitsViewport(\n        coordinates,\n        content,\n        viewportWidth,\n        viewportHeight,\n        collisionPadding,\n      )\n    ) {\n      return {\n        position: candidate,\n        coordinates,\n      };\n    }\n  }\n\n  const preferredCoordinates = getPositionCoordinates(\n    position,\n    align,\n    anchor,\n    content,\n    offset,\n  );\n\n  return {\n    position,\n    coordinates: clampPosition(\n      preferredCoordinates,\n      content,\n      viewportWidth,\n      viewportHeight,\n      collisionPadding,\n    ),\n  };\n};\n\nexport {\n  calculatePosition,\n  clampPosition,\n  fitsViewport,\n  getFallbackPositions,\n  getOppositePosition,\n  getPositionCoordinates,\n};\n"],"mappings":";AAQA,MAAM,0BACJ,UACA,OACA,QACA,SACA,WACwB;CACxB,IAAI,MAAM;CACV,IAAI,OAAO;CAEX,QAAQ,UAAR;EACE,KAAK;GACH,MAAM,OAAO,MAAM,QAAQ,SAAS;GACpC;EAEF,KAAK;GACH,OAAO,OAAO,QAAQ;GACtB;EAEF,KAAK;GACH,MAAM,OAAO,SAAS;GACtB;EAEF,KAAK,QACH,OAAO,OAAO,OAAO,QAAQ,QAAQ;CAEzC;CAEA,IAAI,aAAa,SAAS,aAAa,UACrC,QAAQ,OAAR;EACE,KAAK;GACH,OAAO,OAAO;GACd;EAEF,KAAK;GACH,OAAO,OAAO,QAAQ,OAAO,QAAQ,QAAQ,SAAS;GACtD;EAEF,KAAK,OACH,OAAO,OAAO,QAAQ,QAAQ;CAElC;MAEA,QAAQ,OAAR;EACE,KAAK;GACH,MAAM,OAAO;GACb;EAEF,KAAK;GACH,MAAM,OAAO,OAAO,OAAO,SAAS,QAAQ,UAAU;GACtD;EAEF,KAAK,OACH,MAAM,OAAO,SAAS,QAAQ;CAElC;CAGF,OAAO;EAAE;EAAK;CAAK;AACrB;AAEA,MAAM,uBAAuB,aAAiD;CAC5E,QAAQ,UAAR;EACE,KAAK,OACH,OAAO;EAET,KAAK,SACH,OAAO;EAET,KAAK,UACH,OAAO;EAET,KAAK,QACH,OAAO;CACX;AACF;AAEA,MAAM,wBACJ,aACuB;CACvB,MAAM,WAAW,oBAAoB,QAAQ;CAM7C,OAAO;EAAC;EAAU;EAAU,GAH1B;GAAC;GAAO;GAAS;GAAU;EAAM,CAAC,CAClC,QAAQ,SAAS,SAAS,YAAY,SAAS,QAEV;CAAC;AAC1C;AAEA,MAAM,gBACJ,aACA,SACA,eACA,gBACA,YACY;CACZ,OACE,YAAY,OAAO,WACnB,YAAY,QAAQ,WACpB,YAAY,MAAM,QAAQ,UAAU,iBAAiB,WACrD,YAAY,OAAO,QAAQ,SAAS,gBAAgB;AAExD;AAEA,MAAM,iBACJ,aACA,SACA,eACA,gBACA,YACwB;CACxB,MAAM,UAAU,KAAK,IAAI,SAAS,gBAAgB,QAAQ,QAAQ,OAAO;CACzE,MAAM,SAAS,KAAK,IAAI,SAAS,iBAAiB,QAAQ,SAAS,OAAO;CAE1E,OAAO;EACL,KAAK,KAAK,IAAI,KAAK,IAAI,YAAY,KAAK,OAAO,GAAG,MAAM;EACxD,MAAM,KAAK,IAAI,KAAK,IAAI,YAAY,MAAM,OAAO,GAAG,OAAO;CAC7D;AACF;AAEA,MAAM,qBACJ,QACA,SACA,EACE,UACA,OACA,QACA,kBACA,eACA,qBAEoB;CACtB,MAAM,aAAa,qBAAqB,QAAQ;CAEhD,KAAK,MAAM,aAAa,YAAY;EAClC,MAAM,cAAc,uBAClB,WACA,OACA,QACA,SACA,MACF;EAEA,IACE,aACE,aACA,SACA,eACA,gBACA,gBACF,GAEA,OAAO;GACL,UAAU;GACV;EACF;CAEJ;CAEA,MAAM,uBAAuB,uBAC3B,UACA,OACA,QACA,SACA,MACF;CAEA,OAAO;EACL;EACA,aAAa,cACX,sBACA,SACA,eACA,gBACA,gBACF;CACF;AACF"}

package/dist/components/overlays/floating-position/use-floating-position.cjs

@@ -0,0 +1,89 @@
+"use client";
+const require_calculate_position = require("./calculate-position.cjs");
+let react = require("react");
+// src/components/overlays/floating-position/use-floating-position.ts
+const useFloatingPosition = ({ anchor, content, enabled, position, align, offset, collisionPadding, matchTriggerWidth = false }) => {
+	const [result, setResult] = (0, react.useState)(null);
+	(0, react.useLayoutEffect)(() => {
+		if (!enabled || !anchor || !content) {
+			setResult(null);
+			return;
+		}
+		const ownerDocument = anchor.ownerDocument;
+		const ownerWindow = ownerDocument.defaultView;
+		if (!ownerWindow || content.ownerDocument !== ownerDocument) {
+			setResult(null);
+			return;
+		}
+		let animationFrame = 0;
+		let disposed = false;
+		const updatePosition = () => {
+			if (disposed || !anchor.isConnected || !content.isConnected || anchor.ownerDocument !== ownerDocument || content.ownerDocument !== ownerDocument || anchor.getClientRects().length === 0 || content.getClientRects().length === 0) return;
+			const anchorRect = anchor.getBoundingClientRect();
+			const contentRect = content.getBoundingClientRect();
+			if (anchorRect.width === 0 && anchorRect.height === 0 || contentRect.width === 0 && contentRect.height === 0) return;
+			const placement = require_calculate_position.calculatePosition(anchorRect, contentRect, {
+				position,
+				align,
+				offset,
+				collisionPadding,
+				viewportWidth: ownerDocument.documentElement.clientWidth,
+				viewportHeight: ownerDocument.documentElement.clientHeight
+			});
+			setResult({
+				placement: placement.position,
+				style: {
+					position: "fixed",
+					top: placement.coordinates.top,
+					left: placement.coordinates.left,
+					...matchTriggerWidth ? { minWidth: anchorRect.width } : {}
+				}
+			});
+		};
+		const requestFrame = ownerWindow.requestAnimationFrame?.bind(ownerWindow) ?? ((callback) => ownerWindow.setTimeout(() => callback(Date.now()), 16));
+		const cancelFrame = ownerWindow.cancelAnimationFrame?.bind(ownerWindow) ?? ownerWindow.clearTimeout.bind(ownerWindow);
+		const scheduleUpdate = () => {
+			cancelFrame(animationFrame);
+			animationFrame = requestFrame(updatePosition);
+		};
+		setResult(null);
+		updatePosition();
+		const ResizeObserverConstructor = ownerWindow.ResizeObserver ?? globalThis.ResizeObserver;
+		const resizeObserver = ResizeObserverConstructor ? new ResizeObserverConstructor(scheduleUpdate) : null;
+		resizeObserver?.observe(anchor);
+		resizeObserver?.observe(content);
+		const handleResize = () => scheduleUpdate();
+		const handleScroll = () => scheduleUpdate();
+		ownerWindow.addEventListener("resize", handleResize);
+		ownerWindow.addEventListener("scroll", handleScroll, true);
+		const visualViewport = ownerWindow.visualViewport;
+		visualViewport?.addEventListener("resize", handleResize);
+		visualViewport?.addEventListener("scroll", handleScroll);
+		return () => {
+			disposed = true;
+			ownerWindow.cancelAnimationFrame(animationFrame);
+			resizeObserver?.disconnect();
+			ownerWindow.removeEventListener("resize", handleResize);
+			ownerWindow.removeEventListener("scroll", handleScroll, true);
+			visualViewport?.removeEventListener("resize", handleResize);
+			visualViewport?.removeEventListener("scroll", handleScroll);
+		};
+	}, [
+		anchor,
+		content,
+		enabled,
+		position,
+		align,
+		offset,
+		collisionPadding,
+		matchTriggerWidth
+	]);
+	return {
+		style: result?.style ?? null,
+		placement: result?.placement ?? position,
+		isPositioned: result !== null
+	};
+};
+exports.useFloatingPosition = useFloatingPosition;
+
+//# sourceMappingURL=use-floating-position.cjs.map

package/dist/components/overlays/floating-position/use-floating-position.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-floating-position.cjs","names":["useState","calculatePosition"],"sources":["../../../../src/components/overlays/floating-position/use-floating-position.ts"],"sourcesContent":["\"use client\";\n\nimport { useLayoutEffect, useState, type CSSProperties } from \"react\";\n\nimport { calculatePosition } from \"./calculate-position\";\n\nimport type {\n  FloatingPosition,\n  UseFloatingPositionOptions,\n} from \"./floating-position.types\";\n\ntype FloatingPositionState = {\n  placement: FloatingPosition;\n  style: CSSProperties;\n};\n\nconst useFloatingPosition = ({\n  anchor,\n  content,\n  enabled,\n  position,\n  align,\n  offset,\n  collisionPadding,\n  matchTriggerWidth = false,\n}: UseFloatingPositionOptions) => {\n  const [result, setResult] = useState<FloatingPositionState | null>(null);\n\n  useLayoutEffect(() => {\n    if (!enabled || !anchor || !content) {\n      setResult(null);\n      return;\n    }\n\n    const ownerDocument = anchor.ownerDocument;\n    const ownerWindow = ownerDocument.defaultView;\n\n    if (!ownerWindow || content.ownerDocument !== ownerDocument) {\n      setResult(null);\n      return;\n    }\n\n    let animationFrame = 0;\n    let disposed = false;\n\n    const updatePosition = () => {\n      if (\n        disposed ||\n        !anchor.isConnected ||\n        !content.isConnected ||\n        anchor.ownerDocument !== ownerDocument ||\n        content.ownerDocument !== ownerDocument ||\n        anchor.getClientRects().length === 0 ||\n        content.getClientRects().length === 0\n      ) {\n        return;\n      }\n\n      const anchorRect = anchor.getBoundingClientRect();\n      const contentRect = content.getBoundingClientRect();\n\n      if (\n        (anchorRect.width === 0 && anchorRect.height === 0) ||\n        (contentRect.width === 0 && contentRect.height === 0)\n      ) {\n        return;\n      }\n\n      const placement = calculatePosition(anchorRect, contentRect, {\n        position,\n        align,\n        offset,\n        collisionPadding,\n        viewportWidth: ownerDocument.documentElement.clientWidth,\n        viewportHeight: ownerDocument.documentElement.clientHeight,\n      });\n\n      setResult({\n        placement: placement.position,\n        style: {\n          position: \"fixed\",\n          top: placement.coordinates.top,\n          left: placement.coordinates.left,\n          ...(matchTriggerWidth ? { minWidth: anchorRect.width } : {}),\n        },\n      });\n    };\n\n    const requestFrame =\n      ownerWindow.requestAnimationFrame?.bind(ownerWindow) ??\n      ((callback: FrameRequestCallback) =>\n        ownerWindow.setTimeout(() => callback(Date.now()), 16));\n\n    const cancelFrame =\n      ownerWindow.cancelAnimationFrame?.bind(ownerWindow) ??\n      ownerWindow.clearTimeout.bind(ownerWindow);\n\n    const scheduleUpdate = () => {\n      cancelFrame(animationFrame);\n      animationFrame = requestFrame(updatePosition);\n    };\n\n    setResult(null);\n    updatePosition();\n\n    const ResizeObserverConstructor =\n      ownerWindow.ResizeObserver ?? globalThis.ResizeObserver;\n\n    const resizeObserver = ResizeObserverConstructor\n      ? new ResizeObserverConstructor(scheduleUpdate)\n      : null;\n\n    resizeObserver?.observe(anchor);\n    resizeObserver?.observe(content);\n\n    const handleResize = () => scheduleUpdate();\n    const handleScroll = () => scheduleUpdate();\n\n    ownerWindow.addEventListener(\"resize\", handleResize);\n    ownerWindow.addEventListener(\"scroll\", handleScroll, true);\n\n    const visualViewport = ownerWindow.visualViewport;\n\n    visualViewport?.addEventListener(\"resize\", handleResize);\n    visualViewport?.addEventListener(\"scroll\", handleScroll);\n\n    return () => {\n      disposed = true;\n\n      ownerWindow.cancelAnimationFrame(animationFrame);\n\n      resizeObserver?.disconnect();\n\n      ownerWindow.removeEventListener(\"resize\", handleResize);\n      ownerWindow.removeEventListener(\"scroll\", handleScroll, true);\n\n      visualViewport?.removeEventListener(\"resize\", handleResize);\n      visualViewport?.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [\n    anchor,\n    content,\n    enabled,\n    position,\n    align,\n    offset,\n    collisionPadding,\n    matchTriggerWidth,\n  ]);\n\n  return {\n    style: result?.style ?? null,\n    placement: result?.placement ?? position,\n    isPositioned: result !== null,\n  };\n};\n\nexport { useFloatingPosition };\n"],"mappings":";;;;AAgBA,MAAM,uBAAuB,EAC3B,QACA,SACA,SACA,UACA,OACA,QACA,kBACA,oBAAoB,YACY;CAChC,MAAM,CAAC,QAAQ,cAAA,GAAaA,MAAAA,SAAAA,CAAuC,IAAI;CAEvE,CAAA,GAAA,MAAA,gBAAA,OAAsB;EACpB,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS;GACnC,UAAU,IAAI;GACd;EACF;EAEA,MAAM,gBAAgB,OAAO;EAC7B,MAAM,cAAc,cAAc;EAElC,IAAI,CAAC,eAAe,QAAQ,kBAAkB,eAAe;GAC3D,UAAU,IAAI;GACd;EACF;EAEA,IAAI,iBAAiB;EACrB,IAAI,WAAW;EAEf,MAAM,uBAAuB;GAC3B,IACE,YACA,CAAC,OAAO,eACR,CAAC,QAAQ,eACT,OAAO,kBAAkB,iBACzB,QAAQ,kBAAkB,iBAC1B,OAAO,eAAe,CAAC,CAAC,WAAW,KACnC,QAAQ,eAAe,CAAC,CAAC,WAAW,GAEpC;GAGF,MAAM,aAAa,OAAO,sBAAsB;GAChD,MAAM,cAAc,QAAQ,sBAAsB;GAElD,IACG,WAAW,UAAU,KAAK,WAAW,WAAW,KAChD,YAAY,UAAU,KAAK,YAAY,WAAW,GAEnD;GAGF,MAAM,YAAYC,2BAAAA,kBAAkB,YAAY,aAAa;IAC3D;IACA;IACA;IACA;IACA,eAAe,cAAc,gBAAgB;IAC7C,gBAAgB,cAAc,gBAAgB;GAChD,CAAC;GAED,UAAU;IACR,WAAW,UAAU;IACrB,OAAO;KACL,UAAU;KACV,KAAK,UAAU,YAAY;KAC3B,MAAM,UAAU,YAAY;KAC5B,GAAI,oBAAoB,EAAE,UAAU,WAAW,MAAM,IAAI,CAAC;IAC5D;GACF,CAAC;EACH;EAEA,MAAM,eACJ,YAAY,uBAAuB,KAAK,WAAW,OACjD,aACA,YAAY,iBAAiB,SAAS,KAAK,IAAI,CAAC,GAAG,EAAE;EAEzD,MAAM,cACJ,YAAY,sBAAsB,KAAK,WAAW,KAClD,YAAY,aAAa,KAAK,WAAW;EAE3C,MAAM,uBAAuB;GAC3B,YAAY,cAAc;GAC1B,iBAAiB,aAAa,cAAc;EAC9C;EAEA,UAAU,IAAI;EACd,eAAe;EAEf,MAAM,4BACJ,YAAY,kBAAkB,WAAW;EAE3C,MAAM,iBAAiB,4BACnB,IAAI,0BAA0B,cAAc,IAC5C;EAEJ,gBAAgB,QAAQ,MAAM;EAC9B,gBAAgB,QAAQ,OAAO;EAE/B,MAAM,qBAAqB,eAAe;EAC1C,MAAM,qBAAqB,eAAe;EAE1C,YAAY,iBAAiB,UAAU,YAAY;EACnD,YAAY,iBAAiB,UAAU,cAAc,IAAI;EAEzD,MAAM,iBAAiB,YAAY;EAEnC,gBAAgB,iBAAiB,UAAU,YAAY;EACvD,gBAAgB,iBAAiB,UAAU,YAAY;EAEvD,aAAa;GACX,WAAW;GAEX,YAAY,qBAAqB,cAAc;GAE/C,gBAAgB,WAAW;GAE3B,YAAY,oBAAoB,UAAU,YAAY;GACtD,YAAY,oBAAoB,UAAU,cAAc,IAAI;GAE5D,gBAAgB,oBAAoB,UAAU,YAAY;GAC1D,gBAAgB,oBAAoB,UAAU,YAAY;EAC5D;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO;EACL,OAAO,QAAQ,SAAS;EACxB,WAAW,QAAQ,aAAa;EAChC,cAAc,WAAW;CAC3B;AACF"}

package/dist/components/overlays/floating-position/use-floating-position.js

@@ -0,0 +1,89 @@
+"use client";
+import { calculatePosition } from "./calculate-position.js";
+import { useLayoutEffect, useState } from "react";
+// src/components/overlays/floating-position/use-floating-position.ts
+const useFloatingPosition = ({ anchor, content, enabled, position, align, offset, collisionPadding, matchTriggerWidth = false }) => {
+	const [result, setResult] = useState(null);
+	useLayoutEffect(() => {
+		if (!enabled || !anchor || !content) {
+			setResult(null);
+			return;
+		}
+		const ownerDocument = anchor.ownerDocument;
+		const ownerWindow = ownerDocument.defaultView;
+		if (!ownerWindow || content.ownerDocument !== ownerDocument) {
+			setResult(null);
+			return;
+		}
+		let animationFrame = 0;
+		let disposed = false;
+		const updatePosition = () => {
+			if (disposed || !anchor.isConnected || !content.isConnected || anchor.ownerDocument !== ownerDocument || content.ownerDocument !== ownerDocument || anchor.getClientRects().length === 0 || content.getClientRects().length === 0) return;
+			const anchorRect = anchor.getBoundingClientRect();
+			const contentRect = content.getBoundingClientRect();
+			if (anchorRect.width === 0 && anchorRect.height === 0 || contentRect.width === 0 && contentRect.height === 0) return;
+			const placement = calculatePosition(anchorRect, contentRect, {
+				position,
+				align,
+				offset,
+				collisionPadding,
+				viewportWidth: ownerDocument.documentElement.clientWidth,
+				viewportHeight: ownerDocument.documentElement.clientHeight
+			});
+			setResult({
+				placement: placement.position,
+				style: {
+					position: "fixed",
+					top: placement.coordinates.top,
+					left: placement.coordinates.left,
+					...matchTriggerWidth ? { minWidth: anchorRect.width } : {}
+				}
+			});
+		};
+		const requestFrame = ownerWindow.requestAnimationFrame?.bind(ownerWindow) ?? ((callback) => ownerWindow.setTimeout(() => callback(Date.now()), 16));
+		const cancelFrame = ownerWindow.cancelAnimationFrame?.bind(ownerWindow) ?? ownerWindow.clearTimeout.bind(ownerWindow);
+		const scheduleUpdate = () => {
+			cancelFrame(animationFrame);
+			animationFrame = requestFrame(updatePosition);
+		};
+		setResult(null);
+		updatePosition();
+		const ResizeObserverConstructor = ownerWindow.ResizeObserver ?? globalThis.ResizeObserver;
+		const resizeObserver = ResizeObserverConstructor ? new ResizeObserverConstructor(scheduleUpdate) : null;
+		resizeObserver?.observe(anchor);
+		resizeObserver?.observe(content);
+		const handleResize = () => scheduleUpdate();
+		const handleScroll = () => scheduleUpdate();
+		ownerWindow.addEventListener("resize", handleResize);
+		ownerWindow.addEventListener("scroll", handleScroll, true);
+		const visualViewport = ownerWindow.visualViewport;
+		visualViewport?.addEventListener("resize", handleResize);
+		visualViewport?.addEventListener("scroll", handleScroll);
+		return () => {
+			disposed = true;
+			ownerWindow.cancelAnimationFrame(animationFrame);
+			resizeObserver?.disconnect();
+			ownerWindow.removeEventListener("resize", handleResize);
+			ownerWindow.removeEventListener("scroll", handleScroll, true);
+			visualViewport?.removeEventListener("resize", handleResize);
+			visualViewport?.removeEventListener("scroll", handleScroll);
+		};
+	}, [
+		anchor,
+		content,
+		enabled,
+		position,
+		align,
+		offset,
+		collisionPadding,
+		matchTriggerWidth
+	]);
+	return {
+		style: result?.style ?? null,
+		placement: result?.placement ?? position,
+		isPositioned: result !== null
+	};
+};
+export { useFloatingPosition };
+
+//# sourceMappingURL=use-floating-position.js.map

package/dist/components/overlays/floating-position/use-floating-position.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-floating-position.js","names":[],"sources":["../../../../src/components/overlays/floating-position/use-floating-position.ts"],"sourcesContent":["\"use client\";\n\nimport { useLayoutEffect, useState, type CSSProperties } from \"react\";\n\nimport { calculatePosition } from \"./calculate-position\";\n\nimport type {\n  FloatingPosition,\n  UseFloatingPositionOptions,\n} from \"./floating-position.types\";\n\ntype FloatingPositionState = {\n  placement: FloatingPosition;\n  style: CSSProperties;\n};\n\nconst useFloatingPosition = ({\n  anchor,\n  content,\n  enabled,\n  position,\n  align,\n  offset,\n  collisionPadding,\n  matchTriggerWidth = false,\n}: UseFloatingPositionOptions) => {\n  const [result, setResult] = useState<FloatingPositionState | null>(null);\n\n  useLayoutEffect(() => {\n    if (!enabled || !anchor || !content) {\n      setResult(null);\n      return;\n    }\n\n    const ownerDocument = anchor.ownerDocument;\n    const ownerWindow = ownerDocument.defaultView;\n\n    if (!ownerWindow || content.ownerDocument !== ownerDocument) {\n      setResult(null);\n      return;\n    }\n\n    let animationFrame = 0;\n    let disposed = false;\n\n    const updatePosition = () => {\n      if (\n        disposed ||\n        !anchor.isConnected ||\n        !content.isConnected ||\n        anchor.ownerDocument !== ownerDocument ||\n        content.ownerDocument !== ownerDocument ||\n        anchor.getClientRects().length === 0 ||\n        content.getClientRects().length === 0\n      ) {\n        return;\n      }\n\n      const anchorRect = anchor.getBoundingClientRect();\n      const contentRect = content.getBoundingClientRect();\n\n      if (\n        (anchorRect.width === 0 && anchorRect.height === 0) ||\n        (contentRect.width === 0 && contentRect.height === 0)\n      ) {\n        return;\n      }\n\n      const placement = calculatePosition(anchorRect, contentRect, {\n        position,\n        align,\n        offset,\n        collisionPadding,\n        viewportWidth: ownerDocument.documentElement.clientWidth,\n        viewportHeight: ownerDocument.documentElement.clientHeight,\n      });\n\n      setResult({\n        placement: placement.position,\n        style: {\n          position: \"fixed\",\n          top: placement.coordinates.top,\n          left: placement.coordinates.left,\n          ...(matchTriggerWidth ? { minWidth: anchorRect.width } : {}),\n        },\n      });\n    };\n\n    const requestFrame =\n      ownerWindow.requestAnimationFrame?.bind(ownerWindow) ??\n      ((callback: FrameRequestCallback) =>\n        ownerWindow.setTimeout(() => callback(Date.now()), 16));\n\n    const cancelFrame =\n      ownerWindow.cancelAnimationFrame?.bind(ownerWindow) ??\n      ownerWindow.clearTimeout.bind(ownerWindow);\n\n    const scheduleUpdate = () => {\n      cancelFrame(animationFrame);\n      animationFrame = requestFrame(updatePosition);\n    };\n\n    setResult(null);\n    updatePosition();\n\n    const ResizeObserverConstructor =\n      ownerWindow.ResizeObserver ?? globalThis.ResizeObserver;\n\n    const resizeObserver = ResizeObserverConstructor\n      ? new ResizeObserverConstructor(scheduleUpdate)\n      : null;\n\n    resizeObserver?.observe(anchor);\n    resizeObserver?.observe(content);\n\n    const handleResize = () => scheduleUpdate();\n    const handleScroll = () => scheduleUpdate();\n\n    ownerWindow.addEventListener(\"resize\", handleResize);\n    ownerWindow.addEventListener(\"scroll\", handleScroll, true);\n\n    const visualViewport = ownerWindow.visualViewport;\n\n    visualViewport?.addEventListener(\"resize\", handleResize);\n    visualViewport?.addEventListener(\"scroll\", handleScroll);\n\n    return () => {\n      disposed = true;\n\n      ownerWindow.cancelAnimationFrame(animationFrame);\n\n      resizeObserver?.disconnect();\n\n      ownerWindow.removeEventListener(\"resize\", handleResize);\n      ownerWindow.removeEventListener(\"scroll\", handleScroll, true);\n\n      visualViewport?.removeEventListener(\"resize\", handleResize);\n      visualViewport?.removeEventListener(\"scroll\", handleScroll);\n    };\n  }, [\n    anchor,\n    content,\n    enabled,\n    position,\n    align,\n    offset,\n    collisionPadding,\n    matchTriggerWidth,\n  ]);\n\n  return {\n    style: result?.style ?? null,\n    placement: result?.placement ?? position,\n    isPositioned: result !== null,\n  };\n};\n\nexport { useFloatingPosition };\n"],"mappings":";;;;AAgBA,MAAM,uBAAuB,EAC3B,QACA,SACA,SACA,UACA,OACA,QACA,kBACA,oBAAoB,YACY;CAChC,MAAM,CAAC,QAAQ,aAAa,SAAuC,IAAI;CAEvE,sBAAsB;EACpB,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,SAAS;GACnC,UAAU,IAAI;GACd;EACF;EAEA,MAAM,gBAAgB,OAAO;EAC7B,MAAM,cAAc,cAAc;EAElC,IAAI,CAAC,eAAe,QAAQ,kBAAkB,eAAe;GAC3D,UAAU,IAAI;GACd;EACF;EAEA,IAAI,iBAAiB;EACrB,IAAI,WAAW;EAEf,MAAM,uBAAuB;GAC3B,IACE,YACA,CAAC,OAAO,eACR,CAAC,QAAQ,eACT,OAAO,kBAAkB,iBACzB,QAAQ,kBAAkB,iBAC1B,OAAO,eAAe,CAAC,CAAC,WAAW,KACnC,QAAQ,eAAe,CAAC,CAAC,WAAW,GAEpC;GAGF,MAAM,aAAa,OAAO,sBAAsB;GAChD,MAAM,cAAc,QAAQ,sBAAsB;GAElD,IACG,WAAW,UAAU,KAAK,WAAW,WAAW,KAChD,YAAY,UAAU,KAAK,YAAY,WAAW,GAEnD;GAGF,MAAM,YAAY,kBAAkB,YAAY,aAAa;IAC3D;IACA;IACA;IACA;IACA,eAAe,cAAc,gBAAgB;IAC7C,gBAAgB,cAAc,gBAAgB;GAChD,CAAC;GAED,UAAU;IACR,WAAW,UAAU;IACrB,OAAO;KACL,UAAU;KACV,KAAK,UAAU,YAAY;KAC3B,MAAM,UAAU,YAAY;KAC5B,GAAI,oBAAoB,EAAE,UAAU,WAAW,MAAM,IAAI,CAAC;IAC5D;GACF,CAAC;EACH;EAEA,MAAM,eACJ,YAAY,uBAAuB,KAAK,WAAW,OACjD,aACA,YAAY,iBAAiB,SAAS,KAAK,IAAI,CAAC,GAAG,EAAE;EAEzD,MAAM,cACJ,YAAY,sBAAsB,KAAK,WAAW,KAClD,YAAY,aAAa,KAAK,WAAW;EAE3C,MAAM,uBAAuB;GAC3B,YAAY,cAAc;GAC1B,iBAAiB,aAAa,cAAc;EAC9C;EAEA,UAAU,IAAI;EACd,eAAe;EAEf,MAAM,4BACJ,YAAY,kBAAkB,WAAW;EAE3C,MAAM,iBAAiB,4BACnB,IAAI,0BAA0B,cAAc,IAC5C;EAEJ,gBAAgB,QAAQ,MAAM;EAC9B,gBAAgB,QAAQ,OAAO;EAE/B,MAAM,qBAAqB,eAAe;EAC1C,MAAM,qBAAqB,eAAe;EAE1C,YAAY,iBAAiB,UAAU,YAAY;EACnD,YAAY,iBAAiB,UAAU,cAAc,IAAI;EAEzD,MAAM,iBAAiB,YAAY;EAEnC,gBAAgB,iBAAiB,UAAU,YAAY;EACvD,gBAAgB,iBAAiB,UAAU,YAAY;EAEvD,aAAa;GACX,WAAW;GAEX,YAAY,qBAAqB,cAAc;GAE/C,gBAAgB,WAAW;GAE3B,YAAY,oBAAoB,UAAU,YAAY;GACtD,YAAY,oBAAoB,UAAU,cAAc,IAAI;GAE5D,gBAAgB,oBAAoB,UAAU,YAAY;GAC1D,gBAAgB,oBAAoB,UAAU,YAAY;EAC5D;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAED,OAAO;EACL,OAAO,QAAQ,SAAS;EACxB,WAAW,QAAQ,aAAa;EAChC,cAAc,WAAW;CAC3B;AACF"}