@solostylist/ui-kit 1.0.201 → 1.0.203

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

@@ -18,11 +18,6 @@ export interface SAccordionProps extends Omit<AccordionProps, 'title'> {
     /** Props to pass to the AccordionDetails component for customization */
     accordionDetailsProps?: AccordionDetailsProps;
 }
-/**
- * A collapsible accordion component built on Material-UI Accordion with custom theming,
- * optional icons, and smooth expand/collapse animations. Perfect for organizing content
- * sections and FAQs.
- */
 export declare const SAccordion: {
     ({ title, children, startIcon, titleTypographyProps, accordionSummaryProps, accordionDetailsProps, ...rest }: SAccordionProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/s-action-overlay/s-action-overlay.d.ts

@@ -51,10 +51,6 @@ export interface SActionOverlayProps {
     /** Callback when overlay visibility changes */
     onVisibilityChange?: (visible: boolean) => void;
 }
-/**
- * A flexible overlay component that displays action buttons on top of content.
- * Supports hover-based or controlled visibility, multiple positioning options, and customizable backdrop effects.
- */
 export declare const SActionOverlay: {
     ({ actions, maxWidth, columns, children, showOnHover, visible: controlledVisible, position, backdropColor, backdropOpacity, blurAmount, borderRadius, overlaySx, onVisibilityChange, }: SActionOverlayProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -31,10 +31,5 @@ export interface SAutocompleteComponent {
     }): React.JSX.Element;
     displayName?: string;
 }
-/**
- * A standardized autocomplete/combobox component that wraps Material-UI Autocomplete
- * with consistent form labeling, validation, and help text patterns. Maintains full
- * Material-UI API compatibility while providing enhanced form integration.
- */
 export declare const SAutocomplete: SAutocompleteComponent;
 export default SAutocomplete;

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

@@ -14,10 +14,6 @@ export interface SAvatarProps {
     /** Additional props to pass to the underlying Material-UI Avatar component */
     avatarProps?: AvatarProps;
 }
-/**
- * A flexible avatar component that displays user profile images with fallback to initials.
- * Built on Material-UI Avatar with optional name display and customizable sizing.
- */
 export declare const SAvatar: {
     ({ avatar, name, showName, size, avatarProps }: SAvatarProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/s-blur-text/s-blur-text.d.ts

@@ -27,8 +27,5 @@ export interface SBlurTextProps extends Omit<TypographyProps, 'children'> {
     /** Duration of each animation step in seconds */
     stepDuration?: number;
 }
-/**
- * A Typography component that animates text with a blur effect when it comes into view.
- */
 export declare const SBlurText: React.FC<SBlurTextProps>;
 export default SBlurText;

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

@@ -30,8 +30,5 @@ export interface SBreadcrumbsProps extends Omit<BreadcrumbsProps, 'children'> {
     /** System prop for custom styling */
     sx?: SxProps<Theme>;
 }
-/**
- * A breadcrumb navigation component for displaying hierarchical navigation paths.
- */
 export declare const SBreadcrumbs: React.ForwardRefExoticComponent<Omit<SBreadcrumbsProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export default SBreadcrumbs;

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

@@ -4,8 +4,5 @@ import { ButtonProps } from '@mui/material';
  * Props interface for SButton component
  */
 export type SButtonProps = ButtonProps;
-/**
- * A versatile button component built on Material-UI Button with consistent theming and accessibility features.
- */
 export declare const SButton: React.ForwardRefExoticComponent<Omit<SButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default SButton;

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

@@ -14,8 +14,5 @@ export interface SCarouselProps extends PropsWithChildren, Settings {
     /** Custom styles for the arrow buttons */
     readonly arrowStyles?: SxProps<Theme>;
 }
-/**
- * A carousel component built on react-slick with smooth sliding functionality and customizable navigation.
- */
 export declare const SCarousel: import('react').ForwardRefExoticComponent<SCarouselProps & import('react').RefAttributes<Slider>>;
 export default SCarousel;

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

@@ -2406,10 +2406,11 @@ function Xt({ onClick: i, sx: c, className: h }) {
       className: `next ${O}`,
       sx: {
         backdropFilter: "blur(8px)",
-        backgroundColor: "divider",
+        backgroundColor: "rgba(255,255,255,0.3)",
+        boxShadow: "0px 0px 0px 1px rgba(0,0,0,0.1)",
         color: "text.primary",
         "&:hover": {
-          backgroundColor: "divider"
+          backgroundColor: "rgba(255,255,255,0.4)"
         },
         ...c
       },
@@ -2426,10 +2427,11 @@ function Gt({ onClick: i, sx: c, className: h }) {
       className: `prev ${O}`,
       sx: {
         backdropFilter: "blur(8px)",
-        backgroundColor: "divider",
+        backgroundColor: "rgba(255,255,255,0.3)",
+        boxShadow: "0px 0px 0px 1px rgba(0,0,0,0.1)",
         color: "text.primary",
         "&:hover": {
-          backgroundColor: "divider"
+          backgroundColor: "rgba(255,255,255,0.4)"
         },
         ...c
       },

package/dist/s-category-card/s-category-card.d.ts

@@ -49,9 +49,6 @@ export interface SCategoryCardProps {
     /** System prop for custom styling of the image */
     imageSx?: SxProps<Theme>;
 }
-/**
- * A stylish category card component that displays an image with an overlaid title.
- */
 export declare const SCategoryCard: {
     ({ image, title, width, height, alt, titlePosition, titleAlignment, titleVariant, titleColor, titleBackgroundColor, titleOpacity, borderRadius, disableHoverEffect, hoverScale, onClick, sx, titleSx, imageSx, }: SCategoryCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/s-chat-input/s-chat-input.d.ts

@@ -19,8 +19,5 @@ export interface SChatInputProps extends Omit<STextFieldProps, 'onSubmit'> {
     /** Hide the file attachment button */
     hideFileAttachment?: boolean;
 }
-/**
- * A chat input component with file attachment support, emoji picker, and multiline text input.
- */
 export declare const SChatInput: React.ForwardRefExoticComponent<Omit<SChatInputProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SChatInput;

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

@@ -44,8 +44,5 @@ export interface SChatMessageProps extends Omit<BoxProps, 'children'> {
     /** Whether to show skeleton loading state instead of content */
     loading?: boolean;
 }
-/**
- * A comprehensive chat message component for conversation interfaces with support for text, images, and file attachments.
- */
 export declare const SChatMessage: React.FC<SChatMessageProps>;
 export default SChatMessage;

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

@@ -8,8 +8,5 @@ export interface SCheckboxProps extends Omit<CheckboxProps, 'content'> {
     /** Content displayed as a clickable label next to the checkbox */
     content?: string | React.ReactNode;
 }
-/**
- * A checkbox component with integrated label support and proper accessibility.
- */
 export declare const SCheckbox: React.ForwardRefExoticComponent<Omit<SCheckboxProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default SCheckbox;

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

@@ -4,8 +4,5 @@ import { ChipProps } from '@mui/material';
  * Props interface for SChip component
  */
 export type SChipProps = ChipProps;
-/**
- * A versatile chip component for displaying compact elements like tags, filters, or user selections.
- */
 export declare const SChip: React.ForwardRefExoticComponent<Omit<SChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SChip;

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

@@ -12,7 +12,6 @@ export interface SChipsProps {
     /** Text used in overflow chip (default: 'keywords') */
     overflowText?: string;
 }
-/** A smart chip display component that handles overflow with intelligent truncation. */
 export declare const SChips: {
     ({ chips, overflow, onClick, overflowText, }: SChipsProps): React.JSX.Element;
     displayName: string;

package/dist/s-code-block/s-code-block.d.ts

@@ -26,9 +26,6 @@ export interface SCodeBlockProps {
     /** Callback function triggered after code is successfully copied */
     onCopied?: () => void;
 }
-/**
- * A code block component with syntax highlighting and built-in copy-to-clipboard functionality.
- */
 export declare const SCodeBlock: {
     ({ code, language, showLineNumbers, showCopyButton, customStyle, onCopied, }: SCodeBlockProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;

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

@@ -43,8 +43,5 @@ export interface SCommentMessageProps {
     /** Material-UI sx prop for custom styling */
     sx?: SxProps;
 }
-/**
- * A comprehensive comment message component with avatar display, user information, relative timestamps, like functionality, and nested reply support.
- */
 export declare const SCommentMessage: React.FC<SCommentMessageProps>;
 export default SCommentMessage;

package/dist/s-copyable-text/s-copyable-text.d.ts

@@ -12,9 +12,6 @@ export interface SCopyableTextProps {
     /** Props to pass to the Paper component container */
     paperProps?: PaperProps;
 }
-/**
- * A text display component with built-in copy-to-clipboard functionality and visual feedback.
- */
 export declare const SCopyableText: {
     ({ text, typographyProps, onCopied, paperProps }: SCopyableTextProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;

package/dist/s-countdown/s-count-box.d.ts

@@ -29,9 +29,6 @@ export interface SCountBoxProps {
     /** Whether this count box is hidden */
     hidden?: boolean;
 }
-/**
- * An individual count box component that displays a single time unit with optional animations.
- */
 export declare const SCountBox: {
     ({ digit, title, size, color, animation, sx, digitSx, titleSx, showSeparator, separator, digitFormat, hidden, }: SCountBoxProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;

package/dist/s-countdown/s-count-down.d.ts

@@ -69,9 +69,6 @@ export interface SCountDownProps {
         xl?: SCountDownSize;
     };
 }
-/**
- * A comprehensive countdown timer component with extensive customization options, animations, and accessibility features.
- */
 export declare const SCountdown: {
     ({ expireDate, size, color, layout, animation, showSeparators, separator, units, labels, digitFormat, onComplete, onTick, onStart, completedText, autoHideZeroUnits, sx, "aria-label": ariaLabel, paused, responsive, }: SCountDownProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/s-data-table/s-data-table.d.ts

@@ -48,9 +48,6 @@ export interface SDataTableProps<TRowModel> extends Omit<TableProps, 'onClick'>
     /** Function to extract unique ID from row data */
     uniqueRowId?: (row: TRowModel) => RowId;
 }
-/**
- * An advanced data table component with row selection, custom column formatting, and empty state handling.
- */
 export declare const SDataTable: {
     <TRowModel extends object & {
         id?: RowId | null;

package/dist/s-date-picker/s-date-picker.d.ts

@@ -15,9 +15,6 @@ export interface SDatePickerProps extends DatePickerProps {
     /** Help text shown in tooltip next to the label */
     hint?: string;
 }
-/**
- * A standardized date picker component that wraps Material-UI X DatePicker with consistent form labeling.
- */
 export declare const SDatePicker: {
     ({ label, required, error, htmlFor, hint, ...props }: SDatePickerProps): React.JSX.Element;
     displayName: string;

package/dist/s-date-picker/s-date-picker.js

@@ -1,10 +1,10 @@
 import { j as c } from "../jsx-runtime-tc70JA_2.js";
 import { useTheme as I, TextField as z } from "@mui/material";
 import { SForm as L } from "../s-form/s-form.js";
-import { _ as P, a as s } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
+import { _ as D, a as s } from "../objectWithoutPropertiesLoose-DiWPeE4c.js";
 import * as f from "react";
 import { P as e } from "../createTheme-DgoJyWM-.js";
-import { g as U, a as Y, u as O, b as q, c as Q, d as B, r as T, e as H, P as $, f as K, h as Z, i as G, j as J, k as X, l as ee, m as oe, C as te, n as m, o as p, p as M, q as F, s as se, v as R, t as N, w as ae, D as ne, x as re } from "../useMobilePicker-B-bNHHXB.js";
+import { g as U, a as Y, u as O, b as q, c as B, d as Q, r as T, e as H, P as $, f as K, h as Z, i as G, j as J, k as X, l as ee, m as oe, C as te, n as m, o as p, p as M, q as F, s as se, v as R, t as N, w as ae, D as ne, x as re } from "../useMobilePicker-B-bNHHXB.js";
 import { u as y } from "../warning-Ba-7BBAN.js";
 import { c as le } from "../clsx-OuTLNxxd.js";
 import { s as C } from "../styled-8Y5KoVix.js";
@@ -40,19 +40,19 @@ const de = ["toolbarFormat", "toolbarPlaceholder", "className", "classes"], ue =
     toolbarPlaceholder: r = "––",
     className: i,
     classes: d
-  } = n, u = P(n, de), b = O(), {
-    value: D,
+  } = n, u = D(n, de), b = O(), {
+    value: P,
     views: v,
     orientation: E
-  } = q(), V = Q(), _ = B(), w = ue(d), A = f.useMemo(() => {
-    if (!b.isValid(D))
+  } = q(), V = B(), _ = Q(), w = ue(d), A = f.useMemo(() => {
+    if (!b.isValid(P))
       return r;
     const W = T(b, {
       format: o,
       views: v
     }, !0);
-    return b.formatByString(D, W);
-  }, [D, o, r, b, v]);
+    return b.formatByString(P, W);
+  }, [P, o, r, b, v]);
   return /* @__PURE__ */ c.jsx(fe, s({
     ref: t,
     toolbarTitle: V.datePickerToolbarTitle,
@@ -131,7 +131,7 @@ const be = (l) => {
   }), {
     slots: o,
     slotProps: r
-  } = n, i = P(n, me), d = X({
+  } = n, i = D(n, me), d = X({
     slotProps: r,
     ref: t,
     externalForwardedProps: i
@@ -1136,7 +1136,7 @@ const ye = ["desktopModeMediaQuery"], x = /* @__PURE__ */ f.forwardRef(function(
     name: "MuiDatePicker"
   }), {
     desktopModeMediaQuery: o = ne
-  } = n, r = P(n, ye);
+  } = n, r = D(n, ye);
   return re(o, {
     defaultMatches: !0
   }) ? /* @__PURE__ */ c.jsx(k, s({
@@ -1492,6 +1492,10 @@ const he = ({
         // Allow user to override slots if needed
       },
       slotProps: {
+        openPickerButton: {
+          edge: "end",
+          sx: { my: -1 }
+        },
         popper: {
           sx: {
             "& .MuiPaper-root": {

package/dist/s-datetime-picker/s-datetime-picker.d.ts

@@ -16,9 +16,6 @@ export interface SDateTimePickerProps extends DateTimePickerProps {
     /** Help text shown in tooltip next to the label */
     hint?: string;
 }
-/**
- * A standardized date and time picker component that wraps Material-UI X DateTimePicker with consistent form labeling.
- */
 export declare const SDateTimePicker: {
     ({ label, required, error, htmlFor, hint, ...props }: SDateTimePickerProps): React.JSX.Element;
     displayName: string;