@g4rcez/components 4.1.3 → 5.0.1

package/dist/tabs-Ciy0l9OF.js

@@ -0,0 +1,122 @@
+import { p as e, t } from "./dom-Bn4wY_Zx.js";
+import { t as n } from "./polymorph-BLXhrn9n.js";
+import { t as r } from "./use-stable-ref-D5LFCx0u.js";
+import { Card as i } from "./components/display/card.js";
+import a, { createContext as o, useContext as s, useEffect as c, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+//#region src/hooks/use-reactive.ts
+var p = (e, t) => {
+	let [n, r] = u(() => t || e);
+	return c(() => {
+		r(e);
+	}, [e]), [n, r];
+}, m = {
+	ArrowUp: "ArrowUp",
+	ArrowDown: "ArrowDown",
+	ArrowLeft: "ArrowLeft",
+	ArrowRight: "ArrowRight"
+}, h = o(""), g = (e) => e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true", _ = (e, t, n) => {
+	let r = n === "forward" ? 1 : -1, i = t + r;
+	for (let t = i; t >= 0 && t < e.length; t += r) {
+		let n = e[t];
+		if (!g(n)) return n;
+	}
+	return n === "backward" ? _(e, e.length - 1, "backward") : _(e, -1, "forward");
+}, v = (e, t) => {
+	let n = Array.from(e.querySelectorAll("li")), r = n.findIndex((e) => e.dataset.active === "true");
+	if (r === -1) return null;
+	let i = _(n, r, t);
+	return i === null ? null : (i.querySelector("button")?.focus({ preventScroll: !1 }), i.getAttribute("data-id") || "");
+}, y = (e, t) => {
+	let n = Array.from(e.querySelectorAll("li")), r = t === "first" ? n : [...n].reverse();
+	for (let e of r) if (!g(e)) return e.querySelector("button")?.focus({ preventScroll: !1 }), e.getAttribute("data-id") || "";
+	return null;
+}, b = {
+	[m.ArrowLeft]: (e, t) => v(t, "backward"),
+	[m.ArrowRight]: (e, t) => v(t, "forward")
+}, x = (o) => {
+	let [s, u] = p(o.active), m = l(null), g = r(o.onChange);
+	c(() => {
+		let e = m.current;
+		if (e === null) return;
+		let t = e.querySelector("li[data-active=true]");
+		t === null && (t = e.querySelector("li[data-id]"), u(t.getAttribute("data-id") || ""));
+	}, [o.active, u]), c(() => {
+		g.current && g.current(s);
+	}, [g, s]);
+	let _ = a.Children.toArray(o.children), v = (e) => {
+		let t = e.currentTarget;
+		u(t.dataset.id || "");
+	};
+	return /* @__PURE__ */ d(h.Provider, {
+		value: s,
+		children: /* @__PURE__ */ d(i, {
+			className: o.className,
+			container: t("pt-0 max-w-full w-full min-w-0", o.container),
+			header: /* @__PURE__ */ f("header", {
+				className: "relative mb-tabs-header-mb overflow-x-auto",
+				children: [/* @__PURE__ */ d("div", { className: "absolute bottom-0 h-tabs-divider-h w-full bg-card-border" }), /* @__PURE__ */ d("nav", {
+					className: "min-w-0",
+					children: /* @__PURE__ */ d("ul", {
+						role: "tablist",
+						onKeyDown: (t) => {
+							if (m.current === null) return;
+							let n = t.key;
+							if (e.keyof(b, n)) {
+								let e = b[n], r = e(t, m.current);
+								if (r === null) return;
+								u(r);
+							} else if (n === "Home") {
+								t.preventDefault();
+								let e = y(m.current, "first");
+								e && u(e);
+							} else if (n === "End") {
+								t.preventDefault();
+								let e = y(m.current, "last");
+								e && u(e);
+							}
+						},
+						ref: m,
+						className: "flex w-0 min-w-full flex-1 justify-start overflow-x-auto",
+						children: _.map((e) => {
+							let r = e.props, i = s === r.id;
+							return /* @__PURE__ */ d("li", {
+								"data-id": r.id,
+								"data-active": i,
+								className: t("relative w-fit border-b border-transparent transition-all", i ? "border-primary font-medium text-primary" : "", r.disabled ? "aria-disabled:text-disabled" : ""),
+								children: /* @__PURE__ */ d(n, {
+									role: "tab",
+									as: "button",
+									type: "button",
+									"data-id": r.id,
+									id: `${r.id}-tab`,
+									"aria-selected": i,
+									disabled: r.disabled,
+									tabIndex: i ? 0 : -1,
+									"aria-controls": `${r.id}-panel`,
+									onClick: r.disabled ? void 0 : v,
+									className: "block w-full whitespace-nowrap px-tabs-item-px py-tabs-item-py disabled:cursor-not-allowed",
+									children: r.title
+								})
+							}, `tab-header-${r.id}`);
+						})
+					})
+				})]
+			}),
+			children: o.children
+		})
+	});
+}, S = () => s(h), C = (e) => {
+	let t = S();
+	return e.id === t ? /* @__PURE__ */ d("div", {
+		role: "tabpanel",
+		tabIndex: 0,
+		id: `${e.id}-panel`,
+		"aria-labelledby": `${e.id}-tab`,
+		children: e.children
+	}) : null;
+};
+//#endregion
+export { x as n, p as r, C as t };
+
+//# sourceMappingURL=tabs-Ciy0l9OF.js.map

package/dist/tabs-Ciy0l9OF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-Ciy0l9OF.js","names":[],"sources":["../src/hooks/use-reactive.ts","../src/lib/keyboard-area.ts","../src/components/display/tabs.tsx"],"sourcesContent":["\"use client\";\nimport { useEffect, useState } from \"react\";\n\nexport const useReactive = <T>(t: T, initial?: T) => {\n    const [state, setState] = useState(() => (initial ? initial : t));\n    useEffect(() => {\n        setState(t);\n    }, [t]);\n    return [state, setState] as const;\n};\n","import React from \"react\";\n\ntype EventKey =\n    | \"Backspace\"\n    | \"Tab\"\n    | \"Enter\"\n    | \"Shift\"\n    | \"Control\"\n    | \"Alt\"\n    | \"Pause\"\n    | \"CapsLock\"\n    | \"Escape\"\n    | \"Space\"\n    | \"PageUp\"\n    | \"PageDown\"\n    | \"End\"\n    | \"Home\"\n    | \"ArrowLeft\"\n    | \"ArrowUp\"\n    | \"ArrowRight\"\n    | \"ArrowDown\"\n    | \"PrintScreen\"\n    | \"Insert\"\n    | \"Delete\"\n    | \"0\"\n    | \"1\"\n    | \"2\"\n    | \"3\"\n    | \"4\"\n    | \"5\"\n    | \"6\"\n    | \"7\"\n    | \"8\"\n    | \"9\"\n    | \"a\"\n    | \"b\"\n    | \"c\"\n    | \"d\"\n    | \"e\"\n    | \"f\"\n    | \"g\"\n    | \"h\"\n    | \"i\"\n    | \"j\"\n    | \"k\"\n    | \"l\"\n    | \"m\"\n    | \"n\"\n    | \"o\"\n    | \"p\"\n    | \"q\"\n    | \"r\"\n    | \"s\"\n    | \"t\"\n    | \"u\"\n    | \"v\"\n    | \"w\"\n    | \"x\"\n    | \"y\"\n    | \"z\"\n    | \"Meta\"\n    | \"ContextMenu\"\n    | \"F1\"\n    | \"F2\"\n    | \"F3\"\n    | \"F4\"\n    | \"F5\"\n    | \"F6\"\n    | \"F7\"\n    | \"F8\"\n    | \"F9\"\n    | \"F10\"\n    | \"F11\"\n    | \"F12\"\n    | \"NumLock\"\n    | \"ScrollLock\"\n    | \"AudioVolumeMute\"\n    | \"AudioVolumeUp\"\n    | \"AudioVolumeDown\"\n    | \"MediaTrackNext\"\n    | \"MediaTrackPrevious\"\n    | \"MediaStop\"\n    | \"MediaPlayPause\"\n    | \"LaunchMail\"\n    | \"LaunchMediaPlayer\"\n    | \"LaunchApplication1\"\n    | \"LaunchApplication2\"\n    | \"Semicolon\"\n    | \"Equal\"\n    | \"Comma\"\n    | \"Minus\"\n    | \"Period\"\n    | \"Slash\"\n    | \"Backquote\"\n    | \"BracketLeft\"\n    | \"Backslash\"\n    | \"BracketRight\"\n    | \"Quote\";\n\nexport const keyboardKeys = {\n    ArrowUp: \"ArrowUp\",\n    ArrowDown: \"ArrowDown\",\n    ArrowLeft: \"ArrowLeft\",\n    ArrowRight: \"ArrowRight\",\n} as const;\n\ntype Callback<T extends HTMLElement = HTMLElement> = (e: KeyboardEvent | React.KeyboardEvent<T>) => void;\n\nexport class KeyboardArea<T extends HTMLElement> {\n    private set = new Set();\n\n    public key(key: EventKey, callback: Callback<T>) {\n        const fn: Callback<T> = (e) => (e.key === key ? callback(e) : undefined);\n        return () => this.set.delete(fn);\n    }\n\n    public onKeyDown(_: Callback<T>) {}\n}\n","\"use client\";\nimport React, { createContext, PropsWithChildren, useContext, useEffect, useRef } from \"react\";\nimport { Is, Nullable } from \"sidekicker\";\nimport { useReactive } from \"../../hooks/use-reactive\";\nimport { useStableRef } from \"../../hooks/use-stable-ref\";\nimport { css } from \"../../lib/dom\";\nimport { keyboardKeys } from \"../../lib/keyboard-area\";\nimport { Label } from \"../../types\";\nimport { Polymorph } from \"../core/polymorph\";\nimport { Card, CardProps } from \"./card\";\n\nexport type TabsProps = Omit<CardProps<\"div\">, \"onChange\"> & {\n    active: string;\n    container?: string;\n    className?: string;\n    onChange?: (id: string) => void;\n};\n\nconst Context = createContext<string>(\"\");\n\nconst isElementDisabled = (element: HTMLElement): boolean => element.hasAttribute(\"disabled\") || element.getAttribute(\"aria-disabled\") === \"true\";\n\nconst getNElement = (elements: HTMLElement[], currentIndex: number, direction: \"backward\" | \"forward\"): HTMLElement | null => {\n    const step = direction === \"forward\" ? 1 : -1;\n    const startIndex = currentIndex + step;\n    for (let i = startIndex; i >= 0 && i < elements.length; i += step) {\n        const element = elements[i];\n        if (!isElementDisabled(element)) return element;\n    }\n    return direction === \"backward\" ? getNElement(elements, elements.length - 1, \"backward\") : getNElement(elements, -1, \"forward\");\n};\n\nconst moveOn = (ul: HTMLUListElement, direction: \"backward\" | \"forward\") => {\n    const items = Array.from(ul.querySelectorAll(\"li\"));\n    const find = items.findIndex((x) => x.dataset.active === \"true\");\n    if (find === -1) return null;\n    const item = getNElement(items, find, direction);\n    if (item === null) return null;\n    item.querySelector(\"button\")?.focus({ preventScroll: false });\n    return item.getAttribute(\"data-id\") || \"\";\n};\n\nconst moveToEdge = (ul: HTMLUListElement, edge: \"first\" | \"last\") => {\n    const items = Array.from(ul.querySelectorAll(\"li\"));\n    const ordered = edge === \"first\" ? items : [...items].reverse();\n    for (const item of ordered) {\n        if (!isElementDisabled(item)) {\n            item.querySelector(\"button\")?.focus({ preventScroll: false });\n            return item.getAttribute(\"data-id\") || \"\";\n        }\n    }\n    return null;\n};\n\nconst actionKeys = {\n    [keyboardKeys.ArrowLeft]: (_: unknown, ul: HTMLUListElement): Nullable<string> => moveOn(ul, \"backward\"),\n    [keyboardKeys.ArrowRight]: (_: unknown, ul: HTMLUListElement): Nullable<string> => moveOn(ul, \"forward\"),\n};\n\nexport const Tabs = (props: PropsWithChildren<TabsProps>) => {\n    const [active, setActive] = useReactive(props.active);\n    const ref = useRef<HTMLUListElement | null>(null);\n    const onChangeRef = useStableRef(props.onChange);\n\n    useEffect(() => {\n        const header = ref.current;\n        if (header === null) return;\n        let first = header.querySelector<HTMLElement>(`li[data-active=true]`);\n        if (first === null) {\n            first = header.querySelector<HTMLElement>(`li[data-id]`)!;\n            const id = first.getAttribute(\"data-id\") || \"\";\n            setActive(id);\n        }\n    }, [props.active, setActive]);\n\n    useEffect(() => {\n        if (onChangeRef.current) onChangeRef.current(active);\n    }, [onChangeRef, active]);\n\n    const items = React.Children.toArray(props.children as React.ReactElement<TabProps>) as Array<React.ReactElement<TabProps>>;\n\n    const onClick = (e: React.MouseEvent<HTMLAnchorElement | HTMLButtonElement>) => {\n        const anchor = e.currentTarget;\n        setActive(anchor.dataset.id || \"\");\n    };\n\n    const onKeyDown = (e: React.KeyboardEvent<HTMLUListElement>) => {\n        if (ref.current === null) return;\n        const k = e.key;\n        if (Is.keyof(actionKeys, k)) {\n            const fn = actionKeys[k];\n            const result = fn(e, ref.current);\n            if (result === null) return;\n            setActive(result);\n        } else if (k === \"Home\") {\n            e.preventDefault();\n            const result = moveToEdge(ref.current, \"first\");\n            if (result) setActive(result);\n        } else if (k === \"End\") {\n            e.preventDefault();\n            const result = moveToEdge(ref.current, \"last\");\n            if (result) setActive(result);\n        }\n    };\n\n    return (\n        <Context.Provider value={active}>\n            <Card\n                className={props.className}\n                container={css(\"pt-0 max-w-full w-full min-w-0\", props.container)}\n                header={\n                    <header className=\"relative mb-tabs-header-mb overflow-x-auto\">\n                        <div className=\"absolute bottom-0 h-tabs-divider-h w-full bg-card-border\" />\n                        <nav className=\"min-w-0\">\n                            <ul role=\"tablist\" onKeyDown={onKeyDown} ref={ref} className=\"flex w-0 min-w-full flex-1 justify-start overflow-x-auto\">\n                                {items.map((x: React.ReactElement<TabProps>) => {\n                                    const inner = x.props;\n                                    const current = active === inner.id;\n                                    return (\n                                        <li\n                                            data-id={inner.id}\n                                            data-active={current}\n                                            key={`tab-header-${inner.id}`}\n                                            className={css(\n                                                \"relative w-fit border-b border-transparent transition-all\",\n                                                current ? \"border-primary font-medium text-primary\" : \"\",\n                                                inner.disabled ? \"aria-disabled:text-disabled\" : \"\"\n                                            )}\n                                        >\n                                            <Polymorph\n                                                role=\"tab\"\n                                                as=\"button\"\n                                                type=\"button\"\n                                                data-id={inner.id}\n                                                id={`${inner.id}-tab`}\n                                                aria-selected={current}\n                                                disabled={inner.disabled}\n                                                tabIndex={current ? 0 : -1}\n                                                aria-controls={`${inner.id}-panel`}\n                                                onClick={inner.disabled ? undefined : onClick}\n                                                className=\"block w-full whitespace-nowrap px-tabs-item-px py-tabs-item-py disabled:cursor-not-allowed\"\n                                            >\n                                                {inner.title as React.ReactNode}\n                                            </Polymorph>\n                                        </li>\n                                    );\n                                })}\n                            </ul>\n                        </nav>\n                    </header>\n                }\n            >\n                {props.children}\n            </Card>\n        </Context.Provider>\n    );\n};\n\nconst useTabs = () => useContext(Context);\n\ntype CommonTabProps = { id: string; disabled?: boolean };\n\nexport type TabProps = CommonTabProps &\n    (\n        | { title: string; label?: undefined }\n        | {\n              label: string;\n              title: Omit<Label, string>;\n          }\n    );\n\nexport const Tab = (props: PropsWithChildren<TabProps>) => {\n    const active = useTabs();\n    if (props.id !== active) return null;\n    return (\n        <div role=\"tabpanel\" tabIndex={0} id={`${props.id}-panel`} aria-labelledby={`${props.id}-tab`}>\n            {props.children}\n        </div>\n    );\n};\n"],"mappings":"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"}

package/dist/task-list-tKumO4WH.js

@@ -0,0 +1,96 @@
+import { D as e, E as t, Ft as n, O as r, _t as i, t as a, xt as o } from "./MotionConfigContext-BORpSKe8.js";
+import { n as s } from "./animate-BNYgkk_j.js";
+import { useContext as c, useEffect as l, useMemo as u, useState as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
+//#region ../../node_modules/.pnpm/motion-dom@12.40.0/node_modules/motion-dom/dist/es/utils/stagger.mjs
+function p(e, t) {
+	if (e === "first") return 0;
+	{
+		let n = t - 1;
+		return e === "last" ? n : n / 2;
+	}
+}
+function m(e = .1, { startDelay: t = 0, from: n = 0, ease: r } = {}) {
+	return (a, o) => {
+		let s = typeof n == "number" ? n : p(n, o), c = e * Math.abs(s - a);
+		if (r) {
+			let t = o * e;
+			c = i(r)(c / t) * t;
+		}
+		return t + c;
+	};
+}
+//#endregion
+//#region ../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/utils/use-unmount-effect.mjs
+function h(e) {
+	return l(() => () => e(), []);
+}
+//#endregion
+//#region ../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs
+function g() {
+	!e.current && t();
+	let [n] = d(r.current);
+	return process.env.NODE_ENV !== "production" && o(n !== !0, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled"), n;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion-config.mjs
+function _() {
+	let e = g(), { reducedMotion: t } = c(a);
+	return t === "never" ? !1 : t === "always" ? !0 : e;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/animation/hooks/use-animate.mjs
+function v() {
+	let e = n(() => ({
+		current: null,
+		animations: []
+	})), t = _() ?? void 0, { skipAnimations: r } = c(a), i = u(() => s({
+		scope: e,
+		reduceMotion: t,
+		skipAnimations: r
+	}), [
+		e,
+		t,
+		r
+	]);
+	return h(() => {
+		e.animations.forEach((e) => e.stop()), e.animations.length = 0;
+	}), [e, i];
+}
+//#endregion
+//#region src/components/form/task-list.tsx
+var y = (e) => {
+	let [t, n] = v();
+	return l(() => {
+		let e = t.current;
+		if (!e) return;
+		let r = (t) => {
+			let r = t.target, i = Array.from(e.querySelectorAll("input[data-task=true]")), a = i.every((e) => e.checked), o = i.indexOf(r);
+			a && o !== -1 && n("input", {
+				scale: [
+					1,
+					1.35,
+					1
+				],
+				rotate: [
+					0,
+					20,
+					-20,
+					0
+				]
+			}, {
+				duration: .5,
+				delay: m(.075, { from: o })
+			});
+		};
+		return e.addEventListener("change", r), () => e.removeEventListener("change", r);
+	}, [t, n]), /* @__PURE__ */ f("fieldset", {
+		...e,
+		"data-component": "task-list",
+		ref: t
+	});
+};
+//#endregion
+export { y as t };
+
+//# sourceMappingURL=task-list-tKumO4WH.js.map

package/dist/task-list-tKumO4WH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"task-list-tKumO4WH.js","names":[],"sources":["../../../node_modules/.pnpm/motion-dom@12.40.0/node_modules/motion-dom/dist/es/utils/stagger.mjs","../../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/utils/use-unmount-effect.mjs","../../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion.mjs","../../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/utils/reduced-motion/use-reduced-motion-config.mjs","../../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/animation/hooks/use-animate.mjs","../src/components/form/task-list.tsx"],"sourcesContent":["import { easingDefinitionToFunction } from 'motion-utils';\n\nfunction getOriginIndex(from, total) {\n    if (from === \"first\") {\n        return 0;\n    }\n    else {\n        const lastIndex = total - 1;\n        return from === \"last\" ? lastIndex : lastIndex / 2;\n    }\n}\nfunction stagger(duration = 0.1, { startDelay = 0, from = 0, ease } = {}) {\n    return (i, total) => {\n        const fromIndex = typeof from === \"number\" ? from : getOriginIndex(from, total);\n        const distance = Math.abs(fromIndex - i);\n        let delay = duration * distance;\n        if (ease) {\n            const maxDelay = total * duration;\n            const easingFunction = easingDefinitionToFunction(ease);\n            delay = easingFunction(delay / maxDelay) * maxDelay;\n        }\n        return startDelay + delay;\n    };\n}\n\nexport { getOriginIndex, stagger };\n//# sourceMappingURL=stagger.mjs.map\n","\"use client\";\nimport { useEffect } from 'react';\n\nfunction useUnmountEffect(callback) {\n    return useEffect(() => () => callback(), []);\n}\n\nexport { useUnmountEffect };\n//# sourceMappingURL=use-unmount-effect.mjs.map\n","\"use client\";\nimport { hasReducedMotionListener, initPrefersReducedMotion, prefersReducedMotion } from 'motion-dom';\nimport { warnOnce } from 'motion-utils';\nimport { useState } from 'react';\n\n/**\n * A hook that returns `true` if we should be using reduced motion based on the current device's Reduced Motion setting.\n *\n * This can be used to implement changes to your UI based on Reduced Motion. For instance, replacing motion-sickness inducing\n * `x`/`y` animations with `opacity`, disabling the autoplay of background videos, or turning off parallax motion.\n *\n * It will actively respond to changes and re-render your components with the latest setting.\n *\n * ```jsx\n * export function Sidebar({ isOpen }) {\n *   const shouldReduceMotion = useReducedMotion()\n *   const closedX = shouldReduceMotion ? 0 : \"-100%\"\n *\n *   return (\n *     <motion.div animate={{\n *       opacity: isOpen ? 1 : 0,\n *       x: isOpen ? 0 : closedX\n *     }} />\n *   )\n * }\n * ```\n *\n * @return boolean\n *\n * @public\n */\nfunction useReducedMotion() {\n    /**\n     * Lazy initialisation of prefersReducedMotion\n     */\n    !hasReducedMotionListener.current && initPrefersReducedMotion();\n    const [shouldReduceMotion] = useState(prefersReducedMotion.current);\n    if (process.env.NODE_ENV !== \"production\") {\n        warnOnce(shouldReduceMotion !== true, \"You have Reduced Motion enabled on your device. Animations may not appear as expected.\", \"reduced-motion-disabled\");\n    }\n    /**\n     * TODO See if people miss automatically updating shouldReduceMotion setting\n     */\n    return shouldReduceMotion;\n}\n\nexport { useReducedMotion };\n//# sourceMappingURL=use-reduced-motion.mjs.map\n","\"use client\";\nimport { useContext } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { useReducedMotion } from './use-reduced-motion.mjs';\n\nfunction useReducedMotionConfig() {\n    const reducedMotionPreference = useReducedMotion();\n    const { reducedMotion } = useContext(MotionConfigContext);\n    if (reducedMotion === \"never\") {\n        return false;\n    }\n    else if (reducedMotion === \"always\") {\n        return true;\n    }\n    else {\n        return reducedMotionPreference;\n    }\n}\n\nexport { useReducedMotionConfig };\n//# sourceMappingURL=use-reduced-motion-config.mjs.map\n","\"use client\";\nimport { useContext, useMemo } from 'react';\nimport { useConstant } from '../../utils/use-constant.mjs';\nimport { useUnmountEffect } from '../../utils/use-unmount-effect.mjs';\nimport { useReducedMotionConfig } from '../../utils/reduced-motion/use-reduced-motion-config.mjs';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { createScopedAnimate } from '../animate/index.mjs';\n\nfunction useAnimate() {\n    const scope = useConstant(() => ({\n        current: null, // Will be hydrated by React\n        animations: [],\n    }));\n    const reduceMotion = useReducedMotionConfig() ?? undefined;\n    const { skipAnimations } = useContext(MotionConfigContext);\n    const animate = useMemo(() => createScopedAnimate({ scope, reduceMotion, skipAnimations }), [scope, reduceMotion, skipAnimations]);\n    useUnmountEffect(() => {\n        scope.animations.forEach((animation) => animation.stop());\n        scope.animations.length = 0;\n    });\n    return [scope, animate];\n}\n\nexport { useAnimate };\n//# sourceMappingURL=use-animate.mjs.map\n","\"use client\";\nimport { stagger, useAnimate } from \"motion/react\";\nimport { ComponentProps, PropsWithChildren, useEffect } from \"react\";\n\nexport const TaskList = (props: PropsWithChildren<ComponentProps<\"fieldset\">>) => {\n    const [ref, animate] = useAnimate();\n\n    useEffect(() => {\n        const container = ref.current as HTMLFieldSetElement | null;\n        if (!container) return;\n        const handler = (e: Event) => {\n            const input = e.target as HTMLInputElement;\n            const items = Array.from(container.querySelectorAll(\"input[data-task=true]\")) as HTMLInputElement[];\n            const allTaskChecked = items.every((el) => el.checked);\n            const index = items.indexOf(input);\n            if (allTaskChecked && index !== -1) {\n                animate(\n                    \"input\",\n                    { scale: [1, 1.35, 1], rotate: [0, 20, -20, 0] },\n                    {\n                        duration: 0.5,\n                        delay: stagger(0.075, { from: index }),\n                    }\n                );\n            }\n        };\n        container.addEventListener(\"change\", handler);\n        return () => container.removeEventListener(\"change\", handler);\n    }, [ref, animate]);\n\n    return <fieldset {...props} data-component=\"task-list\" ref={ref} />;\n};\n"],"x_google_ignoreList":[0,1,2,3,4],"mappings":";;;;;AAEA,SAAS,EAAe,GAAM,GAAO;CACjC,IAAI,MAAS,SACT,OAAO;CAEN;EACD,IAAM,IAAY,IAAQ;EAC1B,OAAO,MAAS,SAAS,IAAY,IAAY;CACrD;AACJ;AACA,SAAS,EAAQ,IAAW,IAAK,EAAE,gBAAa,GAAG,UAAO,GAAG,YAAS,CAAC,GAAG;CACtE,QAAQ,GAAG,MAAU;EACjB,IAAM,IAAY,OAAO,KAAS,WAAW,IAAO,EAAe,GAAM,CAAK,GAE1E,IAAQ,IADK,KAAK,IAAI,IAAY,CACR;EAC9B,IAAI,GAAM;GACN,IAAM,IAAW,IAAQ;GAEzB,IADuB,EAA2B,CAC7B,EAAE,IAAQ,CAAQ,IAAI;EAC/C;EACA,OAAO,IAAa;CACxB;AACJ;;;ACpBA,SAAS,EAAiB,GAAU;CAChC,OAAO,cAAsB,EAAS,GAAG,CAAC,CAAC;AAC/C;;;AC0BA,SAAS,IAAmB;CAIxB,CAAC,EAAyB,WAAW,EAAyB;CAC9D,IAAM,CAAC,KAAsB,EAAS,EAAqB,OAAO;CAOlE,OANA,QAAA,IAAA,aAA6B,gBACzB,EAAS,MAAuB,IAAM,0FAA0F,yBAAyB,GAKtJ;AACX;;;ACvCA,SAAS,IAAyB;CAC9B,IAAM,IAA0B,EAAiB,GAC3C,EAAE,qBAAkB,EAAW,CAAmB;CAQpD,OAPA,MAAkB,UACX,KAEF,MAAkB,WAChB,KAGA;AAEf;;;ACTA,SAAS,IAAa;CAClB,IAAM,IAAQ,SAAmB;EAC7B,SAAS;EACT,YAAY,CAAC;CACjB,EAAE,GACI,IAAe,EAAuB,KAAK,KAAA,GAC3C,EAAE,sBAAmB,EAAW,CAAmB,GACnD,IAAU,QAAc,EAAoB;EAAE;EAAO;EAAc;CAAe,CAAC,GAAG;EAAC;EAAO;EAAc;CAAc,CAAC;CAKjI,OAJA,QAAuB;EAEnB,AADA,EAAM,WAAW,SAAS,MAAc,EAAU,KAAK,CAAC,GACxD,EAAM,WAAW,SAAS;CAC9B,CAAC,GACM,CAAC,GAAO,CAAO;AAC1B;;;ACjBA,IAAa,KAAY,MAAyD;CAC9E,IAAM,CAAC,GAAK,KAAW,EAAW;CAyBlC,OAvBA,QAAgB;EACZ,IAAM,IAAY,EAAI;EACtB,IAAI,CAAC,GAAW;EAChB,IAAM,KAAW,MAAa;GAC1B,IAAM,IAAQ,EAAE,QACV,IAAQ,MAAM,KAAK,EAAU,iBAAiB,uBAAuB,CAAC,GACtE,IAAiB,EAAM,OAAO,MAAO,EAAG,OAAO,GAC/C,IAAQ,EAAM,QAAQ,CAAK;GACjC,AAAI,KAAkB,MAAU,MAC5B,EACI,SACA;IAAE,OAAO;KAAC;KAAG;KAAM;IAAC;IAAG,QAAQ;KAAC;KAAG;KAAI;KAAK;IAAC;GAAE,GAC/C;IACI,UAAU;IACV,OAAO,EAAQ,MAAO,EAAE,MAAM,EAAM,CAAC;GACzC,CACJ;EAER;EAEA,OADA,EAAU,iBAAiB,UAAU,CAAO,SAC/B,EAAU,oBAAoB,UAAU,CAAO;CAChE,GAAG,CAAC,GAAK,CAAO,CAAC,GAEV,kBAAC,YAAD;EAAU,GAAI;EAAO,kBAAe;EAAiB;CAAM,CAAA;AACtE"}

package/dist/use-motion-value-BqPF1j90.js

@@ -0,0 +1,15 @@
+import { Ft as e, et as t, t as n } from "./MotionConfigContext-BORpSKe8.js";
+import { useContext as r, useEffect as i, useState as a } from "react";
+//#region ../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/value/use-motion-value.mjs
+function o(o) {
+	let s = e(() => t(o)), { isStatic: c } = r(n);
+	if (c) {
+		let [, e] = a(o);
+		i(() => s.on("change", e), []);
+	}
+	return s;
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=use-motion-value-BqPF1j90.js.map

package/dist/use-motion-value-BqPF1j90.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-motion-value-BqPF1j90.js","names":[],"sources":["../../../node_modules/.pnpm/framer-motion@12.40.0_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/framer-motion/dist/es/value/use-motion-value.mjs"],"sourcesContent":["\"use client\";\nimport { motionValue } from 'motion-dom';\nimport { useContext, useState, useEffect } from 'react';\nimport { MotionConfigContext } from '../context/MotionConfigContext.mjs';\nimport { useConstant } from '../utils/use-constant.mjs';\n\n/**\n * Creates a `MotionValue` to track the state and velocity of a value.\n *\n * Usually, these are created automatically. For advanced use-cases, like use with `useTransform`, you can create `MotionValue`s externally and pass them into the animated component via the `style` prop.\n *\n * ```jsx\n * export const MyComponent = () => {\n *   const scale = useMotionValue(1)\n *\n *   return <motion.div style={{ scale }} />\n * }\n * ```\n *\n * @param initial - The initial state.\n *\n * @public\n */\nfunction useMotionValue(initial) {\n    const value = useConstant(() => motionValue(initial));\n    /**\n     * If this motion value is being used in static mode, like on\n     * the Framer canvas, force components to rerender when the motion\n     * value is updated.\n     */\n    const { isStatic } = useContext(MotionConfigContext);\n    if (isStatic) {\n        const [, setLatest] = useState(initial);\n        useEffect(() => value.on(\"change\", setLatest), []);\n    }\n    return value;\n}\n\nexport { useMotionValue };\n//# sourceMappingURL=use-motion-value.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;AAuBA,SAAS,EAAe,GAAS;CAC7B,IAAM,IAAQ,QAAkB,EAAY,CAAO,CAAC,GAM9C,EAAE,gBAAa,EAAW,CAAmB;CACnD,IAAI,GAAU;EACV,IAAM,GAAG,KAAa,EAAS,CAAO;EACtC,QAAgB,EAAM,GAAG,UAAU,CAAS,GAAG,CAAC,CAAC;CACrD;CACA,OAAO;AACX"}

package/dist/use-stable-ref-D5LFCx0u.js

@@ -0,0 +1,12 @@
+import { useEffect as e, useRef as t } from "react";
+//#region src/hooks/use-stable-ref.ts
+var n = (n) => {
+	let r = t(n);
+	return e(() => {
+		r.current = n;
+	}, [n]), r;
+};
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=use-stable-ref-D5LFCx0u.js.map

package/dist/use-stable-ref-D5LFCx0u.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-stable-ref-D5LFCx0u.js","names":[],"sources":["../src/hooks/use-stable-ref.ts"],"sourcesContent":["\"use client\";\nimport { useEffect, useRef } from \"react\";\n\nexport const useStableRef = <T>(value: T) => {\n    const ref = useRef<T>(value);\n\n    useEffect(() => {\n        ref.current = value;\n    }, [value]);\n\n    return ref;\n};\n"],"mappings":";;AAGA,IAAa,KAAmB,MAAa;CACzC,IAAM,IAAM,EAAU,CAAK;CAM3B,OAJA,QAAgB;EACZ,EAAI,UAAU;CAClB,GAAG,CAAC,CAAK,CAAC,GAEH;AACX"}

package/dist/use-translations-DTLfPE3_.js

@@ -0,0 +1,177 @@
+import { Fragment as e, createContext as t, useContext as n } from "react";
+import { jsxs as r } from "react/jsx-runtime";
+//#region src/styles/design-tokens.ts
+var i = {
+	hex: (e) => e,
+	raw: (e) => e,
+	hsl: (e) => `hsl(${e})`,
+	rgb: (e) => `rgb(${e})`,
+	z: (e, t, n) => `var(--z-${n})`,
+	hsla: (e) => `hsla(${e})`,
+	rgba: (e) => `rgba(${e})`,
+	cssVariable: (e, t, n) => `var(--${n})`,
+	formatWithVar: (e) => (t, n, r) => `${e}(var(--${r}), <alpha-value>)`
+}, a = (e, t, n = "", r = "") => Object.entries(e).reduce((e, [i, o]) => {
+	let s = r === "" ? `${n}${i}` : `${r}-${i}`;
+	if (typeof o == "string") {
+		let a = r === "" ? `${n}${i}` : i;
+		return e.concat(t(o, a, s));
+	}
+	return e.concat(a(o, t, n, s));
+}, []), o = (e, t, n = "", r = "") => Object.entries(e).reduce((e, [i, a]) => {
+	let s = r === "" ? `${n}${i}` : `${r}-${i}`;
+	if (typeof a == "string") {
+		let o = r === "" ? `${n}${i}` : i;
+		return {
+			...e,
+			[o]: t(a, i, s)
+		};
+	}
+	return {
+		...e,
+		[i]: o(a, t, n, s)
+	};
+}, {}), s = {
+	default: (e) => `:root { ${e} }`,
+	dark: (e) => `html.dark {${e}}`
+}, c = (e, t) => {
+	let n = t.value || ((e, t) => t), r = e.map((e) => `${e.key}: ${n(e.key, e.value)}`).join(";");
+	return t.result(r);
+}, l = {
+	default: (e) => c(e, { result: s.default }),
+	dark: (e) => c(e, { result: s.dark })
+}, u = (e) => (t, n, r) => {
+	let i = {
+		key: `--${r}`,
+		value: `${t}`
+	};
+	return e ? e(i) : i;
+}, d = (e) => ({
+	key: e.key.replace(/^--/, "--z-"),
+	value: e.value
+}), f = (e, t) => {
+	let n = a(e.colors, u(t?.colors)), r = a(e.spacing, u(t?.spacing)), i = a(e.rounded, u(t?.rounded)), o = a(e.shadow, u(t?.rounded)), s = a(e.zIndex, u(t?.zIndex ?? d)), c = e.components ? a(e.components, u(t?.components)) : [], l = e.custom ? a(e.custom, u(t?.customTokens)) : [];
+	return n.concat(r, i, c, l, s, o);
+}, p = (e, t) => c(f(e), {
+	result: (e) => `html${t ? `.${t}` : ""} {${e}}`,
+	value: (e, t) => t.replace("hsla(", "").replace(")", "")
+}), m = (e, t) => f(e, t).reduce((e, t) => ({
+	...e,
+	[t.key]: t.value
+}), {}), h = (e, t) => c(f(e, t), {
+	result: (e) => `html${t?.name ? `.${t.name}` : ""} {${e}}`,
+	value: (e, t) => t
+}), g = {
+	autocompleteEmpty: "Nothing here...",
+	calendarBackMonth: "Back month",
+	calendarFromDate: "From",
+	calendarMonthLabel: "Month",
+	calendarNextMonth: "Next month",
+	calendarDatetimeTitle: "Time",
+	calendarToDate: "To",
+	calendarToday: "Today",
+	pageCalendarMonthView: "Month view",
+	pageCalendarWeekView: "Week view",
+	pageCalendarDayView: "Day view",
+	pageCalendarPrevious: "Previous",
+	pageCalendarNext: "Next",
+	pageCalendarToday: "Today",
+	pageCalendarAddEvent: "Add event",
+	pageCalendarWeekLabel: (e) => `Week ${e}`,
+	pageCalendarFilter: "Filter:",
+	pageCalendarMoreEvents: (e) => `+${e} more...`,
+	pageCalendarLabel: "Calendar",
+	pageCalendarNavigation: "Calendar navigation",
+	pageCalendarMonthGrid: "Calendar month",
+	pageCalendarFilterEnabled: "enabled",
+	pageCalendarFilterDisabled: "disabled",
+	pageCalendarEventCount: (e) => e === 1 ? "1 event" : `${e} events`,
+	pageCalendarEventAt: (e, t) => `${e} at ${t}`,
+	commandPaletteEmpty: "Nothing here...",
+	commandPaletteLoading: "Loading...",
+	datePickerCalendarButtonLabel: "Click to open a date picker",
+	emptyDataMessage: "No data",
+	inputCaretDown: "Click to see all options",
+	inputCloseValue: "Click to clear the value",
+	inputOptionalLabel: "Optional",
+	wizardNext: "Next",
+	wizardPrev: "Previous",
+	wizardFinish: "Finish",
+	wizardSkip: "Skip",
+	multiSelectInnerPlaceholder: "Search...",
+	multiSelectSelectedLabel: "Selected",
+	tableColumnResizer: "Resize column",
+	tableFilterColumnPlaceholder: "Filter by",
+	tableFilterColumnTitle: "Filter by",
+	tableFilterDropdownTitle: "Filters",
+	tableFilterDropdownTitleUnique: "Filter by",
+	tableFilterLabel: "Filters",
+	tableFilterNewFilter: "New filter",
+	tableFilterOperatorPlaceholder: "Equals to...",
+	tableFilterOperatorTitle: "Operation",
+	tableFilterTypeContains: "Contains",
+	tableFilterTypeEndsWith: "Ends with",
+	tableFilterTypeGreaterThan: "Greater than",
+	tableFilterTypeIs: "Is",
+	tableFilterTypeIsNot: "Is not",
+	tableFilterTypeLessThan: "Less than",
+	tableFilterTypeNotContains: "Not contains",
+	tableFilterTypeStartsWith: "Starts with",
+	tableFilterValuePlaceholder: "Something...",
+	tableFilterValueTitle: "Value",
+	tableGroupLabel: "Group",
+	tableGroupLabelWithCount: "Group",
+	tablePaginationFooter: (t) => /* @__PURE__ */ r(e, { children: [
+		t.current,
+		" to ",
+		t.pages,
+		" of ",
+		t.totalItems,
+		" items.",
+		Array.isArray(t.sizes) ? t.select : null,
+		" ",
+		"per page."
+	] }),
+	tablePaginationNext: "Next",
+	tablePaginationPrevious: "Previous",
+	tablePaginationSelectLabel: "Select the size of page",
+	tableSortAddButton: "Add sort",
+	tableSortAsc: "Ascending",
+	tableSortDesc: "Descending",
+	tableSortDropdownTitle: "Order by",
+	tableSortOrderByLabel: "Order by",
+	tableSortOrderInputPlaceholder: "Order by",
+	tableSortOrderInputTitle: "Order by",
+	tableSortTypeInputPlaceholder: "Ascending",
+	tableSortTypeInputTitle: "Sort type",
+	uploadIdle: "You can drag your files here",
+	uploadIdleButton: "Choose your files",
+	uploadDragging: (e) => `Dragging ${e.n} ${e.n > 0 ? "files" : "file"}`,
+	uploadDialogTitle: "Details of your file",
+	datepickerPlaceholder: (e) => "day/month/year",
+	spinnerLoading: "Loading",
+	skeletonLoading: "Loading content",
+	closeButton: "Close",
+	fileUploadZoneLabel: "File upload area. Drag files here or press Enter to browse."
+}, _ = {
+	input: { iconFeedback: !0 },
+	table: {
+		operations: !0,
+		sorters: !0,
+		filters: !0,
+		sticky: void 0
+	}
+}, v = t({
+	parser: i.hsla,
+	tweaks: _,
+	floatingRef: void 0,
+	map: g,
+	locale: void 0
+}), y = () => {
+	let e = n(v);
+	return e ? e.map : g;
+};
+//#endregion
+export { m as a, p as c, a as d, g as i, h as l, v as n, o, _ as r, l as s, y as t, i as u };
+
+//# sourceMappingURL=use-translations-DTLfPE3_.js.map

package/dist/use-translations-DTLfPE3_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-translations-DTLfPE3_.js","names":[],"sources":["../src/styles/design-tokens.ts","../src/config/default-translations.tsx","../src/config/default-tweaks.ts","../src/config/context.ts","../src/hooks/use-translations.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { DesignTokens, DesignTokensBuilder, DesignTokensParser, GeneralTokens, Token } from \"./theme.types\";\n\nexport const parsers = {\n    hex: (v: string) => v,\n    raw: (v: string) => v,\n    hsl: (v: string) => `hsl(${v})` as const,\n    rgb: (v: string) => `rgb(${v})` as const,\n    z: (_, __, k) => `var(--z-${k})` as const,\n    hsla: (v: string) => `hsla(${v})` as const,\n    rgba: (v: string) => `rgba(${v})` as const,\n    cssVariable: (_, __, k) => `var(--${k})` as const,\n    formatWithVar: (format: string) => (_: string, __: string, v: string) => `${format}(var(--${v}), <alpha-value>)` as const,\n} satisfies Record<string, DesignTokensParser>;\n\nexport const reduceTokens = <T extends GeneralTokens>(colors: T, parse: DesignTokensBuilder, prefix: string = \"\", append: string = \"\"): Token[] =>\n    Object.entries(colors).reduce<Token[]>((acc, [key, value]) => {\n        const combine = append === \"\" ? `${prefix}${key}` : `${append}-${key}`;\n        if (typeof value === \"string\") {\n            const k = append === \"\" ? `${prefix}${key}` : key;\n            return acc.concat(parse(value, k, combine));\n        }\n        return acc.concat(reduceTokens(value, parse, prefix, combine));\n    }, []);\n\nexport const createDesignTokens = <T extends GeneralTokens, Fn extends DesignTokensParser>(\n    colors: T,\n    parse: Fn,\n    prefix: string = \"\",\n    append: string = \"\"\n): T =>\n    Object.entries(colors).reduce<T>((acc, [key, value]) => {\n        const combine = append === \"\" ? `${prefix}${key}` : `${append}-${key}`;\n        if (typeof value === \"string\") {\n            const k = append === \"\" ? `${prefix}${key}` : key;\n            return { ...acc, [k]: parse(value, key, combine) };\n        }\n        return {\n            ...acc,\n            [key]: createDesignTokens(value, parse, prefix, combine),\n        };\n    }, {} as T);\n\nconst modifiers = {\n    default: (variables: string) => `:root { ${variables} }`,\n    dark: (variables: string) => `html.dark {${variables}}`,\n};\n\nconst createStyleContent = (\n    tokens: Token[],\n    modifiers: {\n        result: (str: string) => string;\n        value?: (k: string, v: string) => string;\n    }\n) => {\n    const v = modifiers.value || ((_: string, s: string) => s);\n    const content = tokens.map((token) => `${token.key}: ${v(token.key, token.value)}`).join(\";\");\n    return modifiers.result(content);\n};\n\nexport const createStyles = {\n    default: (tokens: Token[]) => createStyleContent(tokens, { result: modifiers.default }),\n    dark: (tokens: Token[]) => createStyleContent(tokens, { result: modifiers.dark }),\n};\n\ntype TokenParsersType = \"colors\" | \"spacing\" | \"rounded\" | \"components\" | \"customTokens\" | \"zIndex\";\n\ntype TokenCustomParser = (t: Token) => Token;\n\nexport type TokenRemap = Partial<Record<TokenParsersType, TokenCustomParser> & { name: string }>;\n\nconst fn =\n    (p?: TokenCustomParser): DesignTokensBuilder =>\n    (value, _, key) => {\n        const r = { key: `--${key}`, value: `${value}` };\n        return p ? p(r) : r;\n    };\n\nconst zIndexParser = (t: Token): Token => ({\n    key: t.key.replace(/^--/, \"--z-\"),\n    value: t.value,\n});\n\nconst createTokens = (theme: DesignTokens, map?: TokenRemap) => {\n    const colors = reduceTokens(theme.colors, fn(map?.colors));\n    const spacing = reduceTokens(theme.spacing, fn(map?.spacing));\n    const rounded = reduceTokens(theme.rounded, fn(map?.rounded));\n    const shadow = reduceTokens(theme.shadow, fn(map?.rounded));\n    const zIndex = reduceTokens(theme.zIndex, fn(map?.zIndex ?? zIndexParser));\n    const components = theme.components ? reduceTokens(theme.components, fn(map?.components)) : [];\n    const customTokens = theme.custom ? reduceTokens(theme.custom, fn(map?.customTokens)) : [];\n    return colors.concat(spacing, rounded, components, customTokens, zIndex, shadow);\n};\n\nexport const createTheme = (theme: DesignTokens, name?: string) =>\n    createStyleContent(createTokens(theme), {\n        result: (variables: string) => `html${name ? `.${name}` : \"\"} {${variables}}`,\n        value: (_, v) => v.replace(\"hsla(\", \"\").replace(\")\", \"\"),\n    });\n\nexport const createCssProperties = (theme: DesignTokens, map?: TokenRemap): CSSProperties => {\n    const tokens = createTokens(theme, map);\n    return tokens.reduce<CSSProperties>((acc, el) => ({ ...acc, [el.key]: el.value }), {});\n};\n\nexport const createTokenStyles = (theme: DesignTokens, map?: TokenRemap) =>\n    createStyleContent(createTokens(theme, map), {\n        result: (variables: string) => `html${map?.name ? `.${map.name}` : \"\"} {${variables}}`,\n        value: (_, v) => v,\n    });\n","import React, { Fragment } from \"react\";\n\nexport const defaultTranslations = {\n    autocompleteEmpty: \"Nothing here...\",\n    calendarBackMonth: \"Back month\",\n    calendarFromDate: \"From\",\n    calendarMonthLabel: \"Month\",\n    calendarNextMonth: \"Next month\",\n    calendarDatetimeTitle: \"Time\",\n    calendarToDate: \"To\",\n    calendarToday: \"Today\",\n    pageCalendarMonthView: \"Month view\",\n    pageCalendarWeekView: \"Week view\",\n    pageCalendarDayView: \"Day view\",\n    pageCalendarPrevious: \"Previous\",\n    pageCalendarNext: \"Next\",\n    pageCalendarToday: \"Today\",\n    pageCalendarAddEvent: \"Add event\",\n    pageCalendarWeekLabel: (n: number) => `Week ${n}`,\n    pageCalendarFilter: \"Filter:\",\n    pageCalendarMoreEvents: (n: number) => `+${n} more...`,\n    pageCalendarLabel: \"Calendar\",\n    pageCalendarNavigation: \"Calendar navigation\",\n    pageCalendarMonthGrid: \"Calendar month\",\n    pageCalendarFilterEnabled: \"enabled\",\n    pageCalendarFilterDisabled: \"disabled\",\n    pageCalendarEventCount: (n: number) => (n === 1 ? \"1 event\" : `${n} events`),\n    pageCalendarEventAt: (title: string, time: string) => `${title} at ${time}`,\n    commandPaletteEmpty: \"Nothing here...\",\n    commandPaletteLoading: \"Loading...\",\n    datePickerCalendarButtonLabel: \"Click to open a date picker\",\n    emptyDataMessage: \"No data\",\n    inputCaretDown: \"Click to see all options\",\n    inputCloseValue: \"Click to clear the value\",\n    inputOptionalLabel: \"Optional\",\n    wizardNext: \"Next\",\n    wizardPrev: \"Previous\",\n    wizardFinish: \"Finish\",\n    wizardSkip: \"Skip\",\n    multiSelectInnerPlaceholder: \"Search...\",\n    multiSelectSelectedLabel: \"Selected\",\n    tableColumnResizer: \"Resize column\",\n    tableFilterColumnPlaceholder: \"Filter by\",\n    tableFilterColumnTitle: \"Filter by\",\n    tableFilterDropdownTitle: \"Filters\",\n    tableFilterDropdownTitleUnique: \"Filter by\",\n    tableFilterLabel: \"Filters\",\n    tableFilterNewFilter: \"New filter\",\n    tableFilterOperatorPlaceholder: \"Equals to...\",\n    tableFilterOperatorTitle: \"Operation\",\n    tableFilterTypeContains: \"Contains\",\n    tableFilterTypeEndsWith: \"Ends with\",\n    tableFilterTypeGreaterThan: \"Greater than\",\n    tableFilterTypeIs: \"Is\",\n    tableFilterTypeIsNot: \"Is not\",\n    tableFilterTypeLessThan: \"Less than\",\n    tableFilterTypeNotContains: \"Not contains\",\n    tableFilterTypeStartsWith: \"Starts with\",\n    tableFilterValuePlaceholder: \"Something...\",\n    tableFilterValueTitle: \"Value\",\n    tableGroupLabel: \"Group\",\n    tableGroupLabelWithCount: \"Group\",\n    tablePaginationFooter: (pagination: { pages: number; totalItems: number; sizes?: number[]; current: number; select: React.ReactNode }) => (\n        <Fragment>\n            {pagination.current} to {pagination.pages} of {pagination.totalItems} items.{Array.isArray(pagination.sizes) ? pagination.select : null}{\" \"}\n            per page.\n        </Fragment>\n    ),\n    tablePaginationNext: \"Next\",\n    tablePaginationPrevious: \"Previous\",\n    tablePaginationSelectLabel: \"Select the size of page\",\n    tableSortAddButton: \"Add sort\",\n    tableSortAsc: \"Ascending\",\n    tableSortDesc: \"Descending\",\n    tableSortDropdownTitle: \"Order by\",\n    tableSortOrderByLabel: \"Order by\",\n    tableSortOrderInputPlaceholder: \"Order by\",\n    tableSortOrderInputTitle: \"Order by\",\n    tableSortTypeInputPlaceholder: \"Ascending\",\n    tableSortTypeInputTitle: \"Sort type\",\n\n    uploadIdle: \"You can drag your files here\",\n    uploadIdleButton: \"Choose your files\",\n    uploadDragging: (props: { n: number }) => `Dragging ${props.n} ${props.n > 0 ? \"files\" : \"file\"}`,\n    uploadDialogTitle: \"Details of your file\",\n\n    datepickerPlaceholder: (_: string) => \"day/month/year\",\n    spinnerLoading: \"Loading\",\n    skeletonLoading: \"Loading content\",\n    closeButton: \"Close\",\n    fileUploadZoneLabel: \"File upload area. Drag files here or press Enter to browse.\",\n};\n\nexport type Translations = typeof defaultTranslations;\n","export type Tweaks = {\n    table: {\n        sorters: boolean;\n        filters: boolean;\n        operations: boolean;\n        sticky: number | undefined;\n    };\n    input: {\n        iconFeedback: boolean;\n    };\n};\n\nexport const defaultTweaks: Tweaks = {\n    input: { iconFeedback: true },\n    table: { operations: true, sorters: true, filters: true, sticky: undefined },\n};\n","\"use client\";\nimport { createContext } from \"react\";\nimport type { IconProps } from \"@phosphor-icons/react\";\nimport type { Locales } from \"the-mask-input\";\nimport type { ContextType } from \"../hooks/use-components-provider\";\nimport { parsers } from \"../styles/design-tokens\";\nimport { defaultTranslations, type Translations } from \"./default-translations\";\nimport { defaultTweaks, type Tweaks } from \"./default-tweaks\";\n\nexport type ContextProps = Partial<{\n    tweaks: Partial<Tweaks>;\n    map: Partial<Translations>;\n    locale: Locales | undefined;\n    parser: typeof parsers.hsla;\n    rootFloating?: HTMLElement | null;\n    iconWeight: IconProps[\"weight\"];\n}>;\n\nexport const Context = createContext<ContextType>({\n    parser: parsers.hsla,\n    tweaks: defaultTweaks,\n    floatingRef: undefined,\n    map: defaultTranslations,\n    locale: undefined as Locales | undefined,\n});\n","import { useContext } from \"react\";\nimport { Context } from \"../config/context\";\nimport { defaultTranslations } from \"../config/default-translations\";\n\nexport const useTranslations = () => {\n    const ctx = useContext(Context);\n    if (!ctx) return defaultTranslations;\n    return ctx.map!;\n};\n"],"mappings":";;;AAGA,IAAa,IAAU;CACnB,MAAM,MAAc;CACpB,MAAM,MAAc;CACpB,MAAM,MAAc,OAAO,EAAE;CAC7B,MAAM,MAAc,OAAO,EAAE;CAC7B,IAAI,GAAG,GAAI,MAAM,WAAW,EAAE;CAC9B,OAAO,MAAc,QAAQ,EAAE;CAC/B,OAAO,MAAc,QAAQ,EAAE;CAC/B,cAAc,GAAG,GAAI,MAAM,SAAS,EAAE;CACtC,gBAAgB,OAAoB,GAAW,GAAY,MAAc,GAAG,EAAO,SAAS,EAAE;AAClG,GAEa,KAAyC,GAAW,GAA4B,IAAiB,IAAI,IAAiB,OAC/H,OAAO,QAAQ,CAAM,EAAE,QAAiB,GAAK,CAAC,GAAK,OAAW;CAC1D,IAAM,IAAU,MAAW,KAAK,GAAG,IAAS,MAAQ,GAAG,EAAO,GAAG;CACjE,IAAI,OAAO,KAAU,UAAU;EAC3B,IAAM,IAAI,MAAW,KAAK,GAAG,IAAS,MAAQ;EAC9C,OAAO,EAAI,OAAO,EAAM,GAAO,GAAG,CAAO,CAAC;CAC9C;CACA,OAAO,EAAI,OAAO,EAAa,GAAO,GAAO,GAAQ,CAAO,CAAC;AACjE,GAAG,CAAC,CAAC,GAEI,KACT,GACA,GACA,IAAiB,IACjB,IAAiB,OAEjB,OAAO,QAAQ,CAAM,EAAE,QAAW,GAAK,CAAC,GAAK,OAAW;CACpD,IAAM,IAAU,MAAW,KAAK,GAAG,IAAS,MAAQ,GAAG,EAAO,GAAG;CACjE,IAAI,OAAO,KAAU,UAAU;EAC3B,IAAM,IAAI,MAAW,KAAK,GAAG,IAAS,MAAQ;EAC9C,OAAO;GAAE,GAAG;IAAM,IAAI,EAAM,GAAO,GAAK,CAAO;EAAE;CACrD;CACA,OAAO;EACH,GAAG;GACF,IAAM,EAAmB,GAAO,GAAO,GAAQ,CAAO;CAC3D;AACJ,GAAG,CAAC,CAAM,GAER,IAAY;CACd,UAAU,MAAsB,WAAW,EAAU;CACrD,OAAO,MAAsB,cAAc,EAAU;AACzD,GAEM,KACF,GACA,MAIC;CACD,IAAM,IAAI,EAAU,WAAW,GAAW,MAAc,IAClD,IAAU,EAAO,KAAK,MAAU,GAAG,EAAM,IAAI,IAAI,EAAE,EAAM,KAAK,EAAM,KAAK,GAAG,EAAE,KAAK,GAAG;CAC5F,OAAO,EAAU,OAAO,CAAO;AACnC,GAEa,IAAe;CACxB,UAAU,MAAoB,EAAmB,GAAQ,EAAE,QAAQ,EAAU,QAAQ,CAAC;CACtF,OAAO,MAAoB,EAAmB,GAAQ,EAAE,QAAQ,EAAU,KAAK,CAAC;AACpF,GAQM,KACD,OACA,GAAO,GAAG,MAAQ;CACf,IAAM,IAAI;EAAE,KAAK,KAAK;EAAO,OAAO,GAAG;CAAQ;CAC/C,OAAO,IAAI,EAAE,CAAC,IAAI;AACtB,GAEE,KAAgB,OAAqB;CACvC,KAAK,EAAE,IAAI,QAAQ,OAAO,MAAM;CAChC,OAAO,EAAE;AACb,IAEM,KAAgB,GAAqB,MAAqB;CAC5D,IAAM,IAAS,EAAa,EAAM,QAAQ,EAAG,GAAK,MAAM,CAAC,GACnD,IAAU,EAAa,EAAM,SAAS,EAAG,GAAK,OAAO,CAAC,GACtD,IAAU,EAAa,EAAM,SAAS,EAAG,GAAK,OAAO,CAAC,GACtD,IAAS,EAAa,EAAM,QAAQ,EAAG,GAAK,OAAO,CAAC,GACpD,IAAS,EAAa,EAAM,QAAQ,EAAG,GAAK,UAAU,CAAY,CAAC,GACnE,IAAa,EAAM,aAAa,EAAa,EAAM,YAAY,EAAG,GAAK,UAAU,CAAC,IAAI,CAAC,GACvF,IAAe,EAAM,SAAS,EAAa,EAAM,QAAQ,EAAG,GAAK,YAAY,CAAC,IAAI,CAAC;CACzF,OAAO,EAAO,OAAO,GAAS,GAAS,GAAY,GAAc,GAAQ,CAAM;AACnF,GAEa,KAAe,GAAqB,MAC7C,EAAmB,EAAa,CAAK,GAAG;CACpC,SAAS,MAAsB,OAAO,IAAO,IAAI,MAAS,GAAG,IAAI,EAAU;CAC3E,QAAQ,GAAG,MAAM,EAAE,QAAQ,SAAS,EAAE,EAAE,QAAQ,KAAK,EAAE;AAC3D,CAAC,GAEQ,KAAuB,GAAqB,MACtC,EAAa,GAAO,CAC5B,EAAO,QAAuB,GAAK,OAAQ;CAAE,GAAG;EAAM,EAAG,MAAM,EAAG;AAAM,IAAI,CAAC,CAAC,GAG5E,KAAqB,GAAqB,MACnD,EAAmB,EAAa,GAAO,CAAG,GAAG;CACzC,SAAS,MAAsB,OAAO,GAAK,OAAO,IAAI,EAAI,SAAS,GAAG,IAAI,EAAU;CACpF,QAAQ,GAAG,MAAM;AACrB,CAAC,GC3GQ,IAAsB;CAC/B,mBAAmB;CACnB,mBAAmB;CACnB,kBAAkB;CAClB,oBAAoB;CACpB,mBAAmB;CACnB,uBAAuB;CACvB,gBAAgB;CAChB,eAAe;CACf,uBAAuB;CACvB,sBAAsB;CACtB,qBAAqB;CACrB,sBAAsB;CACtB,kBAAkB;CAClB,mBAAmB;CACnB,sBAAsB;CACtB,wBAAwB,MAAc,QAAQ;CAC9C,oBAAoB;CACpB,yBAAyB,MAAc,IAAI,EAAE;CAC7C,mBAAmB;CACnB,wBAAwB;CACxB,uBAAuB;CACvB,2BAA2B;CAC3B,4BAA4B;CAC5B,yBAAyB,MAAe,MAAM,IAAI,YAAY,GAAG,EAAE;CACnE,sBAAsB,GAAe,MAAiB,GAAG,EAAM,MAAM;CACrE,qBAAqB;CACrB,uBAAuB;CACvB,+BAA+B;CAC/B,kBAAkB;CAClB,gBAAgB;CAChB,iBAAiB;CACjB,oBAAoB;CACpB,YAAY;CACZ,YAAY;CACZ,cAAc;CACd,YAAY;CACZ,6BAA6B;CAC7B,0BAA0B;CAC1B,oBAAoB;CACpB,8BAA8B;CAC9B,wBAAwB;CACxB,0BAA0B;CAC1B,gCAAgC;CAChC,kBAAkB;CAClB,sBAAsB;CACtB,gCAAgC;CAChC,0BAA0B;CAC1B,yBAAyB;CACzB,yBAAyB;CACzB,4BAA4B;CAC5B,mBAAmB;CACnB,sBAAsB;CACtB,yBAAyB;CACzB,4BAA4B;CAC5B,2BAA2B;CAC3B,6BAA6B;CAC7B,uBAAuB;CACvB,iBAAiB;CACjB,0BAA0B;CAC1B,wBAAwB,MACpB,kBAAC,GAAD,EAAA,UAAA;EACK,EAAW;EAAQ;EAAK,EAAW;EAAM;EAAK,EAAW;EAAW;EAAQ,MAAM,QAAQ,EAAW,KAAK,IAAI,EAAW,SAAS;EAAM;EAAI;CAEvI,EAAA,CAAA;CAEd,qBAAqB;CACrB,yBAAyB;CACzB,4BAA4B;CAC5B,oBAAoB;CACpB,cAAc;CACd,eAAe;CACf,wBAAwB;CACxB,uBAAuB;CACvB,gCAAgC;CAChC,0BAA0B;CAC1B,+BAA+B;CAC/B,yBAAyB;CAEzB,YAAY;CACZ,kBAAkB;CAClB,iBAAiB,MAAyB,YAAY,EAAM,EAAE,GAAG,EAAM,IAAI,IAAI,UAAU;CACzF,mBAAmB;CAEnB,wBAAwB,MAAc;CACtC,gBAAgB;CAChB,iBAAiB;CACjB,aAAa;CACb,qBAAqB;AACzB,GC/Ea,IAAwB;CACjC,OAAO,EAAE,cAAc,GAAK;CAC5B,OAAO;EAAE,YAAY;EAAM,SAAS;EAAM,SAAS;EAAM,QAAQ,KAAA;CAAU;AAC/E,GCGa,IAAU,EAA2B;CAC9C,QAAQ,EAAQ;CAChB,QAAQ;CACR,aAAa,KAAA;CACb,KAAK;CACL,QAAQ,KAAA;AACZ,CAAC,GCpBY,UAAwB;CACjC,IAAM,IAAM,EAAW,CAAO;CAE9B,OADK,IACE,EAAI,MADM;AAErB"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@g4rcez/components",
-    "version": "4.1.3",
+    "version": "5.0.1",
     "private": false,
     "description": "Customizable react components.",
     "keywords": [
@@ -249,23 +249,23 @@
         "test:watch": "vitest watch"
     },
     "dependencies": {
-        "@base-ui/react": "1.2.0",
-        "@floating-ui/react": "0.27.18",
+        "@base-ui/react": "1.5.0",
+        "@floating-ui/react": "0.27.19",
         "@phosphor-icons/react": "2.1.10",
         "class-variance-authority": "0.7.1",
         "clsx": "2.1.1",
-        "date-fns": "4.1.0",
+        "date-fns": "4.2.1",
         "linq-arrays": "3.2.5",
-        "motion": "12.34.3",
+        "motion": "12.40.0",
         "pretty-bytes": "7.1.0",
-        "qs": "6.15.0",
+        "qs": "6.15.2",
         "react-dropzone": "15.0.0",
         "react-use-measure": "2.1.7",
-        "react-virtuoso": "4.18.1",
+        "react-virtuoso": "4.18.7",
         "sidekicker": "0.1.10",
         "storage-manager-js": "4.2.6-5",
         "tailwind-merge": "3.4.0",
-        "the-mask-input": "3.3.13",
+        "the-mask-input": "3.3.14",
         "use-typed-reducer": "4.3.0",
         "zod": "3.25.67"
     },
@@ -273,19 +273,19 @@
         "@tailwindcss/forms": "0.5.11",
         "@testing-library/jest-dom": "^6.9.1",
         "@testing-library/react": "^16.3.2",
-        "@types/node": "25.3.1",
-        "@types/qs": "6.14.0",
-        "@types/react": "19.2.14",
+        "@types/node": "25.9.1",
+        "@types/qs": "6.15.1",
+        "@types/react": "19.2.15",
         "@types/react-dom": "19.2.3",
-        "@vitejs/plugin-react": "5.1.4",
-        "jsdom": "^28.1.0",
-        "postcss": "8.5.6",
+        "@vitejs/plugin-react": "6.0.2",
+        "jsdom": "^29.1.1",
+        "postcss": "8.5.15",
         "tailwindcss": "3.4.14",
         "tslib": "2.8.1",
-        "typescript": "5.9.3",
-        "vite": "7.3.1",
+        "typescript": "6.0.3",
+        "vite": "8.0.14",
         "vite-tsconfig-paths": "6.1.1",
-        "vitest": "4.0.18"
+        "vitest": "4.1.7"
     },
     "peerDependencies": {
         "react": ">=18",

package/dist/CaretDown.es-Cj7klWI3.js

@@ -1,33 +0,0 @@
-import * as e from "react";
-import { p as l } from "./IconBase.es-DJ1oCtpo.js";
-const n = /* @__PURE__ */ new Map([
-  [
-    "bold",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z" }))
-  ],
-  [
-    "duotone",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,96l-80,80L48,96Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M215.39,92.94A8,8,0,0,0,208,88H48a8,8,0,0,0-5.66,13.66l80,80a8,8,0,0,0,11.32,0l80-80A8,8,0,0,0,215.39,92.94ZM128,164.69,67.31,104H188.69Z" }))
-  ],
-  [
-    "fill",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z" }))
-  ],
-  [
-    "light",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z" }))
-  ],
-  [
-    "regular",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z" }))
-  ],
-  [
-    "thin",
-    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z" }))
-  ]
-]), r = e.forwardRef((t, a) => /* @__PURE__ */ e.createElement(l, { ref: a, ...t, weights: n }));
-r.displayName = "CaretDownIcon";
-export {
-  r as e
-};
-//# sourceMappingURL=CaretDown.es-Cj7klWI3.js.map

package/dist/CaretDown.es-Cj7klWI3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CaretDown.es-Cj7klWI3.js","sources":["../../../node_modules/@phosphor-icons/react/dist/defs/CaretDown.es.js","../../../node_modules/@phosphor-icons/react/dist/csr/CaretDown.es.js"],"sourcesContent":["import * as e from \"react\";\nconst t = /* @__PURE__ */ new Map([\n  [\n    \"bold\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z\" }))\n  ],\n  [\n    \"duotone\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M208,96l-80,80L48,96Z\", opacity: \"0.2\" }), /* @__PURE__ */ e.createElement(\"path\", { d: \"M215.39,92.94A8,8,0,0,0,208,88H48a8,8,0,0,0-5.66,13.66l80,80a8,8,0,0,0,11.32,0l80-80A8,8,0,0,0,215.39,92.94ZM128,164.69,67.31,104H188.69Z\" }))\n  ],\n  [\n    \"fill\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,48,88H208a8,8,0,0,1,5.66,13.66Z\" }))\n  ],\n  [\n    \"light\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M212.24,100.24l-80,80a6,6,0,0,1-8.48,0l-80-80a6,6,0,0,1,8.48-8.48L128,167.51l75.76-75.75a6,6,0,0,1,8.48,8.48Z\" }))\n  ],\n  [\n    \"regular\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M213.66,101.66l-80,80a8,8,0,0,1-11.32,0l-80-80A8,8,0,0,1,53.66,90.34L128,164.69l74.34-74.35a8,8,0,0,1,11.32,11.32Z\" }))\n  ],\n  [\n    \"thin\",\n    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(\"path\", { d: \"M210.83,98.83l-80,80a4,4,0,0,1-5.66,0l-80-80a4,4,0,0,1,5.66-5.66L128,170.34l77.17-77.17a4,4,0,1,1,5.66,5.66Z\" }))\n  ]\n]);\nexport {\n  t as default\n};\n","import * as o from \"react\";\nimport a from \"../lib/IconBase.es.js\";\nimport n from \"../defs/CaretDown.es.js\";\nconst e = o.forwardRef((r, t) => /* @__PURE__ */ o.createElement(a, { ref: t, ...r, weights: n }));\ne.displayName = \"CaretDownIcon\";\nconst s = e;\nexport {\n  s as CaretDown,\n  e as CaretDownIcon\n};\n"],"names":["t","e","o","r","a","n"],"mappings":";;AACA,MAAMA,IAAoB,oBAAI,IAAI;AAAA,EAChC;AAAA,IACE;AAAA,IACgBC,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,yGAAwG,CAAE,CAAC;AAAA,EAC9M;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,yBAAyB,SAAS,MAAK,CAAE,GAAmBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,6IAA6I,CAAC;AAAA,EAC1U;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,2FAA0F,CAAE,CAAC;AAAA,EAChM;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,gHAA+G,CAAE,CAAC;AAAA,EACrN;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,qHAAoH,CAAE,CAAC;AAAA,EAC1N;AAAA,EACE;AAAA,IACE;AAAA,IACgBA,gBAAAA,EAAE,cAAcA,EAAE,UAAU,MAAsBA,gBAAAA,EAAE,cAAc,QAAQ,EAAE,GAAG,+GAA8G,CAAE,CAAC;AAAA,EACpN;AACA,CAAC,GCvBKA,IAAIC,EAAE,WAAW,CAACC,GAAGH,MAAsBE,gBAAAA,EAAE,cAAcE,GAAG,EAAE,KAAKJ,GAAG,GAAGG,GAAG,SAASE,GAAG,CAAC;AACjGJ,EAAE,cAAc;","x_google_ignoreList":[0,1]}