linkedunion-design-kit 1.4.8 → 1.5.0

package/dist/.next/types/app/page.js

@@ -1,5 +1,30 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 // File: /Users/avialdosolutions/linkedunion-design-kit/linkedunion-design-kit/app/page.tsx
-import * as entry from '../../../app/page.js';
+var entry = __importStar(require("../../../app/page.js"));
 // Check that the entry is a valid entry
 checkFields();
 // Check the prop type of the entry function

package/dist/app/layout.js

@@ -1,12 +1,16 @@
-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 = {
+"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 = {
     title: "Create Next App",
     description: "Generated by create next app",
 };
-export default function RootLayout(_a) {
+function RootLayout(_a) {
     var children = _a.children;
-    return (_jsx("html", { lang: "en", children: _jsx("body", { className: inter.className, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)("html", { lang: "en", children: (0, jsx_runtime_1.jsx)("body", { className: inter.className, children: children }) }));
 }

package/dist/app/page.js

@@ -1,5 +1,11 @@
-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." })] })] })] }));
+"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." })] })] })] }));
 }

package/dist/app/scripts.js

@@ -1,4 +1,7 @@
-export var ensureValue = function (value, fallbackValue) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getColor = exports.ensureValue = void 0;
+var ensureValue = function (value, fallbackValue) {
     if (!value) {
         return fallbackValue;
     }
@@ -6,6 +9,8 @@ export var ensureValue = function (value, fallbackValue) {
         return value;
     }
 };
-export var getColor = function (color, fallbackColor) {
-    return ensureValue(color, fallbackColor);
+exports.ensureValue = ensureValue;
+var getColor = function (color, fallbackColor) {
+    return (0, exports.ensureValue)(color, fallbackColor);
 };
+exports.getColor = getColor;

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

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

package/dist/components/Avatar/Avatar.js

@@ -1,9 +1,15 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { LUIcon } from "../Icons/LUIcon";
-import { iconList } from "../../utils/iconList";
-import { avtarBackgroundSize } from "../../utils";
-export var Avatar = function (_a) {
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LUIcon_1 = __importDefault(require("../Icons/LUIcon"));
+var iconList_1 = require("../../utils/iconList");
+var utils_1 = require("../../utils");
+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 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: "" })) }) }));
+    var defaultIcon = iconList_1.iconList.find(function (item) { return item.key === (icon || "user"); });
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.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: (0, utils_1.avtarBackgroundSize)(size), "data-testid": "lu-avatar", children: image ? ((0, jsx_runtime_1.jsx)("img", { src: image, alt: "image", className: "w-full h-full object-cover" })) : ((0, jsx_runtime_1.jsx)(LUIcon_1.default, { size: size, icon: defaultIcon === null || defaultIcon === void 0 ? void 0 : defaultIcon.key, fill: "lu-neutral-icon-dark", className: "" })) }) }));
 };
+exports.default = Avatar;

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

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,38 +10,43 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Avatar } from "./Avatar";
-import { avatarShapeList, avatarSizesList } from "../../utils";
-export default {
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.avatar = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../utils");
+var Avatar_1 = __importDefault(require("./Avatar"));
+exports.default = {
     title: "Components/Avatar",
-    component: Avatar,
+    component: Avatar_1.default,
 };
-var Template = function (args) { return _jsx(Avatar, __assign({}, args)); };
-export var avatar = Template.bind({});
-avatar.args = {
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(Avatar_1.default, __assign({}, args)); };
+exports.avatar = Template.bind({});
+exports.avatar.args = {
     image: "/images/avatar.png",
     shape: "square",
     size: "lu-avatar-massive",
     className: "",
     icon: "user",
 };
-avatar.argTypes = {
+exports.avatar.argTypes = {
     shape: {
         control: {
             type: "select",
-            labels: Object.fromEntries(avatarShapeList.map(function (borderRadius) { return [
+            labels: Object.fromEntries(utils_1.avatarShapeList.map(function (borderRadius) { return [
                 borderRadius.key,
                 borderRadius.label,
             ]; })),
         },
-        options: avatarShapeList.map(function (borderRadius) { return borderRadius.key; }),
+        options: utils_1.avatarShapeList.map(function (borderRadius) { return borderRadius.key; }),
     },
     size: {
         control: {
             type: "select",
-            labels: Object.fromEntries(avatarSizesList.map(function (size) { return [size.key, size.label]; })),
+            labels: Object.fromEntries(utils_1.avatarSizesList.map(function (size) { return [size.key, size.label]; })),
         },
-        options: avatarSizesList.map(function (size) { return size.key; }),
+        options: utils_1.avatarSizesList.map(function (size) { return size.key; }),
     },
 };

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

@@ -1,7 +1,11 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BorderRadiusTable } from "./BorderRadiusTable";
-import { BorderRadiusView } from "./BorderRadiusView";
-export var BorderRadius = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BorderRadius = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var BorderRadiusTable_1 = require("./BorderRadiusTable");
+var BorderRadiusView_1 = require("./BorderRadiusView");
+var BorderRadius = function (_a) {
     var borderRadius = _a.borderRadius;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "lu-font-size-large lu-font-weight-semibold lu-text-center lu-text-uppercase lu-text-decoration-underline lu-mb-100", children: "Border Radius" }), _jsx(BorderRadiusTable, {}), _jsx("div", { className: "lu-mt-150", children: _jsx(BorderRadiusView, { borderRadius: borderRadius }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-font-size-large lu-font-weight-semibold lu-text-center lu-text-uppercase lu-text-decoration-underline lu-mb-100", children: "Border Radius" }), (0, jsx_runtime_1.jsx)(BorderRadiusTable_1.BorderRadiusTable, {}), (0, jsx_runtime_1.jsx)("div", { className: "lu-mt-150", children: (0, jsx_runtime_1.jsx)(BorderRadiusView_1.BorderRadiusView, { borderRadius: borderRadius }) })] }));
 };
+exports.BorderRadius = BorderRadius;

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

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,27 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BorderRadius } from "./BorderRadius";
-import { borderRadiusList } from "../../../utils";
-export default {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borderRadius = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var BorderRadius_1 = require("./BorderRadius");
+var utils_1 = require("../../../utils");
+exports.default = {
     title: "Components/Border",
-    component: BorderRadius,
+    component: BorderRadius_1.BorderRadius,
 };
-var Template = function (args) { return _jsx(BorderRadius, __assign({}, args)); };
-export var borderRadius = Template.bind({});
-borderRadius.args = {
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(BorderRadius_1.BorderRadius, __assign({}, args)); };
+exports.borderRadius = Template.bind({});
+exports.borderRadius.args = {
     borderRadius: "lu-border-rounded-xs",
 };
-borderRadius.argTypes = {
+exports.borderRadius.argTypes = {
     borderRadius: {
         control: {
             type: "select",
-            labels: Object.fromEntries(borderRadiusList.map(function (borderRadius) { return [
+            labels: Object.fromEntries(utils_1.borderRadiusList.map(function (borderRadius) { return [
                 borderRadius.key,
                 borderRadius.label,
             ]; })),
         },
-        options: borderRadiusList.map(function (borderRadius) { return borderRadius.key; }),
+        options: utils_1.borderRadiusList.map(function (borderRadius) { return borderRadius.key; }),
     },
 };

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

@@ -1,5 +1,9 @@
-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";
-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" }) })] })] })] }) }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BorderRadiusTable = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../../utils");
+var BorderRadiusTable = function () {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("table", { className: "lu-width-100 lu-font-size-x-small lu-font-weight-medium", children: [(0, jsx_runtime_1.jsx)("thead", { className: "bg-primary-100", children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Alias Token Name" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Base unit Multiplier of 8" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Value(PX)(REM)" })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-rounded-none" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0px = 0rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-rounded-xs" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2px = 0.125rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-rounded-sm" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-rounded-md" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.75x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "6px = 0.375rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-rounded-lg" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-rounded-xl" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1.5x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "12px = 0.75rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-rounded-2xl" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "16px = 1rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-rounded-3xl" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "3x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "24px = 1.5rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-rounded-full" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "100x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "9999px" }) })] })] })] }) }));
 };
+exports.BorderRadiusTable = BorderRadiusTable;

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

@@ -1,5 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export var BorderRadiusView = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BorderRadiusView = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+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: "lu-bg-neutral-100 lu-pt-050 lu-pr-100 lu-pb-050 lu-pl-100 rounded lu-font-size-x-small", children: borderRadius }) }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "border-primary-600 lu-pd-200 lu-size-2500 lu-border-width-125 ".concat(borderRadius), "data-testid": "border-radius", children: (0, jsx_runtime_1.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 }) }) }));
 };
+exports.BorderRadiusView = BorderRadiusView;

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

@@ -1,7 +1,11 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { BorderWidthTable } from "./BorderWidthTable";
-import { ViewBorderWidth } from "./ViewBorderWidth";
-export var BorderWidth = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BorderWidth = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var BorderWidthTable_1 = require("./BorderWidthTable");
+var ViewBorderWidth_1 = require("./ViewBorderWidth");
+var BorderWidth = function (_a) {
     var border = _a.border;
-    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "lu-font-size-large lu-font-weight-semibold lu-text-center lu-text-uppercase lu-text-decoration-underline lu-mb-100", children: "Border Width" }), _jsx(BorderWidthTable, {}), _jsx("div", { className: "lu-mt-150", children: _jsx(ViewBorderWidth, { border: border }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "lu-font-size-large lu-font-weight-semibold lu-text-center lu-text-uppercase lu-text-decoration-underline lu-mb-100", children: "Border Width" }), (0, jsx_runtime_1.jsx)(BorderWidthTable_1.BorderWidthTable, {}), (0, jsx_runtime_1.jsx)("div", { className: "lu-mt-150", children: (0, jsx_runtime_1.jsx)(ViewBorderWidth_1.ViewBorderWidth, { border: border }) })] }));
 };
+exports.BorderWidth = BorderWidth;

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

@@ -1,3 +1,4 @@
+"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -9,27 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BorderWidth } from "./BorderWidth";
-import { borderWidthList } from "../../../utils";
-export default {
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.borderWidth = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var BorderWidth_1 = require("./BorderWidth");
+var utils_1 = require("../../../utils");
+exports.default = {
     title: "Components/Border",
-    component: BorderWidth,
+    component: BorderWidth_1.BorderWidth,
 };
-var Template = function (args) { return _jsx(BorderWidth, __assign({}, args)); };
-export var borderWidth = Template.bind({});
-borderWidth.args = {
+var Template = function (args) { return (0, jsx_runtime_1.jsx)(BorderWidth_1.BorderWidth, __assign({}, args)); };
+exports.borderWidth = Template.bind({});
+exports.borderWidth.args = {
     border: "lu-border-width-125",
 };
-borderWidth.argTypes = {
+exports.borderWidth.argTypes = {
     border: {
         control: {
             type: "select",
-            labels: Object.fromEntries(borderWidthList.map(function (borderWidth) { return [
+            labels: Object.fromEntries(utils_1.borderWidthList.map(function (borderWidth) { return [
                 borderWidth.key,
                 borderWidth.label,
             ]; })),
         },
-        options: borderWidthList.map(function (borderWidth) { return borderWidth.key; }),
+        options: utils_1.borderWidthList.map(function (borderWidth) { return borderWidth.key; }),
     },
 };

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

@@ -1,5 +1,9 @@
-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";
-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" }) })] })] })] }) }));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BorderWidthTable = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var utils_1 = require("../../../utils");
+var BorderWidthTable = function () {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("table", { className: "lu-width-100 lu-font-size-x-small lu-font-weight-medium", children: [(0, jsx_runtime_1.jsx)("thead", { className: "bg-primary-100", children: (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Alias Token Name" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Base unit Multiplier of 8" }), (0, jsx_runtime_1.jsx)("th", { className: "".concat(utils_1.table_header_className), children: "Value(PX)(REM)" })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [(0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-width-125" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.125x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1px = 0.063rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-width-025" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.25x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "2px = 0.125rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-width-050" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "0.50x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "4px = 0.25rem" }) })] }), (0, jsx_runtime_1.jsxs)("tr", { children: [(0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "lu-border-width-100" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "1x" }) }), (0, jsx_runtime_1.jsx)("td", { className: "".concat(utils_1.table_row_className), children: (0, jsx_runtime_1.jsx)("span", { className: "".concat(utils_1.table_data_className), children: "8px = 0.5rem" }) })] })] })] }) }));
 };
+exports.BorderWidthTable = BorderWidthTable;

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

@@ -1,5 +1,9 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-export var ViewBorderWidth = function (_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewBorderWidth = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+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: "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 }) }) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { className: "border-primary-600 lu-border-rounded-2xl lu-pd-200 lu-size-2500 ".concat(border), "data-testid": "border-width", children: (0, jsx_runtime_1.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 }) }) }));
 };
+exports.ViewBorderWidth = ViewBorderWidth;

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

@@ -1,2 +1,3 @@
 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 default Button;

package/dist/components/Button/Button.js

@@ -1,13 +1,22 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-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
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var LUIcon_1 = __importDefault(require("../Icons/LUIcon"));
+var enums_1 = require("../../utils/enums");
+var _1 = require(".");
+var Button = function (_a) {
+    var _b = _a.contentType, contentType = _b === void 0 ? enums_1.ContentType.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 ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("button", { className: "flex items-center ".concat(shape, " ").concat(type === _1.ButtonType.outline ? "outline-button ".concat(variant) : variant, "  ").concat(className, " ").concat(contentType === enums_1.ContentType.icon_only ? "icon-only ".concat(size) : size), onClick: onClick, children: [contentType === enums_1.ContentType.none && label, contentType === enums_1.ContentType.icon_only && icon && ((0, jsx_runtime_1.jsx)(LUIcon_1.default, { size: iconSize, icon: icon, fill: type === _1.ButtonType.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
+                        : variant })), contentType === enums_1.ContentType.text_with_icon && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [iconLeft && iconLeft !== "none" && ((0, jsx_runtime_1.jsx)(LUIcon_1.default, { size: leftIconSize, icon: iconLeft, fill: type === _1.ButtonType.outline
                                 ? "outline-button ".concat(variant)
-                                : variant, className: "lu-mr-100" })), label, iconRight && iconRight !== "none" && (_jsx(LUIcon, { size: rightIconSize, icon: iconRight, fill: type === buttonTypeEnum.outline
+                                : variant, className: "lu-mr-100" })), label, iconRight && iconRight !== "none" && ((0, jsx_runtime_1.jsx)(LUIcon_1.default, { size: rightIconSize, icon: iconRight, fill: type === _1.ButtonType.outline
                                 ? "outline-button ".concat(variant)
                                 : variant, className: "lu-ml-100" }))] }))] }) }));
 };
+exports.Button = Button;
+exports.default = exports.Button;