@wix/design-system-illustrations 1.1.5 → 1.2.1

package/Readme.md

@@ -1,6 +1,6 @@
 # Wix Design System Illustrations
 
-Welcome to the `@wix/design-system-illustrations` library! This package provides a collection of high-quality illustrations designed for the Wix Design System, exported as React components. 
+Welcome to the `@wix/design-system-illustrations` library! This package provides a collection of high-quality illustrations.
 
 ## Installation
 
@@ -14,29 +14,11 @@ yarn add @wix/design-system-illustrations
 
 Importing and using illustrations in your React application is straightforward. 
 
-Here's an example of how to use an illustration for Studio developers:
+Here's an example of how to use an illustration:
 
 ```jsx
 import React from 'react';
-import { AddingElements } from '@wix/design-system-illustrations/studio';
-
-const MyComponent = () => {
-  return (
-    <div>
-      <h1>Welcome to My Component</h1>
-      <AddingElements />
-    </div>
-  );
-};
-
-export default MyComponent;
-```
-
-Here's an example of how to use an illustration for Business Manager or Editor Classic developers:
-
-```jsx
-import React from 'react';
-import { AddingElements } from '@wix/design-system-illustrations/edge';
+import { AddingElements } from '@wix/design-system-illustrations';
 
 const MyComponent = () => {
   return (
@@ -60,7 +42,7 @@ const MyComponent = (editorType = 'studio') => {
   return (
     <div>
       <h1>Welcome to My Component</h1>
-      <AddingElements skin={editor} />
+      <AddingElements skin={editorType} />
     </div>
   );
 };
@@ -68,12 +50,8 @@ const MyComponent = (editorType = 'studio') => {
 export default MyComponent;
 ```
 
-Property `skin` has been exposed for every single illustration component to allow switching from edge to studio illustrations theme. The default skin is `edge`.
+Property `skin` has been exposed for every single illustration component to allow switching from edge to crisp illustrations theme. The default skin is `edge`.
 ```jsx
 <AddingElements skin="studio" />
 <AddingElements skin="edge" />
 ```
-
-## Contributing
-
-TBD.

package/crisp/AboveThumbM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type AboveThumbM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const AboveThumbM1: React.FC<AboveThumbM1Props>;

package/crisp/AboveThumbM1.js

@@ -0,0 +1,29 @@
+import React from "react";
+export const AboveThumbM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: "72",
+    height: "72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#DDE9FF",
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M55.5 30.5h-38a1 1 0 0 0-1 1v19a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-19a1 1 0 0 0-1-1Z"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M16 18.5h20M16 24.5h10"
+    }
+  )
+);

package/crisp/AddAssetsM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type AddAssetsM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const AddAssetsM1: React.FC<AddAssetsM1Props>;

package/crisp/AddAssetsM1.js

@@ -0,0 +1,44 @@
+import React from "react";
+export const AddAssetsM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 120 120",
+    fill: "none",
+    width: "120",
+    height: "120",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { stroke: "#000624", strokeLinejoin: "round", clipPath: "url(#clip0_1055_34)" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      strokeLinecap: "square",
+      d: "M65.5 62.5h-28a1 1 0 0 0-1 1v34a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1v-34a1 1 0 0 0-1-1Z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#A7C9FF",
+      d: "M85.5 24.5h-28a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1v-28a1 1 0 0 0-1-1Z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#D2FFA0",
+      d: "M43 45.5H31a4.5 4.5 0 1 0 0 9h12a4.5 4.5 0 1 0 0-9Z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#fff",
+      d: "M79.55 37.48c-2.43-3.7-6.18-5.8-8.37-4.68-.89.45-1.38 1.37-1.5 2.54-2.25-2.31-4.93-3.42-6.65-2.54-2.19 1.11-2 5.02.42 8.72s6.18 5.8 8.37 4.68c.89-.45 1.38-1.37 1.5-2.54 2.25 2.31 4.93 3.42 6.65 2.54 2.19-1.11 2-5.02-.42-8.72Z"
+    }
+  ), /* @__PURE__ */ React.createElement("path", { fill: "#000624", d: "M74.5 62.5v23l7-7h9z" }), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      strokeLinecap: "square",
+      d: "M57.5 71.5h-12M57.5 80.5h-12M57.5 89.5h-12"
+    }
+  )),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_1055_34" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h120v120H0z" })))
+);

package/crisp/AddCommentM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type AddCommentM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const AddCommentM1: React.FC<AddCommentM1Props>;

package/crisp/AddCommentM1.js

@@ -0,0 +1,26 @@
+import React from "react";
+export const AddCommentM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 120 120",
+    fill: "none",
+    width: "120",
+    height: "120",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { stroke: "#000624", strokeLinejoin: "round", clipPath: "url(#clip0_379_61)" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#A7C9FF",
+      d: "M103.5 25.51c1.1 0 2 .95 2 2.11v39.36l-9.68-8.23c-.2-.17-.45-.26-.7-.26H59.5V27.6c0-1.16.95-2.11 2.11-2.11h41.89z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#fff",
+      d: "M14.5 45.9v48.9l12.21-9.98c.25-.2.56-.31.89-.31h42.79c1.16 0 2.11-.95 2.11-2.11V45.91c0-.77-.62-1.4-1.4-1.4H15.9c-.77 0-1.4.62-1.4 1.4z"
+    }
+  ), /* @__PURE__ */ React.createElement("path", { d: "M50.09 73.24c-1.83 1.54-4.2 2.46-6.78 2.46-5.83 0-10.54-4.72-10.54-10.54s4.72-10.54 10.54-10.54 10.54 4.72 10.54 10.54v1.89c0 1.77-1.44 3.2-3.2 3.2a3.21 3.21 0 0 1-3.2-3.2v-6.56" }), /* @__PURE__ */ React.createElement("path", { d: "M43.31 69.29a4.131 4.131 0 0 0 0-8.26 4.131 4.131 0 0 0 0 8.26ZM70 38.5h25M79 44.5h16" })),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_379_61" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h120v120H0z" })))
+);

package/crisp/AlignCenterThumbM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type AlignCenterThumbM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const AlignCenterThumbM1: React.FC<AlignCenterThumbM1Props>;

package/crisp/AlignCenterThumbM1.js

@@ -0,0 +1,21 @@
+import React from "react";
+export const AlignCenterThumbM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: "72",
+    height: "72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M55.5 15.5h-40V43h40z" }),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M54.5 15.5h-38a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-26a1 1 0 0 0-1-1ZM30 55.5h11M25 49.5h21"
+    }
+  )
+);

package/crisp/AlignLeftThumbM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type AlignLeftThumbM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const AlignLeftThumbM1: React.FC<AlignLeftThumbM1Props>;

package/crisp/AlignLeftThumbM1.js

@@ -0,0 +1,21 @@
+import React from "react";
+export const AlignLeftThumbM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: "72",
+    height: "72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M56.5 16.5h-40V44h40z" }),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M55.5 16.5h-38a1 1 0 0 0-1 1v26a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-26a1 1 0 0 0-1-1ZM16 56.5h11M16 50.5h21"
+    }
+  )
+);

package/crisp/BelowThumbM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type BelowThumbM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const BelowThumbM1: React.FC<BelowThumbM1Props>;

package/crisp/BelowThumbM1.js

@@ -0,0 +1,29 @@
+import React from "react";
+export const BelowThumbM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: "72",
+    height: "72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#DDE9FF",
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M55.5 18.5h-38a1 1 0 0 0-1 1v19a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-19a1 1 0 0 0-1-1Z"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M16 45.5h20M16 51.5h10"
+    }
+  )
+);

package/{studio → crisp}/BlogPost.js

@@ -51,7 +51,7 @@ export const BlogPost = (props) => /* @__PURE__ */ React.createElement(
       fill: "#fff",
       stroke: "#000624",
       strokeLinejoin: "round",
-      d: "M75.04 90.64c.22-.61.28-1.28.13-1.95a3.568 3.568 0 0 0-4.23-2.73 3.563 3.563 0 0 0-2.73 4.23 3.563 3.563 0 0 0 4.23 2.73c.68-.15 1.26-.48 1.73-.93l1.75.18-.88-1.52z"
+      d: "M75.04 90.64c.22-.61.28-1.28.13-1.95a3.57 3.57 0 0 0-4.23-2.73 3.563 3.563 0 0 0-2.73 4.23 3.563 3.563 0 0 0 4.23 2.73c.68-.15 1.26-.48 1.73-.93l1.75.18-.88-1.52z"
     }
   ),
   /* @__PURE__ */ React.createElement(

package/crisp/BorderThumbM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type BorderThumbM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const BorderThumbM1: React.FC<BorderThumbM1Props>;

package/crisp/BorderThumbM1.js

@@ -0,0 +1,21 @@
+import React from "react";
+export const BorderThumbM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: "72",
+    height: "72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("path", { fill: "#DDE9FF", d: "M56.5 16.5h-40v22h40z" }),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M55.5 16.5h-38a1 1 0 0 0-1 1v38a1 1 0 0 0 1 1h38a1 1 0 0 0 1-1v-38a1 1 0 0 0-1-1ZM16.5 38.5h40M23 50.5h14M23 44.5h28"
+    }
+  )
+);

package/crisp/ButtonsStackedSideBySideThumbL1.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+
+export type ButtonsStackedSideBySideThumbL1Props =
+  React.SVGAttributes<SVGElement>;
+
+export declare const ButtonsStackedSideBySideThumbL1: React.FC<ButtonsStackedSideBySideThumbL1Props>;

package/crisp/ButtonsStackedSideBySideThumbL1.js

@@ -0,0 +1,34 @@
+import React from "react";
+export const ButtonsStackedSideBySideThumbL1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 114 114",
+    fill: "none",
+    width: "114",
+    height: "114",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "rect",
+    {
+      width: "40",
+      height: "15",
+      x: "14.5",
+      y: "49.5",
+      stroke: "#000624",
+      rx: "7.5"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "rect",
+    {
+      width: "40",
+      height: "15",
+      x: "62.5",
+      y: "49.5",
+      stroke: "#000624",
+      rx: "7.5"
+    }
+  )
+);

package/crisp/ButtonsStackedThumbL1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type ButtonsStackedThumbL1Props = React.SVGAttributes<SVGElement>;
+
+export declare const ButtonsStackedThumbL1: React.FC<ButtonsStackedThumbL1Props>;

package/crisp/ButtonsStackedThumbL1.js

@@ -0,0 +1,34 @@
+import React from "react";
+export const ButtonsStackedThumbL1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 114 114",
+    fill: "none",
+    width: "114",
+    height: "114",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "rect",
+    {
+      width: "42",
+      height: "15",
+      x: "36.5",
+      y: "37.5",
+      stroke: "#000624",
+      rx: "7.5"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "rect",
+    {
+      width: "42",
+      height: "15",
+      x: "36.5",
+      y: "61.5",
+      stroke: "#000624",
+      rx: "7.5"
+    }
+  )
+);

package/crisp/CMS.js

@@ -0,0 +1,88 @@
+import React from "react";
+export const CMS = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 102 102",
+    fill: "none",
+    width: "102",
+    height: "102",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { clipPath: "url(#clip0_1259_15790)" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000",
+      strokeLinecap: "square",
+      strokeLinejoin: "round",
+      d: "M80.5 38.5v-36c0-1.1-.9-2-2-2h-76c-1.1 0-2 .9-2 2v51c0 1.1.9 2 2 2h8"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000",
+      strokeLinejoin: "round",
+      d: "M4 4.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM8 4.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1ZM12 4.5a.5.5 0 1 0 0-1 .5.5 0 0 0 0 1Z"
+    }
+  ), /* @__PURE__ */ React.createElement("path", { fill: "#D2FFA0", d: "M42 39H29l-2 1v-9h15z" }), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#A7C9FF",
+      stroke: "#000",
+      strokeLinejoin: "round",
+      d: "M67.5 51.99v3.51h-16v-3.51c0-6.84-2.65-12.41-5.93-12.49h16c3.28.08 5.93 5.65 5.93 12.49Z"
+    }
+  ), /* @__PURE__ */ React.createElement("path", { stroke: "#000", strokeLinejoin: "round", d: "M29 39.5h16.57" }), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#000",
+      stroke: "#000",
+      strokeLinejoin: "round",
+      d: "M35.5 51.99V64.5H17.45c3.3 0 6.01-4.31 6.05-11.21v-1.3c0-6.9 2.69-12.49 6-12.49h.07c3.28.08 5.93 5.65 5.93 12.49Z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#A7C9FF",
+      stroke: "#000",
+      strokeLinejoin: "round",
+      d: "M73.73 101.5h-16c-3.44 0-6.23-5.58-6.23-12.45V87.5h16v1.55c0 6.87 2.79 12.45 6.23 12.45Z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000",
+      strokeLinejoin: "round",
+      d: "M61.57 39.5h27.78c3.44.02 6.19 5.62 6.15 12.49v37.33c0 7.6 5.53 12.18 6 12.18h.01-27.78M57.73 101.5h-16c-3.44 0-6.23-5.58-6.23-12.45V63"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000",
+      strokeLinejoin: "round",
+      d: "M70.5 39V15.5c0-.55-.45-1-1-1h-58c-.55 0-1 .45-1 1v36.48c-.04 6.9 2.72 12.51 6.17 12.52H17M10 30.5h61M35 47.5H10M35 64.5h-3"
+    }
+  ), /* @__PURE__ */ React.createElement("path", { fill: "#A7C9FF", d: "M42 15H27v15h15z" }), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000",
+      strokeLinejoin: "round",
+      d: "M95 55.5H67.5M51.5 55.5H34M35 71.5h60"
+    }
+  ), /* @__PURE__ */ React.createElement("path", { fill: "#A7C9FF", d: "M67 56H52v15h15z" }), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000",
+      strokeLinejoin: "round",
+      d: "M51.5 55.5v32M45.57 39.5h-.07M67.5 55.5v32M95 87.5H67.5M51.5 87.5H35"
+    }
+  ), /* @__PURE__ */ React.createElement("path", { fill: "#D2FFA0", d: "M67 72H52v15h15z" }), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000",
+      strokeLinejoin: "round",
+      d: "M26.5 15v40M42.5 15v24"
+    }
+  )),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_1259_15790" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h102.01v102H0z" })))
+);

package/crisp/CMSM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type CMSM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const CMSM1: React.FC<CMSM1Props>;

package/crisp/CMSM1.js

@@ -0,0 +1,82 @@
+import React from "react";
+export const CMSM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 120 120",
+    fill: "none",
+    width: "120",
+    height: "120",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("g", { stroke: "#000624", clipPath: "url(#clip0_202_117)" }, /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#A7C9FF",
+      strokeLinejoin: "round",
+      d: "M48.5 21.5h-22v22h22z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M40 26.5c-1.04 0-1.96 1.07-2.5 2.69-.54-1.62-1.46-2.69-2.5-2.69-1.66 0-3 2.69-3 6s1.34 6 3 6c1.04 0 1.96-1.07 2.5-2.69.54 1.62 1.46 2.69 2.5 2.69 1.66 0 3-2.69 3-6s-1.34-6-3-6"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#A7C9FF",
+      strokeLinejoin: "round",
+      d: "M48.5 65.5h-22v22h22z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M42.63 81.63c.84-.84.21-2.92-1.42-5.13 1.63-2.2 2.26-4.28 1.42-5.13s-2.92-.21-5.13 1.42c-2.2-1.63-4.28-2.26-5.13-1.42s-.21 2.92 1.42 5.13c-1.63 2.2-2.26 4.28-1.42 5.13s2.92.21 5.13-1.42c2.2 1.63 4.28 2.26 5.13 1.42"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#D2FFA0",
+      strokeLinejoin: "bevel",
+      d: "M48.5 43.5h-22v22h22z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      d: "M37.5 59.5a5 5 0 1 0 0-10 5 5 0 0 0 0 10"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      strokeLinejoin: "round",
+      d: "M6.5 21.5h20v22h-22v-20c0-1.1.9-2 2-2ZM4.5 65.5h22v22h-20c-1.1 0-2-.9-2-2zM26.5 43.5h-22v22h22zM48.5 21.5h53c1.1 0 2 .9 2 2v20h-55zM103.5 43.5h-55v22h55zM48.5 65.5h55v20c0 1.1-.9 2-2 2h-53zM57 32.5h22M57 54.5h22M57 76.5h22"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#fff",
+      strokeLinejoin: "round",
+      d: "M113 99.5H94c-1.38 0-2.5-1.07-2.5-2.38V77.88c0-1.31 1.12-2.38 2.5-2.38h19c1.38 0 2.5 1.07 2.5 2.38v19.24c0 1.31-1.12 2.38-2.5 2.38Z"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      strokeLinejoin: "round",
+      d: "M99.5 93.5h1.63c1.31 0 2.37-1.06 2.37-2.37v-7.27c0-1.31 1.06-2.37 2.37-2.37h1.6"
+    }
+  ), /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#000624",
+      strokeLinejoin: "round",
+      d: "M97.5 95.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4ZM109.5 83.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z"
+    }
+  )),
+  /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("clipPath", { id: "clip0_202_117" }, /* @__PURE__ */ React.createElement("path", { fill: "#fff", d: "M0 0h120v120H0z" })))
+);

package/crisp/CalendarThumbM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type CalendarThumbM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const CalendarThumbM1: React.FC<CalendarThumbM1Props>;

package/crisp/CalendarThumbM1.js

@@ -0,0 +1,37 @@
+import React from "react";
+export const CalendarThumbM1 = (props) => /* @__PURE__ */ React.createElement(
+  "svg",
+  {
+    viewBox: "0 0 72 72",
+    fill: "none",
+    width: "72",
+    height: "72",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M28.5 26.5h7v8h-8v-7c0-.55.45-1 1-1ZM43.5 26.5h-8v8h8zM43.5 26.5h7c.55 0 1 .45 1 1v7h-8zM20.5 34.5h7v8h-8v-7c0-.55.45-1 1-1ZM43.5 34.5h8v7c0 .55-.45 1-1 1h-7zM43.5 34.5h-8v8h8zM19.5 42.5h8v8h-7c-.55 0-1-.45-1-1zM35.5 42.5h-8v8h8zM35.5 42.5h8v7c0 .55-.45 1-1 1h-7z"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M12.5 58.5h46c.55 0 1-.45 1-1v-39h-48v39c0 .55.45 1 1 1Z"
+    }
+  ),
+  /* @__PURE__ */ React.createElement(
+    "path",
+    {
+      fill: "#DDE9FF",
+      stroke: "#000624",
+      strokeLinejoin: "round",
+      d: "M11.5 18.5h48v-5.12c0-.48-.39-.88-.88-.88H12.38c-.48 0-.88.39-.88.88z"
+    }
+  )
+);

package/crisp/CartPageM1.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+
+export type CartPageM1Props = React.SVGAttributes<SVGElement>;
+
+export declare const CartPageM1: React.FC<CartPageM1Props>;