linkedunion-design-kit 1.5.2 → 1.5.4

package/dist/app/layout.d.ts

@@ -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

@@ -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/page.js

@@ -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/index.d.ts

@@ -1,12 +1,15 @@
-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 { Input } from "./src/components/ui/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";
+export { Typography } from "./src/components/ui/typography";
+export { Switch } from "./src/components/ui/switch";

package/dist/index.js

@@ -1,30 +1,15 @@
-"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 { Input } from "./src/components/ui/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";
+export { Typography } from "./src/components/ui/typography";
+export { Switch } from "./src/components/ui/switch";

package/dist/jest.config.js

@@ -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

@@ -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

@@ -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/{components/Color/TextColor/TextColor.stories.d.ts → src/components/Accordion/Accordion.stories.d.ts}

@@ -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

@@ -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/{components → src/components}/Avatar/Avatar.d.ts

@@ -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

@@ -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(avatarShape[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.stories.js

@@ -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),
+    },
+};

package/dist/src/components/Avatar/Avatar.test.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import Avatar from "./Avatar";
+jest.mock("../Icons/LUIcon", function () { return ({
+    __esModule: true,
+    default: jest.fn(function (_a) {
+        var icon = _a.icon, className = _a.className;
+        return (_jsx("div", { "data-testid": "mock-luIcon", className: className, children: icon || "user" }));
+    }),
+}); });
+// Mock Next.js Image component
+jest.mock("next/image", function () { return ({
+    __esModule: true,
+    default: function (_a) {
+        var src = _a.src, alt = _a.alt;
+        return (
+        // eslint-disable-next-line @next/next/no-img-element
+        _jsx("img", { src: src, alt: alt }));
+    },
+}); });
+describe("Avatar Component", function () {
+    it("renders image when image prop is provided", function () {
+        render(_jsx(Avatar, { image: "/images/avatar.png" }));
+        var avatarImage = screen.getByRole("img", { name: /avatar/i });
+        expect(avatarImage).toBeInTheDocument();
+        expect(avatarImage).toHaveAttribute("src", "/images/avatar.png");
+    });
+});
+it("renders icon when no image is provided", function () {
+    render(_jsx(Avatar, {}));
+    var icon = screen.getByTestId("lu-icon");
+    expect(icon).toBeInTheDocument();
+});
+it("applies shape and size class names correctly", function () {
+    render(_jsx(Avatar, { image: "/images/avatar.png", shape: "square", size: "lg" }));
+    var avatarWrapper = screen.getByTestId("lu-avatar");
+    expect(avatarWrapper).toHaveClass("rounded-none");
+    expect(avatarWrapper).toHaveClass("w-[42px]");
+    expect(avatarWrapper).toHaveClass("h-[42px]");
+});
+it("applies additional class names", function () {
+    render(_jsx(Avatar, { image: "/images/avatar.png", className: "custom-class" }));
+    var avatarWrapper = screen.getByTestId("lu-avatar");
+    expect(avatarWrapper).toHaveClass("custom-class");
+});
+it("renders the correct icon when image is not provided", function () {
+    render(_jsx(Avatar, { icon: "user" }));
+    var icon = screen.getByTestId("lu-icon");
+    expect(icon).toBeInTheDocument();
+});

package/dist/src/components/Avatar/index.d.ts

@@ -0,0 +1,32 @@
+export declare const avatarSize: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+    huge: string;
+    massive: string;
+};
+export declare const avatarPadding: {
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    "2xl": string;
+    "3xl": string;
+    "4xl": string;
+    "5xl": string;
+    "6xl": string;
+    "7xl": string;
+    huge: string;
+    massive: string;
+};
+export declare const avatarShape: {
+    square: string;
+    circle: string;
+};

package/dist/src/components/Avatar/index.js

@@ -0,0 +1,32 @@
+export var avatarSize = {
+    sm: "w-[30px] h-[30px]", //TODO: Change to hand coded values
+    md: "w-8 h-8",
+    lg: "w-[42px] h-[42px]",
+    xl: "w-[52px] h-[52px]",
+    "2xl": "w-16 h-16",
+    "3xl": "w-[76px] h-[76px]",
+    "4xl": "w-24 h-24",
+    "5xl": "w-[116px] h-[116px]",
+    "6xl": "w-32 h-32",
+    "7xl": "w-36 h-36",
+    huge: "w-40 h-40",
+    massive: "w-[200px] h-[200px]",
+};
+export var avatarPadding = {
+    sm: "p-2",
+    md: "p-2",
+    lg: "p-3",
+    xl: "p-4",
+    "2xl": "p-5",
+    "3xl": "p-6",
+    "4xl": "p-8",
+    "5xl": "p-10",
+    "6xl": "p-10",
+    "7xl": "p-10",
+    huge: "p-10",
+    massive: "p-10",
+};
+export var avatarShape = {
+    square: "rounded-none",
+    circle: "rounded-full",
+};

package/dist/src/components/Avatar/type.d.ts

@@ -0,0 +1,11 @@
+import { avatarShape, avatarSize } from ".";
+type avatarSize = keyof typeof avatarSize;
+type avatarShape = keyof typeof avatarShape;
+export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    image?: string;
+    icon?: string;
+    shape?: avatarShape;
+    size?: avatarSize;
+    className?: string;
+}
+export {};

package/dist/src/components/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from "./type";
+declare const Button: ({ color, startIcon, endIcon, onClick, shape, size, className, children, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/src/components/Button/Button.js

@@ -0,0 +1,7 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { buttonShapes, buttonSizes, buttonColors } from "./index";
+var Button = function (_a) {
+    var _b = _a.color, color = _b === void 0 ? "primary" : _b, startIcon = _a.startIcon, endIcon = _a.endIcon, onClick = _a.onClick, _c = _a.shape, shape = _c === void 0 ? "rounded-none" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, className = _a.className, children = _a.children;
+    return (_jsxs("button", { className: "flex items-center ".concat(buttonShapes[shape], " ").concat(buttonColors[color], " ").concat(className, " ").concat(buttonSizes[size]), onClick: onClick, children: [startIcon && _jsxs("span", { "data-testid": "start-icon", children: [" ", startIcon, " "] }), children, endIcon && _jsxs("span", { "data-testid": "end-icon", children: [" ", endIcon, " "] })] }));
+};
+export default Button;

package/dist/{components → src/components}/Button/Button.stories.d.ts

@@ -1,4 +1,5 @@
 import { Meta } from "@storybook/react";
+import { ButtonProps } from "./type";
 declare const _default: Meta;
 export default _default;
-export declare const _Button: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, import("@storybook/react").Args>;
+export declare const _Button: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, ButtonProps>;

package/dist/src/components/Button/Button.stories.js

@@ -0,0 +1,56 @@
+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 { buttonShapes, buttonSizes, buttonColors } from ".";
+import Button from "./Button";
+export default {
+    title: "Components/Button/Button",
+    component: Button,
+    tags: ["autodocs"],
+};
+var Template = function (args) { return _jsx(Button, __assign({}, args)); };
+export var _Button = Template.bind({});
+_Button.args = {
+    children: "Button Text",
+};
+_Button.argTypes = {
+    color: {
+        control: {
+            type: "select",
+            labels: Object.keys(buttonColors),
+        },
+        options: Object.keys(buttonColors),
+    },
+    startIcon: {
+        control: false,
+        description: "Start icon (React component)",
+    },
+    endIcon: {
+        control: false,
+        description: "End icon (React component)",
+    },
+    shape: {
+        control: {
+            type: "select",
+            labels: Object.keys(buttonShapes),
+        },
+        options: Object.keys(buttonShapes),
+    },
+    size: {
+        control: {
+            type: "select",
+            labels: Object.keys(buttonSizes),
+        },
+        options: Object.keys(buttonSizes),
+        description: "Select the size of the button",
+    },
+};

package/dist/src/components/Button/Button.test.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent, render, screen } from "@testing-library/react";
+import Button from "./Button";
+import { buttonColors, buttonShapes, buttonSizes } from ".";
+import { Dummy_label } from "../../utils/constants";
+describe("Button Component", function () {
+    it("renders default button component", function () {
+        render(_jsx(Button, { children: Dummy_label }));
+        var buttonElement = screen.getByRole("button", { name: Dummy_label });
+        expect(buttonElement).toBeInTheDocument();
+        expect(buttonElement).toHaveClass(buttonColors["primary"], buttonShapes["rounded-none"], buttonSizes["sm"]);
+    });
+    it("renders button with a custom label", function () {
+        render(_jsx(Button, { children: Dummy_label }));
+        expect(screen.getByRole("button", { name: Dummy_label })).toBeInTheDocument();
+    });
+    it("calls onClick handler when clicked", function () {
+        var handleClick = jest.fn();
+        render(_jsx(Button, { onClick: handleClick, children: "Click" }));
+        fireEvent.click(screen.getByRole("button"));
+        expect(handleClick).toHaveBeenCalledTimes(1);
+    });
+    it("renders startIcon when provided", function () {
+        render(_jsx(Button, { startIcon: _jsx("span", { children: "*" }), children: Dummy_label }));
+        expect(screen.getByTestId("start-icon")).toBeInTheDocument();
+    });
+    it("renders endIcon when provided", function () {
+        render(_jsx(Button, { endIcon: _jsx("span", { children: "*" }), children: Dummy_label }));
+        expect(screen.getByTestId("end-icon")).toBeInTheDocument();
+    });
+    it("applies correct color, shape, and size classes", function () {
+        render(_jsx(Button, { color: "primary", shape: "rounded-lg", size: "lg", children: Dummy_label }));
+        var buttonElement = screen.getByRole("button");
+        expect(buttonElement).toHaveClass(buttonColors["primary"], buttonShapes["rounded-lg"], buttonSizes["lg"]);
+    });
+    it("applies additional className when provided", function () {
+        render(_jsx(Button, { className: "custom-class", children: Dummy_label }));
+        expect(screen.getByRole("button")).toHaveClass("custom-class");
+    });
+    it("renders without crashing when no props are provided", function () {
+        render(_jsx(Button, { children: Dummy_label }));
+        expect(screen.getByRole("button")).toBeInTheDocument();
+    });
+    it("renders button with both startIcon and endIcon", function () {
+        render(_jsx(Button, { startIcon: _jsx("span", { children: "*" }), endIcon: _jsx("span", { children: "*" }), children: Dummy_label }));
+        expect(screen.getByTestId("start-icon")).toBeInTheDocument();
+        expect(screen.getByTestId("end-icon")).toBeInTheDocument();
+    });
+    it("does not render startIcon when not provided", function () {
+        render(_jsx(Button, { children: Dummy_label }));
+        expect(screen.queryByTestId("start-icon")).not.toBeInTheDocument();
+    });
+    it("does not render endIcon when not provided", function () {
+        render(_jsx(Button, { children: Dummy_label }));
+        expect(screen.queryByTestId("end-icon")).not.toBeInTheDocument();
+    });
+    it("renders correctly without a className prop", function () {
+        render(_jsx(Button, { children: Dummy_label }));
+        var buttonElement = screen.getByRole("button");
+        expect(buttonElement).not.toHaveClass("custom-class");
+    });
+});

package/dist/src/components/Button/IconButton.d.ts

@@ -0,0 +1,3 @@
+import { IconButtonProps } from "./type";
+declare const IconButton: ({ color, onClick, shape, size, className, icon, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default IconButton;