@spear-ai/spectral 1.9.1 → 1.10.0

package/dist/IconsAnimated/PanelLeftCloseIcon.js

@@ -1,39 +1,69 @@
 "use client";
 import "../styles/main.css";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { cn as f } from "../utils/twUtils.js";
-import { useRef as p, useImperativeHandle as x, useCallback as i } from "react";
-import { m as v } from "../proxy-CO_-Vget.js";
-import { u as A } from "../use-animation-DhEPRwZ3.js";
-const w = {
-  times: [0, 0.4, 1],
-  duration: 0.5
-}, g = {
-  normal: { x: 0 },
-  animate: { x: [0, -1.5, 0] }
-}, N = ({ onMouseEnter: o, onMouseLeave: s, className: m, size: a = 28, ref: l, ...c }) => {
-  const t = A(), r = p(!1);
-  x(l, () => (r.current = !0, {
-    startAnimation: () => t.start("animate"),
-    stopAnimation: () => t.start("normal")
-  }));
-  const u = i(
-    (n) => {
-      r.current ? o?.(n) : t.start("animate");
-    },
-    [t, o]
-  ), d = i(
-    (n) => {
-      r.current ? s?.(n) : t.start("normal");
-    },
-    [t, s]
-  );
-  return /* @__PURE__ */ e("div", { className: f(m), onMouseEnter: u, onMouseLeave: d, ...c, children: /* @__PURE__ */ h("svg", { fill: "none", height: a, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: a, xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ e("rect", { height: "18", rx: "2", width: "18", x: "3", y: "3" }),
-    /* @__PURE__ */ e("path", { d: "M9 3v18" }),
-    /* @__PURE__ */ e(v.path, { animate: t, d: "m16 15-3-3 3-3", transition: w, variants: g })
-  ] }) });
-};
-export {
-  N as PanelLeftCloseIcon
+import { t as e } from "../twUtils-VNWgstKL.js";
+import { t } from "../proxy-Dn10Pl_g.js";
+import { t as n } from "../use-animation-CBUDycyW.js";
+import { useCallback as r, useImperativeHandle as i, useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/IconsAnimated/PanelLeftCloseIcon.tsx
+var c = {
+	times: [
+		0,
+		.4,
+		1
+	],
+	duration: .5
+}, l = {
+	normal: { x: 0 },
+	animate: { x: [
+		0,
+		-1.5,
+		0
+	] }
+}, u = ({ onMouseEnter: u, onMouseLeave: d, className: f, size: p = 28, ref: m, ...h }) => {
+	let g = n(), _ = a(!1);
+	i(m, () => (_.current = !0, {
+		startAnimation: () => g.start("animate"),
+		stopAnimation: () => g.start("normal")
+	}));
+	let v = r((e) => {
+		_.current ? u?.(e) : g.start("animate");
+	}, [g, u]), y = r((e) => {
+		_.current ? d?.(e) : g.start("normal");
+	}, [g, d]);
+	return /* @__PURE__ */ o("div", {
+		className: e(f),
+		onMouseEnter: v,
+		onMouseLeave: y,
+		...h,
+		children: /* @__PURE__ */ s("svg", {
+			fill: "none",
+			height: p,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: p,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ o("rect", {
+					height: "18",
+					rx: "2",
+					width: "18",
+					x: "3",
+					y: "3"
+				}),
+				/* @__PURE__ */ o("path", { d: "M9 3v18" }),
+				/* @__PURE__ */ o(t.path, {
+					animate: g,
+					d: "m16 15-3-3 3-3",
+					transition: c,
+					variants: l
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { u as PanelLeftCloseIcon };

package/dist/IconsAnimated/PanelLeftOpenIcon.js

@@ -1,39 +1,69 @@
 "use client";
 import "../styles/main.css";
-import { jsx as e, jsxs as h } from "react/jsx-runtime";
-import { cn as p } from "../utils/twUtils.js";
-import { useRef as f, useImperativeHandle as x, useCallback as i } from "react";
-import { u as v } from "../use-animation-DhEPRwZ3.js";
-import { m as A } from "../proxy-CO_-Vget.js";
-const w = {
-  times: [0, 0.4, 1],
-  duration: 0.5
-}, g = {
-  normal: { x: 0 },
-  animate: { x: [0, 1.5, 0] }
-}, R = ({ onMouseEnter: o, onMouseLeave: s, className: m, size: a = 28, ref: l, ...c }) => {
-  const t = v(), n = f(!1);
-  x(l, () => (n.current = !0, {
-    startAnimation: () => t.start("animate"),
-    stopAnimation: () => t.start("normal")
-  }));
-  const u = i(
-    (r) => {
-      n.current ? o?.(r) : t.start("animate");
-    },
-    [t, o]
-  ), d = i(
-    (r) => {
-      n.current ? s?.(r) : t.start("normal");
-    },
-    [t, s]
-  );
-  return /* @__PURE__ */ e("div", { className: p(m), onMouseEnter: u, onMouseLeave: d, ...c, children: /* @__PURE__ */ h("svg", { fill: "none", height: a, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: a, xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ e("rect", { height: "18", rx: "2", width: "18", x: "3", y: "3" }),
-    /* @__PURE__ */ e("path", { d: "M9 3v18" }),
-    /* @__PURE__ */ e(A.path, { animate: t, d: "m14 9 3 3-3 3", transition: w, variants: g })
-  ] }) });
-};
-export {
-  R as PanelLeftOpenIcon
+import { t as e } from "../twUtils-VNWgstKL.js";
+import { t } from "../proxy-Dn10Pl_g.js";
+import { t as n } from "../use-animation-CBUDycyW.js";
+import { useCallback as r, useImperativeHandle as i, useRef as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/IconsAnimated/PanelLeftOpenIcon.tsx
+var c = {
+	times: [
+		0,
+		.4,
+		1
+	],
+	duration: .5
+}, l = {
+	normal: { x: 0 },
+	animate: { x: [
+		0,
+		1.5,
+		0
+	] }
+}, u = ({ onMouseEnter: u, onMouseLeave: d, className: f, size: p = 28, ref: m, ...h }) => {
+	let g = n(), _ = a(!1);
+	i(m, () => (_.current = !0, {
+		startAnimation: () => g.start("animate"),
+		stopAnimation: () => g.start("normal")
+	}));
+	let v = r((e) => {
+		_.current ? u?.(e) : g.start("animate");
+	}, [g, u]), y = r((e) => {
+		_.current ? d?.(e) : g.start("normal");
+	}, [g, d]);
+	return /* @__PURE__ */ o("div", {
+		className: e(f),
+		onMouseEnter: v,
+		onMouseLeave: y,
+		...h,
+		children: /* @__PURE__ */ s("svg", {
+			fill: "none",
+			height: p,
+			stroke: "currentColor",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "2",
+			viewBox: "0 0 24 24",
+			width: p,
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ o("rect", {
+					height: "18",
+					rx: "2",
+					width: "18",
+					x: "3",
+					y: "3"
+				}),
+				/* @__PURE__ */ o("path", { d: "M9 3v18" }),
+				/* @__PURE__ */ o(t.path, {
+					animate: g,
+					d: "m14 9 3 3-3 3",
+					transition: c,
+					variants: l
+				})
+			]
+		})
+	});
 };
+//#endregion
+export { u as PanelLeftOpenIcon };

package/dist/IconsAnimated.js

@@ -1,6 +1,3 @@
-import { PanelLeftOpenIcon as n } from "./IconsAnimated/PanelLeftOpenIcon.js";
-import { PanelLeftCloseIcon as r } from "./IconsAnimated/PanelLeftCloseIcon.js";
-export {
-  r as PanelLeftCloseIcon,
-  n as PanelLeftOpenIcon
-};
+import { PanelLeftOpenIcon as e } from "./IconsAnimated/PanelLeftOpenIcon.js";
+import { PanelLeftCloseIcon as t } from "./IconsAnimated/PanelLeftCloseIcon.js";
+export { t as PanelLeftCloseIcon, e as PanelLeftOpenIcon };

package/dist/Input/InputUtils.js

@@ -1,54 +1,53 @@
 "use client";
-import { useState as u, useCallback as f, useRef as l, useLayoutEffect as d } from "react";
-const h = (t) => {
-  const [r, s] = u(0), e = l(null);
-  return d(() => {
-    if (t && e.current) {
-      const n = () => {
-        e.current && s(e.current.offsetWidth + 2);
-      };
-      n();
-      const i = new ResizeObserver(n);
-      return i.observe(e.current), () => {
-        i.disconnect();
-      };
-    }
-    s(0);
-  }, [t]), { prefixWidth: r, prefixRef: e };
-}, p = () => {
-  const [t, r] = u(!1), s = f(() => {
-    r((e) => !e);
-  }, []);
-  return {
-    inputType: t ? "text" : "password",
-    isVisible: t,
-    toggleVisibility: s
-  };
-}, v = (t, r) => {
-  const [s, e] = u(!1), n = f(
-    (i, o) => {
-      if (t && !s) {
-        const c = i.target;
-        if (c.value = "", e(!0), r) {
-          const a = {
-            ...i,
-            target: c,
-            currentTarget: c
-          };
-          r(a);
-        }
-      }
-      o && o(i);
-    },
-    [t, s, r]
-  );
-  return {
-    hasBeenFocused: s,
-    handleFocus: n
-  };
-};
-export {
-  v as useClearOnFocus,
-  p as usePasswordVisibility,
-  h as usePrefixWidth
+import { useCallback as e, useLayoutEffect as t, useRef as n, useState as r } from "react";
+//#region src/components/Input/InputUtils.tsx
+var i = (e) => {
+	let [i, a] = r(0), o = n(null);
+	return t(() => {
+		if (e && o.current) {
+			let e = () => {
+				o.current && a(o.current.offsetWidth + 2);
+			};
+			e();
+			let t = new ResizeObserver(e);
+			return t.observe(o.current), () => {
+				t.disconnect();
+			};
+		}
+		a(0);
+	}, [e]), {
+		prefixWidth: i,
+		prefixRef: o
+	};
+}, a = () => {
+	let [t, n] = r(!1), i = e(() => {
+		n((e) => !e);
+	}, []);
+	return {
+		inputType: t ? "text" : "password",
+		isVisible: t,
+		toggleVisibility: i
+	};
+}, o = (t, n) => {
+	let [i, a] = r(!1);
+	return {
+		hasBeenFocused: i,
+		handleFocus: e((e, r) => {
+			if (t && !i) {
+				let t = e.target;
+				t.value = "", a(!0), n && n({
+					...e,
+					target: t,
+					currentTarget: t
+				});
+			}
+			r && r(e);
+		}, [
+			t,
+			i,
+			n
+		])
+	};
 };
+//#endregion
+export { o as useClearOnFocus, a as usePasswordVisibility, i as usePrefixWidth };