import { cn } from "../../utils/cn.mjs";
import { jsx } from "react/jsx-runtime";

//#region src/components/MaxWidthSmoother/index.tsx
const MaxWidthSmoother = ({ children, isHidden, minWidth = 0, align = "left", className, ...props }) => /* @__PURE__ */ jsx("div", {
	className: cn("relative grid h-full grid-cols-[0fr] overflow-x-hidden overflow-y-hidden transition-all duration-500 ease-in-out", isHidden ? "" : "grid-cols-[1fr]", className),
	"aria-hidden": isHidden,
	...props,
	children: /* @__PURE__ */ jsx("div", {
		style: { minWidth: `${minWidth}px` },
		tabIndex: isHidden !== false ? void 0 : -1,
		className: cn(align === "right" && "ml-auto"),
		children
	})
});

//#endregion
export { MaxWidthSmoother };
//# sourceMappingURL=index.mjs.map