@solostylist/ui-kit 1.0.72 → 1.0.74

package/dist/main.d.ts

@@ -68,5 +68,7 @@ export { default as SGlowButton } from './s-glow-button/index';
 export type { GlowButtonProps } 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 SCopyableText } from './s-copyable-text/index';
+export type { SCopyableTextProps } from './s-copyable-text/index';
 export * from './hooks';
 export * from './utils';

package/dist/main.js

@@ -3,11 +3,11 @@ 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 p } from "./s-checkbox/s-checkbox.js";
 import { default as S } from "./s-chips/s-chips.js";
-import { default as x } from "./s-data-table/s-data-table.js";
-import { DialogConfirmProvider as u, default as g, useDialogConfirm as n } from "./s-dialog-confirm/s-dialog-confirm.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 P, useDialogMessage as T } from "./s-dialog-message/s-dialog-message.js";
 import { default as b } from "./s-error/s-error.js";
-import { default as C } from "./s-empty/s-empty.js";
+import { default as k } from "./s-empty/s-empty.js";
 import { default as L } from "./s-dialog/s-dialog.js";
 import { default as y } from "./s-file-dropzone/s-file-dropzone.js";
 import { default as E } from "./s-file-icon/s-file-icon.js";
@@ -26,43 +26,45 @@ import { default as ee, SnackbarMessageProvider as oe, useSnackbarMessage as re
 import { default as ae } from "./s-form/s-form.js";
 import { SSmartTextField as le } from "./s-smart-text-field/s-smart-text-field.js";
 import { SCopilotKitProvider as pe } from "./s-copilot-kit-provider/s-copilot-kit-provider.js";
-import { SStripeCVC as Se, SStripeExpiry as de, SStripeNumber as xe, StripeTextField as ie } from "./s-stripe/s-stripe.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 { default as ce } from "./s-datetime-picker/s-datetime-picker.js";
 import { default as Pe } from "./s-date-picker/s-date-picker.js";
 import { default as ve } from "./s-localization-provider/s-localization-provider.js";
-import { default as ke } from "./s-gradient-icon/s-gradient-icon.js";
+import { default as Ce } from "./s-gradient-icon/s-gradient-icon.js";
 import { default as Me } from "./s-glow-button/s-glow-button.js";
 import { default as Fe } from "./s-moving-border/s-moving-border.js";
-import { useDialog as Be } from "./hooks/use-dialog.js";
-import { usePopover as Ie } from "./hooks/use-popover.js";
-import { formatDatePosted as ze } from "./utils/dayjs.js";
-import { bytesToSize as Ne } from "./utils/bytes-to-size.js";
-import { LogLevel as we, Logger as Ae, createLogger as Ke, logger as Ve } from "./utils/logger.js";
-import { default as He } from "dayjs";
+import { default as Be } from "./s-copyable-text/s-copyable-text.js";
+import { useDialog as Ie } from "./hooks/use-dialog.js";
+import { usePopover as ze } from "./hooks/use-popover.js";
+import { formatDatePosted as Ne } from "./utils/dayjs.js";
+import { bytesToSize as we } from "./utils/bytes-to-size.js";
+import { LogLevel as Ke, Logger as Ve, createLogger as qe, logger as He } from "./utils/logger.js";
+import { default as Oe } from "dayjs";
 export {
-  u as DialogConfirmProvider,
+  i as DialogConfirmProvider,
   D as DialogMessageProvider,
-  we as LogLevel,
-  Ae as Logger,
+  Ke as LogLevel,
+  Ve as Logger,
   r as SAutocomplete,
   a as SButtonLink,
   p as SCheckbox,
   S as SChips,
   pe as SCopilotKitProvider,
-  x as SDataTable,
+  Be as SCopyableText,
+  d as SDataTable,
   Pe as SDatePicker,
   ce as SDateTimePicker,
   L as SDialog,
   g as SDialogConfirm,
   P as SDialogMessage,
-  C as SEmpty,
+  k as SEmpty,
   b as SError,
   y as SFileDropzone,
   E as SFileIcon,
   ae as SForm,
   Me as SGlowButton,
-  ke as SGradientIcon,
+  Ce as SGradientIcon,
   h as SI18nProvider,
   G as SIconButton,
   j as SLabel,
@@ -76,23 +78,23 @@ export {
   le as SSmartTextField,
   ee as SSnackbarMessage,
   Se as SStripeCVC,
-  de as SStripeExpiry,
-  xe as SStripeNumber,
+  xe as SStripeExpiry,
+  de as SStripeNumber,
   l as STextEditor,
   H as STextField,
   _ as STextTruncation,
   ge as SThemeProvider,
   Y as STip,
   oe as SnackbarMessageProvider,
-  ie as StripeTextField,
-  Ne as bytesToSize,
-  Ke as createLogger,
-  He as dayjs,
-  ze as formatDatePosted,
-  Ve as logger,
-  Be as useDialog,
+  ue as StripeTextField,
+  we as bytesToSize,
+  qe as createLogger,
+  Oe as dayjs,
+  Ne as formatDatePosted,
+  He as logger,
+  Ie as useDialog,
   n as useDialogConfirm,
   T as useDialogMessage,
-  Ie as usePopover,
+  ze as usePopover,
   re as useSnackbarMessage
 };

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { TypographyProps } from '@mui/material';
+export interface SCopyableTextProps {
+    text?: string;
+    typographyProps?: TypographyProps;
+}
+declare const SCopyableText: ({ text, typographyProps }: SCopyableTextProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SCopyableText;

package/dist/s-copyable-text/s-copyable-text.js

@@ -0,0 +1,55 @@
+import { j as e } from "../jsx-runtime-DywqP_6a.js";
+import { useState as a } from "react";
+import { Box as l, IconButton as d, Typography as x } from "@mui/material";
+import { c as s } from "../createSvgIcon-DN-sh_sr.js";
+const m = s(/* @__PURE__ */ e.jsx("path", {
+  d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+}), "Check"), h = s(/* @__PURE__ */ e.jsx("path", {
+  d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"
+}), "ContentCopy"), j = ({ text: t, typographyProps: o }) => {
+  const [r, i] = a(!1), n = async () => {
+    try {
+      await navigator.clipboard.writeText(t || ""), i(!0), setTimeout(() => i(!1), 2e3);
+    } catch (c) {
+      console.error("Failed to copy text:", c);
+    }
+  };
+  return t ? /* @__PURE__ */ e.jsxs(l, { sx: { position: "relative" }, children: [
+    /* @__PURE__ */ e.jsx(
+      d,
+      {
+        onClick: n,
+        size: "small",
+        sx: {
+          position: "absolute",
+          top: 8,
+          right: 8,
+          zIndex: 1,
+          color: r ? "success.main" : "inherit"
+        },
+        children: r ? /* @__PURE__ */ e.jsx(m, { fontSize: "small" }) : /* @__PURE__ */ e.jsx(h, { fontSize: "small" })
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      x,
+      {
+        variant: "body1",
+        sx: {
+          marginBottom: 0,
+          whiteSpace: "pre-wrap",
+          padding: 2,
+          borderRadius: 1,
+          border: "1px solid var(--s-palette-divider)",
+          wordBreak: "break-word",
+          ...o == null ? void 0 : o.sx
+        },
+        color: "text.secondary",
+        ...o,
+        children: t
+      }
+    )
+  ] }) : null;
+};
+export {
+  j as default
+};

package/dist/theme/customizations/inputs.js

@@ -1,16 +1,16 @@
 import { j as a } from "../../jsx-runtime-DywqP_6a.js";
-import { c as i, s as n } from "../../createSvgIcon-DN-sh_sr.js";
+import { c as i, s } from "../../createSvgIcon-DN-sh_sr.js";
 import { brand as r, gray as e } from "../theme-primitives.js";
-import { o as s } from "../../outlinedInputClasses-E4FwVkZh.js";
-import { g as d } from "../../generateUtilityClasses-BpNk3DNr.js";
+import { o as p } from "../../outlinedInputClasses-E4FwVkZh.js";
+import { g as n } from "../../generateUtilityClasses-BpNk3DNr.js";
 import { a as t } from "../../createTheme-DuP3DZSF.js";
-const p = i(/* @__PURE__ */ a.jsx("path", {
+const c = i(/* @__PURE__ */ a.jsx("path", {
   d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
-}), "CheckBoxOutlineBlankRounded"), c = i(/* @__PURE__ */ a.jsx("path", {
+}), "CheckBoxOutlineBlankRounded"), u = i(/* @__PURE__ */ a.jsx("path", {
   d: "M9 16.17 5.53 12.7a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l4.18 4.18c.39.39 1.02.39 1.41 0L20.29 7.71c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
-}), "CheckRounded"), u = i(/* @__PURE__ */ a.jsx("path", {
+}), "CheckRounded"), b = i(/* @__PURE__ */ a.jsx("path", {
   d: "M18 13H6c-.55 0-1-.45-1-1s.45-1 1-1h12c.55 0 1 .45 1 1s-.45 1-1 1"
-}), "RemoveRounded"), b = d("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), l = d("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), h = {
+}), "RemoveRounded"), g = n("MuiToggleButton", ["root", "disabled", "selected", "standard", "primary", "secondary", "sizeSmall", "sizeMedium", "sizeLarge", "fullWidth"]), d = n("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), m = {
   MuiButtonBase: {
     defaultProps: {
       disableTouchRipple: !0,
@@ -268,7 +268,7 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
               width: "2.25rem",
               height: "2.25rem",
               padding: "0.25rem",
-              [`& .${n.root}`]: { fontSize: "1rem" }
+              [`& .${s.root}`]: { fontSize: "1rem" }
             }
           },
           {
@@ -289,11 +289,11 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
       root: ({ theme: o }) => ({
         borderRadius: "10px",
         boxShadow: `0 4px 16px ${t(e[400], 0.2)}`,
-        [`& .${l.selected}`]: {
+        [`& .${d.selected}`]: {
           color: r[500]
         },
         ...o.applyStyles("dark", {
-          [`& .${l.selected}`]: {
+          [`& .${d.selected}`]: {
             color: "#fff"
           },
           boxShadow: `0 4px 16px ${t(r[700], 0.5)}`
@@ -311,7 +311,7 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
         ...o.applyStyles("dark", {
           color: e[400],
           boxShadow: "0 4px 16px rgba(0, 0, 0, 0.5)",
-          [`&.${b.selected}`]: {
+          [`&.${g.selected}`]: {
             color: r[300]
           }
         })
@@ -321,9 +321,9 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
   MuiCheckbox: {
     defaultProps: {
       disableRipple: !0,
-      icon: /* @__PURE__ */ a.jsx(p, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
-      checkedIcon: /* @__PURE__ */ a.jsx(c, { sx: { height: 14, width: 14 } }),
-      indeterminateIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } })
+      icon: /* @__PURE__ */ a.jsx(c, { sx: { color: "hsla(210, 0%, 0%, 0.0)" } }),
+      checkedIcon: /* @__PURE__ */ a.jsx(u, { sx: { height: 14, width: 14 } }),
+      indeterminateIcon: /* @__PURE__ */ a.jsx(b, { sx: { height: 14, width: 14 } })
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
@@ -410,7 +410,7 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
   },
   MuiOutlinedInput: {
     styleOverrides: {
-      input: ({ ownerState: o }) => ({
+      input: ({ ownerState: o, theme: l }) => ({
         padding: 0,
         ...o.type === "number" && {
           // Remove spinner buttons (cross-browser)
@@ -420,6 +420,12 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
           },
           MozAppearance: "textfield"
           // Firefox
+        },
+        "&:-webkit-autofill": {
+          boxShadow: `${(l.vars || l).palette.background.default} 0px 0px 0px 100px inset !important`
+        },
+        "&:-moz-autofill": {
+          boxShadow: `${(l.vars || l).palette.background.default} 0px 0px 0px 100px inset !important`
         }
       }),
       root: ({ theme: o }) => ({
@@ -432,7 +438,7 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
         "&:hover": {
           borderColor: e[400]
         },
-        [`&.${s.focused}`]: {
+        [`&.${p.focused}`]: {
           outline: `3px solid ${t(r[500], 0.5)}`,
           borderColor: r[400]
         },
@@ -485,5 +491,5 @@ const p = i(/* @__PURE__ */ a.jsx("path", {
   }
 };
 export {
-  h as inputsCustomizations
+  m as inputsCustomizations
 };

package/package.json

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