@solostylist/ui-kit 1.0.175 → 1.0.176

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

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

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

@@ -1,28 +1,28 @@
-import { j as o } from "../jsx-runtime-OVHDjVDe.js";
-import { useState as w } from "react";
-import { Box as l, Grid as p } from "@mui/material";
-import { SIconButton as I } from "../s-icon-button/s-icon-button.js";
-const j = 40, S = 16, s = ({
-  actions: n,
-  maxWidth: m,
+import { j as e } from "../jsx-runtime-tc70JA_2.js";
+import { useState as M } from "react";
+import { Box as i, Grid as c } from "@mui/material";
+import { SIconButton as T } from "../s-icon-button/s-icon-button.js";
+const k = 40, _ = 16, O = ({
+  actions: f,
+  maxWidth: u,
   columns: r = 3,
-  children: f,
-  showOnHover: i = !0,
-  visible: a,
-  position: u = "center",
-  backdropColor: v = "background.paper",
-  backdropOpacity: y = 0.9,
-  blurAmount: b = 10,
-  borderRadius: h = 0,
-  overlaySx: x,
-  onVisibilityChange: t
+  children: d,
+  showOnHover: o = !0,
+  visible: s,
+  position: n = "center",
+  backdropColor: p = "background.paper",
+  backdropOpacity: x = 0.9,
+  blurAmount: m = 10,
+  borderRadius: g = 0,
+  overlaySx: y,
+  onVisibilityChange: a
 }) => {
-  const [g, d] = w(!1), k = a !== void 0 ? a : i && g, q = () => {
-    i && a === void 0 && (d(!0), t == null || t(!0));
-  }, A = () => {
-    i && a === void 0 && (d(!1), t == null || t(!1));
-  }, _ = () => {
-    switch (u) {
+  const [h, l] = M(!1), v = s !== void 0 ? s : o && h, j = () => {
+    o && s === void 0 && (l(!0), a?.(!0));
+  }, b = () => {
+    o && s === void 0 && (l(!1), a?.(!1));
+  }, C = () => {
+    switch (n) {
       case "top-left":
         return { justifyContent: "flex-start", alignItems: "flex-start" };
       case "top-right":
@@ -31,12 +31,11 @@ const j = 40, S = 16, s = ({
         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" };
     }
-  }, O = () => {
-    switch (u) {
+  }, I = () => {
+    switch (n) {
       case "top-left":
         return "flex-start";
       case "top-right":
@@ -45,20 +44,19 @@ const j = 40, S = 16, s = ({
         return "flex-start";
       case "bottom-right":
         return "flex-end";
-      case "center":
       default:
         return "center";
     }
-  }, V = () => {
-    let e = m;
-    return r && (e = r * j + (r - 1) * S + r * 16), e;
+  }, A = () => {
+    let t = u;
+    return r && (t = r * k + (r - 1) * _ + r * 16), t;
   };
   return (
     // Main container with flex to center the children
-    /* @__PURE__ */ o.jsx(l, { display: "flex", children: /* @__PURE__ */ o.jsxs(l, { position: "relative", onMouseEnter: q, onMouseLeave: A, children: [
-      f,
-      k && /* @__PURE__ */ o.jsx(
-        l,
+    /* @__PURE__ */ e.jsx(i, { display: "flex", children: /* @__PURE__ */ e.jsxs(i, { position: "relative", onMouseEnter: j, onMouseLeave: b, children: [
+      d,
+      v && /* @__PURE__ */ e.jsx(
+        i,
         {
           position: "absolute",
           top: 0,
@@ -66,61 +64,48 @@ const j = 40, S = 16, s = ({
           width: "100%",
           height: "100%",
           display: "flex",
-          bgcolor: v,
+          bgcolor: p,
           sx: {
-            opacity: y,
-            backdropFilter: `blur(${b}px)`,
+            opacity: x,
+            backdropFilter: `blur(${m}px)`,
             transform: "translateZ(0)",
             willChange: "transform",
             transition: "opacity 0.2s ease-in-out",
-            ..._(),
-            ...x
+            ...C(),
+            ...y
           },
-          borderRadius: h,
-          children: /* @__PURE__ */ o.jsx(p, { container: !0, spacing: 2, justifyContent: O(), maxWidth: V(), children: n.map((e, C) => {
-            var c;
-            return /* @__PURE__ */ o.jsx(p, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ o.jsx(
-              I,
-              {
-                tooltipOptions: { title: e.tooltip, placement: "top" },
-                onClick: e.onClick,
-                disabled: e.disabled,
-                color: e.color,
-                size: "small",
-                sx: {
-                  margin: 1,
-                  backgroundColor: e.isActive ? "primary.main" : void 0,
-                  color: e.isActive ? "primary.contrastText" : void 0,
-                  transition: "all 0.2s cubic-bezier(0.4, 0, 0.2, 1)",
-                  opacity: e.disabled ? 0.5 : 1,
-                  "&:hover": {
-                    backgroundColor: e.isActive ? "primary.main" : void 0,
-                    color: e.isActive ? "primary.contrastText" : void 0
-                  },
-                  ...(c = e.iconButtonProps) == null ? void 0 : c.sx
+          borderRadius: g,
+          children: /* @__PURE__ */ e.jsx(c, { container: !0, spacing: 2, justifyContent: I(), maxWidth: A(), children: f.map((t, E) => /* @__PURE__ */ e.jsx(c, { display: "flex", justifyContent: "center", children: /* @__PURE__ */ e.jsx(
+            T,
+            {
+              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,
+                color: t.isActive ? "primary.contrastText" : 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.main" : void 0,
+                  color: t.isActive ? "primary.contrastText" : void 0
                 },
-                ...e.iconButtonProps,
-                children: e.icon
-              }
-            ) }, `${e.tooltip}-${C}`);
-          }) })
+                ...t.iconButtonProps?.sx
+              },
+              ...t.iconButtonProps,
+              children: t.icon
+            }
+          ) }, `${t.tooltip}-${E}`)) })
         }
       )
     ] }) })
   );
 };
-s.displayName = "SActionOverlay";
-try {
-  s.displayName = "SActionOverlay", s.__docgenInfo = { description: `A flexible overlay component that displays action buttons on top of content.
-Supports hover-based or controlled visibility, multiple positioning options, and customizable backdrop effects.`, displayName: "SActionOverlay", props: { actions: { defaultValue: null, description: "Array of action configurations for the overlay buttons", name: "actions", required: !0, type: { name: "IActionOverlay[]" } }, maxWidth: { defaultValue: null, description: "Maximum width of the actions container (overrides columns calculation)", name: "maxWidth", required: !1, type: { name: "string | number" } }, columns: { defaultValue: { value: "3" }, description: "Number of columns for the action grid layout", name: "columns", required: !1, type: { name: "number" } }, children: { defaultValue: null, description: "The content to overlay the actions on", name: "children", required: !0, type: { name: "ReactNode" } }, showOnHover: { defaultValue: { value: "true" }, description: "Whether to show overlay on hover", name: "showOnHover", required: !1, type: { name: "boolean" } }, visible: { defaultValue: null, description: "Controlled visibility state (overrides showOnHover)", name: "visible", required: !1, type: { name: "boolean" } }, position: { defaultValue: { value: "center" }, description: "Position of the action buttons within the overlay", name: "position", required: !1, type: { name: "enum", value: [{ value: '"center"' }, { value: '"top-left"' }, { value: '"top-right"' }, { value: '"bottom-left"' }, { value: '"bottom-right"' }] } }, backdropColor: { defaultValue: { value: "background.paper" }, description: "Background color of the overlay backdrop", name: "backdropColor", required: !1, type: { name: "string" } }, backdropOpacity: { defaultValue: { value: "0.9" }, description: "Opacity of the backdrop (0-1)", name: "backdropOpacity", required: !1, type: { name: "number" } }, blurAmount: { defaultValue: { value: "10" }, description: "Blur amount in pixels for the backdrop filter", name: "blurAmount", required: !1, type: { name: "number" } }, borderRadius: { defaultValue: { value: "0" }, description: "Border radius of the overlay", name: "borderRadius", required: !1, type: { name: "string | number" } }, overlaySx: { defaultValue: null, description: "Custom styles for the overlay element", name: "overlaySx", required: !1, type: { name: "SxProps<Theme>" } }, onVisibilityChange: { defaultValue: null, description: "Callback when overlay visibility changes", name: "onVisibilityChange", required: !1, type: { name: "((visible: boolean) => void)" } } } };
-} catch {
-}
-try {
-  sactionoverlay.displayName = "sactionoverlay", sactionoverlay.__docgenInfo = { description: `A flexible overlay component that displays action buttons on top of content.
-Supports hover-based or controlled visibility, multiple positioning options, and customizable backdrop effects.`, displayName: "sactionoverlay", props: { actions: { defaultValue: null, description: "Array of action configurations for the overlay buttons", name: "actions", required: !0, type: { name: "IActionOverlay[]" } }, maxWidth: { defaultValue: null, description: "Maximum width of the actions container (overrides columns calculation)", name: "maxWidth", required: !1, type: { name: "string | number" } }, columns: { defaultValue: { value: "3" }, description: "Number of columns for the action grid layout", name: "columns", required: !1, type: { name: "number" } }, children: { defaultValue: null, description: "The content to overlay the actions on", name: "children", required: !0, type: { name: "ReactNode" } }, showOnHover: { defaultValue: { value: "true" }, description: "Whether to show overlay on hover", name: "showOnHover", required: !1, type: { name: "boolean" } }, visible: { defaultValue: null, description: "Controlled visibility state (overrides showOnHover)", name: "visible", required: !1, type: { name: "boolean" } }, position: { defaultValue: { value: "center" }, description: "Position of the action buttons within the overlay", name: "position", required: !1, type: { name: "enum", value: [{ value: '"center"' }, { value: '"top-left"' }, { value: '"top-right"' }, { value: '"bottom-left"' }, { value: '"bottom-right"' }] } }, backdropColor: { defaultValue: { value: "background.paper" }, description: "Background color of the overlay backdrop", name: "backdropColor", required: !1, type: { name: "string" } }, backdropOpacity: { defaultValue: { value: "0.9" }, description: "Opacity of the backdrop (0-1)", name: "backdropOpacity", required: !1, type: { name: "number" } }, blurAmount: { defaultValue: { value: "10" }, description: "Blur amount in pixels for the backdrop filter", name: "blurAmount", required: !1, type: { name: "number" } }, borderRadius: { defaultValue: { value: "0" }, description: "Border radius of the overlay", name: "borderRadius", required: !1, type: { name: "string | number" } }, overlaySx: { defaultValue: null, description: "Custom styles for the overlay element", name: "overlaySx", required: !1, type: { name: "SxProps<Theme>" } }, onVisibilityChange: { defaultValue: null, description: "Callback when overlay visibility changes", name: "onVisibilityChange", required: !1, type: { name: "((visible: boolean) => void)" } } } };
-} catch {
-}
+O.displayName = "SActionOverlay";
 export {
-  s as SActionOverlay,
-  s as default
+  O as SActionOverlay,
+  O as default
 };

package/dist/s-ai-tool-bar/package.json

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