mainstack-design-system 1.20.0 → 1.20.1

package/dist/mainstack-design-system366.cjs

@@ -1 +1 @@
-"use strict";const s=require("react/jsx-runtime"),r=require("react"),x=require("./utils-DgHSufYV.cjs"),d=r.forwardRef(({children:u,className:m,gradient:e,...l},h)=>{const c=r.useId(),a=`mask-${c}`,i=`gradient-${c}`,t=l.width||"24",o=l.height||"24",f=r.Children.map(u,n=>{if(!r.isValidElement(n))return n;const p=n.props;return r.cloneElement(n,{...p,fill:e?`url(#${i})`:"currentColor"})});return s.jsxs("svg",{ref:h,xmlns:"http://www.w3.org/2000/svg",width:t,height:o,viewBox:`0 0 ${t} ${o}`,fill:e?`url(#${i})`:"currentColor",stroke:"none",strokeWidth:"1",style:{maskType:"alpha"},className:x.cn("mds:size-20",m),...l,children:[s.jsx("defs",{children:e&&s.jsxs("linearGradient",{id:i,gradientTransform:`rotate(${e.angle??0})`,children:[s.jsx("stop",{offset:"0%",stopColor:e.from}),s.jsx("stop",{offset:"100%",stopColor:e.to})]})}),s.jsx("mask",{id:a,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:t,height:o,children:s.jsx("rect",{width:t,height:o,fill:"white"})}),s.jsx("g",{mask:`url(#${a})`,children:f})]})});d.displayName="Icon";module.exports=d;
+"use strict";const s=require("react/jsx-runtime"),t=require("react"),$=require("./utils-DgHSufYV.cjs"),m=t.forwardRef(({children:f,className:p,gradient:e,...i},x)=>{const a=t.useId(),u=`mask-${a}`,o=`gradient-${a}`,n=i.width||"24",r=i.height||"24",k=t.Children.map(f,l=>{if(!t.isValidElement(l))return l;const c=l.props,d=c?.fill,h=c?.stroke,j=d&&d!=="none",w=h&&h!=="none";return t.cloneElement(l,{...c,...e&&j?{fill:`url(#${o})`}:{},...e&&w?{stroke:`url(#${o})`}:{}})});return s.jsxs("svg",{ref:x,xmlns:"http://www.w3.org/2000/svg",width:n,height:r,viewBox:`0 0 ${n} ${r}`,fill:e?`url(#${o})`:"currentColor",stroke:"none",strokeWidth:"1",style:{maskType:"alpha"},className:$.cn("mds:size-20",p),...i,children:[s.jsx("defs",{children:e&&s.jsxs("linearGradient",{id:o,gradientTransform:`rotate(${e.angle??0})`,children:[s.jsx("stop",{offset:"0%",stopColor:e.from}),s.jsx("stop",{offset:"100%",stopColor:e.to})]})}),s.jsx("mask",{id:u,maskUnits:"userSpaceOnUse",x:"0",y:"0",width:n,height:r,children:s.jsx("rect",{width:n,height:r,fill:"white"})}),s.jsx("g",{mask:`url(#${u})`,children:k})]})});m.displayName="Icon";module.exports=m;

package/dist/mainstack-design-system366.js

@@ -1,61 +1,62 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import n, { useId as w } from "react";
-import { c as k } from "./utils-DLi4dp19.js";
-const $ = n.forwardRef(
-  ({ children: d, className: f, gradient: e, ...l }, p) => {
-    const a = w(), c = `mask-${a}`, i = `gradient-${a}`, o = l.width || "24", s = l.height || "24", h = n.Children.map(d, (t) => {
-      if (!n.isValidElement(t)) return t;
-      const u = t.props;
-      return n.cloneElement(t, {
-        ...u,
-        fill: e ? `url(#${i})` : "currentColor"
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import l, { useId as I } from "react";
+import { c as C } from "./utils-DLi4dp19.js";
+const g = l.forwardRef(
+  ({ children: p, className: u, gradient: e, ...i }, k) => {
+    const c = I(), m = `mask-${c}`, s = `gradient-${c}`, t = i.width || "24", r = i.height || "24", w = l.Children.map(p, (n) => {
+      if (!l.isValidElement(n)) return n;
+      const a = n.props, d = a?.fill, f = a?.stroke, $ = d && d !== "none", x = f && f !== "none";
+      return l.cloneElement(n, {
+        ...a,
+        ...e && $ ? { fill: `url(#${s})` } : {},
+        ...e && x ? { stroke: `url(#${s})` } : {}
       });
     });
-    return /* @__PURE__ */ m(
+    return /* @__PURE__ */ h(
       "svg",
       {
-        ref: p,
+        ref: k,
         xmlns: "http://www.w3.org/2000/svg",
-        width: o,
-        height: s,
-        viewBox: `0 0 ${o} ${s}`,
-        fill: e ? `url(#${i})` : "currentColor",
+        width: t,
+        height: r,
+        viewBox: `0 0 ${t} ${r}`,
+        fill: e ? `url(#${s})` : "currentColor",
         stroke: "none",
         strokeWidth: "1",
         style: { maskType: "alpha" },
-        className: k("mds:size-20", f),
-        ...l,
+        className: C("mds:size-20", u),
+        ...i,
         children: [
-          /* @__PURE__ */ r("defs", { children: e && /* @__PURE__ */ m(
+          /* @__PURE__ */ o("defs", { children: e && /* @__PURE__ */ h(
             "linearGradient",
             {
-              id: i,
+              id: s,
               gradientTransform: `rotate(${e.angle ?? 0})`,
               children: [
-                /* @__PURE__ */ r("stop", { offset: "0%", stopColor: e.from }),
-                /* @__PURE__ */ r("stop", { offset: "100%", stopColor: e.to })
+                /* @__PURE__ */ o("stop", { offset: "0%", stopColor: e.from }),
+                /* @__PURE__ */ o("stop", { offset: "100%", stopColor: e.to })
               ]
             }
           ) }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ o(
             "mask",
             {
-              id: c,
+              id: m,
               maskUnits: "userSpaceOnUse",
               x: "0",
               y: "0",
-              width: o,
-              height: s,
-              children: /* @__PURE__ */ r("rect", { width: o, height: s, fill: "white" })
+              width: t,
+              height: r,
+              children: /* @__PURE__ */ o("rect", { width: t, height: r, fill: "white" })
             }
           ),
-          /* @__PURE__ */ r("g", { mask: `url(#${c})`, children: h })
+          /* @__PURE__ */ o("g", { mask: `url(#${m})`, children: w })
         ]
       }
     );
   }
 );
-$.displayName = "Icon";
+g.displayName = "Icon";
 export {
-  $ as default
+  g as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "1.20.0",
+  "version": "1.20.1",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",