@solostylist/ui-kit 1.0.230 → 2.0.1

package/dist/utils/canvas-color.d.ts

@@ -0,0 +1,7 @@
+import { Theme } from '@mui/material/styles';
+/**
+ * Resolves MUI palette aliases and CSS variables into a color Canvas can consume.
+ * Call this outside animation loops because getComputedStyle may trigger style calculation.
+ */
+export declare function resolveCanvasColor(color: string, element: HTMLElement, theme?: Theme): string;
+export declare function isValidCanvasColor(context: CanvasRenderingContext2D, color: string): boolean;

package/dist/utils/canvas-color.js

@@ -0,0 +1,62 @@
+//#region lib/utils/canvas-color.ts
+var e = 10;
+function t(e, t) {
+	let n = 1, r;
+	for (let i = t + 1; i < e.length; i += 1) {
+		let t = e[i];
+		if (r) {
+			t === r && e[i - 1] !== "\\" && (r = void 0);
+			continue;
+		}
+		if (t === "\"" || t === "'") r = t;
+		else if (t === "(") n += 1;
+		else if (t === ")" && (--n, n === 0)) return i;
+	}
+	return -1;
+}
+function n(e) {
+	let t = 0, n;
+	for (let r = 0; r < e.length; r += 1) {
+		let i = e[r];
+		if (n) {
+			i === n && e[r - 1] !== "\\" && (n = void 0);
+			continue;
+		}
+		if (i === "\"" || i === "'") n = i;
+		else if (i === "(") t += 1;
+		else if (i === ")") --t;
+		else if (i === "," && t === 0) return [e.slice(0, r).trim(), e.slice(r + 1).trim()];
+	}
+	return [e.trim(), void 0];
+}
+function r(i, a, o = 0) {
+	if (o >= e) return i;
+	let s = i, c = 0;
+	for (; c < s.length;) {
+		let e = s.toLowerCase().indexOf("var(", c);
+		if (e === -1) break;
+		let i = e + 3, l = t(s, i);
+		if (l === -1) break;
+		let [u, d] = n(s.slice(i + 1, l)), f = (u.startsWith("--") ? a.getPropertyValue(u).trim() : "") || d;
+		if (!f) {
+			c = l + 1;
+			continue;
+		}
+		let p = r(f, a, o + 1);
+		s = s.slice(0, e) + p + s.slice(l + 1), c = e + p.length;
+	}
+	return s;
+}
+function i(e, t, n) {
+	let i = (n ? (n.vars ?? n).palette : void 0)?.[e], a = i && typeof i == "object" && "main" in i && typeof i.main == "string" ? i.main : e, o = getComputedStyle(t), s = a.trim();
+	return s.toLowerCase() === "currentcolor" ? o.color : r(s, o);
+}
+function a(e, t) {
+	try {
+		return e.createLinearGradient(0, 0, 1, 0).addColorStop(0, t), !0;
+	} catch {
+		return !1;
+	}
+}
+//#endregion
+export { a as isValidCanvasColor, i as resolveCanvasColor };

package/dist/utils/dayjs.js

@@ -1,145 +1,8 @@
-import { n as e, t } from "../chunk-C_CI6nMA.js";
-import n, { extend as r } from "dayjs";
-//#region ../../node_modules/dayjs/plugin/isToday.js
-var i = /* @__PURE__ */ t(((e, t) => {
-	(function(n, r) {
-		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_isToday = r();
-	})(e, (function() {
-		return function(e, t, n) {
-			t.prototype.isToday = function() {
-				var e = "YYYY-MM-DD", t = n();
-				return this.format(e) === t.format(e);
-			};
-		};
-	}));
-})), a = /* @__PURE__ */ t(((e, t) => {
-	(function(n, r) {
-		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_relativeTime = r();
-	})(e, (function() {
-		return function(e, t, n) {
-			e ||= {};
-			var r = t.prototype, i = {
-				future: "in %s",
-				past: "%s ago",
-				s: "a few seconds",
-				m: "a minute",
-				mm: "%d minutes",
-				h: "an hour",
-				hh: "%d hours",
-				d: "a day",
-				dd: "%d days",
-				M: "a month",
-				MM: "%d months",
-				y: "a year",
-				yy: "%d years"
-			};
-			function a(e, t, n, i) {
-				return r.fromToBase(e, t, n, i);
-			}
-			n.en.relativeTime = i, r.fromToBase = function(t, r, a, o, s) {
-				for (var c, l, u, d = a.$locale().relativeTime || i, f = e.thresholds || [
-					{
-						l: "s",
-						r: 44,
-						d: "second"
-					},
-					{
-						l: "m",
-						r: 89
-					},
-					{
-						l: "mm",
-						r: 44,
-						d: "minute"
-					},
-					{
-						l: "h",
-						r: 89
-					},
-					{
-						l: "hh",
-						r: 21,
-						d: "hour"
-					},
-					{
-						l: "d",
-						r: 35
-					},
-					{
-						l: "dd",
-						r: 25,
-						d: "day"
-					},
-					{
-						l: "M",
-						r: 45
-					},
-					{
-						l: "MM",
-						r: 10,
-						d: "month"
-					},
-					{
-						l: "y",
-						r: 17
-					},
-					{
-						l: "yy",
-						d: "year"
-					}
-				], p = f.length, m = 0; m < p; m += 1) {
-					var h = f[m];
-					h.d && (c = o ? n(t).diff(a, h.d, !0) : a.diff(t, h.d, !0));
-					var g = (e.rounding || Math.round)(Math.abs(c));
-					if (u = c > 0, g <= h.r || !h.r) {
-						g <= 1 && m > 0 && (h = f[m - 1]);
-						var _ = d[h.l];
-						s && (g = s("" + g)), l = typeof _ == "string" ? _.replace("%d", g) : _(g, r, h.l, u);
-						break;
-					}
-				}
-				if (r) return l;
-				var v = u ? d.future : d.past;
-				return typeof v == "function" ? v(l) : v.replace("%s", l);
-			}, r.to = function(e, t) {
-				return a(e, t, this, !0);
-			}, r.from = function(e, t) {
-				return a(e, t, this);
-			};
-			var o = function(e) {
-				return e.$u ? n.utc() : n();
-			};
-			r.toNow = function(e) {
-				return this.to(o(this), e);
-			}, r.fromNow = function(e) {
-				return this.from(o(this), e);
-			};
-		};
-	}));
-})), o = /* @__PURE__ */ t(((e, t) => {
-	(function(n, r) {
-		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs_plugin_updateLocale = r();
-	})(e, (function() {
-		function e() {
-			return e = Object.assign || function(e) {
-				for (var t = 1; t < arguments.length; t++) {
-					var n = arguments[t];
-					for (var r in n) Object.prototype.hasOwnProperty.call(n, r) && (e[r] = n[r]);
-				}
-				return e;
-			}, e.apply(this, arguments);
-		}
-		return function(t, n, r) {
-			r.updateLocale = function(t, n) {
-				var i = r.Ls[t];
-				if (i) return (n ? Object.keys(n) : []).forEach((function(t) {
-					i[t] && n[t] && typeof i[t] == "object" && typeof n[t] == "object" && !Array.isArray(i[t]) ? i[t] = e({}, i[t], n[t]) : i[t] = n[t];
-				})), i;
-			};
-		};
-	}));
-})), s = /* @__PURE__ */ e(i(), 1), c = /* @__PURE__ */ e(a(), 1), l = /* @__PURE__ */ e(o(), 1);
-r(c.default), r(l.default), n.extend(c.default), n.extend(s.default), n.updateLocale("en", { relativeTime: {
+import e, { extend as t } from "dayjs";
+import n from "dayjs/plugin/isToday";
+import r from "dayjs/plugin/relativeTime";
+import i from "dayjs/plugin/updateLocale";
+t(r), t(i), e.extend(r), e.extend(n), e.updateLocale("en", { relativeTime: {
 	future: "in %s",
 	past: "%s ago",
 	s: "a few sec",
@@ -154,9 +17,9 @@ r(c.default), r(l.default), n.extend(c.default), n.extend(s.default), n.updateLo
 	y: "a year",
 	yy: "%d years"
 } });
-var u = (e) => {
-	let t = n(e), r = n().diff(t, "day");
-	return t.isToday() || r === 0 ? "Today" : r < 6 && r > 0 ? `${r}d ago` : t.format("MMM-DD");
+var a = (t) => {
+	let n = e(t), r = e().diff(n, "day");
+	return n.isToday() || r === 0 ? "Today" : r < 6 && r > 0 ? `${r}d ago` : n.format("MMM-DD");
 };
 //#endregion
-export { n as dayjs, u as formatDatePosted };
+export { e as dayjs, a as formatDatePosted };

package/dist/utils/index.d.ts

@@ -1,2 +1,6 @@
+export * from './canvas-color';
 export * from './dayjs';
 export * from './logger';
+export * from './sx';
+export { resolveOwnerStateSlotProps } from './slots';
+export type { OwnerStateSlotProps } from './slots';

package/dist/utils/index.js

@@ -1,3 +1,6 @@
-import { LogLevel as e, Logger as t, createLogger as n, logger as r } from "./logger.js";
-import { dayjs as i, formatDatePosted as a } from "./dayjs.js";
-export { e as LogLevel, t as Logger, n as createLogger, i as dayjs, a as formatDatePosted, r as logger };
+import { toSxArray as e } from "./sx.js";
+import { resolveOwnerStateSlotProps as t } from "./slots.js";
+import { LogLevel as n, Logger as r, createLogger as i, logger as a } from "./logger.js";
+import { isValidCanvasColor as o, resolveCanvasColor as s } from "./canvas-color.js";
+import { dayjs as c, formatDatePosted as l } from "./dayjs.js";
+export { n as LogLevel, r as Logger, i as createLogger, c as dayjs, l as formatDatePosted, o as isValidCanvasColor, a as logger, s as resolveCanvasColor, t as resolveOwnerStateSlotProps, e as toSxArray };

package/dist/utils/slots.d.ts

@@ -0,0 +1,12 @@
+import type * as React from 'react';
+type PartialSlotPropsWithRef<Props> = Partial<Props> & {
+    ref?: React.Ref<unknown>;
+};
+/**
+ * MUI-compatible static/callback slot props without expanding the full
+ * `React.ElementType` intrinsic union for every custom component.
+ */
+export type OwnerStateSlotProps<Props, OwnerState> = PartialSlotPropsWithRef<Props> | ((ownerState: OwnerState) => PartialSlotPropsWithRef<Props>);
+/** Resolves static or callback slot props using the component owner state. */
+export declare function resolveOwnerStateSlotProps<Props, OwnerState>(slotProps: OwnerStateSlotProps<Props, OwnerState> | undefined, ownerState: OwnerState): PartialSlotPropsWithRef<Props> | undefined;
+export {};

package/dist/utils/slots.js

@@ -0,0 +1,6 @@
+//#region lib/utils/slots.ts
+function e(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+//#endregion
+export { e as resolveOwnerStateSlotProps };

package/dist/utils/sx.d.ts

@@ -0,0 +1,11 @@
+import { SxProps, Theme } from '@mui/material/styles';
+type SxArray = Extract<SxProps<Theme>, readonly unknown[]>;
+/**
+ * Normalize every supported MUI `sx` shape to an array.
+ *
+ * MUI accepts objects, callbacks, and arrays. Object-spreading an `SxProps`
+ * value drops callback styles and treats arrays as numeric object keys, so
+ * component defaults and consumer styles must be composed as an sx array.
+ */
+export declare const toSxArray: (sx?: SxProps<Theme>) => SxArray;
+export {};

package/dist/utils/sx.js

@@ -0,0 +1,4 @@
+//#region lib/utils/sx.ts
+var e = (e) => Array.isArray(e) ? e : e ? [e] : [];
+//#endregion
+export { e as toSxArray };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.230",
+  "version": "2.0.1",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",

package/dist/ArrowUpward-CNiENJp2.js

@@ -1,6 +0,0 @@
-import { t as e } from "./createSvgIcon-HW-tbFcL.js";
-import { jsx as t } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/icons-material/ArrowUpward.mjs
-var n = e(/* @__PURE__ */ t("path", { d: "m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z" }), "ArrowUpward");
-//#endregion
-export { n as t };

package/dist/Box-BlmynALm.js

@@ -1,45 +0,0 @@
-import { n as e } from "./chunk-C_CI6nMA.js";
-import { _ as t, o as n, t as r } from "./createTheme-Bnw5w28O.js";
-import { o as i, s as a } from "./styled-engine-DOxAQ3qw.js";
-import { n as o, t as s } from "./clsx-Bv8WXdlr.js";
-import { n as c } from "./generateUtilityClass-tRYNDrlH.js";
-import { t as l } from "./generateUtilityClasses-XrPHiTcM.js";
-import * as u from "react";
-import { jsx as d } from "react/jsx-runtime";
-//#region ../../node_modules/@mui/system/createBox/createBox.mjs
-function f(e = {}) {
-	let { themeId: t, defaultTheme: r, defaultClassName: a = "MuiBox-root", generateClassName: c } = e, l = i("div", { shouldForwardProp: (e) => e !== "theme" && e !== "sx" && e !== "as" })(n);
-	return /* @__PURE__ */ u.forwardRef(function(e, n) {
-		let i = o(r), { className: u, component: f = "div", ...p } = e;
-		return /* @__PURE__ */ d(l, {
-			as: f,
-			ref: n,
-			className: s(u, c ? c(a) : a),
-			theme: t && i[t] || i,
-			...p
-		});
-	});
-}
-//#endregion
-//#region ../../node_modules/@mui/material/Box/boxClasses.mjs
-var p = /* @__PURE__ */ e(t(), 1), m = l("MuiBox", ["root"]), h = f({
-	themeId: a,
-	defaultTheme: r(),
-	defaultClassName: m.root,
-	generateClassName: c.generate
-});
-process.env.NODE_ENV !== "production" && (h.propTypes = {
-	children: p.default.node,
-	component: p.default.elementType,
-	sx: p.default.oneOfType([
-		p.default.arrayOf(p.default.oneOfType([
-			p.default.func,
-			p.default.object,
-			p.default.bool
-		])),
-		p.default.func,
-		p.default.object
-	])
-});
-//#endregion
-export { h as t };