@solostylist/ui-kit 2.0.0 → 2.0.2

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

@@ -1,6 +1,6 @@
 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 { t } from "../useThemeProps-Dw9dmKyT.js";
+import { t as n } from "../s-text-field-HYyDf1Jo.js";
 import r from "./stripe-input.js";
 import * as i from "react";
 import { jsx as a } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as e } from "../theme-primitives-Dt_DT9b5.js";
+import { t as e } from "../theme-primitives-CXtaMdVj.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

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

@@ -0,0 +1,3 @@
+export { default, default as SSwatch } from './s-swatch';
+export type { SSwatchAccessibleNameProps, SSwatchBaseProps, SSwatchOwnerState, SSwatchProps, SSwatchShape, SSwatchSize, SSwatchSlotProps, SSwatchSlots, SSwatchVisualProps, } from './s-swatch';
+export type {} from '../theme/component-augmentation';

package/dist/s-swatch/index.js

@@ -0,0 +1,2 @@
+import { SSwatch as e } from "./s-swatch.js";
+export { e as SSwatch, e as default };

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

@@ -0,0 +1,235 @@
+import { BoxProps, ButtonBaseProps } from '@mui/material';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+/** Named swatch sizes, or an explicit pixel edge length. */
+export type SSwatchSize = 'small' | 'medium' | 'large' | number;
+/** Outline geometry of the swatch. */
+export type SSwatchShape = 'square' | 'circle';
+export interface SSwatchSlots {
+    /** Image element rendered inside the swatch when `image` is set. */
+    image?: React.ElementType;
+    /** Selection marker rendered when `selected` is true. */
+    indicator?: React.ElementType;
+    /** Interactive `ButtonBase` wrapper. */
+    root?: React.ElementType;
+    /** Diagonal line rendered when `unavailable` is true. */
+    strikethrough?: React.ElementType;
+    /** Element carrying the color fill or the image background. */
+    swatch?: React.ElementType;
+}
+export interface SSwatchSlotProps {
+    /** Props or owner-state callback for the image slot. */
+    image?: MuiOwnerStateSlotProps<Omit<BoxProps, 'children'>, SSwatchOwnerState>;
+    /** Props or owner-state callback for the indicator slot. */
+    indicator?: MuiOwnerStateSlotProps<Omit<BoxProps, 'children'>, SSwatchOwnerState>;
+    /** Props or owner-state callback for the root slot. */
+    root?: MuiOwnerStateSlotProps<Omit<ButtonBaseProps, 'children'>, SSwatchOwnerState>;
+    /** Props or owner-state callback for the strikethrough slot. */
+    strikethrough?: MuiOwnerStateSlotProps<Omit<BoxProps, 'children'>, SSwatchOwnerState>;
+    /** Props or owner-state callback for the swatch slot. */
+    swatch?: MuiOwnerStateSlotProps<Omit<BoxProps, 'children'>, SSwatchOwnerState>;
+}
+/** Visual data accepted by SSwatch. A secondary color always requires a primary color. */
+export type SSwatchVisualProps = {
+    /**
+     * Fill of the swatch. This is consumer data (an arbitrary CSS color), so it is
+     * passed straight through — every ring, marker and strike around it is themed.
+     */
+    color: string;
+    /** Optional second fill rendered across the same diagonal as the unavailable strike. */
+    colorSecondary?: string;
+    /** Optional image URL rendered over `color`, which remains as its visual fallback. */
+    image?: string;
+} | {
+    color?: never;
+    colorSecondary?: never;
+    /** Image URL rendered as the swatch fill. */
+    image: string;
+};
+/** Accessible-name sources accepted by an interactive SSwatch. */
+export type SSwatchAccessibleNameProps = {
+    /** Explicit accessible name. */
+    'aria-label': string;
+    'aria-labelledby'?: string;
+    label?: string;
+    value?: string;
+} | {
+    'aria-label'?: string;
+    /** ID of an element that provides the accessible name. */
+    'aria-labelledby': string;
+    label?: string;
+    value?: string;
+} | {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /** Human-readable swatch name used as its accessible name. */
+    label: string;
+    value?: string;
+} | {
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    label?: string;
+    /** Human-readable option value used as the accessible name when `label` is omitted. */
+    value: string;
+};
+/** Shared behavioral props for a selectable swatch built on MUI ButtonBase. */
+export interface SSwatchBaseProps extends Omit<ButtonBaseProps, 'aria-label' | 'aria-labelledby' | 'children' | 'color' | 'value'> {
+    /**
+     * Whether the swatch is an interactive option. Set to `false` for a
+     * presentational swatch; its root then fits the visual and has no button,
+     * ripple, focus, or pressed semantics.
+     */
+    interactive?: boolean;
+    /** Marks the swatch as the current selection. */
+    selected?: boolean;
+    /** Outline geometry of the swatch. */
+    shape?: SSwatchShape;
+    /** Named size, or an explicit pixel edge length. */
+    size?: SSwatchSize;
+    /** Props or owner-state callbacks for internal structural slots. */
+    slotProps?: SSwatchSlotProps;
+    /** Components used for internal structural slots. */
+    slots?: SSwatchSlots;
+    /**
+     * Out-of-stock treatment: the swatch stays operable but is struck through and
+     * dimmed by a scrim, which is visually distinct from `disabled`.
+     */
+    unavailable?: boolean;
+    /** Appended to the accessible name while `unavailable` is true. */
+    unavailableText?: string;
+}
+/** Props for a selectable color or image swatch built on MUI ButtonBase. */
+export type SSwatchProps = SSwatchAccessibleNameProps & SSwatchBaseProps & SSwatchVisualProps;
+export type SSwatchOwnerState = SSwatchProps & {
+    /** Root size for fine pointers. */
+    controlSize: number;
+    /** Root size for coarse pointers. */
+    coarseControlSize: number;
+    disabled: boolean;
+    interactive: boolean;
+    selected: boolean;
+    shape: SSwatchShape;
+    size: SSwatchSize;
+    /** `size` resolved to pixels. */
+    swatchSize: number;
+    unavailable: boolean;
+};
+/**
+ * Themeable color or image option built on MUI ButtonBase. Every swatch requires
+ * both a visual (`color` or `image`) and an accessible name (`label`,
+ * `aria-label`, `aria-labelledby`, or a human-readable `value`).
+ *
+ * Interactive swatches reserve an internal pointer target appropriate to the
+ * current input modality. Presentational swatches (`interactive={false}`) fit
+ * their visual exactly and do not render button semantics.
+ */
+export declare const SSwatch: React.ForwardRefExoticComponent<(Omit<{
+    /** Explicit accessible name. */
+    'aria-label': string;
+    'aria-labelledby'?: string;
+    label?: string;
+    value?: string;
+} & SSwatchBaseProps & {
+    /**
+     * Fill of the swatch. This is consumer data (an arbitrary CSS color), so it is
+     * passed straight through — every ring, marker and strike around it is themed.
+     */
+    color: string;
+    /** Optional second fill rendered across the same diagonal as the unavailable strike. */
+    colorSecondary?: string;
+    /** Optional image URL rendered over `color`, which remains as its visual fallback. */
+    image?: string;
+}, "ref"> | Omit<{
+    /** Explicit accessible name. */
+    'aria-label': string;
+    'aria-labelledby'?: string;
+    label?: string;
+    value?: string;
+} & SSwatchBaseProps & {
+    color?: never;
+    colorSecondary?: never;
+    /** Image URL rendered as the swatch fill. */
+    image: string;
+}, "ref"> | Omit<{
+    'aria-label'?: string;
+    /** ID of an element that provides the accessible name. */
+    'aria-labelledby': string;
+    label?: string;
+    value?: string;
+} & SSwatchBaseProps & {
+    /**
+     * Fill of the swatch. This is consumer data (an arbitrary CSS color), so it is
+     * passed straight through — every ring, marker and strike around it is themed.
+     */
+    color: string;
+    /** Optional second fill rendered across the same diagonal as the unavailable strike. */
+    colorSecondary?: string;
+    /** Optional image URL rendered over `color`, which remains as its visual fallback. */
+    image?: string;
+}, "ref"> | Omit<{
+    'aria-label'?: string;
+    /** ID of an element that provides the accessible name. */
+    'aria-labelledby': string;
+    label?: string;
+    value?: string;
+} & SSwatchBaseProps & {
+    color?: never;
+    colorSecondary?: never;
+    /** Image URL rendered as the swatch fill. */
+    image: string;
+}, "ref"> | Omit<{
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /** Human-readable swatch name used as its accessible name. */
+    label: string;
+    value?: string;
+} & SSwatchBaseProps & {
+    /**
+     * Fill of the swatch. This is consumer data (an arbitrary CSS color), so it is
+     * passed straight through — every ring, marker and strike around it is themed.
+     */
+    color: string;
+    /** Optional second fill rendered across the same diagonal as the unavailable strike. */
+    colorSecondary?: string;
+    /** Optional image URL rendered over `color`, which remains as its visual fallback. */
+    image?: string;
+}, "ref"> | Omit<{
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    /** Human-readable swatch name used as its accessible name. */
+    label: string;
+    value?: string;
+} & SSwatchBaseProps & {
+    color?: never;
+    colorSecondary?: never;
+    /** Image URL rendered as the swatch fill. */
+    image: string;
+}, "ref"> | Omit<{
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    label?: string;
+    /** Human-readable option value used as the accessible name when `label` is omitted. */
+    value: string;
+} & SSwatchBaseProps & {
+    /**
+     * Fill of the swatch. This is consumer data (an arbitrary CSS color), so it is
+     * passed straight through — every ring, marker and strike around it is themed.
+     */
+    color: string;
+    /** Optional second fill rendered across the same diagonal as the unavailable strike. */
+    colorSecondary?: string;
+    /** Optional image URL rendered over `color`, which remains as its visual fallback. */
+    image?: string;
+}, "ref"> | Omit<{
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    label?: string;
+    /** Human-readable option value used as the accessible name when `label` is omitted. */
+    value: string;
+} & SSwatchBaseProps & {
+    color?: never;
+    colorSecondary?: never;
+    /** Image URL rendered as the swatch fill. */
+    image: string;
+}, "ref">) & React.RefAttributes<HTMLElement>>;
+export default SSwatch;

package/dist/s-swatch/s-swatch.js

@@ -0,0 +1,219 @@
+import { resolveOwnerStateSlotProps as e } from "../utils/slots.js";
+import { t } from "../useForkRef-BuNFTXxE.js";
+import { t as n } from "../appendOwnerState-CFQTq3pb.js";
+import { getFocusVisibleStyle as r } from "../theme/components/action-styles.js";
+import { t as i } from "../mergeSlotProps-DC8r4QzS.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Box as c, ButtonBase as l, styled as u, useThemeProps as d } from "@mui/material";
+//#region lib/s-swatch/s-swatch.tsx
+var f = {
+	small: 22,
+	medium: 32,
+	large: 44
+}, p = 24, m = 44, h = "@media (pointer: coarse)", g = 45, _ = (e) => Math.max(1, typeof e == "number" ? e : f[e]), v = ({ ownerState: e, theme: t }) => ({
+	alignItems: "center",
+	backgroundColor: "transparent",
+	borderRadius: t.radius.sm,
+	boxSizing: "border-box",
+	cursor: e.interactive ? "pointer" : "default",
+	display: "inline-flex",
+	flex: `0 0 ${e.controlSize}px`,
+	height: e.controlSize,
+	justifyContent: "center",
+	padding: 0,
+	position: "relative",
+	transition: t.transitions.create("opacity", { duration: t.transitions.duration.shorter }),
+	width: e.controlSize,
+	...e.interactive ? {
+		"& .MuiTouchRipple-root": {
+			borderRadius: "inherit",
+			height: e.swatchSize,
+			inset: "50% auto auto 50%",
+			transform: "translate(-50%, -50%)",
+			width: e.swatchSize,
+			zIndex: 1
+		},
+		"&.Mui-focusVisible::after": {
+			...r(t),
+			borderRadius: "inherit",
+			content: "\"\"",
+			height: e.swatchSize,
+			left: "50%",
+			pointerEvents: "none",
+			position: "absolute",
+			top: "50%",
+			transform: "translate(-50%, -50%)",
+			width: e.swatchSize,
+			zIndex: 4
+		},
+		"&.Mui-disabled": { cursor: "not-allowed" },
+		[h]: {
+			flex: `0 0 ${e.coarseControlSize}px`,
+			height: e.coarseControlSize,
+			width: e.coarseControlSize
+		}
+	} : void 0,
+	variants: [{
+		props: ({ ownerState: e }) => e.shape === "circle",
+		style: { borderRadius: t.radius.full }
+	}, {
+		props: ({ ownerState: e }) => e.disabled,
+		style: { opacity: (t.vars ?? t).palette.action.disabledOpacity }
+	}],
+	"@media (prefers-reduced-motion: reduce)": { transition: "none" }
+}), y = u(l, {
+	name: "SSwatch",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(v), b = u(c, {
+	name: "SSwatch",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(v), x = u(c, {
+	name: "SSwatch",
+	slot: "Swatch",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => ({
+	backgroundColor: (t.vars ?? t).palette.background.paper,
+	backgroundPosition: "center",
+	backgroundSize: "cover",
+	borderRadius: "inherit",
+	boxShadow: `inset 0 0 0 1px ${(t.vars ?? t).palette.divider}`,
+	boxSizing: "border-box",
+	flex: "0 0 auto",
+	height: e.swatchSize,
+	overflow: "hidden",
+	position: "relative",
+	transition: t.transitions.create(["box-shadow", "filter"], { duration: t.transitions.duration.shorter }),
+	width: e.swatchSize,
+	zIndex: 0,
+	variants: [
+		{
+			props: ({ ownerState: e }) => e.shape === "circle",
+			style: { borderRadius: t.radius.full }
+		},
+		{
+			props: ({ ownerState: e }) => e.selected,
+			style: { boxShadow: `inset 0 0 0 2px ${(t.vars ?? t).palette.primary.main}` }
+		},
+		{
+			props: ({ ownerState: e }) => e.unavailable,
+			style: {
+				filter: "saturate(0.72)",
+				"&::after": {
+					backgroundColor: (t.vars ?? t).palette.action.disabledBackground,
+					borderRadius: "inherit",
+					content: "\"\"",
+					inset: 0,
+					position: "absolute",
+					zIndex: 1
+				}
+			}
+		}
+	],
+	"@media (prefers-reduced-motion: reduce)": { transition: "none" }
+})), S = u(c, {
+	name: "SSwatch",
+	slot: "Image",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({
+	borderRadius: "inherit",
+	display: "block",
+	height: "100%",
+	inset: 0,
+	objectFit: "cover",
+	objectPosition: "center",
+	position: "absolute",
+	width: "100%"
+}), C = u(c, {
+	name: "SSwatch",
+	slot: "Indicator",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => ({
+	backgroundColor: (t.vars ?? t).palette.primary.main,
+	borderRadius: t.radius.full,
+	boxShadow: `0 0 0 2px ${(t.vars ?? t).palette.background.paper}`,
+	height: Math.max(6, Math.round(e.swatchSize * .3)),
+	left: "50%",
+	pointerEvents: "none",
+	position: "absolute",
+	top: "50%",
+	transform: "translate(-50%, -50%)",
+	width: Math.max(6, Math.round(e.swatchSize * .3)),
+	zIndex: 3
+})), w = u(c, {
+	name: "SSwatch",
+	slot: "Strikethrough",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => ({
+	backgroundColor: (t.vars ?? t).palette.background.paper,
+	boxShadow: `0 0 0 1px ${(t.vars ?? t).palette.text.primary}`,
+	height: Math.max(1, Math.round(e.swatchSize / 18)),
+	left: "50%",
+	pointerEvents: "none",
+	position: "absolute",
+	top: "50%",
+	transform: `translate(-50%, -50%) rotate(-${g}deg)`,
+	transformOrigin: "center",
+	width: "141.421%",
+	zIndex: 2
+})), T = a.forwardRef(function(r, a) {
+	let c = d({
+		props: r,
+		name: "SSwatch"
+	}), { "aria-label": l, "aria-labelledby": u, color: f, colorSecondary: h, disabled: v = !1, image: T, interactive: E = !0, label: D, selected: O = !1, shape: k = "square", size: A = "medium", slotProps: j, slots: M, unavailable: N = !1, unavailableText: P = "Unavailable", value: F, ...I } = c, L = _(A), R = E ? Math.max(L, p) : L, z = {
+		...c,
+		coarseControlSize: E ? Math.max(L, m) : L,
+		controlSize: R,
+		disabled: v,
+		interactive: E,
+		selected: O,
+		shape: k,
+		size: A,
+		swatchSize: L,
+		unavailable: N
+	}, B = M?.root ?? (E ? y : b), V = M?.swatch ?? x, H = M?.image ?? S, U = M?.indicator ?? C, W = M?.strikethrough ?? w, G = [l ?? D ?? F, N ? P : void 0].filter(Boolean).join(", "), { ref: K, ...q } = n(B, i(e(j?.root, z), E ? {
+		...I,
+		"aria-label": u ? void 0 : G || void 0,
+		"aria-labelledby": u,
+		"aria-pressed": O,
+		disabled: v
+	} : {
+		component: "span",
+		role: "img",
+		...I,
+		"aria-label": u ? void 0 : G || void 0,
+		"aria-labelledby": u
+	}), z), J = t(K, a), { style: Y, ...X } = e(j?.swatch, z) ?? {}, Z = n(V, X, z), Q = n(H, e(j?.image, z) ?? {}, z), $ = n(U, e(j?.indicator, z) ?? {}, z), ee = n(W, e(j?.strikethrough, z) ?? {}, z);
+	return /* @__PURE__ */ s(B, {
+		...q,
+		ref: J,
+		children: [/* @__PURE__ */ s(V, {
+			component: "span",
+			...Z,
+			style: {
+				backgroundColor: f,
+				backgroundImage: h ? `linear-gradient(${180 - g}deg, ${f} 0 50%, ${h} 50% 100%)` : void 0,
+				...Y
+			},
+			children: [T ? /* @__PURE__ */ o(H, {
+				alt: "",
+				component: "img",
+				...Q,
+				src: T
+			}) : null, N ? /* @__PURE__ */ o(W, {
+				"aria-hidden": !0,
+				component: "span",
+				...ee
+			}) : null]
+		}), O ? /* @__PURE__ */ o(U, {
+			"aria-hidden": !0,
+			component: "span",
+			...$
+		}) : null]
+	});
+});
+T.displayName = "SSwatch";
+//#endregion
+export { T as SSwatch, T as default };

package/dist/s-switch/index.js

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

package/dist/s-switch/s-switch.js

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

package/dist/{s-switch-B8bZAzLh.js → s-switch-BCeBoxWf.js}

@@ -3,16 +3,16 @@ import { t } from "./prop-types-BzYPyWN7.js";
 import { r as n, t as r } from "./DefaultPropsProvider-ebWx4_5E.js";
 import { t as i } from "./clsx-DGZSe4Nt.js";
 import { t as a } from "./styled-Bog8QCl3.js";
-import { t as o } from "./memoTheme-qFyKAk7y.js";
-import { t as s } from "./useThemeProps-Cr28OQu3.js";
-import { t as c } from "./appendOwnerState-CELpvdMz.js";
-import { t as l } from "./useSlot-iIu8ek6E.js";
-import { t as u } from "./capitalize-CccCFNpQ.js";
-import { t as d } from "./createSimplePaletteValueFilter-C1gWywW_.js";
-import { t as f } from "./mergeSlotProps-xl1-PgWL.js";
-import { t as p } from "./SwitchBase-D7zqrstO.js";
-import { n as m, t as h } from "./switchClasses-eiq1bkQN.js";
-import { n as g, t as _ } from "./FormControlLabel-DzgppcC_.js";
+import { t as o } from "./useThemeProps-Dw9dmKyT.js";
+import { t as s } from "./memoTheme-qFyKAk7y.js";
+import { t as c } from "./appendOwnerState-CFQTq3pb.js";
+import { t as l } from "./useSlot-BG8ReOxN.js";
+import { t as u } from "./capitalize-C0baBJCm.js";
+import { t as d } from "./createSimplePaletteValueFilter-DFvyXHoZ.js";
+import { t as f } from "./mergeSlotProps-DC8r4QzS.js";
+import { t as p } from "./SwitchBase-CjWtDdmE.js";
+import { n as m, t as h } from "./switchClasses-BtweO7PC.js";
+import { n as g, t as _ } from "./FormControlLabel-Ihga1FTB.js";
 import * as v from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/material/Switch/Switch.mjs
@@ -97,7 +97,7 @@ var x = /* @__PURE__ */ e(t(), 1), S = (e) => {
 			n.color !== "default" && t[`color${u(n.color)}`]
 		];
 	}
-})(o(({ theme: e }) => ({
+})(s(({ theme: e }) => ({
 	position: "absolute",
 	top: 0,
 	left: 0,
@@ -112,7 +112,7 @@ var x = /* @__PURE__ */ e(t(), 1), S = (e) => {
 		left: "-100%",
 		width: "300%"
 	}
-})), o(({ theme: e }) => ({
+})), s(({ theme: e }) => ({
 	"&:hover": {
 		backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity),
 		"@media (hover: none)": { backgroundColor: "transparent" }
@@ -134,7 +134,7 @@ var x = /* @__PURE__ */ e(t(), 1), S = (e) => {
 }))), T = a("span", {
 	name: "MuiSwitch",
 	slot: "Track"
-})(o(({ theme: e }) => ({
+})(s(({ theme: e }) => ({
 	height: "100%",
 	width: "100%",
 	borderRadius: 14 / 2,
@@ -149,7 +149,7 @@ var x = /* @__PURE__ */ e(t(), 1), S = (e) => {
 }))), E = a("span", {
 	name: "MuiSwitch",
 	slot: "Thumb"
-})(o(({ theme: e }) => ({
+})(s(({ theme: e }) => ({
 	boxShadow: (e.vars || e).shadows[1],
 	backgroundColor: "currentColor",
 	boxSizing: "border-box",
@@ -280,14 +280,14 @@ function k(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 var A = v.forwardRef(function(e, t) {
-	let n = s({
+	let n = o({
 		props: e,
 		name: "SSwitch"
-	}), { disabled: r = !1, label: i, labelPlacement: a = "start", required: o = !1, slotProps: l, slots: u, ...d } = n, f = {
+	}), { disabled: r = !1, label: i, labelPlacement: a = "start", required: s = !1, slotProps: l, slots: u, ...d } = n, f = {
 		...n,
 		disabled: r,
 		labelPlacement: a,
-		required: o
+		required: s
 	}, p = u?.control ?? D, m = k(l?.control, f), h = c(u?.control, m ?? {}, f);
 	return /* @__PURE__ */ y(O, {
 		...d,
@@ -297,7 +297,7 @@ var A = v.forwardRef(function(e, t) {
 		labelPlacement: a,
 		ownerState: f,
 		ref: t,
-		required: o,
+		required: s,
 		slots: u?.typography ? { typography: u.typography } : void 0,
 		slotProps: l?.typography ? { typography: l.typography } : void 0
 	});

package/dist/s-tabs/s-tabs.js

@@ -1,8 +1,8 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../useForkRef-CKneCEtr.js";
-import { t as n } from "../appendOwnerState-CELpvdMz.js";
-import { t as r } from "../useControlled-BeB0W_Ui.js";
-import { t as i } from "../mergeSlotProps-xl1-PgWL.js";
+import { t } from "../useForkRef-BuNFTXxE.js";
+import { t as n } from "../appendOwnerState-CFQTq3pb.js";
+import { t as r } from "../useControlled-DqNPBJNp.js";
+import { t as i } from "../mergeSlotProps-DC8r4QzS.js";
 import { getTabId as a, getTabPanelId as o } from "./tab-ids.js";
 import * as s from "react";
 import { createElement as c } from "react";

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

@@ -1,3 +1,3 @@
-import { t as e } from "../s-text-editor-toolbar-D-XgFQix.js";
+import { t as e } from "../s-text-editor-toolbar-D5eQ-jCs.js";
 import { STextEditor as t } from "./s-text-editor.js";
 export { t as STextEditor, t as default, e as STextEditorToolbar };

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-text-editor-toolbar-D-XgFQix.js";
+import { t as e } from "../s-text-editor-toolbar-D5eQ-jCs.js";
 export { e as STextEditorToolbar };

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

@@ -1,9 +1,9 @@
 import { t as e } from "../Box-9oeZgA1U.js";
 import { t } from "../styled-Bog8QCl3.js";
-import { t as n } from "../useThemeProps-Cr28OQu3.js";
+import { t as n } from "../useThemeProps-Dw9dmKyT.js";
 import { toSxArray as r } from "../utils/sx.js";
 import { tint as i } from "../theme/utils.js";
-import { t as a } from "../s-text-editor-toolbar-D-XgFQix.js";
+import { t as a } from "../s-text-editor-toolbar-D5eQ-jCs.js";
 import * as o from "react";
 import { forwardRef as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";