@appcorp/shadcn 1.0.29 → 1.0.32

package/components/shadcn-example/coming-soon/countdown.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Countdown: () => React.JSX.Element;

package/components/shadcn-example/coming-soon/countdown.js

@@ -0,0 +1,82 @@
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Countdown = void 0;
+var react_1 = __importStar(require("react"));
+var calculateTimeLeft = function (targetDate) {
+    var difference = +targetDate - +new Date();
+    var timeLeft = {
+        days: 0,
+        hours: 0,
+        minutes: 0,
+        seconds: 0,
+    };
+    if (difference > 0) {
+        timeLeft = {
+            days: Math.floor(difference / (1000 * 60 * 60 * 24)),
+            hours: Math.floor((difference / (1000 * 60 * 60)) % 24),
+            minutes: Math.floor((difference / 1000 / 60) % 60),
+            seconds: Math.floor((difference / 1000) % 60),
+        };
+    }
+    return timeLeft;
+};
+var Countdown = function () {
+    // Initialize targetDate only once using useState's functional update
+    var targetDate = (0, react_1.useState)(function () {
+        var date = new Date();
+        date.setDate(date.getDate() + 30); // Set to 30 days from the initial render time
+        return date;
+    })[0];
+    var _a = (0, react_1.useState)(calculateTimeLeft(targetDate)), timeLeft = _a[0], setTimeLeft = _a[1];
+    (0, react_1.useEffect)(function () {
+        // Use setInterval for continuous updates
+        var timer = setInterval(function () {
+            setTimeLeft(calculateTimeLeft(targetDate));
+        }, 1000); // Update every second
+        // Clean up the interval when the component unmounts or targetDate changes (though targetDate is stable here)
+        return function () { return clearInterval(timer); };
+    }, [targetDate]); // Dependency array ensures effect runs only if targetDate changes (which it won't after initial render)
+    var timerComponents = [];
+    Object.keys(timeLeft).forEach(function (interval) {
+        var value = timeLeft[interval];
+        timerComponents.push(react_1.default.createElement("div", { key: interval, className: "flex flex-col items-center" },
+            react_1.default.createElement("span", { className: "text-5xl font-bold" }, value < 10 ? "0".concat(value) : value),
+            react_1.default.createElement("span", { className: "text-sm uppercase opacity-80" }, interval)));
+    });
+    return (react_1.default.createElement("div", { className: "flex justify-center gap-6 md:gap-8" }, timerComponents.length ? timerComponents : react_1.default.createElement("span", null, "Time up!")));
+};
+exports.Countdown = Countdown;

package/components/shadcn-example/coming-soon/index.d.ts

@@ -0,0 +1,10 @@
+import { FC } from "react";
+export interface ComingSoonProps {
+    backgroundImage: string;
+    footerLinks: Array<{
+        label: string;
+        href: string;
+    }>;
+    logo: string;
+}
+export declare const ComingSoon: FC<ComingSoonProps>;

package/components/shadcn-example/coming-soon/index.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ComingSoon = void 0;
+var link_1 = __importDefault(require("next/link"));
+var lucide_react_1 = require("lucide-react");
+var input_1 = require("../../input");
+var button_1 = require("../../button");
+var countdown_1 = require("./countdown");
+// import { Logo } from "@/components/logo";
+var image_1 = __importDefault(require("next/image"));
+var react_1 = __importDefault(require("react"));
+var ComingSoon = function (_a) {
+    var backgroundImage = _a.backgroundImage, footerLinks = _a.footerLinks, logo = _a.logo;
+    console.log("Background Image:", backgroundImage);
+    return (react_1.default.createElement("div", { className: "grid min-h-screen lg:grid-cols-2" },
+        react_1.default.createElement("div", { className: "posi relative flex flex-1 flex-col items-center justify-between bg-top p-8 lg:p-12", style: {
+                background: "url(".concat(backgroundImage, ")"),
+                backgroundSize: "cover",
+                backgroundRepeat: "no-repeat",
+            } },
+            react_1.default.createElement("div", { className: "z-10 flex w-full items-center justify-start" },
+                react_1.default.createElement("div", { className: "flex items-center gap-2" },
+                    react_1.default.createElement(image_1.default, { src: logo, width: 30, height: 30, alt: "logo" }))),
+            react_1.default.createElement("nav", { className: "relative z-10 mt-8 flex w-full justify-center gap-6 text-gray-600 lg:justify-start" }, footerLinks.slice(0, 4).map(function (link) { return (react_1.default.createElement(link_1.default, { key: link.label, href: link.href, className: "text-black hover:underline" }, link.label)); }))),
+        react_1.default.createElement("div", { className: "relative flex flex-1 flex-col items-center justify-center bg-gradient-to-br p-8 lg:p-12" },
+            react_1.default.createElement("div", { className: "flex w-full items-center justify-end" },
+                react_1.default.createElement(lucide_react_1.Share2, { className: "h-6 w-6 cursor-pointer opacity-80 hover:opacity-100" })),
+            react_1.default.createElement("div", { className: "flex flex-col items-center space-y-20 text-center" },
+                react_1.default.createElement("div", { className: "relative z-10 flex flex-col items-center space-y-2 text-center" },
+                    react_1.default.createElement("h1", { className: "text-4xl font-bold text-[#6a5acd] lg:text-5xl" }, "Coming Soon"),
+                    react_1.default.createElement("p", { className: "text-muted-foreground lg:text-lg" }, "Stay Connected, Stay Updated!")),
+                react_1.default.createElement(countdown_1.Countdown, null),
+                react_1.default.createElement("div", { className: "space-y-6" },
+                    react_1.default.createElement("h2", { className: "text-xl font-semibold md:text-2xl" }, "Get Updates!"),
+                    react_1.default.createElement("form", { className: "flex w-full max-w-sm rounded-full border p-1" },
+                        react_1.default.createElement(input_1.Input, { type: "email", placeholder: "Email Address", className: "flex-1 rounded-full border-none bg-transparent px-4 focus-visible:ring-0 focus-visible:ring-offset-0" }),
+                        react_1.default.createElement(button_1.Button, { type: "submit", className: "rounded-full" }, "Send Now")))))));
+};
+exports.ComingSoon = ComingSoon;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/shadcn",
-  "version": "1.0.29",
+  "version": "1.0.32",
   "scripts": {
     "build:next": "next build",
     "build:storybook": "storybook build -c .storybook -o .out",