@solostylist/ui-kit 1.0.73 → 1.0.75

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

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

@@ -0,0 +1,56 @@
+import { j as e } from "../jsx-runtime-DywqP_6a.js";
+import { useState as l } from "react";
+import { Box as d, IconButton as m, Typography as x } from "@mui/material";
+import { c as i } from "../createSvgIcon-DN-sh_sr.js";
+const u = i(/* @__PURE__ */ e.jsx("path", {
+  d: "M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+}), "Check"), h = i(/* @__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"), b = ({ text: t, typographyProps: o, onCopied: r }) => {
+  const [s, c] = l(!1), a = async () => {
+    if (t)
+      try {
+        await navigator.clipboard.writeText(t), c(!0), setTimeout(() => c(!1), 2e3), r == null || r();
+      } catch (n) {
+        console.error("Failed to copy text:", n);
+      }
+  };
+  return t ? /* @__PURE__ */ e.jsxs(d, { sx: { position: "relative" }, children: [
+    /* @__PURE__ */ e.jsx(
+      m,
+      {
+        onClick: a,
+        size: "small",
+        sx: {
+          position: "absolute",
+          top: 8,
+          right: 8,
+          zIndex: 1,
+          color: s ? "success.main" : "inherit"
+        },
+        children: s ? /* @__PURE__ */ e.jsx(u, { 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 {
+  b as default
+};

package/package.json

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