@solostylist/ui-kit 2.0.0 → 2.0.2

package/dist/s-dialog/index.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-dialog-BLiyjLkx.js";
+import { t as e } from "../s-dialog-BNlXsVVP.js";
 export { e as SDialog, e as default };

package/dist/s-dialog/s-dialog.js

@@ -1,2 +1,2 @@
-import { t as e } from "../s-dialog-BLiyjLkx.js";
+import { t as e } from "../s-dialog-BNlXsVVP.js";
 export { e as SDialog, e as default };

package/dist/{s-dialog-BLiyjLkx.js → s-dialog-BNlXsVVP.js}

@@ -3,14 +3,14 @@ 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 "./Stack-UMc4dV4G.js";
-import { r as s } from "./elementAcceptingRef-DhkNAkFH.js";
-import { t as c } from "./useThemeProps-Cr28OQu3.js";
-import { t as l } from "./appendOwnerState-CELpvdMz.js";
-import { t as u } from "./mergeSlotProps-xl1-PgWL.js";
-import { t as d } from "./Typography-yXjc7kVP.js";
-import { t as f } from "./Close-o4HFfK0I.js";
-import { a as p, i as m, n as h, r as g, t as _ } from "./DialogContent-CAry6lVf.js";
+import { t as o } from "./Stack-C0LGzM4c.js";
+import { t as s } from "./useThemeProps-Dw9dmKyT.js";
+import { t as c } from "./IconButton-CE-4GamO.js";
+import { t as l } from "./appendOwnerState-CFQTq3pb.js";
+import { t as u } from "./mergeSlotProps-DC8r4QzS.js";
+import { t as d } from "./Typography-_P0svrkO.js";
+import { t as f } from "./Close-CIYOM-Sc.js";
+import { a as p, i as m, n as h, r as g, t as _ } from "./DialogContent-b3xbJVC6.js";
 import * as v from "react";
 import { jsx as y, jsxs as b } from "react/jsx-runtime";
 //#region ../../node_modules/@mui/material/DialogTitle/DialogTitle.mjs
@@ -63,14 +63,14 @@ function E(e, t) {
 	return typeof e == "function" ? e(t) : e;
 }
 var D = v.forwardRef(function(e, t) {
-	let n = c({
+	let n = s({
 		props: e,
 		name: "SDialog"
 	}), { actions: r, "aria-labelledby": i, children: a, closeText: p = "Close dialog", disableTypography: m = !1, fullWidth: h = !0, maxWidth: x = "sm", onCloseButtonClick: S, open: C, showCloseButton: D, slotProps: O, slots: k, title: A, ...ee } = n, j = v.useId(), M = A != null, N = {
 		...n,
 		hasActions: r != null,
 		hasTitle: M
-	}, P = D ?? S != null, { actions: F = g, closeButton: I = s, content: L = _, title: R = w, titleContent: z = d, ...B } = k ?? {}, { actions: V, closeButton: H, content: U, title: W, titleContent: G, ...K } = O ?? {}, q = l(k?.actions, E(V, N) ?? {}, N), J = l(k?.closeButton, E(H, N) ?? {}, N), Y = l(k?.content, E(U, N) ?? {}, N), X = l(k?.title, E(W, N) ?? {}, N), Z = l(k?.titleContent, E(G, N) ?? {}, N), Q = u(J, { onClick: S }), $ = X.id ?? (M ? j : void 0), te = i ?? $;
+	}, P = D ?? S != null, { actions: F = g, closeButton: I = c, content: L = _, title: R = w, titleContent: z = d, ...B } = k ?? {}, { actions: V, closeButton: H, content: U, title: W, titleContent: G, ...K } = O ?? {}, q = l(k?.actions, E(V, N) ?? {}, N), J = l(k?.closeButton, E(H, N) ?? {}, N), Y = l(k?.content, E(U, N) ?? {}, N), X = l(k?.title, E(W, N) ?? {}, N), Z = l(k?.titleContent, E(G, N) ?? {}, N), Q = u(J, { onClick: S }), $ = X.id ?? (M ? j : void 0), te = i ?? $;
 	return /* @__PURE__ */ b(T, {
 		...ee,
 		ref: t,

package/dist/s-dialog-confirm/s-dialog-confirm.js

@@ -1,8 +1,8 @@
 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 "../Button-DgIFcM44.js";
-import { t as i } from "../s-dialog-BLiyjLkx.js";
+import { t } from "../useThemeProps-Dw9dmKyT.js";
+import { t as n } from "../appendOwnerState-CFQTq3pb.js";
+import { t as r } from "../Button-DaLr1m20.js";
+import { t as i } from "../s-dialog-BNlXsVVP.js";
 import * as a from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region lib/s-dialog-confirm/s-dialog-confirm.tsx

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

@@ -1,9 +1,9 @@
 import { t as e } from "../styled-Bog8QCl3.js";
-import { t } from "../useThemeProps-Cr28OQu3.js";
+import { t } from "../useThemeProps-Dw9dmKyT.js";
 import { resolveOwnerStateSlotProps as n } from "../utils/slots.js";
-import { t as r } from "../appendOwnerState-CELpvdMz.js";
-import { t as i } from "../Button-DgIFcM44.js";
-import { t as a } from "../s-dialog-BLiyjLkx.js";
+import { t as r } from "../appendOwnerState-CFQTq3pb.js";
+import { t as i } from "../Button-DaLr1m20.js";
+import { t as a } from "../s-dialog-BNlXsVVP.js";
 import * as o from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region lib/s-dialog-message/s-dialog-message.tsx

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

@@ -0,0 +1,3 @@
+export { default, default as SDrawer } from './s-drawer';
+export type { SDrawerCloseReason, SDrawerOwnerState, SDrawerProps, SDrawerSlotProps, SDrawerSlots, SDrawerWidth, } from './s-drawer';
+export type {} from '../theme/component-augmentation';

package/dist/s-drawer/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../s-drawer-4h5ZyoM8.js";
+export { e as SDrawer, e as default };

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

@@ -0,0 +1,70 @@
+import { BoxProps } from '@mui/material/Box';
+import { DrawerProps, DrawerSlots } from '@mui/material/Drawer';
+import { ModalProps } from '@mui/material/Modal';
+import { PaperProps } from '@mui/material/Paper';
+import { TypographyProps } from '@mui/material/Typography';
+import { ResponsiveStyleValue } from '@mui/system';
+import { SIconButtonProps } from '../s-icon-button/s-icon-button';
+import { SOverlayScrollbarProps } from '../s-overlay-scrollbar/s-overlay-scrollbar';
+import { OwnerStateSlotProps as MuiOwnerStateSlotProps } from '../utils/slots';
+import * as React from 'react';
+/** Responsive width value, mirroring what `sx` accepts. */
+export type SDrawerWidth = ResponsiveStyleValue<number | string>;
+type ModalCloseEvent = Parameters<NonNullable<ModalProps['onClose']>>[0];
+/** Why the drawer asked to close. Extends MUI's Modal reasons with the header close button. */
+export type SDrawerCloseReason = 'backdropClick' | 'closeButtonClick' | 'escapeKeyDown';
+/** Props for a MUI Drawer with a fixed header and an independently scrolling body. */
+export interface SDrawerProps extends Omit<DrawerProps, 'children' | 'onClose' | 'slotProps' | 'slots' | 'title'> {
+    /** Body content; scrolls independently from the header. */
+    children?: React.ReactNode;
+    /** Accessible label for the close button — the injection point for translated copy. */
+    closeLabel?: string;
+    /** Content rendered beside the title, before the close button. */
+    headerActions?: React.ReactNode;
+    /** Called when the drawer requests to be closed, including from the header close button. */
+    onClose?: {
+        bivarianceHack(event: ModalCloseEvent, reason: SDrawerCloseReason): void;
+    }['bivarianceHack'];
+    /** Shows the header close button. Defaults to whether `onClose` is provided. */
+    showCloseButton?: boolean;
+    /** Components used for internal structural slots and for the MUI Drawer slots. */
+    slots?: SDrawerSlots;
+    /** Props or owner-state callbacks for internal structural slots and for the MUI Drawer slots. */
+    slotProps?: SDrawerSlotProps;
+    /** Header title content. */
+    title?: React.ReactNode;
+    /** Paper width; accepts responsive values. Defaults to `{ xs: '100vw', sm: 360 }` for side anchors and `'100%'` for top/bottom. */
+    width?: SDrawerWidth;
+}
+export interface SDrawerOwnerState extends Omit<SDrawerProps, 'slotProps' | 'slots'> {
+    anchor: NonNullable<DrawerProps['anchor']>;
+    closeLabel: string;
+    hasHeader: boolean;
+    hasHeaderActions: boolean;
+    hasTitle: boolean;
+    open: boolean;
+    showCloseButton: boolean;
+}
+type OwnerStateSlotProps<Props> = MuiOwnerStateSlotProps<Props, SDrawerOwnerState>;
+type SDrawerRootSlotProps = Omit<DrawerProps, 'anchor' | 'children' | 'onClose' | 'open' | 'slotProps' | 'slots' | 'title' | 'variant'>;
+export interface SDrawerSlots extends Partial<Pick<DrawerSlots, 'backdrop' | 'docked' | 'paper' | 'transition'>> {
+    /** Scrolling body wrapper. Custom component slots must consume or filter `ownerState`. */
+    body?: React.ElementType;
+    closeButton?: React.ElementType;
+    header?: React.ElementType;
+    headerActions?: React.ElementType;
+    /** Drawer wrapper, defaults to the themed MUI Drawer. */
+    root?: React.ElementType;
+    title?: React.ElementType;
+}
+export type SDrawerSlotProps = Omit<NonNullable<DrawerProps['slotProps']>, 'paper' | 'root'> & {
+    body?: OwnerStateSlotProps<Omit<SOverlayScrollbarProps, 'children'>>;
+    closeButton?: OwnerStateSlotProps<Omit<SIconButtonProps, 'children'>>;
+    header?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+    headerActions?: OwnerStateSlotProps<Omit<BoxProps, 'children'>>;
+    paper?: OwnerStateSlotProps<Omit<PaperProps, 'children'>>;
+    root?: OwnerStateSlotProps<SDrawerRootSlotProps>;
+    title?: OwnerStateSlotProps<Omit<TypographyProps, 'children'>>;
+};
+export declare const SDrawer: React.ForwardRefExoticComponent<Omit<SDrawerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export default SDrawer;

package/dist/s-drawer/s-drawer.js

@@ -0,0 +1,2 @@
+import { t as e } from "../s-drawer-4h5ZyoM8.js";
+export { e as SDrawer, e as default };