@solostylist/ui-kit 1.0.202 → 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-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;

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

@@ -23,8 +23,5 @@ export interface SDialogProps {
     /** Whether to show the close button in the title bar */
     showClose?: boolean;
 }
-/**
- * A flexible dialog component that wraps Material-UI Dialog with enhanced form support and customization.
- */
 export declare const SDialog: React.ForwardRefExoticComponent<SDialogProps & React.RefAttributes<HTMLDivElement>>;
 export default SDialog;

package/dist/s-dialog-confirm/s-dialog-confirm.d.ts

@@ -21,9 +21,6 @@ export interface SDialogConfirmProps {
     /** Whether the dialog is in loading state (disables buttons) */
     loading?: boolean;
 }
-/**
- * A confirmation dialog component with Cancel/Confirm actions and loading state support.
- */
 export declare const SDialogConfirm: {
     ({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, }: SDialogConfirmProps): React.JSX.Element;
     displayName: string;
@@ -55,14 +52,6 @@ export interface DialogConfirmContextProps {
     /** Function to set loading state */
     setLoading: React.Dispatch<React.SetStateAction<boolean>>;
 }
-/**
- * Provider component that manages a global confirmation dialog.
- * This enables any component in the app to trigger confirmation dialogs
- * without managing dialog state locally.
- *
- * @param children - Child components that can use the dialog context
- * @returns JSX.Element - Provider with dialog management and rendered dialog
- */
 export declare const DialogConfirmProvider: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -19,7 +19,6 @@ export interface SDialogMessageProps {
     /** Whether to show the close button in the title bar */
     showClose?: boolean;
 }
-/** A simple message dialog component for displaying informational messages that require user acknowledgment. */
 export declare const SDialogMessage: {
     ({ title, content, onClose, onOk, open, maxWidth, showClose, }: SDialogMessageProps): React.JSX.Element;
     displayName: string;
@@ -47,14 +46,6 @@ export interface DialogMessageContextProps {
     /** Current open state of the dialog */
     open: boolean;
 }
-/**
- * Provider component that manages a global message dialog.
- * This enables any component in the app to display informational messages
- * without managing dialog state locally.
- *
- * @param children - Child components that can use the dialog context
- * @returns JSX.Element - Provider with dialog management and rendered dialog
- */
 export declare const DialogMessageProvider: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -6,7 +6,6 @@ export interface SEmptyProps {
     /** Custom text to display (defaults to 'No data available.') */
     title?: string;
 }
-/** A simple component for displaying empty states in lists, tables, or data containers. */
 export declare const SEmpty: {
     ({ title }: SEmptyProps): React.JSX.Element;
     displayName: string;

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

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-/** A standardized error display component for 500 Internal Server Error states. */
 export declare const SError: {
     (): React.JSX.Element;
     displayName: string;

package/dist/s-error-layout/s-error-layout.d.ts

@@ -51,7 +51,6 @@ export interface SErrorLayoutProps {
     /** Custom content to render instead of the button */
     customActions?: ReactNode;
 }
-/** A full-screen error layout component for displaying error pages with customizable content and styling. */
 export declare const SErrorLayout: {
     ({ imageSrc, imageAlt, title, description, buttonText, imageWidth, imageHeight, maxWidth, height, py, spacing, titleVariant, descriptionVariant, buttonVariant, buttonColor, containerSx, imageContainerSx, contentSx, titleSx, descriptionSx, buttonContainerSx, buttonProps, hideImage, customActions, }: SErrorLayoutProps): React.JSX.Element;
     displayName: string;

package/dist/s-file-dropzone/s-file-dropzone.d.ts

@@ -30,7 +30,6 @@ export interface SFileDropzoneProps extends DropzoneOptions {
     /** Whether to show the 'Remove all' button */
     isShowBtnRemoveAll?: boolean;
 }
-/** A file dropzone component with drag-and-drop, file management, and form integration. */
 export declare const SFileDropzone: {
     ({ hint, label, error, onRemoveAll, onRemove, required, isShowBtnRemoveAll, ...props }: SFileDropzoneProps): React.JSX.Element;
     displayName: string;

package/dist/s-file-icon/s-file-icon.d.ts

@@ -6,7 +6,6 @@ export interface SFileIconProps {
     /** File extension (without dot) to determine which icon to display */
     extension?: string;
 }
-/** A file type icon component that displays appropriate icons based on file extensions. */
 export declare const SFileIcon: {
     ({ extension }: SFileIconProps): React.JSX.Element;
     displayName: string;

package/dist/s-flex-box/s-flex-box.d.ts

@@ -3,9 +3,6 @@ import { BoxProps } from '@mui/material/Box';
  * Props interface for SFlexBox component
  */
 export type SFlexBoxProps = BoxProps;
-/**
- * A flex container component that defaults display to flex with all Material-UI Box capabilities.
- */
 export declare const SFlexBox: {
     ({ children, ...props }: SFlexBoxProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -15,7 +15,6 @@ export interface SFormProps {
     /** HTML 'for' attribute to associate label with input element */
     htmlFor?: string;
 }
-/** A form wrapper component that provides consistent labeling, error handling, and help text. */
 export declare const SForm: {
     ({ label, hint, error, required, children, htmlFor }: SFormProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -12,22 +12,6 @@ export type MediaItemProps = {
     /** Click handler */
     onClick?: () => void;
 };
-/**
- * MediaItem - Renders individual media items (images or videos) with optimized loading and playback.
- *
- * For videos:
- * - Intersection Observer for viewport-based autoplay/pause
- * - Buffering state management with loading indicator
- * - Muted autoplay with loop for engagement
- * - Preloading for smooth playback
- *
- * For images:
- * - Lazy loading via SLazyImage component
- * - Optimized object-fit handling
- *
- * @param props - MediaItemProps with item data and handlers
- * @returns JSX.Element - Rendered media item
- */
 export declare const MediaItem: React.FC<MediaItemProps>;
 /**
  * Built-in layout variants for the gallery
@@ -46,8 +30,5 @@ export interface SGalleryProps {
     /** Number of skeleton items to show when loading (default: 6) */
     skeletonCount?: number;
 }
-/**
- * A sophisticated media gallery with drag-and-drop reordering, modal viewing, and multiple layout variants.
- */
 export declare const SGallery: React.FC<SGalleryProps>;
 export default SGallery;

package/dist/s-gradient-icon/s-gradient-icon.d.ts

@@ -50,7 +50,6 @@ export interface SGradientIconProps extends SvgIconProps {
     /** Fallback color when gradient is not shown */
     fallbackColor?: string;
 }
-/** A customizable icon component that applies gradient effects with multiple themes and animations. */
 export declare const SGradientIcon: {
     ({ hovered, IconComponent, sx, strokeWidth, gradientTheme, customGradient, gradientDirection, animationDuration, animationEasing, autoHover, gradientId, alwaysGradient, fallbackColor, ...props }: SGradientIconProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;

package/dist/s-i18n-provider/s-i18n-provider.d.ts

@@ -8,7 +8,6 @@ export interface SI18nProviderProps {
     /** Language code to set as active (default: 'en') */
     language?: string;
 }
-/** Internationalization provider component with dynamic language switching support. */
 export declare const SI18nProvider: {
     ({ children, language }: SI18nProviderProps): React.JSX.Element;
     displayName: string;

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

@@ -7,9 +7,6 @@ export interface SIconButtonProps extends IconButtonProps {
     /** Optional tooltip configuration (excludes 'children' which is handled internally) */
     tooltipOptions?: Omit<TooltipProps, 'children'>;
 }
-/**
- * An enhanced icon button component with optional tooltip integration.
- */
 export declare const SIconButton: {
     ({ tooltipOptions, ...props }: SIconButtonProps): React.JSX.Element;
     displayName: string;

package/dist/s-image-comparison/s-image-comparison.js

@@ -2,15 +2,15 @@ import { j as t } from "../jsx-runtime-tc70JA_2.js";
 import * as o from "react";
 import { C as A } from "../ChevronLeft-BmgmPHp9.js";
 import { C as z } from "../ChevronRight-DbWSr8yz.js";
-import { Box as s, IconButton as D } from "@mui/material";
+import { Box as i, IconButton as D } from "@mui/material";
 import E from "../s-lazy-image/s-lazy-image.js";
 const F = o.forwardRef(
   ({ sx: C, leftImage: u, rightImage: I, altLeft: d = "Left image", altRight: L = "Right image", initialPosition: S = 50, ...k }, a) => {
-    const m = Array.isArray(u) ? u : [u], f = Array.isArray(d) ? d : [d], [l, M] = o.useState(0), [r, P] = o.useState(S), [n, b] = o.useState(!1), p = o.useRef(null), R = m.length > 1, y = (e) => {
-      if (!p.current) return;
-      const i = p.current.getBoundingClientRect();
-      let x = (e - i.left) / i.width * 100;
-      x = Math.max(0, Math.min(100, x)), P(x);
+    const p = Array.isArray(u) ? u : [u], v = Array.isArray(d) ? d : [d], [l, M] = o.useState(0), [r, P] = o.useState(S), [n, b] = o.useState(!1), m = o.useRef(null), R = p.length > 1, y = (e) => {
+      if (!m.current) return;
+      const s = m.current.getBoundingClientRect();
+      let f = (e - s.left) / s.width * 100;
+      f = Math.max(0, Math.min(100, f)), P(f);
     }, h = o.useCallback(
       (e) => {
         n && y(e.clientX);
@@ -25,14 +25,14 @@ const F = o.forwardRef(
       b(!0);
     }, c = () => {
       b(!1);
-    }, v = r === 0 || r === 100;
+    }, x = r === 0 || r === 100;
     return o.useEffect(() => (n ? (document.addEventListener("mousemove", h), document.addEventListener("touchmove", g), document.addEventListener("mouseup", c), document.addEventListener("touchend", c), document.body.style.cursor = "ew-resize") : document.body.style.cursor = "", () => {
       document.removeEventListener("mousemove", h), document.removeEventListener("touchmove", g), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), document.body.style.cursor = "";
     }), [n, h, g]), /* @__PURE__ */ t.jsxs(
-      s,
+      i,
       {
         ref: (e) => {
-          p.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+          m.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
         },
         sx: {
           position: "relative",
@@ -63,7 +63,7 @@ const F = o.forwardRef(
             }
           ),
           /* @__PURE__ */ t.jsx(
-            s,
+            i,
             {
               sx: {
                 position: "absolute",
@@ -77,8 +77,8 @@ const F = o.forwardRef(
               children: /* @__PURE__ */ t.jsx(
                 E,
                 {
-                  src: m[l],
-                  alt: f[l] ?? f[0],
+                  src: p[l],
+                  alt: v[l] ?? v[0],
                   style: {
                     width: "100%",
                     height: "100%",
@@ -90,7 +90,7 @@ const F = o.forwardRef(
             }
           ),
           R && /* @__PURE__ */ t.jsx(
-            s,
+            i,
             {
               sx: {
                 position: "absolute",
@@ -107,33 +107,33 @@ const F = o.forwardRef(
               },
               onClick: (e) => e.stopPropagation(),
               onMouseDown: (e) => e.stopPropagation(),
-              children: m.map((e, i) => /* @__PURE__ */ t.jsx(
-                s,
+              children: p.map((e, s) => /* @__PURE__ */ t.jsx(
+                i,
                 {
                   onClick: (j) => {
-                    j.stopPropagation(), M(i);
+                    j.stopPropagation(), M(s);
                   },
                   sx: {
                     width: 8,
                     height: 8,
                     borderRadius: "50%",
-                    bgcolor: l === i ? "primary.main" : "whiteAlpha.medium",
+                    bgcolor: l === s ? "primary.main" : "whiteAlpha.medium",
                     cursor: "pointer",
                     boxShadow: 1,
                     backdropFilter: "blur(4px)",
                     transition: "all 0.2s",
                     "&:hover": {
                       transform: "scale(1.2)",
-                      bgcolor: l === i ? "primary.main" : "whiteAlpha.dark"
+                      bgcolor: l === s ? "primary.main" : "whiteAlpha.dark"
                     }
                   }
                 },
-                i
+                s
               ))
             }
           ),
           /* @__PURE__ */ t.jsxs(
-            s,
+            i,
             {
               sx: {
                 position: "absolute",
@@ -145,7 +145,7 @@ const F = o.forwardRef(
               },
               children: [
                 /* @__PURE__ */ t.jsx(
-                  s,
+                  i,
                   {
                     sx: {
                       position: "absolute",
@@ -165,16 +165,17 @@ const F = o.forwardRef(
                       left: "50%",
                       transform: "translate(-50%, -50%)",
                       cursor: "ew-resize",
-                      ...v ? {
+                      ...x ? {
                         width: 48,
                         height: 48,
                         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"
                       } : {},
                       transition: "all 0.3s ease-in-out",
                       "&:hover": {
-                        bgcolor: v ? "divider" : "transparent"
+                        bgcolor: x ? "rgba(255,255,255,0.4)" : "transparent"
                       }
                     },
                     role: "slider",
@@ -186,7 +187,7 @@ const F = o.forwardRef(
                     onClick: (e) => {
                       e.preventDefault(), e.stopPropagation();
                     },
-                    children: v && /* @__PURE__ */ t.jsxs(s, { sx: { display: "flex", alignItems: "center" }, children: [
+                    children: x && /* @__PURE__ */ t.jsxs(i, { sx: { display: "flex", alignItems: "center" }, children: [
                       /* @__PURE__ */ t.jsx(A, {}),
                       /* @__PURE__ */ t.jsx(z, {})
                     ] })

package/dist/s-image-modal/s-image-modal.d.ts

@@ -44,9 +44,6 @@ export interface SImageModalProps {
     /** Custom modal styling */
     modalSx?: ModalProps['sx'];
 }
-/**
- * Default MediaItem renderer for images and videos
- */
 export declare const DefaultMediaItem: React.FC<{
     item: MediaItemType;
     onClick?: () => void;
@@ -54,6 +51,5 @@ export declare const DefaultMediaItem: React.FC<{
     objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
     disableVideoControls?: boolean;
 }>;
-/** A reusable full-screen modal for displaying media items with navigation features. */
 export declare const SImageModal: React.FC<SImageModalProps>;
 export default SImageModal;

package/dist/s-item-not-found/s-item-not-found.d.ts

@@ -13,9 +13,6 @@ export interface SItemNotFoundProps {
     /** Props to pass to the SLazyImage component for advanced image configuration */
     lazyImageProps?: Omit<SLazyImageProps, 'src'>;
 }
-/**
- * A flexible empty state component that displays a custom message with an accompanying image.
- */
 export declare const SItemNotFound: {
     ({ message, image, boxProps, lazyImageProps }: SItemNotFoundProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -14,9 +14,6 @@ export interface SLabelProps {
     /** Custom styles using Material-UI sx prop for layout customization */
     sx?: SxProps<Theme>;
 }
-/**
- * An enhanced label component that provides structured labeling with optional hints and tooltips.
- */
 export declare const SLabel: {
     ({ label, children, hint, sx }: SLabelProps): React.JSX.Element;
     displayName: string;

package/dist/s-language-switcher/s-language-switcher.d.ts

@@ -41,9 +41,6 @@ export interface SLanguageSwitcherProps {
     /** Whether to use i18n integration */
     useI18n?: boolean;
 }
-/**
- * A language switcher component with flag icons and dropdown menu.
- */
 export declare const SLanguageSwitcher: {
     ({ languages, onLanguageChange, currentLanguage, tooltipText, buttonFlagSize, menuFlagSize, menuWidth, sx, useI18n, }: SLanguageSwitcherProps): React.JSX.Element;
     displayName: string;

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

@@ -27,9 +27,6 @@ export interface SLinkProps {
     /** Click handler for the link */
     onClick?: LinkProps['onClick'];
 }
-/**
- * A flexible link component that combines text and a clickable link element.
- */
 export declare const SLink: {
     ({ onClick, beforeText, afterText, mainText, href, component, target, color, linkColor, variant, lineHeight, }: SLinkProps): React.JSX.Element;
     displayName: string;

package/dist/s-localization-provider/s-localization-provider.d.ts

@@ -6,7 +6,6 @@ export interface SLocalizationProviderProps {
     /** Child components that will have access to date localization */
     children: React.ReactNode;
 }
-/** Localization provider for Material-UI date picker components. */
 export declare const SLocalizationProvider: {
     ({ children }: SLocalizationProviderProps): React.JSX.Element;
     displayName: string;

package/dist/s-moving-border/s-moving-border.d.ts

@@ -15,8 +15,5 @@ export interface SMovingBorderProps extends BoxProps {
     /** Content to render inside the moving border container */
     readonly children: React.ReactNode;
 }
-/**
- * An animated border effect component that creates smooth moving light effects around the element perimeter.
- */
 export declare const SMovingBorder: React.FC<SMovingBorderProps>;
 export default SMovingBorder;

package/dist/s-multi-select/s-multi-select.d.ts

@@ -19,7 +19,6 @@ export interface SMultiSelectProps<T = string> {
     /** Additional props to pass to the chips component */
     chipProps?: Omit<SChipsProps, 'chips'>;
 }
-/** A multi-selection dropdown component that displays selected items as chips. */
 export declare const SMultiSelect: {
     <T = string>({ label, onChange, options, value, chipProps, }: SMultiSelectProps<T>): React.JSX.Element;
     displayName: string;

package/dist/s-no-ssr/s-no-ssr.d.ts

@@ -10,7 +10,6 @@ export interface SNoSsrProps {
     /** Content to show during server-side rendering or while loading */
     fallback?: React.ReactNode;
 }
-/** Component that prevents server-side rendering of its children. */
 export declare const SNoSsr: {
     (props: SNoSsrProps): React.JSX.Element;
     displayName: string;

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

@@ -11,8 +11,5 @@ export interface SOverlayScrollbarProps extends PropsWithChildren {
     /** Material-UI sx prop for custom styling */
     sx?: SxProps<Theme>;
 }
-/**
- * A custom scrollbar component with overlay styling, auto-hide functionality, and smooth animations.
- */
 export declare const SOverlayScrollbar: import('react').ForwardRefExoticComponent<SOverlayScrollbarProps & import('react').RefAttributes<import('overlayscrollbars-react').OverlayScrollbarsComponentRef<import('react').ElementType<any, keyof import("react").JSX.IntrinsicElements>>>>;
 export default SOverlayScrollbar;

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

@@ -9,9 +9,6 @@ export interface SPaginationProps extends PaginationProps {
     /** Total number of pages - component returns empty fragment when 0 */
     count?: number;
 }
-/**
- * Enhanced pagination component with responsive sizing and loading states.
- */
 export declare const SPagination: {
     ({ loading, count, ...props }: SPaginationProps): React.JSX.Element;
     displayName: string;

package/dist/s-pixel-reveal/s-pixel-reveal.d.ts

@@ -20,8 +20,5 @@ export interface SPixelRevealProps extends Omit<React.HTMLAttributes<HTMLDivElem
     /** If true, all pixels appear immediately without wave/delay effect */
     instant?: boolean;
 }
-/**
- * An animated pixel effect component that creates a dynamic canvas overlay with customizable pixel animations.
- */
 export declare const SPixelReveal: React.ForwardRefExoticComponent<SPixelRevealProps & React.RefAttributes<HTMLDivElement>>;
 export default SPixelReveal;

package/dist/s-radial-pulse-animate/s-radial-pulse-animate.d.ts

@@ -17,8 +17,5 @@ export interface SRadialPulseAnimateProps {
         max: number;
     };
 }
-/**
- * A loading animation component that creates a pulsing radial effect with expanding ripples and floating particles.
- */
 export declare const SRadialPulseAnimate: React.FC<SRadialPulseAnimateProps>;
 export default SRadialPulseAnimate;

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

@@ -4,8 +4,5 @@ import { RatingProps } from '@mui/material';
  * Props interface for SRating component
  */
 export type SRatingProps = RatingProps;
-/**
- * A star rating component that allows users to provide feedback and ratings.
- */
 export declare const SRating: React.ForwardRefExoticComponent<Omit<SRatingProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default SRating;

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

@@ -42,8 +42,5 @@ export interface SReviewProps {
     /** MUI sx prop for custom styling */
     sx?: SxProps;
 }
-/**
- * A comprehensive review component that displays user reviews with avatar, name, rating, content, and helpful voting system.
- */
 export declare const SReview: React.FC<SReviewProps>;
 export default SReview;

package/dist/s-scroll-reveal/s-scroll-reveal.d.ts

@@ -30,8 +30,5 @@ export interface SScrollRevealProps extends Omit<BoxProps, 'children'> {
     /** Delay between staggered child animations in seconds (default: 0.1) */
     staggerDelay?: number;
 }
-/**
- * A scroll-triggered animation component that reveals content with smooth animations when elements enter the viewport.
- */
 export declare const SScrollReveal: React.FC<SScrollRevealProps>;
 export default SScrollReveal;

package/dist/s-scroll-to-top/s-scroll-to-top.d.ts

@@ -15,8 +15,5 @@ export interface SScrollToTopProps {
     /** System prop for custom styling */
     sx?: SxProps<Theme>;
 }
-/**
- * A floating button that appears when the user scrolls down and allows them to quickly return to the top.
- */
 export declare const SScrollToTop: React.MemoExoticComponent<({ onClick, scrollElementId, threshold, icon, sx }: SScrollToTopProps) => import("react/jsx-runtime").JSX.Element>;
 export default SScrollToTop;

package/dist/s-scroll-velocity/s-scroll-velocity.d.ts

@@ -11,12 +11,6 @@ export interface SScrollVelocityProps extends BoxProps {
     /** Scroll direction: 1 for right, -1 for left (default: 1) */
     direction?: 1 | -1;
 }
-/**
- * A scroll-velocity based marquee component that automatically scrolls horizontally and responds to page scroll velocity.
- * Perfect for displaying logos, features, testimonials, or any repeating content in an engaging way.
- *
- * The component automatically duplicates content to create a seamless infinite scroll effect and adjusts speed based on page scroll velocity.
- */
 export declare const SScrollVelocity: {
     ({ children, baseVelocity, direction, sx, ...props }: SScrollVelocityProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/s-scroll-velocity/scroll-velocity-container.d.ts

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
 import { BoxProps } from '@mui/material';
 import { MotionValue } from 'framer-motion';
-/**
- * Context for sharing scroll velocity across multiple rows
- */
 export declare const ScrollVelocityContext: React.Context<MotionValue<number> | null>;
 /**
  * Props for the ScrollVelocityContainer component
@@ -12,9 +9,5 @@ export interface ScrollVelocityContainerProps extends BoxProps {
     /** Content to render inside the container */
     readonly children: React.ReactNode;
 }
-/**
- * Container component that provides scroll velocity context to child rows.
- * Use this to synchronize multiple ScrollVelocityRow components.
- */
 export declare function ScrollVelocityContainer({ children, sx, ...props }: ScrollVelocityContainerProps): import("react/jsx-runtime").JSX.Element;
 export default ScrollVelocityContainer;

package/dist/s-scroll-velocity/scroll-velocity-row.d.ts

@@ -19,9 +19,5 @@ export interface ScrollVelocityRowProps extends BoxProps {
     /** Scroll direction: 1 for right, -1 for left (default: 1) */
     readonly direction?: 1 | -1;
 }
-/**
- * A horizontal scrolling row component that responds to page scroll velocity.
- * Can be used standalone or inside ScrollVelocityContainer for synchronized scrolling.
- */
 export declare function ScrollVelocityRow(props: ScrollVelocityRowProps): import("react/jsx-runtime").JSX.Element;
 export default ScrollVelocityRow;

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

@@ -33,8 +33,5 @@ export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'err
     /** Custom render function for options */
     renderOption?: (option: T) => ReactNode;
 };
-/**
- * A flexible select component that handles both primitive and object options with form integration.
- */
 export declare const SSelect: import('react').ForwardRefExoticComponent<Omit<SSelectProps<BaseOption>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SSelect;

package/dist/s-select-list/s-select-list.d.ts

@@ -20,9 +20,6 @@ export interface SSelectListProps<T = unknown> {
     /** Whether to show a radio button (default: true) */
     showRadio?: boolean;
 }
-/**
- * A selectable list component with radio buttons and optional expandable content.
- */
 export declare const SSelectList: {
     <T>({ items, selectedId, onSelect, renderItem, renderBelow, showRadio, }: SSelectListProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -15,9 +15,6 @@ export interface SSkeletonProps extends Omit<SkeletonProps, 'variant' | 'height'
     /** Pre-defined component preset for common UI elements */
     component?: 'button' | 'checkbox' | 'radio-button' | 'avatar' | 'rounded-avatar' | 'icon-button' | 'typography' | 'title-typography';
 }
-/**
- * An enhanced skeleton loading component with pre-defined component presets for consistent loading states.
- */
 export declare const SSkeleton: {
     ({ variant, width, height, fontSize, component, ...props }: SSkeletonProps): React.JSX.Element;
     displayName: string;

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

@@ -15,9 +15,6 @@ export interface SSnackbarMessageProps {
     /** Additional props passed to the Alert component */
     alertProps?: AlertProps;
 }
-/**
- * A notification snackbar component that displays temporary messages with Material-UI Alert styling.
- */
 export declare const SSnackbarMessage: {
     ({ message, onClose, open, snackbarProps, alertProps, }: SSnackbarMessageProps): React.JSX.Element;
     displayName: string;
@@ -52,9 +49,6 @@ export interface SnackbarMessageContextProps {
     /** Current open state of the snackbar */
     open: boolean;
 }
-/**
- * Provider component that manages a global snackbar notification system.
- */
 export declare const SnackbarMessageProvider: ({ children }: {
     children: React.ReactNode;
 }) => React.JSX.Element;

package/dist/s-spotlight-cursor/s-spotlight-cursor.d.ts

@@ -19,9 +19,6 @@ export interface SSpotlightCursorProps extends HTMLAttributes<HTMLCanvasElement>
     /** Configuration object for spotlight appearance and behavior */
     config?: SpotlightConfig;
 }
-/**
- * Creates an interactive spotlight effect that follows the mouse cursor.
- */
 export declare const SSpotlightCursor: {
     ({ config, className, ...props }: SSpotlightCursorProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/s-stripe/s-stripe-cvc.d.ts

@@ -1,6 +1,5 @@
 import { CardCvcElement } from '@stripe/react-stripe-js';
 import { StripeTextFieldProps } from './s-stripe';
-/** Card security code (CVC/CVV) input field with Stripe integration. */
 export declare function SStripeCVC(props: Readonly<StripeTextFieldProps<typeof CardCvcElement>>): import("react/jsx-runtime").JSX.Element;
 export declare namespace SStripeCVC {
     var displayName: string;

package/dist/s-stripe/s-stripe-expiry.d.ts

@@ -1,6 +1,5 @@
 import { CardExpiryElement } from '@stripe/react-stripe-js';
 import { StripeTextFieldProps } from './s-stripe';
-/** Card expiration date input field with Stripe integration. */
 export declare function SStripeExpiry(props: Readonly<StripeTextFieldProps<typeof CardExpiryElement>>): import("react/jsx-runtime").JSX.Element;
 export declare namespace SStripeExpiry {
     var displayName: string;

package/dist/s-stripe/s-stripe-number.d.ts

@@ -1,6 +1,5 @@
 import { CardNumberElement } from '@stripe/react-stripe-js';
 import { StripeTextFieldProps } from './s-stripe';
-/** Card number input field with Stripe integration. */
 export declare function SStripeNumber(props: Readonly<StripeTextFieldProps<typeof CardNumberElement>>): import("react/jsx-runtime").JSX.Element;
 export declare namespace SStripeNumber {
     var displayName: string;

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

@@ -19,7 +19,6 @@ export interface StripeTextFieldProps<T extends StripeElement> extends Omit<STex
     /** The Stripe Element component to render */
     stripeElement?: T;
 }
-/** Generic Stripe text field component that integrates Stripe Elements with Material-UI styling. */
 export declare const StripeTextField: {
     <T extends StripeElement>(props: StripeTextFieldProps<T>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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

@@ -8,9 +8,5 @@ export interface SSwitchProps extends Omit<SwitchProps, 'content'> {
     /** Content displayed as a clickable label next to the switch */
     content?: string | React.ReactNode;
 }
-/**
- * A toggle switch component with integrated label support and proper accessibility.
- * Built on Material-UI Switch with consistent theming.
- */
 export declare const SSwitch: React.ForwardRefExoticComponent<Omit<SSwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 export default SSwitch;

package/dist/s-tabs/s-tab-panel.d.ts

@@ -13,8 +13,5 @@ export interface STabPanelProps extends BoxProps {
     /** Keep the panel mounted in the DOM when not active */
     keepMounted?: boolean;
 }
-/**
- * Individual tab content panel component with advanced mounting controls.
- */
 export declare const STabPanel: React.ForwardRefExoticComponent<Omit<STabPanelProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default STabPanel;

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

@@ -34,8 +34,5 @@ export interface STabItem {
     /** Additional props passed to the underlying Material-UI Tab component */
     tabProps?: Omit<TabProps, 'label' | 'value' | 'disabled' | 'icon' | 'iconPosition' | 'wrapped'>;
 }
-/**
- * A flexible tabs component system built on Material-UI Tabs.
- */
 export declare const STabs: React.ForwardRefExoticComponent<Omit<STabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default STabs;

package/dist/s-text-editor/s-text-editor-toolbar.d.ts

@@ -7,33 +7,4 @@ export interface STextEditorToolbarProps {
     /** The Tiptap editor instance - null when editor is not yet initialized */
     editor: Editor | null;
 }
-/**
- * Rich text editor toolbar component with comprehensive formatting controls
- *
- * Provides a full-featured toolbar for text formatting including:
- * - Text styles: paragraph, headings (H1-H6)
- * - Format options: bold, italic, strikethrough
- * - Lists: bulleted and numbered
- * - Code blocks
- * - Link management with popover interface
- *
- * The toolbar dynamically enables/disables controls based on editor capabilities
- * and current selection context. Link editing is handled through a popover with
- * URL input field.
- *
- * @param editor - The Tiptap editor instance (null during initialization)
- * @returns JSX element containing the complete editor toolbar
- *
- * @example
- * ```tsx
- * const editor = useEditor({ extensions: [...] });
- *
- * return (
- *   <div>
- *     <STextEditorToolbar editor={editor} />
- *     <EditorContent editor={editor} />
- *   </div>
- * );
- * ```
- */
 export declare const STextEditorToolbar: ({ editor }: STextEditorToolbarProps) => React.JSX.Element;

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

@@ -15,9 +15,6 @@ export interface STextEditorProps {
     /** Placeholder text shown when editor is empty */
     placeholder?: string;
 }
-/**
- * A powerful rich text editor built on Tiptap with an integrated toolbar.
- */
 export declare const STextEditor: {
     ({ content, editable, hideToolbar, onUpdate, placeholder, }: STextEditorProps): React.JSX.Element;
     displayName: string;

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

@@ -15,9 +15,6 @@ export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'erro
     /** Help text shown in tooltip next to the label */
     hint?: string;
 };
-/**
- * An enhanced text field component with integrated form labeling, error handling, and password visibility toggle.
- */
 export declare const STextField: {
     ({ label, required, error, type, htmlFor, hint, ...props }: STextFieldProps): React.JSX.Element;
     displayName: string;

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

@@ -10,8 +10,5 @@ export interface STextShimmerProps extends Omit<TypographyProps, 'children'> {
     /** Multiplier for the shimmer spread width */
     spread?: number;
 }
-/**
- * A text component that creates an animated shimmer effect.
- */
 export declare const STextShimmer: import('react').ForwardRefExoticComponent<Omit<STextShimmerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default STextShimmer;

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

@@ -10,10 +10,6 @@ export interface STextTruncationProps {
     /** Number of lines to display before truncation */
     lines?: number;
 }
-/**
- * A text truncation component with expandable See more/less functionality or hover tooltip.
- * The expandable variant uses JS-based truncation so "See more/less" appears inline at the end of the last line.
- */
 export declare const STextTruncation: {
     ({ text, variant, lines, }: STextTruncationProps): React.JSX.Element;
     displayName: string;

package/dist/s-theme-provider/s-theme-provider.d.ts

@@ -15,7 +15,6 @@ export interface SThemeProviderProps extends Omit<ThemeProviderProps, 'defaultMo
     /** Custom theme object to merge with internal theme */
     theme?: Theme;
 }
-/** Central theme provider for the design system. */
 export declare const SThemeProvider: {
     ({ children, disableCustomTheme, themeComponents, defaultMode, theme, ...themeProviderProps }: SThemeProviderProps): React.JSX.Element;
     displayName: string;

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

@@ -6,9 +6,6 @@ export interface STipProps {
     /** The tip message to display */
     message: string;
 }
-/**
- * A simple tip component that displays helpful information with a lightbulb icon.
- */
 export declare const STip: {
     ({ message }: STipProps): React.JSX.Element;
     displayName: string;

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

@@ -154,10 +154,6 @@ export interface SToolBarProps {
     /** Custom styles for the inner toolbar box */
     sx?: SxProps<Theme>;
 }
-/**
- * A dynamic floating toolbar for AI tools with inputs and action buttons.
- * Features multiple input types, built-in validation, and portal rendering for proper z-index handling.
- */
 export declare const SToolBar: {
     ({ inputs, onProcess, onReset, onDownload, processing, uploading, inputValues, onInputChange, customActionButtons, hideProcessButton, processButtonDisabled, getInputDisabled, processTooltip, downloadTooltip, resetTooltip, infoTooltip, infoTitle, infoContent, position, relative, containerSx, sx, }: SToolBarProps): React.JSX.Element;
     displayName: string;

package/dist/s-two-pane-layout/s-two-pane-layout.d.ts

@@ -49,8 +49,5 @@ export interface STwoPaneLayoutProps {
     /** Height of header sections to ensure consistent sizing between panes. Default: '40px' */
     headerHeight?: number | string;
 }
-/**
- * A flexible two-pane layout component with customizable sidebar and content areas.
- */
 export declare const STwoPaneLayout: FC<STwoPaneLayoutProps>;
 export default STwoPaneLayout;

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

@@ -18,9 +18,6 @@ export interface STypewriterTextProps extends Omit<TypographyProps, 'children'>
     /** Delay in milliseconds before deleting text (when looping) */
     delay?: number;
 }
-/**
- * An animated text component that creates a typewriter effect with customizable speed and looping.
- */
 export declare const STypewriterText: {
     ({ text, speed, cursor, cursorBlinking, loop, deleteSpeed, delay, ...typographyProps }: STypewriterTextProps): React.JSX.Element;
     displayName: string;

package/dist/s-zoom-image/s-zoom-image.d.ts

@@ -25,8 +25,5 @@ export interface SZoomImageProps extends Omit<BoxProps, 'component'> {
     /** Image width for lazy loading skeleton */
     width?: number | string;
 }
-/**
- * An interactive image component with smooth zoom-on-hover functionality and built-in lazy loading.
- */
 export declare const SZoomImage: React.ForwardRefExoticComponent<Omit<SZoomImageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default SZoomImage;

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.202",
+  "version": "1.0.203",
   "description": "advanced ui kit for solostylist",
   "type": "module",
   "main": "dist/main.js",