@salesmind-ai/design-system 0.1.9 → 0.1.11

package/dist/index.cjs

@@ -2479,15 +2479,22 @@ var Stack = React30.forwardRef(
   }
 );
 Stack.displayName = "Stack";
+var MAX_RESPONSIVE_COLS = 6;
 var Grid = React30.forwardRef(
-  ({ columns, rows, align, justify, className, style, ...props }, ref) => {
+  ({ columns, rows, align, justify, fixed, className, style, ...props }, ref) => {
+    const useColClass = typeof columns === "number" && columns >= 1 && columns <= MAX_RESPONSIVE_COLS;
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
         ref,
-        className: clsx44__default.default("ds-grid", className),
+        className: clsx44__default.default(
+          "ds-grid",
+          useColClass && `ds-grid--cols-${columns}`,
+          fixed && "ds-grid--fixed",
+          className
+        ),
         style: {
-          gridTemplateColumns: typeof columns === "number" ? `repeat(${columns}, 1fr)` : columns,
+          gridTemplateColumns: useColClass ? void 0 : typeof columns === "number" ? `repeat(${columns}, 1fr)` : columns,
           gridTemplateRows: typeof rows === "number" ? `repeat(${rows}, 1fr)` : rows,
           alignItems: align,
           justifyItems: justify,
@@ -2518,7 +2525,7 @@ var Container = React30.forwardRef(
     } else if (size) {
       resolvedMaxWidth = CONTAINER_SIZE_MAP[size];
     } else {
-      resolvedMaxWidth = maxWidth || "1200px";
+      resolvedMaxWidth = maxWidth || "var(--container-default-max, 1200px)";
     }
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
@@ -3702,6 +3709,7 @@ var SiteFooter = React30.forwardRef(
     legalLinks = [],
     copyright,
     companyInfo,
+    bottomExtra,
     bottomActions,
     className,
     ...props
@@ -3789,6 +3797,7 @@ var SiteFooter = React30.forwardRef(
             idx
           )) })
         ] }),
+        bottomExtra && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "ds-footer__bottom-extra", children: bottomExtra }),
         companyInfo && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "ds-footer__company-info", children: companyInfo })
       ] }) })
     ] });
@@ -4526,7 +4535,18 @@ var SocialProofGrid = React30.forwardRef(
 );
 SocialProofGrid.displayName = "SocialProofGrid";
 var LogoItemRender = ({ item, className }) => {
-  const content = item.logo ? item.logo : /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.src, alt: item.alt });
+  const content = item.logo ? item.logo : /* @__PURE__ */ jsxRuntime.jsx(
+    "img",
+    {
+      src: item.src,
+      alt: item.alt,
+      width: 120,
+      height: 48,
+      loading: "lazy",
+      decoding: "async",
+      style: { objectFit: "contain", width: "auto", height: "100%" }
+    }
+  );
   const innerContent = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     content,
     item.badge && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ds-social-logos__badge", children: item.badge })
@@ -12000,20 +12020,30 @@ var Z_INDEX = {
 
 // src/tokens/breakpoints.ts
 var BREAKPOINTS = {
+  "3xs": 320,
+  "2xs": 375,
   xs: 480,
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
-  "2xl": 1536
+  "2xl": 1536,
+  "3xl": 1920,
+  "4xl": 2560,
+  "5xl": 3840
 };
 var MEDIA_QUERIES = {
+  "3xs": `(min-width: ${BREAKPOINTS["3xs"]}px)`,
+  "2xs": `(min-width: ${BREAKPOINTS["2xs"]}px)`,
   xs: `(min-width: ${BREAKPOINTS.xs}px)`,
   sm: `(min-width: ${BREAKPOINTS.sm}px)`,
   md: `(min-width: ${BREAKPOINTS.md}px)`,
   lg: `(min-width: ${BREAKPOINTS.lg}px)`,
   xl: `(min-width: ${BREAKPOINTS.xl}px)`,
-  "2xl": `(min-width: ${BREAKPOINTS["2xl"]}px)`
+  "2xl": `(min-width: ${BREAKPOINTS["2xl"]}px)`,
+  "3xl": `(min-width: ${BREAKPOINTS["3xl"]}px)`,
+  "4xl": `(min-width: ${BREAKPOINTS["4xl"]}px)`,
+  "5xl": `(min-width: ${BREAKPOINTS["5xl"]}px)`
 };
 var MotionContainer = ({
   children,