@iit/precision-ui 0.8.26 → 0.8.28

package/dist/components/GridIterator.d.ts

@@ -8,7 +8,8 @@ interface GridIteratorProps<T> {
     withoutCarousel?: boolean;
     footnote?: string;
     variant?: 'default' | 'white';
+    lastCustomNode?: React.ReactNode;
 }
-declare const GridIterator: <T>({ items, renderItem, columns, hideControlsOnDesktop, withoutCarousel, footnote, variant, }: GridIteratorProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
+declare const GridIterator: <T>({ items, renderItem, columns, hideControlsOnDesktop, withoutCarousel, footnote, variant, lastCustomNode, }: GridIteratorProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
 export default GridIterator;
 //# sourceMappingURL=GridIterator.d.ts.map

package/dist/components/GridIterator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridIterator.d.ts","sourceRoot":"","sources":["../../src/components/GridIterator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,iBAAiB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC9B;AAED,QAAA,MAAM,YAAY,kGAQf,kBAAkB,CAAC,CAAC,gDAmDtB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"GridIterator.d.ts","sourceRoot":"","sources":["../../src/components/GridIterator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,iBAAiB,CAAC,CAAC;IAC3B,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;IACvD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC;AAED,QAAA,MAAM,YAAY,kHASf,kBAAkB,CAAC,CAAC,gDAsDtB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/decorators/CarouselWrapper.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 
-export declare const CarouselWrapper: <T>({ items, renderItem, columns, hideControlsOnDesktop, className, variant, controlsAlign, }: {
+export declare const CarouselWrapper: <T>({ items, renderItem, columns, hideControlsOnDesktop, className, variant, controlsAlign, lastCustomNode, }: {
     items: T[];
     renderItem: (item: T, index: number) => React.ReactNode;
     columns: number;
@@ -8,5 +8,6 @@ export declare const CarouselWrapper: <T>({ items, renderItem, columns, hideCont
     className?: string;
     variant?: 'default' | 'white';
     controlsAlign?: 'left' | 'center';
+    lastCustomNode?: React.ReactNode;
 }) => import("react/jsx-dev-runtime").JSX.Element;
 //# sourceMappingURL=CarouselWrapper.d.ts.map

package/dist/decorators/CarouselWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,iGAQzB;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,SAAS,CAAA;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;CAClC,gDAsCA,CAAA"}
+{"version":3,"file":"CarouselWrapper.d.ts","sourceRoot":"","sources":["../../src/decorators/CarouselWrapper.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,eAAO,MAAM,eAAe,iHASzB;IACD,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,SAAS,CAAA;IACvD,OAAO,EAAE,MAAM,CAAA;IACf,qBAAqB,EAAE,OAAO,CAAA;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAA;IACjC,cAAc,CAAC,EAAE,MAAM,SAAS,CAAA;CACjC,gDAuCA,CAAA"}

package/dist/index.es38.js

@@ -1,17 +1,18 @@
-import { CarouselWrapper as m } from "./index.es44.js";
+import { CarouselWrapper as n } from "./index.es44.js";
 import r from "react";
-import n from "./index.es47.js";
-const p = ({
-  items: s,
-  renderItem: l,
+import p from "./index.es47.js";
+const u = ({
+  items: l,
+  renderItem: s,
   columns: t = 4,
-  hideControlsOnDesktop: g = !1,
+  hideControlsOnDesktop: i = !1,
   withoutCarousel: d = !1,
   // TODO: add to props chain
   footnote: c,
-  variant: i
+  variant: o,
+  lastCustomNode: g
 }) => {
-  const o = (e) => {
+  const m = (e) => {
     switch (e) {
       case 1:
         return "grid grid-cols-1 gap-3";
@@ -29,18 +30,19 @@ const p = ({
         return "grid grid-cols-1 gap-3";
     }
   };
-  return /* @__PURE__ */ r.createElement("div", null, d ? /* @__PURE__ */ r.createElement("div", { className: o(t) }, s.map((e, a) => /* @__PURE__ */ r.createElement(r.Fragment, { key: a }, l(e, a)))) : /* @__PURE__ */ r.createElement(
-    m,
+  return /* @__PURE__ */ r.createElement("div", null, d ? /* @__PURE__ */ r.createElement("div", { className: m(t) }, l.map((e, a) => /* @__PURE__ */ r.createElement(r.Fragment, { key: a }, s(e, a))), g) : /* @__PURE__ */ r.createElement(
+    n,
     {
-      items: s,
-      renderItem: (e, a) => l(e, a),
+      items: l,
+      lastCustomNode: g,
+      renderItem: (e, a) => s(e, a),
       columns: t,
-      hideControlsOnDesktop: g,
-      variant: i
+      hideControlsOnDesktop: i,
+      variant: o
     }
-  ), c && /* @__PURE__ */ r.createElement("div", { className: "mt-6" }, /* @__PURE__ */ r.createElement(n, { variant: "small-body", as: "div" }, c)));
-}, v = p;
+  ), c && /* @__PURE__ */ r.createElement("div", { className: "mt-6" }, /* @__PURE__ */ r.createElement(p, { variant: "small-body", as: "div" }, c)));
+}, x = u;
 export {
-  v as default
+  x as default
 };
 //# sourceMappingURL=index.es38.js.map

package/dist/index.es38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es38.js","sources":["../src/components/GridIterator.tsx"],"sourcesContent":["import { CarouselWrapper } from '@/decorators/CarouselWrapper'\r\nimport React from 'react'\r\nimport Text from './core/typography/Text'\r\n\r\n// import { getAdapter } from '@/Adapters'\r\n\r\ninterface GridIteratorProps<T> {\r\n  items: T[]\r\n  renderItem: (item: T, index: number) => React.ReactNode\r\n  columns?: number\r\n  hideControlsOnDesktop?: boolean\r\n  withoutCarousel?: boolean\r\n  footnote?: string\r\n  variant?: 'default' | 'white'\r\n}\r\n\r\nconst GridIterator = <T,>({\r\n  items,\r\n  renderItem,\r\n  columns = 4,\r\n  hideControlsOnDesktop = false,\r\n  withoutCarousel = false, // TODO: add to props chain\r\n  footnote,\r\n  variant,\r\n}: GridIteratorProps<T>) => {\r\n  const getGridClasses = (columns: number) => {\r\n    switch (columns) {\r\n      case 1:\r\n        return 'grid grid-cols-1 gap-3'\r\n      case 2:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 gap-3'\r\n      case 3:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3'\r\n      case 4:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3'\r\n      case 5:\r\n        return 'grid grid-cols-1 xl:grid-cols-5 gap-3'\r\n      case 6:\r\n        return 'grid grid-cols-1 xl:grid-cols-6 gap-3'\r\n      default:\r\n        return 'grid grid-cols-1 gap-3'\r\n    }\r\n  }\r\n  // const CarouselWrapper = getAdapter('CarouselWrapper')\r\n\r\n  return (\r\n    <div>\r\n      {withoutCarousel ? (\r\n        <div className={getGridClasses(columns)}>\r\n          {items.map((item, index) => (\r\n            <React.Fragment key={index}>\r\n              {renderItem(item, index)}\r\n            </React.Fragment>\r\n          ))}\r\n        </div>\r\n      ) : (\r\n        <CarouselWrapper\r\n          items={items}\r\n          // renderItem={renderItem}\r\n          renderItem={(item, index) => renderItem(item as T, index)}\r\n          columns={columns}\r\n          hideControlsOnDesktop={hideControlsOnDesktop}\r\n          variant={variant}\r\n        />\r\n      )}\r\n\r\n      {footnote && (\r\n        <div className=\"mt-6\">\r\n          <Text variant=\"small-body\" as=\"div\">\r\n            {footnote}\r\n          </Text>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default GridIterator\r\n"],"names":["GridIterator","items","renderItem","columns","hideControlsOnDesktop","withoutCarousel","footnote","variant","getGridClasses","React","item","index","CarouselWrapper","Text","GridIterator$1"],"mappings":";;;AAgBA,MAAMA,IAAe,CAAK;AAAA,EACxB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC,IAAkB;AAAA;AAAA,EAClB,UAAAC;AAAA,EACA,SAAAC;AACF,MAA4B;AACpB,QAAAC,IAAiB,CAACL,MAAoB;AAC1C,YAAQA,GAAS;AAAA,MACf,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAKA,SAAAM,gBAAAA,EAAA,cAAC,OACE,MAAAJ,IACEI,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWD,EAAeL,CAAO,EAAA,GACnCF,EAAM,IAAI,CAACS,GAAMC,MACfF,gBAAAA,EAAA,cAAAA,EAAM,UAAN,EAAe,KAAKE,EAAA,GAClBT,EAAWQ,GAAMC,CAAK,CACzB,CACD,CACH,IAEAF,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAAX;AAAA,MAEA,YAAY,CAACS,GAAMC,MAAUT,EAAWQ,GAAWC,CAAK;AAAA,MACxD,SAAAR;AAAA,MACA,uBAAAC;AAAA,MACA,SAAAG;AAAA,IAAA;AAAA,EAAA,GAIHD,KACEG,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,OACb,GAAAA,gBAAAA,EAAA,cAACI,GAAK,EAAA,SAAQ,cAAa,IAAG,SAC3BP,CACH,CACF,CAEJ;AAEJ,GAEAQ,IAAed;"}
+{"version":3,"file":"index.es38.js","sources":["../src/components/GridIterator.tsx"],"sourcesContent":["import { CarouselWrapper } from '@/decorators/CarouselWrapper'\r\nimport React from 'react'\r\nimport Text from './core/typography/Text'\r\n\r\n// import { getAdapter } from '@/Adapters'\r\n\r\ninterface GridIteratorProps<T> {\r\n  items: T[]\r\n  renderItem: (item: T, index: number) => React.ReactNode\r\n  columns?: number\r\n  hideControlsOnDesktop?: boolean\r\n  withoutCarousel?: boolean\r\n  footnote?: string\r\n  variant?: 'default' | 'white'\r\n  lastCustomNode?: React.ReactNode\r\n}\r\n\r\nconst GridIterator = <T,>({\r\n  items,\r\n  renderItem,\r\n  columns = 4,\r\n  hideControlsOnDesktop = false,\r\n  withoutCarousel = false, // TODO: add to props chain\r\n  footnote,\r\n  variant,\r\n  lastCustomNode,\r\n}: GridIteratorProps<T>) => {\r\n  const getGridClasses = (columns: number) => {\r\n    switch (columns) {\r\n      case 1:\r\n        return 'grid grid-cols-1 gap-3'\r\n      case 2:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 gap-3'\r\n      case 3:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3'\r\n      case 4:\r\n        return 'grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-3'\r\n      case 5:\r\n        return 'grid grid-cols-1 xl:grid-cols-5 gap-3'\r\n      case 6:\r\n        return 'grid grid-cols-1 xl:grid-cols-6 gap-3'\r\n      default:\r\n        return 'grid grid-cols-1 gap-3'\r\n    }\r\n  }\r\n  // const CarouselWrapper = getAdapter('CarouselWrapper')\r\n\r\n  return (\r\n    <div>\r\n      {withoutCarousel ? (\r\n        <div className={getGridClasses(columns)}>\r\n          {items.map((item, index) => (\r\n            <React.Fragment key={index}>\r\n              {renderItem(item, index)}\r\n            </React.Fragment>\r\n          ))}\r\n\r\n          {lastCustomNode}\r\n        </div>\r\n      ) : (\r\n        <CarouselWrapper\r\n          items={items}\r\n          lastCustomNode={lastCustomNode}\r\n          // renderItem={renderItem}\r\n          renderItem={(item, index) => renderItem(item as T, index)}\r\n          columns={columns}\r\n          hideControlsOnDesktop={hideControlsOnDesktop}\r\n          variant={variant}\r\n        />\r\n      )}\r\n\r\n      {footnote && (\r\n        <div className=\"mt-6\">\r\n          <Text variant=\"small-body\" as=\"div\">\r\n            {footnote}\r\n          </Text>\r\n        </div>\r\n      )}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default GridIterator\r\n"],"names":["GridIterator","items","renderItem","columns","hideControlsOnDesktop","withoutCarousel","footnote","variant","lastCustomNode","getGridClasses","React","item","index","CarouselWrapper","Text","GridIterator$1"],"mappings":";;;AAiBA,MAAMA,IAAe,CAAK;AAAA,EACxB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC,IAAkB;AAAA;AAAA,EAClB,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC;AACF,MAA4B;AACpB,QAAAC,IAAiB,CAACN,MAAoB;AAC1C,YAAQA,GAAS;AAAA,MACf,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAKA,SAAAO,gBAAAA,EAAA,cAAC,OACE,MAAAL,IACEK,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAWD,EAAeN,CAAO,EAAA,GACnCF,EAAM,IAAI,CAACU,GAAMC,MAChBF,gBAAAA,EAAA,cAACA,EAAM,UAAN,EAAe,KAAKE,EAClB,GAAAV,EAAWS,GAAMC,CAAK,CACzB,CACD,GAEAJ,CACH,IAEAE,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,OAAAZ;AAAA,MACA,gBAAAO;AAAA,MAEA,YAAY,CAACG,GAAMC,MAAUV,EAAWS,GAAWC,CAAK;AAAA,MACxD,SAAAT;AAAA,MACA,uBAAAC;AAAA,MACA,SAAAG;AAAA,IAAA;AAAA,EAAA,GAIHD,KACEI,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,OACb,GAAAA,gBAAAA,EAAA,cAACI,GAAK,EAAA,SAAQ,cAAa,IAAG,SAC3BR,CACH,CACF,CAEJ;AAEJ,GAEAS,IAAef;"}

package/dist/index.es43.js

@@ -1,20 +1,20 @@
-import S from "./index.es42.js";
-import I from "./index.es23.js";
-import P from "./index.es24.js";
-import R from "./index.es29.js";
-import _ from "./index.es38.js";
-import k from "./index.es32.js";
-import x from "./index.es33.js";
-import y from "./index.es34.js";
+import I from "./index.es42.js";
+import P from "./index.es23.js";
+import R from "./index.es24.js";
+import _ from "./index.es29.js";
+import k from "./index.es38.js";
+import x from "./index.es32.js";
+import y from "./index.es33.js";
+import F from "./index.es34.js";
 import t from "react";
 const e = {
-  Advantage: I,
-  Advantage2: P,
-  Rate: y,
-  Product: x,
-  FeaturedCard: R,
-  Plate: k
-}, F = ({
+  Advantage: P,
+  Advantage2: R,
+  Rate: F,
+  Product: y,
+  FeaturedCard: _,
+  Plate: x
+}, $ = ({
   title: o,
   sectionId: r,
   desc: a,
@@ -31,11 +31,12 @@ const e = {
   withoutCarousel: C,
   footnote: g,
   onButtonClick: v,
-  externalComponentMap: A = {}
+  externalComponentMap: A = {},
+  lastCustomNode: E
 }) => {
-  const E = { ...e, ...A }[n] || e.Advantage;
+  const G = { ...e, ...A }[n] || e.Advantage;
   return /* @__PURE__ */ t.createElement(
-    S,
+    I,
     {
       title: o,
       sectionId: r,
@@ -48,19 +49,20 @@ const e = {
       withoutBottomPadding: c
     },
     /* @__PURE__ */ t.createElement(
-      _,
+      k,
       {
         items: m,
         columns: l,
         hideControlsOnDesktop: u,
         withoutCarousel: C,
-        renderItem: (G, M) => /* @__PURE__ */ t.createElement(E, { key: M, ...G, onButtonClick: v }),
-        footnote: g
+        renderItem: (M, S) => /* @__PURE__ */ t.createElement(G, { key: S, ...M, onButtonClick: v }),
+        footnote: g,
+        lastCustomNode: E
       }
     )
   );
-}, J = F;
+}, K = $;
 export {
-  J as default
+  K as default
 };
 //# sourceMappingURL=index.es43.js.map

package/dist/index.es43.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es43.js","sources":["../src/sections/CardsGridSection.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Advantage from '@/components/cards/Advantage'\r\nimport Advantage2 from '@/components/cards/Advantage2'\r\nimport FeaturedCard from '@/components/cards/FeaturedCard'\r\nimport GridIterator from '@/components/GridIterator'\r\nimport Plate from '@/components/cards/Plate'\r\nimport Product from '@/components/cards/Product'\r\nimport Rate from '@/components/cards/Rate'\r\nimport React from 'react'\r\n\r\nconst defaultComponentMap: { [key: string]: React.ElementType } = {\r\n  Advantage,\r\n  Advantage2,\r\n  Rate,\r\n  Product,\r\n  FeaturedCard,\r\n  Plate,\r\n}\r\n\r\nexport interface CardsGridSectionProps<T> {\r\n  title: string\r\n  sectionId?: string\r\n  desc?: string\r\n  items: T[]\r\n  component?: string\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n  variant?: SectionProps['variant']\r\n  corners?: SectionProps['corners']\r\n  columns?: number\r\n  hideControlsOnDesktop?: boolean\r\n  withoutCarousel?: boolean\r\n  footnote?: string\r\n  onButtonClick?: ({\r\n    uniqId,\r\n    title,\r\n  }: {\r\n    uniqId?: string\r\n    title?: string\r\n  }) => void\r\n  externalComponentMap?: { [key: string]: React.ElementType }\r\n}\r\n\r\nconst CardsGridSection = <T,>({\r\n  title,\r\n  sectionId,\r\n  desc,\r\n  items,\r\n  component = 'Advantage',\r\n  withoutTopPadding = false,\r\n  withTopMargin = false,\r\n  withBottomMargin = false,\r\n  withoutBottomPadding = false,\r\n  variant,\r\n  corners,\r\n  columns,\r\n  hideControlsOnDesktop,\r\n  withoutCarousel,\r\n  footnote,\r\n  onButtonClick,\r\n  externalComponentMap = {},\r\n}: CardsGridSectionProps<T>) => {\r\n  const componentMap = { ...defaultComponentMap, ...externalComponentMap }\r\n  const Component = componentMap[component] || defaultComponentMap.Advantage\r\n\r\n  return (\r\n    <Section\r\n      title={title}\r\n      sectionId={sectionId}\r\n      desc={desc}\r\n      variant={variant}\r\n      corners={corners}\r\n      withoutTopPadding={withoutTopPadding}\r\n      withTopMargin={withTopMargin}\r\n      withBottomMargin={withBottomMargin}\r\n      withoutBottomPadding={withoutBottomPadding}\r\n    >\r\n      <GridIterator\r\n        items={items}\r\n        columns={columns}\r\n        hideControlsOnDesktop={hideControlsOnDesktop}\r\n        withoutCarousel={withoutCarousel}\r\n        renderItem={(item, index) => (\r\n          <Component key={index} {...item} onButtonClick={onButtonClick} />\r\n        )}\r\n        footnote={footnote}\r\n      />\r\n    </Section>\r\n  )\r\n}\r\n\r\nexport default CardsGridSection\r\n"],"names":["defaultComponentMap","Advantage","Advantage2","Rate","Product","FeaturedCard","Plate","CardsGridSection","title","sectionId","desc","items","component","withoutTopPadding","withTopMargin","withBottomMargin","withoutBottomPadding","variant","corners","columns","hideControlsOnDesktop","withoutCarousel","footnote","onButtonClick","externalComponentMap","Component","React","Section","GridIterator","item","index","CardsGridSection$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA4D;AAAA,EAChE,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,GA4BMC,IAAmB,CAAK;AAAA,EAC5B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC,IAAuB,CAAC;AAC1B,MAAgC;AAE9B,QAAMC,IADe,EAAE,GAAGzB,GAAqB,GAAGwB,EAAqB,EACxCZ,CAAS,KAAKZ,EAAoB;AAG/D,SAAA0B,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAnB;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAO;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAL;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,sBAAAC;AAAA,IAAA;AAAA,IAEAU,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAAjB;AAAA,QACA,SAAAQ;AAAA,QACA,uBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,YAAY,CAACQ,GAAMC,MACjBJ,gBAAAA,EAAA,cAACD,KAAU,KAAKK,GAAQ,GAAGD,GAAM,eAAAN,EAA8B,CAAA;AAAA,QAEjE,UAAAD;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEAS,IAAexB;"}
+{"version":3,"file":"index.es43.js","sources":["../src/sections/CardsGridSection.tsx"],"sourcesContent":["import Section, { SectionProps } from './Section'\r\n\r\nimport Advantage from '@/components/cards/Advantage'\r\nimport Advantage2 from '@/components/cards/Advantage2'\r\nimport FeaturedCard from '@/components/cards/FeaturedCard'\r\nimport GridIterator from '@/components/GridIterator'\r\nimport Plate from '@/components/cards/Plate'\r\nimport Product from '@/components/cards/Product'\r\nimport Rate from '@/components/cards/Rate'\r\nimport React from 'react'\r\n\r\nconst defaultComponentMap: { [key: string]: React.ElementType } = {\r\n  Advantage,\r\n  Advantage2,\r\n  Rate,\r\n  Product,\r\n  FeaturedCard,\r\n  Plate,\r\n}\r\n\r\nexport interface CardsGridSectionProps<T> {\r\n  title: string\r\n  sectionId?: string\r\n  desc?: string\r\n  items: T[]\r\n  component?: string\r\n  withoutTopPadding?: boolean\r\n  withoutBottomPadding?: boolean\r\n  withTopMargin?: boolean\r\n  withBottomMargin?: boolean\r\n  variant?: SectionProps['variant']\r\n  corners?: SectionProps['corners']\r\n  columns?: number\r\n  hideControlsOnDesktop?: boolean\r\n  withoutCarousel?: boolean\r\n  footnote?: string\r\n  onButtonClick?: ({\r\n    uniqId,\r\n    title,\r\n  }: {\r\n    uniqId?: string\r\n    title?: string\r\n  }) => void\r\n  externalComponentMap?: { [key: string]: React.ElementType }\r\n  lastCustomNode?: React.ReactNode\r\n}\r\n\r\nconst CardsGridSection = <T,>({\r\n  title,\r\n  sectionId,\r\n  desc,\r\n  items,\r\n  component = 'Advantage',\r\n  withoutTopPadding = false,\r\n  withTopMargin = false,\r\n  withBottomMargin = false,\r\n  withoutBottomPadding = false,\r\n  variant,\r\n  corners,\r\n  columns,\r\n  hideControlsOnDesktop,\r\n  withoutCarousel,\r\n  footnote,\r\n  onButtonClick,\r\n  externalComponentMap = {},\r\n  lastCustomNode,\r\n}: CardsGridSectionProps<T>) => {\r\n  const componentMap = { ...defaultComponentMap, ...externalComponentMap }\r\n  const Component = componentMap[component] || defaultComponentMap.Advantage\r\n\r\n  return (\r\n    <Section\r\n      title={title}\r\n      sectionId={sectionId}\r\n      desc={desc}\r\n      variant={variant}\r\n      corners={corners}\r\n      withoutTopPadding={withoutTopPadding}\r\n      withTopMargin={withTopMargin}\r\n      withBottomMargin={withBottomMargin}\r\n      withoutBottomPadding={withoutBottomPadding}\r\n    >\r\n      <GridIterator\r\n        items={items}\r\n        columns={columns}\r\n        hideControlsOnDesktop={hideControlsOnDesktop}\r\n        withoutCarousel={withoutCarousel}\r\n        renderItem={(item, index) => (\r\n          <Component key={index} {...item} onButtonClick={onButtonClick} />\r\n        )}\r\n        footnote={footnote}\r\n        lastCustomNode={lastCustomNode}\r\n      />\r\n    </Section>\r\n  )\r\n}\r\n\r\nexport default CardsGridSection\r\n"],"names":["defaultComponentMap","Advantage","Advantage2","Rate","Product","FeaturedCard","Plate","CardsGridSection","title","sectionId","desc","items","component","withoutTopPadding","withTopMargin","withBottomMargin","withoutBottomPadding","variant","corners","columns","hideControlsOnDesktop","withoutCarousel","footnote","onButtonClick","externalComponentMap","lastCustomNode","Component","React","Section","GridIterator","item","index","CardsGridSection$1"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA4D;AAAA,EAChE,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AACF,GA6BMC,IAAmB,CAAK;AAAA,EAC5B,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,mBAAAC,IAAoB;AAAA,EACpB,eAAAC,IAAgB;AAAA,EAChB,kBAAAC,IAAmB;AAAA,EACnB,sBAAAC,IAAuB;AAAA,EACvB,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC,IAAuB,CAAC;AAAA,EACxB,gBAAAC;AACF,MAAgC;AAE9B,QAAMC,IADe,EAAE,GAAG1B,GAAqB,GAAGwB,EAAqB,EACxCZ,CAAS,KAAKZ,EAAoB;AAG/D,SAAA2B,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAApB;AAAA,MACA,WAAAC;AAAA,MACA,MAAAC;AAAA,MACA,SAAAO;AAAA,MACA,SAAAC;AAAA,MACA,mBAAAL;AAAA,MACA,eAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,sBAAAC;AAAA,IAAA;AAAA,IAEAW,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,OAAAlB;AAAA,QACA,SAAAQ;AAAA,QACA,uBAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,YAAY,CAACS,GAAMC,MACjBJ,gBAAAA,EAAA,cAACD,KAAU,KAAKK,GAAQ,GAAGD,GAAM,eAAAP,EAA8B,CAAA;AAAA,QAEjE,UAAAD;AAAA,QACA,gBAAAG;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAEAO,IAAezB;"}

package/dist/index.es44.js

@@ -1,16 +1,17 @@
-import { Carousel as i, CarouselContent as p, CarouselItem as b } from "./index.es60.js";
+import { Carousel as p, CarouselContent as b, CarouselItem as C } from "./index.es60.js";
 import e from "react";
-import { cn as C } from "./index.es55.js";
-const E = ({
+import { cn as f } from "./index.es55.js";
+const N = ({
   items: r,
   renderItem: t,
   columns: l,
   hideControlsOnDesktop: m,
   className: o,
   variant: c,
-  controlsAlign: u
+  controlsAlign: u,
+  lastCustomNode: n
 }) => {
-  const n = (s) => {
+  const i = (s) => {
     switch (s ?? l) {
       case 2:
         return "md:basis-1/2 lg:basis-1/2";
@@ -23,30 +24,30 @@ const E = ({
     }
   };
   return /* @__PURE__ */ e.createElement(
-    i,
+    p,
     {
       opts: {
         align: "start"
       },
-      className: C("my-carousel w-full -mt-3", o),
+      className: f("my-carousel w-full -mt-3", o),
       hideControlsOnDesktop: m,
       variant: c,
       controlsAlign: u
     },
-    /* @__PURE__ */ e.createElement(p, { className: "-ml-4 pt-3" }, r.map((s, a) => /* @__PURE__ */ e.createElement(
-      b,
+    /* @__PURE__ */ e.createElement(b, { className: "-ml-4 pt-3" }, r.map((s, a) => /* @__PURE__ */ e.createElement(
+      C,
       {
         key: a,
-        className: `pl-4 ${n(
+        className: `pl-4 ${i(
           s.size
           // Safely access `size` property
         )}`
       },
       t(s, a)
-    )))
+    )), n)
   );
 };
 export {
-  E as CarouselWrapper
+  N as CarouselWrapper
 };
 //# sourceMappingURL=index.es44.js.map

package/dist/index.es44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es44.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n  Carousel,\r\n  CarouselContent,\r\n  CarouselItem,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n  items,\r\n  renderItem,\r\n  columns,\r\n  hideControlsOnDesktop,\r\n  className,\r\n  variant,\r\n  controlsAlign,\r\n}: {\r\n  items: T[]\r\n  renderItem: (item: T, index: number) => React.ReactNode\r\n  columns: number\r\n  hideControlsOnDesktop: boolean\r\n  className?: string\r\n  variant?: 'default' | 'white'\r\n  controlsAlign?: 'left' | 'center'\r\n}) => {\r\n  const carouselColumnsClasses = (size?: number) => {\r\n    switch (size ?? columns) {\r\n      case 2:\r\n        return 'md:basis-1/2 lg:basis-1/2'\r\n      case 3:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n      case 4:\r\n        return 'md:basis-1/2 lg:basis-1/4'\r\n      default:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Carousel\r\n      opts={{\r\n        align: 'start',\r\n      }}\r\n      className={cn('my-carousel w-full -mt-3', className)}\r\n      hideControlsOnDesktop={hideControlsOnDesktop}\r\n      variant={variant}\r\n      controlsAlign={controlsAlign}\r\n    >\r\n      <CarouselContent className=\"-ml-4 pt-3\">\r\n        {items.map((item, index) => (\r\n          <CarouselItem\r\n            key={index}\r\n            className={`pl-4 ${carouselColumnsClasses(\r\n              (item as { size?: number }).size // Safely access `size` property\r\n            )}`}\r\n          >\r\n            {renderItem(item, index)}\r\n          </CarouselItem>\r\n        ))}\r\n      </CarouselContent>\r\n    </Carousel>\r\n  )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","variant","controlsAlign","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem"],"mappings":";;;AASO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AACF,MAQM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQN,GAAS;AAAA,MACvB,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAIA,SAAAO,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,4BAA4BP,CAAS;AAAA,MACnD,uBAAAD;AAAA,MACA,SAAAE;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEAG,gBAAAA,EAAA,cAACG,KAAgB,WAAU,aAAA,GACxBZ,EAAM,IAAI,CAACa,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B;AAAA,MAAA;AAAA,MAEAZ,EAAWY,GAAMC,CAAK;AAAA,IAAA,CAE1B,CACH;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"index.es44.js","sources":["../src/decorators/CarouselWrapper.tsx"],"sourcesContent":["import {\r\n  Carousel,\r\n  CarouselContent,\r\n  CarouselItem,\r\n} from '@/components/ui/carousel'\r\n\r\nimport React from 'react'\r\nimport { cn } from '@/lib/utils/cn'\r\n\r\nexport const CarouselWrapper = <T,>({\r\n  items,\r\n  renderItem,\r\n  columns,\r\n  hideControlsOnDesktop,\r\n  className,\r\n  variant,\r\n  controlsAlign,\r\n  lastCustomNode,\r\n}: {\r\n  items: T[]\r\n  renderItem: (item: T, index: number) => React.ReactNode\r\n  columns: number\r\n  hideControlsOnDesktop: boolean\r\n  className?: string\r\n  variant?: 'default' | 'white'\r\n  controlsAlign?: 'left' | 'center'\r\n  lastCustomNode?: React.ReactNode\r\n}) => {\r\n  const carouselColumnsClasses = (size?: number) => {\r\n    switch (size ?? columns) {\r\n      case 2:\r\n        return 'md:basis-1/2 lg:basis-1/2'\r\n      case 3:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n      case 4:\r\n        return 'md:basis-1/2 lg:basis-1/4'\r\n      default:\r\n        return 'md:basis-1/2 lg:basis-1/3'\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Carousel\r\n      opts={{\r\n        align: 'start',\r\n      }}\r\n      className={cn('my-carousel w-full -mt-3', className)}\r\n      hideControlsOnDesktop={hideControlsOnDesktop}\r\n      variant={variant}\r\n      controlsAlign={controlsAlign}\r\n    >\r\n      <CarouselContent className=\"-ml-4 pt-3\">\r\n        {items.map((item, index) => (\r\n          <CarouselItem\r\n            key={index}\r\n            className={`pl-4 ${carouselColumnsClasses(\r\n              (item as { size?: number }).size // Safely access `size` property\r\n            )}`}\r\n          >\r\n            {renderItem(item, index)}\r\n          </CarouselItem>\r\n        ))}\r\n        {lastCustomNode}\r\n      </CarouselContent>\r\n    </Carousel>\r\n  )\r\n}\r\n"],"names":["CarouselWrapper","items","renderItem","columns","hideControlsOnDesktop","className","variant","controlsAlign","lastCustomNode","carouselColumnsClasses","size","React","Carousel","cn","CarouselContent","item","index","CarouselItem"],"mappings":";;;AASO,MAAMA,IAAkB,CAAK;AAAA,EAClC,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AACF,MASM;AACE,QAAAC,IAAyB,CAACC,MAAkB;AAChD,YAAQA,KAAQP,GAAS;AAAA,MACvB,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT,KAAK;AACI,eAAA;AAAA,MACT;AACS,eAAA;AAAA,IACX;AAAA,EAAA;AAIA,SAAAQ,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,QACJ,OAAO;AAAA,MACT;AAAA,MACA,WAAWC,EAAG,4BAA4BR,CAAS;AAAA,MACnD,uBAAAD;AAAA,MACA,SAAAE;AAAA,MACA,eAAAC;AAAA,IAAA;AAAA,IAEAI,gBAAAA,EAAA,cAACG,KAAgB,WAAU,aAAA,GACxBb,EAAM,IAAI,CAACc,GAAMC,MAChBL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,KAAKD;AAAA,QACL,WAAW,QAAQP;AAAA,UAChBM,EAA2B;AAAA;AAAA,QAAA,CAC7B;AAAA,MAAA;AAAA,MAEAb,EAAWa,GAAMC,CAAK;AAAA,IAE1B,CAAA,GACAR,CACH;AAAA,EAAA;AAGN;"}

package/dist/sections/CardsGridSection.d.ts

@@ -24,7 +24,8 @@ export interface CardsGridSectionProps<T> {
     externalComponentMap?: {
         [key: string]: React.ElementType;
     };
+    lastCustomNode?: React.ReactNode;
 }
-declare const CardsGridSection: <T>({ title, sectionId, desc, items, component, withoutTopPadding, withTopMargin, withBottomMargin, withoutBottomPadding, variant, corners, columns, hideControlsOnDesktop, withoutCarousel, footnote, onButtonClick, externalComponentMap, }: CardsGridSectionProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
+declare const CardsGridSection: <T>({ title, sectionId, desc, items, component, withoutTopPadding, withTopMargin, withBottomMargin, withoutBottomPadding, variant, corners, columns, hideControlsOnDesktop, withoutCarousel, footnote, onButtonClick, externalComponentMap, lastCustomNode, }: CardsGridSectionProps<T>) => import("react/jsx-dev-runtime").JSX.Element;
 export default CardsGridSection;
 //# sourceMappingURL=CardsGridSection.d.ts.map

package/dist/sections/CardsGridSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardsGridSection.d.ts","sourceRoot":"","sources":["../../src/sections/CardsGridSection.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AASjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,EACf,MAAM,EACN,KAAK,GACN,EAAE;QACD,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,KAAK,IAAI,CAAA;IACV,oBAAoB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAA;KAAE,CAAA;CAC5D;AAED,QAAA,MAAM,gBAAgB,iPAkBnB,sBAAsB,CAAC,CAAC,gDA4B1B,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"CardsGridSection.d.ts","sourceRoot":"","sources":["../../src/sections/CardsGridSection.tsx"],"names":[],"mappings":"AAAA,OAAgB,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AASjD,OAAO,KAAK,MAAM,OAAO,CAAA;AAWzB,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,CAAC,EAAE,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,aAAa,CAAC,EAAE,CAAC,EACf,MAAM,EACN,KAAK,GACN,EAAE;QACD,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,KAAK,IAAI,CAAA;IACV,oBAAoB,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,WAAW,CAAA;KAAE,CAAA;IAC3D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC;AAED,QAAA,MAAM,gBAAgB,iQAmBnB,sBAAsB,CAAC,CAAC,gDA6B1B,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/styles.css

@@ -345,6 +345,11 @@ body{
         max-width: 360px;
     }
 }
+@media (min-width: 500px){
+    .container{
+        max-width: 500px;
+    }
+}
 @media (min-width: 640px){
     .container{
         max-width: 640px;
@@ -1664,9 +1669,29 @@ body{
 }
 .typo_variant_factoid {
   font-family: "TT Commons";
-  font-size: clamp(60px, 60px + 1.5vw, 76px);
   line-height: 1;
   letter-spacing: -1.52px;
+  font-size: 38px;
+}
+@media (min-width: 360px) {
+  .typo_variant_factoid {
+    font-size: 45.6px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_factoid {
+    font-size: 60.8px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_factoid {
+    font-size: 68.4px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_factoid {
+    font-size: 76px;
+  }
 }
 @media only screen and (max-width: 768pxpx) {
   .typo_variant_factoid {
@@ -1675,9 +1700,29 @@ body{
 }
 .typo_variant_h1 {
   font-family: "TT Commons";
-  font-size: clamp(60px, 60px + 1.5vw, 76px);
   line-height: 0.9;
   letter-spacing: -1.52px;
+  font-size: 38px;
+}
+@media (min-width: 360px) {
+  .typo_variant_h1 {
+    font-size: 45.6px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_h1 {
+    font-size: 60.8px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_h1 {
+    font-size: 68.4px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_h1 {
+    font-size: 76px;
+  }
 }
 @media only screen and (max-width: 768pxpx) {
   .typo_variant_h1 {
@@ -1687,96 +1732,404 @@ body{
 .typo_variant_h2, .content h1,
 .content .h1 {
   font-family: "TT Commons";
-  font-size: clamp(45px, 45px + 1.5vw, 57px);
+  font-size: 28.5px;
   line-height: 1;
   letter-spacing: -0.57px;
 }
+@media (min-width: 360px) {
+  .typo_variant_h2, .content h1,
+  .content .h1 {
+    font-size: 34.2px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_h2, .content h1,
+  .content .h1 {
+    font-size: 45.6px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_h2, .content h1,
+  .content .h1 {
+    font-size: 51.3px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_h2, .content h1,
+  .content .h1 {
+    font-size: 57px;
+  }
+}
 .typo_variant_h3, .content h2,
 .content .h2 {
   font-family: "TT Commons";
-  font-size: clamp(35px, 35px + 1.5vw, 43px);
+  font-size: 21.5px;
   line-height: 1;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_h3, .content h2,
+  .content .h2 {
+    font-size: 25.8px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_h3, .content h2,
+  .content .h2 {
+    font-size: 34.4px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_h3, .content h2,
+  .content .h2 {
+    font-size: 38.7px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_h3, .content h2,
+  .content .h2 {
+    font-size: 43px;
+  }
+}
 .typo_variant_h4, .content h3,
 .content .h3 {
   font-family: "TT Commons";
-  font-size: clamp(26px, 26px + 1.5vw, 32px);
+  font-size: 16px;
   line-height: 1;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_h4, .content h3,
+  .content .h3 {
+    font-size: 19.2px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_h4, .content h3,
+  .content .h3 {
+    font-size: 25.6px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_h4, .content h3,
+  .content .h3 {
+    font-size: 28.8px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_h4, .content h3,
+  .content .h3 {
+    font-size: 32px;
+  }
+}
 .typo_variant_h5, .content h4,
 .content .h4 {
   font-family: "TT Commons";
-  font-size: clamp(19px, 19px + 1.5vw, 24px);
+  font-size: 12px;
   line-height: 1.2;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_h5, .content h4,
+  .content .h4 {
+    font-size: 14.4px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_h5, .content h4,
+  .content .h4 {
+    font-size: 19.2px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_h5, .content h4,
+  .content .h4 {
+    font-size: 21.6px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_h5, .content h4,
+  .content .h4 {
+    font-size: 24px;
+  }
+}
 .typo_variant_h6, .content h6,
 .content .h6 {
   font-family: "TT Commons";
-  font-size: clamp(15px, 15px + 1.5vw, 18px);
+  font-size: 9px;
   line-height: 1.2;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_h6, .content h6,
+  .content .h6 {
+    font-size: 10.8px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_h6, .content h6,
+  .content .h6 {
+    font-size: 14.4px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_h6, .content h6,
+  .content .h6 {
+    font-size: 16.2px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_h6, .content h6,
+  .content .h6 {
+    font-size: 18px;
+  }
+}
 .typo_variant_h6_content, .content h5,
 .content .h5 {
   font-family: "TT Commons";
-  font-size: clamp(15px, 15px + 1.5vw, 20px);
+  font-size: 10px;
   line-height: 1.2;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_h6_content, .content h5,
+  .content .h5 {
+    font-size: 12px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_h6_content, .content h5,
+  .content .h5 {
+    font-size: 16px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_h6_content, .content h5,
+  .content .h5 {
+    font-size: 18px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_h6_content, .content h5,
+  .content .h5 {
+    font-size: 20px;
+  }
+}
 /* Text Variants */
 .typo_variant_subtitle-1 {
   font-family: "TT Commons";
-  font-size: clamp(16px, 16px + 1.5vw, 20px);
+  font-size: 10px;
   line-height: 1.2;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_subtitle-1 {
+    font-size: 12px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_subtitle-1 {
+    font-size: 16px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_subtitle-1 {
+    font-size: 18px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_subtitle-1 {
+    font-size: 20px;
+  }
+}
 .typo_variant_subtitle-2 {
   font-family: "TT Commons";
-  font-size: clamp(15px, 15px + 1.5vw, 18px);
+  font-size: 9px;
   line-height: 1.2;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_subtitle-2 {
+    font-size: 10.8px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_subtitle-2 {
+    font-size: 14.4px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_subtitle-2 {
+    font-size: 16.2px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_subtitle-2 {
+    font-size: 18px;
+  }
+}
 .typo_variant_overline {
   font-family: "TT Commons";
-  font-size: clamp(12px, 12px + 1.5vw, 15px);
+  font-size: 7.5px;
   line-height: 1.2;
   letter-spacing: 0.225px;
   text-transform: uppercase;
 }
+@media (min-width: 360px) {
+  .typo_variant_overline {
+    font-size: 9px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_overline {
+    font-size: 12px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_overline {
+    font-size: 13.5px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_overline {
+    font-size: 15px;
+  }
+}
 .typo_variant_lead-text {
   font-family: "TT Commons";
-  font-size: clamp(22px, 22px + 1.5vw, 27px);
+  font-size: 13.5px;
   line-height: 1.1;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_lead-text {
+    font-size: 16.2px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_lead-text {
+    font-size: 21.6px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_lead-text {
+    font-size: 24.3px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_lead-text {
+    font-size: 27px;
+  }
+}
 .typo_variant_body, a.doc-with-icon, .content ol,
 .content ul, .content p {
   font-family: "TT Commons";
-  font-size: clamp(16px, 16px + 1.5vw, 20px);
+  font-size: 10px;
   line-height: 1.25;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_body, a.doc-with-icon, .content ol,
+  .content ul, .content p {
+    font-size: 12px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_body, a.doc-with-icon, .content ol,
+  .content ul, .content p {
+    font-size: 16px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_body, a.doc-with-icon, .content ol,
+  .content ul, .content p {
+    font-size: 18px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_body, a.doc-with-icon, .content ol,
+  .content ul, .content p {
+    font-size: 20px;
+  }
+}
 .typo_variant_small-body {
   font-family: "TT Commons";
-  font-size: clamp(14px, 14px + 1.5vw, 18px);
+  font-size: 9px;
   line-height: 1.3;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_small-body {
+    font-size: 10.8px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_small-body {
+    font-size: 14.4px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_small-body {
+    font-size: 16.2px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_small-body {
+    font-size: 18px;
+  }
+}
 .typo_variant_caption {
   font-family: "TT Commons";
-  font-size: clamp(12px, 12px + 1.5vw, 16px);
+  font-size: 8px;
   line-height: 1.2;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_caption {
+    font-size: 9.6px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_caption {
+    font-size: 12.8px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_caption {
+    font-size: 14.4px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_caption {
+    font-size: 16px;
+  }
+}
 .typo_variant_button, .typo_variant_link {
   font-family: "TT Commons";
-  font-size: clamp(15px, 15px + 1.5vw, 18px);
+  font-size: 9px;
   line-height: 1;
   letter-spacing: normal;
 }
+@media (min-width: 360px) {
+  .typo_variant_button, .typo_variant_link {
+    font-size: 10.8px;
+  }
+}
+@media (min-width: 768px) {
+  .typo_variant_button, .typo_variant_link {
+    font-size: 14.4px;
+  }
+}
+@media (min-width: 1024px) {
+  .typo_variant_button, .typo_variant_link {
+    font-size: 16.2px;
+  }
+}
+@media (min-width: 1440px) {
+  .typo_variant_button, .typo_variant_link {
+    font-size: 18px;
+  }
+}
 .content b,
 .content strong {
   font-weight: 500;
@@ -1930,9 +2283,29 @@ ol li:last-child {
   font-weight: 600;
 }
 html {
-  font-size: 16px;
+  font-size: 8px;
   /* FIXME: it was 20, explore and fix if needed */
 }
+@media (min-width: 360px) {
+  html {
+    font-size: 9.6px;
+  }
+}
+@media (min-width: 768px) {
+  html {
+    font-size: 12.8px;
+  }
+}
+@media (min-width: 1024px) {
+  html {
+    font-size: 14.4px;
+  }
+}
+@media (min-width: 1440px) {
+  html {
+    font-size: 16px;
+  }
+}
 body {
   font-family: "TT Commons", -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
   /* font-feature-settings: "rlig" 1, "calt" 1; */

package/package.json

@@ -13,7 +13,7 @@
     "type": "git",
     "url": "git+https://github.com/wowxoxo/precision-ui.git"
   },
-  "version": "0.8.26",
+  "version": "0.8.28",
   "type": "module",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",