moduix 0.11.0 → 0.11.2

package/dist/components/Tooltip/Tooltip.js

@@ -0,0 +1,82 @@
+import { PopupArrowIcon } from "../../icons/ui/Icons.js";
+import { mergeClassName } from "../../utils/mergeClassName.js";
+import Tooltip_module_default from "./Tooltip.module.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+//#region src/components/Tooltip/Tooltip.tsx
+const TOOLTIP_CONTENT_SIDE_OFFSET = 8;
+const Tooltip$1 = Tooltip.Root;
+const TooltipProvider = Tooltip.Provider;
+const createTooltipHandle = Tooltip.createHandle;
+function TooltipTrigger({ className, render, ...props }) {
+	const triggerClassName = render ? className : mergeClassName(className, Tooltip_module_default.trigger);
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		"data-slot": "tooltip-trigger",
+		render,
+		className: triggerClassName,
+		...props
+	});
+}
+function TooltipPortal({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, {
+		"data-slot": "tooltip-portal",
+		className,
+		...props
+	});
+}
+function TooltipPositioner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		"data-slot": "tooltip-positioner",
+		className: mergeClassName(className, Tooltip_module_default.positioner),
+		...props
+	});
+}
+function TooltipPopup({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Popup, {
+		"data-slot": "tooltip-popup",
+		className: mergeClassName(className, Tooltip_module_default.popup),
+		...props
+	});
+}
+function TooltipArrow({ className, children, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Arrow, {
+		"data-slot": "tooltip-arrow",
+		className: mergeClassName(className, Tooltip_module_default.arrow),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ArrowSvg, { className: Tooltip_module_default.arrowSvg })
+	});
+}
+function TooltipViewport({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Tooltip.Viewport, {
+		"data-slot": "tooltip-viewport",
+		className: mergeClassName(className, Tooltip_module_default.viewport),
+		...props
+	});
+}
+function TooltipContent({ className, showArrow = false, side, sideOffset = TOOLTIP_CONTENT_SIDE_OFFSET, align, alignOffset, arrowPadding, collisionAvoidance, collisionBoundary, collisionPadding, children, ...popupProps }) {
+	return /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+		side,
+		sideOffset,
+		align,
+		alignOffset,
+		arrowPadding,
+		collisionAvoidance,
+		collisionBoundary,
+		collisionPadding,
+		children: /* @__PURE__ */ jsxs(TooltipPopup, {
+			className,
+			...popupProps,
+			children: [showArrow ? /* @__PURE__ */ jsx(TooltipArrow, {}) : null, /* @__PURE__ */ jsx(TooltipViewport, { children })]
+		})
+	}) });
+}
+function ArrowSvg(props) {
+	return /* @__PURE__ */ jsx(PopupArrowIcon, {
+		fillClassName: Tooltip_module_default.arrowFill,
+		outerStrokeClassName: Tooltip_module_default.arrowOuterStroke,
+		innerStrokeClassName: Tooltip_module_default.arrowInnerStroke,
+		...props
+	});
+}
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipArrow, TooltipContent, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, TooltipViewport, createTooltipHandle };

package/dist/components/Tooltip/Tooltip.module.js

@@ -0,0 +1,15 @@
+import './Tooltip.css';
+//#region src/components/Tooltip/Tooltip.module.css
+var Tooltip_module_default = {
+	"arrow": "UrkF4a_arrow",
+	"arrowFill": "UrkF4a_arrowFill",
+	"arrowInnerStroke": "UrkF4a_arrowInnerStroke",
+	"arrowOuterStroke": "UrkF4a_arrowOuterStroke",
+	"arrowSvg": "UrkF4a_arrowSvg",
+	"popup": "UrkF4a_popup",
+	"positioner": "UrkF4a_positioner",
+	"trigger": "UrkF4a_trigger",
+	"viewport": "UrkF4a_viewport"
+};
+//#endregion
+export { Tooltip_module_default as default };

package/dist/components/Tooltip/index.d.ts

@@ -1 +1 @@
-export { Tooltip, TooltipProvider, createTooltipHandle, TooltipTrigger, TooltipPortal, TooltipPositioner, TooltipPopup, TooltipArrow, TooltipViewport, TooltipContent, } from './Tooltip';
+import { Tooltip, TooltipArrow, TooltipContent, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipTrigger, TooltipViewport, createTooltipHandle } from "./Tooltip.js";

package/dist/icons/demo/Icons.d.ts

@@ -1,13 +1,16 @@
-import { ComponentProps } from 'react';
+import { ComponentProps } from "react";
+
+//#region src/icons/demo/Icons.d.ts
 type IconProps = ComponentProps<'svg'>;
-export declare function HandshakeIcon(props: IconProps): import("react").JSX.Element;
-export declare function PresentIcon(props: IconProps): import("react").JSX.Element;
-export declare function MapIcon(props: IconProps): import("react").JSX.Element;
-export declare function ShareIcon(props: IconProps): import("react").JSX.Element;
-export declare function ComputerIcon(props: IconProps): import("react").JSX.Element;
-export declare function TagIcon(props: IconProps): import("react").JSX.Element;
-export declare function InfoIcon(props: IconProps): import("react").JSX.Element;
-export declare function BellIcon(props: IconProps): import("react").JSX.Element;
-export declare function ArrowUpRightIcon(props: IconProps): import("react").JSX.Element;
-export declare function StarIcon(props: IconProps): import("react").JSX.Element;
-export {};
+declare function HandshakeIcon(props: IconProps): import("react").JSX.Element;
+declare function PresentIcon(props: IconProps): import("react").JSX.Element;
+declare function MapIcon(props: IconProps): import("react").JSX.Element;
+declare function ShareIcon(props: IconProps): import("react").JSX.Element;
+declare function ComputerIcon(props: IconProps): import("react").JSX.Element;
+declare function TagIcon(props: IconProps): import("react").JSX.Element;
+declare function InfoIcon(props: IconProps): import("react").JSX.Element;
+declare function BellIcon(props: IconProps): import("react").JSX.Element;
+declare function ArrowUpRightIcon(props: IconProps): import("react").JSX.Element;
+declare function StarIcon(props: IconProps): import("react").JSX.Element;
+//#endregion
+export { ArrowUpRightIcon, BellIcon, ComputerIcon, HandshakeIcon, InfoIcon, MapIcon, PresentIcon, ShareIcon, StarIcon, TagIcon };

package/dist/icons/demo/Icons.js

@@ -0,0 +1,225 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/icons/demo/Icons.tsx
+function HandshakeIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M8 2v4" }),
+			/* @__PURE__ */ jsx("path", { d: "M16 2v4" }),
+			/* @__PURE__ */ jsx("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "4",
+				rx: "2"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M3 10h18" }),
+			/* @__PURE__ */ jsx("path", { d: "M8 14h.01" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 14h.01" }),
+			/* @__PURE__ */ jsx("path", { d: "M16 14h.01" }),
+			/* @__PURE__ */ jsx("path", { d: "M8 18h.01" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 18h.01" }),
+			/* @__PURE__ */ jsx("path", { d: "M16 18h.01" })
+		]
+	});
+}
+function PresentIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M12 7v14" }),
+			/* @__PURE__ */ jsx("path", { d: "M20 11v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8" }),
+			/* @__PURE__ */ jsx("path", { d: "M7.5 7a1 1 0 0 1 0-5A4.8 8 0 0 1 12 7a4.8 8 0 0 1 4.5-5 1 1 0 0 1 0 5" }),
+			/* @__PURE__ */ jsx("rect", {
+				x: "3",
+				y: "7",
+				width: "18",
+				height: "4",
+				rx: "1"
+			})
+		]
+	});
+}
+function MapIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M18 8c0 3.613-3.869 7.429-5.393 8.795a1 1 0 0 1-1.214 0C9.87 15.429 6 11.613 6 8a6 6 0 0 1 12 0" }),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "8",
+				r: "2"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M8.714 14h-3.71a1 1 0 0 0-.948.683l-2.004 6A1 1 0 0 0 3 22h18a1 1 0 0 0 .948-1.316l-2-6a1 1 0 0 0-.949-.684h-3.712" })
+		]
+	});
+}
+function ShareIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M12 2v13" }),
+			/* @__PURE__ */ jsx("path", { d: "m16 6-4-4-4 4" }),
+			/* @__PURE__ */ jsx("path", { d: "M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8" })
+		]
+	});
+}
+function ComputerIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M12 17v4" }),
+			/* @__PURE__ */ jsx("path", { d: "M8 21h8" }),
+			/* @__PURE__ */ jsx("path", { d: "m9 17 6.1-6.1a2 2 0 0 1 2.81.01L22 15" }),
+			/* @__PURE__ */ jsx("circle", {
+				cx: "8",
+				cy: "9",
+				r: "2"
+			}),
+			/* @__PURE__ */ jsx("rect", {
+				x: "2",
+				y: "3",
+				width: "20",
+				height: "14",
+				rx: "2"
+			})
+		]
+	});
+}
+function TagIcon(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: [/* @__PURE__ */ jsx("path", { d: "M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z" }), /* @__PURE__ */ jsx("circle", {
+			cx: "7.5",
+			cy: "7.5",
+			r: ".5",
+			fill: "currentColor"
+		})]
+	});
+}
+function InfoIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function BellIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		fill: "currentColor",
+		viewBox: "0 0 16 16",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: /* @__PURE__ */ jsx("path", { d: "M8 1a1 1 0 0 0-1 1v1.14A4 4 0 0 0 4 7v3.98s-.02.28-.15.54C3.72 11.78 3.56 12 3 12v1h10v-1c-.6 0-.75-.22-.87-.47-.13-.25-.13-.52-.13-.53V7a4 4 0 0 0-3-3.86V2a1 1 0 0 0-1-1Zm0 12a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z" })
+	});
+}
+function ArrowUpRightIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M7 17 17 7M9 7h8v8",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+function StarIcon(props) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		focusable: "false",
+		...props,
+		children: /* @__PURE__ */ jsx("path", {
+			d: "M12 3.75 14.7 9.22l5.93.86-4.29 4.18 1.01 5.9L12 17.32l-5.35 2.84 1.02-5.9-4.3-4.18 5.94-.86L12 3.75Z",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		})
+	});
+}
+//#endregion
+export { ArrowUpRightIcon, BellIcon, ComputerIcon, HandshakeIcon, InfoIcon, MapIcon, PresentIcon, ShareIcon, StarIcon, TagIcon };

package/dist/icons/demo/index.d.ts

@@ -1 +1 @@
-export { ArrowUpRightIcon, BellIcon, ComputerIcon, HandshakeIcon, InfoIcon, MapIcon, PresentIcon, ShareIcon, StarIcon, TagIcon, } from './Icons';
+import { ArrowUpRightIcon, BellIcon, ComputerIcon, HandshakeIcon, InfoIcon, MapIcon, PresentIcon, ShareIcon, StarIcon, TagIcon } from "./Icons.js";

package/dist/icons/ui/Icons.d.ts

@@ -1,25 +1,33 @@
-import { ComponentProps } from 'react';
+import { ComponentProps } from "react";
+
+//#region src/icons/ui/Icons.d.ts
 type IconProps = ComponentProps<'svg'>;
 type PopupArrowIconProps = IconProps & {
-    fillClassName?: string;
-    outerStrokeClassName?: string;
-    innerStrokeClassName?: string;
+  fillClassName?: string;
+  outerStrokeClassName?: string;
+  innerStrokeClassName?: string;
 };
-export declare function ChevronLeftIcon(props: IconProps): import("react").JSX.Element;
-export declare function ChevronRightIcon(props: IconProps): import("react").JSX.Element;
-export declare function ChevronDownIcon(props: IconProps): import("react").JSX.Element;
-export declare function ChevronUpIcon(props: IconProps): import("react").JSX.Element;
-export declare function ChevronUpDownIcon(props: IconProps): import("react").JSX.Element;
-export declare function PlusIcon(props: IconProps): import("react").JSX.Element;
-export declare function MinusIcon(props: IconProps): import("react").JSX.Element;
-export declare function CheckIcon(props: IconProps): import("react").JSX.Element;
-export declare function CloseIcon(props: IconProps): import("react").JSX.Element;
-export declare function EyeIcon(props: IconProps): import("react").JSX.Element;
-export declare function EyeClosedIcon(props: IconProps): import("react").JSX.Element;
-export declare function RatingStarIcon(props: IconProps): import("react").JSX.Element;
-export declare function CopyIcon(props: IconProps): import("react").JSX.Element;
-export declare function IndeterminateIcon(props: IconProps): import("react").JSX.Element;
-export declare function SeparatorMarkIcon(props: IconProps): import("react").JSX.Element;
-export declare function ScrubCursorIcon(props: IconProps): import("react").JSX.Element;
-export declare function PopupArrowIcon({ fillClassName, outerStrokeClassName, innerStrokeClassName, ...props }: PopupArrowIconProps): import("react").JSX.Element;
-export {};
+declare function ChevronLeftIcon(props: IconProps): import("react").JSX.Element;
+declare function ChevronRightIcon(props: IconProps): import("react").JSX.Element;
+declare function ChevronDownIcon(props: IconProps): import("react").JSX.Element;
+declare function ChevronUpIcon(props: IconProps): import("react").JSX.Element;
+declare function ChevronUpDownIcon(props: IconProps): import("react").JSX.Element;
+declare function PlusIcon(props: IconProps): import("react").JSX.Element;
+declare function MinusIcon(props: IconProps): import("react").JSX.Element;
+declare function CheckIcon(props: IconProps): import("react").JSX.Element;
+declare function CloseIcon(props: IconProps): import("react").JSX.Element;
+declare function EyeIcon(props: IconProps): import("react").JSX.Element;
+declare function EyeClosedIcon(props: IconProps): import("react").JSX.Element;
+declare function RatingStarIcon(props: IconProps): import("react").JSX.Element;
+declare function CopyIcon(props: IconProps): import("react").JSX.Element;
+declare function IndeterminateIcon(props: IconProps): import("react").JSX.Element;
+declare function SeparatorMarkIcon(props: IconProps): import("react").JSX.Element;
+declare function ScrubCursorIcon(props: IconProps): import("react").JSX.Element;
+declare function PopupArrowIcon({
+  fillClassName,
+  outerStrokeClassName,
+  innerStrokeClassName,
+  ...props
+}: PopupArrowIconProps): import("react").JSX.Element;
+//#endregion
+export { CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpDownIcon, ChevronUpIcon, CloseIcon, CopyIcon, EyeClosedIcon, EyeIcon, IndeterminateIcon, MinusIcon, PlusIcon, PopupArrowIcon, RatingStarIcon, ScrubCursorIcon, SeparatorMarkIcon };