it-data-nexus-ui-library 2.10.15 → 2.10.16

package/dist/components/ButtonTile.mjs

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

package/dist/generated/version.mjs

@@ -1 +1 @@
-const o="2.10.15";export{o as SAGE_NEXUS_UI_VERSION};
+const o="2.10.16";export{o as SAGE_NEXUS_UI_VERSION};

package/dist/index.d.ts

@@ -898,6 +898,8 @@ interface ButtonTileProps extends Omit<ButtonBaseProps, "children" | "title"> {
     icon?: ReactNode;
     /** Non-interactive content displayed at the end of the title row, such as a status badge. */
     headerAdornment?: ReactNode;
+    /** Applies the display-scale border radius (16px mobile / 32px desktop) for marketing and website contexts. */
+    display?: boolean;
     children?: ReactNode;
     footer?: ReactNode;
     cardSx?: SxProps<Theme>;

package/package.json

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