@easypost/easy-ui 1.0.0-alpha.75 → 1.0.0-alpha.77

package/PlanCard/PlanCard.d.ts

@@ -0,0 +1,89 @@
+import React, { ReactNode } from "react";
+import { AriaLinkOptions } from "react-aria";
+import { CardProps } from "../Card";
+import { TextProps } from "../Text";
+import { UnstyledButtonProps } from "../UnstyledButton";
+type ChildrenFn = ({ isHovered }: {
+    isHovered: boolean;
+}) => ReactNode;
+export type PlanCardLinkProps = Omit<AriaLinkOptions, "children"> & {
+    /**
+     * The children of the `PlanCard.Link` element.
+     */
+    children: ChildrenFn | ReactNode;
+};
+export type PlanCardButtonProps = Omit<UnstyledButtonProps, "children"> & {
+    /**
+     * The children of the `PlanCard.Button` element.
+     */
+    children: ChildrenFn | ReactNode;
+};
+export type PlanCardProps = CardProps & {
+    /**
+     * The children of the `PlanCard` element.
+     */
+    children: ReactNode;
+};
+/**
+ * A `<PlanCard />` is a styled container designed to display and
+ * compare subscription plan information.
+ *
+ * @example
+ * ```tsx
+ * <PlanCard>
+ *   <VerticalStack gap="2">
+ *     <PlanCard.Callout>
+ *       <Badge block>Active Plan</Badge>
+ *     </PlanCard.Callout>
+ *     <PlanCard.Header>
+ *       <PlanCard.Title>Starter</PlanCard.Title>
+ *       <PlanCard.Price>$10.00</PlanCard.Price>
+ *       <PlanCard.Caption>Free Forever</PlanCard.Caption>
+ *     </PlanCard.Header>
+ *   </VerticalStack>
+ *   <PlanCard.Features>
+ *     <PlanCard.Feature>Feature 1</PlanCard.Feature>
+ *     <PlanCard.Feature>Feature 2</PlanCard.Feature>
+ *     <PlanCard.Feature>Feature 3</PlanCard.Feature>
+ *     <PlanCard.Feature>Feature 4</PlanCard.Feature>
+ *     <PlanCard.Feature>Feature 5</PlanCard.Feature>
+ *   </PlanCard.Features>
+ *   <PlanCard.Illustration>
+ *     <PlanCardStartupIllustration />
+ *   </PlanCard.Illustration>
+ * </PlanCard>
+ * ```
+ */
+export declare function PlanCard(props: PlanCardProps): React.JSX.Element;
+export declare namespace PlanCard {
+    var Button: typeof PlanCardButton;
+    var Link: typeof PlanCardLink;
+    var Header: typeof PlanCardHeader;
+    var Callout: typeof PlanCardCallout;
+    var Title: typeof PlanCardTitle;
+    var Price: typeof PlanCardPrice;
+    var Caption: typeof PlanCardCaption;
+    var Features: typeof PlanCardFeatures;
+    var Feature: typeof PlanCardFeature;
+    var Illustration: typeof PlanCardIllustration;
+}
+declare function PlanCardLink({ children, ...props }: PlanCardLinkProps): React.JSX.Element;
+declare function PlanCardButton({ children, ...props }: PlanCardButtonProps): React.JSX.Element;
+declare function PlanCardHeader({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+declare function PlanCardCallout({ children }: {
+    children?: ReactNode;
+}): React.JSX.Element;
+declare function PlanCardTitle({ children, ...textProps }: TextProps): React.JSX.Element;
+declare function PlanCardPrice({ children, ...textProps }: TextProps): React.JSX.Element;
+declare function PlanCardCaption({ children, ...textProps }: TextProps): React.JSX.Element;
+declare function PlanCardFeatures({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+declare function PlanCardFeature({ children, ...textProps }: TextProps): React.JSX.Element;
+declare function PlanCardIllustration({ children }: {
+    children: ReactNode;
+}): React.JSX.Element;
+export {};
+//# sourceMappingURL=PlanCard.d.ts.map

package/PlanCard/PlanCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCard.d.ts","sourceRoot":"","sources":["../../src/PlanCard/PlanCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,eAAe,EAAiC,MAAM,YAAY,CAAC;AAC5E,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAE1C,OAAO,EAAkB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAIxE,KAAK,UAAU,GAAG,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,OAAO,CAAA;CAAE,KAAK,SAAS,CAAC;AAEvE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,GAAG;IAClE;;OAEG;IACH,QAAQ,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG;IACxE;;OAEG;IACH,QAAQ,EAAE,UAAU,GAAG,SAAS,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG;IACtC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAe5C;yBAfe,QAAQ;;;;;;;;;;;;AAiBxB,iBAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,qBAS9D;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,qBAUlE;AAED,iBAAS,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAM5D;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,CAAC,EAAE,SAAS,CAAA;CAAE,qBAE9D;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,qBAM3D;AAED,iBAAS,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,qBAY3D;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,qBAM7D;AAED,iBAAS,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAM9D;AAED,iBAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,SAAS,qBAM7D;AAED,iBAAS,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,qBAElE"}

package/PlanCard/PlanCard.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { PlanCard } from "./PlanCard";
+type Story = StoryObj<typeof PlanCard>;
+declare const meta: Meta<typeof PlanCard>;
+export default meta;
+export declare const Starter: Story;
+export declare const Essential: Story;
+export declare const Growth: Story;
+export declare const Premium: Story;
+export declare const Enterprise: Story;
+export declare const Static: Story;
+//# sourceMappingURL=PlanCard.stories.d.ts.map

package/PlanCard/PlanCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCard.stories.d.ts","sourceRoot":"","sources":["../../src/PlanCard/PlanCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAMtC,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAgB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkCvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAkCpB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAkCrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA8BxB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAuBpB,CAAC"}

package/PlanCard/PlanCard.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PlanCard.test.d.ts.map

package/PlanCard/PlanCard.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanCard.test.d.ts","sourceRoot":"","sources":["../../src/PlanCard/PlanCard.test.tsx"],"names":[],"mappings":""}

package/PlanCard/illustrations/Building01/Building01.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+export declare function PlanCardIllustrationBuilding01(): React.JSX.Element;
+//# sourceMappingURL=Building01.d.ts.map

package/PlanCard/illustrations/Building01/Building01.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Building01.d.ts","sourceRoot":"","sources":["../../../../src/PlanCard/illustrations/Building01/Building01.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wBAAgB,8BAA8B,sBAgnB7C"}

package/PlanCard/illustrations/Building01/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Building01";
+//# sourceMappingURL=index.d.ts.map

package/PlanCard/illustrations/Building01/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/PlanCard/illustrations/Building01/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/PlanCard/illustrations/Building01/index.js

@@ -0,0 +1,540 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+function PlanCardIllustrationBuilding01() {
+  return React.createElement("svg", {
+    width: "223",
+    height: "140",
+    viewBox: "0 0 223 140",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, React.createElement("path", {
+    d: "M150.417 81.6627C150.417 72.2461 155.487 64.0934 162.881 60.1287C166.412 58.2348 168.407 54.3138 168.019 50.2462C167.919 49.2075 167.868 48.1468 167.868 47.0709C167.868 34.1356 175.251 23.6474 184.358 23.6474C193.466 23.6474 200.849 34.1334 200.849 47.0709C200.849 48.149 200.797 49.2075 200.697 50.2462C200.309 54.3138 202.304 58.2348 205.836 60.1287C213.227 64.0934 218.298 72.2461 218.298 81.6627C218.298 93.2203 210.659 102.875 200.465 105.215C198.265 105.72 196.565 107.546 196.183 109.825C194.919 117.372 190.107 121.488 184.356 121.488C178.606 121.488 173.793 117.372 172.529 109.825C172.148 107.546 170.447 105.72 168.247 105.215C158.053 102.873 150.415 93.2181 150.415 81.6627H150.417Z",
+    fill: "#00AC83",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 42.7628V139.562",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 55.978L175.392 41.759",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 69.5693L175.392 55.3503",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 83.1585L175.392 68.9395",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 96.7499L175.392 82.5309",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 62.5933L195.88 48.7351",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 76.1824L195.88 62.3264",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 89.7737L195.88 75.9178",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 110.341L175.392 96.1222",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M185.812 103.365L195.88 89.5092",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M85.896 23.2333V19.0485H149.041L192.844 66.7884L192.895 70.6628L124.925 70.9732L85.896 23.2333Z",
+    fill: "#47547F",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M110.011 139.562H176.568V57.2249L143.291 19.7243L110.011 57.2249V139.562Z",
+    fill: "#FFF9F5",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M53.5967 52.3893H110.011V139.562H53.5967V52.3893Z",
+    fill: "#FEDEDE",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M138.239 50.9802H156.01V77.766H138.239V50.9802Z",
+    fill: "#C6CFE0",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M139.915 50.9552C139.64 50.9351 135.69 50.9552 135.69 50.9552L154.241 77.806H158.557L139.915 50.9552Z",
+    fill: "#E9EFFF",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M147.125 50.9802V77.7685",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M156.01 64.3756H138.239",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M129.599 50.9802H138.239V77.766H129.599V50.9802Z",
+    fill: "#47547F",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M156.01 50.9802H164.65V77.766H156.01V50.9802Z",
+    fill: "#47547F",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M163.396 52.9975H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 54.7645H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 56.5291H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 58.2961H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 60.0631H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 61.8301H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 63.5972H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 65.3642H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 67.1313H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 68.8983H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 70.6628H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 72.4298H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 74.1969H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M163.396 75.9639H157.266",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 52.9975H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 54.7645H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 56.5291H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 58.2961H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 60.0631H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 61.8301H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 63.5972H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 65.3642H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 67.1313H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 68.8983H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 70.6628H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 72.4298H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 74.1969H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M136.983 75.9639H130.855",
+    stroke: "#C6CFE0",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10",
+    strokeLinecap: "round"
+  }), React.createElement("path", {
+    d: "M149.041 23.2333V19.0485L81.8027 20.1698L41.3609 70.9732H110.011L149.041 23.2333Z",
+    fill: "#E2E7F0",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M149.041 19.0485H69.5864L41.3609 66.7884H110.011L149.041 19.0485Z",
+    fill: "#47547F",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinejoin: "bevel"
+  }), React.createElement("path", {
+    d: "M76.9047 6.897H95.1997V31.7831H76.9047V6.897Z",
+    fill: "#FEDEDE",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M95.1996 31.7806L102.605 25.6836V6.897H95.1996V31.7806Z",
+    fill: "#FFF9F5",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M74.441 1.56589H95.1997V8.0158H74.441V1.56589Z",
+    fill: "#E2E7F0",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M95.1994 1.56589H104.057V8.0158H95.1994V1.56589Z",
+    fill: "#E2E7F0",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M145.521 90.0201H169.49V139.562H145.521V90.0201Z",
+    fill: "#E2E7F0",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M163.701 118.112C162.179 118.112 160.945 116.846 160.945 115.284C160.945 113.722 162.179 112.456 163.701 112.456C165.223 112.456 166.458 113.722 166.458 115.284C166.458 116.846 165.223 118.112 163.701 118.112Z",
+    fill: "#FFF9F5",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M115.49 91.5468H139.734V118.4H115.49V91.5468Z",
+    fill: "#C6CFE0",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M120.449 91.5518C120.173 91.5318 116.224 91.5518 116.224 91.5518L134.775 118.403H139.09L120.449 91.5518Z",
+    fill: "#E9EFFF",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M127.613 91.5468V118.4",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M139.734 104.975H115.49",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M117.971 118.4H142.127V122.287H117.971V118.4Z",
+    fill: "#E2E7F0",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M115.422 118.4H117.971V122.287H115.422V118.4Z",
+    fill: "#E2E7F0",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M110.011 135.645H145.521V139.562H110.011V135.645Z",
+    fill: "#F6F8FE",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M169.489 135.645H176.583V139.562H169.489V135.645Z",
+    fill: "#F6F8FE",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M53.5967 135.645H110.011V139.562H53.5967V135.645Z",
+    fill: "#F6F8FE",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M110.011 70.9732V65.194",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeMiterlimit: "10"
+  }), React.createElement("path", {
+    d: "M77.0681 139.532C76.7851 138.543 76.629 137.5 76.629 136.418C76.629 130.339 81.4321 125.408 87.3597 125.408C87.6841 125.408 88.0036 125.426 88.3208 125.453C88.2573 125.018 88.2232 124.575 88.2232 124.122C88.2232 119.241 92.0798 115.284 96.8365 115.284C101.593 115.284 105.45 119.241 105.45 124.122C105.45 124.575 105.416 125.02 105.352 125.453C105.669 125.423 105.989 125.408 106.313 125.408C112.238 125.408 117.044 130.336 117.044 136.418C117.044 137.5 116.89 138.546 116.605 139.532H77.0705H77.0681Z",
+    fill: "#00E5AE",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M149.041 23.2333L192.895 70.6628L192.844 66.7884L149.041 19.0485V23.2333Z",
+    fill: "#E2E7F0",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinejoin: "bevel"
+  }), React.createElement("path", {
+    d: "M7.64014 74.2645C7.64014 63.4871 13.4433 54.1564 21.9054 49.6187C25.9474 47.4512 28.2306 42.9635 27.7866 38.3081C27.672 37.1193 27.6134 35.9054 27.6134 34.674C27.6134 19.8695 36.0633 7.86566 46.4866 7.86566C56.9099 7.86566 65.3597 19.867 65.3597 34.674C65.3597 35.9079 65.3012 37.1193 65.1865 38.3081C64.7426 42.9635 67.0258 47.4512 71.0678 49.6187C79.5274 54.1564 85.333 63.4871 85.333 74.2645C85.333 87.4922 76.5904 98.5424 64.9231 101.22C62.4057 101.799 60.4591 103.889 60.0224 106.497C58.5759 115.134 53.0679 119.844 46.4866 119.844C39.9052 119.844 34.3972 115.134 32.9507 106.497C32.5141 103.889 30.5675 101.799 28.0501 101.22C16.3827 98.5399 7.64014 87.4897 7.64014 74.2645Z",
+    fill: "#00E5AE",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1523 29.7433V139.562",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1523 44.8682L36.2264 28.5945",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1523 60.4236L36.2264 44.1499",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1523 75.9765L30.7038 52.1666",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1523 91.5318L25.3421 60.4061",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1524 52.4394L59.6758 36.5787",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1524 67.9923L59.6758 52.134",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1524 83.5477L67.7817 56.5316",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1523 107.087L22.4612 72.0294",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M48.1527 99.103L70.9775 67.6894",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M8.21818 106.191C10.5673 105.34 12.087 103.023 11.9943 100.467C11.9748 99.944 11.965 99.3959 11.965 98.8202C11.965 87.8751 16.8437 79.0024 22.8615 79.0024C28.8794 79.0024 33.758 87.8751 33.758 98.8202C33.758 99.4485 33.7458 100.044 33.7239 100.612C33.6214 103.135 35.1046 105.428 37.4024 106.331C42.1957 108.219 45.5376 112.486 45.5376 117.449C45.5376 124.162 39.4222 129.603 31.8798 129.603C29.4111 129.603 27.0987 129.02 25.1008 128.001C23.5445 127.208 21.7028 127.208 20.1465 128.001C18.1487 129.02 15.8362 129.603 13.3676 129.603C5.82519 129.603 -0.290226 124.162 -0.290226 117.449C-0.290226 112.358 3.22729 107.998 8.21574 106.189L8.21818 106.191Z",
+    fill: "#00AC83",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M22.8638 90.5432V139.562",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M22.8638 120.515L14.8262 111.32",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M22.8638 107.29L14.8262 98.0944",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M22.8638 113.903L30.9014 104.707",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M22.8638 100.68L30.9014 91.4843",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), React.createElement("path", {
+    d: "M200.828 139.562H18.8463",
+    stroke: "#47547F",
+    strokeWidth: "0.75",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }));
+}
+exports.PlanCardIllustrationBuilding01 = PlanCardIllustrationBuilding01;