@solostylist/ui-kit 1.0.155 → 1.0.157

package/dist/main.d.ts

@@ -67,6 +67,8 @@ export { default as SPagination } from './s-pagination/index';
 export type { SPaginationProps } from './s-pagination/index';
 export { default as SSelect } from './s-select/index';
 export type { SSelectProps } from './s-select/index';
+export { default as SSelectList } from './s-select-list/index';
+export type { SSelectListProps, SSelectListItem } from './s-select-list/index';
 export { default as SSkeleton } from './s-skeleton/index';
 export type { SSkeletonProps } from './s-skeleton/index';
 export { default as STip } from './s-tip/index';

package/dist/main.js

@@ -8,7 +8,7 @@ import { default as g } from "./s-button-link/s-button-link.js";
 import { default as T } from "./s-carousel/s-carousel.js";
 import { default as P } from "./s-chat-input/s-chat-input.js";
 import { default as b } from "./s-chat-message/s-chat-message.js";
-import { default as D } from "./s-comment-message/s-comment-message.js";
+import { default as y } from "./s-comment-message/s-comment-message.js";
 import { default as M } from "./s-text-editor/s-text-editor.js";
 import "./s-text-editor/s-text-editor-toolbar.js";
 import { default as I } from "./s-checkbox/s-checkbox.js";
@@ -34,56 +34,57 @@ import { default as ge } from "./s-overlay-scrollbar/s-overlay-scrollbar.js";
 import { default as Te } from "./s-text-field/s-text-field.js";
 import { default as Pe } from "./s-pagination/s-pagination.js";
 import { default as be } from "./s-select/s-select.js";
-import { default as De } from "./s-skeleton/s-skeleton.js";
-import { default as Me } from "./s-tip/s-tip.js";
-import { default as Ie } from "./s-text-truncation/s-text-truncation.js";
-import { default as Fe, SnackbarMessageProvider as Be, useSnackbarMessage as we } from "./s-snackbar-message/s-snackbar-message.js";
-import { default as Ee } from "./s-form/s-form.js";
-import { SSmartTextField as Re } from "./s-smart-text-field/s-smart-text-field.js";
-import { SCopilotKitProvider as Ne } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
-import { SStripeCVC as je, SStripeExpiry as Ke, SStripeNumber as Ve, StripeTextField as qe } from "./s-stripe/s-stripe.js";
-import { default as Je } from "./s-theme-provider/s-theme-provider.js";
-import { default as Ue } from "./s-theme-switch/s-theme-switch.js";
-import { default as Xe } from "./s-datetime-picker/s-datetime-picker.js";
-import { default as Ze } from "./s-date-picker/s-date-picker.js";
-import { default as $e } from "./s-localization-provider/s-localization-provider.js";
-import { default as oo } from "./s-gradient-icon/s-gradient-icon.js";
-import { default as ao } from "./s-glow-button/s-glow-button.js";
-import { default as fo } from "./s-moving-border/s-moving-border.js";
-import { default as so } from "./s-scroll-reveal/s-scroll-reveal.js";
-import { default as po } from "./s-spotlight-cursor/s-spotlight-cursor.js";
-import { default as So } from "./s-copyable-text/s-copyable-text.js";
-import { MediaItem as io, default as no } from "./s-gallery/s-gallery.js";
-import { default as co } from "./s-image-modal/s-image-modal.js";
-import { default as Co } from "./s-lazy-image/s-lazy-image.js";
-import { default as vo } from "./s-image-comparison/s-image-comparison.js";
-import { default as yo } from "./s-item-not-found/s-item-not-found.js";
-import { default as Lo } from "./s-category-card/s-category-card.js";
-import { default as ho } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
-import { default as ko } from "./s-rating/s-rating.js";
-import { default as Bo } from "./s-review/s-review.js";
-import { default as Ao } from "./s-tabs/s-tabs.js";
-import { default as zo } from "./s-tabs/s-tab.js";
-import { default as Go } from "./s-tabs/s-tab-panel.js";
-import { default as Oo } from "./s-text-shimmer/s-text-shimmer.js";
-import { default as Ko } from "./s-typewriter-text/s-typewriter-text.js";
-import { SLanguagePopover as qo, default as Ho, defaultLanguageOptions as Jo } from "./s-language-switcher/s-language-switcher.js";
-import { default as Uo } from "./s-scroll-to-top/s-scroll-to-top.js";
-import { useDialog as Xo } from "./hooks/use-dialog.js";
-import { usePopover as Zo } from "./hooks/use-popover.js";
+import { default as ye } from "./s-select-list/s-select-list.js";
+import { default as Me } from "./s-skeleton/s-skeleton.js";
+import { default as Ie } from "./s-tip/s-tip.js";
+import { default as Fe } from "./s-text-truncation/s-text-truncation.js";
+import { default as we, SnackbarMessageProvider as Ae, useSnackbarMessage as Ee } from "./s-snackbar-message/s-snackbar-message.js";
+import { default as Re } from "./s-form/s-form.js";
+import { SSmartTextField as Ne } from "./s-smart-text-field/s-smart-text-field.js";
+import { SCopilotKitProvider as je } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
+import { SStripeCVC as Ve, SStripeExpiry as qe, SStripeNumber as He, StripeTextField as Je } from "./s-stripe/s-stripe.js";
+import { default as Ue } from "./s-theme-provider/s-theme-provider.js";
+import { default as Xe } from "./s-theme-switch/s-theme-switch.js";
+import { default as Ze } from "./s-datetime-picker/s-datetime-picker.js";
+import { default as $e } from "./s-date-picker/s-date-picker.js";
+import { default as oo } from "./s-localization-provider/s-localization-provider.js";
+import { default as ao } from "./s-gradient-icon/s-gradient-icon.js";
+import { default as fo } from "./s-glow-button/s-glow-button.js";
+import { default as so } from "./s-moving-border/s-moving-border.js";
+import { default as po } from "./s-scroll-reveal/s-scroll-reveal.js";
+import { default as So } from "./s-spotlight-cursor/s-spotlight-cursor.js";
+import { default as io } from "./s-copyable-text/s-copyable-text.js";
+import { MediaItem as go, default as co } from "./s-gallery/s-gallery.js";
+import { default as Co } from "./s-image-modal/s-image-modal.js";
+import { default as vo } from "./s-lazy-image/s-lazy-image.js";
+import { default as Lo } from "./s-image-comparison/s-image-comparison.js";
+import { default as Do } from "./s-item-not-found/s-item-not-found.js";
+import { default as ho } from "./s-category-card/s-category-card.js";
+import { default as ko } from "./s-radial-pulse-animate/s-radial-pulse-animate.js";
+import { default as Bo } from "./s-rating/s-rating.js";
+import { default as Ao } from "./s-review/s-review.js";
+import { default as zo } from "./s-tabs/s-tabs.js";
+import { default as Go } from "./s-tabs/s-tab.js";
+import { default as Oo } from "./s-tabs/s-tab-panel.js";
+import { default as Ko } from "./s-text-shimmer/s-text-shimmer.js";
+import { default as qo } from "./s-typewriter-text/s-typewriter-text.js";
+import { SLanguagePopover as Jo, default as Qo, defaultLanguageOptions as Uo } from "./s-language-switcher/s-language-switcher.js";
+import { default as Xo } from "./s-scroll-to-top/s-scroll-to-top.js";
+import { useDialog as Zo } from "./hooks/use-dialog.js";
+import { usePopover as $o } from "./hooks/use-popover.js";
 import "react";
-import { useScrollAnimation as $o } from "./hooks/use-scroll-animation.js";
-import { useIsPassedPosition as or } from "./hooks/use-is-passed-position.js";
-import { formatDatePosted as ar } from "./utils/dayjs.js";
-import { bytesToSize as fr } from "./utils/bytes-to-size.js";
-import { LogLevel as sr, Logger as mr, createLogger as pr, logger as ur } from "./utils/logger.js";
-import { default as dr } from "dayjs";
+import { useScrollAnimation as or } from "./hooks/use-scroll-animation.js";
+import { useIsPassedPosition as ar } from "./hooks/use-is-passed-position.js";
+import { formatDatePosted as fr } from "./utils/dayjs.js";
+import { bytesToSize as sr } from "./utils/bytes-to-size.js";
+import { LogLevel as pr, Logger as ur, createLogger as Sr, logger as dr } from "./utils/logger.js";
+import { default as ir } from "dayjs";
 export {
   R as DialogConfirmProvider,
   j as DialogMessageProvider,
-  sr as LogLevel,
-  mr as Logger,
-  io as MediaItem,
+  pr as LogLevel,
+  ur as Logger,
+  go as MediaItem,
   t as SAccordion,
   l as SActionOverlay,
   m as SAutocomplete,
@@ -92,18 +93,18 @@ export {
   i as SButton,
   g as SButtonLink,
   T as SCarousel,
-  Lo as SCategoryCard,
+  ho as SCategoryCard,
   P as SChatInput,
   b as SChatMessage,
   I as SCheckbox,
   F as SChip,
   w as SChips,
-  D as SCommentMessage,
-  Ne as SCopilotKitProvider,
-  So as SCopyableText,
+  y as SCommentMessage,
+  je as SCopilotKitProvider,
+  io as SCopyableText,
   E as SDataTable,
-  Ze as SDatePicker,
-  Xe as SDateTimePicker,
+  $e as SDatePicker,
+  Ze as SDateTimePicker,
   _ as SDialog,
   G as SDialogConfirm,
   K as SDialogMessage,
@@ -113,63 +114,64 @@ export {
   re as SFileDropzone,
   te as SFileIcon,
   W as SFlexBox,
-  Ee as SForm,
-  no as SGallery,
-  ao as SGlowButton,
-  oo as SGradientIcon,
+  Re as SForm,
+  co as SGallery,
+  fo as SGlowButton,
+  ao as SGradientIcon,
   le as SI18nProvider,
   me as SIconButton,
-  vo as SImageComparison,
-  co as SImageModal,
-  yo as SItemNotFound,
+  Lo as SImageComparison,
+  Co as SImageModal,
+  Do as SItemNotFound,
   ue as SLabel,
-  qo as SLanguagePopover,
-  Ho as SLanguageSwitcher,
-  Co as SLazyImage,
-  $e as SLocalizationProvider,
-  fo as SMovingBorder,
+  Jo as SLanguagePopover,
+  Qo as SLanguageSwitcher,
+  vo as SLazyImage,
+  oo as SLocalizationProvider,
+  so as SMovingBorder,
   de as SMultiSelect,
   ie as SNoSsr,
   ge as SOverlayScrollbar,
   Pe as SPagination,
-  ho as SRadialPulseAnimate,
-  ko as SRating,
-  Bo as SReview,
-  so as SScrollReveal,
-  Uo as SScrollToTop,
+  ko as SRadialPulseAnimate,
+  Bo as SRating,
+  Ao as SReview,
+  po as SScrollReveal,
+  Xo as SScrollToTop,
   be as SSelect,
-  De as SSkeleton,
-  Re as SSmartTextField,
-  Fe as SSnackbarMessage,
-  po as SSpotlightCursor,
-  je as SStripeCVC,
-  Ke as SStripeExpiry,
-  Ve as SStripeNumber,
-  zo as STab,
-  Go as STabPanel,
-  Ao as STabs,
+  ye as SSelectList,
+  Me as SSkeleton,
+  Ne as SSmartTextField,
+  we as SSnackbarMessage,
+  So as SSpotlightCursor,
+  Ve as SStripeCVC,
+  qe as SStripeExpiry,
+  He as SStripeNumber,
+  Go as STab,
+  Oo as STabPanel,
+  zo as STabs,
   M as STextEditor,
   Te as STextField,
-  Oo as STextShimmer,
-  Ie as STextTruncation,
-  Je as SThemeProvider,
-  Ue as SThemeSwitch,
-  Me as STip,
+  Ko as STextShimmer,
+  Fe as STextTruncation,
+  Ue as SThemeProvider,
+  Xe as SThemeSwitch,
+  Ie as STip,
   Y as STwoPaneLayout,
-  Ko as STypewriterText,
-  Be as SnackbarMessageProvider,
-  qe as StripeTextField,
-  fr as bytesToSize,
-  pr as createLogger,
-  dr as dayjs,
-  Jo as defaultLanguageOptions,
-  ar as formatDatePosted,
-  ur as logger,
-  Xo as useDialog,
+  qo as STypewriterText,
+  Ae as SnackbarMessageProvider,
+  Je as StripeTextField,
+  sr as bytesToSize,
+  Sr as createLogger,
+  ir as dayjs,
+  Uo as defaultLanguageOptions,
+  fr as formatDatePosted,
+  dr as logger,
+  Zo as useDialog,
   N as useDialogConfirm,
   V as useDialogMessage,
-  or as useIsPassedPosition,
-  Zo as usePopover,
-  $o as useScrollAnimation,
-  we as useSnackbarMessage
+  ar as useIsPassedPosition,
+  $o as usePopover,
+  or as useScrollAnimation,
+  Ee as useSnackbarMessage
 };

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

@@ -0,0 +1,2 @@
+export { default } from './s-select-list';
+export type { SSelectListProps, SSelectListItem } from './s-select-list';

package/dist/s-select-list/index.js

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

package/dist/s-select-list/package.json

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

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

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+export interface SSelectListItem<T = any> {
+    id: string;
+    data: T;
+}
+export interface SSelectListProps<T = any> {
+    /**
+     * Array of items to render
+     */
+    items: SSelectListItem<T>[];
+    /**
+     * ID of the currently selected item
+     */
+    selectedId: string;
+    /**
+     * Callback when an item is selected
+     */
+    onSelect: (id: string) => void;
+    /**
+     * Function to render the content of each item
+     */
+    renderItem: (item: SSelectListItem<T>, selected: boolean) => React.ReactNode;
+    /**
+     * Optional function to render content below the selected item
+     */
+    renderBelow?: (item: SSelectListItem<T>) => React.ReactNode;
+    /**
+     * Whether to show a radio button (default: true)
+     */
+    showRadio?: boolean;
+}
+declare const SSelectList: <T>({ items, selectedId, onSelect, renderItem, renderBelow, showRadio, }: SSelectListProps<T>) => import("react/jsx-runtime").JSX.Element;
+export default SSelectList;

package/dist/s-select-list/s-select-list.js

@@ -0,0 +1,48 @@
+import { j as r } from "../jsx-runtime-OVHDjVDe.js";
+import { styled as p, Box as i, Stack as x, Radio as g, Collapse as j } from "@mui/material";
+const u = p(i, {
+  shouldForwardProp: (s) => s !== "selected"
+})(({ theme: s, selected: n }) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  width: "100%",
+  borderRadius: 8,
+  padding: s.spacing(1),
+  paddingLeft: s.spacing(2),
+  paddingRight: s.spacing(2),
+  border: "1px solid",
+  cursor: "pointer",
+  borderColor: n ? (s.vars || s).palette.primary.dark : (s.vars || s).palette.divider
+})), b = ({
+  items: s,
+  selectedId: n,
+  onSelect: t,
+  renderItem: o,
+  renderBelow: a,
+  showRadio: l = !0
+}) => /* @__PURE__ */ r.jsx(x, { spacing: 2, children: s.map((d) => {
+  const e = d.id === n, c = a && e;
+  return /* @__PURE__ */ r.jsxs(i, { children: [
+    /* @__PURE__ */ r.jsxs(u, { selected: e, onClick: () => t(d.id), children: [
+      /* @__PURE__ */ r.jsx(
+        i,
+        {
+          sx: {
+            display: "flex",
+            alignItems: "center",
+            gap: 2,
+            flex: 1,
+            borderRadius: 8
+          },
+          children: o(d, e)
+        }
+      ),
+      l && /* @__PURE__ */ r.jsx(g, { checked: e })
+    ] }),
+    c && /* @__PURE__ */ r.jsx(j, { in: e, children: /* @__PURE__ */ r.jsx(i, { mt: 2, children: a(d) }) })
+  ] }, d.id);
+}) });
+export {
+  b as default
+};

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.155",
+  "version": "1.0.157",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",