@plitzi/sdk-style 0.30.19

package/dist/StyleMap/methods/addSelector.mjs

@@ -0,0 +1,24 @@
+import e from "../../helpers/processSelector.mjs";
+import t from "../helpers/getStyleItem.mjs";
+import n, { isStyleAttributes as r } from "../helpers/isValueValid.mjs";
+import { writeStyle as i } from "../helpers/utils.mjs";
+import { set as a } from "@plitzi/plitzi-ui/helpers";
+//#region src/StyleMap/methods/addSelector.ts
+var o = (o, s, c, l, u, d, f) => {
+	if (!f) return !1;
+	let { componentType: p, styleSelector: m, styleState: h, styleVariant: g } = f;
+	if (t(o, s, c) || !p && l === "element" || p && l !== "element" || m && typeof m != "string" || !m && (h || g) || u && u.includes(".") || !n(u, d, f)) return !1;
+	let _ = {
+		name: c,
+		type: l,
+		attributes: m ? {
+			[m]: { default: {} },
+			base: { default: {} }
+		} : { base: { default: {} } },
+		componentType: p,
+		cache: ""
+	};
+	return !m && r(d) ? ((!d || !Object.keys(d).length) && (d = { base: { default: {} } }), _.attributes = d, _.cache = e(_), a(o, `${s}.${c}`, _), !0) : (i("add", _, m ?? "base", u, d, h, g), _.cache = e(_), a(o, `${s}.${c}`, _), !0);
+};
+//#endregion
+export { o as default };

package/dist/StyleMap/methods/updateSelector.d.ts

@@ -0,0 +1,8 @@
+import { DisplayMode, Style, StyleBlock, StyleCategory, StyleItem, StyleObject, StyleState, StyleStates, StyleValue, StyleVariants } from '@plitzi/sdk-shared';
+declare const updateSelector: (platform: Style["platform"], displayMode: DisplayMode, selector: string, path: StyleCategory | undefined, value: StyleItem["attributes"] | StyleValue | Partial<StyleObject> | StyleVariants | StyleStates | StyleBlock | undefined, params: {
+    componentType?: string;
+    styleSelector: string;
+    styleState?: StyleState;
+    styleVariant?: string;
+}) => boolean;
+export default updateSelector;

package/dist/StyleMap/methods/updateSelector.mjs

@@ -0,0 +1,13 @@
+import e from "../../helpers/processSelector.mjs";
+import t from "../helpers/getStyleItem.mjs";
+import n from "../helpers/isValueValid.mjs";
+import { writeStyle as r } from "../helpers/utils.mjs";
+import { set as i } from "@plitzi/plitzi-ui/helpers";
+//#region src/StyleMap/methods/updateSelector.ts
+var a = (a, o, s, c, l, u) => {
+	if (!u) return !1;
+	let { componentType: d, styleSelector: f, styleState: p, styleVariant: m } = u, h = t(a, o, s);
+	return !h || !f || !d && h.type === "element" || d && h.type !== "element" || f && typeof f != "string" || c && c.includes(".") || !n(c, l, u) ? !1 : (r("update", h, f, c, l, p, m), i(h, "cache", e(h)), i(a, `${o}.${s}`, h), !0);
+};
+//#endregion
+export { a as default };

package/dist/StyleReducer.d.ts

@@ -0,0 +1,82 @@
+import { DisplayMode, Style, StyleCategory, StyleItem, StyleState, StyleVariableCategory, StyleVariableValue, TagType } from '@plitzi/sdk-shared';
+export declare const StyleActions: {
+    readonly STYLE_UPDATE: "STYLE_UPDATE";
+    readonly STYLE_ADD_SELECTOR: "STYLE_ADD_SELECTOR";
+    readonly STYLE_UPDATE_SELECTOR: "STYLE_UPDATE_SELECTOR";
+    readonly STYLE_REMOVE_SELECTOR: "STYLE_REMOVE_SELECTOR";
+    readonly STYLE_ADD_SELECTOR_VARIABLE: "STYLE_ADD_SELECTOR_VARIABLE";
+    readonly STYLE_UPDATE_SELECTOR_VARIABLE: "STYLE_UPDATE_SELECTOR_VARIABLE";
+    readonly STYLE_REMOVE_SELECTOR_VARIABLE: "STYLE_REMOVE_SELECTOR_VARIABLE";
+    readonly STYLE_ADD_VARIABLE: "STYLE_ADD_VARIABLE";
+    readonly STYLE_UPDATE_VARIABLE: "STYLE_UPDATE_VARIABLE";
+    readonly STYLE_REMOVE_VARIABLE: "STYLE_REMOVE_VARIABLE";
+    readonly STYLE_ADD_TEMPLATE: "STYLE_ADD_TEMPLATE";
+    readonly STYLE_UPDATE_SETTINGS: "STYLE_UPDATE_SETTINGS";
+};
+export type StyleReducerActionsBase = {
+    fromSubscriptions?: boolean;
+};
+export type StyleReducerActions = StyleReducerActionsBase & ({
+    type: 'STYLE_UPDATE';
+    style: Style;
+} | {
+    type: 'STYLE_ADD_SELECTOR';
+    displayMode: DisplayMode;
+    selector: string;
+    path?: StyleCategory;
+    selectorType: TagType;
+    value?: StyleItem['attributes'];
+    params: {
+        componentType?: string;
+        styleSelector?: string;
+        styleState?: StyleState;
+        styleVariant?: string;
+    };
+} | {
+    type: 'STYLE_UPDATE_SELECTOR';
+    displayMode: DisplayMode;
+    selector: string;
+    path?: StyleCategory;
+    value?: StyleItem['attributes'];
+    params: {
+        componentType?: string;
+        styleSelector: string;
+        styleState?: StyleState;
+        styleVariant?: string;
+    };
+} | {
+    type: 'STYLE_REMOVE_SELECTOR';
+    displayMode?: DisplayMode;
+    selector: string;
+} | {
+    type: 'STYLE_ADD_SELECTOR_VARIABLE' | 'STYLE_UPDATE_SELECTOR_VARIABLE';
+    displayMode: DisplayMode;
+    selector: string;
+    category: StyleVariableCategory;
+    name: string;
+    value: StyleVariableValue;
+} | {
+    type: 'STYLE_REMOVE_SELECTOR_VARIABLE';
+    displayMode: DisplayMode;
+    selector: string;
+    category: StyleVariableCategory;
+    name: string;
+} | {
+    type: 'STYLE_ADD_VARIABLE' | 'STYLE_UPDATE_VARIABLE';
+    category: StyleVariableCategory;
+    name: string;
+    value: StyleVariableValue;
+} | {
+    type: 'STYLE_REMOVE_VARIABLE';
+    category: StyleVariableCategory;
+    name: string;
+} | {
+    type: 'STYLE_ADD_TEMPLATE';
+    platform: Style['platform'];
+} | {
+    type: 'STYLE_UPDATE_SETTINGS';
+    path: string;
+    value: string;
+});
+declare const StyleReducer: (state: Style, action: StyleReducerActions) => Style;
+export default StyleReducer;

package/dist/StyleReducer.mjs

@@ -0,0 +1,101 @@
+import e from "./StyleMap/index.mjs";
+import { generateCache as t } from "./StyleHelper.mjs";
+import { get as n, set as r } from "@plitzi/plitzi-ui/helpers";
+import { produce as i } from "immer";
+//#region src/StyleReducer.ts
+var a = {
+	STYLE_UPDATE: "STYLE_UPDATE",
+	STYLE_ADD_SELECTOR: "STYLE_ADD_SELECTOR",
+	STYLE_UPDATE_SELECTOR: "STYLE_UPDATE_SELECTOR",
+	STYLE_REMOVE_SELECTOR: "STYLE_REMOVE_SELECTOR",
+	STYLE_ADD_SELECTOR_VARIABLE: "STYLE_ADD_SELECTOR_VARIABLE",
+	STYLE_UPDATE_SELECTOR_VARIABLE: "STYLE_UPDATE_SELECTOR_VARIABLE",
+	STYLE_REMOVE_SELECTOR_VARIABLE: "STYLE_REMOVE_SELECTOR_VARIABLE",
+	STYLE_ADD_VARIABLE: "STYLE_ADD_VARIABLE",
+	STYLE_UPDATE_VARIABLE: "STYLE_UPDATE_VARIABLE",
+	STYLE_REMOVE_VARIABLE: "STYLE_REMOVE_VARIABLE",
+	STYLE_ADD_TEMPLATE: "STYLE_ADD_TEMPLATE",
+	STYLE_UPDATE_SETTINGS: "STYLE_UPDATE_SETTINGS"
+}, o = (o, s) => {
+	switch (s.type) {
+		case a.STYLE_UPDATE: return {
+			...o,
+			...s.style
+		};
+		case a.STYLE_ADD_SELECTOR: {
+			let { displayMode: n, selectorType: a, selector: c, path: l, value: u, params: d } = s;
+			return i(o, (i) => {
+				e.addSelector(i, n, c, a, l, u, d) && r(i, "cache", t(i));
+			});
+		}
+		case a.STYLE_UPDATE_SELECTOR: {
+			let { displayMode: n, selector: a, path: c, value: l, params: u } = s;
+			return i(o, (i) => {
+				e.updateSelector(i, n, a, c, l, u) && r(i, "cache", t(i));
+			});
+		}
+		case a.STYLE_REMOVE_SELECTOR: {
+			let { displayMode: n, selector: a } = s;
+			return i(o, (i) => {
+				e.removeSelector(i, n, a) && r(i, "cache", t(i));
+			});
+		}
+		case a.STYLE_ADD_SELECTOR_VARIABLE: {
+			let { displayMode: n, selector: a, category: c, name: l, value: u } = s;
+			return i(o, (i) => {
+				e.addSelectorVariable(i, n, a, c, l, u) && r(i, "cache", t(i));
+			});
+		}
+		case a.STYLE_UPDATE_SELECTOR_VARIABLE: {
+			let { displayMode: n, selector: a, category: c, name: l, value: u } = s;
+			return i(o, (i) => {
+				e.updateSelectorVariable(i, n, a, c, l, u) && r(i, "cache", t(i));
+			});
+		}
+		case a.STYLE_REMOVE_SELECTOR_VARIABLE: {
+			let { displayMode: n, selector: a, category: c, name: l } = s;
+			return i(o, (i) => {
+				e.removeSelectorVariable(i, n, a, c, l) && r(i, "cache", t(i));
+			});
+		}
+		case a.STYLE_ADD_VARIABLE: {
+			let { category: n, name: a, value: c } = s;
+			return i(o, (i) => {
+				e.addVariable(i, n, a, c) && r(i, "cache", t(i));
+			});
+		}
+		case a.STYLE_UPDATE_VARIABLE: {
+			let { category: n, name: a, value: c } = s;
+			return i(o, (i) => {
+				e.updateVariable(i, n, a, c) && r(i, "cache", t(i));
+			});
+		}
+		case a.STYLE_REMOVE_VARIABLE: {
+			let { category: n, name: a } = s;
+			return i(o, (i) => {
+				e.removeVariable(i, n, a) && r(i, "cache", t(i));
+			});
+		}
+		case a.STYLE_ADD_TEMPLATE: {
+			let { platform: e } = s;
+			return i(o, (r) => {
+				let i = n(r, "platform", {});
+				Object.keys(e).forEach((t) => {
+					i[t] = {
+						...n(i, t, {}),
+						...e[t]
+					};
+				}), r.platform = i, r.cache = t(r);
+			});
+		}
+		case a.STYLE_UPDATE_SETTINGS: {
+			let { path: e, value: t } = s;
+			return i(o, (n) => {
+				e === "mode" && r(n, "mode", t);
+			});
+		}
+		default: return o;
+	}
+};
+//#endregion
+export { a as StyleActions, o as default };

package/dist/_virtual/_rolldown/runtime.mjs

@@ -0,0 +1,11 @@
+//#region \0rolldown/runtime.js
+var e = Object.defineProperty, t = (t, n) => {
+	let r = {};
+	for (var i in t) e(r, i, {
+		get: t[i],
+		enumerable: !0
+	});
+	return n || e(r, Symbol.toStringTag, { value: "Module" }), r;
+};
+//#endregion
+export { t as __exportAll };

package/dist/components/InputEasing/BezierEasing.d.ts

@@ -0,0 +1 @@
+export default function bezier(mX1: number, mY1: number, mX2: number, mY2: number): (x: number) => number;

package/dist/components/InputEasing/BezierEasing.mjs

@@ -0,0 +1,34 @@
+//#region src/components/InputEasing/BezierEasing.ts
+var e = 4, t = .001, n = 1e-7, r = 10, i = 11, a = 1 / (i - 1), o = typeof Float32Array == "function", s = (e, t) => 1 - 3 * t + 3 * e, c = (e, t) => 3 * t - 6 * e, l = (e) => 3 * e, u = (e, t, n) => ((s(t, n) * e + c(t, n)) * e + l(t)) * e, d = (e, t, n) => 3 * s(t, n) * e * e + 2 * c(t, n) * e + l(t), f = (e, t, i, a, o) => {
+	let s, c, l = 0;
+	do
+		c = t + (i - t) / 2, s = u(c, a, o) - e, s > 0 ? i = c : t = c;
+	while (Math.abs(s) > n && ++l < r);
+	return c;
+}, p = (t, n, r, i) => {
+	for (let a = 0; a < e; ++a) {
+		let e = d(n, r, i);
+		if (e === 0) return n;
+		let a = u(n, r, i) - t;
+		n -= a / e;
+	}
+	return n;
+}, m = (e) => e;
+function h(e, n, r, s) {
+	if (!(e >= 0 && e <= 1 && r >= 0 && r <= 1)) throw Error("bezier x values must be in [0, 1] range");
+	if (e === n && r === s) return m;
+	let c = o ? new Float32Array(i) : Array(i);
+	for (let t = 0; t < i; ++t) c[t] = u(t * a, e, r);
+	function l(n) {
+		let o = 0, s = 1, l = i - 1;
+		for (; s !== l && c[s] <= n; ++s) o += a;
+		--s;
+		let u = (n - c[s]) / (c[s + 1] - c[s]), m = o + u * a, h = d(m, e, r);
+		return h >= t ? p(n, m, e, r) : h === 0 ? m : f(n, o, o + a, e, r);
+	}
+	return function(e) {
+		return e === 0 || e === 1 ? e : u(l(e), n, s);
+	};
+}
+//#endregion
+export { h as default };

package/dist/components/InputEasing/Curve.d.ts

@@ -0,0 +1,9 @@
+export type CurveProps = {
+    value?: number[];
+    xFrom?: number;
+    xTo?: number;
+    yFrom?: number;
+    yTo?: number;
+};
+declare const Curve: ({ value, xFrom, xTo, yFrom, yTo }: CurveProps) => import("react/jsx-runtime").JSX.Element;
+export default Curve;

package/dist/components/InputEasing/Curve.mjs

@@ -0,0 +1,11 @@
+import { jsx as e } from "react/jsx-runtime";
+//#region src/components/InputEasing/Curve.tsx
+var t = [], n = ({ value: n = t, xFrom: r = 0, xTo: i = 0, yFrom: a = 0, yTo: o = 0 }) => {
+	let s = (e, t, n) => e * (1 - n) + t * n, c = (e) => Math.round(s(r, i, e)), l = (e) => Math.round(s(a, o, e)), u = c(0), d = l(0), f = c(1), p = l(1);
+	return /* @__PURE__ */ e("path", {
+		className: "fill-transparent stroke-gray-900 stroke-2",
+		d: `M${u},${d} C${c(n[0])},${l(n[1])} ${c(n[2])},${l(n[3])} ${f},${p}`
+	});
+};
+//#endregion
+export { n as default };

package/dist/components/InputEasing/Grid.d.ts

@@ -0,0 +1,8 @@
+export type GridProps = {
+    xFrom?: number;
+    xTo?: number;
+    yFrom?: number;
+    yTo?: number;
+};
+declare const Grid: ({ xFrom, xTo, yFrom, yTo }: GridProps) => import("react/jsx-runtime").JSX.Element;
+export default Grid;

package/dist/components/InputEasing/Grid.mjs

@@ -0,0 +1,51 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/components/InputEasing/Grid.tsx
+var n = ({ xFrom: n = 0, xTo: r = 0, yFrom: i = 0, yTo: a = 0 }) => {
+	let o = (e, t, n) => e * (1 - n) + t * n, s = (e) => Math.round(o(n, r, e)), c = (e) => Math.round(o(i, a, e)), l = (e, t, n) => {
+		let r = [];
+		for (let i = e; i < t; i += n) r.push(i);
+		return r;
+	}, u = (e) => l(0, 1, 1 / e).map(s), d = (e) => l(0, 1, 1 / e).map(c), f = s(0), p = c(0), m = s(1), h = c(1), g = u(2), _ = d(2), v = u(10), y = d(10), b = `M${f},${p} L${f},${h} L${m},${h} L${m},${p} Z`, x = v.map((e) => `M${e},${p} L${e},${h}`).concat(y.map((e) => `M${f},${e} L${m},${e}`)).join(" "), S = g.map((e) => `M${e},${p} L${e},${h}`).concat(_.map((e) => `M${f},${e} L${m},${e}`)).concat([`M${f},${p} L${m},${h}`]).join(" "), C = y.map((e, t) => `M${f},${e} L${f - (3 + (t % 5 == 0 ? 2 : 0))},${e}`).join(" "), w = v.map((e, t) => `M${e},${p} L${e},${p + (3 + (t % 5 == 0 ? 2 : 0))}`).join(" ");
+	return /* @__PURE__ */ t("g", { children: [
+		/* @__PURE__ */ e("path", {
+			className: "fill-white",
+			d: b
+		}),
+		/* @__PURE__ */ e("path", {
+			className: "stroke-gray-300",
+			strokeWidth: "1px",
+			d: x
+		}),
+		/* @__PURE__ */ e("path", {
+			className: "stroke-gray-300",
+			strokeWidth: "2px",
+			d: S
+		}),
+		/* @__PURE__ */ e("path", {
+			className: "",
+			strokeWidth: "1px",
+			d: C
+		}),
+		/* @__PURE__ */ e("text", {
+			className: "rotate-[-90deg] text-xs",
+			style: { textAnchor: "end" },
+			x: -c(1),
+			y: s(0) - 8,
+			children: "Progress"
+		}),
+		/* @__PURE__ */ e("path", {
+			className: "",
+			strokeWidth: "1px",
+			d: w
+		}),
+		/* @__PURE__ */ e("text", {
+			className: "text-xs",
+			style: { textAnchor: "end" },
+			x: s(1),
+			y: c(0) + 5,
+			children: "Time"
+		})
+	] });
+};
+//#endregion
+export { n as default };

package/dist/components/InputEasing/InputEasing.d.ts

@@ -0,0 +1,31 @@
+import { Component, ReactNode, RefObject } from 'react';
+export type InputEasingProps = {
+    className?: string;
+    children?: ReactNode;
+    value?: [number, number, number, number];
+    width?: number;
+    height?: number;
+    handleRadius?: number;
+    padding?: number[];
+    progress?: number;
+    readOnly?: boolean;
+    onChange?: (value: number[]) => void;
+};
+declare class InputEasing extends Component {
+    props: InputEasingProps;
+    state: {
+        inputRef: RefObject<SVGSVGElement>;
+        handle?: 'bottom' | 'top';
+    };
+    constructor(props: InputEasingProps);
+    positionForEvent: (e: MouseEvent) => number[];
+    x: (value: number) => number;
+    inversex: (x: number) => number;
+    y: (value: number) => number;
+    inversey: (y: number) => number;
+    handleMouseDown: (handle: "bottom" | "top") => (e: React.MouseEvent) => void;
+    handleMouseMove: (e: MouseEvent) => void;
+    handleMouseUp: () => void;
+    render(): import("react/jsx-runtime").JSX.Element;
+}
+export default InputEasing;

package/dist/components/InputEasing/InputEasing.mjs

@@ -0,0 +1,121 @@
+import e from "./Curve.mjs";
+import t from "./Grid.mjs";
+import n from "./Progress.mjs";
+import r from "clsx";
+import { Component as i, createRef as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/InputEasing/InputEasing.tsx
+var l = [
+	.25,
+	.25,
+	.75,
+	.75
+], u = [
+	25,
+	5,
+	25,
+	18
+], d = class extends i {
+	props;
+	state;
+	constructor(e) {
+		super(e), this.props = e, this.state = {
+			inputRef: a(),
+			handle: void 0
+		};
+	}
+	positionForEvent = (e) => {
+		let { inputRef: t } = this.state, n = t.current.getBoundingClientRect();
+		return [e.clientX - n.left, e.clientY - n.top];
+	};
+	x = (e) => {
+		let { padding: t = u, width: n = 300 } = this.props, r = n - t[1] - t[3];
+		return Math.round(t[3] + e * r);
+	};
+	inversex = (e) => {
+		let { padding: t = u, width: n = 300 } = this.props, r = n - t[1] - t[3];
+		return Math.max(0, Math.min((e - t[3]) / r, 1));
+	};
+	y = (e) => {
+		let { padding: t = u, height: n = 300 } = this.props, r = n - t[0] - t[2];
+		return Math.round(t[0] + (1 - e) * r);
+	};
+	inversey = (e) => {
+		let { height: t = 300, handleRadius: n = 5, padding: r = u } = this.props, i = 2 * n, a = t - r[0] - r[2];
+		return e = Math.max(i, Math.min(e, t - i)), 1 - (e - r[0]) / a;
+	};
+	handleMouseDown = (e) => (t) => {
+		t.preventDefault(), t.stopPropagation(), this.setState({ handle: e }), window.addEventListener("mousemove", this.handleMouseMove), window.addEventListener("mouseup", this.handleMouseUp);
+	};
+	handleMouseMove = (e) => {
+		let { onChange: t } = this.props, { value: n = l } = this.props, { handle: r } = this.state;
+		e.preventDefault();
+		let i = 0;
+		r === "top" && (i = 2), n = [].concat(n);
+		let [a, o] = this.positionForEvent(e);
+		n[i] = Number(this.inversex(a).toFixed(2)), n[i + 1] = Number(this.inversey(o).toFixed(2)), t?.(n);
+	};
+	handleMouseUp = () => {
+		window.removeEventListener("mousemove", this.handleMouseMove), window.removeEventListener("mouseup", this.handleMouseUp);
+	};
+	render() {
+		let { children: i, value: a = l, width: u = 300, height: d = 300, handleRadius: f = 5, className: p = "", progress: m = 0, readOnly: h = !1 } = this.props, { inputRef: g } = this.state, _ = {
+			xFrom: this.x(0),
+			yFrom: this.y(0),
+			xTo: this.x(1),
+			yTo: this.y(1)
+		}, v = this.x(0), y = this.y(0), b = this.x(a[0]), x = this.y(a[1]), S = Math.atan2(x - y, b - v), C = b - f * Math.cos(S), w = x - f * Math.sin(S), T = this.x(1), E = this.y(1), D = this.x(a[2]), O = this.y(a[3]), k = Math.atan2(O - E, D - T), A = D - f * Math.cos(k), j = O - f * Math.sin(k);
+		return /* @__PURE__ */ c("svg", {
+			className: r("overflow-visible select-none", p),
+			ref: g,
+			width: u,
+			height: d,
+			children: [
+				/* @__PURE__ */ s(t, { ..._ }),
+				/* @__PURE__ */ s(n, {
+					..._,
+					value: a,
+					progress: m
+				}),
+				/* @__PURE__ */ s(e, {
+					..._,
+					value: a
+				}),
+				i,
+				!h && /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ c("g", {
+					className: "group",
+					children: [/* @__PURE__ */ s("line", {
+						x1: C,
+						y1: w,
+						x2: v,
+						y2: y,
+						className: "stroke-blue-400 stroke-[3px] group-hover:stroke-[4px]"
+					}), /* @__PURE__ */ s("circle", {
+						cx: b,
+						cy: x,
+						r: f,
+						onMouseDown: this.handleMouseDown("bottom"),
+						className: "cursor-pointer fill-blue-400 stroke-blue-400 stroke-[3px] group-hover:fill-white group-hover:stroke-[6px]"
+					})]
+				}), /* @__PURE__ */ c("g", {
+					className: "group",
+					children: [/* @__PURE__ */ s("line", {
+						x1: A,
+						y1: j,
+						x2: T,
+						y2: E,
+						className: "stroke-blue-400 stroke-[3px] group-hover:stroke-[4px]"
+					}), /* @__PURE__ */ s("circle", {
+						cx: D,
+						cy: O,
+						r: f,
+						onMouseDown: this.handleMouseDown("top"),
+						className: "cursor-pointer fill-blue-400 stroke-blue-400 stroke-[3px] group-hover:fill-white group-hover:stroke-[6px]"
+					})]
+				})] })
+			]
+		});
+	}
+};
+//#endregion
+export { d as default };

package/dist/components/InputEasing/InputEasingButton.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+export type InputEasingButtonProps = {
+    children: ReactNode;
+    title?: string;
+    className?: string;
+    onClick?: () => void;
+};
+declare const InputEasingButton: ({ children, title, className, onClick }: InputEasingButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default InputEasingButton;

package/dist/components/InputEasing/InputEasingButton.mjs

@@ -0,0 +1,16 @@
+import e from "clsx";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/InputEasing/InputEasingButton.tsx
+var n = ({ children: n, title: r = "", className: i = "", onClick: a }) => /* @__PURE__ */ t("button", {
+	type: "button",
+	title: r,
+	onClick: a,
+	className: e("m-1 h-6 w-6 rounded-sm p-1 hover:bg-gray-100", i),
+	children: /* @__PURE__ */ t("svg", {
+		viewBox: "0 0 30 30",
+		className: "overflow-visible",
+		children: n
+	})
+});
+//#endregion
+export { n as default };

package/dist/components/InputEasing/InputEasingHelper.d.ts

@@ -0,0 +1 @@
+export declare const easingGenerics: Record<string, [number, number, number, number]>;