@sisense/sdk-shared-ui 1.27.1 → 1.29.0

package/dist/Breadcrumbs-B46ViOSv.cjs

@@ -0,0 +1,3 @@
+"use strict";const n=require("react/jsx-runtime"),j=require("react"),w=require("./Typography-CGsd6zC4.cjs"),k=require("./Icon-CqoYg88-.cjs"),z=require("./deepmerge-BuAjuQR6.cjs"),s=require("./ThemeProvider-BjBWRt7C.cjs"),P=require("./integerPropType-BGlNA6vX.cjs"),r=require("./index-B-zZeebW.cjs"),D=require("./createSvgIcon-DDrcw4wZ.cjs"),U=require("./ButtonBase-Camgk6s8.cjs"),_=require("./useSlotProps-COvANhgg.cjs");function A(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=A(j),V=D.createSvgIcon(n.jsx("path",{d:"M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"}),"MoreHoriz"),F=s.styled(U.ButtonBase)(s.memoTheme(({theme:e})=>({display:"flex",marginLeft:`calc(${e.spacing(1)} * 0.5)`,marginRight:`calc(${e.spacing(1)} * 0.5)`,...e.palette.mode==="light"?{backgroundColor:e.palette.grey[100],color:e.palette.grey[700]}:{backgroundColor:e.palette.grey[700],color:e.palette.grey[100]},borderRadius:2,"&:hover, &:focus":{...e.palette.mode==="light"?{backgroundColor:e.palette.grey[200]}:{backgroundColor:e.palette.grey[600]}},"&:active":{boxShadow:e.shadows[0],...e.palette.mode==="light"?{backgroundColor:s.emphasize(e.palette.grey[200],.12)}:{backgroundColor:s.emphasize(e.palette.grey[600],.12)}}}))),H=s.styled(V)({width:24,height:16});function R(e){const{slots:o={},slotProps:t={},...a}=e,p=e;return n.jsx("li",{children:n.jsx(F,{focusRipple:!0,...a,ownerState:p,children:n.jsx(H,{as:o.CollapsedIcon,ownerState:p,...t.collapsedIcon})})})}process.env.NODE_ENV!=="production"&&(R.propTypes={slotProps:r.PropTypes.shape({collapsedIcon:r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object])}),slots:r.PropTypes.shape({CollapsedIcon:r.PropTypes.elementType}),sx:r.PropTypes.object});function L(e){return s.generateUtilityClass("MuiBreadcrumbs",e)}const W=s.generateUtilityClasses("MuiBreadcrumbs",["root","ol","li","separator"]),Y=e=>{const{classes:o}=e,t={root:["root"],li:["li"],ol:["ol"],separator:["separator"]};return s.composeClasses(t,L,o)},G=s.styled(w.Typography$1,{name:"MuiBreadcrumbs",slot:"Root",overridesResolver:(e,o)=>[{[`& .${W.li}`]:o.li},o.root]})({}),J=s.styled("ol",{name:"MuiBreadcrumbs",slot:"Ol",overridesResolver:(e,o)=>o.ol})({display:"flex",flexWrap:"wrap",alignItems:"center",padding:0,margin:0,listStyle:"none"}),K=s.styled("li",{name:"MuiBreadcrumbs",slot:"Separator",overridesResolver:(e,o)=>o.separator})({display:"flex",userSelect:"none",marginLeft:8,marginRight:8});function Q(e,o,t,a){return e.reduce((p,i,l)=>(l<e.length-1?p=p.concat(i,n.jsx(K,{"aria-hidden":!0,className:o,ownerState:a,children:t},`separator-${l}`)):p.push(i),p),[])}const N=u.forwardRef(function(o,t){const a=s.useDefaultProps({props:o,name:"MuiBreadcrumbs"}),{children:p,className:i,component:l="nav",slots:m={},slotProps:y={},expandText:f="Show path",itemsAfterCollapse:g=1,itemsBeforeCollapse:b=1,maxItems:T=8,separator:v="/",...M}=a,[S,$]=u.useState(!1),d={...a,component:l,expanded:S,expandText:f,itemsAfterCollapse:g,itemsBeforeCollapse:b,maxItems:T,separator:v},h=Y(d),q=_.useSlotProps({elementType:m.CollapsedIcon,externalSlotProps:y.collapsedIcon,ownerState:d}),I=u.useRef(null),E=c=>{const B=()=>{$(!0);const O=I.current.querySelector("a[href],button,[tabindex]");O&&O.focus()};return b+g>=c.length?(process.env.NODE_ENV!=="production"&&console.error(["MUI: You have provided an invalid combination of props to the Breadcrumbs.",`itemsAfterCollapse={${g}} + itemsBeforeCollapse={${b}} >= maxItems={${T}}`].join(`
+`)),c):[...c.slice(0,b),n.jsx(R,{"aria-label":f,slots:{CollapsedIcon:m.CollapsedIcon},slotProps:{collapsedIcon:q},onClick:B},"ellipsis"),...c.slice(c.length-g,c.length)]},x=u.Children.toArray(p).filter(c=>(process.env.NODE_ENV!=="production"&&P.reactIsExports.isFragment(c)&&console.error(["MUI: The Breadcrumbs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join(`
+`)),u.isValidElement(c))).map((c,B)=>n.jsx("li",{className:h.li,children:c},`child-${B}`));return n.jsx(G,{ref:t,component:l,color:"textSecondary",className:s.clsx(h.root,i),ownerState:d,...M,children:n.jsx(J,{className:h.ol,ref:I,ownerState:d,children:Q(S||T&&x.length<=T?x:E(x),h.separator,v,d)})})});process.env.NODE_ENV!=="production"&&(N.propTypes={children:r.PropTypes.node,classes:r.PropTypes.object,className:r.PropTypes.string,component:r.PropTypes.elementType,expandText:r.PropTypes.string,itemsAfterCollapse:P.integerPropType,itemsBeforeCollapse:P.integerPropType,maxItems:P.integerPropType,separator:r.PropTypes.node,slotProps:r.PropTypes.shape({collapsedIcon:r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object])}),slots:r.PropTypes.shape({CollapsedIcon:r.PropTypes.elementType}),sx:r.PropTypes.oneOfType([r.PropTypes.arrayOf(r.PropTypes.oneOfType([r.PropTypes.func,r.PropTypes.object,r.PropTypes.bool])),r.PropTypes.func,r.PropTypes.object])});const C=s.createTheme$1({components:{MuiBreadcrumbs:{styleOverrides:{separator:{height:"24px"}}}}}),X=j.memo(()=>n.jsx(k.Icon,{name:"general-double-arrow-front"})),Z=j.forwardRef(({theme:e,breadcrumbItems:o,separator:t=n.jsx(X,{}),...a},p)=>{const i=e?z.deepmerge(C,{components:{MuiBreadcrumbs:e}}):C;return n.jsx(s.ThemeProvider,{theme:i,children:n.jsx(N,{"aria-label":"breadcrumb",ref:p,...a,separator:t,children:o.map(({label:l,isActive:m,onClick:y},f)=>n.jsx(w.Typography,{variant:m?"laccent":"bodyUI",onClick:y,sx:y?{cursor:"pointer"}:{},children:l},`${l}-${f}`))})})});exports.Breadcrumbs=Z;exports.breadcrumbsTheme=C;

package/dist/Breadcrumbs-CQNCIJ2Y.js

@@ -0,0 +1,301 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as d from "react";
+import P from "react";
+import { a as U, T as z } from "./Typography-BGFgTnYN.js";
+import { I as A } from "./Icon-D0uZg6iJ.js";
+import { d as _ } from "./deepmerge-DNqbOtFI.js";
+import { s as m, m as D, i as R, b as V, g as F, e as H, f as L, h as q, a as W, T as Y } from "./ThemeProvider-BCsnqK18.js";
+import { r as G, i as T } from "./integerPropType-B8hl-7D0.js";
+import { P as o } from "./index-D0lMis-I.js";
+import { c as J } from "./createSvgIcon-rAujRRtd.js";
+import { B as K } from "./ButtonBase-DPVWpC8-.js";
+import { u as Q } from "./useSlotProps-BpXHXb21.js";
+const X = J(/* @__PURE__ */ s("path", {
+  d: "M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"
+}), "MoreHoriz"), Z = m(K)(D(({
+  theme: e
+}) => ({
+  display: "flex",
+  marginLeft: `calc(${e.spacing(1)} * 0.5)`,
+  marginRight: `calc(${e.spacing(1)} * 0.5)`,
+  ...e.palette.mode === "light" ? {
+    backgroundColor: e.palette.grey[100],
+    color: e.palette.grey[700]
+  } : {
+    backgroundColor: e.palette.grey[700],
+    color: e.palette.grey[100]
+  },
+  borderRadius: 2,
+  "&:hover, &:focus": {
+    ...e.palette.mode === "light" ? {
+      backgroundColor: e.palette.grey[200]
+    } : {
+      backgroundColor: e.palette.grey[600]
+    }
+  },
+  "&:active": {
+    boxShadow: e.shadows[0],
+    ...e.palette.mode === "light" ? {
+      backgroundColor: R(e.palette.grey[200], 0.12)
+    } : {
+      backgroundColor: R(e.palette.grey[600], 0.12)
+    }
+  }
+}))), ee = m(X)({
+  width: 24,
+  height: 16
+});
+function M(e) {
+  const {
+    slots: r = {},
+    slotProps: n = {},
+    ...l
+  } = e, a = e;
+  return /* @__PURE__ */ s("li", {
+    children: /* @__PURE__ */ s(Z, {
+      focusRipple: !0,
+      ...l,
+      ownerState: a,
+      children: /* @__PURE__ */ s(ee, {
+        as: r.CollapsedIcon,
+        ownerState: a,
+        ...n.collapsedIcon
+      })
+    })
+  });
+}
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  /**
+   * The props used for the CollapsedIcon slot.
+   * @default {}
+   */
+  slotProps: o.shape({
+    collapsedIcon: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside the BreadcumbCollapsed.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: o.shape({
+    CollapsedIcon: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.object
+});
+function oe(e) {
+  return F("MuiBreadcrumbs", e);
+}
+const re = V("MuiBreadcrumbs", ["root", "ol", "li", "separator"]), se = (e) => {
+  const {
+    classes: r
+  } = e;
+  return q({
+    root: ["root"],
+    li: ["li"],
+    ol: ["ol"],
+    separator: ["separator"]
+  }, oe, r);
+}, ae = m(U, {
+  name: "MuiBreadcrumbs",
+  slot: "Root",
+  overridesResolver: (e, r) => [{
+    [`& .${re.li}`]: r.li
+  }, r.root]
+})({}), te = m("ol", {
+  name: "MuiBreadcrumbs",
+  slot: "Ol",
+  overridesResolver: (e, r) => r.ol
+})({
+  display: "flex",
+  flexWrap: "wrap",
+  alignItems: "center",
+  padding: 0,
+  margin: 0,
+  listStyle: "none"
+}), ne = m("li", {
+  name: "MuiBreadcrumbs",
+  slot: "Separator",
+  overridesResolver: (e, r) => r.separator
+})({
+  display: "flex",
+  userSelect: "none",
+  marginLeft: 8,
+  marginRight: 8
+});
+function le(e, r, n, l) {
+  return e.reduce((a, p, c) => (c < e.length - 1 ? a = a.concat(p, /* @__PURE__ */ s(ne, {
+    "aria-hidden": !0,
+    className: r,
+    ownerState: l,
+    children: n
+  }, `separator-${c}`)) : a.push(p), a), []);
+}
+const E = /* @__PURE__ */ d.forwardRef(function(r, n) {
+  const l = H({
+    props: r,
+    name: "MuiBreadcrumbs"
+  }), {
+    children: a,
+    className: p,
+    component: c = "nav",
+    slots: u = {},
+    slotProps: f = {},
+    expandText: b = "Show path",
+    itemsAfterCollapse: g = 1,
+    itemsBeforeCollapse: h = 1,
+    maxItems: y = 8,
+    separator: v = "/",
+    ...O
+  } = l, [I, $] = d.useState(!1), i = {
+    ...l,
+    component: c,
+    expanded: I,
+    expandText: b,
+    itemsAfterCollapse: g,
+    itemsBeforeCollapse: h,
+    maxItems: y,
+    separator: v
+  }, B = se(i), j = Q({
+    elementType: u.CollapsedIcon,
+    externalSlotProps: f.collapsedIcon,
+    ownerState: i
+  }), S = d.useRef(null), k = (t) => {
+    const x = () => {
+      $(!0);
+      const w = S.current.querySelector("a[href],button,[tabindex]");
+      w && w.focus();
+    };
+    return h + g >= t.length ? (process.env.NODE_ENV !== "production" && console.error(["MUI: You have provided an invalid combination of props to the Breadcrumbs.", `itemsAfterCollapse={${g}} + itemsBeforeCollapse={${h}} >= maxItems={${y}}`].join(`
+`)), t) : [...t.slice(0, h), /* @__PURE__ */ s(M, {
+      "aria-label": b,
+      slots: {
+        CollapsedIcon: u.CollapsedIcon
+      },
+      slotProps: {
+        collapsedIcon: j
+      },
+      onClick: x
+    }, "ellipsis"), ...t.slice(t.length - g, t.length)];
+  }, C = d.Children.toArray(a).filter((t) => (process.env.NODE_ENV !== "production" && G.isFragment(t) && console.error(["MUI: The Breadcrumbs component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), /* @__PURE__ */ d.isValidElement(t))).map((t, x) => /* @__PURE__ */ s("li", {
+    className: B.li,
+    children: t
+  }, `child-${x}`));
+  return /* @__PURE__ */ s(ae, {
+    ref: n,
+    component: c,
+    color: "textSecondary",
+    className: L(B.root, p),
+    ownerState: i,
+    ...O,
+    children: /* @__PURE__ */ s(te, {
+      className: B.ol,
+      ref: S,
+      ownerState: i,
+      children: le(I || y && C.length <= y ? C : k(C), B.separator, v, i)
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (E.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The content of the component.
+   */
+  children: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: o.elementType,
+  /**
+   * Override the default label for the expand button.
+   *
+   * For localization purposes, you can use the provided [translations](https://mui.com/material-ui/guides/localization/).
+   * @default 'Show path'
+   */
+  expandText: o.string,
+  /**
+   * If max items is exceeded, the number of items to show after the ellipsis.
+   * @default 1
+   */
+  itemsAfterCollapse: T,
+  /**
+   * If max items is exceeded, the number of items to show before the ellipsis.
+   * @default 1
+   */
+  itemsBeforeCollapse: T,
+  /**
+   * Specifies the maximum number of breadcrumbs to display. When there are more
+   * than the maximum number, only the first `itemsBeforeCollapse` and last `itemsAfterCollapse`
+   * will be shown, with an ellipsis in between.
+   * @default 8
+   */
+  maxItems: T,
+  /**
+   * Custom separator node.
+   * @default '/'
+   */
+  separator: o.node,
+  /**
+   * The props used for each slot inside the Breadcumb.
+   * @default {}
+   */
+  slotProps: o.shape({
+    collapsedIcon: o.oneOfType([o.func, o.object])
+  }),
+  /**
+   * The components used for each slot inside the Breadcumb.
+   * Either a string to use a HTML element or a component.
+   * @default {}
+   */
+  slots: o.shape({
+    CollapsedIcon: o.elementType
+  }),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object])
+});
+const N = W({
+  components: {
+    MuiBreadcrumbs: {
+      styleOverrides: {
+        separator: {
+          height: "24px"
+        }
+      }
+    }
+  }
+}), ce = P.memo(() => /* @__PURE__ */ s(A, { name: "general-double-arrow-front" })), Ce = P.forwardRef(
+  ({ theme: e, breadcrumbItems: r, separator: n = /* @__PURE__ */ s(ce, {}), ...l }, a) => {
+    const p = e ? _(N, { components: { MuiBreadcrumbs: e } }) : N;
+    return /* @__PURE__ */ s(Y, { theme: p, children: /* @__PURE__ */ s(E, { "aria-label": "breadcrumb", ref: a, ...l, separator: n, children: r.map(({ label: c, isActive: u, onClick: f }, b) => /* @__PURE__ */ s(
+      z,
+      {
+        variant: u ? "laccent" : "bodyUI",
+        onClick: f,
+        sx: f ? { cursor: "pointer" } : {},
+        children: c
+      },
+      `${c}-${b}`
+    )) }) });
+  }
+);
+export {
+  Ce as B,
+  N as b
+};

package/dist/Button-CoMaroSC.cjs

@@ -0,0 +1 @@
+"use strict";const y=require("react/jsx-runtime"),B=require("react"),V=require("./deepmerge-BuAjuQR6.cjs"),s=require("./lib/themes/themes.cjs"),a=require("./ThemeProvider-BjBWRt7C.cjs"),e=require("./index-B-zZeebW.cjs"),L=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),D=require("./ButtonBase-Camgk6s8.cjs");function q(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>o[t]})}}return r.default=o,Object.freeze(r)}const g=q(B);function h(o,r){const t={...r};for(const n in o)if(Object.prototype.hasOwnProperty.call(o,n)){const i=n;if(i==="components"||i==="slots")t[i]={...o[i],...t[i]};else if(i==="componentsProps"||i==="slotProps"){const l=o[i],p=r[i];if(!p)t[i]=l||{};else if(!l)t[i]=p;else{t[i]={...p};for(const d in l)if(Object.prototype.hasOwnProperty.call(l,d)){const c=d;t[i][c]=h(l[c],p[c])}}}else t[i]===void 0&&(t[i]=o[i])}return t}function G(o){return a.generateUtilityClass("MuiButton",o)}const u=a.generateUtilityClasses("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","colorPrimary","colorSecondary","colorSuccess","colorError","colorInfo","colorWarning","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","icon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),m=g.createContext({});process.env.NODE_ENV!=="production"&&(m.displayName="ButtonGroupContext");const w=g.createContext(void 0);process.env.NODE_ENV!=="production"&&(w.displayName="ButtonGroupButtonContext");const U=o=>{const{color:r,disableElevation:t,fullWidth:n,size:i,variant:l,classes:p}=o,d={root:["root",l,`${l}${a.capitalize(r)}`,`size${a.capitalize(i)}`,`${l}Size${a.capitalize(i)}`,`color${a.capitalize(r)}`,t&&"disableElevation",n&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${a.capitalize(i)}`],endIcon:["icon","endIcon",`iconSize${a.capitalize(i)}`]},c=a.composeClasses(d,G,p);return{...p,...c}},$=[{props:{size:"small"},style:{"& > *:nth-of-type(1)":{fontSize:18}}},{props:{size:"medium"},style:{"& > *:nth-of-type(1)":{fontSize:20}}},{props:{size:"large"},style:{"& > *:nth-of-type(1)":{fontSize:22}}}],A=a.styled(D.ButtonBase,{shouldForwardProp:o=>a.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.root,r[t.variant],r[`${t.variant}${a.capitalize(t.color)}`],r[`size${a.capitalize(t.size)}`],r[`${t.variant}Size${a.capitalize(t.size)}`],t.color==="inherit"&&r.colorInherit,t.disableElevation&&r.disableElevation,t.fullWidth&&r.fullWidth]}})(a.memoTheme(({theme:o})=>{const r=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],t=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return{...o.typography.button,minWidth:64,padding:"6px 16px",border:0,borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":{textDecoration:"none"},[`&.${u.disabled}`]:{color:(o.vars||o).palette.action.disabled},variants:[{props:{variant:"contained"},style:{color:"var(--variant-containedColor)",backgroundColor:"var(--variant-containedBg)",boxShadow:(o.vars||o).shadows[2],"&:hover":{boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2]}},"&:active":{boxShadow:(o.vars||o).shadows[8]},[`&.${u.focusVisible}`]:{boxShadow:(o.vars||o).shadows[6]},[`&.${u.disabled}`]:{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground}}},{props:{variant:"outlined"},style:{padding:"5px 15px",border:"1px solid currentColor",borderColor:"var(--variant-outlinedBorder, currentColor)",backgroundColor:"var(--variant-outlinedBg)",color:"var(--variant-outlinedColor)",[`&.${u.disabled}`]:{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`}}},{props:{variant:"text"},style:{padding:"6px 8px",color:"var(--variant-textColor)",backgroundColor:"var(--variant-textBg)"}},...Object.entries(o.palette).filter(L.createSimplePaletteValueFilter()).map(([n])=>({props:{color:n},style:{"--variant-textColor":(o.vars||o).palette[n].main,"--variant-outlinedColor":(o.vars||o).palette[n].main,"--variant-outlinedBorder":o.vars?`rgba(${o.vars.palette[n].mainChannel} / 0.5)`:a.alpha(o.palette[n].main,.5),"--variant-containedColor":(o.vars||o).palette[n].contrastText,"--variant-containedBg":(o.vars||o).palette[n].main,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":(o.vars||o).palette[n].dark,"--variant-textBg":o.vars?`rgba(${o.vars.palette[n].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha(o.palette[n].main,o.palette.action.hoverOpacity),"--variant-outlinedBorder":(o.vars||o).palette[n].main,"--variant-outlinedBg":o.vars?`rgba(${o.vars.palette[n].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha(o.palette[n].main,o.palette.action.hoverOpacity)}}}})),{props:{color:"inherit"},style:{color:"inherit",borderColor:"currentColor","--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedBg:r,"@media (hover: hover)":{"&:hover":{"--variant-containedBg":o.vars?o.vars.palette.Button.inheritContainedHoverBg:t,"--variant-textBg":o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha(o.palette.text.primary,o.palette.action.hoverOpacity),"--variant-outlinedBg":o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha(o.palette.text.primary,o.palette.action.hoverOpacity)}}}},{props:{size:"small",variant:"text"},style:{padding:"4px 5px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"text"},style:{padding:"8px 11px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"outlined"},style:{padding:"3px 9px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"outlined"},style:{padding:"7px 21px",fontSize:o.typography.pxToRem(15)}},{props:{size:"small",variant:"contained"},style:{padding:"4px 10px",fontSize:o.typography.pxToRem(13)}},{props:{size:"large",variant:"contained"},style:{padding:"8px 22px",fontSize:o.typography.pxToRem(15)}},{props:{disableElevation:!0},style:{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${u.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${u.disabled}`]:{boxShadow:"none"}}},{props:{fullWidth:!0},style:{width:"100%"}}]}})),F=a.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.startIcon,r[`iconSize${a.capitalize(t.size)}`]]}})({display:"inherit",marginRight:8,marginLeft:-4,variants:[{props:{size:"small"},style:{marginLeft:-2}},...$]}),K=a.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.endIcon,r[`iconSize${a.capitalize(t.size)}`]]}})({display:"inherit",marginRight:-4,marginLeft:8,variants:[{props:{size:"small"},style:{marginRight:-2}},...$]}),I=g.forwardRef(function(r,t){const n=g.useContext(m),i=g.useContext(w),l=h(n,r),p=a.useDefaultProps({props:l,name:"MuiButton"}),{children:d,color:c="primary",component:C="button",className:k,disabled:f=!1,disableElevation:O=!1,disableFocusRipple:S=!1,endIcon:T,focusVisibleClassName:R,fullWidth:E=!1,size:N="medium",startIcon:z,type:P,variant:j="text",...M}=p,x={...p,color:c,component:C,disabled:f,disableElevation:O,disableFocusRipple:S,fullWidth:E,size:N,type:P,variant:j},v=U(x),_=z&&y.jsx(F,{className:v.startIcon,ownerState:x,children:z}),W=T&&y.jsx(K,{className:v.endIcon,ownerState:x,children:T}),H=i||"";return y.jsxs(A,{ownerState:x,className:a.clsx(n.className,v.root,k,H),component:C,disabled:f,focusRipple:!S,focusVisibleClassName:a.clsx(v.focusVisible,R),ref:t,type:P,...M,classes:v,children:[_,d,W]})});process.env.NODE_ENV!=="production"&&(I.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),e.PropTypes.string]),component:e.PropTypes.elementType,disabled:e.PropTypes.bool,disableElevation:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,endIcon:e.PropTypes.node,focusVisibleClassName:e.PropTypes.string,fullWidth:e.PropTypes.bool,href:e.PropTypes.string,size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["small","medium","large"]),e.PropTypes.string]),startIcon:e.PropTypes.node,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object]),type:e.PropTypes.oneOfType([e.PropTypes.oneOf(["button","reset","submit"]),e.PropTypes.string]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["contained","outlined","text"]),e.PropTypes.string])});const b=a.createTheme$1({components:{MuiButton:{variants:[{props:{variant:"gray"},style:{backgroundColor:s.siColors.StUiColors.guiding,color:s.siColors.StInteractionColors.linkHovered,"&:hover":{backgroundColor:s.siColors.StInteractionColors.guidingHover},"&:disabled":{backgroundColor:s.siColors.StBackgroundColors.workspace}}},{props:{variant:"primary"},style:{"&:disabled":{backgroundColor:s.siColors.StPrimaryColors.primary}}},{props:{variant:"secondary"},style:{backgroundColor:s.siColors.StBackgroundColors.workspace,color:s.siColors.StInteractionColors.linkHovered,border:`1px solid ${s.sfColors.$SHUTTLE_GRAY_DARK}`,"&:hover":{backgroundColor:s.siColors.StBackgroundColors.workspace,border:`1px solid ${s.sfColors.$SHUTTLE_GRAY_DARK}`},"&:disabled":{backgroundColor:s.siColors.StBackgroundColors.workspace}}},{props:{variant:"text"},style:{color:s.siColors.StTextColors.link,"&:hover":{backgroundColor:s.siColors.StInteractionColors.guidingHover},"&:disabled":{backgroundColor:s.siColors.StBackgroundColors.workspace}}}],styleOverrides:{root:{borderRadius:"4px",height:"28px",lineHeight:"24px",minHeight:0,textTransform:"none",color:s.siColors.StTextColors.active,boxShadow:"none","&:hover":{backgroundColor:s.siColors.StInteractionColors.primaryHovered,boxShadow:"none"},"&:disabled":{color:s.sfColors.$SHUTTLE_GRAY_DARK,opacity:".3"}}}}}});b.shadows[1]="0px 0px 5px rgba(58, 67, 86, 0.2)";b.shadows[2]="0 1px 3px 1px rgba(58, 67, 86, 0.3)";const Y=B.forwardRef((o,r)=>{const{children:t,theme:n,...i}=o,l=n?V.deepmerge(b,{components:{MuiButton:n}}):b;return y.jsx(a.ThemeProvider,{theme:l,children:y.jsx(I,{...i,ref:r,children:t})})});exports.Button=Y;exports.buttonsTheme=b;