@solostylist/ui-kit 1.0.229 → 2.0.0

package/dist/s-status-illustration/s-status-illustration.js

@@ -0,0 +1,429 @@
+import { toSxArray as e } from "../utils/sx.js";
+import { t } from "../appendOwnerState-CELpvdMz.js";
+import { SLazyImage as n } from "../s-lazy-image/s-lazy-image.js";
+import * as r from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Box as s, Container as c, Stack as l, SvgIcon as u, Typography as d, styled as f, useThemeProps as p } from "@mui/material";
+//#region lib/s-status-illustration/s-status-illustration.tsx
+var m = (e) => {
+	let t = (e.vars ?? e).palette;
+	return {
+		height: "auto",
+		maxHeight: 220,
+		maxWidth: 280,
+		width: "100%",
+		"& path, & rect, & circle, & line, & polyline, & polygon": { vectorEffect: "non-scaling-stroke" },
+		"& .SStatusIllustration-surface": { fill: t.background.paper },
+		"& .SStatusIllustration-surfaceStroke": { stroke: t.background.paper },
+		"& .SStatusIllustration-surfaceMuted": {
+			fill: t.grey[100],
+			...e.applyStyles("dark", { fill: t.grey[800] })
+		},
+		"& .SStatusIllustration-outline": { stroke: t.text.primary },
+		"& .SStatusIllustration-detail": { stroke: t.text.secondary },
+		"& .SStatusIllustration-accent": {
+			fill: t.primary.main,
+			stroke: "none"
+		},
+		"& .SStatusIllustration-accentStroke": {
+			fill: "none",
+			stroke: t.primary.main
+		},
+		"& .SStatusIllustration-accentSoft": { fill: t.primary.light },
+		"& .SStatusIllustration-error": {
+			fill: t.error.main,
+			stroke: "none"
+		},
+		"& .SStatusIllustration-errorStroke": {
+			fill: "none",
+			stroke: t.error.main
+		},
+		"& .SStatusIllustration-warning": {
+			fill: t.warning.main,
+			stroke: "none"
+		},
+		"& .SStatusIllustration-warningStroke": {
+			fill: "none",
+			stroke: t.warning.main
+		},
+		"& .SStatusIllustration-orange": {
+			fill: t.warning.dark,
+			stroke: "none"
+		},
+		"& .SStatusIllustration-orangeStroke": {
+			fill: "none",
+			stroke: t.warning.dark
+		},
+		"& .SStatusIllustration-info": {
+			fill: t.info.main,
+			stroke: "none"
+		},
+		"& .SStatusIllustration-infoStroke": {
+			fill: "none",
+			stroke: t.info.main
+		}
+	};
+};
+function h() {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+		transform: "translate(-5.5 -4)",
+		children: [
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-surface SStatusIllustration-outline",
+				d: "M116 72H148L160 84H176C187 84 196 93 196 104V128C196 139 187 148 176 148H116C105 148 96 139 96 128V92C96 81 105 72 116 72Z",
+				strokeLinejoin: "round",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("circle", {
+				className: "SStatusIllustration-accent",
+				cx: "176",
+				cy: "120",
+				r: "8"
+			}),
+			/* @__PURE__ */ a("circle", {
+				className: "SStatusIllustration-surface SStatusIllustration-outline",
+				cx: "100",
+				cy: "72",
+				r: "32",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-outline",
+				d: "M77.3726 94.6274L60 112",
+				strokeLinecap: "round",
+				strokeWidth: "14"
+			}),
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-surfaceStroke",
+				d: "M77.3726 94.6274L60 112",
+				fill: "none",
+				strokeLinecap: "round",
+				strokeWidth: "6"
+			})
+		]
+	}) });
+}
+function g() {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+		transform: "translate(120 90) scale(1.1428571429) translate(-120 -80)",
+		children: [
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-outline",
+				d: "M72 96A48 48 0 0 1 168 96M52 96H96M144 96H188M52 112H96M144 112H188",
+				fill: "none",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("circle", {
+				className: "SStatusIllustration-surface SStatusIllustration-outline",
+				cx: "120",
+				cy: "88",
+				r: "7",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-accent SStatusIllustration-accentStroke",
+				d: "M96 112H144",
+				strokeLinecap: "round",
+				strokeWidth: "4"
+			})
+		]
+	}) });
+}
+function _() {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+		transform: "translate(-4 -8)",
+		children: [
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-outline",
+				d: "M64 122H56V58C56 49.2 63.2 42 72 42H152V72",
+				fill: "none",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("rect", {
+				className: "SStatusIllustration-surface SStatusIllustration-outline",
+				x: "80",
+				y: "66",
+				width: "112",
+				height: "72",
+				rx: "16",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-outline",
+				d: "M112 138V154H160V138",
+				fill: "none",
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("circle", {
+				className: "SStatusIllustration-error",
+				cx: "136",
+				cy: "102",
+				r: "7"
+			})
+		]
+	}) });
+}
+function v() {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+		transform: "translate(-12 -2)",
+		children: [
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-surface SStatusIllustration-outline",
+				d: "M88 34H136L168 66V126C168 139.3 157.3 150 144 150H88C74.7 150 64 139.3 64 126V58C64 44.7 74.7 34 88 34Z",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-accentSoft SStatusIllustration-outline",
+				d: "M136 34V66H168L136 34Z",
+				strokeLinejoin: "round",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("rect", {
+				className: "SStatusIllustration-surface SStatusIllustration-outline",
+				x: "104",
+				y: "78",
+				width: "96",
+				height: "56",
+				rx: "18",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("circle", {
+				className: "SStatusIllustration-error",
+				cx: "152",
+				cy: "106",
+				r: "8"
+			})
+		]
+	}) });
+}
+function y() {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+		transform: "translate(6 -4)",
+		children: [
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-surface SStatusIllustration-outline",
+				d: "M104 36C91.2 46.7 76.8 50.7 56 52V88C56 120 74.7 140 104 152C133.3 140 152 120 152 88V52C131.2 50.7 116.8 46.7 104 36Z",
+				strokeLinejoin: "round",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-detail",
+				d: "M104 64V140",
+				fill: "none",
+				strokeLinecap: "round",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("circle", {
+				className: "SStatusIllustration-surface SStatusIllustration-outline",
+				cx: "104",
+				cy: "58",
+				r: "6",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-outline",
+				d: "M136 98V88A12 16 0 0 1 160 88V98",
+				fill: "none",
+				strokeLinecap: "round",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("rect", {
+				className: "SStatusIllustration-surface SStatusIllustration-outline",
+				x: "124",
+				y: "96",
+				width: "48",
+				height: "48",
+				rx: "10",
+				strokeWidth: "4"
+			}),
+			/* @__PURE__ */ a("circle", {
+				className: "SStatusIllustration-accent",
+				cx: "148",
+				cy: "116",
+				r: "5"
+			}),
+			/* @__PURE__ */ a("path", {
+				className: "SStatusIllustration-accent SStatusIllustration-accentStroke",
+				d: "M148 120V130",
+				strokeLinecap: "round",
+				strokeWidth: "3"
+			})
+		]
+	}) });
+}
+function b() {
+	return /* @__PURE__ */ a(i, { children: /* @__PURE__ */ o("g", {
+		transform: "translate(0 -5)",
+		children: [/* @__PURE__ */ a("path", {
+			className: "SStatusIllustration-outline",
+			d: "M72 120C54.3 120 40 105.7 40 88C40 70.3 54.3 56 72 56C78.1 56 83.8 57.7 88.6 60.7C96.1 47.3 110.5 38.2 127 38.2C149.8 38.2 168.5 55.5 170.8 77.7C187.4 78.6 200.6 92.3 200.6 109.2C200.6 113 199.9 116.6 198.7 120",
+			fill: "none",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "4"
+		}), /* @__PURE__ */ o("g", {
+			transform: "translate(-12)",
+			children: [
+				/* @__PURE__ */ a("circle", {
+					className: "SStatusIllustration-error",
+					cx: "88",
+					cy: "120",
+					r: "12",
+					stroke: "none"
+				}),
+				/* @__PURE__ */ a("path", {
+					className: "SStatusIllustration-outline",
+					d: "M108 125L156 137",
+					fill: "none",
+					strokeLinecap: "round",
+					strokeWidth: "4"
+				}),
+				/* @__PURE__ */ a("circle", {
+					className: "SStatusIllustration-warning",
+					cx: "176",
+					cy: "142",
+					r: "12",
+					stroke: "none"
+				})
+			]
+		})]
+	}) });
+}
+function x() {
+	return /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ o("g", {
+		transform: "translate(120 90) rotate(45)",
+		children: [/* @__PURE__ */ a("path", {
+			className: "SStatusIllustration-accent SStatusIllustration-accentStroke",
+			d: "M-68 0H-22",
+			strokeLinecap: "round",
+			strokeWidth: "14"
+		}), /* @__PURE__ */ a("path", {
+			className: "SStatusIllustration-orange SStatusIllustration-orangeStroke",
+			d: "M22 0H68",
+			strokeLinecap: "round",
+			strokeWidth: "14"
+		})]
+	}), /* @__PURE__ */ a("g", {
+		transform: "translate(120 90) rotate(-45)",
+		children: /* @__PURE__ */ a("path", {
+			className: "SStatusIllustration-surface SStatusIllustration-outline",
+			d: "M-28,-7H28C32,-7 32,-20 42,-20A20,20 0 0 1 59.3205,-10L52,-5.5Q44,0 52,5.5L59.3205,10A20,20 0 0 1 42,20C32,20 32,7 28,7H-28C-32,7-32,20-42,20A20,20 0 0 1-59.3205,10L-52,5.5Q-44,0-52,-5.5L-59.3205,-10A20,20 0 0 1-42,-20C-32,-20-32,-7-28,-7Z",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: "4"
+		})
+	})] });
+}
+var S = {
+	accessDenied: /* @__PURE__ */ a(y, {}),
+	error: /* @__PURE__ */ a(v, {}),
+	error404: /* @__PURE__ */ a(g, {}),
+	itemNotFound: /* @__PURE__ */ a(h, {}),
+	maintenance: /* @__PURE__ */ a(x, {}),
+	offline: /* @__PURE__ */ a(b, {}),
+	somethingWentWrong: /* @__PURE__ */ a(_, {})
+}, C = f(u, { shouldForwardProp: (e) => e !== "ownerState" })({}), w = r.forwardRef(function(t, n) {
+	let { children: r, sx: i, variant: o, ...s } = t, c = o === "custom" ? r : S[o];
+	return /* @__PURE__ */ a(C, {
+		fill: "none",
+		focusable: "false",
+		shapeRendering: "geometricPrecision",
+		viewBox: "0 0 240 180",
+		...s,
+		"data-variant": o,
+		ref: n,
+		sx: [m, ...e(i)],
+		children: c
+	});
+}), T = f(s, {
+	name: "SStatusIllustration",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({});
+function E(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+var D = r.forwardRef(function(r, i) {
+	let { action: u, children: f, description: m, hideIllustration: h = !1, imageAlt: g = "", imageSrc: _, slotProps: v, slots: y, sx: b, title: x, variant: S = "itemNotFound", ...C } = p({
+		props: r,
+		name: "SStatusIllustration"
+	}), D = {
+		hasAction: u != null,
+		hasImage: !h && !!(_ || S),
+		variant: S
+	}, O = y?.container ?? c, k = y?.stack ?? l, A = y?.imageContainer ?? s, j = y?.image ?? n, M = y?.illustration, N = y?.content ?? l, P = y?.title ?? d, F = y?.description ?? d, I = y?.action ?? s, L = t(y?.container, E(v?.container, D) ?? {}, D), R = t(y?.stack, E(v?.stack, D) ?? {}, D), z = t(y?.imageContainer, E(v?.imageContainer, D) ?? {}, D), B = t(y?.illustration, E(v?.illustration, D) ?? {}, D), V = t(y?.image, E(v?.image, D) ?? {}, D), H = t(y?.content, E(v?.content, D) ?? {}, D), U = t(y?.title, E(v?.title, D) ?? {}, D), W = t(y?.description, E(v?.description, D) ?? {}, D), G = t(y?.action, E(v?.action, D) ?? {}, D), { sx: K, ...q } = z, { sx: J, ...Y } = H, { sx: X, ...Z } = W, { sx: Q, ...$ } = G;
+	return /* @__PURE__ */ a(T, {
+		...C,
+		ownerState: D,
+		ref: i,
+		sx: [{
+			alignItems: "center",
+			boxSizing: "border-box",
+			display: "flex",
+			flexDirection: "column",
+			justifyContent: "center",
+			minHeight: "100dvh",
+			py: 8
+		}, ...e(b)],
+		children: /* @__PURE__ */ a(O, {
+			maxWidth: "sm",
+			...L,
+			children: /* @__PURE__ */ o(k, {
+				spacing: 4,
+				...R,
+				children: [
+					!h && (M || _ || S) ? /* @__PURE__ */ a(A, {
+						...q,
+						sx: [{
+							display: "flex",
+							justifyContent: "center"
+						}, ...e(K)],
+						children: M ? /* @__PURE__ */ a(M, { ...B }) : _ ? /* @__PURE__ */ a(j, {
+							alt: g,
+							height: "auto",
+							src: _,
+							width: 200,
+							...V
+						}) : /* @__PURE__ */ a(w, {
+							...B,
+							variant: S,
+							children: f
+						})
+					}) : null,
+					/* @__PURE__ */ o(N, {
+						spacing: 1,
+						...Y,
+						sx: [{ textAlign: "center" }, ...e(J)],
+						children: [/* @__PURE__ */ a(P, {
+							variant: "h4",
+							...U,
+							children: x
+						}), /* @__PURE__ */ a(F, {
+							variant: "body1",
+							...Z,
+							sx: [{ color: "text.secondary" }, ...e(X)],
+							children: m
+						})]
+					}),
+					u == null ? null : /* @__PURE__ */ a(I, {
+						...$,
+						sx: [{
+							display: "flex",
+							justifyContent: "center"
+						}, ...e(Q)],
+						children: u
+					})
+				]
+			})
+		})
+	});
+});
+D.displayName = "SStatusIllustration";
+//#endregion
+export { D as SStatusIllustration, D as default };

package/dist/s-stripe/index.d.ts

@@ -1,5 +1,10 @@
 export { StripeTextField } from './s-stripe';
 export { SStripeNumber } from './s-stripe-number';
+export type { SStripeNumberProps } from './s-stripe-number';
 export { SStripeExpiry } from './s-stripe-expiry';
+export type { SStripeExpiryProps } from './s-stripe-expiry';
 export { SStripeCVC } from './s-stripe-cvc';
-export type { StripeTextFieldProps, StripeElement } from './s-stripe';
+export type { SStripeCVCProps } from './s-stripe-cvc';
+export type { StripeElement, StripeTextFieldComponent, StripeTextFieldOwnerState, StripeTextFieldProps, } from './s-stripe';
+export type {} from '../theme/component-augmentation';
+export type {} from '../theme/optional-component-augmentations/s-stripe';

package/dist/s-stripe/s-stripe-cvc.d.ts

@@ -1,3 +1,5 @@
+import { CardCvcElement } from '@stripe/react-stripe-js';
 import { StripeTextFieldProps } from './s-stripe';
-export declare const SStripeCVC: import('react').ForwardRefExoticComponent<Omit<StripeTextFieldProps<import('@stripe/react-stripe-js').CardCvcElementComponent>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export type SStripeCVCProps = Omit<StripeTextFieldProps<typeof CardCvcElement>, 'stripeElement'>;
+export declare const SStripeCVC: import('react').ForwardRefExoticComponent<Omit<SStripeCVCProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SStripeCVC;

package/dist/s-stripe/s-stripe-expiry.d.ts

@@ -1,3 +1,5 @@
+import { CardExpiryElement } from '@stripe/react-stripe-js';
 import { StripeTextFieldProps } from './s-stripe';
-export declare const SStripeExpiry: import('react').ForwardRefExoticComponent<Omit<StripeTextFieldProps<import('@stripe/react-stripe-js').CardExpiryElementComponent>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export type SStripeExpiryProps = Omit<StripeTextFieldProps<typeof CardExpiryElement>, 'stripeElement'>;
+export declare const SStripeExpiry: import('react').ForwardRefExoticComponent<Omit<SStripeExpiryProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SStripeExpiry;

package/dist/s-stripe/s-stripe-number.d.ts

@@ -1,3 +1,5 @@
+import { CardNumberElement } from '@stripe/react-stripe-js';
 import { StripeTextFieldProps } from './s-stripe';
-export declare const SStripeNumber: import('react').ForwardRefExoticComponent<Omit<StripeTextFieldProps<import('@stripe/react-stripe-js').CardNumberElementComponent>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export type SStripeNumberProps = Omit<StripeTextFieldProps<typeof CardNumberElement>, 'stripeElement'>;
+export declare const SStripeNumber: import('react').ForwardRefExoticComponent<Omit<SStripeNumberProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SStripeNumber;

package/dist/s-stripe/s-stripe.d.ts

@@ -1,11 +1,16 @@
-import { default as React } from 'react';
 import { AuBankAccountElement, CardCvcElement, CardExpiryElement, CardNumberElement, IbanElement } from '@stripe/react-stripe-js';
 import { STextFieldProps } from '../s-text-field';
+import * as React from 'react';
 /**
  * Union type of all supported Stripe Elements
  * Includes card payment elements and various regional payment methods
  */
 export type StripeElement = typeof AuBankAccountElement | typeof CardCvcElement | typeof CardExpiryElement | typeof CardNumberElement | typeof IbanElement;
+type StripeElementProps<T extends StripeElement> = React.ComponentProps<T>;
+export interface StripeTextFieldOwnerState {
+    disabled: boolean;
+    error: boolean;
+}
 /**
  * Props for Stripe-integrated text field components
  * Extends STextField props but excludes conflicting props that are handled by Stripe
@@ -16,9 +21,11 @@ export interface StripeTextFieldProps<T extends StripeElement> extends Omit<STex
     /** Custom error message to display when validation fails */
     labelErrorMessage?: string;
     /** Change handler for Stripe Element events */
-    onChange?: STextFieldProps['onChange'];
+    onChange?: StripeElementProps<T>['onChange'];
+    /** Called when the Stripe Element is ready for imperative focus. */
+    onReady?: StripeElementProps<T>['onReady'];
     /** The Stripe Element component to render */
-    stripeElement?: T;
+    stripeElement: T;
 }
 /**
  * Type definition for StripeTextField component with generic Stripe Element support

package/dist/s-stripe/s-stripe.js

@@ -1,33 +1,60 @@
-import { t as e } from "../s-text-field-DD6nnwwU.js";
-import t from "./stripe-input.js";
-import { forwardRef as n } from "react";
-import { jsx as r } from "react/jsx-runtime";
+import { t as e } from "../styled-Bog8QCl3.js";
+import { t } from "../useThemeProps-Cr28OQu3.js";
+import { t as n } from "../s-text-field-BM4qk0mf.js";
+import r from "./stripe-input.js";
+import * as i from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region lib/s-stripe/s-stripe.tsx
-var i = n((n, i) => {
-	let { helperText: a, slotProps: o, inputProps: s, error: c, labelErrorMessage: l, stripeElement: u, onChange: d, ...f } = n, p = typeof o?.input == "object" ? o.input.inputProps : void 0;
-	return /* @__PURE__ */ r(e, {
-		ref: i,
+var o = e(n, {
+	name: "StripeTextField",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({});
+function s(...e) {
+	let t = e.filter((e) => typeof e == "function");
+	if (t.length !== 0) return (e) => {
+		t.forEach((t) => t(e));
+	};
+}
+var c = i.forwardRef((e, n) => {
+	let i = t({
+		props: e,
+		name: "StripeTextField"
+	}), { disabled: c = !1, error: l = !1, helperText: u, inputProps: d, labelErrorMessage: f, onChange: p, onReady: m, slotProps: h, stripeElement: g, ..._ } = i, v = {
+		...i,
+		disabled: c,
+		error: l
+	}, y = (e) => ({
+		...typeof h?.inputLabel == "function" ? h.inputLabel(e) : h?.inputLabel,
+		shrink: !0
+	}), b = (e) => {
+		let t = typeof h?.input == "function" ? h.input(e) : h?.input, n = t?.inputProps ?? {}, i = {
+			...d,
+			...n,
+			component: g,
+			onChange: s(p, d?.onChange, n.onChange),
+			onReady: s(m, d?.onReady, n.onReady)
+		};
+		return {
+			...t,
+			inputComponent: r,
+			inputProps: i
+		};
+	};
+	return /* @__PURE__ */ a(o, {
+		..._,
+		disabled: c,
+		error: l,
+		helperText: l ? f : u,
+		ownerState: v,
+		ref: n,
 		slotProps: {
-			inputLabel: {
-				...o?.inputLabel,
-				shrink: !0
-			},
-			input: {
-				...o?.input,
-				inputProps: {
-					...s,
-					...p,
-					component: u
-				},
-				inputComponent: t
-			}
-		},
-		error: c,
-		helperText: c ? l : a,
-		onChange: d,
-		...f
+			...h,
+			input: b,
+			inputLabel: y
+		}
 	});
 });
-i.displayName = "StripeTextField";
+c.displayName = "StripeTextField";
 //#endregion
-export { i as StripeTextField, i as default };
+export { c as StripeTextField, c as default };

package/dist/s-stripe/stripe-input.js

@@ -1,4 +1,4 @@
-import { t as e } from "../theme-primitives-CiQYd9Cc.js";
+import { t as e } from "../theme-primitives-Dt_DT9b5.js";
 import * as t from "react";
 import { jsx as n } from "react/jsx-runtime";
 import '../assets/stripe-input.css';//#region lib/s-stripe/stripe-input.tsx
@@ -41,31 +41,58 @@ function c(e, t) {
 		invalid: { color: e.error }
 	};
 }
-var l = t.forwardRef(function(e, r) {
-	let { component: i, options: a, ...o } = e, [l, u] = t.useState(null);
-	t.useImperativeHandle(r, () => ({ focus: () => l?.focus() }), [l]), t.useEffect(() => {
-		if (!l) return;
+function l(e, t, n) {
+	let r = c(e, t);
+	return {
+		...r,
+		...n,
+		base: {
+			...r.base,
+			...n.base
+		},
+		invalid: {
+			...r.invalid,
+			...n.invalid
+		}
+	};
+}
+var u = t.forwardRef(function(e, r) {
+	let { component: i, onReady: a, options: o, ...c } = e, u = t.useMemo(() => o?.style ?? {}, [o?.style]), [d, f] = t.useState(null);
+	t.useImperativeHandle(r, () => ({ focus: () => d?.focus() }), [d]), t.useEffect(() => {
+		if (!d) return;
 		let e = () => {
 			let e = s();
-			l.update({ style: c(e, o.disabled) });
-		}, t = new MutationObserver((t) => {
-			for (let n of t) if (n.attributeName === "data-mui-color-scheme" || n.attributeName === "class" || n.attributeName === "style") {
-				requestAnimationFrame(e);
+			d.update({ style: l(e, c.disabled, u) });
+		}, t = null, n = () => {
+			t === null && (t = requestAnimationFrame(() => {
+				t = null, e();
+			}));
+		}, r = new MutationObserver((e) => {
+			for (let t of e) if (t.attributeName === "data-mui-color-scheme" || t.attributeName === "class" || t.attributeName === "style") {
+				n();
 				break;
 			}
 		});
-		return t.observe(document.documentElement, { attributes: !0 }), () => t.disconnect();
-	}, [l, o.disabled]);
-	let d = s();
+		return r.observe(document.documentElement, { attributes: !0 }), () => {
+			r.disconnect(), t !== null && cancelAnimationFrame(t);
+		};
+	}, [
+		u,
+		c.disabled,
+		d
+	]);
+	let p = l(s(), c.disabled, u);
 	return /* @__PURE__ */ n(i, {
-		onReady: u,
-		options: {
-			...a,
-			style: c(d, o.disabled),
-			disabled: o.disabled
+		...c,
+		onReady: (e) => {
+			f(e), a?.(e);
 		},
-		...o
+		options: {
+			...o,
+			style: p,
+			disabled: c.disabled
+		}
 	});
 });
 //#endregion
-export { l as default };
+export { u as default };

package/dist/s-switch/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SSwitch } from './s-switch';
-export type { SSwitchProps } from './s-switch';
+export type { SSwitchOwnerState, SSwitchProps, SSwitchSlotProps, SSwitchSlots } from './s-switch';
+export type {} from '../theme/component-augmentation';

package/dist/s-switch/index.js

@@ -1,2 +1,2 @@
-import { SSwitch as e } from "./s-switch.js";
+import { t as e } from "../s-switch-B8bZAzLh.js";
 export { e as SSwitch, e as default };