@stackshift-ui/statistics 6.0.3 → 6.0.4

package/dist/chunk-FSZDIJ2E.mjs

@@ -0,0 +1 @@
+import{lazy as s}from"react";import{jsx as v}from"react/jsx-runtime";var c={variant_a:s(()=>import("./statistics_a.mjs")),variant_b:s(()=>import("./statistics_b.mjs")),variant_c:s(()=>import("./statistics_c.mjs"))},m="Statistics",a=({data:t})=>{var o,n,e;let i=t==null?void 0:t.variant,r=i&&c[i],p={stats:(e=((o=t==null?void 0:t.variants)==null?void 0:o.stats)||((n=t==null?void 0:t.variants)==null?void 0:n.statItems))!=null?e:void 0};return r?v(r,{...p}):null};a.displayName=m;export{a};

package/dist/index.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";var D=Object.create;var p=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var s=(r,o)=>()=>(r&&(o=r(r=0)),o);var c=(r,o)=>{for(var e in o)p(r,e,{get:o[e],enumerable:!0})},v=(r,o,e,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of G(o))!J.call(r,t)&&t!==e&&p(r,t,{get:()=>o[t],enumerable:!(m=E(o,t))||m.enumerable});return r};var K=(r,o,e)=>(e=r!=null?D(H(r)):{},v(o||!r||!r.__esModule?p(e,"default",{value:r,enumerable:!0}):e,r)),L=r=>v(p({},"__esModule",{value:!0}),r);var F={};c(F,{Statistics_A:()=>u,default:()=>u});function u({stats:r}){return(0,i.jsx)(N.Section,{className:"py-20 bg-background",children:(0,i.jsx)(w.Container,{maxWidth:1280,children:(0,i.jsx)(b.Flex,{wrap:!0,align:"center",justify:"start",className:"text-center",children:(0,i.jsx)(M,{stats:r})})})})}function M({stats:r}){return r?(0,i.jsx)(C.default.Fragment,{children:r.map((o,e)=>(0,i.jsx)("div",{className:"w-full px-4 my-8 sm:w-1/4 lg:w-1/4",children:(0,i.jsxs)(d.Card,{className:"relative py-10 ",children:[(0,i.jsx)(I.Text,{className:"mb-1 text-primary overflow-ellipsis overflow-clip",children:o==null?void 0:o.label}),(0,i.jsx)("p",{className:"text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip",children:o==null?void 0:o.value})]})},e))}):null}var d,w,b,N,I,C,i,S=s(()=>{"use strict";d=require("@stackshift-ui/card"),w=require("@stackshift-ui/container"),b=require("@stackshift-ui/flex"),N=require("@stackshift-ui/section"),I=require("@stackshift-ui/text"),C=K(require("react")),i=require("react/jsx-runtime")});var R={};c(R,{Statistics_B:()=>x,default:()=>x});function x({stats:r}){return(0,i.jsx)(N.Section,{className:"py-20 bg-background",children:(0,i.jsx)(w.Container,{maxWidth:1280,children:(0,i.jsx)(O,{stats:r})})})}function O({stats:r}){return r?(0,i.jsx)(b.Flex,{wrap:!0,align:"center",direction:"col",className:"sm:justify-left sm:flex-row",children:r==null?void 0:r.map((o,e)=>{var m,t,n;return(0,i.jsx)(P.StatsCard,{className:"my-8 md:w-1/2 lg:w-1/4 lg:justify-center",value:(m=o==null?void 0:o.value)!=null?m:"",label:(t=o==null?void 0:o.label)!=null?t:"",icon:`${(n=o==null?void 0:o.mainImage)==null?void 0:n.image}`},e)})}):null}var P,N,w,b,i,g=s(()=>{"use strict";P=require("@stackshift-ui/stats-card")});var A={};c(A,{default:()=>z});function z({stats:r}){return(0,i.jsx)(N.Section,{className:"py-20 bg-background",children:(0,i.jsx)(w.Container,{maxWidth:1280,children:(0,i.jsx)(Q,{stats:r})})})}function Q({stats:r}){return r?(0,i.jsx)($.Flex,{wrap:!0,align:"center",className:"text-center ",children:r==null?void 0:r.map((o,e)=>{var m,t,n;return(0,i.jsx)(V.StatsCard,{className:"my-8 md:w-1/2 lg:w-1/4",variant:"stacked",value:(m=o==null?void 0:o.value)!=null?m:"",label:(t=o==null?void 0:o.label)!=null?t:"",icon:`${(n=o==null?void 0:o.mainImage)==null?void 0:n.image}`},e)})}):null}var V,N,w,$,i,y=s(()=>{"use strict";V=require("@stackshift-ui/stats-card")});var Y={};c(Y,{Statistics:()=>B,Statistics_A:()=>u,Statistics_B:()=>x});module.exports=L(Y);var f=require("react"),U={variant_a:(0,f.lazy)(()=>Promise.resolve().then(()=>(S(),F))),variant_b:(0,f.lazy)(()=>Promise.resolve().then(()=>(g(),R))),variant_c:(0,f.lazy)(()=>Promise.resolve().then(()=>(y(),A)))},X="Statistics",B=({data:r})=>{var t,n;let o=r==null?void 0:r.variant,e=o&&U[o],m={stats:(n=(t=r==null?void 0:r.variants)==null?void 0:t.stats)!=null?n:void 0};return e?(0,i.jsx)(e,{...m}):null};B.displayName=X;S();g();y();0&&(module.exports={Statistics,Statistics_A,Statistics_B});
+"use strict";var E=Object.create;var p=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var f=(r,o)=>()=>(r&&(o=r(r=0)),o);var c=(r,o)=>{for(var e in o)p(r,e,{get:o[e],enumerable:!0})},w=(r,o,e,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of H(o))!K.call(r,t)&&t!==e&&p(r,t,{get:()=>o[t],enumerable:!(m=G(o,t))||m.enumerable});return r};var L=(r,o,e)=>(e=r!=null?E(J(r)):{},w(o||!r||!r.__esModule?p(e,"default",{value:r,enumerable:!0}):e,r)),M=r=>w(p({},"__esModule",{value:!0}),r);var P={};c(P,{Statistics_A:()=>u,default:()=>u});function u({stats:r}){return(0,i.jsx)(C.Section,{className:"py-20 bg-background",children:(0,i.jsx)(I.Container,{maxWidth:1280,children:(0,i.jsx)(N.Flex,{wrap:!0,align:"center",justify:"start",className:"text-center",children:(0,i.jsx)(O,{stats:r})})})})}function O({stats:r}){return r?(0,i.jsx)(F.default.Fragment,{children:r.map((o,e)=>(0,i.jsx)("div",{className:"w-full px-4 my-8 sm:w-1/4 lg:w-1/4",children:(0,i.jsxs)(b.Card,{className:"relative py-10 ",children:[(0,i.jsx)(d.Text,{className:"mb-1 text-primary overflow-ellipsis overflow-clip",children:o==null?void 0:o.label}),(0,i.jsx)("p",{className:"text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip",children:o==null?void 0:o.value})]})},e))}):null}var b,I,N,C,d,F,i,S=f(()=>{"use strict";b=require("@stackshift-ui/card"),I=require("@stackshift-ui/container"),N=require("@stackshift-ui/flex"),C=require("@stackshift-ui/section"),d=require("@stackshift-ui/text"),F=L(require("react")),i=require("react/jsx-runtime")});var V={};c(V,{Statistics_B:()=>x,default:()=>x});function x({stats:r}){return(0,i.jsx)(C.Section,{className:"py-20 bg-background",children:(0,i.jsx)(I.Container,{maxWidth:1280,children:(0,i.jsx)(Q,{stats:r})})})}function Q({stats:r}){return r?(0,i.jsx)(N.Flex,{wrap:!0,align:"center",direction:"col",className:"sm:justify-left sm:flex-row",children:r==null?void 0:r.map((o,e)=>{var m,t,n;return(0,i.jsx)(k.StatsCard,{className:"my-8 md:w-1/2 lg:w-1/4 lg:justify-center",value:(m=o==null?void 0:o.value)!=null?m:"",label:(t=o==null?void 0:o.label)!=null?t:"",icon:`${(n=o==null?void 0:o.mainImage)==null?void 0:n.image}`},e)})}):null}var k,C,I,N,i,g=f(()=>{"use strict";k=require("@stackshift-ui/stats-card")});var B={};c(B,{default:()=>A});function A({stats:r}){return(0,i.jsx)(C.Section,{className:"py-20 bg-background",children:(0,i.jsx)($.Container,{maxWidth:1280,children:(0,i.jsx)(U,{stats:r})})})}function U({stats:r}){return r?(0,i.jsx)(N.Flex,{wrap:!0,align:"center",className:"text-center ",children:r==null?void 0:r.map((o,e)=>{var m,t,n;return(0,i.jsx)(W.StatsCard,{className:"my-8 md:w-1/2 lg:w-1/4",variant:"stacked",value:(m=o==null?void 0:o.value)!=null?m:"",label:(t=o==null?void 0:o.label)!=null?t:"",icon:`${(n=o==null?void 0:o.mainImage)==null?void 0:n.image}`},e)})}):null}var W,C,$,N,i,v=f(()=>{"use strict";W=require("@stackshift-ui/stats-card")});var Z={};c(Z,{Statistics:()=>q,Statistics_A:()=>u,Statistics_B:()=>x});module.exports=M(Z);var s=require("react"),X={variant_a:(0,s.lazy)(()=>Promise.resolve().then(()=>(S(),P))),variant_b:(0,s.lazy)(()=>Promise.resolve().then(()=>(g(),V))),variant_c:(0,s.lazy)(()=>Promise.resolve().then(()=>(v(),B)))},Y="Statistics",q=({data:r})=>{var t,n,y;let o=r==null?void 0:r.variant,e=o&&X[o],m={stats:(y=((t=r==null?void 0:r.variants)==null?void 0:t.stats)||((n=r==null?void 0:r.variants)==null?void 0:n.statItems))!=null?y:void 0};return e?(0,i.jsx)(e,{...m}):null};q.displayName=Y;S();g();v();0&&(module.exports={Statistics,Statistics_A,Statistics_B});

package/dist/index.mjs

@@ -1,2 +1,2 @@
 "use client";
-"use strict";import{a as e}from"./chunk-52NKRKG2.mjs";import{a as o}from"./chunk-N6STCBAI.mjs";import{a as r}from"./chunk-SIU35F2O.mjs";import"./chunk-JNZ3MG4R.mjs";export{e as Statistics,o as Statistics_A,r as Statistics_B};
+"use strict";import{a as e}from"./chunk-FSZDIJ2E.mjs";import{a as o}from"./chunk-N6STCBAI.mjs";import{a as r}from"./chunk-SIU35F2O.mjs";import"./chunk-JNZ3MG4R.mjs";export{e as Statistics,o as Statistics_A,r as Statistics_B};

package/dist/statistics.js

@@ -1 +1 @@
-"use strict";var D=Object.create;var p=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var G=Object.getOwnPropertyNames;var H=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var f=(r,o)=>()=>(r&&(o=r(r=0)),o);var c=(r,o)=>{for(var e in o)p(r,e,{get:o[e],enumerable:!0})},S=(r,o,e,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of G(o))!J.call(r,t)&&t!==e&&p(r,t,{get:()=>o[t],enumerable:!(m=E(o,t))||m.enumerable});return r};var K=(r,o,e)=>(e=r!=null?D(H(r)):{},S(o||!r||!r.__esModule?p(e,"default",{value:r,enumerable:!0}):e,r)),L=r=>S(p({},"__esModule",{value:!0}),r);var b={};c(b,{Statistics_A:()=>w,default:()=>w});function w({stats:r}){return(0,i.jsx)(y.Section,{className:"py-20 bg-background",children:(0,i.jsx)(x.Container,{maxWidth:1280,children:(0,i.jsx)(g.Flex,{wrap:!0,align:"center",justify:"start",className:"text-center",children:(0,i.jsx)(M,{stats:r})})})})}function M({stats:r}){return r?(0,i.jsx)(d.default.Fragment,{children:r.map((o,e)=>(0,i.jsx)("div",{className:"w-full px-4 my-8 sm:w-1/4 lg:w-1/4",children:(0,i.jsxs)(u.Card,{className:"relative py-10 ",children:[(0,i.jsx)(v.Text,{className:"mb-1 text-primary overflow-ellipsis overflow-clip",children:o==null?void 0:o.label}),(0,i.jsx)("p",{className:"text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip",children:o==null?void 0:o.value})]})},e))}):null}var u,x,g,y,v,d,i,N=f(()=>{"use strict";u=require("@stackshift-ui/card"),x=require("@stackshift-ui/container"),g=require("@stackshift-ui/flex"),y=require("@stackshift-ui/section"),v=require("@stackshift-ui/text"),d=K(require("react")),i=require("react/jsx-runtime")});var _={};c(_,{Statistics_B:()=>k,default:()=>k});function k({stats:r}){return(0,i.jsx)(y.Section,{className:"py-20 bg-background",children:(0,i.jsx)(x.Container,{maxWidth:1280,children:(0,i.jsx)(O,{stats:r})})})}function O({stats:r}){return r?(0,i.jsx)(g.Flex,{wrap:!0,align:"center",direction:"col",className:"sm:justify-left sm:flex-row",children:r==null?void 0:r.map((o,e)=>{var m,t,n;return(0,i.jsx)(I.StatsCard,{className:"my-8 md:w-1/2 lg:w-1/4 lg:justify-center",value:(m=o==null?void 0:o.value)!=null?m:"",label:(t=o==null?void 0:o.label)!=null?t:"",icon:`${(n=o==null?void 0:o.mainImage)==null?void 0:n.image}`},e)})}):null}var I,y,x,g,i,h=f(()=>{"use strict";I=require("@stackshift-ui/stats-card")});var z={};c(z,{default:()=>$});function $({stats:r}){return(0,i.jsx)(y.Section,{className:"py-20 bg-background",children:(0,i.jsx)(x.Container,{maxWidth:1280,children:(0,i.jsx)(Q,{stats:r})})})}function Q({stats:r}){return r?(0,i.jsx)(g.Flex,{wrap:!0,align:"center",className:"text-center ",children:r==null?void 0:r.map((o,e)=>{var m,t,n;return(0,i.jsx)(R.StatsCard,{className:"my-8 md:w-1/2 lg:w-1/4",variant:"stacked",value:(m=o==null?void 0:o.value)!=null?m:"",label:(t=o==null?void 0:o.label)!=null?t:"",icon:`${(n=o==null?void 0:o.mainImage)==null?void 0:n.image}`},e)})}):null}var R,y,x,g,i,A=f(()=>{"use strict";R=require("@stackshift-ui/stats-card")});var Y={};c(Y,{Statistics:()=>B});module.exports=L(Y);var s=require("react"),U={variant_a:(0,s.lazy)(()=>Promise.resolve().then(()=>(N(),b))),variant_b:(0,s.lazy)(()=>Promise.resolve().then(()=>(h(),_))),variant_c:(0,s.lazy)(()=>Promise.resolve().then(()=>(A(),z)))},X="Statistics",B=({data:r})=>{var t,n;let o=r==null?void 0:r.variant,e=o&&U[o],m={stats:(n=(t=r==null?void 0:r.variants)==null?void 0:t.stats)!=null?n:void 0};return e?(0,i.jsx)(e,{...m}):null};B.displayName=X;0&&(module.exports={Statistics});
+"use strict";var E=Object.create;var p=Object.defineProperty;var G=Object.getOwnPropertyDescriptor;var H=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty;var f=(r,o)=>()=>(r&&(o=r(r=0)),o);var c=(r,o)=>{for(var e in o)p(r,e,{get:o[e],enumerable:!0})},u=(r,o,e,m)=>{if(o&&typeof o=="object"||typeof o=="function")for(let t of H(o))!K.call(r,t)&&t!==e&&p(r,t,{get:()=>o[t],enumerable:!(m=G(o,t))||m.enumerable});return r};var L=(r,o,e)=>(e=r!=null?E(J(r)):{},u(o||!r||!r.__esModule?p(e,"default",{value:r,enumerable:!0}):e,r)),M=r=>u(p({},"__esModule",{value:!0}),r);var N={};c(N,{Statistics_A:()=>I,default:()=>I});function I({stats:r}){return(0,i.jsx)(y.Section,{className:"py-20 bg-background",children:(0,i.jsx)(g.Container,{maxWidth:1280,children:(0,i.jsx)(v.Flex,{wrap:!0,align:"center",justify:"start",className:"text-center",children:(0,i.jsx)(O,{stats:r})})})})}function O({stats:r}){return r?(0,i.jsx)(b.default.Fragment,{children:r.map((o,e)=>(0,i.jsx)("div",{className:"w-full px-4 my-8 sm:w-1/4 lg:w-1/4",children:(0,i.jsxs)(x.Card,{className:"relative py-10 ",children:[(0,i.jsx)(w.Text,{className:"mb-1 text-primary overflow-ellipsis overflow-clip",children:o==null?void 0:o.label}),(0,i.jsx)("p",{className:"text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip",children:o==null?void 0:o.value})]})},e))}):null}var x,g,v,y,w,b,i,C=f(()=>{"use strict";x=require("@stackshift-ui/card"),g=require("@stackshift-ui/container"),v=require("@stackshift-ui/flex"),y=require("@stackshift-ui/section"),w=require("@stackshift-ui/text"),b=L(require("react")),i=require("react/jsx-runtime")});var h={};c(h,{Statistics_B:()=>_,default:()=>_});function _({stats:r}){return(0,i.jsx)(y.Section,{className:"py-20 bg-background",children:(0,i.jsx)(g.Container,{maxWidth:1280,children:(0,i.jsx)(Q,{stats:r})})})}function Q({stats:r}){return r?(0,i.jsx)(v.Flex,{wrap:!0,align:"center",direction:"col",className:"sm:justify-left sm:flex-row",children:r==null?void 0:r.map((o,e)=>{var m,t,n;return(0,i.jsx)(d.StatsCard,{className:"my-8 md:w-1/2 lg:w-1/4 lg:justify-center",value:(m=o==null?void 0:o.value)!=null?m:"",label:(t=o==null?void 0:o.label)!=null?t:"",icon:`${(n=o==null?void 0:o.mainImage)==null?void 0:n.image}`},e)})}):null}var d,y,g,v,i,R=f(()=>{"use strict";d=require("@stackshift-ui/stats-card")});var A={};c(A,{default:()=>z});function z({stats:r}){return(0,i.jsx)(y.Section,{className:"py-20 bg-background",children:(0,i.jsx)(g.Container,{maxWidth:1280,children:(0,i.jsx)(U,{stats:r})})})}function U({stats:r}){return r?(0,i.jsx)($.Flex,{wrap:!0,align:"center",className:"text-center ",children:r==null?void 0:r.map((o,e)=>{var m,t,n;return(0,i.jsx)(V.StatsCard,{className:"my-8 md:w-1/2 lg:w-1/4",variant:"stacked",value:(m=o==null?void 0:o.value)!=null?m:"",label:(t=o==null?void 0:o.label)!=null?t:"",icon:`${(n=o==null?void 0:o.mainImage)==null?void 0:n.image}`},e)})}):null}var V,y,g,$,i,B=f(()=>{"use strict";V=require("@stackshift-ui/stats-card")});var Z={};c(Z,{Statistics:()=>q});module.exports=M(Z);var s=require("react"),X={variant_a:(0,s.lazy)(()=>Promise.resolve().then(()=>(C(),N))),variant_b:(0,s.lazy)(()=>Promise.resolve().then(()=>(R(),h))),variant_c:(0,s.lazy)(()=>Promise.resolve().then(()=>(B(),A)))},Y="Statistics",q=({data:r})=>{var t,n,S;let o=r==null?void 0:r.variant,e=o&&X[o],m={stats:(S=((t=r==null?void 0:r.variants)==null?void 0:t.stats)||((n=r==null?void 0:r.variants)==null?void 0:n.statItems))!=null?S:void 0};return e?(0,i.jsx)(e,{...m}):null};q.displayName=Y;0&&(module.exports={Statistics});

package/dist/statistics.mjs

@@ -1 +1 @@
-import{a}from"./chunk-52NKRKG2.mjs";export{a as Statistics};
+import{a}from"./chunk-FSZDIJ2E.mjs";export{a as Statistics};

package/dist/types.d.ts

@@ -211,6 +211,7 @@ export interface Variants {
     youtubeLink?: string | null;
     banner?: any;
     stats?: StatItems[] | null;
+    statItems?: StatItems[] | null;
     teams?: Team[] | null;
     testimonials?: Testimonial[] | null;
     selectStripeAccount?: string;

package/package.json

@@ -1,14 +1,15 @@
 {
   "name": "@stackshift-ui/statistics",
   "description": "",
-  "version": "6.0.3",
+  "version": "6.0.4",
   "private": false,
   "sideEffects": false,
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
   "files": [
-    "dist/**"
+    "dist/**",
+    "src"
   ],
   "author": "WebriQ <info@webriq.com>",
   "devDependencies": {
@@ -28,20 +29,20 @@
     "typescript": "^5.6.2",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
-    "@stackshift-ui/typescript-config": "6.0.2",
-    "@stackshift-ui/eslint-config": "6.0.2"
+    "@stackshift-ui/eslint-config": "6.0.2",
+    "@stackshift-ui/typescript-config": "6.0.2"
   },
   "dependencies": {
     "classnames": "^2.5.1",
     "@stackshift-ui/scripts": "6.0.2",
-    "@stackshift-ui/system": "6.0.2",
-    "@stackshift-ui/stats-card": "6.0.2",
-    "@stackshift-ui/card": "6.0.2",
-    "@stackshift-ui/button": "6.0.2",
-    "@stackshift-ui/text": "6.0.2",
-    "@stackshift-ui/container": "6.0.2",
-    "@stackshift-ui/section": "6.0.2",
-    "@stackshift-ui/flex": "6.0.2"
+    "@stackshift-ui/system": "6.0.3",
+    "@stackshift-ui/card": "6.0.3",
+    "@stackshift-ui/button": "6.0.3",
+    "@stackshift-ui/text": "6.0.3",
+    "@stackshift-ui/stats-card": "6.0.3",
+    "@stackshift-ui/container": "6.0.3",
+    "@stackshift-ui/flex": "6.0.3",
+    "@stackshift-ui/section": "6.0.3"
   },
   "peerDependencies": {
     "@types/react": "16.8 - 19",

package/src/index.ts

@@ -0,0 +1,7 @@
+"use client";
+
+// component exports
+export * from "./statistics";
+export * from "./statistics_a";
+export * from "./statistics_b";
+export * from "./statistics_c";

package/src/statistics.test.tsx

@@ -0,0 +1,13 @@
+import { cleanup, render, screen } from "@testing-library/react";
+import { afterEach, describe, test } from "vitest";
+import { Statistics } from "./statistics";
+
+describe.concurrent("statistics", () => {
+  afterEach(cleanup);
+
+  test.skip("Dummy test - test if renders without errors", ({ expect }) => {
+    const clx = "my-class";
+    render(<Statistics />);
+    expect(screen.getByTestId("{ kebabCase name }}").classList).toContain(clx);
+  });
+});

package/src/statistics.tsx

@@ -0,0 +1,27 @@
+import { lazy } from "react";
+import { SectionsProps, StatItems } from "./types";
+
+const Variants = {
+  variant_a: lazy(() => import("./statistics_a")),
+  variant_b: lazy(() => import("./statistics_b")),
+  variant_c: lazy(() => import("./statistics_c")),
+};
+
+export interface StatsProps {
+  stats?: StatItems[];
+}
+
+const displayName = "Statistics";
+
+export const Statistics: React.FC<SectionsProps> = ({ data }) => {
+  const variant = data?.variant;
+  const Variant = variant && Variants[variant as keyof typeof Variants];
+
+  const props = {
+    stats: (data?.variants?.stats || data?.variants?.statItems) ?? undefined,
+  };
+
+  return Variant ? <Variant {...props} /> : null;
+};
+
+Statistics.displayName = displayName;

package/src/statistics_a.tsx

@@ -0,0 +1,43 @@
+import { Card } from "@stackshift-ui/card";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { Section } from "@stackshift-ui/section";
+import { Text } from "@stackshift-ui/text";
+import React from "react";
+import { StatsProps } from ".";
+import { StatItems } from "./types";
+
+export default function Statistics_A({ stats }: StatsProps) {
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1280}>
+        <Flex wrap align="center" justify="start" className="text-center">
+          <StatisticsItems stats={stats} />
+        </Flex>
+      </Container>
+    </Section>
+  );
+}
+
+function StatisticsItems({ stats }: { stats?: StatItems[] }) {
+  if (!stats) return null;
+
+  return (
+    <React.Fragment>
+      {stats.map((items, index) => (
+        <div className="w-full px-4 my-8 sm:w-1/4 lg:w-1/4" key={index}>
+          <Card className="relative py-10 ">
+            <Text className="mb-1 text-primary overflow-ellipsis overflow-clip">
+              {items?.label}
+            </Text>
+            <p className="text-xl text-gray-500 font-bold lg:text-2xl overflow-ellipsis overflow-clip">
+              {items?.value}
+            </p>
+          </Card>
+        </div>
+      ))}
+    </React.Fragment>
+  );
+}
+
+export { Statistics_A };

package/src/statistics_b.tsx

@@ -0,0 +1,36 @@
+import { StatsCard } from "@stackshift-ui/stats-card";
+import { Section } from "@stackshift-ui/section";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { StatItems } from "./types";
+import { StatsProps } from ".";
+
+export default function Statistics_B({ stats }: StatsProps) {
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1280}>
+        <StatisticsItems stats={stats} />
+      </Container>
+    </Section>
+  );
+}
+
+function StatisticsItems({ stats }: { stats?: StatItems[] }) {
+  if (!stats) return null;
+
+  return (
+    <Flex wrap align="center" direction="col" className="sm:justify-left sm:flex-row">
+      {stats?.map((stat, index) => (
+        <StatsCard
+          key={index}
+          className="my-8 md:w-1/2 lg:w-1/4 lg:justify-center"
+          value={stat?.value ?? ""}
+          label={stat?.label ?? ""}
+          icon={`${stat?.mainImage?.image}`}
+        />
+      ))}
+    </Flex>
+  );
+}
+
+export { Statistics_B };

package/src/statistics_c.tsx

@@ -0,0 +1,35 @@
+import { StatsCard } from "@stackshift-ui/stats-card";
+import { Section } from "@stackshift-ui/section";
+import { Container } from "@stackshift-ui/container";
+import { Flex } from "@stackshift-ui/flex";
+import { StatItems } from "./types";
+import { StatsProps } from ".";
+
+export default function Statistics_C({ stats }: StatsProps) {
+  return (
+    <Section className="py-20 bg-background">
+      <Container maxWidth={1280}>
+        <StatisticsItems stats={stats} />
+      </Container>
+    </Section>
+  );
+}
+
+function StatisticsItems({ stats }: { stats?: StatItems[] }) {
+  if (!stats) return null;
+
+  return (
+    <Flex wrap align="center" className="text-center ">
+      {stats?.map((stat, index) => (
+        <StatsCard
+          key={index}
+          className="my-8 md:w-1/2 lg:w-1/4"
+          variant="stacked"
+          value={stat?.value ?? ""}
+          label={stat?.label ?? ""}
+          icon={`${stat?.mainImage?.image}`}
+        />
+      ))}
+    </Flex>
+  );
+}

package/src/types.ts

@@ -0,0 +1,413 @@
+export type StyleVariants<T extends string> = Record<T, string>;
+
+export type Socials = "facebook" | "instagram" | "youtube" | "linkedin" | "twitter";
+export interface MainImage {
+  image: string;
+  alt?: string;
+}
+
+export interface LabeledRoute extends ConditionalLink {
+  ariaLabel?: string;
+  label?: string;
+  linkTarget?: string;
+  linkType?: string;
+  _type?: string;
+  linkInternal?: any;
+}
+export interface ConditionalLink {
+  type?: string;
+  internalLink?: string | null;
+  externalLink?: string | null;
+}
+
+export interface StatItems {
+  label?: string;
+  mainImage?: MainImage;
+  value?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Logo extends ConditionalLink {
+  alt?: string;
+  linkTarget?: string;
+  image?: string;
+}
+
+export interface Images {
+  image?: string;
+  _key?: string;
+  _type?: string;
+  alt?: string;
+}
+
+export interface ContactDetails {
+  addressInfo?: string;
+  contactInfo?: string;
+  emailInfo?: string;
+  _key?: string;
+}
+
+export interface SocialLink {
+  socialMedia?: string | null;
+  socialMediaLink?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+  socialMediaIcon?: {
+    alt?: string;
+    image?: string;
+  } | null;
+  socialMediaPlatform?: string | null;
+}
+
+export interface LabeledRouteWithKey extends LabeledRoute {
+  _key?: string;
+}
+
+export interface ArrayOfImageTitleAndText {
+  mainImage?: {
+    alt?: string;
+    image?: string;
+  };
+  plainText?: string;
+  title?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface FeaturedItem {
+  description?: string;
+  mainImage?: MainImage;
+  title?: string;
+  subtitle?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface ArrayOfTitleAndText {
+  _key?: string;
+  plainText?: string;
+  title?: string;
+}
+
+export interface BlogPost extends SanityBody {
+  authors?: Author[] | null;
+  body?: any;
+  categories?: Category[] | null;
+  excerpt?: string | null;
+  link?: string | null;
+  mainImage?: string | null;
+  publishedAt?: string;
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+  title?: string;
+}
+
+export interface Seo {
+  _type?: string;
+  seoTitle?: string;
+  seoDescription?: string;
+  seoImage?: string;
+  seoKeywords?: string;
+  seoSynonyms?: string;
+}
+
+export interface SanitySlug {
+  current?: string;
+  _type?: "slug";
+}
+
+export interface SanityBody {
+  _createdAt?: string;
+  _id?: string;
+  _rev?: string;
+  _type?: string;
+  _updatedAt?: string;
+}
+
+export interface Author extends SanityBody {
+  link?: string | null;
+  bio?: string | null;
+  name?: string | null;
+  slug?: SanitySlug | null;
+  image?: string | null;
+  profile?: {
+    alt: string;
+    image: string;
+  } | null;
+}
+
+export interface Category extends SanityBody {
+  title?: string;
+}
+
+export interface Form {
+  id?: string | null;
+  buttonLabel?: string | null;
+  name?: string | null;
+  subtitle?: string | null;
+  fields?: FormFields[] | null;
+  thankYouPage?: ThankYouPage | null;
+}
+
+export interface FormFields {
+  name?: string;
+  placeholder?: string;
+  pricingType?: string;
+  type?: FormTypes;
+  _key?: string;
+  _type?: string;
+  isRequired?: boolean;
+  label?: string;
+  items?: string[];
+}
+
+export type FormTypes =
+  | "inputText"
+  | "inputEmail"
+  | "inputPassword"
+  | "inputNumber"
+  | "textarea"
+  | "inputFile"
+  | "inputRadio"
+  | "inputCheckbox"
+  | "inputSelect";
+
+export interface ThankYouPage {
+  externalLink?: string | null;
+  internalLink?: string | null;
+  linkInternal?: any;
+  linkTarget?: string;
+  linkType?: string;
+  type?: string;
+}
+
+//Used on different sections
+export interface SectionsProps {
+  template?: Template;
+  data?: Sections;
+  variant?: string | null | undefined;
+  schema?: Variants;
+}
+
+export interface Sections extends SanityBody {
+  label?: string;
+  variant?: string;
+  variants?: Variants;
+  _key?: string;
+}
+
+//*EDIT THIS SECTION WHEN CREATING/UPDATING SCHEMAS ON STUDIO */
+export interface Variants {
+  template?: Template;
+  multipleMenus?: any;
+  arrayOfTitleAndText?: ArrayOfTitleAndText[] | null;
+  logo?: Logo | null;
+  primaryButton?: LabeledRoute | null;
+  secondaryButton?: LabeledRoute | null;
+  routes?: LabeledRouteWithKey[] | null;
+  menu?: LabeledRouteWithKey[] | null;
+  plans?: Plans[] | null;
+  formLinks?: LabeledRouteWithKey[] | null;
+  portfolios?: Portfolios[] | null;
+  portfoliosWithCategories?: PortfoliosWithCategories[] | null;
+  length?: number;
+  signInLink?: LabeledRoute | null;
+  signinLink?: LabeledRoute | null;
+  tags?: string[] | null;
+  posts?: BlogPost[] | null;
+  blogsPerPage?: number | null;
+  form?: Form | null;
+  collections?: Collection | null;
+  products?: CollectionProduct | null;
+  allProducts?: Collection[];
+  subtitle?: string | null;
+  caption?: string | null;
+  title?: string | null;
+  plainText?: string | null;
+  contactDescription?: string | null;
+  officeInformation?: string | null;
+  contactEmail?: string | null;
+  contactNumber?: string | null;
+  socialLinks?: SocialLink[] | null;
+  block?: any;
+  heading?: string | null;
+  acceptButtonLabel?: string | null;
+  declineButtonLabel?: string | null;
+  faqsWithCategories?: FaqsWithCategory[] | null;
+  faqs?: AskedQuestion[] | null;
+  arrayOfImageTitleAndText?: ArrayOfImageTitleAndText[] | null;
+  description?: string | null;
+  featuredItems?: FeaturedItem[] | null;
+  images?: Images[] | null;
+  contactDetails?: ContactDetails[] | null;
+  copyright?: string | null;
+  mainImage?: MainImage | null;
+  youtubeLink?: string | null;
+  banner?: any;
+  stats?: StatItems[] | null;
+  statItems?: StatItems[] | null;
+  teams?: Team[] | null;
+  testimonials?: Testimonial[] | null;
+  selectStripeAccount?: string;
+  annualBilling?: string;
+  monthlyBilling?: string;
+  productDetails?: ProductDetail[];
+  btnLabel?: string;
+  selectAccount?: string;
+  hashtags?: string[];
+  numberOfPosts?: number;
+  text?: string;
+  button?: LabeledRoute;
+  features?: string[];
+  config?: {
+    enableAnalytics: boolean;
+    cookiePolicy?: {
+      siteName: string;
+      cookiePolicyPage: Reference;
+    };
+    consentModalPosition?: string;
+  };
+  contactLink?: LabeledRoute;
+}
+
+export interface Template {
+  bg?: string;
+  color?: string;
+}
+
+export type Plans = {
+  _key?: string | null;
+  _type?: "planItems" | null;
+  checkoutButtonName?: string | null;
+  description?: string | null;
+  monthlyPrice?: string | null;
+  planType?: string | null;
+  yearlyPrice?: string | null;
+  planIncludes?: string[] | null;
+  primaryButton?: LabeledRoute | null;
+} & Record<string, string>;
+
+export interface Portfolios {
+  dateAdded?: string | null;
+  mainImage?: {
+    image?: string | null;
+    alt?: string | null;
+  } | null;
+  primaryButton?: LabeledRoute | null;
+  title?: string | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface PortfoliosWithCategories {
+  category?: string | null;
+  content?: Content[] | null;
+  primaryButton?: LabeledRoute | null;
+  _key?: string | null;
+  _type?: string | null;
+}
+
+export interface Content extends Portfolios {
+  description?: string | null;
+  subtitle?: string | null;
+}
+
+export interface Collection extends SanityBody {
+  collectionInfoVariant?: {
+    variant?: string;
+  } | null;
+  name?: string | null;
+  products?: CollectionProduct[] | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+export interface CollectionProduct extends SanityBody {
+  compareToPrice?: number | null;
+  description?: string | null;
+  ecwidProductId?: number | null;
+  name?: string | null;
+  price?: number | null;
+  productInfo?: ProductInfo | null;
+  productInfoVariant?: {
+    variant?: string;
+  } | null;
+  sections?: any; //todo
+  seo?: Seo | null;
+  slug?: SanitySlug | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+interface ProductInfo {
+  btnLabel?: string | null;
+  images?: ProductInfoImage[] | null;
+  productDetails?: ProductDetail[] | null;
+  socialLinks?: SocialLink[] | null;
+  subtitle?: string | null;
+}
+
+//TODO, RECHECK PRODUCT INFO DATA FROM SANITY
+export interface ProductDetail {
+  blockContent?: any;
+  contentType?: string;
+  tabName?: string;
+  _key?: string;
+  [key: string]: any;
+}
+interface ProductInfoImage {
+  alt?: string | null;
+  _key: string;
+  _type: string;
+  image?: string | null;
+}
+
+export interface FaqsWithCategory {
+  askedQuestions?: AskedQuestion[] | null;
+  category?: string | null;
+  _key?: string;
+  _type?: string;
+}
+
+export interface AskedQuestion {
+  answer?: string | null;
+  question?: string | null;
+  hidden?: boolean;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Team {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  plainText?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export interface Testimonial {
+  jobTitle?: string;
+  mainImage?: MainImage;
+  name?: string;
+  rating?: string;
+  testimony?: string;
+  _key?: string;
+  _type?: string;
+}
+
+export declare interface Reference {
+  _type: string;
+  _ref: string;
+  _key?: string;
+  _weak?: boolean;
+  _strengthenOnPublish?: {
+    type: string;
+    weak?: boolean;
+    template?: {
+      id: string;
+      params: Record<string, string | number | boolean>;
+    };
+  };
+}

package/dist/chunk-52NKRKG2.mjs

@@ -1 +0,0 @@
-import{lazy as s}from"react";import{jsx as m}from"react/jsx-runtime";var p={variant_a:s(()=>import("./statistics_a.mjs")),variant_b:s(()=>import("./statistics_b.mjs")),variant_c:s(()=>import("./statistics_c.mjs"))},e="Statistics",c=({data:t})=>{var r,n;let i=t==null?void 0:t.variant,o=i&&p[i],a={stats:(n=(r=t==null?void 0:t.variants)==null?void 0:r.stats)!=null?n:void 0};return o?m(o,{...a}):null};c.displayName=e;export{c as a};