linkedunion-design-kit 1.4.7 → 1.4.8

package/README.md

@@ -1,4 +1,5 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+This is a [Next.js](https://nextjs.org/) project bootstrapped with
+[`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
 ## Getting Started
 
@@ -14,23 +15,34 @@ pnpm dev
 bun dev
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the
+result.
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+You can start editing the page by modifying `app/page.tsx`. The page
+auto-updates as you edit the file.
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+This project uses
+[`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to
+automatically optimize and load Inter, a custom Google Font.
 
 ## Learn More
 
 To learn more about Next.js, take a look at the following resources:
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
+  features and API.
 - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+You can check out
+[the Next.js GitHub repository](https://github.com/vercel/next.js/) - your
+feedback and contributions are welcome!
 
 ## Deploy on Vercel
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+The easiest way to deploy your Next.js app is to use the
+[Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme)
+from the creators of Next.js.
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+Check out our
+[Next.js deployment documentation](https://nextjs.org/docs/deployment) for more
+details.

package/dist/app/layout.d.ts

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

package/dist/app/layout.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Inter } from 'next/font/google';
-import '../styles/globals.css';
-var inter = Inter({ subsets: ['latin'] });
+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',
+    title: "Create Next App",
+    description: "Generated by create next app",
 };
 export default function RootLayout(_a) {
     var children = _a.children;

package/dist/app/page.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
+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." })] })] })] }));
+    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/components/Avatar/Avatar.d.ts

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

package/dist/components/Avatar/Avatar.js

@@ -3,10 +3,7 @@ import { LUIcon } from "../Icons/LUIcon";
 import { iconList } from "../../utils/iconList";
 import { avtarBackgroundSize } from "../../utils";
 export var Avatar = function (_a) {
-    var image = _a.image, _b = _a.icon, icon = _b === void 0 ? 'user' : _b, shape = _a.shape, size = _a.size, className = _a.className;
+    var image = _a.image, _b = _a.icon, icon = _b === void 0 ? "user" : _b, shape = _a.shape, size = _a.size, className = _a.className;
     var defaultIcon = iconList.find(function (item) { return item.key === (icon || "user"); });
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "".concat(image ? 'lu-bg-primary-200' : 'lu-bg-gray-100', " flex items-center justify-center ").concat(shape, " overflow-hidden ").concat(className), style: avtarBackgroundSize(size), "data-testid": "lu-avatar", children: image ?
-                _jsx("img", { src: image, alt: "image", className: "w-full h-full object-cover" })
-                :
-                    _jsx(LUIcon, { size: size, icon: defaultIcon === null || defaultIcon === void 0 ? void 0 : defaultIcon.key, fill: "lu-neutral-icon-dark", className: "" }) }) }));
+    return (_jsx(_Fragment, { children: _jsx("div", { className: "".concat(image ? "lu-bg-primary-200" : "lu-bg-gray-100", " flex items-center justify-center ").concat(shape, " overflow-hidden ").concat(className), style: avtarBackgroundSize(size), "data-testid": "lu-avatar", children: image ? (_jsx("img", { src: image, alt: "image", className: "w-full h-full object-cover" })) : (_jsx(LUIcon, { size: size, icon: defaultIcon === null || defaultIcon === void 0 ? void 0 : defaultIcon.key, fill: "lu-neutral-icon-dark", className: "" })) }) }));
 };

package/dist/components/Avatar/Avatar.stories.js

@@ -19,19 +19,28 @@ export default {
 var Template = function (args) { return _jsx(Avatar, __assign({}, args)); };
 export var avatar = Template.bind({});
 avatar.args = {
-    image: '/images/avatar.png',
-    shape: 'square',
-    size: 'lu-avatar-massive',
-    className: '',
+    image: "/images/avatar.png",
+    shape: "square",
+    size: "lu-avatar-massive",
+    className: "",
     icon: "user",
 };
 avatar.argTypes = {
     shape: {
-        control: { type: "select", labels: Object.fromEntries(avatarShapeList.map(function (borderRadius) { return [borderRadius.key, borderRadius.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(avatarShapeList.map(function (borderRadius) { return [
+                borderRadius.key,
+                borderRadius.label,
+            ]; })),
+        },
         options: avatarShapeList.map(function (borderRadius) { return borderRadius.key; }),
     },
     size: {
-        control: { type: "select", labels: Object.fromEntries(avatarSizesList.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(avatarSizesList.map(function (size) { return [size.key, size.label]; })),
+        },
         options: avatarSizesList.map(function (size) { return size.key; }),
     },
 };

package/dist/components/Border/BorderRadius/BorderRadius.stories.js

@@ -19,11 +19,17 @@ export default {
 var Template = function (args) { return _jsx(BorderRadius, __assign({}, args)); };
 export var borderRadius = Template.bind({});
 borderRadius.args = {
-    borderRadius: 'lu-border-rounded-xs',
+    borderRadius: "lu-border-rounded-xs",
 };
 borderRadius.argTypes = {
     borderRadius: {
-        control: { type: "select", labels: Object.fromEntries(borderRadiusList.map(function (borderRadius) { return [borderRadius.key, borderRadius.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(borderRadiusList.map(function (borderRadius) { return [
+                borderRadius.key,
+                borderRadius.label,
+            ]; })),
+        },
         options: borderRadiusList.map(function (borderRadius) { return borderRadius.key; }),
     },
 };

package/dist/components/Border/BorderRadius/BorderRadiusTable.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { table_data_className, table_header_className, table_row_className } from "../../../utils";
+import { table_data_className, table_header_className, table_row_className, } from "../../../utils";
 export var BorderRadiusTable = function () {
     return (_jsx(_Fragment, { children: _jsxs("table", { className: "lu-width-100 lu-font-size-x-small lu-font-weight-medium", children: [_jsx("thead", { className: "bg-primary-100", children: _jsxs("tr", { children: [_jsx("th", { className: "".concat(table_header_className), children: "Alias Token Name" }), _jsx("th", { className: "".concat(table_header_className), children: "Base unit Multiplier of 8" }), _jsx("th", { className: "".concat(table_header_className), children: "Value(PX)(REM)" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-rounded-none" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0px = 0rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-rounded-xs" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0.25x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "2px = 0.125rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-rounded-sm" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "4px = 0.25rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-rounded-md" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0.75x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "6px = 0.375rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-rounded-lg" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "8px = 0.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-rounded-xl" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1.5x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "12px = 0.75rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-rounded-2xl" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "2x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "16px = 1rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-rounded-3xl" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "3x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "24px = 1.5rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-rounded-full" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "100x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "9999px" }) })] })] })] }) }));
 };

package/dist/components/Border/BorderRadius/BorderRadiusView.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export var BorderRadiusView = function (_a) {
     var borderRadius = _a.borderRadius;
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "border-primary-600 lu-pd-200 lu-size-2500 lu-border-width-125 ".concat(borderRadius), "data-testid": "border-radius", children: _jsx("p", { className: "bg-gray-100 lu-pt-050 lu-pr-100 lu-pb-050 lu-pl-100 rounded lu-font-size-x-small", children: borderRadius }) }) }));
+    return (_jsx(_Fragment, { children: _jsx("div", { className: "border-primary-600 lu-pd-200 lu-size-2500 lu-border-width-125 ".concat(borderRadius), "data-testid": "border-radius", children: _jsx("p", { className: "lu-bg-neutral-100 lu-pt-050 lu-pr-100 lu-pb-050 lu-pl-100 rounded lu-font-size-x-small", children: borderRadius }) }) }));
 };

package/dist/components/Border/BorderWidth/BorderWidth.stories.js

@@ -19,11 +19,17 @@ export default {
 var Template = function (args) { return _jsx(BorderWidth, __assign({}, args)); };
 export var borderWidth = Template.bind({});
 borderWidth.args = {
-    border: 'lu-border-width-125',
+    border: "lu-border-width-125",
 };
 borderWidth.argTypes = {
     border: {
-        control: { type: "select", labels: Object.fromEntries(borderWidthList.map(function (borderWidth) { return [borderWidth.key, borderWidth.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(borderWidthList.map(function (borderWidth) { return [
+                borderWidth.key,
+                borderWidth.label,
+            ]; })),
+        },
         options: borderWidthList.map(function (borderWidth) { return borderWidth.key; }),
     },
 };

package/dist/components/Border/BorderWidth/BorderWidthTable.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { table_data_className, table_header_className, table_row_className } from "../../../utils";
+import { table_data_className, table_header_className, table_row_className, } from "../../../utils";
 export var BorderWidthTable = function () {
     return (_jsx(_Fragment, { children: _jsxs("table", { className: "lu-width-100 lu-font-size-x-small lu-font-weight-medium", children: [_jsx("thead", { className: "bg-primary-100", children: _jsxs("tr", { children: [_jsx("th", { className: "".concat(table_header_className), children: "Alias Token Name" }), _jsx("th", { className: "".concat(table_header_className), children: "Base unit Multiplier of 8" }), _jsx("th", { className: "".concat(table_header_className), children: "Value(PX)(REM)" })] }) }), _jsxs("tbody", { children: [_jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-width-125" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0.125x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1px = 0.063rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-width-025" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0.25x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "2px = 0.125rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-width-050" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "0.50x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "4px = 0.25rem" }) })] }), _jsxs("tr", { children: [_jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "lu-border-width-100" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "1x" }) }), _jsx("td", { className: "".concat(table_row_className), children: _jsx("span", { className: "".concat(table_data_className), children: "8px = 0.5rem" }) })] })] })] }) }));
 };

package/dist/components/Border/BorderWidth/ViewBorderWidth.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 export var ViewBorderWidth = function (_a) {
     var border = _a.border;
-    return (_jsx(_Fragment, { children: _jsx("div", { className: "border-primary-600 lu-border-rounded-2xl lu-pd-200 lu-size-2500 ".concat(border), "data-testid": "border-width", children: _jsx("p", { className: "bg-gray-100 lu-pt-050 lu-pr-100 lu-pb-050 lu-pl-100 rounded lu-font-size-x-small lu-text-center", children: border }) }) }));
+    return (_jsx(_Fragment, { children: _jsx("div", { className: "border-primary-600 lu-border-rounded-2xl lu-pd-200 lu-size-2500 ".concat(border), "data-testid": "border-width", children: _jsx("p", { className: "lu-bg-neutral-100 lu-pt-050 lu-pr-100 lu-pb-050 lu-pl-100 rounded lu-font-size-x-small lu-text-center", children: border }) }) }));
 };

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

@@ -1,2 +1,2 @@
 import { ButtonProps } from "@/types/interface";
-export declare const Button: ({ contentType, variant, label, iconLeft, iconRight, onClick, shape, size, leftIconSize, rightIconSize, className, icon, iconSize, type }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ contentType, variant, label, iconLeft, iconRight, onClick, shape, size, leftIconSize, rightIconSize, className, icon, iconSize, type, }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/Button.js

@@ -2,6 +2,12 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { LUIcon } from "../Icons/LUIcon";
 import { buttonTypeEnum, contentTypeEnum } from "../../utils/enum";
 export var Button = function (_a) {
-    var _b = _a.contentType, contentType = _b === void 0 ? contentTypeEnum.text_with_icon : _b, _c = _a.variant, variant = _c === void 0 ? 'lu-btn-primary' : _c, _d = _a.label, label = _d === void 0 ? 'Button Text' : _d, iconLeft = _a.iconLeft, iconRight = _a.iconRight, onClick = _a.onClick, shape = _a.shape, _e = _a.size, size = _e === void 0 ? 'lu-btn-md' : _e, leftIconSize = _a.leftIconSize, rightIconSize = _a.rightIconSize, className = _a.className, icon = _a.icon, iconSize = _a.iconSize, type = _a.type;
-    return (_jsx(_Fragment, { children: _jsxs("button", { className: "flex items-center ".concat(shape, " ").concat(type === buttonTypeEnum.outline ? "outline-button ".concat(variant) : variant, "  ").concat(className, " ").concat(contentType === contentTypeEnum.icon_only ? "icon-only ".concat(size) : size), onClick: onClick, children: [contentType === contentTypeEnum.none && label, contentType === contentTypeEnum.icon_only && icon && (_jsx(LUIcon, { size: iconSize, icon: icon, fill: type === buttonTypeEnum.outline ? "outline-button ".concat(variant) : variant })), contentType === contentTypeEnum.text_with_icon && (_jsxs(_Fragment, { children: [iconLeft && iconLeft !== 'none' && (_jsx(LUIcon, { size: leftIconSize, icon: iconLeft, fill: type === buttonTypeEnum.outline ? "outline-button ".concat(variant) : variant, className: "lu-mr-100" })), label, iconRight && iconRight !== 'none' && (_jsx(LUIcon, { size: rightIconSize, icon: iconRight, fill: type === buttonTypeEnum.outline ? "outline-button ".concat(variant) : variant, className: "lu-ml-100" }))] }))] }) }));
+    var _b = _a.contentType, contentType = _b === void 0 ? contentTypeEnum.text_with_icon : _b, _c = _a.variant, variant = _c === void 0 ? "lu-btn-primary" : _c, _d = _a.label, label = _d === void 0 ? "Button Text" : _d, iconLeft = _a.iconLeft, iconRight = _a.iconRight, onClick = _a.onClick, shape = _a.shape, _e = _a.size, size = _e === void 0 ? "lu-btn-md" : _e, leftIconSize = _a.leftIconSize, rightIconSize = _a.rightIconSize, className = _a.className, icon = _a.icon, iconSize = _a.iconSize, type = _a.type;
+    return (_jsx(_Fragment, { children: _jsxs("button", { className: "flex items-center ".concat(shape, " ").concat(type === buttonTypeEnum.outline ? "outline-button ".concat(variant) : variant, "  ").concat(className, " ").concat(contentType === contentTypeEnum.icon_only ? "icon-only ".concat(size) : size), onClick: onClick, children: [contentType === contentTypeEnum.none && label, contentType === contentTypeEnum.icon_only && icon && (_jsx(LUIcon, { size: iconSize, icon: icon, fill: type === buttonTypeEnum.outline
+                        ? "outline-button ".concat(variant)
+                        : variant })), contentType === contentTypeEnum.text_with_icon && (_jsxs(_Fragment, { children: [iconLeft && iconLeft !== "none" && (_jsx(LUIcon, { size: leftIconSize, icon: iconLeft, fill: type === buttonTypeEnum.outline
+                                ? "outline-button ".concat(variant)
+                                : variant, className: "lu-mr-100" })), label, iconRight && iconRight !== "none" && (_jsx(LUIcon, { size: rightIconSize, icon: iconRight, fill: type === buttonTypeEnum.outline
+                                ? "outline-button ".concat(variant)
+                                : variant, className: "lu-ml-100" }))] }))] }) }));
 };

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

@@ -20,34 +20,38 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Button } from "./Button";
-import { borderRadiusList, buttonColorsList, buttonIconSizeList, buttonWithIconList, butttonSizeList } from "../../utils";
+import { borderRadiusList, buttonColorsList, buttonIconSizeList, buttonWithIconList, butttonSizeList, } from "../../utils";
 import { iconList } from "../../utils/iconList";
 import { buttonTypeEnum, contentTypeEnum } from "../../utils/enum";
 export default {
     title: "Components/Button",
     component: Button,
-    tags: ['autodocs'],
+    tags: ["autodocs"],
 };
 var Template = function (args) { return _jsx(Button, __assign({}, args)); };
 export var button = Template.bind({});
 button.args = {
     contentType: contentTypeEnum.none,
-    variant: 'lu-btn-primary',
-    label: 'Button Text',
-    onClick: function () { return alert('Button Clicked'); },
-    shape: 'lu-border-rounded-sm',
-    size: 'lu-btn-md',
-    iconLeft: 'chart-simple',
-    leftIconSize: 'lu-icon-small',
-    icon: 'chart-simple',
-    iconSize: 'lu-icon-small',
+    variant: "lu-btn-primary",
+    label: "Button Text",
+    onClick: function () { return alert("Button Clicked"); },
+    shape: "lu-border-rounded-sm",
+    size: "lu-btn-md",
+    iconLeft: "chart-simple",
+    leftIconSize: "lu-icon-small",
+    icon: "chart-simple",
+    iconSize: "lu-icon-small",
     type: buttonTypeEnum.fill,
-    className: '',
+    className: "",
 };
 button.argTypes = {
     contentType: {
         control: { type: "select" },
-        options: [contentTypeEnum.none, contentTypeEnum.text_with_icon, contentTypeEnum.icon_only],
+        options: [
+            contentTypeEnum.none,
+            contentTypeEnum.text_with_icon,
+            contentTypeEnum.icon_only,
+        ],
         description: "Determines the content of the button",
     },
     label: {
@@ -56,25 +60,43 @@ button.argTypes = {
         if: { arg: "contentType", neq: contentTypeEnum.icon_only },
     },
     variant: {
-        control: { type: "select", labels: Object.fromEntries(buttonColorsList.map(function (btnColor) { return [btnColor.key, btnColor.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(buttonColorsList.map(function (btnColor) { return [btnColor.key, btnColor.label]; })),
+        },
         options: buttonColorsList.map(function (btnColor) { return btnColor.key; }),
     },
     iconLeft: {
-        control: { type: "select", labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
+        },
         options: __spreadArray(["none"], iconList.map(function (icon) { return icon.key; }), true),
         if: { arg: "contentType", eq: contentTypeEnum.text_with_icon },
     },
     iconRight: {
-        control: { type: "select", labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
+        },
         options: __spreadArray(["none"], iconList.map(function (icon) { return icon.key; }), true),
         if: { arg: "contentType", eq: contentTypeEnum.text_with_icon },
     },
     shape: {
-        control: { type: "select", labels: Object.fromEntries(borderRadiusList.map(function (borderRadius) { return [borderRadius.key, borderRadius.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(borderRadiusList.map(function (borderRadius) { return [
+                borderRadius.key,
+                borderRadius.label,
+            ]; })),
+        },
         options: borderRadiusList.map(function (borderRadius) { return borderRadius.key; }),
     },
     size: {
-        control: { type: "select", labels: Object.fromEntries(butttonSizeList.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(butttonSizeList.map(function (size) { return [size.key, size.label]; })),
+        },
         options: butttonSizeList.map(function (size) { return size.key; }),
         description: "Select the size of the button",
         update: function (args) {
@@ -95,22 +117,34 @@ button.argTypes = {
         },
     },
     leftIconSize: {
-        control: { type: "select", labels: Object.fromEntries(buttonIconSizeList.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
+        },
         options: buttonIconSizeList.map(function (size) { return size.key; }),
         if: { arg: "contentType", eq: contentTypeEnum.text_with_icon },
     },
     rightIconSize: {
-        control: { type: "select", labels: Object.fromEntries(buttonIconSizeList.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
+        },
         options: buttonIconSizeList.map(function (size) { return size.key; }),
         if: { arg: "contentType", eq: contentTypeEnum.text_with_icon },
     },
     icon: {
-        control: { type: "select", labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
+        },
         options: iconList.map(function (icon) { return icon.key; }),
         if: { arg: "contentType", eq: contentTypeEnum.icon_only },
     },
     iconSize: {
-        control: { type: "select", labels: Object.fromEntries(buttonIconSizeList.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(buttonIconSizeList.map(function (size) { return [size.key, size.label]; })),
+        },
         options: buttonIconSizeList.map(function (size) { return size.key; }),
         if: { arg: "contentType", eq: contentTypeEnum.icon_only },
     },

package/dist/components/Color/BackgroundColor/Color.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var Color = function (_a) {
     var label = _a.label, color = _a.color;
-    return (_jsxs("div", { children: [_jsx("h2", { className: "lu-font-size-large lu-font-weight-bold lu-mb-200", children: label }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-10 h-10 rounded ".concat(color), "data-testid": "color-box" }), _jsxs("div", { children: [_jsx("p", { className: "lu-font-weight-semibold", children: color === null || color === void 0 ? void 0 : color.replace('bg-', '') }), _jsx("code", { className: "lu-font-size-small", children: color })] })] })] }));
+    return (_jsxs("div", { children: [_jsx("h2", { className: "lu-font-size-large lu-font-weight-bold lu-mb-200", children: label }), _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("div", { className: "w-10 h-10 rounded ".concat(color), "data-testid": "color-box" }), _jsxs("div", { children: [_jsx("p", { className: "lu-font-weight-semibold", children: color === null || color === void 0 ? void 0 : color.replace("bg-", "") }), _jsx("code", { className: "lu-font-size-small", children: color })] })] })] }));
 };

package/dist/components/Color/BackgroundColor/Color.stories.js

@@ -28,14 +28,18 @@ Primary.args = {
 Primary.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor).filter(function (key) { return key.startsWith(".lu-bg-primary-"); }).map(function (key) { return key.slice(1); })
+        options: Object.keys(customBackgroundColor)
+            .filter(function (key) { return key.startsWith(".lu-bg-primary-"); })
+            .map(function (key) { return key.slice(1); }),
     },
 };
 export var Gray = Template.bind({});
 Gray.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor).filter(function (key) { return key.startsWith(".lu-bg-neutral-"); }).map(function (key) { return key.slice(1); })
+        options: Object.keys(customBackgroundColor)
+            .filter(function (key) { return key.startsWith(".lu-bg-neutral-"); })
+            .map(function (key) { return key.slice(1); }),
     },
 };
 Gray.args = {
@@ -46,7 +50,9 @@ export var Success = Template.bind({});
 Success.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor).filter(function (key) { return key.startsWith(".lu-bg-success-"); }).map(function (key) { return key.slice(1); })
+        options: Object.keys(customBackgroundColor)
+            .filter(function (key) { return key.startsWith(".lu-bg-success-"); })
+            .map(function (key) { return key.slice(1); }),
     },
 };
 Success.args = {
@@ -57,7 +63,9 @@ export var Warning = Template.bind({});
 Warning.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor).filter(function (key) { return key.startsWith(".lu-bg-warning-"); }).map(function (key) { return key.slice(1); })
+        options: Object.keys(customBackgroundColor)
+            .filter(function (key) { return key.startsWith(".lu-bg-warning-"); })
+            .map(function (key) { return key.slice(1); }),
     },
 };
 Warning.args = {
@@ -68,7 +76,9 @@ export var Danger = Template.bind({});
 Danger.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor).filter(function (key) { return key.startsWith(".lu-bg-danger-"); }).map(function (key) { return key.slice(1); })
+        options: Object.keys(customBackgroundColor)
+            .filter(function (key) { return key.startsWith(".lu-bg-danger-"); })
+            .map(function (key) { return key.slice(1); }),
     },
 };
 Danger.args = {
@@ -79,7 +89,9 @@ export var Info = Template.bind({});
 Info.argTypes = {
     color: {
         control: { type: "select" },
-        options: Object.keys(customBackgroundColor).filter(function (key) { return key.startsWith(".lu-bg-info-"); }).map(function (key) { return key.slice(1); })
+        options: Object.keys(customBackgroundColor)
+            .filter(function (key) { return key.startsWith(".lu-bg-info-"); })
+            .map(function (key) { return key.slice(1); }),
     },
 };
 Info.args = {

package/dist/components/Color/BackgroundColor/index.js

@@ -1,4 +1,11 @@
-export var colorNames = ["primary", "neutral", "success", "warning", "danger", "info"];
+export var colorNames = [
+    "primary",
+    "neutral",
+    "success",
+    "warning",
+    "danger",
+    "info",
+];
 export var shades = Array.from({ length: 11 }, function (_, i) { return i * 100; }); // Generates [0, 100, 200, ..., 1000]
 export var customBackgroundColor = Object.fromEntries(colorNames.flatMap(function (color) {
     return shades.map(function (shade) { return [

package/dist/components/Color/TextColor.d.ts

@@ -1,3 +1,3 @@
-export declare const TextColor: ({ color }: {
+export declare const TextColor: ({ color, }: {
     color?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Color/TextColor.js

@@ -1,5 +1,5 @@
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var TextColor = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? 'lu-text-default' : _b;
-    return (_jsxs("div", { className: "".concat(color), children: [".", color] }));
+    var _b = _a.color, color = _b === void 0 ? "lu-text-default" : _b;
+    return _jsxs("div", { className: "".concat(color), children: [".", color] });
 };

package/dist/components/Color/TextColor.stories.js

@@ -23,7 +23,10 @@ textColor.args = {
 };
 textColor.argTypes = {
     color: {
-        control: { type: "select", labels: Object.fromEntries(textColorList.map(function (color) { return [color.key, color.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(textColorList.map(function (color) { return [color.key, color.label]; })),
+        },
         options: textColorList.map(function (color) { return color.key; }),
     },
 };

package/dist/components/Icons/IconView.stories.js

@@ -14,7 +14,7 @@ import { IconView } from "./IconView";
 export default {
     title: "Components/Icon",
     component: IconView,
-    tags: ['!autodocs'],
+    tags: ["!autodocs"],
 };
 var Template = function (args) { return _jsx(IconView, __assign({}, args)); };
 export var iconView = Template.bind({});

package/dist/components/Icons/LUIcon.js

@@ -4,5 +4,5 @@ export var LUIcon = function (_a) {
     var _b;
     var size = _a.size, fill = _a.fill, icon = _a.icon, className = _a.className;
     var selectedIcon = iconList.find(function (item) { return item.key === icon; });
-    return (_jsx(_Fragment, { children: _jsxs("svg", { className: "".concat(size, " ").concat(className), viewBox: "0 0 32 32", fill: "none", children: [_jsx("g", { "clip-path": "url(#clip0_9168_14965)", children: _jsx("path", { d: (_b = selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) !== null && _b !== void 0 ? _b : '', className: "".concat(fill, " icon") }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_9168_14965", children: _jsx("rect", { width: "32", height: "32", fill: "black" }) }) })] }) }));
+    return (_jsx(_Fragment, { children: _jsxs("svg", { className: "".concat(size, " ").concat(className), viewBox: "0 0 32 32", fill: "none", children: [_jsx("g", { "clip-path": "url(#clip0_9168_14965)", children: _jsx("path", { d: (_b = selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) !== null && _b !== void 0 ? _b : "", className: "".concat(fill, " icon") }) }), _jsx("defs", { children: _jsx("clipPath", { id: "clip0_9168_14965", children: _jsx("rect", { width: "32", height: "32", fill: "black" }) }) })] }) }));
 };

package/dist/components/Icons/LUIcon.stories.js

@@ -16,26 +16,35 @@ import { iconList } from "../../utils/iconList";
 export default {
     title: "Components/Icon",
     component: LUIcon,
-    tags: ['autodocs'],
+    tags: ["autodocs"],
 };
 var Template = function (args) { return _jsx(LUIcon, __assign({}, args)); };
 export var icon = Template.bind({});
 icon.args = {
-    size: 'lu-icon-x-small',
-    fill: 'lu-primary-icon-default',
+    size: "lu-icon-x-small",
+    fill: "lu-primary-icon-default",
     icon: iconList[0].key,
 };
 icon.argTypes = {
     size: {
-        control: { type: "select", labels: Object.fromEntries(iconSizeList.map(function (size) { return [size.key, size.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(iconSizeList.map(function (size) { return [size.key, size.label]; })),
+        },
         options: iconSizeList.map(function (size) { return size.key; }),
     },
     fill: {
-        control: { type: "select", labels: Object.fromEntries(iconColorList.map(function (color) { return [color.key, color.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(iconColorList.map(function (color) { return [color.key, color.label]; })),
+        },
         options: iconColorList.map(function (color) { return color.key; }),
     },
     icon: {
-        control: { type: "select", labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })) },
+        control: {
+            type: "select",
+            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
+        },
         options: iconList.map(function (icon) { return icon.key; }),
-    }
+    },
 };

package/dist/components/Images/LuImage.d.ts

@@ -1,2 +1,2 @@
 import { AspectRatioProps } from "@/types/interface";
-export declare const LuImage: ({ image, aspectRatio, width, height, className }: AspectRatioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LuImage: ({ image, aspectRatio, width, height, className, }: AspectRatioProps) => import("react/jsx-runtime").JSX.Element;