@appcorp/app-corp-vista 0.2.76 → 0.2.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/molecules/vista-cta-v3/vista-cta-v3.d.ts +3 -0
  2. package/molecules/vista-cta-v3/vista-cta-v3.js +29 -0
  3. package/molecules/vista-cta-v5/vista-cta-v5.d.ts +3 -0
  4. package/molecules/vista-cta-v5/vista-cta-v5.js +26 -0
  5. package/organisms/vista-hero-v5/vista-hero-v5.d.ts +3 -0
  6. package/organisms/vista-hero-v5/vista-hero-v5.js +40 -0
  7. package/package.json +1 -1
  8. package/type/vista-cta-type.d.ts +4 -0
  9. package/type/vista-cta-type.js +2 -0
  10. package/type/vista-hero-type.d.ts +2 -0
package/molecules/vista-cta-v3/vista-cta-v3.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { VistaCtaV3Props } from '../../type/vista-cta-type';
3
+ export declare const VistaCtaV3: FC<VistaCtaV3Props>;
package/molecules/vista-cta-v3/vista-cta-v3.js ADDED
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.VistaCtaV3 = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var VistaCtaV3 = function () {
9
+ return (react_1.default.createElement("div", { className: "bg-white" },
10
+ react_1.default.createElement("div", { className: "mx-auto max-w-7xl py-24 sm:px-6 sm:py-32 lg:px-8" },
11
+ react_1.default.createElement("div", { className: "relative isolate overflow-hidden bg-gray-900 px-6 py-24 text-center shadow-2xl sm:rounded-3xl sm:px-16" },
12
+ react_1.default.createElement("h2", { className: "text-4xl font-semibold tracking-tight text-balance text-white sm:text-5xl" }, "Boost your productivity today"),
13
+ react_1.default.createElement("p", { className: "mx-auto mt-6 max-w-xl text-lg/8 text-pretty text-gray-300" }, "Incididunt sint fugiat pariatur cupidatat consectetur sit cillum anim id veniam aliqua proident excepteur commodo do ea."),
14
+ react_1.default.createElement("div", { className: "mt-10 flex items-center justify-center gap-x-6" },
15
+ react_1.default.createElement("a", { href: "#", className: "rounded-md bg-white px-3.5 py-2.5 text-sm font-semibold text-gray-900 shadow-xs hover:bg-gray-100 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" },
16
+ ' ',
17
+ "Get started",
18
+ ' '),
19
+ react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-white" },
20
+ "Learn more",
21
+ react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))),
22
+ react_1.default.createElement("svg", { viewBox: "0 0 1024 1024", "aria-hidden": "true", className: "absolute top-1/2 left-1/2 -z-10 size-256 -translate-x-1/2 mask-[radial-gradient(closest-side,white,transparent)]" },
23
+ react_1.default.createElement("circle", { r: 512, cx: 512, cy: 512, fill: "url(#827591b1-ce8c-4110-b064-7cb85a0b1217)", fillOpacity: "0.7" }),
24
+ react_1.default.createElement("defs", null,
25
+ react_1.default.createElement("radialGradient", { id: "827591b1-ce8c-4110-b064-7cb85a0b1217" },
26
+ react_1.default.createElement("stop", { stopColor: "#7775D6" }),
27
+ react_1.default.createElement("stop", { offset: 1, stopColor: "#E935C1" }))))))));
28
+ };
29
+ exports.VistaCtaV3 = VistaCtaV3;
package/molecules/vista-cta-v5/vista-cta-v5.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { VistaCtaV5Props } from '../../type/vista-cta-type';
3
+ export declare const VistaCtaV5: FC<VistaCtaV5Props>;
package/molecules/vista-cta-v5/vista-cta-v5.js ADDED
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.VistaCtaV5 = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var VistaCtaV5 = function () {
9
+ return (react_1.default.createElement("div", { className: "relative isolate overflow-hidden bg-gray-900" },
10
+ react_1.default.createElement("div", { className: "px-6 py-24 sm:px-6 sm:py-32 lg:px-8" },
11
+ react_1.default.createElement("div", { className: "mx-auto max-w-2xl text-center" },
12
+ react_1.default.createElement("h2", { className: "text-4xl font-semibold tracking-tight text-balance text-white sm:text-5xl" }, "Boost your productivity. Start using our app today."),
13
+ react_1.default.createElement("p", { className: "mx-auto mt-6 max-w-xl text-lg/8 text-pretty text-gray-300" }, "Incididunt sint fugiat pariatur cupidatat consectetur sit cillum anim id veniam aliqua proident excepteur commodo do ea."),
14
+ react_1.default.createElement("div", { className: "mt-10 flex items-center justify-center gap-x-6" },
15
+ react_1.default.createElement("a", { href: "#", className: "rounded-md bg-white/15 px-3.5 py-2.5 text-sm font-semibold text-white inset-ring inset-ring-white/5 hover:bg-white/20 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-white" }, "Get started"),
16
+ react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-white hover:text-gray-300" },
17
+ "Learn more ",
18
+ react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192"))))),
19
+ react_1.default.createElement("svg", { viewBox: "0 0 1024 1024", "aria-hidden": "true", className: "absolute top-1/2 left-1/2 -z-10 size-256 -translate-x-1/2 mask-[radial-gradient(closest-side,white,transparent)]" },
20
+ react_1.default.createElement("circle", { r: 512, cx: 512, cy: 512, fill: "url(#8d958450-c69f-4251-94bc-4e091a323369)", fillOpacity: "0.7" }),
21
+ react_1.default.createElement("defs", null,
22
+ react_1.default.createElement("radialGradient", { id: "8d958450-c69f-4251-94bc-4e091a323369" },
23
+ react_1.default.createElement("stop", { stopColor: "#7775D6" }),
24
+ react_1.default.createElement("stop", { offset: 1, stopColor: "#E935C1" }))))));
25
+ };
26
+ exports.VistaCtaV5 = VistaCtaV5;
package/organisms/vista-hero-v5/vista-hero-v5.d.ts ADDED
@@ -0,0 +1,3 @@
1
+ import { FC } from 'react';
2
+ import { VistaHeroV5Props } from '../../type/vista-hero-type';
3
+ export declare const VistaHeroV5: FC<VistaHeroV5Props>;
package/organisms/vista-hero-v5/vista-hero-v5.js ADDED
@@ -0,0 +1,40 @@
1
+ 'use client';
2
+ "use strict";
3
+ var __importDefault = (this && this.__importDefault) || function (mod) {
4
+ return (mod && mod.__esModule) ? mod : { "default": mod };
5
+ };
6
+ Object.defineProperty(exports, "__esModule", { value: true });
7
+ exports.VistaHeroV5 = void 0;
8
+ var react_1 = __importDefault(require("react"));
9
+ var VistaHeroV5 = function () {
10
+ return (react_1.default.createElement("div", { className: "bg-gray-900" },
11
+ react_1.default.createElement("div", { className: "relative isolate overflow-hidden pt-14" },
12
+ react_1.default.createElement("img", { alt: "", src: "https://images.unsplash.com/photo-1521737604893-d14cc237f11d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2830&q=80&blend=111827&sat=-100&exp=15&blend-mode=multiply", className: "absolute inset-0 -z-10 size-full object-cover" }),
13
+ react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" },
14
+ react_1.default.createElement("div", { style: {
15
+ clipPath: 'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
16
+ }, className: "relative left-[calc(50%-11rem)] aspect-1155/678 w-144.5 -translate-x-1/2 rotate-30 bg-linear-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%-30rem)] sm:w-288.75" })),
17
+ react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-6 lg:px-8" },
18
+ react_1.default.createElement("div", { className: "mx-auto max-w-2xl py-32 sm:py-48 lg:py-56" },
19
+ react_1.default.createElement("div", { className: "hidden sm:mb-8 sm:flex sm:justify-center" },
20
+ react_1.default.createElement("div", { className: "relative rounded-full px-3 py-1 text-sm/6 text-gray-400 ring-1 ring-white/10 hover:ring-white/20" },
21
+ "Announcing our next round of funding.",
22
+ ' ',
23
+ react_1.default.createElement("a", { href: "#", className: "font-semibold text-indigo-400" },
24
+ react_1.default.createElement("span", { "aria-hidden": "true", className: "absolute inset-0" }),
25
+ "Read more ",
26
+ react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192")))),
27
+ react_1.default.createElement("div", { className: "text-center" },
28
+ react_1.default.createElement("h1", { className: "text-5xl font-semibold tracking-tight text-balance text-white sm:text-7xl" }, "Data to enrich your online business"),
29
+ react_1.default.createElement("p", { className: "mt-8 text-lg font-medium text-pretty text-gray-400 sm:text-xl/8" }, "Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat."),
30
+ react_1.default.createElement("div", { className: "mt-10 flex items-center justify-center gap-x-6" },
31
+ react_1.default.createElement("a", { href: "#", className: "rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-400 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500" }, "Get started"),
32
+ react_1.default.createElement("a", { href: "#", className: "text-sm/6 font-semibold text-white" },
33
+ "Learn more ",
34
+ react_1.default.createElement("span", { "aria-hidden": "true" }, "\u2192")))))),
35
+ react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" },
36
+ react_1.default.createElement("div", { style: {
37
+ clipPath: 'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',
38
+ }, className: "relative left-[calc(50%+3rem)] aspect-1155/678 w-144.5 -translate-x-1/2 bg-linear-to-tr from-[#ff80b5] to-[#9089fc] opacity-20 sm:left-[calc(50%+36rem)] sm:w-288.75" })))));
39
+ };
40
+ exports.VistaHeroV5 = VistaHeroV5;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.2.76",
3
+ "version": "0.2.78",
4
4
  "scripts": {
5
5
  "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib && cp yarn.lock lib",
6
6
  "build:next": "next build",
package/type/vista-cta-type.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export interface VistaCtaV3Props {
2
+ }
3
+ export interface VistaCtaV5Props {
4
+ }
package/type/vista-cta-type.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
package/type/vista-hero-type.d.ts CHANGED
@@ -16,6 +16,8 @@ export interface VistaHeroV13Item {
16
16
  subTitle?: string;
17
17
  subTitleUrl?: string;
18
18
  }
19
+ export interface VistaHeroV5Props {
20
+ }
19
21
  export interface VistaHeroV13Props {
20
22
  containerClassName?: string;
21
23
  items: VistaHeroV13Item[];