@solostylist/ui-kit 1.0.43 → 1.0.45

package/dist/main.d.ts

@@ -52,6 +52,8 @@ export { default as SForm } from './s-form/index';
 export type { SFormProps } from './s-form/index';
 export { default as SSmartTextField } from './s-smart-text-field/index';
 export type { SSmartTextFieldProps } from './s-smart-text-field/index';
+export { SStripeNumber, SStripeExpiry, SStripeCVC, StripeTextField } from './s-stripe/index';
+export type { StripeTextFieldProps, StripeElement } from './s-stripe/index';
 export { default as SThemeProvider } from './s-theme-provider/index';
 export type { SThemeProviderProps } from './s-theme-provider/index';
 export * from './hooks';

package/dist/main.js

@@ -1,81 +1,86 @@
 import { default as r } from "./s-autocomplete/s-autocomplete.js";
-import { default as t } from "./s-button-link/s-button-link.js";
+import { default as a } from "./s-button-link/s-button-link.js";
 import { default as l } from "./s-text-editor/s-text-editor.js";
 import { default as m } from "./s-checkbox/s-checkbox.js";
-import { default as x } from "./s-chips/s-chips.js";
-import { default as u } from "./s-data-table/s-data-table.js";
+import { default as S } from "./s-chips/s-chips.js";
+import { default as d } from "./s-data-table/s-data-table.js";
 import { DialogConfirmProvider as i, default as g, useDialogConfirm as n } from "./s-dialog-confirm/s-dialog-confirm.js";
-import { DialogMessageProvider as D, default as T, useDialogMessage as P } from "./s-dialog-message/s-dialog-message.js";
+import { DialogMessageProvider as D, default as T, useDialogMessage as b } from "./s-dialog-message/s-dialog-message.js";
 import { default as v } from "./s-error/s-error.js";
-import { default as k } from "./s-empty/s-empty.js";
-import { default as C } from "./s-dialog/s-dialog.js";
+import { default as M } from "./s-empty/s-empty.js";
+import { default as F } from "./s-dialog/s-dialog.js";
 import { default as y } from "./s-file-dropzone/s-file-dropzone.js";
-import { default as h } from "./s-file-icon/s-file-icon.js";
+import { default as I } from "./s-file-icon/s-file-icon.js";
 import { default as z } from "./s-i18n-provider/s-i18n-provider.js";
-import { default as j } from "./s-icon-button/s-icon-button.js";
-import { default as G } from "./s-label/s-label.js";
-import { default as q } from "./s-multi-select/s-multi-select.js";
-import { default as H } from "./s-no-ssr/s-no-ssr.js";
-import { default as K } from "./s-text-field/s-text-field.js";
-import { default as Q } from "./s-pagination/s-pagination.js";
-import { default as U } from "./s-select/s-select.js";
+import { default as N } from "./s-icon-button/s-icon-button.js";
+import { default as A } from "./s-label/s-label.js";
+import { default as V } from "./s-multi-select/s-multi-select.js";
+import { default as w } from "./s-no-ssr/s-no-ssr.js";
+import { default as J } from "./s-text-field/s-text-field.js";
+import { default as O } from "./s-pagination/s-pagination.js";
+import { default as R } from "./s-select/s-select.js";
 import { default as W } from "./s-skeleton/s-skeleton.js";
 import { default as Y } from "./s-tip/s-tip.js";
 import { default as _ } from "./s-text-truncation/s-text-truncation.js";
 import { default as ee, SnackbarMessageProvider as oe, useSnackbarMessage as re } from "./s-snackbar-message/s-snackbar-message.js";
-import { default as te } from "./s-image-gallery/s-image-gallery.js";
+import { default as ae } from "./s-image-gallery/s-image-gallery.js";
 import { default as le } from "./s-form/s-form.js";
-import { SSmartTextField as me } from "./s-smart-text-field/s-text-field.js";
-import { default as xe } from "./s-theme-provider/s-theme-provider.js";
-import { useDialog as ue } from "./hooks/use-dialog.js";
-import { usePopover as ie } from "./hooks/use-popover.js";
-import { formatDatePosted as ne } from "./utils/dayjs.js";
-import { bytesToSize as De } from "./utils/bytes-to-size.js";
-import { LogLevel as Pe, Logger as be, createLogger as ve, logger as Me } from "./utils/logger.js";
-import { default as Le } from "dayjs";
+import { SSmartTextField as me } from "./s-smart-text-field/s-smart-text-field.js";
+import { SStripeCVC as Se, SStripeExpiry as xe, SStripeNumber as de, StripeTextField as ue } from "./s-stripe/s-stripe.js";
+import { default as ge } from "./s-theme-provider/s-theme-provider.js";
+import { useDialog as ce } from "./hooks/use-dialog.js";
+import { usePopover as Te } from "./hooks/use-popover.js";
+import { formatDatePosted as Pe } from "./utils/dayjs.js";
+import { bytesToSize as Ce } from "./utils/bytes-to-size.js";
+import { LogLevel as ke, Logger as Fe, createLogger as Le, logger as ye } from "./utils/logger.js";
+import { default as Ie } from "dayjs";
 export {
   i as DialogConfirmProvider,
   D as DialogMessageProvider,
-  Pe as LogLevel,
-  be as Logger,
+  ke as LogLevel,
+  Fe as Logger,
   r as SAutocomplete,
-  t as SButtonLink,
+  a as SButtonLink,
   m as SCheckbox,
-  x as SChips,
-  u as SDataTable,
-  C as SDialog,
+  S as SChips,
+  d as SDataTable,
+  F as SDialog,
   g as SDialogConfirm,
   T as SDialogMessage,
-  k as SEmpty,
+  M as SEmpty,
   v as SError,
   y as SFileDropzone,
-  h as SFileIcon,
+  I as SFileIcon,
   le as SForm,
   z as SI18nProvider,
-  j as SIconButton,
-  te as SImageGallery,
-  G as SLabel,
-  q as SMultiSelect,
-  H as SNoSsr,
-  Q as SPagination,
-  U as SSelect,
+  N as SIconButton,
+  ae as SImageGallery,
+  A as SLabel,
+  V as SMultiSelect,
+  w as SNoSsr,
+  O as SPagination,
+  R as SSelect,
   W as SSkeleton,
   me as SSmartTextField,
   ee as SSnackbarMessage,
+  Se as SStripeCVC,
+  xe as SStripeExpiry,
+  de as SStripeNumber,
   l as STextEditor,
-  K as STextField,
+  J as STextField,
   _ as STextTruncation,
-  xe as SThemeProvider,
+  ge as SThemeProvider,
   Y as STip,
   oe as SnackbarMessageProvider,
-  De as bytesToSize,
-  ve as createLogger,
-  Le as dayjs,
-  ne as formatDatePosted,
-  Me as logger,
-  ue as useDialog,
+  ue as StripeTextField,
+  Ce as bytesToSize,
+  Le as createLogger,
+  Ie as dayjs,
+  Pe as formatDatePosted,
+  ye as logger,
+  ce as useDialog,
   n as useDialogConfirm,
-  P as useDialogMessage,
-  ie as usePopover,
+  b as useDialogMessage,
+  Te as usePopover,
   re as useSnackbarMessage
 };

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

@@ -1,16 +1,16 @@
 import { j as e } from "../jsx-runtime-C5mzlN2N.js";
-import { Avatar as v, Tooltip as b, IconButton as y, Button as I } from "@mui/material";
-import { IconCloudUp as S, IconX as w } from "@tabler/icons-react";
-import { useDropzone as z } from "react-dropzone";
-import C from "../s-file-icon/s-file-icon.js";
-import k from "../s-form/s-form.js";
+import { Avatar as v, Tooltip as y, IconButton as b, Button as I } from "@mui/material";
+import { IconCloudUp as S, IconX as z } from "@tabler/icons-react";
+import { useDropzone as C } from "react-dropzone";
+import k from "../s-file-icon/s-file-icon.js";
+import w from "../s-form/s-form.js";
 import { bytesToSize as B } from "../utils/bytes-to-size.js";
 import { S as r } from "../Stack-CHCAZYKm.js";
-import { B as d } from "../Box-BOnkyXg-.js";
+import { B as p } from "../Box-BOnkyXg-.js";
 import { T as o } from "../Typography-8CUP66S2.js";
 const H = ({
   caption: i,
-  label: p = "",
+  label: d = "",
   error: x,
   onRemoveAll: m,
   onUpload: D,
@@ -21,10 +21,10 @@ const H = ({
   ...n
 }) => {
   var l, c;
-  const { getRootProps: u, getInputProps: g, isDragActive: a } = z(n);
-  return /* @__PURE__ */ e.jsxs(k, { error: x, label: p, required: h, children: [
+  const { getRootProps: u, getInputProps: g, isDragActive: a } = C(n);
+  return /* @__PURE__ */ e.jsxs(w, { error: x, label: d, required: h, children: [
     /* @__PURE__ */ e.jsx(r, { spacing: 2, mt: "0.5rem", children: /* @__PURE__ */ e.jsxs(
-      d,
+      p,
       {
         sx: {
           alignItems: "center",
@@ -55,7 +55,6 @@ const H = ({
               {
                 sx: {
                   bgcolor: "var(--s-palette-background-paper)",
-                  boxShadow: "var(--s-shadows-8)",
                   color: "var(--s-palette-text-primary)"
                 },
                 children: /* @__PURE__ */ e.jsx(S, {})
@@ -90,18 +89,18 @@ const H = ({
               p: 1
             },
             children: [
-              /* @__PURE__ */ e.jsx(C, { extension: f }),
-              /* @__PURE__ */ e.jsxs(d, { sx: { flex: "1 1 auto" }, children: [
+              /* @__PURE__ */ e.jsx(k, { extension: f }),
+              /* @__PURE__ */ e.jsxs(p, { sx: { flex: "1 1 auto" }, children: [
                 /* @__PURE__ */ e.jsx(o, { variant: "subtitle2", children: t.name }),
                 /* @__PURE__ */ e.jsx(o, { color: "text.secondary", variant: "body2", children: B(t.size) })
               ] }),
-              /* @__PURE__ */ e.jsx(b, { title: "Remove", children: /* @__PURE__ */ e.jsx(
-                y,
+              /* @__PURE__ */ e.jsx(y, { title: "Remove", children: /* @__PURE__ */ e.jsx(
+                b,
                 {
                   onClick: () => {
                     s == null || s(t);
                   },
-                  children: /* @__PURE__ */ e.jsx(w, {})
+                  children: /* @__PURE__ */ e.jsx(z, {})
                 }
               ) })
             ]