@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/s-text-field-C2WdBxNO.js

@@ -0,0 +1,41 @@
+import { t as e } from "./jsx-runtime-V-UOMaX1.js";
+import { t } from "./createSvgIcon-Bs2KOQvq.js";
+import { SForm as n } from "./s-form/s-form.js";
+import { useState as r } from "react";
+import { IconButton as i, InputAdornment as a, TextField as o } from "@mui/material";
+//#region ../../node_modules/@mui/icons-material/esm/Visibility.js
+var s = e(), c = t(/* @__PURE__ */ (0, s.jsx)("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), l = t(/* @__PURE__ */ (0, s.jsx)("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), u = ({ label: e = "", required: t = !1, error: u, type: d = "text", htmlFor: f, hint: p, ...m }) => {
+	let [h, g] = r(!1), _ = d === "password", v = () => {
+		g(!h);
+	}, y = _ && h ? "text" : d, b = _ ? /* @__PURE__ */ (0, s.jsx)(a, {
+		position: "end",
+		children: /* @__PURE__ */ (0, s.jsx)(i, {
+			"aria-label": "toggle password visibility",
+			onClick: v,
+			edge: "end",
+			size: "small",
+			children: h ? /* @__PURE__ */ (0, s.jsx)(l, {}) : /* @__PURE__ */ (0, s.jsx)(c, {})
+		})
+	}) : void 0;
+	return /* @__PURE__ */ (0, s.jsx)(n, {
+		label: e,
+		hint: p,
+		error: u,
+		required: t,
+		htmlFor: f,
+		children: /* @__PURE__ */ (0, s.jsx)(o, {
+			fullWidth: !0,
+			type: y,
+			id: f,
+			error: !!u,
+			...m,
+			slotProps: { input: {
+				endAdornment: b,
+				...m.slotProps?.input
+			} }
+		})
+	});
+};
+u.displayName = "STextField";
+//#endregion
+export { u as t };

package/dist/s-text-shimmer/index.js

@@ -1,4 +1,4 @@
-import { STextShimmer as r } from "./s-text-shimmer.js";
-export {
-  r as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { STextShimmer as e } from "./s-text-shimmer.js";
+export { e as default };

package/dist/s-text-shimmer/s-text-shimmer.d.ts

@@ -10,8 +10,5 @@ export interface STextShimmerProps extends Omit<TypographyProps, 'children'> {
     /** Multiplier for the shimmer spread width */
     spread?: number;
 }
-/**
- * A text component that creates an animated shimmer effect.
- */
 export declare const STextShimmer: import('react').ForwardRefExoticComponent<Omit<STextShimmerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default STextShimmer;

package/dist/s-text-shimmer/s-text-shimmer.js

@@ -1,38 +1,37 @@
-import { j as i } from "../jsx-runtime-tc70JA_2.js";
-import { forwardRef as s, useMemo as p } from "react";
-import { Typography as d } from "@mui/material";
-import { s as m } from "../styled-8Y5KoVix.js";
-import { keyframes as c } from "@emotion/react";
-const l = c`
+import "../createTheme-CMuiGmV-.js";
+import { o as e } from "../identifier-_S1f0Pg2.js";
+import { t } from "../jsx-runtime-V-UOMaX1.js";
+import { t as n } from "../styled-CjUxhIJh.js";
+import { forwardRef as r, useMemo as i } from "react";
+import { Typography as a } from "@mui/material";
+//#region lib/s-text-shimmer/s-text-shimmer.tsx
+var o = t(), s = e`
   0% {
     background-position: 100% center;
   }
   100% {
     background-position: 0% center;
   }
-`, g = m(d, {
-  shouldForwardProp: (r) => r !== "duration" && r !== "dynamicSpread"
-})(({ theme: r, duration: e, dynamicSpread: a }) => ({
-  display: "inline-block",
-  position: "relative",
-  backgroundClip: "text",
-  WebkitBackgroundClip: "text",
-  color: "transparent",
-  backgroundSize: "250% 100%, auto",
-  backgroundRepeat: "no-repeat, padding-box",
-  animation: `${l} ${e}s linear infinite`,
-  "--spread": `${a}px`,
-  "--base-color": (r.vars ?? r).palette.text.disabled,
-  "--base-gradient-color": (r.vars ?? r).palette.text.primary,
-  backgroundImage: "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--base-gradient-color), transparent calc(50% + var(--spread))), linear-gradient(var(--base-color), var(--base-color))"
-})), b = s(
-  ({ children: r, duration: e = 2, spread: a = 2, ...o }, t) => {
-    const n = p(() => r.length * a, [r, a]);
-    return /* @__PURE__ */ i.jsx(g, { ref: t, duration: e, dynamicSpread: n, ...o, children: r });
-  }
-);
-b.displayName = "STextShimmer";
-export {
-  b as STextShimmer,
-  b as default
-};
+`, c = n(a, { shouldForwardProp: (e) => e !== "duration" && e !== "dynamicSpread" })(({ theme: e, duration: t, dynamicSpread: n }) => ({
+	display: "inline-block",
+	position: "relative",
+	backgroundClip: "text",
+	WebkitBackgroundClip: "text",
+	color: "transparent",
+	backgroundSize: "250% 100%, auto",
+	backgroundRepeat: "no-repeat, padding-box",
+	animation: `${s} ${t}s linear infinite`,
+	"--spread": `${n}px`,
+	"--base-color": (e.vars ?? e).palette.text.disabled,
+	"--base-gradient-color": (e.vars ?? e).palette.text.primary,
+	backgroundImage: "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--base-gradient-color), transparent calc(50% + var(--spread))), linear-gradient(var(--base-color), var(--base-color))"
+})), l = r(({ children: e, duration: t = 2, spread: n = 2, ...r }, a) => /* @__PURE__ */ (0, o.jsx)(c, {
+	ref: a,
+	duration: t,
+	dynamicSpread: i(() => e.length * n, [e, n]),
+	...r,
+	children: e
+}));
+l.displayName = "STextShimmer";
+//#endregion
+export { l as STextShimmer, l as default };

package/dist/s-text-truncation/index.js

@@ -1,4 +1,3 @@
+import "../jsx-runtime-V-UOMaX1.js";
 import { STextTruncation as e } from "./s-text-truncation.js";
-export {
-  e as default
-};
+export { e as default };

package/dist/s-text-truncation/s-text-truncation.d.ts

@@ -10,10 +10,6 @@ export interface STextTruncationProps {
     /** Number of lines to display before truncation */
     lines?: number;
 }
-/**
- * A text truncation component with expandable See more/less functionality or hover tooltip.
- * The expandable variant uses JS-based truncation so "See more/less" appears inline at the end of the last line.
- */
 export declare const STextTruncation: {
     ({ text, variant, lines, }: STextTruncationProps): React.JSX.Element;
     displayName: string;

package/dist/s-text-truncation/s-text-truncation.js

@@ -1,82 +1,80 @@
-import { j as n } from "../jsx-runtime-tc70JA_2.js";
-import { useState as p, useRef as m, useCallback as C, useEffect as w } from "react";
-import { Tooltip as E, Typography as f, Box as S, Link as k } from "@mui/material";
-const H = ({
-  text: e = "",
-  variant: b = "expandable",
-  lines: i = 3
-}) => {
-  const [s, g] = p(!1), [v, o] = p(!1), [T, l] = p(e), h = m(null), a = m(null), c = C(() => {
-    const t = h.current;
-    if (!t || !e) {
-      o(!1), l(e);
-      return;
-    }
-    t.textContent = "A";
-    const x = t.scrollHeight * i;
-    if (t.textContent = e, t.scrollHeight <= x + 1) {
-      o(!1), l(e);
-      return;
-    }
-    o(!0);
-    const j = "… See more";
-    let r = 0, d = e.length;
-    for (; r < d; ) {
-      const u = Math.ceil((r + d) / 2);
-      t.textContent = e.slice(0, u) + j, t.scrollHeight > x + 1 ? d = u - 1 : r = u;
-    }
-    t.textContent = "", l(e.slice(0, r).trimEnd());
-  }, [e, i]);
-  w(() => {
-    c();
-    const t = new ResizeObserver(c);
-    return a.current && t.observe(a.current), () => t.disconnect();
-  }, [c]);
-  const y = () => {
-    g(!s);
-  };
-  return b === "tooltip" ? /* @__PURE__ */ n.jsx(E, { title: e, arrow: !0, children: /* @__PURE__ */ n.jsx(
-    f,
-    {
-      variant: "body2",
-      sx: {
-        display: "-webkit-box",
-        WebkitBoxOrient: "vertical",
-        overflow: "hidden",
-        textOverflow: "ellipsis",
-        WebkitLineClamp: i,
-        lineClamp: i
-      },
-      children: e
-    }
-  ) }) : /* @__PURE__ */ n.jsxs(S, { ref: a, sx: { position: "relative" }, children: [
-    /* @__PURE__ */ n.jsx(
-      f,
-      {
-        ref: h,
-        variant: "body2",
-        "aria-hidden": !0,
-        sx: {
-          position: "absolute",
-          top: 0,
-          left: 0,
-          right: 0,
-          visibility: "hidden",
-          pointerEvents: "none"
-        }
-      }
-    ),
-    /* @__PURE__ */ n.jsxs(f, { variant: "body2", children: [
-      s ? e : T,
-      v && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        s ? " " : "… ",
-        /* @__PURE__ */ n.jsx(k, { component: "span", onClick: y, sx: { cursor: "pointer", fontSize: "inherit" }, children: s ? "See less" : "See more" })
-      ] })
-    ] })
-  ] });
-};
-H.displayName = "STextTruncation";
-export {
-  H as STextTruncation,
-  H as default
+import { t as e } from "../jsx-runtime-V-UOMaX1.js";
+import { useCallback as t, useEffect as n, useRef as r, useState as i } from "react";
+import { Box as a, Link as o, Tooltip as s, Typography as c } from "@mui/material";
+//#region lib/s-text-truncation/s-text-truncation.tsx
+var l = e(), u = ({ text: e = "", variant: u = "expandable", lines: d = 3 }) => {
+	let [f, p] = i(!1), [m, h] = i(!1), [g, _] = i(e), v = r(null), y = r(null), b = t(() => {
+		let t = v.current;
+		if (!t || !e) {
+			h(!1), _(e);
+			return;
+		}
+		t.textContent = "A";
+		let n = t.scrollHeight * d;
+		if (t.textContent = e, t.scrollHeight <= n + 1) {
+			h(!1), _(e);
+			return;
+		}
+		h(!0);
+		let r = 0, i = e.length;
+		for (; r < i;) {
+			let a = Math.ceil((r + i) / 2);
+			t.textContent = e.slice(0, a) + "… See more", t.scrollHeight > n + 1 ? i = a - 1 : r = a;
+		}
+		t.textContent = "", _(e.slice(0, r).trimEnd());
+	}, [e, d]);
+	n(() => {
+		b();
+		let e = new ResizeObserver(b);
+		return y.current && e.observe(y.current), () => e.disconnect();
+	}, [b]);
+	let x = () => {
+		p(!f);
+	};
+	return u === "tooltip" ? /* @__PURE__ */ (0, l.jsx)(s, {
+		title: e,
+		arrow: !0,
+		children: /* @__PURE__ */ (0, l.jsx)(c, {
+			variant: "body2",
+			sx: {
+				display: "-webkit-box",
+				WebkitBoxOrient: "vertical",
+				overflow: "hidden",
+				textOverflow: "ellipsis",
+				WebkitLineClamp: d,
+				lineClamp: d
+			},
+			children: e
+		})
+	}) : /* @__PURE__ */ (0, l.jsxs)(a, {
+		ref: y,
+		sx: { position: "relative" },
+		children: [/* @__PURE__ */ (0, l.jsx)(c, {
+			ref: v,
+			variant: "body2",
+			"aria-hidden": !0,
+			sx: {
+				position: "absolute",
+				top: 0,
+				left: 0,
+				right: 0,
+				visibility: "hidden",
+				pointerEvents: "none"
+			}
+		}), /* @__PURE__ */ (0, l.jsxs)(c, {
+			variant: "body2",
+			children: [f ? e : g, m && /* @__PURE__ */ (0, l.jsxs)(l.Fragment, { children: [f ? " " : "… ", /* @__PURE__ */ (0, l.jsx)(o, {
+				component: "span",
+				onClick: x,
+				sx: {
+					cursor: "pointer",
+					fontSize: "inherit"
+				},
+				children: f ? "See less" : "See more"
+			})] })]
+		})]
+	});
 };
+u.displayName = "STextTruncation";
+//#endregion
+export { u as STextTruncation, u as default };

package/dist/s-theme-demo/index.js

@@ -1,4 +1,4 @@
-import { default as o } from "./s-theme-demo.js";
-export {
-  o as default
-};
+import "../createTheme-CMuiGmV-.js";
+import "../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../s-theme-demo-ChEG6wog.js";
+export { e as default };