it-data-nexus-ui-library 2.5.5 → 2.5.6

package/dist/components/ButtonTile.mjs

@@ -1 +1 @@
-import{jsx as i,jsxs as e}from"react/jsx-runtime";import{Box as r}from"@mui/material";import{AiCard as t}from"./AiCard.mjs";import{ButtonBase as o}from"./Buttons/ButtonBase.mjs";import{Card as n}from"./Card.mjs";import{H2 as s,H3 as l}from"./Typography.mjs";import{Stack as a}from"./_Primitives/Stack.mjs";const d=i=>Array.isArray(i)?i:i?[i]:[],m=({ai:m=!1,title:h,subtitle:x,icon:c,headerAdornment:p,children:f,footer:u,sx:g,cardSx:y,contentSx:b,headerSx:S,headerAdornmentSx:w,iconSx:j,titleSx:C,subtitleSx:v,bodySx:A,footerSx:I,...B})=>{const k=m?t:n;return i(o,{...B,sx:[{alignItems:"stretch",borderRadius:1,textAlign:"left",transition:"filter 160ms ease","&:hover":{filter:"brightness(0.8)"},"&:active":{filter:"brightness(0.7)"},"&:focus-visible":{outline:"2px solid",outlineColor:"primary.main",outlineOffset:3},"&.Mui-disabled":{opacity:.5},"& > div":{display:"flex",width:"100%",height:"100%"}},...d(g)],children:i(k,{sx:[{width:"100%",height:"100%",border:m?"none":"1px solid",borderColor:m?void 0:"primary.main","& .MuiCardContent-root":{display:"flex",width:"100%",height:"100%",flexDirection:"column"}},...d(y)],children:e(a,{sx:[{width:"100%",height:"100%",gap:1.5},...d(b)],children:[e(a,{direction:"row",sx:[{alignItems:"flex-start",justifyContent:"space-between",gap:1,flexWrap:"wrap"},...d(S)],children:[e(a,{direction:"row",sx:{alignItems:"center",gap:1,minWidth:0},children:[c&&i(r,{sx:[{display:"flex",alignItems:"center",flexShrink:0},...d(j)],children:c}),i(s,{sx:C,children:h})]}),p&&i(r,{sx:w,children:p})]}),x&&i(l,{sx:[{color:"text.secondary"},...d(v)],children:x}),f&&i(a,{sx:[{gap:1},...d(A)],children:f}),u&&i(a,{sx:[{mt:"auto"},...d(I)],children:u})]})})})},h=e=>i(m,{...e}),x=e=>i(m,{...e,ai:!0});export{x as AiButtonTile,h as ButtonTile};
+import{jsx as i,jsxs as e}from"react/jsx-runtime";import{Box as t}from"@mui/material";import{AiCard as r}from"./AiCard.mjs";import{ButtonBase as o}from"./Buttons/ButtonBase.mjs";import{Card as n}from"./Card.mjs";import{H2 as s,H3 as l}from"./Typography.mjs";import{Stack as a}from"./_Primitives/Stack.mjs";const d=i=>Array.isArray(i)?i:i?[i]:[],m=({ai:m=!1,title:h,subtitle:x,maxWidth:c=350,icon:p,headerAdornment:f,children:u,footer:g,sx:y,cardSx:b,contentSx:S,headerSx:w,headerAdornmentSx:j,iconSx:C,titleSx:v,subtitleSx:A,bodySx:I,footerSx:W,...B})=>{const k=m?r:n;return i(o,{...B,sx:[{alignItems:"stretch",borderRadius:1,maxWidth:c,textAlign:"left",transition:"filter 160ms ease","&:hover":{filter:"brightness(0.8)"},"&:active":{filter:"brightness(0.7)"},"&:focus-visible":{outline:"2px solid",outlineColor:"primary.main",outlineOffset:3},"&.Mui-disabled":{opacity:.5},"& > div":{display:"flex",width:"100%",height:"100%"}},...d(y)],children:i(k,{sx:[{width:"100%",height:"100%",border:m?"none":"1px solid",borderColor:m?void 0:"primary.main","& .MuiCardContent-root":{display:"flex",width:"100%",height:"100%",flexDirection:"column"}},...d(b)],children:e(a,{sx:[{width:"100%",height:"100%",gap:1.5},...d(S)],children:[e(a,{direction:"row",sx:[{alignItems:"flex-start",justifyContent:"space-between",gap:1,flexWrap:"wrap"},...d(w)],children:[e(a,{direction:"row",sx:{alignItems:"center",gap:1,minWidth:0},children:[p&&i(t,{sx:[{display:"flex",alignItems:"center",flexShrink:0},...d(C)],children:p}),i(s,{sx:v,children:h})]}),f&&i(t,{sx:j,children:f})]}),x&&i(l,{sx:[{color:"text.secondary"},...d(A)],children:x}),u&&i(a,{sx:[{gap:1},...d(I)],children:u}),g&&i(a,{sx:[{mt:"auto"},...d(W)],children:g})]})})})},h=e=>i(m,{...e}),x=e=>i(m,{...e,ai:!0});export{x as AiButtonTile,h as ButtonTile};

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="2.5.5";export{o as SAGE_NEXUS_UI_VERSION};
+const o="2.5.6";export{o as SAGE_NEXUS_UI_VERSION};

package/dist/index.d.ts

@@ -742,6 +742,8 @@ declare const ButtonBase: (props: ButtonBaseProps) => react.JSX.Element;
 interface ButtonTileProps extends Omit<ButtonBaseProps, "children" | "title"> {
     title: ReactNode;
     subtitle?: ReactNode;
+    /** Maximum tile width. Defaults to 350px. */
+    maxWidth?: number | string;
     icon?: ReactNode;
     /** Non-interactive content displayed at the end of the title row, such as a status badge. */
     headerAdornment?: ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "it-data-nexus-ui-library",
-  "version": "2.5.5",
+  "version": "2.5.6",
   "description": "Nexus core components",
   "license": "ISC",
   "author": "emsmart-sage",