moduix 0.11.1 → 0.11.3

package/dist/components/Heading/Heading.cjs

@@ -1,25 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Heading_module = require("./Heading.module.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx);
-//#region src/components/Heading/Heading.tsx
-const defaultSizeByElement = {
-	h1: "2xl",
-	h2: "xl",
-	h3: "lg",
-	h4: "md",
-	h5: "sm",
-	h6: "xs"
-};
-function Heading({ as = "h1", size, weight = "semibold", className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(as, {
-		"data-slot": "heading-root",
-		"data-size": size ?? defaultSizeByElement[as],
-		"data-weight": weight,
-		className: (0, clsx.default)(require_Heading_module.default.root, className),
-		...props
-	});
-}
-//#endregion
-exports.Heading = Heading;

package/dist/components/Heading/Heading.module.cjs

@@ -1,5 +0,0 @@
-import './Heading.css';
-//#region src/components/Heading/Heading.module.css
-var Heading_module_default = { "root": "qDe8qG_root" };
-//#endregion
-exports.default = Heading_module_default;

package/dist/components/Input/Input.cjs

@@ -1,18 +0,0 @@
-const require_mergeClassName = require("../../utils/mergeClassName.cjs");
-const require_Input_module = require("./Input.module.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let react = require("react");
-let _base_ui_react_input = require("@base-ui/react/input");
-//#region src/components/Input/Input.tsx
-const Input = (0, react.forwardRef)(function Input({ className, size = "md", htmlSize, ...props }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_input.Input, {
-		ref,
-		"data-slot": "input-root",
-		"data-size": size,
-		className: require_mergeClassName.mergeClassName(className, require_Input_module.default.root),
-		size: htmlSize,
-		...props
-	});
-});
-//#endregion
-exports.Input = Input;

package/dist/components/Input/Input.module.cjs

@@ -1,5 +0,0 @@
-import './Input.css';
-//#region src/components/Input/Input.module.css
-var Input_module_default = { "root": "ek-HaW_root" };
-//#endregion
-exports.default = Input_module_default;

package/dist/components/InputGroup/InputGroup.cjs

@@ -1,77 +0,0 @@
-const require_mergeClassName = require("../../utils/mergeClassName.cjs");
-const require_Button = require("../Button/Button.cjs");
-const require_Input = require("../Input/Input.cjs");
-const require_InputGroup_module = require("./InputGroup.module.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let clsx = require("clsx");
-let react = require("react");
-//#region src/components/InputGroup/InputGroup.tsx
-const InputGroupSizeContext = (0, react.createContext)("md");
-const InputGroup = (0, react.forwardRef)(function InputGroup({ children, className, onMouseDown, size = "md", ...props }, ref) {
-	const handleMouseDown = (event) => {
-		onMouseDown?.(event);
-		if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.altKey || event.shiftKey) return;
-		const target = event.target;
-		if (!(target instanceof HTMLElement)) return;
-		if (target.closest("button, a, input, select, textarea, [role=\"button\"], [role=\"link\"]")) return;
-		const input = event.currentTarget.querySelector("[data-slot=\"input-group-input\"]");
-		if (!(input instanceof HTMLInputElement) || input.disabled || input.readOnly) return;
-		input.focus();
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(InputGroupSizeContext.Provider, {
-		value: size,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			ref,
-			"data-slot": "input-group-root",
-			"data-size": size,
-			className: (0, clsx.clsx)(require_InputGroup_module.default.root, className),
-			onMouseDown: handleMouseDown,
-			...props,
-			children
-		})
-	});
-});
-const InputGroupInput = (0, react.forwardRef)(function InputGroupInput({ className, size, ...props }, ref) {
-	const groupSize = (0, react.useContext)(InputGroupSizeContext);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
-		ref,
-		"data-slot": "input-group-input",
-		className: require_mergeClassName.mergeClassName(className, require_InputGroup_module.default.input),
-		size: size ?? groupSize,
-		...props
-	});
-});
-const InputGroupAddon = (0, react.forwardRef)(function InputGroupAddon({ className, ...props }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		ref,
-		"data-slot": "input-group-addon",
-		className: (0, clsx.clsx)(require_InputGroup_module.default.addon, className),
-		...props
-	});
-});
-const InputGroupText = (0, react.forwardRef)(function InputGroupText({ className, ...props }, ref) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-		ref,
-		"data-slot": "input-group-text",
-		className: (0, clsx.clsx)(require_InputGroup_module.default.text, className),
-		...props
-	});
-});
-const InputGroupButton = (0, react.forwardRef)(function InputGroupButton({ className, variant = "ghost", size, type = "button", ...props }, ref) {
-	const groupSize = (0, react.useContext)(InputGroupSizeContext);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-		ref,
-		"data-slot": "input-group-button",
-		className: require_mergeClassName.mergeClassName(className, require_InputGroup_module.default.button),
-		variant,
-		size: size ?? groupSize,
-		type,
-		...props
-	});
-});
-//#endregion
-exports.InputGroup = InputGroup;
-exports.InputGroupAddon = InputGroupAddon;
-exports.InputGroupButton = InputGroupButton;
-exports.InputGroupInput = InputGroupInput;
-exports.InputGroupText = InputGroupText;

package/dist/components/InputGroup/InputGroup.module.cjs

@@ -1,11 +0,0 @@
-import './InputGroup.css';
-//#region src/components/InputGroup/InputGroup.module.css
-var InputGroup_module_default = {
-	"addon": "jSOrbG_addon",
-	"button": "jSOrbG_button",
-	"input": "jSOrbG_input",
-	"root": "jSOrbG_root",
-	"text": "jSOrbG_text"
-};
-//#endregion
-exports.default = InputGroup_module_default;

package/dist/components/Kbd/Kbd.cjs

@@ -1,23 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_Kbd_module = require("./Kbd.module.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx);
-//#region src/components/Kbd/Kbd.tsx
-function Kbd({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
-		"data-slot": "kbd-root",
-		className: (0, clsx.default)(require_Kbd_module.default.root, className),
-		...props
-	});
-}
-function KbdGroup({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("kbd", {
-		"data-slot": "kbd-group",
-		className: (0, clsx.default)(require_Kbd_module.default.group, className),
-		...props
-	});
-}
-//#endregion
-exports.Kbd = Kbd;
-exports.KbdGroup = KbdGroup;

package/dist/components/Kbd/Kbd.module.cjs

@@ -1,8 +0,0 @@
-import './Kbd.css';
-//#region src/components/Kbd/Kbd.module.css
-var Kbd_module_default = {
-	"group": "qUSm7q_group",
-	"root": "qUSm7q_root"
-};
-//#endregion
-exports.default = Kbd_module_default;

package/dist/components/Lightbox/Lightbox.cjs

@@ -1,220 +0,0 @@
-const require_mergeClassName = require("../../utils/mergeClassName.cjs");
-const require_CloseButton = require("../CloseButton/CloseButton.cjs");
-const require_Lightbox_module = require("./Lightbox.module.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let clsx = require("clsx");
-let react = require("react");
-let _base_ui_react_dialog = require("@base-ui/react/dialog");
-//#region src/components/Lightbox/Lightbox.tsx
-const DEFAULT_CLOSE_LABEL = "Close image";
-const createLightboxHandle = _base_ui_react_dialog.Dialog.createHandle;
-const LightboxImageContext = (0, react.createContext)(null);
-const LightboxSetImageContext = (0, react.createContext)(null);
-const isSameImage = (currentImage, nextImage) => {
-	return currentImage?.src === nextImage.src && currentImage?.fullSrc === nextImage.fullSrc && currentImage?.alt === nextImage.alt;
-};
-const getGalleryRoot = (rootRef, rootSelector) => {
-	return rootRef?.current ?? (rootSelector ? document.querySelector(rootSelector) : null);
-};
-const getGalleryImage = (target, selector) => {
-	if (!(target instanceof Element)) return null;
-	const matchedNode = target.closest(selector);
-	if (!matchedNode) return null;
-	const imageNode = matchedNode instanceof HTMLImageElement ? matchedNode : matchedNode.querySelector("img");
-	if (!(imageNode instanceof HTMLImageElement)) return null;
-	const source = imageNode.dataset.lightboxSrc ?? imageNode.currentSrc ?? imageNode.src;
-	if (!source) return null;
-	return {
-		src: source,
-		alt: imageNode.alt
-	};
-};
-function Lightbox(props) {
-	const [image, setImage] = (0, react.useState)(null);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LightboxSetImageContext.Provider, {
-		value: setImage,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LightboxImageContext.Provider, {
-			value: image,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Root, { ...props })
-		})
-	});
-}
-function LightboxTrigger({ className, render, ...props }) {
-	const triggerClassName = render ? className : require_mergeClassName.mergeClassName(className, require_Lightbox_module.default.trigger);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Trigger, {
-		"data-slot": "lightbox-trigger",
-		className: triggerClassName,
-		render,
-		...props
-	});
-}
-function LightboxPortal({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Portal, {
-		"data-slot": "lightbox-portal",
-		className,
-		...props
-	});
-}
-function LightboxBackdrop({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Backdrop, {
-		"data-slot": "lightbox-backdrop",
-		className: require_mergeClassName.mergeClassName(className, require_Lightbox_module.default.backdrop),
-		...props
-	});
-}
-function LightboxViewport({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Viewport, {
-		"data-slot": "lightbox-viewport",
-		className: require_mergeClassName.mergeClassName(className, require_Lightbox_module.default.viewport),
-		...props
-	});
-}
-function LightboxPopup({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Popup, {
-		"data-slot": "lightbox-popup",
-		className: require_mergeClassName.mergeClassName(className, require_Lightbox_module.default.popup),
-		...props
-	});
-}
-function LightboxClose({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Close, {
-		"data-slot": "lightbox-close",
-		className,
-		...props
-	});
-}
-function LightboxCloseButton({ className, children, "aria-label": ariaLabel = DEFAULT_CLOSE_LABEL, render, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_dialog.Dialog.Close, {
-		"data-slot": "lightbox-close-button",
-		render: render ?? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CloseButton.CloseButton, {
-			"aria-label": ariaLabel,
-			children
-		}),
-		className: require_mergeClassName.mergeClassName(className, require_Lightbox_module.default.closeButton),
-		...props
-	});
-}
-function LightboxFrame({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		"data-slot": "lightbox-frame",
-		className: (0, clsx.clsx)(require_Lightbox_module.default.frame, className),
-		...props
-	});
-}
-function LightboxImage({ src, fullSrc, alt, className, onClick, ...props }) {
-	const setImage = (0, react.useContext)(LightboxSetImageContext);
-	const image = {
-		src,
-		fullSrc,
-		alt
-	};
-	(0, react.useEffect)(() => {
-		setImage?.(image);
-		return () => {
-			setImage?.((currentImage) => isSameImage(currentImage, image) ? null : currentImage);
-		};
-	}, [
-		alt,
-		fullSrc,
-		setImage,
-		src
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LightboxTrigger, {
-		nativeButton: false,
-		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-			"data-slot": "lightbox-image",
-			src,
-			alt,
-			className: (0, clsx.clsx)(require_Lightbox_module.default.trigger, className),
-			"data-lightbox-src": fullSrc,
-			onClick: (event) => {
-				onClick?.(event);
-				if (!event.defaultPrevented) setImage?.(image);
-			},
-			...props
-		})
-	});
-}
-function LightboxContent({ className, showCloseButton = true, closeOnContentClick = true, closeLabel = DEFAULT_CLOSE_LABEL, children, ...props }) {
-	const image = (0, react.useContext)(LightboxImageContext);
-	const contentChildren = children ?? (image ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-		"data-slot": "lightbox-content-image",
-		src: image.fullSrc ?? image.src,
-		alt: image.alt ?? ""
-	}) : null);
-	const content = closeOnContentClick ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LightboxClose, {
-		className: require_Lightbox_module.default.contentClose,
-		nativeButton: false,
-		render: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {}),
-		children: contentChildren
-	}) : contentChildren;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LightboxPortal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(LightboxBackdrop, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(LightboxViewport, { children: [showCloseButton ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LightboxCloseButton, { "aria-label": closeLabel }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LightboxPopup, {
-		className,
-		...props,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LightboxFrame, { children: content })
-	})] })] });
-}
-function LightboxGallery({ selector = "img", rootRef, rootSelector, className, closeLabel, showCloseButton, closeOnContentClick }) {
-	const [open, setOpen] = (0, react.useState)(false);
-	const [image, setImage] = (0, react.useState)(null);
-	(0, react.useEffect)(() => {
-		const rootNode = getGalleryRoot(rootRef, rootSelector);
-		if (!rootNode) return;
-		const handleOpen = (target) => {
-			const nextImage = getGalleryImage(target, selector);
-			if (!nextImage) return false;
-			setImage(nextImage);
-			setOpen(true);
-			return true;
-		};
-		const handleClick = (event) => {
-			handleOpen(event.target);
-		};
-		const handleKeyDown = (event) => {
-			if (event.defaultPrevented || event.altKey || event.ctrlKey || event.metaKey || event.key !== "Enter" && event.key !== " ") return;
-			if (handleOpen(event.target)) event.preventDefault();
-		};
-		rootNode.addEventListener("click", handleClick);
-		rootNode.addEventListener("keydown", handleKeyDown);
-		return () => {
-			rootNode.removeEventListener("click", handleClick);
-			rootNode.removeEventListener("keydown", handleKeyDown);
-		};
-	}, [
-		rootRef,
-		rootSelector,
-		selector
-	]);
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Lightbox, {
-		open,
-		onOpenChange: setOpen,
-		onOpenChangeComplete: (nextOpen) => {
-			if (!nextOpen) setImage(null);
-		},
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LightboxContent, {
-			className,
-			closeLabel,
-			showCloseButton,
-			closeOnContentClick,
-			children: image ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("img", {
-				"data-slot": "lightbox-content-image",
-				src: image.src,
-				alt: image.alt ?? ""
-			}) : null
-		})
-	});
-}
-//#endregion
-exports.Lightbox = Lightbox;
-exports.LightboxBackdrop = LightboxBackdrop;
-exports.LightboxClose = LightboxClose;
-exports.LightboxCloseButton = LightboxCloseButton;
-exports.LightboxContent = LightboxContent;
-exports.LightboxFrame = LightboxFrame;
-exports.LightboxGallery = LightboxGallery;
-exports.LightboxImage = LightboxImage;
-exports.LightboxPopup = LightboxPopup;
-exports.LightboxPortal = LightboxPortal;
-exports.LightboxTrigger = LightboxTrigger;
-exports.LightboxViewport = LightboxViewport;
-exports.createLightboxHandle = createLightboxHandle;

package/dist/components/Lightbox/Lightbox.module.cjs

@@ -1,14 +0,0 @@
-import './Lightbox.css';
-//#region src/components/Lightbox/Lightbox.module.css
-var Lightbox_module_default = {
-	"backdrop": "LTYCWG_backdrop",
-	"closeButton": "LTYCWG_closeButton",
-	"contentClose": "LTYCWG_contentClose",
-	"frame": "LTYCWG_frame",
-	"lightbox-image-enter": "LTYCWG_lightbox-image-enter",
-	"popup": "LTYCWG_popup",
-	"trigger": "LTYCWG_trigger",
-	"viewport": "LTYCWG_viewport"
-};
-//#endregion
-exports.default = Lightbox_module_default;

package/dist/components/List/List.cjs

@@ -1,31 +0,0 @@
-const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
-const require_List_module = require("./List.module.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
-let clsx = require("clsx");
-clsx = require_runtime.__toESM(clsx);
-//#region src/components/List/List.tsx
-function List({ as = "ul", marker, gap = "sm", size = "md", tone = "default", className, role, ...props }) {
-	const Component = as;
-	const resolvedMarker = marker ?? (as === "ol" ? "decimal" : "disc");
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-		"data-slot": "list-root",
-		"data-gap": gap,
-		"data-marker": resolvedMarker,
-		"data-marker-mode": marker === void 0 ? "auto" : "explicit",
-		"data-size": size,
-		"data-tone": tone,
-		role: role ?? (resolvedMarker === "none" ? "list" : void 0),
-		className: (0, clsx.default)(require_List_module.default.root, className),
-		...props
-	});
-}
-function ListItem({ className, ...props }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("li", {
-		"data-slot": "list-item",
-		className,
-		...props
-	});
-}
-//#endregion
-exports.List = List;
-exports.ListItem = ListItem;

package/dist/components/List/List.module.cjs

@@ -1,5 +0,0 @@
-import './List.css';
-//#region src/components/List/List.module.css
-var List_module_default = { "root": "-Rq0Vq_root" };
-//#endregion
-exports.default = List_module_default;