@intlayer/design-system 7.0.5 → 7.0.7

package/dist/esm/components/Popover/dynamic.mjs

@@ -0,0 +1,130 @@
+'use client';
+
+
+import { Detail, PopoverStatic, PopoverXAlign, PopoverYAlign } from "./static.mjs";
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Popover/dynamic.tsx
+/**
+* Popover Component (Client-side)
+*
+* Client-side wrapper around the static Popover component.
+* Reuses the server-side compatible implementation.
+*
+* @param props - Popover component props
+* @returns Trigger container with popover functionality
+*/
+const PopoverComponent = (props) => {
+	return /* @__PURE__ */ jsx(PopoverStatic, { ...props });
+};
+/**
+* Popover Detail Component (Client-side)
+*
+* Client-side wrapper around the static Detail component that adds automatic
+* positioning logic based on viewport constraints.
+*
+* Features:
+* - Reuses server-side compatible static Detail component
+* - Adds automatic positioning adjustment based on viewport
+* - Calculates optimal X/Y alignment to prevent overflow
+* - Dynamically adjusts max-width based on available space
+* - Listens to window resize and scroll events
+*
+* @param props - Popover Detail component props
+* @returns Positioned popover content with animations and accessibility
+*/
+const Detail$1 = ({ xAlign = PopoverXAlign.START, yAlign = PopoverYAlign.BELOW,...props }) => {
+	const popoverRef = useRef(null);
+	const [computedXAlign, setComputedXAlign] = useState(xAlign);
+	const [computedYAlign, setComputedYAlign] = useState(yAlign);
+	const [maxWidth, setMaxWidth] = useState(void 0);
+	useEffect(() => {
+		const adjustPosition = () => {
+			if (!popoverRef.current) return;
+			const popoverElement = popoverRef.current;
+			const triggerElement$1 = document.getElementById(`unrollable-panel-button-${props.identifier}`);
+			if (!triggerElement$1) return;
+			const triggerRect = triggerElement$1.getBoundingClientRect();
+			const viewportWidth = window.innerWidth;
+			const viewportHeight = window.innerHeight;
+			const gap = 16;
+			const padding = 16;
+			const maxWidthFromLeft = viewportWidth - triggerRect.left - padding;
+			const maxWidthFromRight = triggerRect.right - padding;
+			setMaxWidth(Math.max(maxWidthFromLeft, maxWidthFromRight));
+			const wasInvisible = popoverElement.classList.contains("invisible");
+			if (wasInvisible) {
+				popoverElement.style.visibility = "hidden";
+				popoverElement.classList.remove("invisible");
+			}
+			requestAnimationFrame(() => {
+				const popoverRect = popoverElement.getBoundingClientRect();
+				if (wasInvisible) {
+					popoverElement.style.visibility = "";
+					popoverElement.classList.add("invisible");
+				}
+				let newYAlign = yAlign;
+				const spaceBelow = viewportHeight - triggerRect.bottom - gap;
+				const spaceAbove = triggerRect.top - gap;
+				if (yAlign === PopoverYAlign.BELOW && spaceBelow < popoverRect.height) {
+					if (spaceAbove >= popoverRect.height) newYAlign = PopoverYAlign.ABOVE;
+				} else if (yAlign === PopoverYAlign.ABOVE && spaceAbove < popoverRect.height) {
+					if (spaceBelow >= popoverRect.height) newYAlign = PopoverYAlign.BELOW;
+				}
+				let newXAlign = xAlign;
+				const spaceRight = viewportWidth - triggerRect.left - padding;
+				const spaceLeft = triggerRect.right - padding;
+				if (xAlign === PopoverXAlign.START && spaceRight < popoverRect.width) {
+					if (spaceLeft >= popoverRect.width) newXAlign = PopoverXAlign.END;
+				} else if (xAlign === PopoverXAlign.END && spaceLeft < popoverRect.width) {
+					if (spaceRight >= popoverRect.width) newXAlign = PopoverXAlign.START;
+				}
+				setComputedYAlign(newYAlign);
+				setComputedXAlign(newXAlign);
+			});
+		};
+		const timeoutId = setTimeout(adjustPosition, 0);
+		const triggerElement = document.getElementById(`unrollable-panel-button-${props.identifier}`);
+		if (triggerElement) {
+			triggerElement.addEventListener("mouseenter", adjustPosition);
+			triggerElement.addEventListener("focusin", adjustPosition);
+		}
+		const resizeObserver = new ResizeObserver(() => {
+			adjustPosition();
+		});
+		if (popoverRef.current) resizeObserver.observe(popoverRef.current);
+		window.addEventListener("resize", adjustPosition);
+		window.addEventListener("scroll", adjustPosition, true);
+		return () => {
+			clearTimeout(timeoutId);
+			if (triggerElement) {
+				triggerElement.removeEventListener("mouseenter", adjustPosition);
+				triggerElement.removeEventListener("focusin", adjustPosition);
+			}
+			resizeObserver.disconnect();
+			window.removeEventListener("resize", adjustPosition);
+			window.removeEventListener("scroll", adjustPosition, true);
+		};
+	}, [
+		props.identifier,
+		xAlign,
+		yAlign
+	]);
+	return /* @__PURE__ */ jsx(Detail, {
+		...props,
+		xAlign: computedXAlign,
+		yAlign: computedYAlign,
+		ref: popoverRef,
+		style: {
+			...props.style,
+			maxWidth: maxWidth ? `${maxWidth}px` : void 0
+		}
+	});
+};
+const Popover = PopoverComponent;
+Popover.Detail = Detail$1;
+
+//#endregion
+export { Popover };
+//# sourceMappingURL=dynamic.mjs.map

package/dist/esm/components/Popover/dynamic.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic.mjs","names":["PopoverComponent: FC<PopoverProps>","Detail: FC<DetailProps>","triggerElement","StaticDetail","Popover: PopoverType","Detail"],"sources":["../../../../src/components/Popover/dynamic.tsx"],"sourcesContent":["'use client';\n\nimport type { FC } from 'react';\nimport { useEffect, useRef, useState } from 'react';\nimport {\n  type DetailProps,\n  type PopoverProps,\n  PopoverStatic,\n  type PopoverType,\n  PopoverXAlign,\n  PopoverYAlign,\n  Detail as StaticDetail,\n} from './static';\n\n/**\n * Popover Component (Client-side)\n *\n * Client-side wrapper around the static Popover component.\n * Reuses the server-side compatible implementation.\n *\n * @param props - Popover component props\n * @returns Trigger container with popover functionality\n */\nconst PopoverComponent: FC<PopoverProps> = (props) => {\n  return <PopoverStatic {...props} />;\n};\n\n/**\n * Popover Detail Component (Client-side)\n *\n * Client-side wrapper around the static Detail component that adds automatic\n * positioning logic based on viewport constraints.\n *\n * Features:\n * - Reuses server-side compatible static Detail component\n * - Adds automatic positioning adjustment based on viewport\n * - Calculates optimal X/Y alignment to prevent overflow\n * - Dynamically adjusts max-width based on available space\n * - Listens to window resize and scroll events\n *\n * @param props - Popover Detail component props\n * @returns Positioned popover content with animations and accessibility\n */\nconst Detail: FC<DetailProps> = ({\n  xAlign = PopoverXAlign.START,\n  yAlign = PopoverYAlign.BELOW,\n  ...props\n}) => {\n  const popoverRef = useRef<HTMLDivElement>(null);\n  const [computedXAlign, setComputedXAlign] = useState(xAlign);\n  const [computedYAlign, setComputedYAlign] = useState(yAlign);\n  const [maxWidth, setMaxWidth] = useState<number | undefined>(undefined);\n\n  useEffect(() => {\n    const adjustPosition = () => {\n      if (!popoverRef.current) return;\n\n      const popoverElement = popoverRef.current;\n      const triggerElement = document.getElementById(\n        `unrollable-panel-button-${props.identifier}`\n      );\n\n      if (!triggerElement) return;\n\n      const triggerRect = triggerElement.getBoundingClientRect();\n      const viewportWidth = window.innerWidth;\n      const viewportHeight = window.innerHeight;\n      const gap = 16; // 1rem gap\n      const padding = 16; // Additional padding from viewport edges\n\n      // Calculate maximum width based on viewport and trigger position\n      const maxWidthFromLeft = viewportWidth - triggerRect.left - padding;\n      const maxWidthFromRight = triggerRect.right - padding;\n\n      // Use the larger space to ensure popover can fit\n      const absoluteMaxWidth = Math.max(maxWidthFromLeft, maxWidthFromRight);\n\n      setMaxWidth(absoluteMaxWidth);\n\n      // Force a layout calculation by temporarily making visible if needed\n      const wasInvisible = popoverElement.classList.contains('invisible');\n      if (wasInvisible) {\n        popoverElement.style.visibility = 'hidden';\n        popoverElement.classList.remove('invisible');\n      }\n\n      // Small delay to ensure max-width is applied and content reflows\n      requestAnimationFrame(() => {\n        const popoverRect = popoverElement.getBoundingClientRect();\n\n        // Restore invisible state if it was invisible\n        if (wasInvisible) {\n          popoverElement.style.visibility = '';\n          popoverElement.classList.add('invisible');\n        }\n\n        // Determine optimal Y alignment\n        let newYAlign = yAlign;\n        const spaceBelow = viewportHeight - triggerRect.bottom - gap;\n        const spaceAbove = triggerRect.top - gap;\n\n        if (yAlign === PopoverYAlign.BELOW && spaceBelow < popoverRect.height) {\n          // Not enough space below, try above\n          if (spaceAbove >= popoverRect.height) {\n            newYAlign = PopoverYAlign.ABOVE;\n          }\n        } else if (\n          yAlign === PopoverYAlign.ABOVE &&\n          spaceAbove < popoverRect.height\n        ) {\n          // Not enough space above, try below\n          if (spaceBelow >= popoverRect.height) {\n            newYAlign = PopoverYAlign.BELOW;\n          }\n        }\n\n        // Determine optimal X alignment\n        let newXAlign = xAlign;\n        const spaceRight = viewportWidth - triggerRect.left - padding;\n        const spaceLeft = triggerRect.right - padding;\n\n        if (xAlign === PopoverXAlign.START && spaceRight < popoverRect.width) {\n          // Not enough space on the right, try left\n          if (spaceLeft >= popoverRect.width) {\n            newXAlign = PopoverXAlign.END;\n          }\n        } else if (\n          xAlign === PopoverXAlign.END &&\n          spaceLeft < popoverRect.width\n        ) {\n          // Not enough space on the left, try right\n          if (spaceRight >= popoverRect.width) {\n            newXAlign = PopoverXAlign.START;\n          }\n        }\n\n        setComputedYAlign(newYAlign);\n        setComputedXAlign(newXAlign);\n      });\n    };\n\n    // Adjust position with a slight delay to ensure DOM is ready\n    const timeoutId = setTimeout(adjustPosition, 0);\n\n    // Listen to mouse enter on the trigger to recalculate\n    const triggerElement = document.getElementById(\n      `unrollable-panel-button-${props.identifier}`\n    );\n\n    if (triggerElement) {\n      triggerElement.addEventListener('mouseenter', adjustPosition);\n      triggerElement.addEventListener('focusin', adjustPosition);\n    }\n\n    // Use ResizeObserver to detect popover content size changes\n    const resizeObserver = new ResizeObserver(() => {\n      adjustPosition();\n    });\n\n    if (popoverRef.current) {\n      resizeObserver.observe(popoverRef.current);\n    }\n\n    window.addEventListener('resize', adjustPosition);\n    window.addEventListener('scroll', adjustPosition, true);\n\n    return () => {\n      clearTimeout(timeoutId);\n      if (triggerElement) {\n        triggerElement.removeEventListener('mouseenter', adjustPosition);\n        triggerElement.removeEventListener('focusin', adjustPosition);\n      }\n      resizeObserver.disconnect();\n      window.removeEventListener('resize', adjustPosition);\n      window.removeEventListener('scroll', adjustPosition, true);\n    };\n  }, [props.identifier, xAlign, yAlign]);\n\n  // Use the static Detail component with computed alignment values\n  return (\n    <StaticDetail\n      {...props}\n      xAlign={computedXAlign}\n      yAlign={computedYAlign}\n      ref={popoverRef}\n      style={{\n        ...props.style,\n        maxWidth: maxWidth ? `${maxWidth}px` : undefined,\n      }}\n    />\n  );\n};\n\n// Create Popover with Detail attached\nexport const Popover: PopoverType = PopoverComponent as PopoverType;\n\nPopover.Detail = Detail;\n"],"mappings":"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"}

package/dist/esm/components/Popover/static.mjs

@@ -0,0 +1,194 @@
+import { cn } from "../../utils/cn.mjs";
+import { Container } from "../Container/index.mjs";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/Popover/static.tsx
+/**
+* Horizontal alignment options for popover positioning
+*/
+let PopoverXAlign = /* @__PURE__ */ function(PopoverXAlign$1) {
+	/** Align popover to start (left) of trigger */
+	PopoverXAlign$1["START"] = "start";
+	/** Align popover to end (right) of trigger */
+	PopoverXAlign$1["END"] = "end";
+	return PopoverXAlign$1;
+}({});
+/**
+* Vertical alignment options for popover positioning
+*/
+let PopoverYAlign = /* @__PURE__ */ function(PopoverYAlign$1) {
+	/** Position popover below the trigger */
+	PopoverYAlign$1["BELOW"] = "bellow";
+	/** Position popover above the trigger */
+	PopoverYAlign$1["ABOVE"] = "above";
+	return PopoverYAlign$1;
+}({});
+/**
+* Popover Component
+*
+* A versatile popover container that displays contextual content when triggered by hover
+* or focus interactions. Built with accessibility in mind and supports multiple positioning
+* options with smooth animations.
+*
+* Features:
+* - Hover and focus-based triggering
+* - Multiple positioning options (above/below, start/end)
+* - Accessibility compliant with ARIA attributes
+* - Smooth animations with configurable delays
+* - Optional directional arrows
+* - Automatic z-index management
+* - Responsive design support
+*
+* Architecture:
+* - Main Popover acts as trigger container
+* - Popover.Detail renders the actual popover content
+* - Uses CSS groups for coordinated hover/focus states
+* - Unique identifier system prevents conflicts
+*
+* @example
+* Basic hover popover:
+* ```jsx
+* <Popover identifier="help-tooltip">
+*   <button>Need Help?</button>
+*
+*   <Popover.Detail identifier="help-tooltip">
+*     <div>This is helpful information!</div>
+*   </Popover.Detail>
+* </Popover>
+* ```
+*
+* @example
+* Focus-triggered popover:
+* ```jsx
+* <Popover identifier="focus-menu">
+*   <input placeholder="Focus me" />
+*
+*   <Popover.Detail
+*     identifier="focus-menu"
+*     isFocusable
+*     isOverable={false}
+*   >
+*     <div>Focus-only menu content</div>
+*   </Popover.Detail>
+* </Popover>
+* ```
+*
+* @example
+* Positioned popover with custom alignment:
+* ```jsx
+* <Popover identifier="positioned">
+*   <span>Hover me</span>
+*
+*   <Popover.Detail
+*     identifier="positioned"
+*     xAlign={PopoverXAlign.END}
+*     yAlign={PopoverYAlign.ABOVE}
+*     displayArrow={false}
+*   >
+*     <div>Above and right-aligned</div>
+*   </Popover.Detail>
+* </Popover>
+* ```
+*
+* Accessibility Features:
+* - Proper ARIA labeling and relationships
+* - Keyboard navigation support
+* - Screen reader compatibility
+* - Focus management
+*
+* Performance Considerations:
+* - CSS-only animations for smooth transitions
+* - Efficient group-based state management
+* - Minimal DOM updates during interactions
+*
+* @param props - Popover component props
+* @returns Trigger container with popover functionality
+*/
+const PopoverStatic = ({ children, className, identifier,...props }) => /* @__PURE__ */ jsx("div", {
+	className: cn("group/popover relative flex cursor-pointer", className),
+	id: `unrollable-panel-button-${identifier}`,
+	"aria-haspopup": true,
+	...props,
+	children
+});
+/**
+* Popover Detail Component
+*
+* The actual popover content container with advanced positioning, animation, and
+* accessibility features. Automatically manages visibility based on trigger interactions.
+*
+* Features:
+* - Precise positioning with alignment options
+* - Smooth fade and slide animations
+* - Configurable directional arrows
+* - Hover and focus interaction support
+* - Accessibility-compliant ARIA attributes
+* - High z-index for overlay behavior
+* - Automatic visibility management
+*
+* Positioning System:
+* - X-axis: START (left-aligned) or END (right-aligned)
+* - Y-axis: BELOW (underneath) or ABOVE (on top)
+* - Automatic spacing with 1rem gap from trigger
+* - Responsive minimum width matching trigger
+*
+* Arrow Indicators:
+* - CSS-generated triangular arrows
+* - Positioned based on alignment settings
+* - Points toward trigger for visual connection
+* - Can be disabled for clean, minimal appearance
+*
+* Animation Behavior:
+* - Starts invisible with opacity: 0
+* - Smooth 400ms transitions with easing
+* - 800ms delay for hover states (prevents flicker)
+* - Immediate hiding when trigger loses focus/hover
+*
+* @example
+* Rich content popover:
+* ```jsx
+* <Popover.Detail identifier="rich-content">
+*   <div className="p-4">
+*     <h3>Popover Title</h3>
+*     <p>Detailed information with multiple paragraphs.</p>
+*     <button>Action Button</button>
+*   </div>
+* </Popover.Detail>
+* ```
+*
+* @example
+* Menu-style popover:
+* ```jsx
+* <Popover.Detail
+*   identifier="context-menu"
+*   displayArrow={false}
+*   xAlign={PopoverXAlign.END}
+* >
+*   <ul className="py-2">
+*     <li><button className="w-full px-4 py-2">Edit</button></li>
+*     <li><button className="w-full px-4 py-2">Delete</button></li>
+*   </ul>
+* </Popover.Detail>
+* ```
+*
+* @param props - Popover Detail component props
+* @returns Positioned popover content with animations and accessibility
+*/
+const Detail = forwardRef(({ children, isHidden = void 0, isOverable = true, isFocusable = false, xAlign = PopoverXAlign.START, yAlign = PopoverYAlign.BELOW, identifier, className, displayArrow = true,...props }, ref) => /* @__PURE__ */ jsx(Container, {
+	ref,
+	transparency: "sm",
+	role: "group",
+	"aria-hidden": isHidden,
+	"aria-labelledby": `unrollable-panel-button-${identifier}`,
+	id: `unrollable-panel-${identifier}`,
+	className: cn("absolute z-[1000] min-w-full rounded-md ring-1 ring-neutral", xAlign === "start" && "left-0", xAlign === "end" && "right-0", yAlign === "bellow" && "top-[calc(100%+1rem)]", yAlign === "above" && "bottom-[calc(100%+1rem)]", displayArrow && "before:absolute before:z-[999] before:h-0 before:w-0 before:content-[\"\"]", displayArrow && xAlign === "start" && "before:left-2", displayArrow && xAlign === "end" && "before:right-2", displayArrow && yAlign === "bellow" && "before:-top-[10px] before:border-r-[10px] before:border-r-transparent before:border-b-[10px] before:border-b-neutral before:border-l-[10px] before:border-l-transparent", displayArrow && yAlign === "above" && "before:-bottom-[10px] before:border-t-[10px] before:border-t-neutral before:border-r-[10px] before:border-r-transparent before:border-l-[10px] before:border-l-transparent", "overflow-x-visible opacity-0 transition-all duration-400 ease-in-out", isHidden !== false ? "invisible" : "visible opacity-100 delay-800", isOverable && "group-hover/popover:visible group-hover/popover:opacity-100 group-hover/popover:delay-800", isFocusable && "group-focus-within/popover:visible group-focus-within/popover:opacity-100 group-focus-within/popover:delay-800", className),
+	...props,
+	children
+}));
+Detail.displayName = "Popover.Detail";
+PopoverStatic.Detail = Detail;
+
+//#endregion
+export { Detail, PopoverStatic, PopoverXAlign, PopoverYAlign };
+//# sourceMappingURL=static.mjs.map

package/dist/esm/components/Popover/static.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"static.mjs","names":["PopoverStatic: PopoverType"],"sources":["../../../../src/components/Popover/static.tsx"],"sourcesContent":["import type { DetailedHTMLProps, FC, HTMLAttributes } from 'react';\nimport { forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Container } from '../Container';\n\n/**\n * Props for the main Popover component\n * Extends HTMLDivElement attributes for full DOM compatibility\n */\nexport type PopoverProps = DetailedHTMLProps<\n  HTMLAttributes<HTMLDivElement>,\n  HTMLDivElement\n> & {\n  /** Unique identifier linking the trigger to its popover content for accessibility */\n  identifier: string;\n};\n\n/**\n * Composite type for the Popover component with Detail subcomponent\n * Allows for Popover.Detail usage pattern\n */\nexport type PopoverType = FC<PopoverProps> & {\n  Detail: FC<DetailProps>;\n};\n\n/**\n * Horizontal alignment options for popover positioning\n */\nexport enum PopoverXAlign {\n  /** Align popover to start (left) of trigger */\n  START = 'start',\n  /** Align popover to end (right) of trigger */\n  END = 'end',\n}\n\n/**\n * Vertical alignment options for popover positioning\n */\nexport enum PopoverYAlign {\n  /** Position popover below the trigger */\n  BELOW = 'bellow',\n  /** Position popover above the trigger */\n  ABOVE = 'above',\n}\n\n/**\n * Popover Component\n *\n * A versatile popover container that displays contextual content when triggered by hover\n * or focus interactions. Built with accessibility in mind and supports multiple positioning\n * options with smooth animations.\n *\n * Features:\n * - Hover and focus-based triggering\n * - Multiple positioning options (above/below, start/end)\n * - Accessibility compliant with ARIA attributes\n * - Smooth animations with configurable delays\n * - Optional directional arrows\n * - Automatic z-index management\n * - Responsive design support\n *\n * Architecture:\n * - Main Popover acts as trigger container\n * - Popover.Detail renders the actual popover content\n * - Uses CSS groups for coordinated hover/focus states\n * - Unique identifier system prevents conflicts\n *\n * @example\n * Basic hover popover:\n * ```jsx\n * <Popover identifier=\"help-tooltip\">\n *   <button>Need Help?</button>\n *\n *   <Popover.Detail identifier=\"help-tooltip\">\n *     <div>This is helpful information!</div>\n *   </Popover.Detail>\n * </Popover>\n * ```\n *\n * @example\n * Focus-triggered popover:\n * ```jsx\n * <Popover identifier=\"focus-menu\">\n *   <input placeholder=\"Focus me\" />\n *\n *   <Popover.Detail\n *     identifier=\"focus-menu\"\n *     isFocusable\n *     isOverable={false}\n *   >\n *     <div>Focus-only menu content</div>\n *   </Popover.Detail>\n * </Popover>\n * ```\n *\n * @example\n * Positioned popover with custom alignment:\n * ```jsx\n * <Popover identifier=\"positioned\">\n *   <span>Hover me</span>\n *\n *   <Popover.Detail\n *     identifier=\"positioned\"\n *     xAlign={PopoverXAlign.END}\n *     yAlign={PopoverYAlign.ABOVE}\n *     displayArrow={false}\n *   >\n *     <div>Above and right-aligned</div>\n *   </Popover.Detail>\n * </Popover>\n * ```\n *\n * Accessibility Features:\n * - Proper ARIA labeling and relationships\n * - Keyboard navigation support\n * - Screen reader compatibility\n * - Focus management\n *\n * Performance Considerations:\n * - CSS-only animations for smooth transitions\n * - Efficient group-based state management\n * - Minimal DOM updates during interactions\n *\n * @param props - Popover component props\n * @returns Trigger container with popover functionality\n */\nexport const PopoverStatic: PopoverType = ({\n  children,\n  className,\n  identifier,\n  ...props\n}) => (\n  <div\n    className={cn('group/popover relative flex cursor-pointer', className)}\n    id={`unrollable-panel-button-${identifier}`}\n    aria-haspopup\n    {...props}\n  >\n    {children}\n  </div>\n);\n\n/**\n * Props for the Popover.Detail component\n * Extends HTMLDivElement attributes for styling flexibility\n */\nexport type DetailProps = HTMLAttributes<HTMLDivElement> & {\n  /** Whether the popover responds to focus events on the trigger */\n  isFocusable?: boolean;\n  /** Controls visibility state - undefined allows automatic hover/focus control */\n  isHidden?: boolean;\n  /** Whether the popover responds to hover events on the trigger */\n  isOverable?: boolean;\n  /** Unique identifier matching the trigger's identifier for accessibility */\n  identifier: string;\n  /** Horizontal positioning relative to trigger */\n  xAlign?: PopoverXAlign | `${PopoverXAlign}`;\n  /** Vertical positioning relative to trigger */\n  yAlign?: PopoverYAlign | `${PopoverYAlign}`;\n  /** Whether to display the directional arrow indicator */\n  displayArrow?: boolean;\n};\n\n/**\n * Popover Detail Component\n *\n * The actual popover content container with advanced positioning, animation, and\n * accessibility features. Automatically manages visibility based on trigger interactions.\n *\n * Features:\n * - Precise positioning with alignment options\n * - Smooth fade and slide animations\n * - Configurable directional arrows\n * - Hover and focus interaction support\n * - Accessibility-compliant ARIA attributes\n * - High z-index for overlay behavior\n * - Automatic visibility management\n *\n * Positioning System:\n * - X-axis: START (left-aligned) or END (right-aligned)\n * - Y-axis: BELOW (underneath) or ABOVE (on top)\n * - Automatic spacing with 1rem gap from trigger\n * - Responsive minimum width matching trigger\n *\n * Arrow Indicators:\n * - CSS-generated triangular arrows\n * - Positioned based on alignment settings\n * - Points toward trigger for visual connection\n * - Can be disabled for clean, minimal appearance\n *\n * Animation Behavior:\n * - Starts invisible with opacity: 0\n * - Smooth 400ms transitions with easing\n * - 800ms delay for hover states (prevents flicker)\n * - Immediate hiding when trigger loses focus/hover\n *\n * @example\n * Rich content popover:\n * ```jsx\n * <Popover.Detail identifier=\"rich-content\">\n *   <div className=\"p-4\">\n *     <h3>Popover Title</h3>\n *     <p>Detailed information with multiple paragraphs.</p>\n *     <button>Action Button</button>\n *   </div>\n * </Popover.Detail>\n * ```\n *\n * @example\n * Menu-style popover:\n * ```jsx\n * <Popover.Detail\n *   identifier=\"context-menu\"\n *   displayArrow={false}\n *   xAlign={PopoverXAlign.END}\n * >\n *   <ul className=\"py-2\">\n *     <li><button className=\"w-full px-4 py-2\">Edit</button></li>\n *     <li><button className=\"w-full px-4 py-2\">Delete</button></li>\n *   </ul>\n * </Popover.Detail>\n * ```\n *\n * @param props - Popover Detail component props\n * @returns Positioned popover content with animations and accessibility\n */\nconst Detail = forwardRef<HTMLDivElement, DetailProps>(\n  (\n    {\n      children,\n      isHidden = undefined,\n      isOverable = true,\n      isFocusable = false,\n      xAlign = PopoverXAlign.START,\n      yAlign = PopoverYAlign.BELOW,\n      identifier,\n      className,\n      displayArrow = true,\n      ...props\n    },\n    ref\n  ) => (\n    <Container\n      ref={ref}\n      transparency=\"sm\"\n      role=\"group\"\n      aria-hidden={isHidden}\n      aria-labelledby={`unrollable-panel-button-${identifier}`}\n      id={`unrollable-panel-${identifier}`}\n      className={cn(\n        'absolute z-[1000] min-w-full rounded-md ring-1 ring-neutral',\n\n        /* Positioning */\n        xAlign === 'start' && 'left-0',\n        xAlign === 'end' && 'right-0',\n        yAlign === 'bellow' && 'top-[calc(100%+1rem)]',\n        yAlign === 'above' && 'bottom-[calc(100%+1rem)]',\n\n        /* Arrow indicator */\n        displayArrow &&\n          'before:absolute before:z-[999] before:h-0 before:w-0 before:content-[\"\"]',\n\n        /* Horizontal positioning */\n        displayArrow && xAlign === 'start' && 'before:left-2',\n        displayArrow && xAlign === 'end' && 'before:right-2',\n\n        /* Arrow pointing up (when popover is below trigger) */\n        displayArrow &&\n          yAlign === 'bellow' &&\n          'before:-top-[10px] before:border-r-[10px] before:border-r-transparent before:border-b-[10px] before:border-b-neutral before:border-l-[10px] before:border-l-transparent',\n\n        /* Arrow pointing down (when popover is above trigger) */\n        displayArrow &&\n          yAlign === 'above' &&\n          'before:-bottom-[10px] before:border-t-[10px] before:border-t-neutral before:border-r-[10px] before:border-r-transparent before:border-l-[10px] before:border-l-transparent',\n\n        /* Visibility management */\n        'overflow-x-visible opacity-0 transition-all duration-400 ease-in-out',\n        isHidden !== false ? 'invisible' : 'visible opacity-100 delay-800',\n        isOverable &&\n          'group-hover/popover:visible group-hover/popover:opacity-100 group-hover/popover:delay-800',\n        isFocusable &&\n          'group-focus-within/popover:visible group-focus-within/popover:opacity-100 group-focus-within/popover:delay-800',\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </Container>\n  )\n);\n\nDetail.displayName = 'Popover.Detail';\n\nPopoverStatic.Detail = Detail;\n\n// Export Detail for use in dynamic version\nexport { Detail };\n"],"mappings":";;;;;;;;;AA4BA,IAAY,0DAAL;;AAEL;;AAEA;;;;;;AAMF,IAAY,0DAAL;;AAEL;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoFF,MAAaA,iBAA8B,EACzC,UACA,WACA,WACA,GAAG,YAEH,oBAAC;CACC,WAAW,GAAG,8CAA8C,UAAU;CACtE,IAAI,2BAA2B;CAC/B;CACA,GAAI;CAEH;EACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFR,MAAM,SAAS,YAEX,EACE,UACA,WAAW,QACX,aAAa,MACb,cAAc,OACd,SAAS,cAAc,OACvB,SAAS,cAAc,OACvB,YACA,WACA,eAAe,KACf,GAAG,SAEL,QAEA,oBAAC;CACM;CACL,cAAa;CACb,MAAK;CACL,eAAa;CACb,mBAAiB,2BAA2B;CAC5C,IAAI,oBAAoB;CACxB,WAAW,GACT,+DAGA,WAAW,WAAW,UACtB,WAAW,SAAS,WACpB,WAAW,YAAY,yBACvB,WAAW,WAAW,4BAGtB,gBACE,8EAGF,gBAAgB,WAAW,WAAW,iBACtC,gBAAgB,WAAW,SAAS,kBAGpC,gBACE,WAAW,YACX,2KAGF,gBACE,WAAW,WACX,8KAGF,wEACA,aAAa,QAAQ,cAAc,iCACnC,cACE,6FACF,eACE,kHACF,UACD;CACD,GAAI;CAEH;EACS,CAEf;AAED,OAAO,cAAc;AAErB,cAAc,SAAS"}

package/dist/types/components/Breadcrumb/breadcrumb.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types382 from "@intlayer/types";
+import * as _intlayer_types5 from "@intlayer/types";
 
 //#region src/components/Breadcrumb/breadcrumb.content.d.ts
 declare const breadCrumbContent: {
   key: string;
   content: {
-    linkLabel: _intlayer_types382.TypedNodeModel<_intlayer_types382.NodeType.Translation, {
+    linkLabel: _intlayer_types5.TypedNodeModel<_intlayer_types5.NodeType.Translation, {
       en: string;
       fr: string;
       es: string;
@@ -23,7 +23,7 @@ declare const breadCrumbContent: {
       id: string;
       vi: string;
     }, {
-      nodeType: "translation" | _intlayer_types382.NodeType.Translation;
+      nodeType: _intlayer_types5.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;

package/dist/types/components/Breadcrumb/breadcrumb.content.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.content.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/breadcrumb.content.ts"],"sourcesContent":[],"mappings":";;;cAEa;;;IAAA,SAAA,mCA2BS,0CAAA"}
+{"version":3,"file":"breadcrumb.content.d.ts","names":[],"sources":["../../../../src/components/Breadcrumb/breadcrumb.content.ts"],"sourcesContent":[],"mappings":";;;cAEa;;;IAAA,SAAA,iCA2BS,wCAAA"}

package/dist/types/components/Breadcrumb/index.d.ts

@@ -1,6 +1,6 @@
 import { LinkColor } from "../Link/Link.js";
 import { FC, HTMLAttributes, ReactNode } from "react";
-import * as class_variance_authority_types6 from "class-variance-authority/types";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { LocalesValues } from "@intlayer/types";
 
@@ -11,7 +11,7 @@ import { LocalesValues } from "@intlayer/types";
 declare const breadcrumbVariants: (props?: {
   size?: "small" | "medium" | "large";
   spacing?: "compact" | "normal" | "loose";
-} & class_variance_authority_types6.ClassProp) => string;
+} & class_variance_authority_types0.ClassProp) => string;
 /**
  * Detailed breadcrumb link configuration with optional href or onClick
  */

package/dist/types/components/Browser/Browser.content.d.ts

@@ -1,10 +1,10 @@
-import * as _intlayer_types367 from "@intlayer/types";
+import * as _intlayer_types353 from "@intlayer/types";
 
 //#region src/components/Browser/Browser.content.d.ts
 declare const browserContent: {
   key: string;
   content: {
-    ariaLabel: _intlayer_types367.TypedNodeModel<_intlayer_types367.NodeType.Translation, {
+    ariaLabel: _intlayer_types353.TypedNodeModel<_intlayer_types353.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -22,7 +22,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: "translation" | _intlayer_types367.NodeType.Translation;
+      nodeType: _intlayer_types353.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -43,7 +43,7 @@ declare const browserContent: {
         id: string;
       };
     }>;
-    urlLabel: _intlayer_types367.TypedNodeModel<_intlayer_types367.NodeType.Translation, {
+    urlLabel: _intlayer_types353.TypedNodeModel<_intlayer_types353.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -61,7 +61,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: "translation" | _intlayer_types367.NodeType.Translation;
+      nodeType: _intlayer_types353.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -83,7 +83,7 @@ declare const browserContent: {
       };
     }>;
     urlPlaceholder: string;
-    errorMessage: _intlayer_types367.TypedNodeModel<_intlayer_types367.NodeType.Translation, {
+    errorMessage: _intlayer_types353.TypedNodeModel<_intlayer_types353.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -101,7 +101,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: "translation" | _intlayer_types367.NodeType.Translation;
+      nodeType: _intlayer_types353.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -122,7 +122,7 @@ declare const browserContent: {
         id: string;
       };
     }>;
-    reloadButtonTitle: _intlayer_types367.TypedNodeModel<_intlayer_types367.NodeType.Translation, {
+    reloadButtonTitle: _intlayer_types353.TypedNodeModel<_intlayer_types353.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -140,7 +140,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: "translation" | _intlayer_types367.NodeType.Translation;
+      nodeType: _intlayer_types353.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;
@@ -161,7 +161,7 @@ declare const browserContent: {
         id: string;
       };
     }>;
-    iframeTitle: _intlayer_types367.TypedNodeModel<_intlayer_types367.NodeType.Translation, {
+    iframeTitle: _intlayer_types353.TypedNodeModel<_intlayer_types353.NodeType.Translation, {
       en: string;
       'en-GB': string;
       fr: string;
@@ -179,7 +179,7 @@ declare const browserContent: {
       pl: string;
       id: string;
     }, {
-      nodeType: "translation" | _intlayer_types367.NodeType.Translation;
+      nodeType: _intlayer_types353.NodeType.Translation | "translation";
     } & {
       translation: {
         en: string;

package/dist/types/components/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, DetailedHTMLProps, FC } from "react";
-import * as class_variance_authority_types7 from "class-variance-authority/types";
+import * as class_variance_authority_types12 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 import { LucideIcon } from "lucide-react";
 
@@ -65,13 +65,13 @@ declare enum ButtonTextAlign {
  */
 declare const buttonVariants: (props?: {
   size?: "md" | "sm" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl";
-  color?: "error" | "text" | "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text-inverse" | "success" | "custom";
-  variant?: "input" | "default" | "none" | "invisible-link" | "hoverable" | "outline" | "link";
+  color?: "primary" | "secondary" | "destructive" | "neutral" | "light" | "dark" | "text" | "text-inverse" | "error" | "success" | "custom";
+  variant?: "default" | "invisible-link" | "hoverable" | "none" | "input" | "link" | "outline";
   textAlign?: "left" | "right" | "center";
   isFullWidth?: boolean;
   hasIconLeft?: boolean;
   hasIconRight?: boolean;
-} & class_variance_authority_types7.ClassProp) => string;
+} & class_variance_authority_types12.ClassProp) => string;
 /**
  * Enhanced Button component props with comprehensive type safety and accessibility features
  */

package/dist/types/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAQY,aAAA,UAAA;EAcA,EAAA,GAAA,IAAA;EA8BA,EAAA,GAAA,IAAA;EAaA,EAAA,GAAA,IAAA;EAiBA,EAAA,GAAA,IAAA;EASN,OAAA,GAAA,SAyFL;EAKW,OAAA,GAAA,SAAW;EACA,OAAA,GAAA,SAAA;EAArB,OAAA,GAAA,SAAA;;;;;AAaS,aAjLC,kBAAA;EAiLI,IAAA,GAAA,MAAA;EAKA,KAAA,GAAA,OAAA;;;AA8FhB;;aAtPY,aAAA;;;;;;;;;;;;aAaA,WAAA;;;;;;;;;;;;;;;;aAiBA,eAAA;;;;;;;;cASN;;;;;;;;IAyFL,+BAAA,CAAA;;;;KAKW,WAAA,GAAc,kBACxB,qBAAqB,oBACrB,qBAEA,oBAAoB;;;;;;;;;SAUX,KAAK;;;;cAKA,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8FR,QAAQ,GAAG"}
+{"version":3,"file":"Button.d.ts","names":[],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAQY,aAAA,UAAA;EAcA,EAAA,GAAA,IAAA;EA8BA,EAAA,GAAA,IAAA;EAaA,EAAA,GAAA,IAAA;EAiBA,EAAA,GAAA,IAAA;EASN,OAAA,GAAA,SAyFL;EAKW,OAAA,GAAA,SAAW;EACA,OAAA,GAAA,SAAA;EAArB,OAAA,GAAA,SAAA;;;;;AAaS,aAjLC,kBAAA;EAiLI,IAAA,GAAA,MAAA;EAKA,KAAA,GAAA,OAAA;;;AA8FhB;;aAtPY,aAAA;;;;;;;;;;;;aAaA,WAAA;;;;;;;;;;;;;;;;aAiBA,eAAA;;;;;;;;cASN;;;;;;;;IAyFL,gCAAA,CAAA;;;;KAKW,WAAA,GAAc,kBACxB,qBAAqB,oBACrB,qBAEA,oBAAoB;;;;;;;;;SAUX,KAAK;;;;cAKA,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA8FR,QAAQ,GAAG"}

package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts

@@ -1,13 +1,13 @@
 import { FC, HTMLAttributes, ReactNode } from "react";
-import * as class_variance_authority_types2 from "class-variance-authority/types";
+import * as class_variance_authority_types11 from "class-variance-authority/types";
 import { VariantProps } from "class-variance-authority";
 
 //#region src/components/CollapsibleTable/CollapsibleTable.d.ts
 declare const collapsibleTableVariants: (props?: {
-  size?: "full" | "md" | "lg" | "sm" | "xl";
-  variant?: "default" | "dark" | "ghost" | "outlined";
-  spacing?: "auto" | "md" | "lg" | "none" | "sm";
-} & class_variance_authority_types2.ClassProp) => string;
+  size?: "sm" | "md" | "lg" | "xl" | "full";
+  variant?: "dark" | "default" | "ghost" | "outlined";
+  spacing?: "sm" | "md" | "lg" | "none" | "auto";
+} & class_variance_authority_types11.ClassProp) => string;
 interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {
   /** Table title displayed in the header */
   title: string;

package/dist/types/components/CollapsibleTable/CollapsibleTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleTable.d.ts","names":[],"sources":["../../../../src/components/CollapsibleTable/CollapsibleTable.tsx"],"sourcesContent":[],"mappings":";;;;;cASM,gCA8EJ;;;EA9EI,OAAA,CAAA,EAAA,MAAA,GAAA,IAAA,GAAA,IA+BL,GAAA,MAAA,GAAA,IAAA;AA8CD,CAAA,GA9CC,+BAAA,CAAA,SA+CC,EAAA,GAAA,MAAA;AAA4B,UADb,qBAAA,SACP,IAAoB,CAAf,cAAe,CAAA,cAAA,CAAA,EAAA,OAAA,CAAA,EAC1B,YAD0B,CAAA,OACN,wBADM,CAAA,CAAA;EAAf;EACS,KAAA,EAAA,MAAA;EAIhB;EAsBO,IAAA,EAtBP,MAsBO,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA;EAUW;EAA4B,SAAA,CAAA,EAAA,MAAA;EAFlC;EAnCV,eAAA,CAAA,EAAA,MAAA;EACN;EAAY,gBAAA,CAAA,EAAA,MAAA;EAoIH;;;;;;;;;;;;;;;eA1GE;;;;;;;;oBAQK,qCAEM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgGzC,kBAAkB,GAAG"}
+{"version":3,"file":"CollapsibleTable.d.ts","names":[],"sources":["../../../../src/components/CollapsibleTable/CollapsibleTable.tsx"],"sourcesContent":[],"mappings":";;;;;cASM,gCA8EJ;;;EA9EI,OAAA,CAAA,EAAA,IAAA,GAAA,IAAA,GAAA,IA+BL,GAAA,MAAA,GAAA,MAAA;AA8CD,CAAA,GA9CC,gCAAA,CAAA,SA+CC,EAAA,GAAA,MAAA;AAA4B,UADb,qBAAA,SACP,IAAoB,CAAf,cAAe,CAAA,cAAA,CAAA,EAAA,OAAA,CAAA,EAC1B,YAD0B,CAAA,OACN,wBADM,CAAA,CAAA;EAAf;EACS,KAAA,EAAA,MAAA;EAIhB;EAsBO,IAAA,EAtBP,MAsBO,CAAA,MAAA,EAAA,OAAA,CAAA,EAAA;EAUW;EAA4B,SAAA,CAAA,EAAA,MAAA;EAFlC;EAnCV,eAAA,CAAA,EAAA,MAAA;EACN;EAAY,gBAAA,CAAA,EAAA,MAAA;EAoIH;;;;;;;;;;;;;;;eA1GE;;;;;;;;oBAQK,qCAEM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAgGzC,kBAAkB,GAAG"}