@solostylist/ui-kit 2.0.0 → 2.0.2

package/dist/s-announcement-bar/s-announcement-bar.d.ts

@@ -0,0 +1,113 @@
+import { BoxProps, ChipProps, ContainerProps, TypographyProps } from '@mui/material';
+import { SIconButtonProps } from '../s-icon-button';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+/** Background treatment of the bar. */
+export type SAnnouncementBarVariant = 'announcement' | 'plain';
+export interface SAnnouncementBarSlots {
+    /** Trailing cluster holding `actions`. */
+    actions?: React.ElementType;
+    /** Leading label chip. */
+    badge?: React.ElementType;
+    /** Width-constraining row inside the bar. */
+    container?: React.ElementType;
+    /** Button that dismisses the bar. */
+    dismissButton?: React.ElementType;
+    /** Button that toggles the collapsed action row on small screens. */
+    expandToggle?: React.ElementType;
+    /** Bloom layer anchored to the trailing side. */
+    glowEnd?: React.ElementType;
+    /** Bloom layer anchored to the leading side. */
+    glowStart?: React.ElementType;
+    /** Announcement message. */
+    message?: React.ElementType;
+    /** Full-bleed bar surface. */
+    root?: React.ElementType;
+}
+type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SAnnouncementBarOwnerState>;
+export interface SAnnouncementBarSlotProps {
+    /** Props or owner-state callback for the actions slot. */
+    actions?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+    /** Props or owner-state callback for the badge slot. */
+    badge?: OwnerStateSlotProps<Omit<ChipProps, 'children' | 'label'>>;
+    /** Props or owner-state callback for the container slot. */
+    container?: OwnerStateSlotProps<Omit<ContainerProps, 'children'>>;
+    /** Props or owner-state callback for the dismiss button slot. */
+    dismissButton?: OwnerStateSlotProps<Omit<SIconButtonProps, 'children'>>;
+    /** Props or owner-state callback for the expand toggle slot. */
+    expandToggle?: OwnerStateSlotProps<Omit<SIconButtonProps, 'children'>>;
+    /** Props or owner-state callback for the trailing glow slot. */
+    glowEnd?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+    /** Props or owner-state callback for the leading glow slot. */
+    glowStart?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+    /** Props or owner-state callback for the message slot. */
+    message?: OwnerStateSlotProps<Omit<TypographyProps, 'children'>>;
+    /** Props or owner-state callback for the root slot. */
+    root?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+}
+/** Props for a full-bleed announcement bar. */
+export interface SAnnouncementBarProps extends Omit<BoxProps, 'children' | 'component' | 'title'> {
+    /** Trailing content — social links, a locale switcher, a call to action. */
+    actions?: React.ReactNode;
+    /** Duration of one gradient pan, in milliseconds. */
+    animationDuration?: number;
+    /** Leading label, rendered inside an `SChip`. */
+    badge?: React.ReactNode;
+    /** Announcement message. */
+    children?: React.ReactNode;
+    /** Accessible name of the expand toggle while the action row is open. */
+    collapseLabel?: string;
+    /**
+     * Collapses `actions` behind a toggle below the `sm` breakpoint, so a long
+     * message and a wide action row never fight for the same line on mobile.
+     */
+    collapsible?: boolean;
+    /**
+     * Gradient stop colors of the `announcement` variant, in order. Defaults to
+     * the live brand and secondary ramps so a palette switch follows along.
+     */
+    colors?: string[];
+    /** Initial expanded state of the collapsible action row. */
+    defaultExpanded?: boolean;
+    /** Initial visibility for uncontrolled dismissal. */
+    defaultOpen?: boolean;
+    /** Accessible name of the dismiss button. */
+    dismissLabel?: string;
+    /** Renders a dismiss button at the trailing end of the bar. */
+    dismissible?: boolean;
+    /** Expanded state of the collapsible action row for controlled usage. */
+    expanded?: boolean;
+    /** Accessible name of the expand toggle while the action row is closed. */
+    expandLabel?: string;
+    /** Called when the dismiss button is pressed. */
+    onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Called with the next expanded state when the toggle is pressed. */
+    onExpandedChange?: (event: React.MouseEvent<HTMLButtonElement>, expanded: boolean) => void;
+    /** Visibility for controlled dismissal. */
+    open?: boolean;
+    /** Freezes the gradient pan and the glow cycle. */
+    paused?: boolean;
+    /** Props or owner-state callbacks for internal structural slots. */
+    slotProps?: SAnnouncementBarSlotProps;
+    /** Components used for internal structural slots. */
+    slots?: SAnnouncementBarSlots;
+    /** Background treatment of the bar. */
+    variant?: SAnnouncementBarVariant;
+}
+export interface SAnnouncementBarOwnerState extends SAnnouncementBarProps {
+    animationDuration: number;
+    collapsible: boolean;
+    dismissible: boolean;
+    expanded: boolean;
+    open: boolean;
+    paused: boolean;
+    variant: SAnnouncementBarVariant;
+}
+/**
+ * Full-bleed announcement bar with a badge, a message, an action cluster and an
+ * optional dismiss control. The `announcement` variant paints an animated brand
+ * gradient with two drifting glow layers, all of which stop under
+ * `prefers-reduced-motion` or when `paused` is set.
+ */
+export declare const SAnnouncementBar: React.ForwardRefExoticComponent<Omit<SAnnouncementBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default SAnnouncementBar;

package/dist/s-announcement-bar/s-announcement-bar.js

@@ -0,0 +1,275 @@
+import { toSxArray as e } from "../utils/sx.js";
+import { resolveOwnerStateSlotProps as t } from "../utils/slots.js";
+import { t as n } from "../useForkRef-BuNFTXxE.js";
+import { t as r } from "../useEventCallback-DGCsaRIu.js";
+import { t as i } from "../appendOwnerState-CFQTq3pb.js";
+import { t as a } from "../useControlled-DqNPBJNp.js";
+import { t as o } from "../mergeSlotProps-DC8r4QzS.js";
+import { t as ee } from "../Add-CEnTWsXs.js";
+import { t as te } from "../Close-CIYOM-Sc.js";
+import { t as s } from "../Remove-DDEn8ek8.js";
+import { SIconButton as c } from "../s-icon-button/s-icon-button.js";
+import { SChip as l } from "../s-chip/s-chip.js";
+import * as u from "react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Box as m, Container as h, Typography as g, keyframes as _, styled as v, useThemeProps as y } from "@mui/material";
+//#region lib/s-announcement-bar/s-announcement-bar.tsx
+var b = "@media (prefers-reduced-motion: reduce)", x = "-45%", S = "blur(58px) saturate(105%)", C = "scale(1.14)", w = "blur(8px) saturate(115%)", T = "100% 100%, 220% 220%", E = "115deg", D = .34, O = "--SAnnouncementBar-scrimOpacity", k = .62, A = _`
+  0% { background-position: 0 0, 0% 50%; }
+  50% { background-position: 0 0, 100% 50%; }
+  100% { background-position: 0 0, 0% 50%; }
+`, j = _`
+  0%, 28% { opacity: 0; }
+  33%, 61% { opacity: 0.36; }
+  66%, 100% { opacity: 0; }
+`, M = _`
+  0%, 61% { opacity: 0; }
+  66%, 94% { opacity: 0.28; }
+  100% { opacity: 0; }
+`, N = ({ ownerState: e }) => e.variant === "announcement", P = (e, t) => {
+	let n = (e.vars ?? e).palette;
+	return t.colors?.length ? t.colors : [
+		n.primary[900],
+		n.primary[600],
+		n.secondary[400],
+		n.secondary[200]
+	];
+}, F = (e) => e.map((t, n) => `${t} ${n / Math.max(e.length - 1, 1) * 100}%`).join(", "), I = (e, t, n) => ({
+	animation: `${n} ${t.animationDuration}ms ${e.transitions.easing.easeInOut} infinite`,
+	filter: S,
+	inset: x,
+	opacity: 0,
+	pointerEvents: "none",
+	position: "absolute",
+	transform: C,
+	willChange: "opacity",
+	zIndex: 0,
+	[b]: {
+		animation: "none",
+		opacity: .3
+	}
+}), ne = v(m, {
+	name: "SAnnouncementBar",
+	slot: "Root",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => {
+	let n = (t.vars ?? t).palette, r = `rgba(${n.background.paperChannel} / var(${O}))`;
+	return {
+		...t.typography.body2,
+		minHeight: t.spacing(5),
+		overflow: "hidden",
+		position: "relative",
+		width: "100%",
+		variants: [
+			{
+				props: ({ ownerState: e }) => e.variant === "plain",
+				style: {
+					backgroundColor: n.background.paper,
+					borderBottom: `1px solid ${n.divider}`,
+					color: n.text.primary
+				}
+			},
+			{
+				props: N,
+				style: {
+					[O]: k,
+					animation: `${A} ${e.animationDuration}ms ${t.transitions.easing.easeInOut} infinite`,
+					backdropFilter: w,
+					backgroundImage: `linear-gradient(${r}, ${r}), linear-gradient(${E}, ${F(P(t, e))})`,
+					backgroundSize: T,
+					borderBottom: `1px solid rgba(${n.primary.mainChannel} / ${D})`,
+					boxShadow: t.shadows[1],
+					color: n.text.primary,
+					isolation: "isolate",
+					[b]: {
+						animation: "none",
+						backgroundPosition: "0 0, 50% 50%"
+					}
+				}
+			},
+			{
+				props: ({ ownerState: e }) => e.paused,
+				style: { "&, & > *": { animationPlayState: "paused" } }
+			}
+		]
+	};
+}), re = v(m, {
+	name: "SAnnouncementBar",
+	slot: "GlowStart",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => {
+	let n = P(t, e);
+	return {
+		...I(t, e, j),
+		backgroundImage: `radial-gradient(circle at 18% 50%, ${n[n.length - 1]} 0%, ${n[Math.max(n.length - 2, 0)]} 36%, transparent 70%)`
+	};
+}), ie = v(m, {
+	name: "SAnnouncementBar",
+	slot: "GlowEnd",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ ownerState: e, theme: t }) => {
+	let n = P(t, e);
+	return {
+		...I(t, e, M),
+		backgroundImage: `radial-gradient(circle at 82% 50%, ${n[Math.min(1, n.length - 1)]} 0%, ${n[0]} 38%, transparent 72%)`
+	};
+}), ae = v(h, {
+	name: "SAnnouncementBar",
+	slot: "Container",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	alignItems: "center",
+	display: "flex",
+	flexWrap: "wrap",
+	gap: e.spacing(1),
+	minHeight: e.spacing(5),
+	paddingBlock: e.spacing(.5),
+	position: "relative",
+	zIndex: 1
+})), oe = v(l, {
+	name: "SAnnouncementBar",
+	slot: "Badge",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	flexShrink: 0,
+	height: e.spacing(3),
+	variants: [{ props: N }]
+})), se = v(g, {
+	name: "SAnnouncementBar",
+	slot: "Message",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({
+	flex: "1 1 auto",
+	minWidth: 0
+}), ce = v(m, {
+	name: "SAnnouncementBar",
+	slot: "Actions",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	alignItems: "center",
+	color: "inherit",
+	display: "flex",
+	flexShrink: 0,
+	gap: e.spacing(1.5),
+	marginInlineStart: "auto",
+	"& a": { color: "inherit" },
+	variants: [{
+		props: ({ ownerState: e }) => e.collapsible,
+		style: { [e.breakpoints.down("sm")]: { display: "none" } }
+	}, {
+		props: ({ ownerState: e }) => e.collapsible && e.expanded,
+		style: { [e.breakpoints.down("sm")]: {
+			display: "flex",
+			flexBasis: "100%",
+			marginInlineStart: 0,
+			order: 4
+		} }
+	}]
+})), le = v(c, {
+	name: "SAnnouncementBar",
+	slot: "ExpandToggle",
+	shouldForwardProp: (e) => e !== "ownerState"
+})(({ theme: e }) => ({
+	display: "none",
+	flexShrink: 0,
+	order: 2,
+	[e.breakpoints.down("sm")]: { display: "inline-flex" }
+})), ue = v(c, {
+	name: "SAnnouncementBar",
+	slot: "DismissButton",
+	shouldForwardProp: (e) => e !== "ownerState"
+})({
+	flexShrink: 0,
+	order: 3
+}), L = u.forwardRef(function(c, l) {
+	let m = y({
+		props: c,
+		name: "SAnnouncementBar"
+	}), { actions: h, animationDuration: g = 7e3, badge: _, children: v, collapseLabel: b = "Hide announcement details", collapsible: x = !1, colors: S, defaultExpanded: C = !1, defaultOpen: w = !0, dismissLabel: T = "Dismiss announcement", dismissible: E = !1, expandLabel: D = "Show announcement details", expanded: O, onClose: k, onExpandedChange: A, open: j, paused: M = !1, slotProps: N, slots: P, sx: F, variant: I = "plain", ...L } = m, [R, z] = a({
+		controlled: O,
+		default: C,
+		name: "SAnnouncementBar",
+		state: "expanded"
+	}), [B, V] = a({
+		controlled: j,
+		default: w,
+		name: "SAnnouncementBar",
+		state: "open"
+	}), H = {
+		...m,
+		animationDuration: g,
+		collapsible: x,
+		colors: S,
+		dismissible: E,
+		expanded: R,
+		open: B,
+		paused: M,
+		variant: I
+	}, U = P?.root ?? ne, W = P?.glowStart ?? re, G = P?.glowEnd ?? ie, K = P?.container ?? ae, q = P?.badge ?? oe, J = P?.message ?? se, Y = P?.actions ?? ce, X = P?.expandToggle ?? le, Z = P?.dismissButton ?? ue, Q = `${u.useId()}-actions`, de = r((e) => {
+		let t = !R;
+		z(t), A?.(e, t);
+	}), fe = r((e) => {
+		V(!1), k?.(e);
+	}), { ref: pe, sx: me, ...he } = i(U, o(t(N?.root, H), {
+		...L,
+		"aria-label": L["aria-label"] ?? "Announcement",
+		role: "region"
+	}), H), ge = n(pe, l), $ = i(W, t(N?.glowStart, H) ?? {}, H), _e = i(G, t(N?.glowEnd, H) ?? {}, H), ve = i(K, t(N?.container, H) ?? {}, H), ye = i(q, o(t(N?.badge, H), {
+		color: "error",
+		size: "small"
+	}), H), be = i(J, o(t(N?.message, H), {
+		component: "span",
+		variant: "body2"
+	}), H), xe = i(Y, o(t(N?.actions, H), { id: Q }), H), Se = i(X, o(t(N?.expandToggle, H), {
+		"aria-controls": Q,
+		"aria-expanded": R,
+		"aria-label": R ? b : D,
+		color: "inherit",
+		onClick: de,
+		size: "small"
+	}), H), Ce = i(Z, o(t(N?.dismissButton, H), {
+		"aria-label": T,
+		color: "inherit",
+		onClick: fe,
+		size: "small"
+	}), H);
+	return B ? /* @__PURE__ */ p(U, {
+		...he,
+		ref: ge,
+		sx: [...e(me), ...e(F)],
+		children: [I === "announcement" ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(W, {
+			...$,
+			"aria-hidden": !0
+		}), /* @__PURE__ */ f(G, {
+			..._e,
+			"aria-hidden": !0
+		})] }) : null, /* @__PURE__ */ p(K, {
+			...ve,
+			children: [
+				_ == null ? null : /* @__PURE__ */ f(q, {
+					...ye,
+					label: _
+				}),
+				v == null ? null : /* @__PURE__ */ f(J, {
+					...be,
+					children: v
+				}),
+				h == null ? null : /* @__PURE__ */ f(Y, {
+					...xe,
+					children: h
+				}),
+				x && h != null ? /* @__PURE__ */ f(X, {
+					...Se,
+					children: f(R ? s : ee, {})
+				}) : null,
+				E ? /* @__PURE__ */ f(Z, {
+					...Ce,
+					children: /* @__PURE__ */ f(te, {})
+				}) : null
+			]
+		})]
+	}) : null;
+});
+L.displayName = "SAnnouncementBar";
+//#endregion
+export { L as SAnnouncementBar, L as default };

package/dist/s-autocomplete/s-autocomplete.js

@@ -1,4 +1,4 @@
-import { t as e } from "../s-text-field-BM4qk0mf.js";
+import { t as e } from "../s-text-field-HYyDf1Jo.js";
 import { forwardRef as t, useId as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 import { Autocomplete as i, styled as a, useThemeProps as o } from "@mui/material";

package/dist/s-avatar/s-avatar.js

@@ -1,5 +1,5 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CELpvdMz.js";
+import { t } from "../appendOwnerState-CFQTq3pb.js";
 import { SLazyImage as n } from "../s-lazy-image/s-lazy-image.js";
 import * as r from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";

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

@@ -1,4 +1,4 @@
-import { t as e } from "../useForkRef-CKneCEtr.js";
+import { t as e } from "../useForkRef-BuNFTXxE.js";
 import t, { useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { Typography as c, styled as l, useThemeProps as u } from "@mui/material";

package/dist/s-brand-logo/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-brand-logo-jtAJZQIv.js";
+import { t as e } from "../s-brand-logo-D7Jovf5K.js";
 export { e as SBrandLogo, e as default };

package/dist/s-brand-logo/s-brand-logo.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-brand-logo-jtAJZQIv.js";
+import { t as e } from "../s-brand-logo-D7Jovf5K.js";
 export { e as SBrandLogo, e as default };

package/dist/s-breadcrumbs/s-breadcrumbs.js

@@ -1,7 +1,7 @@
 import { toSxArray as e } from "../utils/sx.js";
 import { actionHoverMedia as t, getFocusVisibleStyle as n } from "../theme/components/action-styles.js";
 import { paginationDimensions as r } from "../s-pagination/types.js";
-import { t as i } from "../ChevronRight-BxsM4W78.js";
+import { t as i } from "../ChevronRight-DsPfsFKB.js";
 import { forwardRef as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 import { Breadcrumbs as s, Link as c, Typography as l, styled as u, useThemeProps as d } from "@mui/material";

package/dist/s-carousel/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-carousel-Dnjke4JQ.js";
+import { t as e } from "../s-carousel-CAyAl3ka.js";
 export { e as SCarousel, e as default };

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

@@ -17,6 +17,8 @@ export interface SCarouselSlotProps {
     dots?: Omit<BoxProps<'ul'>, 'ref'>;
     nextButton?: SIconButtonProps;
     previousButton?: SIconButtonProps;
+    /** Props for the Embla overflow viewport. */
+    viewport?: Omit<BoxProps<'div'>, 'children' | 'ref'>;
 }
 export interface SCarouselProps extends Omit<BoxProps, 'children' | 'component'> {
     /** Carousel slides. */

package/dist/s-carousel/s-carousel.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-carousel-Dnjke4JQ.js";
+import { t as e } from "../s-carousel-CAyAl3ka.js";
 export { e as SCarousel, e as default };

package/dist/{s-carousel-Dnjke4JQ.js → s-carousel-CAyAl3ka.js}

@@ -1,5 +1,5 @@
 import { toSxArray as e } from "./utils/sx.js";
-import { t } from "./createSvgIcon-B0SZlJF1.js";
+import { t } from "./createSvgIcon-3y-gS0r1.js";
 import { SIconButton as n } from "./s-icon-button/s-icon-button.js";
 import * as r from "react";
 import { Children as i, forwardRef as a, useCallback as o, useEffect as s, useMemo as c, useRef as l, useState as u } from "react";
@@ -1201,7 +1201,7 @@ var je = h(m, {
 		opacity: 1,
 		pointerEvents: "auto"
 	}
-}), Q = h("div", { shouldForwardProp: (e) => e !== "centerPadding" })(({ centerPadding: e }) => ({
+}), Q = h("div", { shouldForwardProp: (e) => e !== "centerPadding" && e !== "sx" })(({ centerPadding: e }) => ({
 	overflow: "hidden",
 	...e && { padding: `0 ${e}` }
 })), $ = h("div")({
@@ -1284,20 +1284,22 @@ var Le = a(function(t, a) {
 			B.off("select", K), B.off("reInit", K);
 		};
 	}, [B, K]), r.useImperativeHandle(h, () => B ?? null, [B]);
-	let q = i.toArray(b), J = P?.previousButton, Y = P?.nextButton, ie = P?.dots, ae = {
+	let q = i.toArray(b), J = P?.previousButton, Y = P?.nextButton, ie = P?.dots, ae = P?.viewport, oe = {
 		...l,
 		activeSlidesToShow: L,
 		selectedIndex: H
 	};
 	return /* @__PURE__ */ p(je, {
 		...I,
-		ownerState: ae,
+		ownerState: oe,
 		ref: a,
 		sx: F,
 		children: [
 			/* @__PURE__ */ f(Q, {
-				ref: z,
+				...ae,
 				centerPadding: j ? M : void 0,
+				ref: z,
+				sx: e(ae?.sx),
 				children: /* @__PURE__ */ f($, { children: q.map((e, t) => /* @__PURE__ */ f(Me, {
 					slidesToShow: L,
 					spaceBetween: E,

package/dist/s-category-card/s-category-card.js

@@ -1,5 +1,5 @@
 import { toSxArray as e } from "../utils/sx.js";
-import { t } from "../appendOwnerState-CELpvdMz.js";
+import { t } from "../appendOwnerState-CFQTq3pb.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";

package/dist/s-chat-input/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-input-DCS0mJE4.js";
+import { t as e } from "../s-chat-input-T3gyan60.js";
 export { e as SChatInput, e as default };

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-input-DCS0mJE4.js";
+import { t as e } from "../s-chat-input-T3gyan60.js";
 export { e as SChatInput, e as default };

package/dist/{s-chat-input-DCS0mJE4.js → s-chat-input-T3gyan60.js}

@@ -1,13 +1,13 @@
 import { toSxArray as e } from "./utils/sx.js";
 import { tint as t } from "./theme/utils.js";
-import { t as n } from "./useForkRef-CKneCEtr.js";
-import { t as r } from "./appendOwnerState-CELpvdMz.js";
-import { t as i } from "./createSvgIcon-B0SZlJF1.js";
-import { t as ee } from "./useControlled-BeB0W_Ui.js";
-import { t as te } from "./mergeSlotProps-xl1-PgWL.js";
-import { t as ne } from "./ArrowUpward-D88i2k4q.js";
-import { t as a } from "./Close-o4HFfK0I.js";
-import { t as o } from "./s-text-field-BM4qk0mf.js";
+import { t as n } from "./useForkRef-BuNFTXxE.js";
+import { t as r } from "./appendOwnerState-CFQTq3pb.js";
+import { t as i } from "./createSvgIcon-3y-gS0r1.js";
+import { t as ee } from "./useControlled-DqNPBJNp.js";
+import { t as te } from "./mergeSlotProps-DC8r4QzS.js";
+import { t as ne } from "./ArrowUpward-udL1ltj2.js";
+import { t as a } from "./Close-CIYOM-Sc.js";
+import { t as o } from "./s-text-field-HYyDf1Jo.js";
 import { SIconButton as s } from "./s-icon-button/s-icon-button.js";
 import { SFileIcon as re } from "./s-file-icon/s-file-icon.js";
 import { forwardRef as c, useEffect as ie, useRef as l, useState as u } from "react";

package/dist/s-chat-message/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-9oollJJq.js";
+import { t as e } from "../s-chat-message-NFTpNgt5.js";
 export { e as SChatMessage, e as default };

package/dist/s-chat-message/s-chat-message.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chat-message-9oollJJq.js";
+import { t as e } from "../s-chat-message-NFTpNgt5.js";
 export { e as SChatMessage, e as default };

package/dist/{s-chat-message-9oollJJq.js → s-chat-message-NFTpNgt5.js}

@@ -1,8 +1,8 @@
-import { n as e, r as t } from "./utils-DaSrTYUS.js";
+import { n as e, r as t } from "./utils-DOY6v6ln.js";
 import { toSxArray as n } from "./utils/sx.js";
-import { t as r } from "./createSvgIcon-B0SZlJF1.js";
-import { t as i } from "./s-image-viewer-DNIEYdtL.js";
-import { t as a } from "./Download-DtvoRwpl.js";
+import { t as r } from "./createSvgIcon-3y-gS0r1.js";
+import { t as i } from "./s-image-viewer-CjK67-rs.js";
+import { t as a } from "./Download-D9PkFi7a.js";
 import { SLazyImage as o } from "./s-lazy-image/s-lazy-image.js";
 import { SIconButton as s } from "./s-icon-button/s-icon-button.js";
 import { SSkeleton as c } from "./s-skeleton/s-skeleton.js";

package/dist/s-checkbox/s-checkbox.js

@@ -1,9 +1,9 @@
 import { t as e } from "../styled-Bog8QCl3.js";
-import { t } from "../useThemeProps-Cr28OQu3.js";
-import { t as n } from "../appendOwnerState-CELpvdMz.js";
-import { t as r } from "../useFormControl-iWLrn7Ek.js";
-import { t as i } from "../Checkbox-BoZu9z2l.js";
-import { n as a, t as o } from "../FormControlLabel-DzgppcC_.js";
+import { t } from "../useThemeProps-Dw9dmKyT.js";
+import { t as n } from "../appendOwnerState-CFQTq3pb.js";
+import { t as r } from "../useFormControl-gXwNeUM1.js";
+import { t as i } from "../Checkbox-C-Xjbzzh.js";
+import { n as a, t as o } from "../FormControlLabel-Ihga1FTB.js";
 import * as s from "react";
 import { jsx as c } from "react/jsx-runtime";
 //#region lib/s-checkbox/s-checkbox.tsx

package/dist/s-chips/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chips-WqGdqHW9.js";
+import { t as e } from "../s-chips-Dqq1fgz-.js";
 export { e as SChips, e as default };

package/dist/s-chips/s-chips.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-chips-WqGdqHW9.js";
+import { t as e } from "../s-chips-Dqq1fgz-.js";
 export { e as SChips, e as default };

package/dist/{s-chips-WqGdqHW9.js → s-chips-Dqq1fgz-.js}

@@ -1,9 +1,9 @@
 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 "./createSvgIcon-B0SZlJF1.js";
-import { t as i } from "./useControlled-BeB0W_Ui.js";
-import { t as a } from "./mergeSlotProps-xl1-PgWL.js";
+import { t } from "./useForkRef-BuNFTXxE.js";
+import { t as n } from "./appendOwnerState-CFQTq3pb.js";
+import { t as r } from "./createSvgIcon-3y-gS0r1.js";
+import { t as i } from "./useControlled-DqNPBJNp.js";
+import { t as a } from "./mergeSlotProps-DC8r4QzS.js";
 import * as o from "react";
 import { createElement as s, useCallback as c, useEffect as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";

package/dist/s-code-block/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-DzGoGg5e.js";
+import { t as e } from "../s-code-block-DyDtctGG.js";
 export { e as SCodeBlock, e as default };

package/dist/s-code-block/s-code-block.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-code-block-DzGoGg5e.js";
+import { t as e } from "../s-code-block-DyDtctGG.js";
 export { e as SCodeBlock, e as default };

package/dist/{s-code-block-DzGoGg5e.js → s-code-block-DyDtctGG.js}

@@ -1,6 +1,6 @@
 import { toSxArray as e } from "./utils/sx.js";
-import { t } from "./appendOwnerState-CELpvdMz.js";
-import { n, t as r } from "./ContentCopy-5unyTYXy.js";
+import { t } from "./appendOwnerState-CFQTq3pb.js";
+import { n, t as r } from "./ContentCopy-Hlh3azVb.js";
 import { SIconButton as i } from "./s-icon-button/s-icon-button.js";
 import * as a from "react";
 import { useMemo as o, useState as s } from "react";

package/dist/s-comment-message/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-C6kfgRjv.js";
+import { t as e } from "../s-comment-message-DpCVBKiE.js";
 export { e as SCommentMessage, e as default };

package/dist/s-comment-message/s-comment-message.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-comment-message-C6kfgRjv.js";
+import { t as e } from "../s-comment-message-DpCVBKiE.js";
 export { e as SCommentMessage, e as default };