@g4rcez/components 5.0.1 → 5.0.3

package/dist/wizard-7u_qZ-78.js

@@ -0,0 +1,218 @@
+import { t as e } from "./use-translations-BE4PuhLm.js";
+import { A as t, D as n, E as r, O as i, f as a, o, t as s, v as c, w as l, x as u } from "./floating-ui.react-CwXtBJ_y.js";
+import { i as d } from "./fns-KbsWlOTG.js";
+import { Button as f } from "./components/core/button.js";
+import { t as p } from "./proxy-fP2NxmhM.js";
+import { t as m } from "./AnimatePresence-j36AYeOQ.js";
+import { Fragment as h, useEffect as g, useLayoutEffect as _, useRef as v, useState as y } from "react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+//#region src/hooks/use-resize-observer.ts
+var S = (e, t) => {
+	let n = v(t);
+	n.current = t, g(() => {
+		if (!e) return;
+		let t = new ResizeObserver((e) => {
+			e[0] && n.current(e[0]);
+		});
+		return t.observe(e), () => t.disconnect();
+	}, [e]);
+}, C = () => {
+	let [e, t] = y({
+		width: 0,
+		height: 0
+	});
+	return g(() => {
+		if (typeof window > "u") return;
+		let e = () => t({
+			width: window.innerWidth,
+			height: window.innerHeight
+		});
+		return e(), window.addEventListener("resize", e, { passive: !0 }), () => window.removeEventListener("resize", e);
+	}, []), e;
+}, w = (e) => e ? e.getBoundingClientRect() : {
+	top: 0,
+	left: 0,
+	width: 0,
+	height: 0,
+	bottom: 0,
+	right: 0
+}, T = (e) => typeof e == "string" ? document.querySelector(e) : "current" in e ? e.current : e, E = ({ steps: E, active: D = !1, onClose: O = d, onFinish: k = d, onChange: A = d, labels: j }) => {
+	let M = e(), [N, P] = y(0), F = E[N], [I, L] = y(null), [R, z] = y(w(null)), [B, V] = y(!1), H = v(null), { width: U, height: W } = C(), G = {
+		next: j?.next ?? M.wizardNext,
+		previous: j?.previous ?? M.wizardPrev,
+		finish: j?.finish ?? M.wizardFinish,
+		skip: j?.skip ?? M.wizardSkip
+	}, { refs: K, floatingStyles: q, context: J } = a({
+		open: D && B,
+		placement: F?.side || "bottom",
+		whileElementsMounted: t,
+		middleware: [
+			n(10),
+			r(),
+			i(),
+			l({ element: H })
+		]
+	}), { getFloatingProps: Y } = c([u(J)]);
+	g(() => {
+		D && P(0);
+	}, [D]), g(() => {
+		V(!1);
+	}, [N, D]), g(() => {
+		if (!D || !F) return;
+		let e = T(F.element);
+		e ? (F.onEnter?.(), setTimeout(() => {
+			z(e.getBoundingClientRect()), K.setReference(e), L(e);
+		}, 100)) : (console.warn("Driver: Element not found:", F.element), L(null), z({
+			top: 0,
+			left: 0,
+			width: 0,
+			height: 0,
+			bottom: 0,
+			right: 0
+		}));
+	}, [
+		N,
+		D,
+		F,
+		K
+	]), _(() => {
+		if (!I) return;
+		let e = () => z(I.getBoundingClientRect());
+		return e(), window.addEventListener("scroll", e, {
+			capture: !0,
+			passive: !0
+		}), window.addEventListener("resize", e, {
+			capture: !0,
+			passive: !0
+		}), () => {
+			window.removeEventListener("scroll", e, { capture: !0 }), window.removeEventListener("resize", e, { capture: !0 });
+		};
+	}, [
+		I,
+		U,
+		W
+	]), S(I, (e) => {
+		z(e.target.getBoundingClientRect());
+	});
+	let X = () => {
+		F.onNext?.(), setTimeout(() => {
+			N < E.length - 1 ? (P((e) => e + 1), A(N + 1)) : (k(), O());
+		}, 0);
+	}, Z = () => {
+		F.onPrevious?.(), N > 0 && (P((e) => e - 1), A(N - 1));
+	};
+	if (!D) return null;
+	let Q = N < E.length - 1, $ = N > 0;
+	return /* @__PURE__ */ b(o, { children: /* @__PURE__ */ x("div", {
+		className: "pointer-events-none fixed inset-0 z-wizard",
+		children: [/* @__PURE__ */ x("svg", {
+			className: "absolute inset-0 h-full w-full fill-current text-floating-overlay/70",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [/* @__PURE__ */ b("defs", { children: /* @__PURE__ */ x("mask", {
+				id: "driver-mask",
+				children: [/* @__PURE__ */ b("rect", {
+					x: "0",
+					y: "0",
+					width: "100%",
+					height: "100%",
+					fill: "white"
+				}), /* @__PURE__ */ b(p.rect, {
+					rx: "4",
+					fill: "black",
+					initial: !1,
+					onAnimationComplete: () => V(!0),
+					transition: {
+						type: "spring",
+						duration: .5,
+						ease: "easeInOut"
+					},
+					animate: {
+						x: R.left - 5,
+						y: R.top - 5,
+						width: R.width + 10,
+						height: R.height + 10
+					}
+				})]
+			}) }), /* @__PURE__ */ b("rect", {
+				x: "0",
+				y: "0",
+				width: "100%",
+				height: "100%",
+				mask: "url(#driver-mask)",
+				className: "pointer-events-auto"
+			})]
+		}), /* @__PURE__ */ b(m, {
+			mode: "wait",
+			children: F && B && /* @__PURE__ */ b("div", {
+				...Y(),
+				ref: K.setFloating,
+				style: I ? q : {
+					position: "fixed",
+					top: "50%",
+					left: "50%",
+					transform: "translate(-50%, -50%)"
+				},
+				className: "pointer-events-auto outline-none",
+				children: /* @__PURE__ */ x(p.div, {
+					transition: { duration: .2 },
+					exit: {
+						opacity: 0,
+						scale: .9
+					},
+					animate: {
+						opacity: 1,
+						scale: 1
+					},
+					initial: {
+						opacity: 0,
+						scale: .9
+					},
+					className: "flex w-wizard-w max-w-sm flex-col gap-wizard-gap rounded-wizard-radius border border-floating-border bg-floating-background p-wizard-p shadow-shadow-floating",
+					children: [
+						I && /* @__PURE__ */ b(s, {
+							ref: H,
+							context: J,
+							className: "fill-floating-background stroke-floating-border"
+						}),
+						F.title && /* @__PURE__ */ b("h3", { children: F.title }),
+						F.description && /* @__PURE__ */ b(h, { children: F.description }),
+						/* @__PURE__ */ x("div", {
+							className: "mt-wizard-footer-pt flex items-center justify-between border-t border-floating-border pt-wizard-footer-pt",
+							children: [/* @__PURE__ */ b(f, {
+								theme: "raw",
+								size: "small",
+								onClick: O,
+								className: "text-wizard-label-text text-muted-foreground hover:text-foreground",
+								children: G.skip
+							}), /* @__PURE__ */ x("div", {
+								className: "flex gap-wizard-actions-gap",
+								children: [$ && /* @__PURE__ */ b(f, {
+									size: "small",
+									theme: "ghost-muted",
+									onClick: Z,
+									children: G.previous
+								}), /* @__PURE__ */ b(f, {
+									size: "small",
+									onClick: X,
+									children: Q ? G.next : G.finish
+								})]
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "absolute right-wizard-counter-right top-wizard-counter-top text-wizard-label-text text-muted-foreground",
+							children: [
+								N + 1,
+								" / ",
+								E.length
+							]
+						})
+					]
+				})
+			})
+		})]
+	}) });
+};
+//#endregion
+export { E as t };
+
+//# sourceMappingURL=wizard-7u_qZ-78.js.map

package/dist/wizard-7u_qZ-78.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-7u_qZ-78.js","names":[],"sources":["../src/hooks/use-resize-observer.ts","../src/hooks/use-window-size.ts","../src/components/floating/wizard.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useRef } from \"react\";\n\nexport const useResizeObserver = (element: HTMLElement | null, onResize: (entry: ResizeObserverEntry) => void) => {\n    const onResizeRef = useRef(onResize);\n    onResizeRef.current = onResize;\n\n    useEffect(() => {\n        if (!element) return;\n        const observer = new ResizeObserver((entries) => {\n            if (entries[0]) {\n                onResizeRef.current(entries[0]);\n            }\n        });\n        observer.observe(element);\n        return () => observer.disconnect();\n    }, [element]);\n};\n","\"use client\";\nimport { useEffect, useState } from \"react\";\n\nexport const useWindowSize = () => {\n    const [size, setSize] = useState({ width: 0, height: 0 });\n\n    useEffect(() => {\n        if (typeof window === \"undefined\") return;\n        const update = () => setSize({ width: window.innerWidth, height: window.innerHeight });\n        update();\n        window.addEventListener(\"resize\", update, { passive: true });\n        return () => window.removeEventListener(\"resize\", update);\n    }, []);\n\n    return size;\n};\n","\"use client\";\nimport {\n    arrow,\n    autoUpdate,\n    flip,\n    FloatingArrow,\n    FloatingPortal,\n    offset,\n    Placement,\n    shift,\n    useFloating,\n    useInteractions,\n    useRole,\n} from \"@floating-ui/react\";\nimport { AnimatePresence, motion } from \"motion/react\";\nimport React, { CSSProperties, Fragment, useEffect, useLayoutEffect, useRef, useState } from \"react\";\nimport { useResizeObserver } from \"../../hooks/use-resize-observer\";\nimport { useTranslations } from \"../../hooks/use-translations\";\nimport { useWindowSize } from \"../../hooks/use-window-size\";\nimport { noop } from \"../../lib/fns\";\nimport { Button } from \"../core/button\";\n\nexport type WizardStep = {\n    side?: Placement;\n    onNext?: () => void;\n    onEnter?: () => void;\n    onPrevious?: () => void;\n    title?: React.ReactNode;\n    description?: React.ReactNode;\n    element: string | Element | React.RefObject<Element | null>;\n};\n\nexport type WizardProps = {\n    active?: boolean;\n    steps: WizardStep[];\n    onClose?: () => void;\n    onFinish?: () => void;\n    onChange?: (index: number) => void;\n    labels?: { next?: string; skip?: string; finish?: string; previous?: string };\n};\n\nconst getRect = (element: Element | null) => {\n    if (!element) return { top: 0, left: 0, width: 0, height: 0, bottom: 0, right: 0 };\n    return element.getBoundingClientRect();\n};\n\nconst resolveElement = (element: WizardStep[\"element\"]): Element | null => {\n    if (typeof element === \"string\") {\n        return document.querySelector(element);\n    }\n    if (\"current\" in element) {\n        return element.current;\n    }\n    return element;\n};\n\nexport const Wizard = ({ steps, active = false, onClose = noop, onFinish = noop, onChange = noop, labels: labelsProp }: WizardProps) => {\n    const translation = useTranslations();\n    const [index, setIndex] = useState(0);\n    const currentStep = steps[index];\n    const [element, setElement] = useState<Element | null>(null);\n    const [rect, setRect] = useState(getRect(null));\n    const [isOverlayReady, setIsOverlayReady] = useState(false);\n    const arrowRef = useRef(null);\n    const { width, height } = useWindowSize();\n\n    const labels = {\n        next: labelsProp?.next ?? translation.wizardNext,\n        previous: labelsProp?.previous ?? translation.wizardPrev,\n        finish: labelsProp?.finish ?? translation.wizardFinish,\n        skip: labelsProp?.skip ?? translation.wizardSkip,\n    };\n\n    const { refs, floatingStyles, context } = useFloating({\n        open: active && isOverlayReady,\n        placement: currentStep?.side || \"bottom\",\n        whileElementsMounted: autoUpdate,\n        middleware: [offset(10), flip(), shift(), arrow({ element: arrowRef })],\n    });\n\n    const { getFloatingProps } = useInteractions([useRole(context)]);\n\n    useEffect(() => {\n        if (active) {\n            setIndex(0);\n        }\n    }, [active]);\n\n    useEffect(() => {\n        setIsOverlayReady(false);\n    }, [index, active]);\n\n    useEffect(() => {\n        if (!active || !currentStep) return;\n        const el = resolveElement(currentStep.element);\n        if (el) {\n            currentStep.onEnter?.();\n            setTimeout(() => {\n                setRect(el.getBoundingClientRect());\n                refs.setReference(el);\n                setElement(el);\n            }, 100);\n        } else {\n            console.warn(`Driver: Element not found:`, currentStep.element);\n            setElement(null);\n            setRect({ top: 0, left: 0, width: 0, height: 0, bottom: 0, right: 0 });\n        }\n    }, [index, active, currentStep, refs]);\n\n    useLayoutEffect(() => {\n        if (!element) return;\n        const update = () => setRect(element.getBoundingClientRect());\n        update();\n        window.addEventListener(\"scroll\", update, { capture: true, passive: true });\n        window.addEventListener(\"resize\", update, { capture: true, passive: true });\n        return () => {\n            window.removeEventListener(\"scroll\", update, { capture: true });\n            window.removeEventListener(\"resize\", update, { capture: true });\n        };\n    }, [element, width, height]);\n\n    useResizeObserver(element as HTMLElement, (entry) => {\n        setRect(entry.target.getBoundingClientRect());\n    });\n\n    const handleNext = () => {\n        currentStep.onNext?.();\n        setTimeout(() => {\n            if (index < steps.length - 1) {\n                setIndex((i) => i + 1);\n                onChange(index + 1);\n            } else {\n                onFinish();\n                onClose();\n            }\n        }, 0);\n    };\n\n    const handlePrevious = () => {\n        currentStep.onPrevious?.();\n        if (index > 0) {\n            setIndex((i) => i - 1);\n            onChange(index - 1);\n        }\n    };\n\n    if (!active) return null;\n    const hasNext = index < steps.length - 1;\n    const hasPrevious = index > 0;\n    return (\n        <FloatingPortal>\n            <div className=\"pointer-events-none fixed inset-0 z-wizard\">\n                <svg className=\"absolute inset-0 h-full w-full fill-current text-floating-overlay/70\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <defs>\n                        <mask id=\"driver-mask\">\n                            <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"white\" />\n                            <motion.rect\n                                rx=\"4\"\n                                fill=\"black\"\n                                initial={false}\n                                onAnimationComplete={() => setIsOverlayReady(true)}\n                                transition={{\n                                    type: \"spring\",\n                                    duration: 0.5,\n                                    ease: \"easeInOut\",\n                                }}\n                                animate={{\n                                    x: rect.left - 5,\n                                    y: rect.top - 5,\n                                    width: rect.width + 10,\n                                    height: rect.height + 10,\n                                }}\n                            />\n                        </mask>\n                    </defs>\n                    <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" mask=\"url(#driver-mask)\" className=\"pointer-events-auto\" />\n                </svg>\n                <AnimatePresence mode=\"wait\">\n                    {currentStep && isOverlayReady && (\n                        <div\n                            {...getFloatingProps()}\n                            ref={refs.setFloating}\n                            style={\n                                element\n                                    ? (floatingStyles as CSSProperties)\n                                    : {\n                                          position: \"fixed\",\n                                          top: \"50%\",\n                                          left: \"50%\",\n                                          transform: \"translate(-50%, -50%)\",\n                                      }\n                            }\n                            className=\"pointer-events-auto outline-none\"\n                        >\n                            <motion.div\n                                transition={{ duration: 0.2 }}\n                                exit={{ opacity: 0, scale: 0.9 }}\n                                animate={{ opacity: 1, scale: 1 }}\n                                initial={{ opacity: 0, scale: 0.9 }}\n                                className=\"flex w-wizard-w max-w-sm flex-col gap-wizard-gap rounded-wizard-radius border border-floating-border bg-floating-background p-wizard-p shadow-shadow-floating\"\n                            >\n                                {element && (\n                                    <FloatingArrow ref={arrowRef} context={context} className=\"fill-floating-background stroke-floating-border\" />\n                                )}\n                                {currentStep.title && <h3>{currentStep.title}</h3>}\n                                {currentStep.description && <Fragment>{currentStep.description}</Fragment>}\n                                <div className=\"mt-wizard-footer-pt flex items-center justify-between border-t border-floating-border pt-wizard-footer-pt\">\n                                    <Button\n                                        theme=\"raw\"\n                                        size=\"small\"\n                                        onClick={onClose}\n                                        className=\"text-wizard-label-text text-muted-foreground hover:text-foreground\"\n                                    >\n                                        {labels.skip}\n                                    </Button>\n                                    <div className=\"flex gap-wizard-actions-gap\">\n                                        {hasPrevious && (\n                                            <Button size=\"small\" theme=\"ghost-muted\" onClick={handlePrevious}>\n                                                {labels.previous}\n                                            </Button>\n                                        )}\n                                        <Button size=\"small\" onClick={handleNext}>\n                                            {hasNext ? labels.next : labels.finish}\n                                        </Button>\n                                    </div>\n                                </div>\n                                <div className=\"absolute right-wizard-counter-right top-wizard-counter-top text-wizard-label-text text-muted-foreground\">\n                                    {index + 1} / {steps.length}\n                                </div>\n                            </motion.div>\n                        </div>\n                    )}\n                </AnimatePresence>\n            </div>\n        </FloatingPortal>\n    );\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@g4rcez/components",
-    "version": "5.0.1",
+    "version": "5.0.3",
     "private": false,
     "description": "Customizable react components.",
     "keywords": [
@@ -77,6 +77,13 @@
             "require": "./dist/preset/preset.tailwind.js",
             "default": "./dist/preset/preset.tailwind.js"
         },
+        "./components/*": {
+            "types": "./dist/components/*.d.ts",
+            "type": "./dist/components/*.d.ts",
+            "import": "./dist/components/*.js",
+            "require": "./dist/components/*.js",
+            "default": "./dist/components/*.js"
+        },
         "./tag": {
             "type": "./dist/components/core/tag.d.ts",
             "import": "./dist/components/core/tag.js",
@@ -204,10 +211,10 @@
             "default": "./dist/components/display/card.js"
         },
         "./table": {
-            "type": "./dist/components/table/table.d.ts",
-            "import": "./dist/components/table/table.js",
-            "require": "./dist/components/table/table.js",
-            "default": "./dist/components/table/table.js"
+            "type": "./dist/components/table/index.d.ts",
+            "import": "./dist/components/table/index.js",
+            "require": "./dist/components/table/index.js",
+            "default": "./dist/components/table/index.js"
         },
         "./menu": {
             "type": "./dist/components/floating/menu.d.ts",
@@ -254,7 +261,7 @@
         "@phosphor-icons/react": "2.1.10",
         "class-variance-authority": "0.7.1",
         "clsx": "2.1.1",
-        "date-fns": "4.2.1",
+        "date-fns": "4.3.0",
         "linq-arrays": "3.2.5",
         "motion": "12.40.0",
         "pretty-bytes": "7.1.0",
@@ -271,21 +278,22 @@
     },
     "devDependencies": {
         "@tailwindcss/forms": "0.5.11",
-        "@testing-library/jest-dom": "^6.9.1",
-        "@testing-library/react": "^16.3.2",
+        "@testing-library/jest-dom": "6.9.1",
+        "@testing-library/react": "16.3.2",
+        "@testing-library/user-event": "14.6.1",
         "@types/node": "25.9.1",
         "@types/qs": "6.15.1",
         "@types/react": "19.2.15",
         "@types/react-dom": "19.2.3",
         "@vitejs/plugin-react": "6.0.2",
-        "jsdom": "^29.1.1",
+        "jsdom": "29.1.1",
         "postcss": "8.5.15",
         "tailwindcss": "3.4.14",
         "tslib": "2.8.1",
         "typescript": "6.0.3",
         "vite": "8.0.14",
-        "vite-tsconfig-paths": "6.1.1",
-        "vitest": "4.1.7"
+        "vitest": "4.1.7",
+        "vitest-axe": "0.1.0"
     },
     "peerDependencies": {
         "react": ">=18",