@solostylist/ui-kit 1.0.103 → 1.0.105

package/dist/hooks/use-scroll-animation.d.ts

@@ -0,0 +1,52 @@
+interface UseScrollAnimationOptions {
+    threshold?: number;
+    rootMargin?: string;
+    delay?: number;
+    direction?: 'up' | 'down' | 'left' | 'right';
+    distance?: number;
+}
+/**
+ * A React hook that provides scroll-triggered animation capabilities using Intersection Observer API.
+ *
+ * This hook monitors when an element enters the viewport and provides animation state and positioning
+ * data that can be used with CSS transitions, Framer Motion, or other animation libraries.
+ *
+ * @param options - Configuration options for the scroll animation
+ * @param options.threshold - A number between 0 and 1 indicating the percentage of the target that must be visible within the root element for the callback to be executed. Defaults to 0.1 (10%)
+ * @param options.rootMargin - Margin around the root element (similar to CSS margin). Defaults to '0px'
+ * @param options.delay - Delay in milliseconds before triggering the animation. Defaults to 0
+ * @param options.direction - The direction from which the element should animate in. Defaults to 'up'
+ * @param options.distance - The distance in pixels the element should animate from. Defaults to 50
+ *
+ * @returns An object containing:
+ *   - ref: React ref to attach to the target element
+ *   - isInView: Boolean indicating if the element is currently in view
+ *   - initialPosition: Object with initial x/y coordinates and opacity for animation
+ *   - finalPosition: Object with final x/y coordinates and opacity for animation
+ *   - animate: Boolean indicating if animation should be triggered (same as isInView)
+ *
+ */
+export declare function useScrollAnimation(options?: UseScrollAnimationOptions): {
+    ref: import('react').RefObject<HTMLElement | null>;
+    isInView: boolean;
+    initialPosition: {
+        y: number;
+        opacity: number;
+        x?: undefined;
+    } | {
+        x: number;
+        opacity: number;
+        y?: undefined;
+    };
+    finalPosition: {
+        y: number;
+        opacity: number;
+        x?: undefined;
+    } | {
+        x: number;
+        opacity: number;
+        y?: undefined;
+    };
+    animate: boolean;
+};
+export {};

package/dist/hooks/use-scroll-animation.js

@@ -0,0 +1,57 @@
+import { useState as m, useRef as f, useEffect as w } from "react";
+function I(p = {}) {
+  const { threshold: o = 0.1, rootMargin: s = "0px", delay: i = 0, direction: a = "up", distance: t = 50 } = p, [l, r] = m(!1), c = f(null), e = f(null);
+  w(() => {
+    if (!c.current) return;
+    if (!("IntersectionObserver" in window)) {
+      r(!0);
+      return;
+    }
+    const n = new IntersectionObserver(
+      ([u]) => {
+        u.isIntersecting ? (e.current && (clearTimeout(e.current), e.current = null), i > 0 ? e.current = setTimeout(() => {
+          r(!0), n.unobserve(u.target);
+        }, i) : (r(!0), n.unobserve(u.target))) : (e.current && (clearTimeout(e.current), e.current = null), r(!1));
+      },
+      { threshold: o, rootMargin: s }
+    );
+    return n.observe(c.current), () => {
+      e.current && (clearTimeout(e.current), e.current = null), n.disconnect();
+    };
+  }, [o, s, i]);
+  const y = () => {
+    switch (a) {
+      case "up":
+        return { y: t, opacity: 0 };
+      case "down":
+        return { y: -t, opacity: 0 };
+      case "left":
+        return { x: t, opacity: 0 };
+      case "right":
+        return { x: -t, opacity: 0 };
+      default:
+        return { y: t, opacity: 0 };
+    }
+  }, d = () => {
+    switch (a) {
+      case "up":
+      case "down":
+        return { y: 0, opacity: 1 };
+      case "left":
+      case "right":
+        return { x: 0, opacity: 1 };
+      default:
+        return { y: 0, opacity: 1 };
+    }
+  };
+  return {
+    ref: c,
+    isInView: l,
+    initialPosition: y(),
+    finalPosition: d(),
+    animate: l
+  };
+}
+export {
+  I as useScrollAnimation
+};

package/dist/main.d.ts

@@ -1,5 +1,7 @@
 export { default as SAccordion } from './s-accordion/index';
 export type { SAccordionProps } from './s-accordion/index';
+export { default as SActionOverlay } from './s-action-overlay/index';
+export type { SActionOverlayProps, IActionOverlay } from './s-action-overlay/index';
 export { default as SAutocomplete } from './s-autocomplete/index';
 export type { SAutocompleteProps } from './s-autocomplete/index';
 export { default as SAvatar } from './s-avatar/index';
@@ -31,6 +33,8 @@ export type { DialogMessageContextProps, DialogMessageOpenOptions } from './s-di
 export { default as SError } from './s-error/index';
 export { default as SEmpty } from './s-empty/index';
 export type { SEmptyProps } from './s-empty/index';
+export { default as SFlexBox } from './s-flex-box/index';
+export type { SFlexBoxProps } from './s-flex-box/index';
 export { default as SDialog } from './s-dialog/index';
 export type { SDialogProps } from './s-dialog/index';
 export { default as SFileDropzone } from './s-file-dropzone/index';
@@ -82,6 +86,8 @@ export { default as SGlowButton } from './s-glow-button/index';
 export type { SGlowButtonProps } from './s-glow-button/index';
 export { default as SMovingBorder } from './s-moving-border/index';
 export type { SMovingBorderProps } from './s-moving-border/index';
+export { default as SScrollReveal } from './s-scroll-reveal/index';
+export type { SScrollRevealProps } from './s-scroll-reveal/index';
 export { default as SSpotlightCursor } from './s-spotlight-cursor/index';
 export type { SSpotlightCursorProps, SpotlightConfig } from './s-spotlight-cursor/index';
 export { default as SCopyableText } from './s-copyable-text/index';
@@ -105,5 +111,7 @@ export { STabs, STab, STabPanel } from './s-tabs/index';
 export type { STabsProps, STabItem, STabProps, STabPanelProps } from './s-tabs/index';
 export { default as STextShimmer } from './s-text-shimmer/index';
 export type { STextShimmerProps } from './s-text-shimmer/index';
+export { default as STypewriterText } from './s-typewriter-text/index';
+export type { STypewriterTextProps } from './s-typewriter-text/index';
 export * from './hooks';
 export * from './utils';

package/dist/main.js

@@ -1,140 +1,148 @@
 import { default as t } from "./s-accordion/s-accordion.js";
-import { default as f } from "./s-autocomplete/s-autocomplete.js";
-import { default as s } from "./s-avatar/s-avatar.js";
-import { default as p } from "./s-button/s-button.js";
-import { default as S } from "./s-button-link/s-button-link.js";
-import { default as x } from "./s-carousel/s-carousel.js";
-import { default as n } from "./s-chat-input/s-chat-input.js";
-import { default as c } from "./s-chat-message/s-chat-message.js";
-import { default as C } from "./s-text-editor/s-text-editor.js";
+import { default as f } from "./s-action-overlay/s-action-overlay.js";
+import { default as s } from "./s-autocomplete/s-autocomplete.js";
+import { default as p } from "./s-avatar/s-avatar.js";
+import { default as S } from "./s-button/s-button.js";
+import { default as u } from "./s-button-link/s-button-link.js";
+import { default as n } from "./s-carousel/s-carousel.js";
+import { default as c } from "./s-chat-input/s-chat-input.js";
+import { default as v } from "./s-chat-message/s-chat-message.js";
+import { default as P } from "./s-text-editor/s-text-editor.js";
 import "./s-text-editor/s-text-editor-toolbar.js";
-import { default as v } from "./s-checkbox/s-checkbox.js";
-import { default as b } from "./s-chip/s-chip.js";
-import { default as I } from "./s-chips/s-chips.js";
-import { default as k } from "./s-data-table/s-data-table.js";
-import { DialogConfirmProvider as y, default as F, useDialogConfirm as B } from "./s-dialog-confirm/s-dialog-confirm.js";
-import { DialogMessageProvider as A, default as E, useDialogMessage as G } from "./s-dialog-message/s-dialog-message.js";
-import { default as w } from "./s-error/s-error.js";
-import { default as j } from "./s-empty/s-empty.js";
-import { default as V } from "./s-dialog/s-dialog.js";
-import { default as H } from "./s-file-dropzone/s-file-dropzone.js";
-import { default as O } from "./s-file-icon/s-file-icon.js";
-import { default as U } from "./s-i18n-provider/s-i18n-provider.js";
-import { default as X } from "./s-icon-button/s-icon-button.js";
-import { default as Z } from "./s-label/s-label.js";
-import { default as $ } from "./s-multi-select/s-multi-select.js";
-import { default as oe } from "./s-no-ssr/s-no-ssr.js";
-import { default as te } from "./s-text-field/s-text-field.js";
-import { default as fe } from "./s-pagination/s-pagination.js";
-import { default as se } from "./s-select/s-select.js";
-import { default as pe } from "./s-skeleton/s-skeleton.js";
-import { default as Se } from "./s-tip/s-tip.js";
-import { default as xe } from "./s-text-truncation/s-text-truncation.js";
-import { default as ne, SnackbarMessageProvider as ge, useSnackbarMessage as ce } from "./s-snackbar-message/s-snackbar-message.js";
-import { default as Ce } from "./s-form/s-form.js";
-import { SSmartTextField as ve } from "./s-smart-text-field/s-smart-text-field.js";
-import { SCopilotKitProvider as be } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
-import { SStripeCVC as Ie, SStripeExpiry as he, SStripeNumber as ke, StripeTextField as Le } from "./s-stripe/s-stripe.js";
-import { default as Fe } from "./s-theme-provider/s-theme-provider.js";
-import { default as ze } from "./s-datetime-picker/s-datetime-picker.js";
-import { default as Ee } from "./s-date-picker/s-date-picker.js";
-import { default as Re } from "./s-localization-provider/s-localization-provider.js";
-import { default as Ne } from "./s-gradient-icon/s-gradient-icon.js";
-import { default as Ke } from "./s-glow-button/s-glow-button.js";
-import { default as qe } from "./s-moving-border/s-moving-border.js";
-import { default as Je } from "./s-spotlight-cursor/s-spotlight-cursor.js";
-import { default as Qe } from "./s-copyable-text/s-copyable-text.js";
-import { MediaItem as We, default as Xe } from "./s-interactive-gallery/s-interactive-gallery.js";
-import { default as Ze } from "./s-image-modal/s-image-modal.js";
-import { default as $e } from "./s-lazy-image/s-lazy-image.js";
-import { default as oo } from "./s-image-comparison/s-image-comparison.js";
-import { default as to } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
-import { default as fo } from "./s-rating/s-rating.js";
-import { default as so } from "./s-review/s-review.js";
-import { default as po } from "./s-tabs/s-tabs.js";
-import { default as uo } from "./s-tabs/s-tab.js";
-import { default as io } from "./s-tabs/s-tab-panel.js";
-import { default as go } from "./s-text-shimmer/s-text-shimmer.js";
-import { useDialog as To } from "./hooks/use-dialog.js";
-import { usePopover as Po } from "./hooks/use-popover.js";
-import { formatDatePosted as Do } from "./utils/dayjs.js";
-import { bytesToSize as Mo } from "./utils/bytes-to-size.js";
-import { LogLevel as ho, Logger as ko, createLogger as Lo, logger as yo } from "./utils/logger.js";
-import { default as Bo } from "dayjs";
+import { default as b } from "./s-checkbox/s-checkbox.js";
+import { default as I } from "./s-chip/s-chip.js";
+import { default as h } from "./s-chips/s-chips.js";
+import { default as L } from "./s-data-table/s-data-table.js";
+import { DialogConfirmProvider as B, default as A, useDialogConfirm as z } from "./s-dialog-confirm/s-dialog-confirm.js";
+import { DialogMessageProvider as R, default as w, useDialogMessage as G } from "./s-dialog-message/s-dialog-message.js";
+import { default as j } from "./s-error/s-error.js";
+import { default as O } from "./s-empty/s-empty.js";
+import { default as q } from "./s-flex-box/s-flex-box.js";
+import { default as J } from "./s-dialog/s-dialog.js";
+import { default as U } from "./s-file-dropzone/s-file-dropzone.js";
+import { default as X } from "./s-file-icon/s-file-icon.js";
+import { default as Z } from "./s-i18n-provider/s-i18n-provider.js";
+import { default as $ } from "./s-icon-button/s-icon-button.js";
+import { default as oe } from "./s-label/s-label.js";
+import { default as te } from "./s-multi-select/s-multi-select.js";
+import { default as fe } from "./s-no-ssr/s-no-ssr.js";
+import { default as se } from "./s-text-field/s-text-field.js";
+import { default as pe } from "./s-pagination/s-pagination.js";
+import { default as Se } from "./s-select/s-select.js";
+import { default as ue } from "./s-skeleton/s-skeleton.js";
+import { default as ne } from "./s-tip/s-tip.js";
+import { default as ce } from "./s-text-truncation/s-text-truncation.js";
+import { default as ve, SnackbarMessageProvider as Ce, useSnackbarMessage as Pe } from "./s-snackbar-message/s-snackbar-message.js";
+import { default as be } from "./s-form/s-form.js";
+import { SSmartTextField as Ie } from "./s-smart-text-field/s-smart-text-field.js";
+import { SCopilotKitProvider as he } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
+import { SStripeCVC as Le, SStripeExpiry as Fe, SStripeNumber as Be, StripeTextField as Ae } from "./s-stripe/s-stripe.js";
+import { default as Ee } from "./s-theme-provider/s-theme-provider.js";
+import { default as we } from "./s-datetime-picker/s-datetime-picker.js";
+import { default as Ne } from "./s-date-picker/s-date-picker.js";
+import { default as Ke } from "./s-localization-provider/s-localization-provider.js";
+import { default as Ve } from "./s-gradient-icon/s-gradient-icon.js";
+import { default as He } from "./s-glow-button/s-glow-button.js";
+import { default as Qe } from "./s-moving-border/s-moving-border.js";
+import { default as We } from "./s-scroll-reveal/s-scroll-reveal.js";
+import { default as Ye } from "./s-spotlight-cursor/s-spotlight-cursor.js";
+import { default as _e } from "./s-copyable-text/s-copyable-text.js";
+import { MediaItem as eo, default as oo } from "./s-interactive-gallery/s-interactive-gallery.js";
+import { default as to } from "./s-image-modal/s-image-modal.js";
+import { default as fo } from "./s-lazy-image/s-lazy-image.js";
+import { default as so } from "./s-image-comparison/s-image-comparison.js";
+import { default as po } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
+import { default as So } from "./s-rating/s-rating.js";
+import { default as io } from "./s-review/s-review.js";
+import { default as go } from "./s-tabs/s-tabs.js";
+import { default as To } from "./s-tabs/s-tab.js";
+import { default as Co } from "./s-tabs/s-tab-panel.js";
+import { default as Do } from "./s-text-shimmer/s-text-shimmer.js";
+import { default as Mo } from "./s-typewriter-text/s-typewriter-text.js";
+import { useDialog as yo } from "./hooks/use-dialog.js";
+import { usePopover as ko } from "./hooks/use-popover.js";
+import { formatDatePosted as Fo } from "./utils/dayjs.js";
+import { bytesToSize as Ao } from "./utils/bytes-to-size.js";
+import { LogLevel as Eo, Logger as Ro, createLogger as wo, logger as Go } from "./utils/logger.js";
+import { default as jo } from "dayjs";
 export {
-  y as DialogConfirmProvider,
-  A as DialogMessageProvider,
-  ho as LogLevel,
-  ko as Logger,
-  We as MediaItem,
+  B as DialogConfirmProvider,
+  R as DialogMessageProvider,
+  Eo as LogLevel,
+  Ro as Logger,
+  eo as MediaItem,
   t as SAccordion,
-  f as SAutocomplete,
-  s as SAvatar,
-  p as SButton,
-  S as SButtonLink,
-  x as SCarousel,
-  n as SChatInput,
-  c as SChatMessage,
-  v as SCheckbox,
-  b as SChip,
-  I as SChips,
-  be as SCopilotKitProvider,
-  Qe as SCopyableText,
-  k as SDataTable,
-  Ee as SDatePicker,
-  ze as SDateTimePicker,
-  V as SDialog,
-  F as SDialogConfirm,
-  E as SDialogMessage,
-  j as SEmpty,
-  w as SError,
-  H as SFileDropzone,
-  O as SFileIcon,
-  Ce as SForm,
-  Ke as SGlowButton,
-  Ne as SGradientIcon,
-  U as SI18nProvider,
-  X as SIconButton,
-  oo as SImageComparison,
-  Ze as SImageModal,
-  Xe as SInteractiveGallery,
-  Z as SLabel,
-  $e as SLazyImage,
-  Re as SLocalizationProvider,
-  qe as SMovingBorder,
-  $ as SMultiSelect,
-  oe as SNoSsr,
-  fe as SPagination,
-  to as SRadialPulseAnimate,
-  fo as SRating,
-  so as SReview,
-  se as SSelect,
-  pe as SSkeleton,
-  ve as SSmartTextField,
-  ne as SSnackbarMessage,
-  Je as SSpotlightCursor,
-  Ie as SStripeCVC,
-  he as SStripeExpiry,
-  ke as SStripeNumber,
-  uo as STab,
-  io as STabPanel,
-  po as STabs,
-  C as STextEditor,
-  te as STextField,
-  go as STextShimmer,
-  xe as STextTruncation,
-  Fe as SThemeProvider,
-  Se as STip,
-  ge as SnackbarMessageProvider,
-  Le as StripeTextField,
-  Mo as bytesToSize,
-  Lo as createLogger,
-  Bo as dayjs,
-  Do as formatDatePosted,
-  yo as logger,
-  To as useDialog,
-  B as useDialogConfirm,
+  f as SActionOverlay,
+  s as SAutocomplete,
+  p as SAvatar,
+  S as SButton,
+  u as SButtonLink,
+  n as SCarousel,
+  c as SChatInput,
+  v as SChatMessage,
+  b as SCheckbox,
+  I as SChip,
+  h as SChips,
+  he as SCopilotKitProvider,
+  _e as SCopyableText,
+  L as SDataTable,
+  Ne as SDatePicker,
+  we as SDateTimePicker,
+  J as SDialog,
+  A as SDialogConfirm,
+  w as SDialogMessage,
+  O as SEmpty,
+  j as SError,
+  U as SFileDropzone,
+  X as SFileIcon,
+  q as SFlexBox,
+  be as SForm,
+  He as SGlowButton,
+  Ve as SGradientIcon,
+  Z as SI18nProvider,
+  $ as SIconButton,
+  so as SImageComparison,
+  to as SImageModal,
+  oo as SInteractiveGallery,
+  oe as SLabel,
+  fo as SLazyImage,
+  Ke as SLocalizationProvider,
+  Qe as SMovingBorder,
+  te as SMultiSelect,
+  fe as SNoSsr,
+  pe as SPagination,
+  po as SRadialPulseAnimate,
+  So as SRating,
+  io as SReview,
+  We as SScrollReveal,
+  Se as SSelect,
+  ue as SSkeleton,
+  Ie as SSmartTextField,
+  ve as SSnackbarMessage,
+  Ye as SSpotlightCursor,
+  Le as SStripeCVC,
+  Fe as SStripeExpiry,
+  Be as SStripeNumber,
+  To as STab,
+  Co as STabPanel,
+  go as STabs,
+  P as STextEditor,
+  se as STextField,
+  Do as STextShimmer,
+  ce as STextTruncation,
+  Ee as SThemeProvider,
+  ne as STip,
+  Mo as STypewriterText,
+  Ce as SnackbarMessageProvider,
+  Ae as StripeTextField,
+  Ao as bytesToSize,
+  wo as createLogger,
+  jo as dayjs,
+  Fo as formatDatePosted,
+  Go as logger,
+  yo as useDialog,
+  z as useDialogConfirm,
   G as useDialogMessage,
-  Po as usePopover,
-  ce as useSnackbarMessage
+  ko as usePopover,
+  Pe as useSnackbarMessage
 };

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

@@ -0,0 +1,2 @@
+export { default } from './s-action-overlay';
+export type { SActionOverlayProps, IActionOverlay } from './s-action-overlay';

package/dist/s-action-overlay/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-action-overlay.js";
+export {
+  o as default
+};

package/dist/s-action-overlay/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { SxProps, Theme } from '@mui/material';
+import { SIconButtonProps } from '../s-icon-button';
+export interface IActionOverlay {
+    icon: ReactNode;
+    tooltip: string;
+    onClick?: () => void;
+    isActive?: boolean;
+    disabled?: boolean;
+    color?: 'inherit' | 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+    iconButtonProps?: SIconButtonProps;
+}
+export interface SActionOverlayProps {
+    actions: IActionOverlay[];
+    maxWidth?: number | string;
+    columns?: number;
+    children: ReactNode;
+    showOnHover?: boolean;
+    visible?: boolean;
+    position?: 'center' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    backdropColor?: string;
+    backdropOpacity?: number;
+    blurAmount?: number;
+    borderRadius?: number | string;
+    overlaySx?: SxProps<Theme>;
+    onVisibilityChange?: (visible: boolean) => void;
+}
+declare const SActionOverlay: ({ actions, maxWidth, columns, children, showOnHover, visible: controlledVisible, position, backdropColor, backdropOpacity, blurAmount, borderRadius, overlaySx, onVisibilityChange, }: SActionOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export default SActionOverlay;

package/dist/s-action-overlay/s-action-overlay.js

@@ -0,0 +1,112 @@
+import { j as r } from "../jsx-runtime-DywqP_6a.js";
+import { useState as _ } from "react";
+import { Box as l, Grid as c } from "@mui/material";
+import b from "../s-icon-button/s-icon-button.js";
+const T = 40, B = 16, R = ({
+  actions: u,
+  maxWidth: d,
+  columns: s = 3,
+  children: p,
+  showOnHover: n = !0,
+  visible: o,
+  position: a = "center",
+  backdropColor: x = "divider",
+  backdropOpacity: m = 1,
+  blurAmount: j = 10,
+  borderRadius: v = 0,
+  overlaySx: g,
+  onVisibilityChange: e
+}) => {
+  const [I, i] = _(!1), h = o !== void 0 ? o : n && I, y = () => {
+    n && o === void 0 && (i(!0), e == null || e(!0));
+  }, A = () => {
+    n && o === void 0 && (i(!1), e == null || e(!1));
+  }, E = () => {
+    switch (a) {
+      case "top-left":
+        return { justifyContent: "flex-start", alignItems: "flex-start" };
+      case "top-right":
+        return { justifyContent: "flex-end", alignItems: "flex-start" };
+      case "bottom-left":
+        return { justifyContent: "flex-start", alignItems: "flex-end" };
+      case "bottom-right":
+        return { justifyContent: "flex-end", alignItems: "flex-end" };
+      case "center":
+      default:
+        return { justifyContent: "center", alignItems: "center" };
+    }
+  }, M = () => {
+    switch (a) {
+      case "top-left":
+        return "flex-start";
+      case "top-right":
+        return "flex-end";
+      case "bottom-left":
+        return "flex-start";
+      case "bottom-right":
+        return "flex-end";
+      case "center":
+      default:
+        return "center";
+    }
+  }, k = () => {
+    let t = d;
+    return s && (t = s * T + (s - 1) * B + s * 16), t;
+  };
+  return (
+    // Main container with flex to center the children
+    /* @__PURE__ */ r.jsx(l, { display: "flex", children: /* @__PURE__ */ r.jsxs(l, { position: "relative", onMouseEnter: y, onMouseLeave: A, children: [
+      p,
+      h && /* @__PURE__ */ r.jsx(
+        l,
+        {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          width: "100%",
+          height: "100%",
+          display: "flex",
+          bgcolor: x,
+          sx: {
+            opacity: m,
+            backdropFilter: `blur(${j}px)`,
+            transform: "translateZ(0)",
+            willChange: "transform",
+            transition: "opacity 0.2s ease-in-out",
+            ...E(),
+            ...g
+          },
+          borderRadius: v,
+          children: /* @__PURE__ */ r.jsx(c, { container: !0, spacing: 2, justifyContent: M(), maxWidth: k(), children: u.map((t, C) => {
+            var f;
+            return /* @__PURE__ */ r.jsx(c, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ r.jsx(
+              b,
+              {
+                tooltipOptions: { title: t.tooltip, placement: "top" },
+                onClick: t.onClick,
+                disabled: t.disabled,
+                color: t.color,
+                size: "small",
+                sx: {
+                  margin: 1,
+                  backgroundColor: t.isActive ? "primary.main" : void 0,
+                  transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
+                  opacity: t.disabled ? 0.5 : 1,
+                  "&:hover": {
+                    backgroundColor: t.isActive ? "primary.dark" : void 0
+                  },
+                  ...(f = t.iconButtonProps) == null ? void 0 : f.sx
+                },
+                ...t.iconButtonProps,
+                children: t.icon
+              }
+            ) }, `${t.tooltip}-${C}`);
+          }) })
+        }
+      )
+    ] }) })
+  );
+};
+export {
+  R as default
+};

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

@@ -0,0 +1,2 @@
+export { default } from './s-blur-text';
+export type { SBlurTextProps } from './s-blur-text';

package/dist/s-blur-text/index.js

@@ -0,0 +1,4 @@
+import { default as o } from "./s-blur-text.js";
+export {
+  o as default
+};

package/dist/s-blur-text/package.json

@@ -0,0 +1,5 @@
+{
+  "main": "./index.js",
+  "types": "./index.d.ts",
+  "sideEffects": false
+}