@solostylist/ui-kit 2.0.6 → 2.0.8

package/dist/components-DWGB2MCO.js

@@ -0,0 +1,148 @@
+import { MuiYearCalendar as e } from "./theme/components/year-calendar.js";
+import { MuiTooltip as t } from "./theme/components/tooltip.js";
+import { MuiToggleButton as n } from "./theme/components/toggle-button.js";
+import { MuiToggleButtonGroup as r } from "./theme/components/toggle-button-group.js";
+import { MuiTabs as i } from "./theme/components/tabs.js";
+import { MuiTablePagination as ee } from "./theme/components/table-pagination.js";
+import { MuiTableCell as a } from "./theme/components/table-cell.js";
+import { MuiTab as o } from "./theme/components/tab.js";
+import { MuiSwitch as s } from "./theme/components/switch.js";
+import { MuiSvgIcon as c } from "./theme/components/svg-icon.js";
+import { MuiStepLabel as l } from "./theme/components/step-label.js";
+import { MuiStepIcon as u } from "./theme/components/step-icon.js";
+import { MuiStepConnector as d } from "./theme/components/step-connector.js";
+import { MuiSlider as f } from "./theme/components/slider.js";
+import { MuiSkeleton as p } from "./theme/components/skeleton.js";
+import { MuiSelect as m } from "./theme/components/select.js";
+import { MuiRating as h } from "./theme/components/rating.js";
+import { MuiPopover as g } from "./theme/components/popover.js";
+import { MuiPickersCalendarHeader as _ } from "./theme/components/pickers-calendar-header.js";
+import { MuiPickersArrowSwitcher as v } from "./theme/components/pickers-arrow-switcher.js";
+import { MuiPickerDay as y } from "./theme/components/picker-day.js";
+import { MuiPaper as b } from "./theme/components/paper.js";
+import { MuiPagination as x } from "./theme/components/pagination.js";
+import { MuiPaginationItem as S } from "./theme/components/pagination-item.js";
+import { MuiOutlinedInput as C } from "./theme/components/outlined-input.js";
+import { MuiMultiSectionDigitalClockSection as w } from "./theme/components/multi-section-digital-clock-section.js";
+import { MuiMonthCalendar as T } from "./theme/components/month-calendar.js";
+import { MuiMenu as E } from "./theme/components/menu.js";
+import { MuiMenuItem as D } from "./theme/components/menu-item.js";
+import { MuiList as O } from "./theme/components/list.js";
+import { MuiListSubheader as k } from "./theme/components/list-subheader.js";
+import { MuiListItemButton as A } from "./theme/components/list-item-button.js";
+import { MuiListItem as j } from "./theme/components/list-item.js";
+import { MuiListItemText as M } from "./theme/components/list-item-text.js";
+import { MuiListItemIcon as N } from "./theme/components/list-item-icon.js";
+import { MuiLink as P } from "./theme/components/link.js";
+import { MuiLinearProgress as F } from "./theme/components/linear-progress.js";
+import { MuiInputBase as I } from "./theme/components/input-base.js";
+import { MuiInputAdornment as L } from "./theme/components/input-adornment.js";
+import { MuiIcon as R } from "./theme/components/icon.js";
+import { MuiIconButton as z } from "./theme/components/icon-button.js";
+import { MuiFormLabel as B } from "./theme/components/form-label.js";
+import { MuiFormControl as te } from "./theme/components/form-control.js";
+import { MuiDrawer as V } from "./theme/components/drawer.js";
+import { MuiDialog as H } from "./theme/components/dialog.js";
+import { MuiDialogTitle as U } from "./theme/components/dialog-title.js";
+import { MuiDialogContent as W } from "./theme/components/dialog-content.js";
+import { MuiDialogActions as G } from "./theme/components/dialog-actions.js";
+import { MuiDayCalendar as K } from "./theme/components/day-calendar.js";
+import { MuiDateCalendar as q } from "./theme/components/date-calendar.js";
+import { MuiCssBaseline as J } from "./theme/components/css-baseline.js";
+import { MuiContainer as Y } from "./theme/components/container.js";
+import { MuiAccordion as X } from "./theme/components/accordion.js";
+import { MuiAccordionDetails as Z } from "./theme/components/accordion-details.js";
+import { MuiAccordionSummary as Q } from "./theme/components/accordion-summary.js";
+import { MuiAlert as ne } from "./theme/components/alert.js";
+import { MuiAppBar as re } from "./theme/components/app-bar.js";
+import { MuiAutocomplete as ie } from "./theme/components/autocomplete.js";
+import { MuiAvatar as ae } from "./theme/components/avatar.js";
+import { MuiBackdrop as oe } from "./theme/components/backdrop.js";
+import { MuiButton as se } from "./theme/components/button.js";
+import { MuiButtonBase as ce } from "./theme/components/button-base.js";
+import { MuiCard as le } from "./theme/components/card.js";
+import { MuiCardActions as ue } from "./theme/components/card-actions.js";
+import { MuiCardContent as de } from "./theme/components/card-content.js";
+import { MuiCardHeader as fe } from "./theme/components/card-header.js";
+import { MuiCheckbox as pe } from "./theme/components/checkbox.js";
+import { MuiChip as me } from "./theme/components/chip.js";
+//#region \0rolldown/runtime.js
+var $ = Object.defineProperty, he = /* @__PURE__ */ ((e, t) => {
+	let n = {};
+	for (var r in e) $(n, r, {
+		get: e[r],
+		enumerable: !0
+	});
+	return t || $(n, Symbol.toStringTag, { value: "Module" }), n;
+})({
+	MuiAccordion: () => X,
+	MuiAccordionDetails: () => Z,
+	MuiAccordionSummary: () => Q,
+	MuiAlert: () => ne,
+	MuiAppBar: () => re,
+	MuiAutocomplete: () => ie,
+	MuiAvatar: () => ae,
+	MuiBackdrop: () => oe,
+	MuiButton: () => se,
+	MuiButtonBase: () => ce,
+	MuiCard: () => le,
+	MuiCardActions: () => ue,
+	MuiCardContent: () => de,
+	MuiCardHeader: () => fe,
+	MuiCheckbox: () => pe,
+	MuiChip: () => me,
+	MuiContainer: () => Y,
+	MuiCssBaseline: () => J,
+	MuiDateCalendar: () => q,
+	MuiDayCalendar: () => K,
+	MuiDialog: () => H,
+	MuiDialogActions: () => G,
+	MuiDialogContent: () => W,
+	MuiDialogTitle: () => U,
+	MuiDrawer: () => V,
+	MuiFormControl: () => te,
+	MuiFormLabel: () => B,
+	MuiIcon: () => R,
+	MuiIconButton: () => z,
+	MuiInputAdornment: () => L,
+	MuiInputBase: () => I,
+	MuiLinearProgress: () => F,
+	MuiLink: () => P,
+	MuiList: () => O,
+	MuiListItem: () => j,
+	MuiListItemButton: () => A,
+	MuiListItemIcon: () => N,
+	MuiListItemText: () => M,
+	MuiListSubheader: () => k,
+	MuiMenu: () => E,
+	MuiMenuItem: () => D,
+	MuiMonthCalendar: () => T,
+	MuiMultiSectionDigitalClockSection: () => w,
+	MuiOutlinedInput: () => C,
+	MuiPagination: () => x,
+	MuiPaginationItem: () => S,
+	MuiPaper: () => b,
+	MuiPickerDay: () => y,
+	MuiPickersArrowSwitcher: () => v,
+	MuiPickersCalendarHeader: () => _,
+	MuiPopover: () => g,
+	MuiRating: () => h,
+	MuiSelect: () => m,
+	MuiSkeleton: () => p,
+	MuiSlider: () => f,
+	MuiStepConnector: () => d,
+	MuiStepIcon: () => u,
+	MuiStepLabel: () => l,
+	MuiSvgIcon: () => c,
+	MuiSwitch: () => s,
+	MuiTab: () => o,
+	MuiTableCell: () => a,
+	MuiTablePagination: () => ee,
+	MuiTabs: () => i,
+	MuiToggleButton: () => n,
+	MuiToggleButtonGroup: () => r,
+	MuiTooltip: () => t,
+	MuiYearCalendar: () => e
+});
+//#endregion
+export { he as t };

package/dist/{gradients-DSnBONEQ.js → gradients-CUC4WH9i.js}

@@ -1,4 +1,4 @@
-import { n as e, o as t, r as n, s as r } from "./colors-CNjL5fhq.js";
+import { n as e, o as t, r as n, s as r } from "./colors-DscJqo7m.js";
 //#region ../core/dist/alpha.js
 var i = {
 	0: "rgba(0,0,0,0)",

package/dist/main.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./palettes-CJLuEy1m.js";
+import { n as e, r as t, t as n } from "./palettes-B1trNROL.js";
 export { e as PALETTE_OPTIONS, t as VARIANTS, n as paletteThemeOptions };

package/dist/palettes/index.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../palettes-CJLuEy1m.js";
+import { n as e, r as t, t as n } from "../palettes-B1trNROL.js";
 export { e as PALETTE_OPTIONS, t as VARIANTS, n as paletteThemeOptions };

package/dist/{palettes-CJLuEy1m.js → palettes-B1trNROL.js}

@@ -1,5 +1,5 @@
-import { g as e, h as t } from "./colors-CNjL5fhq.js";
-import { t as n } from "./gradients-DSnBONEQ.js";
+import { g as e, h as t } from "./colors-DscJqo7m.js";
+import { t as n } from "./gradients-CUC4WH9i.js";
 import { alpha as r } from "@mui/material/styles";
 //#region ../core/dist/palettes/aurora.js
 var i = {

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

@@ -1,2 +1,2 @@
-import { t as e } from "../s-brand-logo-CErW9Slg.js";
+import { t as e } from "../s-brand-logo-Gi1MKnv9.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-CErW9Slg.js";
+import { t as e } from "../s-brand-logo-Gi1MKnv9.js";
 export { e as SBrandLogo, e as default };

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

@@ -1,4 +1,4 @@
-import { n as e, r as t } from "../utils-CMeAWSRO.js";
+import { n as e, r as t } from "../utils-CXRJYVCd.js";
 import { toSxArray as n } from "../utils/sx.js";
 import { SLazyImage as r } from "../s-lazy-image/s-lazy-image.js";
 import { SIconButton as i } from "../s-icon-button/s-icon-button.js";

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

@@ -1,4 +1,4 @@
-import { i as e } from "../utils-CMeAWSRO.js";
+import { i as e } from "../utils-CXRJYVCd.js";
 import { toSxArray as t } from "../utils/sx.js";
 import { SSkeleton as n } from "../s-skeleton/s-skeleton.js";
 import { SAvatar as r } from "../s-avatar/s-avatar.js";

package/dist/s-file-dropzone/s-file-dropzone.js

@@ -1,4 +1,4 @@
-import { t as e } from "../utils-CMeAWSRO.js";
+import { t as e } from "../utils-CXRJYVCd.js";
 import { toSxArray as t } from "../utils/sx.js";
 import { SForm as n } from "../s-form/s-form.js";
 import { SFileIcon as ee } from "../s-file-icon/s-file-icon.js";

package/dist/s-image-viewer/image-viewer-thumbnail-dock.js

@@ -1,4 +1,4 @@
-import { r as e } from "../theme-primitives-CRfnMsNy.js";
+import { r as e } from "../theme-primitives-DXekeATD.js";
 import { DefaultMediaItem as t } from "./default-media-item.js";
 import "react";
 import { jsx as n } from "react/jsx-runtime";

package/dist/s-product-gallery/index.d.ts

@@ -1,3 +1,3 @@
 export { default, default as SProductGallery } from './s-product-gallery';
-export type { SProductGalleryCarouselSlotProps, SProductGalleryImageItem, SProductGalleryItem, SProductGalleryOwnerState, SProductGalleryProps, SProductGallerySlotProps, SProductGallerySlots, SProductGalleryThumbnailOwnerState, SProductGalleryVideoItem, } from './s-product-gallery';
+export type { SProductGalleryImageItem, SProductGalleryItem, SProductGalleryOwnerState, SProductGalleryProps, SProductGallerySlotProps, SProductGallerySlots, SProductGalleryThumbnailOwnerState, SProductGalleryThumbnailsPosition, SProductGalleryVariant, SProductGalleryVideoItem, } from './s-product-gallery';
 export type {} from '../theme/component-augmentation';

package/dist/s-product-gallery/s-product-gallery.d.ts

@@ -1,5 +1,5 @@
 import { BoxProps, ButtonBaseProps } from '@mui/material';
-import { SCarouselProps } from '../s-carousel';
+import { SIconButtonProps } from '../s-icon-button';
 import { SLazyImageProps } from '../s-lazy-image';
 import { OwnerStateSlotProps } from '../utils/slots';
 import * as React from 'react';
@@ -35,6 +35,10 @@ export type SProductGalleryVideoItem = SProductGalleryVideoItemBase & ({
 });
 /** A single image or video in the product gallery. */
 export type SProductGalleryItem = SProductGalleryImageItem | SProductGalleryVideoItem;
+/** Visual density preset for the product gallery. */
+export type SProductGalleryVariant = 'standard' | 'compact';
+/** Placement of the thumbnail rail relative to the stage. */
+export type SProductGalleryThumbnailsPosition = 'bottom' | 'start' | 'end';
 /** Props for <SProductGallery>. */
 export interface SProductGalleryProps extends Omit<BoxProps, 'children' | 'component' | 'defaultValue' | 'onChange'> {
     /**
@@ -44,6 +48,8 @@ export interface SProductGalleryProps extends Omit<BoxProps, 'children' | 'compo
     aspectRatio?: number | string;
     /** Initially selected item id, for uncontrolled usage. Defaults to the first item. */
     defaultValue?: string;
+    /** Accessible text shown when there are no items to display. */
+    emptyText?: string;
     /** Returns the accessible name for a thumbnail button. */
     getThumbnailAriaLabel?: (item: SProductGalleryItem, index: number, total: number) => string;
     /** Media shown in the stage and the thumbnail rail. */
@@ -56,10 +62,12 @@ export interface SProductGalleryProps extends Omit<BoxProps, 'children' | 'compo
     slotProps?: SProductGallerySlotProps;
     /** Accessible name for the thumbnail rail. */
     thumbnailsLabel?: string;
-    /** Thumbnails visible at once on wide viewports. Halves below the `sm` breakpoint. */
-    thumbnailsToShow?: number;
+    /** Placement of the thumbnail rail. When set to 'start' or 'end', collapses to bottom on mobile. */
+    thumbnailsPosition?: SProductGalleryThumbnailsPosition;
     /** Selected item id, for controlled usage. */
     value?: string;
+    /** Visual preset for density. */
+    variant?: SProductGalleryVariant;
 }
 export interface SProductGalleryOwnerState extends SProductGalleryProps {
     /** Resolved fixed stage aspect ratio. */
@@ -68,9 +76,11 @@ export interface SProductGalleryOwnerState extends SProductGalleryProps {
     activeItem: SProductGalleryItem | null;
     /** Index of the active item, or `-1` when there is nothing to show. */
     activeIndex: number;
+    emptyText: string;
     thumbnailsLabel: string;
-    thumbnailsToShow: number;
+    thumbnailsPosition: SProductGalleryThumbnailsPosition;
     value: string;
+    variant: SProductGalleryVariant;
 }
 /** Owner state handed to the `thumbnail` slot. */
 export interface SProductGalleryThumbnailOwnerState extends SProductGalleryOwnerState {
@@ -79,12 +89,12 @@ export interface SProductGalleryThumbnailOwnerState extends SProductGalleryOwner
     selected: boolean;
 }
 export interface SProductGallerySlots {
-    /** The embla-backed thumbnail carousel. */
-    carousel?: React.ElementType;
-    /** Shared media wrapper inside the stage. */
-    media?: React.ElementType;
+    /** Placeholder surface when items list is empty. */
+    empty?: React.ElementType;
     /** Stage image renderer. */
     image?: React.ElementType;
+    /** Shared media wrapper inside the stage. */
+    media?: React.ElementType;
     root?: React.ElementType;
     /** Aspect-ratio box holding the active media. */
     stage?: React.ElementType;
@@ -94,18 +104,25 @@ export interface SProductGallerySlots {
     thumbnails?: React.ElementType;
     /** Stage video renderer. */
     video?: React.ElementType;
+    /** Wrapper around video element and play button. */
+    videoFrame?: React.ElementType;
+    /** Overlay play/pause indicator badge on video thumbnails. */
+    videoIndicator?: React.ElementType;
+    /** Center play button for stage video. */
+    videoPlayButton?: React.ElementType;
 }
-export type SProductGalleryCarouselSlotProps = Omit<SCarouselProps, 'apiRef' | 'autoplay' | 'autoplaySpeed' | 'centerMode' | 'centerPadding' | 'children' | 'infinite' | 'responsive' | 'slidesToShow' | 'spaceBetween'>;
 export interface SProductGallerySlotProps {
-    carousel?: OwnerStateSlotProps<SProductGalleryCarouselSlotProps, SProductGalleryOwnerState>;
+    empty?: OwnerStateSlotProps<Omit<BoxProps, 'children'>, SProductGalleryOwnerState>;
     image?: OwnerStateSlotProps<Omit<SLazyImageProps, 'alt' | 'src'>, SProductGalleryOwnerState>;
     media?: OwnerStateSlotProps<Omit<BoxProps, 'children'>, SProductGalleryOwnerState>;
     root?: OwnerStateSlotProps<Omit<BoxProps, 'children' | 'component'>, SProductGalleryOwnerState>;
     stage?: OwnerStateSlotProps<Omit<BoxProps, 'children'>, SProductGalleryOwnerState>;
     thumbnail?: OwnerStateSlotProps<Omit<ButtonBaseProps, 'children'>, SProductGalleryThumbnailOwnerState>;
     thumbnails?: OwnerStateSlotProps<Omit<BoxProps, 'children'>, SProductGalleryOwnerState>;
-    /** Native video props. `children` can provide caption or subtitle `<track>` elements. */
     video?: OwnerStateSlotProps<Omit<React.ComponentPropsWithRef<'video'>, 'poster' | 'src'>, SProductGalleryOwnerState>;
+    videoFrame?: OwnerStateSlotProps<Omit<BoxProps, 'children'>, SProductGalleryOwnerState>;
+    videoIndicator?: OwnerStateSlotProps<Omit<BoxProps, 'children'>, SProductGalleryOwnerState>;
+    videoPlayButton?: OwnerStateSlotProps<Omit<SIconButtonProps, 'children'>, SProductGalleryOwnerState>;
 }
 /**
  * Product media viewer: one stage plus a scrollable thumbnail rail, with both