@solostylist/ui-kit 1.0.229 → 2.0.0

package/dist/s-skeleton/s-skeleton.js

@@ -1,8 +1,10 @@
-import "react";
-import { jsx as e } from "react/jsx-runtime";
-import { Skeleton as t, useTheme as n } from "@mui/material";
+import { t as e } from "../styled-Bog8QCl3.js";
+import { t } from "../Skeleton-iZFynl7z.js";
+import { t as n } from "../useThemeProps-Cr28OQu3.js";
+import * as r from "react";
+import { jsx as i } from "react/jsx-runtime";
 //#region lib/s-skeleton/s-skeleton.tsx
-var r = {
+var a = {
 	avatar: {
 		height: 40,
 		variant: "circular",
@@ -14,7 +16,6 @@ var r = {
 		width: 100
 	},
 	checkbox: {
-		borderRadius: "sm",
 		height: 20,
 		variant: "rounded",
 		width: 20
@@ -24,43 +25,44 @@ var r = {
 		variant: "rounded",
 		width: 32
 	}
-}, i = ({ fontSize: n = "16px", height: r, presetBorderRadius: i, style: a, variant: o, width: s, ...c }) => {
-	let l = i === void 0 ? a : {
-		...a,
-		borderRadius: i
-	};
-	return o === "text" ? /* @__PURE__ */ e(t, {
-		style: l,
-		sx: { fontSize: n },
-		variant: o,
-		width: s,
-		...c
-	}) : /* @__PURE__ */ e(t, {
-		height: r,
-		style: l,
-		variant: o,
-		width: s,
-		...c
+}, o = e(t, {
+	name: "SSkeleton",
+	slot: "Root"
+})(({ ownerState: e, theme: t }) => ({
+	...e.preset === "checkbox" && { borderRadius: t.radius.sm },
+	...e.variant === "text" && e.fontSize != null && { fontSize: e.fontSize }
+})), s = r.forwardRef(function(e, t) {
+	let r = n({
+		props: e,
+		name: "SSkeleton"
 	});
-}, a = (e) => {
-	let t = n();
-	if (e.preset) {
-		let { preset: n, ...a } = e, { borderRadius: o, ...s } = r[n];
-		return i({
-			...a,
-			...s,
-			presetBorderRadius: o ? t.radius[o] : void 0
+	if (r.preset) {
+		let { preset: e, ...n } = r, s = a[e], c = {
+			animation: n.animation,
+			preset: e,
+			variant: s.variant
+		};
+		return /* @__PURE__ */ i(o, {
+			...n,
+			height: s.height,
+			ownerState: c,
+			ref: t,
+			variant: s.variant,
+			width: s.width
 		});
 	}
-	let { fontSize: a = "16px", height: o = 32, variant: s = "text", width: c = "100%", ...l } = e;
-	return i({
+	let { fontSize: s, variant: c = "text", ...l } = r, u = {
+		animation: l.animation,
+		fontSize: s,
+		variant: c
+	};
+	return /* @__PURE__ */ i(o, {
 		...l,
-		fontSize: a,
-		height: o,
-		variant: s,
-		width: c
+		ownerState: u,
+		ref: t,
+		variant: c
 	});
-};
-a.displayName = "SSkeleton";
+});
+s.displayName = "SSkeleton";
 //#endregion
-export { a as SSkeleton, a as default };
+export { s as SSkeleton, s as default };

package/dist/s-snackbar-message/index.d.ts

@@ -1,2 +1,3 @@
 export { default, default as SSnackbarMessage, SnackbarMessageProvider, useSnackbarMessage, } from './s-snackbar-message';
-export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions } from './s-snackbar-message';
+export type { SnackbarMessageContextProps, SnackbarMessageOpenOptions, SnackbarMessageProviderProps, SSnackbarMessageOwnerState, SSnackbarMessageProps, SSnackbarMessageSlotProps, SSnackbarMessageSlots, } from './s-snackbar-message';
+export type {} from '../theme/component-augmentation';

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

@@ -1,2 +1,2 @@
-import { SSnackbarMessage as e, SnackbarMessageProvider as t, useSnackbarMessage as n } from "./s-snackbar-message.js";
-export { e as SSnackbarMessage, e as default, t as SnackbarMessageProvider, n as useSnackbarMessage };
+import { n as e, r as t, t as n } from "../s-snackbar-message-3Z6VySlB.js";
+export { n as SSnackbarMessage, n as default, e as SnackbarMessageProvider, t as useSnackbarMessage };

package/dist/s-snackbar-message/s-snackbar-message.d.ts

@@ -1,58 +1,47 @@
-import { AlertProps, SnackbarProps } from '@mui/material';
+import { AlertProps } from '@mui/material/Alert';
+import { SnackbarProps } from '@mui/material/Snackbar';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
 import * as React from 'react';
-/**
- * Props interface for SSnackbarMessage component
- */
-export interface SSnackbarMessageProps {
-    /** Message content - can be string or React element */
-    message?: string | React.ReactNode;
-    /** Callback fired when snackbar should close */
-    onClose?: () => void;
-    /** Whether the snackbar is open */
-    open?: boolean;
-    /** Additional props passed to the Snackbar component */
-    snackbarProps?: SnackbarProps;
-    /** Additional props passed to the Alert component */
-    alertProps?: AlertProps;
-}
-export declare const SSnackbarMessage: {
-    ({ message, onClose, open, snackbarProps, alertProps, }: SSnackbarMessageProps): React.JSX.Element;
-    displayName: string;
+export type SSnackbarMessageOwnerState = SSnackbarMessageProps & {
+    open: boolean;
+    severity: NonNullable<AlertProps['severity']>;
 };
-export default SSnackbarMessage;
-/**
- * Options for opening a snackbar message
- */
-export interface SnackbarMessageOpenOptions {
-    /** The message to display */
-    message: string | React.ReactNode;
-}
-/**
- * Parameters for the handleOpen function
- */
-export interface HandleOpenParams {
-    /** Message configuration */
-    snackbarMessageOptions?: SnackbarMessageOpenOptions;
-    /** Optional Snackbar props for customization */
-    snackbarProps?: SnackbarProps;
-    /** Optional Alert props for customization */
-    alertProps?: AlertProps;
+type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SSnackbarMessageOwnerState>;
+export type SSnackbarMessageSlots = SnackbarProps['slots'] & {
+    /** Component used to render the alert content. */
+    alert?: React.ElementType;
+};
+export type SSnackbarMessageSlotProps = SnackbarProps['slotProps'] & {
+    /** Props or an owner-state callback for the alert slot. */
+    alert?: OwnerStateSlotProps<Omit<AlertProps, 'children' | 'severity'>>;
+};
+/** A MUI Snackbar composed with an Alert content slot. */
+export interface SSnackbarMessageProps extends Omit<SnackbarProps, 'children' | 'message' | 'ref' | 'slots' | 'slotProps'> {
+    /** Alert content. */
+    message: React.ReactNode;
+    /** Alert severity. */
+    severity?: AlertProps['severity'];
+    /** Handles explicit activation of the Alert close button. */
+    onCloseButtonClick?: AlertProps['onClose'];
+    /** Components used for Snackbar and alert slots. */
+    slots?: SSnackbarMessageSlots;
+    /** Props or owner-state callbacks for Snackbar and alert slots. */
+    slotProps?: SSnackbarMessageSlotProps;
 }
-/**
- * Context value interface for SnackbarMessage system
- */
+export declare const SSnackbarMessage: React.ForwardRefExoticComponent<SSnackbarMessageProps & React.RefAttributes<HTMLDivElement>>;
+export default SSnackbarMessage;
+/** Options accepted by the global snackbar provider. */
+export type SnackbarMessageOpenOptions = Omit<SSnackbarMessageProps, 'open'>;
 export interface SnackbarMessageContextProps {
-    /** Function to open a snackbar message with optional customization */
-    handleOpen: ({ snackbarMessageOptions, snackbarProps, alertProps }: HandleOpenParams) => void;
-    /** Function to close the snackbar */
-    handleClose: () => void;
-    /** Current open state of the snackbar */
+    /** Closes the active snackbar. */
+    closeSnackbar: () => void;
+    /** Whether a snackbar is currently visible. */
     open: boolean;
+    /** Opens a snackbar using the same contract as SSnackbarMessage. */
+    showSnackbar: (options: SnackbarMessageOpenOptions) => void;
 }
-export declare const SnackbarMessageProvider: ({ children }: {
+export interface SnackbarMessageProviderProps {
     children: React.ReactNode;
-}) => React.JSX.Element;
-/**
- * Hook to access the snackbar message context.
- */
-export declare const useSnackbarMessage: () => SnackbarMessageContextProps;
+}
+export declare function SnackbarMessageProvider({ children }: SnackbarMessageProviderProps): React.JSX.Element;
+export declare function useSnackbarMessage(): SnackbarMessageContextProps;

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

@@ -1,52 +1,2 @@
-import { useDialog as e } from "../hooks/use-dialog.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { Alert as i, Snackbar as a } from "@mui/material";
-//#region lib/s-snackbar-message/s-snackbar-message.tsx
-var o = ({ message: e, onClose: t = () => {}, open: r = !1, snackbarProps: o, alertProps: s }) => /* @__PURE__ */ n(a, {
-	open: r,
-	autoHideDuration: 1e4,
-	onClose: t,
-	anchorOrigin: {
-		vertical: "top",
-		horizontal: "center"
-	},
-	...o,
-	children: /* @__PURE__ */ n(i, {
-		onClose: t,
-		severity: "info",
-		sx: {
-			width: "100%",
-			"& .MuiAlert-action": { justifyContent: "center" }
-		},
-		...s,
-		children: e
-	})
-});
-o.displayName = "SSnackbarMessage";
-var s = t.createContext(null), c = ({ children: i }) => {
-	let a = e(), [c, l] = t.useState({ message: "" }), [u, d] = t.useState({}), [f, p] = t.useState({}), m = t.useMemo(() => ({
-		handleOpen: ({ snackbarMessageOptions: e, snackbarProps: t = {}, alertProps: n = {} }) => {
-			let { message: r } = e || { message: "" };
-			l({ message: r }), d(t), p(n), a.handleOpen();
-		},
-		handleClose: a.handleClose,
-		open: a.open
-	}), [a]);
-	return /* @__PURE__ */ r(s.Provider, {
-		value: m,
-		children: [/* @__PURE__ */ n(o, {
-			open: a.open,
-			message: c.message,
-			onClose: a.handleClose,
-			snackbarProps: u,
-			alertProps: f
-		}), i]
-	});
-}, l = () => {
-	let e = t.useContext(s);
-	if (!e) throw Error("useSnackbarMessage must be used within a SnackbarMessageProvider");
-	return e;
-};
-//#endregion
-export { o as SSnackbarMessage, o as default, c as SnackbarMessageProvider, l as useSnackbarMessage };
+import { n as e, r as t, t as n } from "../s-snackbar-message-3Z6VySlB.js";
+export { n as SSnackbarMessage, n as default, e as SnackbarMessageProvider, t as useSnackbarMessage };