npm - linkedunion-design-kit - Versions diffs - 1.5.2 → 1.5.3 - Mend

linkedunion-design-kit 1.5.2 → 1.5.3

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 (425) hide show

package/dist/app/layout.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import "../styles/globals.css";
+import "@/styles/globals.css";
 export declare const metadata: Metadata;
 export default function RootLayout({ children, }: {
     children: React.ReactNode;

package/dist/app/layout.js CHANGED Viewed

@@ -1,16 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.metadata = void 0;
-exports.default = RootLayout;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var google_1 = require("next/font/google");
-require("../styles/globals.css");
-var inter = (0, google_1.Inter)({ subsets: ["latin"] });
-exports.metadata = {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Inter } from "next/font/google";
+import "@/styles/globals.css";
+var inter = Inter({ subsets: ["latin"] });
+export var metadata = {
     title: "Create Next App",
     description: "Generated by create next app",
 };
-function RootLayout(_a) {
+export default function RootLayout(_a) {
     var children = _a.children;
-    return ((0, jsx_runtime_1.jsx)("html", { lang: "en", children: (0, jsx_runtime_1.jsx)("body", { className: inter.className, children: children }) }));
+    return (_jsx("html", { lang: "en", children: _jsx("body", { className: inter.className, children: children }) }));
 }

package/dist/app/layout.jsx ADDED Viewed

@@ -0,0 +1,13 @@
+import { Inter } from "next/font/google";
+import "@/styles/globals.css";
+var inter = Inter({ subsets: ["latin"] });
+export var metadata = {
+    title: "Create Next App",
+    description: "Generated by create next app",
+};
+export default function RootLayout(_a) {
+    var children = _a.children;
+    return (<html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>);
+}

package/dist/app/page.js CHANGED Viewed

@@ -1,11 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = Home;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var image_1 = __importDefault(require("next/image"));
-function Home() {
-    return ((0, jsx_runtime_1.jsxs)("main", { className: "flex min-h-screen flex-col items-center justify-between p-24", children: [(0, jsx_runtime_1.jsxs)("div", { className: "z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex", children: [(0, jsx_runtime_1.jsxs)("p", { className: "fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30", children: ["Get started by editing\u00A0", (0, jsx_runtime_1.jsx)("code", { className: "font-mono font-bold", children: "app/page.tsx" })] }), (0, jsx_runtime_1.jsx)("div", { className: "fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none", children: (0, jsx_runtime_1.jsxs)("a", { className: "pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0", href: "https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app", target: "_blank", rel: "noopener noreferrer", children: ["By", " ", (0, jsx_runtime_1.jsx)(image_1.default, { src: "/vercel.svg", alt: "Vercel Logo", className: "dark:invert", width: 100, height: 24, priority: true })] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex place-items-center before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]", children: (0, jsx_runtime_1.jsx)(image_1.default, { className: "relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert", src: "/next.svg", alt: "Next.js Logo", width: 180, height: 37, priority: true }) }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left", children: [(0, jsx_runtime_1.jsxs)("a", { href: "https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app", className: "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30", target: "_blank", rel: "noopener noreferrer", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "mb-3 text-2xl font-semibold", children: ["Docs", " ", (0, jsx_runtime_1.jsx)("span", { className: "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none", children: "->" })] }), (0, jsx_runtime_1.jsx)("p", { className: "m-0 max-w-[30ch] text-sm opacity-50", children: "Find in-depth information about Next.js features and API." })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app", className: "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30", target: "_blank", rel: "noopener noreferrer", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "mb-3 text-2xl font-semibold", children: ["Learn", " ", (0, jsx_runtime_1.jsx)("span", { className: "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none", children: "->" })] }), (0, jsx_runtime_1.jsx)("p", { className: "m-0 max-w-[30ch] text-sm opacity-50", children: "Learn about Next.js in an interactive course with\u00A0quizzes!" })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app", className: "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30", target: "_blank", rel: "noopener noreferrer", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "mb-3 text-2xl font-semibold", children: ["Templates", " ", (0, jsx_runtime_1.jsx)("span", { className: "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none", children: "->" })] }), (0, jsx_runtime_1.jsx)("p", { className: "m-0 max-w-[30ch] text-sm opacity-50", children: "Explore the Next.js 13 playground." })] }), (0, jsx_runtime_1.jsxs)("a", { href: "https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app", className: "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30", target: "_blank", rel: "noopener noreferrer", children: [(0, jsx_runtime_1.jsxs)("h2", { className: "mb-3 text-2xl font-semibold", children: ["Deploy", " ", (0, jsx_runtime_1.jsx)("span", { className: "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none", children: "->" })] }), (0, jsx_runtime_1.jsx)("p", { className: "m-0 max-w-[30ch] text-sm opacity-50", children: "Instantly deploy your Next.js site to a shareable URL with Vercel." })] })] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+export default function Home() {
+    return (_jsxs("main", { className: "flex min-h-screen flex-col items-center justify-between p-24", children: [_jsxs("div", { className: "z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex", children: [_jsxs("p", { className: "fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30", children: ["Get started by editing\u00A0", _jsx("code", { className: "font-mono font-bold", children: "app/page.tsx" })] }), _jsx("div", { className: "fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none", children: _jsxs("a", { className: "pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0", href: "https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app", target: "_blank", rel: "noopener noreferrer", children: ["By", " ", _jsx(Image, { src: "/vercel.svg", alt: "Vercel Logo", className: "dark:invert", width: 100, height: 24, priority: true })] }) })] }), _jsx("div", { className: "relative flex place-items-center before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]", children: _jsx(Image, { className: "relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert", src: "/next.svg", alt: "Next.js Logo", width: 180, height: 37, priority: true }) }), _jsxs("div", { className: "mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left", children: [_jsxs("a", { href: "https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app", className: "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30", target: "_blank", rel: "noopener noreferrer", children: [_jsxs("h2", { className: "mb-3 text-2xl font-semibold", children: ["Docs", " ", _jsx("span", { className: "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none", children: "->" })] }), _jsx("p", { className: "m-0 max-w-[30ch] text-sm opacity-50", children: "Find in-depth information about Next.js features and API." })] }), _jsxs("a", { href: "https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app", className: "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30", target: "_blank", rel: "noopener noreferrer", children: [_jsxs("h2", { className: "mb-3 text-2xl font-semibold", children: ["Learn", " ", _jsx("span", { className: "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none", children: "->" })] }), _jsx("p", { className: "m-0 max-w-[30ch] text-sm opacity-50", children: "Learn about Next.js in an interactive course with\u00A0quizzes!" })] }), _jsxs("a", { href: "https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app", className: "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30", target: "_blank", rel: "noopener noreferrer", children: [_jsxs("h2", { className: "mb-3 text-2xl font-semibold", children: ["Templates", " ", _jsx("span", { className: "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none", children: "->" })] }), _jsx("p", { className: "m-0 max-w-[30ch] text-sm opacity-50", children: "Explore the Next.js 13 playground." })] }), _jsxs("a", { href: "https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app", className: "group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30", target: "_blank", rel: "noopener noreferrer", children: [_jsxs("h2", { className: "mb-3 text-2xl font-semibold", children: ["Deploy", " ", _jsx("span", { className: "inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none", children: "->" })] }), _jsx("p", { className: "m-0 max-w-[30ch] text-sm opacity-50", children: "Instantly deploy your Next.js site to a shareable URL with Vercel." })] })] })] }));
 }

package/dist/app/page.jsx ADDED Viewed

@@ -0,0 +1,71 @@
+import Image from "next/image";
+export default function Home() {
+    return (<main className="flex min-h-screen flex-col items-center justify-between p-24">
+      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
+        <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
+          Get started by editing&nbsp;
+          <code className="font-mono font-bold">app/page.tsx</code>
+        </p>
+        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none">
+          <a className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0" href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" target="_blank" rel="noopener noreferrer">
+            By{" "}
+            <Image src="/vercel.svg" alt="Vercel Logo" className="dark:invert" width={100} height={24} priority/>
+          </a>
+        </div>
+      </div>
+      <div className="relative flex place-items-center before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]">
+        <Image className="relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert" src="/next.svg" alt="Next.js Logo" width={180} height={37} priority/>
+      </div>
+      <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">
+        <a href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer">
+          <h2 className={"mb-3 text-2xl font-semibold"}>
+            Docs{" "}
+            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+              -&gt;
+            </span>
+          </h2>
+          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
+            Find in-depth information about Next.js features and API.
+          </p>
+        </a>
+        <a href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer">
+          <h2 className={"mb-3 text-2xl font-semibold"}>
+            Learn{" "}
+            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+              -&gt;
+            </span>
+          </h2>
+          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
+            Learn about Next.js in an interactive course with&nbsp;quizzes!
+          </p>
+        </a>
+        <a href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer">
+          <h2 className={"mb-3 text-2xl font-semibold"}>
+            Templates{" "}
+            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+              -&gt;
+            </span>
+          </h2>
+          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
+            Explore the Next.js 13 playground.
+          </p>
+        </a>
+        <a href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer">
+          <h2 className={"mb-3 text-2xl font-semibold"}>
+            Deploy{" "}
+            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
+              -&gt;
+            </span>
+          </h2>
+          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
+            Instantly deploy your Next.js site to a shareable URL with Vercel.
+          </p>
+        </a>
+      </div>
+    </main>);
+}

package/dist/build/types/app/layout.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+type SegmentParams<T extends Object = any> = T extends Record<string, any> ? {
+    [K in keyof T]: T[K] extends string ? string | string[] | undefined : never;
+} : T;
+export interface PageProps {
+    params?: Promise<SegmentParams>;
+    searchParams?: Promise<any>;
+}
+export interface LayoutProps {
+    children?: React.ReactNode;
+    params?: Promise<SegmentParams>;
+}
+export {};

package/dist/build/types/app/layout.js ADDED Viewed

@@ -0,0 +1,22 @@
+// File: /Users/avialdosolutions/linkedunion-design-kit/linkedunion-design-kit/app/layout.tsx
+import * as entry from '../../../app/layout.js';
+// Check that the entry is a valid entry
+checkFields();
+// Check the prop type of the entry function
+checkFields();
+// Check the arguments and return type of the generateMetadata function
+if ('generateMetadata' in entry) {
+    checkFields();
+    checkFields();
+}
+// Check the arguments and return type of the generateViewport function
+if ('generateViewport' in entry) {
+    checkFields();
+    checkFields();
+}
+// Check the arguments and return type of the generateStaticParams function
+if ('generateStaticParams' in entry) {
+    checkFields();
+    checkFields();
+}
+function checkFields() { }

package/dist/build/types/app/page.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+type SegmentParams<T extends Object = any> = T extends Record<string, any> ? {
+    [K in keyof T]: T[K] extends string ? string | string[] | undefined : never;
+} : T;
+export interface PageProps {
+    params?: Promise<SegmentParams>;
+    searchParams?: Promise<any>;
+}
+export interface LayoutProps {
+    children?: React.ReactNode;
+    params?: Promise<SegmentParams>;
+}
+export {};

package/dist/build/types/app/page.js ADDED Viewed

@@ -0,0 +1,22 @@
+// File: /Users/avialdosolutions/linkedunion-design-kit/linkedunion-design-kit/app/page.tsx
+import * as entry from '../../../app/page.js';
+// Check that the entry is a valid entry
+checkFields();
+// Check the prop type of the entry function
+checkFields();
+// Check the arguments and return type of the generateMetadata function
+if ('generateMetadata' in entry) {
+    checkFields();
+    checkFields();
+}
+// Check the arguments and return type of the generateViewport function
+if ('generateViewport' in entry) {
+    checkFields();
+    checkFields();
+}
+// Check the arguments and return type of the generateStaticParams function
+if ('generateStaticParams' in entry) {
+    checkFields();
+    checkFields();
+}
+function checkFields() { }

package/dist/index.d.ts CHANGED Viewed

@@ -1,12 +1,13 @@
-export { default as Heading } from "./components/Typography/Headings/Headings";
-export { default as Display } from "./components/Typography/Display/Display";
-export { default as Body } from "./components/Typography/Body/Body";
-export { default as Size } from "./components/Size/Size";
-export { default as WidthHeight } from "./components/Size/WidthHeight";
-export { default as MinWidthHeight } from "./components/Size/MinWidthHeight";
-export { default as LUIcon } from "./components/Icons/LUIcon";
-export { default as Card } from "./components/MediaCard/Card";
-export { default as Button } from "./components/Button/Button";
-export { default as LuImage } from "./components/Images/LuImage";
-export { default as Avatar } from "./components/Avatar/Avatar";
-export { default as Title } from "./components/Title/Title";
+export { default as LUIcon } from "./src/components/Icons/LUIcon";
+export { default as Card } from "./src/components/MediaCard/Card";
+export { default as Button } from "./src/components/Button/Button";
+export { default as LuImage } from "./src/components/Images/LuImage";
+export { default as Avatar } from "./src/components/Avatar/Avatar";
+export { default as Title } from "./src/components/Title/Title";
+export { default as IconButton } from "./src/components/Button/IconButton";
+export { default as ColorPicker } from "./src/components/ColorPicker/ColorPicker";
+export { default as Label } from "./src/components/Label/Label";
+export { default as Input } from "./src/components/Input/Input";
+export { default as EditorTooltip } from "./src/components/EditorTooltip/EditorTooltip";
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./src/components/ui/accordion";
+export { default as ImageUploader } from "./src/components/ui/imageUploader";

package/dist/index.js CHANGED Viewed

@@ -1,30 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Title = exports.Avatar = exports.LuImage = exports.Button = exports.Card = exports.LUIcon = exports.MinWidthHeight = exports.WidthHeight = exports.Size = exports.Body = exports.Display = exports.Heading = void 0;
-var Headings_1 = require("./components/Typography/Headings/Headings");
-Object.defineProperty(exports, "Heading", { enumerable: true, get: function () { return __importDefault(Headings_1).default; } });
-var Display_1 = require("./components/Typography/Display/Display");
-Object.defineProperty(exports, "Display", { enumerable: true, get: function () { return __importDefault(Display_1).default; } });
-var Body_1 = require("./components/Typography/Body/Body");
-Object.defineProperty(exports, "Body", { enumerable: true, get: function () { return __importDefault(Body_1).default; } });
-var Size_1 = require("./components/Size/Size");
-Object.defineProperty(exports, "Size", { enumerable: true, get: function () { return __importDefault(Size_1).default; } });
-var WidthHeight_1 = require("./components/Size/WidthHeight");
-Object.defineProperty(exports, "WidthHeight", { enumerable: true, get: function () { return __importDefault(WidthHeight_1).default; } });
-var MinWidthHeight_1 = require("./components/Size/MinWidthHeight");
-Object.defineProperty(exports, "MinWidthHeight", { enumerable: true, get: function () { return __importDefault(MinWidthHeight_1).default; } });
-var LUIcon_1 = require("./components/Icons/LUIcon");
-Object.defineProperty(exports, "LUIcon", { enumerable: true, get: function () { return __importDefault(LUIcon_1).default; } });
-var Card_1 = require("./components/MediaCard/Card");
-Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return __importDefault(Card_1).default; } });
-var Button_1 = require("./components/Button/Button");
-Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return __importDefault(Button_1).default; } });
-var LuImage_1 = require("./components/Images/LuImage");
-Object.defineProperty(exports, "LuImage", { enumerable: true, get: function () { return __importDefault(LuImage_1).default; } });
-var Avatar_1 = require("./components/Avatar/Avatar");
-Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return __importDefault(Avatar_1).default; } });
-var Title_1 = require("./components/Title/Title");
-Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return __importDefault(Title_1).default; } });
+export { default as LUIcon } from "./src/components/Icons/LUIcon";
+export { default as Card } from "./src/components/MediaCard/Card";
+export { default as Button } from "./src/components/Button/Button";
+export { default as LuImage } from "./src/components/Images/LuImage";
+export { default as Avatar } from "./src/components/Avatar/Avatar";
+export { default as Title } from "./src/components/Title/Title";
+export { default as IconButton } from "./src/components/Button/IconButton";
+export { default as ColorPicker } from "./src/components/ColorPicker/ColorPicker";
+export { default as Label } from "./src/components/Label/Label";
+export { default as Input } from "./src/components/Input/Input";
+export { default as EditorTooltip } from "./src/components/EditorTooltip/EditorTooltip";
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./src/components/ui/accordion";
+export { default as ImageUploader } from "./src/components/ui/imageUploader";

package/dist/jest.config.js CHANGED Viewed

@@ -1,32 +1,26 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jest_1 = __importDefault(require("next/jest"));
-var createJestConfig = (0, jest_1.default)({
+import nextJest from "next/jest";
+var createJestConfig = nextJest({
     // Provide the path to your Next.js app to load next.config.js and .env files in your test environment
     dir: "./",
 });
-// Add any custom config to be passed to Jest
-/** @type {import('jest').Config} */
 var config = {
-    // Add more setup options before each test is run
+    // Setup files to be run before each test.
     setupFilesAfterEnv: ["<rootDir>/jest.setup.ts"],
+    testPathIgnorePatterns: ["/node_modules/", "/dist/"], // This prevents tests from running in dist/
+    // Map module paths for cleaner imports.
     moduleNameMapper: {
-        "^@/components/(.*)$": "<rootDir>/components/$1",
+        "^@/src/components/(.*)$": "<rootDir>/src/$1",
     },
-    testEnvironment: "jest-environment-jsdom",
-    maxWorkers: 1, // Set to 1 to run tests sequentially
+    // Use V8 for faster code coverage.
+    coverageProvider: "v8",
+    // Use jsdom as the test environment to simulate a browser.
+    testEnvironment: "jsdom",
+    // Specify the files from which to collect code coverage.
     collectCoverageFrom: [
-        "components/**/*.{js,tsx,ts}", // Collect coverage from all test files in __test__/components folder
-        "!**/*.stories.tsx", // Exclude story files from the coverage collection
-        "!**/*.d.ts", // Exclude TypeScript type declaration files
-        "!**/node_modules/**", // Exclude node_modules folder
-        "!utils/**", // Exclude utils folder
-        "!**/dist/**",
-        "!components/**/index.ts", // Exclude all index.ts files inside components
-        "!components/**/type.ts", // Exclude all type.ts files inside components
+        "src/components/**/*.{tsx,ts}",
+        "!**/*.stories.tsx", // Exclude story files.
+        "!src/components/**/index.ts", // Exclude index files.
+        "!src/components/**/type.ts", // Exclude type definition files.
     ],
 };
 // createJestConfig is exported this way to ensure that next/jest can load the Next.js config which is async

package/dist/jest.setup.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
 import "@testing-library/jest-dom";
 import "matchmedia-polyfill";
 import "matchmedia-polyfill/matchMedia.addListener";
-import "jest-canvas-mock";

package/dist/jest.setup.js CHANGED Viewed

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,17 +9,9 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-require("@testing-library/jest-dom");
-var jest_fetch_mock_1 = __importDefault(require("jest-fetch-mock"));
-require("matchmedia-polyfill");
-require("matchmedia-polyfill/matchMedia.addListener");
-require("jest-canvas-mock");
-// Enable mocking of the fetch function
-jest_fetch_mock_1.default.enableMocks();
+import "@testing-library/jest-dom";
+import "matchmedia-polyfill";
+import "matchmedia-polyfill/matchMedia.addListener";
 console.error = jest.fn();
 console.warn = jest.fn();
 // Mock `next/config`

package/dist/src/components/Accordion/Accordion.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion";
+declare const Accordion: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/src/components/Accordion/Accordion.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Accordion as ShadAccordion, AccordionItem, AccordionTrigger, AccordionContent, } from "../ui/accordion";
+var Accordion = function (_a) {
+    var children = _a.children;
+    return (_jsx(ShadAccordion, { type: "single", collapsible: true, children: children }));
+};
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/{components/Color/TextColor/TextColor.stories.d.ts → src/components/Accordion/Accordion.stories.d.ts} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { Meta } from "@storybook/react";
 declare const _default: Meta;
 export default _default;
-export declare const _TextColor: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
-    color: string;
+export declare const _Accordion: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    children: React.ReactNode;
 }>;

package/dist/src/components/Accordion/Accordion.stories.js ADDED Viewed

@@ -0,0 +1,32 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "../ui/accordion";
+import ColorPicker from "../ColorPicker/ColorPicker";
+export default {
+    title: "Components/Accordion",
+    component: Accordion,
+    tags: ["autodocs"],
+};
+var Template = function (args) { return (_jsx(Accordion, __assign({ type: "single" }, args))); };
+export var _Accordion = Template.bind({});
+_Accordion.args = {
+    children: (_jsxs(_Fragment, { children: [_jsxs(AccordionItem, { value: "menus", children: [_jsx(AccordionTrigger, { children: "Menus" }), _jsx(AccordionContent, { children: _jsx(ColorPicker, { value: "#000000", onChange: function () { return console.log("color"); } }) })] }), _jsxs(AccordionItem, { value: "styling", children: [_jsx(AccordionTrigger, { children: "Styling" }), _jsx(AccordionContent, { children: "Is it styled?" })] })] })),
+};
+_Accordion.argTypes = {
+    children: {
+        description: "Pass `AccordionItem` components as children. Each item includes an `AccordionTrigger` (the clickable label) and `AccordionContent` (collapsible body). You can customize both with any valid React nodes \n\nFor more details and usage examples, refer to the [ShadCN Accordion documentation](https://ui.shadcn.com/docs/components/accordion).",
+        table: {
+            type: { summary: "React.ReactNode" },
+        },
+    },
+};

package/dist/src/components/Accordion/EditorAccordion.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion";
+declare const EditorAccordion: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export { EditorAccordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/src/components/Accordion/EditorAccordion.js ADDED Viewed

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Accordion as ShadAccordion, AccordionItem, AccordionTrigger, AccordionContent, } from "../ui/accordion";
+var EditorAccordion = function (_a) {
+    var children = _a.children;
+    return (_jsx(ShadAccordion, { type: "single", collapsible: true, children: children }));
+};
+export { EditorAccordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/src/components/Accordion/EditorAccordion.stories.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { Meta } from "@storybook/react";
+declare const _default: Meta;
+export default _default;
+export declare const _EditorAccordion: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
+    children: React.ReactNode;
+}>;

package/dist/src/components/Accordion/EditorAccordion.stories.js ADDED Viewed

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { AccordionContent, AccordionItem, AccordionTrigger, } from "../ui/accordion";
+import ColorPicker from "../ColorPicker/ColorPicker";
+import { Accordion } from "./Accordion";
+export default {
+    title: "Components/Accordion",
+    component: Accordion,
+    tags: ["autodocs"],
+};
+var Template = function (args) { return (_jsx(Accordion, __assign({}, args))); };
+export var _EditorAccordion = Template.bind({});
+_EditorAccordion.args = {
+    children: (_jsxs(_Fragment, { children: [_jsxs(AccordionItem, { value: "menus", children: [_jsx(AccordionTrigger, { children: "Menus" }), _jsx(AccordionContent, { children: _jsx(ColorPicker, { value: "#000000", onChange: function () { return console.log("color"); } }) })] }), _jsxs(AccordionItem, { value: "styling", children: [_jsx(AccordionTrigger, { children: "Styling" }), _jsx(AccordionContent, { children: "Is it styled?" })] })] })),
+};
+_EditorAccordion.argTypes = {
+    children: {
+        description: "Pass `AccordionItem` components as children. Each item includes an `AccordionTrigger` (the clickable label) and `AccordionContent` (collapsible body). You can customize both with any valid React nodes \n\nFor more details and usage examples, refer to the [ShadCN Accordion documentation](https://ui.shadcn.com/docs/components/accordion).",
+        table: {
+            type: { summary: "React.ReactNode" },
+        },
+    },
+};

package/dist/src/components/Accordion/type.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export interface AccordionInterface {
+    children: React.ReactNode;
+    header_title: string;
+    tooltip_title: string;
+}

package/dist/{components → src/components}/Avatar/Avatar.d.ts RENAMED Viewed

@@ -1,3 +1,3 @@
-import { AvatarProps } from "@/types/interface";
+import { AvatarProps } from "./type";
 declare const Avatar: ({ image, icon, shape, size, className, }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
 export default Avatar;

package/dist/src/components/Avatar/Avatar.js ADDED Viewed

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import LUIcon from "../Icons/LUIcon";
+import Image from "next/image";
+import { avatarPadding, avatarShape, avatarSize } from ".";
+var Avatar = function (_a) {
+    var image = _a.image, _b = _a.icon, icon = _b === void 0 ? "user" : _b, _c = _a.shape, shape = _c === void 0 ? "square" : _c, _d = _a.size, size = _d === void 0 ? "md" : _d, className = _a.className;
+    var sizeClasses = avatarSize[size];
+    var paddingClass = avatarPadding[size];
+    return (_jsx(_Fragment, { children: image ? (_jsx("div", { className: "relative overflow-hidden bg-primary-200 ".concat(avatarShape[shape], " ").concat(className, " ").concat(sizeClasses), "data-testid": "lu-avatar", children: _jsx(Image, { src: image, alt: "avatar", className: "object-cover w-full h-full", width: 0, height: 0, sizes: "100%" //Image takes 100% of the parent container
+             }) })) : (_jsx("div", { className: "bg-neutral-100 ".concat(paddingClass, " ").concat(shape, " ").concat(className, " ").concat(sizeClasses), "data-testid": "lu-icon", children: _jsx(LUIcon, { "data-testid": "lu-icon", size: size, icon: icon, className: "text-neutral-1000 w-full h-full" }) })) }));
+};
+export default Avatar;

package/dist/src/components/Avatar/Avatar.jsx ADDED Viewed

@@ -0,0 +1,17 @@
+import LUIcon from "../Icons/LUIcon";
+import Image from "next/image";
+import { avatarPadding, avatarShape, avatarSize } from ".";
+var Avatar = function (_a) {
+    var image = _a.image, _b = _a.icon, icon = _b === void 0 ? "user" : _b, _c = _a.shape, shape = _c === void 0 ? "square" : _c, _d = _a.size, size = _d === void 0 ? "md" : _d, className = _a.className;
+    var sizeClasses = avatarSize[size];
+    var paddingClass = avatarPadding[size];
+    return (<>
+      {image ? (<div className={"relative overflow-hidden bg-primary-200 ".concat(avatarShape[shape], " ").concat(className, " ").concat(sizeClasses)} data-testid="lu-avatar">
+          <Image src={image} alt="avatar" className={"object-cover w-full h-full"} width={0} height={0} sizes="100%" //Image takes 100% of the parent container
+        />
+        </div>) : (<div className={"bg-neutral-100 ".concat(paddingClass, " ").concat(shape, " ").concat(className, " ").concat(sizeClasses)} data-testid="lu-icon">
+          <LUIcon data-testid="lu-icon" size={size} icon={icon} className={"text-neutral-1000 w-full h-full"}/>
+        </div>)}
+    </>);
+};
+export default Avatar;

package/dist/src/components/Avatar/Avatar.stories.js ADDED Viewed

@@ -0,0 +1,43 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import Avatar from "./Avatar";
+import { avatarShape, avatarSize } from ".";
+export default {
+    title: "Components/Avatar",
+    component: Avatar,
+};
+var Template = function (args) { return _jsx(Avatar, __assign({}, args)); };
+export var _Avatar = Template.bind({});
+_Avatar.args = {
+    image: "/images/avatar.png",
+    shape: "square",
+    size: "md",
+    className: "",
+    icon: "user",
+};
+_Avatar.argTypes = {
+    shape: {
+        control: {
+            type: "select",
+            labels: Object.keys(avatarShape),
+        },
+        options: Object.keys(avatarShape),
+    },
+    size: {
+        control: {
+            type: "select",
+            labels: Object.keys(avatarSize),
+        },
+        options: Object.keys(avatarSize),
+    },
+};