linkedunion-design-kit 1.5.3 → 1.5.4

package/dist/src/components/Accordion/type.js

@@ -1 +0,0 @@
-export {};

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

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

package/dist/src/components/Avatar/Avatar.stories.jsx

@@ -1,31 +0,0 @@
-import Avatar from "./Avatar";
-import { avatarShape, avatarSize } from ".";
-export default {
-    title: "Components/Avatar",
-    component: Avatar,
-};
-var Template = function (args) { return <Avatar {...args}/>; };
-export var _Avatar = Template.bind({});
-_Avatar.args = {
-    image: "/images/avatar.png",
-    shape: "square",
-    size: "md",
-    className: "",
-    icon: "user",
-};
-_Avatar.argTypes = {
-    shape: {
-        control: {
-            type: "select",
-            labels: Object.keys(avatarShape),
-        },
-        options: Object.keys(avatarShape),
-    },
-    size: {
-        control: {
-            type: "select",
-            labels: Object.keys(avatarSize),
-        },
-        options: Object.keys(avatarSize),
-    },
-};

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

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

package/dist/src/components/Button/Button.jsx

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

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

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

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

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

package/dist/src/components/Button/IconButton.jsx

@@ -1,9 +0,0 @@
-import { buttonColors, buttonShapes, iconButtonSize } from ".";
-import LUIcon from "../Icons/LUIcon";
-var IconButton = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? "primary" : _b, onClick = _a.onClick, _c = _a.shape, shape = _c === void 0 ? "rounded-none" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, className = _a.className, _e = _a.icon, icon = _e === void 0 ? <LUIcon icon="chart-simple" size="xs"/> : _e;
-    return (<button className={"flex items-center ".concat(buttonShapes[shape], " ").concat(buttonColors[color], " ").concat(className, " ").concat(iconButtonSize[size])} onClick={onClick}>
-      {icon && icon}
-    </button>);
-};
-export default IconButton;

package/dist/src/components/Button/IconButton.stories.jsx

@@ -1,41 +0,0 @@
-import { buttonColors, buttonShapes, iconButtonSize } from ".";
-import LUIcon from "../Icons/LUIcon";
-import IconButton from "./IconButton";
-export default {
-    title: "Components/Button/IconButton",
-    component: IconButton,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (<IconButton icon={<LUIcon icon="chart-simple" size="xs"/>} {...args}/>); };
-export var _IconButton = Template.bind({});
-_IconButton.args = {
-    icon: <LUIcon icon="chart-simple" size="xs"/>,
-};
-_IconButton.argTypes = {
-    color: {
-        control: {
-            type: "select",
-            labels: Object.keys(buttonColors),
-        },
-        options: Object.keys(buttonColors),
-    },
-    shape: {
-        control: {
-            type: "select",
-            labels: Object.keys(buttonShapes),
-        },
-        options: Object.keys(buttonShapes),
-    },
-    size: {
-        control: {
-            type: "select",
-            labels: Object.keys(iconButtonSize),
-        },
-        options: Object.keys(iconButtonSize),
-        description: "Select the size of the button",
-    },
-    icon: {
-        control: false,
-        description: "Icon (React component)",
-    },
-};

package/dist/src/components/Button/IconButton.test.jsx

@@ -1,29 +0,0 @@
-import { fireEvent, render, screen } from "@testing-library/react";
-import { buttonColors, buttonShapes, iconButtonSize } from ".";
-import LUIcon from "../Icons/LUIcon";
-import IconButton from "./IconButton";
-describe("Icon Button Component", function () {
-    it("renders icon button with required icon prop", function () {
-        render(<IconButton icon={<LUIcon icon="chart-simple" size="xs"/>}/>);
-        expect(screen.getByRole("button")).toBeInTheDocument();
-    });
-    it("calls onClick handler when clicked", function () {
-        var handleClick = jest.fn();
-        render(<IconButton onClick={handleClick} icon={<LUIcon icon="chart-simple" size="xs"/>}/>);
-        fireEvent.click(screen.getByRole("button"));
-        expect(handleClick).toHaveBeenCalledTimes(1);
-    });
-    it("applies correct color, shape, and size classes", function () {
-        render(<IconButton color="primary" shape="rounded-lg" size="lg" icon={<LUIcon icon="chart-simple" size="xs"/>}/>);
-        var buttonElement = screen.getByRole("button");
-        expect(buttonElement).toHaveClass(buttonColors["primary"], buttonShapes["rounded-lg"], iconButtonSize["lg"]);
-    });
-    it("applies additional className when provided", function () {
-        render(<IconButton className="custom-class" icon={<LUIcon icon="chart-simple" size="xs"/>}/>);
-        expect(screen.getByRole("button")).toHaveClass("custom-class");
-    });
-    it("renders without crashing when all required props are provided", function () {
-        render(<IconButton icon={<LUIcon icon="chart-simple" size="xs"/>}/>);
-        expect(screen.getByRole("button")).toBeInTheDocument();
-    });
-});

package/dist/src/components/ColorPicker/ColorPicker.jsx

@@ -1,34 +0,0 @@
-import { useState } from "react";
-import { Input } from "../ui/input";
-var ColorPicker = function (_a) {
-    var onChange = _a.onChange, _b = _a.value, value = _b === void 0 ? "#000000" : _b;
-    var _c = useState(value), hexColor = _c[0], setHexColor = _c[1];
-    // Handle input changes (color picker or text field)
-    var handleColorChange = function (newColor) {
-        setHexColor(newColor);
-        onChange(newColor);
-    };
-    // Handle hex input change
-    var handleHexChange = function (e) {
-        var inputValue = e.target.value;
-        // Ensure it starts with #
-        var formattedValue = inputValue.startsWith("#")
-            ? inputValue
-            : "#".concat(inputValue);
-        handleColorChange(formattedValue);
-    };
-    // Handle color input change (from native color picker)
-    var handleColorInputChange = function (e) {
-        handleColorChange(e.target.value);
-    };
-    return (<>
-      <div className="flex">
-        <div className="relative">
-          <div className="size-9 shrink-0 rounded-l-sm" style={{ backgroundColor: hexColor }}/>
-          <Input type="color" value={hexColor} onChange={handleColorInputChange} className="absolute inset-0 opacity-0 cursor-pointer rounded-r-sm" aria-label="Select color"/>
-        </div>
-        <Input id="color-picker" type="text" value={hexColor} onChange={handleHexChange} className="rounded-r-sm border min-w-25"/>
-      </div>
-    </>);
-};
-export default ColorPicker;

package/dist/src/components/ColorPicker/ColorPicker.stories.jsx

@@ -1,12 +0,0 @@
-import ColorPicker from "./ColorPicker";
-export default {
-    title: "Components/ColorPicker",
-    component: ColorPicker,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (<ColorPicker {...args}/>); };
-export var _ColorPicker = Template.bind({});
-_ColorPicker.args = {
-    value: "#000000", // Default color
-    onChange: function () { },
-};

package/dist/src/components/Colors/color.jsx

@@ -1,5 +0,0 @@
-import { colors } from "../../utils/colors";
-export var Color = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? "black" : _b;
-    return <div style={{ color: colors[color] || colors.black }}>{color}</div>;
-};

package/dist/src/components/Colors/color.stories.jsx

@@ -1,20 +0,0 @@
-import { colors } from "../../utils/colors";
-import { Color } from "./color";
-export default {
-    title: "Components/Color",
-    component: Color,
-};
-var Template = function (args) { return (<Color {...args}/>); };
-export var _Color = Template.bind({});
-_Color.args = {
-    color: "black", // Default color
-};
-_Color.argTypes = {
-    color: {
-        control: {
-            type: "select",
-            labels: Object.keys(colors),
-        },
-        options: Object.keys(colors),
-    },
-};

package/dist/src/components/Colors/color.test.jsx

@@ -1,23 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { colors } from "../../utils/colors";
-import { Color } from "./color";
-describe("TextColor Component", function () {
-    it("renders with default color (black)", function () {
-        render(<Color />);
-        var textElement = screen.getByText("black");
-        expect(textElement).toBeInTheDocument();
-        expect(textElement).toHaveStyle({ color: colors.black });
-    });
-    it("renders with a specified color", function () {
-        render(<Color color="primary-500"/>);
-        var textElement = screen.getByText("primary-500");
-        expect(textElement).toBeInTheDocument();
-        expect(textElement).toHaveStyle({ color: colors["primary-500"] });
-    });
-    it("handles invalid color gracefully", function () {
-        render(<Color color={"invalid-color"}/>);
-        var textElement = screen.getByText("invalid-color");
-        expect(textElement).toBeInTheDocument();
-        expect(textElement).toHaveStyle({ color: colors.black }); // It should default to black
-    });
-});

package/dist/src/components/EditorTooltip/EditorTooltip.jsx

@@ -1,18 +0,0 @@
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip";
-import IconButton from "../Button/IconButton";
-import LUIcon from "../Icons/LUIcon";
-import { Dummy_Para } from "../../utils/constants";
-var EditorTooltip = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? Dummy_Para : _b;
-    return (<TooltipProvider>
-      <Tooltip>
-        <TooltipTrigger>
-          <IconButton icon={<LUIcon icon="question" size="xxs"/>} size="xs" shape="rounded-full" color="primary-light"/>
-        </TooltipTrigger>
-        <TooltipContent>
-          <p>{title}</p>
-        </TooltipContent>
-      </Tooltip>
-    </TooltipProvider>);
-};
-export default EditorTooltip;

package/dist/src/components/EditorTooltip/EditorTooltip.stories.jsx

@@ -1,12 +0,0 @@
-import EditorTooltip from "./EditorTooltip";
-import { Dummy_Para } from "../../utils/constants";
-export default {
-    title: "Components/EditorTooltip",
-    component: EditorTooltip,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (<EditorTooltip {...args}/>); };
-export var _EditorTooltip = Template.bind({});
-_EditorTooltip.args = {
-    title: Dummy_Para,
-};

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

@@ -1,3 +0,0 @@
-export interface EditorTooltipInterface {
-    title: string;
-}

package/dist/src/components/EditorTooltip/type.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/Icons/IconList.test.jsx

@@ -1,57 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { IconView } from "./IconView";
-import { iconList } from "../../utils/iconList";
-// Mocking iconList for the tests
-jest.mock("../../utils/iconList", function () { return ({
-    iconList: [
-        { label: "Home", path: "M10 10 L20 20 L30 10 Z" },
-        { label: "Search", path: "M15 15 L25 25 L35 15 Z" },
-    ],
-}); });
-describe("IconView Component", function () {
-    // Test: Check if the correct number of icons are rendered
-    it("should render the correct number of icons", function () {
-        render(<IconView />);
-        var iconContainers = screen.getAllByTestId("single-icon");
-        expect(iconContainers).toHaveLength(iconList.length); // Should match the length of iconList
-    });
-    // Test: Ensure each icon has a path with correct `d` attribute
-    it("should render each icon with the correct path", function () {
-        render(<IconView />);
-        // Ensure the correct number of icon containers are rendered
-        var iconContainers = screen.getAllByTestId("single-icon");
-        iconContainers.forEach(function (_, index) {
-            // const svgElement = screen.getByTestId(`single-icon-svg-${index}`);
-            var pathElement = screen.getByTestId("icon-path-".concat(index));
-            // Find the corresponding icon object
-            var icon = iconList[index];
-            // Check that the path matches the icon's path
-            expect(pathElement).toHaveAttribute("d", icon.path);
-        });
-    });
-    // Test: Ensure each icon has the correct label
-    it("should render each icon with the correct label", function () {
-        render(<IconView />);
-        iconList.forEach(function (icon, index) {
-            var labelElement = screen.getByTestId("icon-label-".concat(index));
-            expect(labelElement).toHaveTextContent(icon.label); // Check label text content
-        });
-    });
-    // Test: Ensure the grid structure is correct
-    it("should render icons inside a grid structure", function () {
-        render(<IconView />);
-        var gridContainer = screen.getByTestId("icons-list");
-        expect(gridContainer).toBeInTheDocument();
-        expect(gridContainer).toHaveClass("grid");
-    });
-    // Test: Check hover behavior for icons (optional)
-    it("should change background color on hover", function () {
-        render(<IconView />);
-        var iconContainers = screen.getAllByTestId("single-icon");
-        var icon = iconContainers[0];
-        // Simulate hover effect by adding the class for hover
-        icon.classList.add("hover:bg-gray-200");
-        // Check that the hover class is applied
-        expect(icon).toHaveClass("hover:bg-gray-200");
-    });
-});

package/dist/src/components/Icons/IconView.jsx

@@ -1,25 +0,0 @@
-import { colors } from "../../utils/colors";
-import { iconList } from "../../utils/iconList";
-export var IconView = function () {
-    return (<>
-      <div className="grid grid-cols-3 sm:grid-cols-4 md:grid-cols-6 lg:grid-cols-6 gap-6" data-testid="icons-list">
-        {iconList.map(function (icon, index) {
-            return (<div key={index} className="flex flex-col items-center justify-center bg-neutral-100 rounded-lg p-4 shadow-md hover:bg-neutral-200" data-testid="single-icon">
-              <svg width="25" height="25" viewBox="0 0 32 32" fill="none" className="mb-2" role="img">
-                <g clipPath="url(#clip0_9168_14965)">
-                  <path data-testid={"icon-path-".concat(index)} d={icon === null || icon === void 0 ? void 0 : icon.path} fill={colors["neutral-1000"]}/>
-                </g>
-                <defs>
-                  <clipPath id="clip0_9168_14965">
-                    <rect width="32" height="32" fill="black"/>
-                  </clipPath>
-                </defs>
-              </svg>
-              <p data-testid={"icon-label-".concat(index)} className={"text-xs font-normal ".concat(colors["neutral-600"], " text-center")}>
-                {icon === null || icon === void 0 ? void 0 : icon.label}
-              </p>
-            </div>);
-        })}
-      </div>
-    </>);
-};

package/dist/src/components/Icons/IconView.stories.jsx

@@ -1,8 +0,0 @@
-import { IconView } from "./IconView";
-export default {
-    title: "Components/Icon",
-    component: IconView,
-    tags: ["!autodocs"],
-};
-var Template = function (args) { return <IconView {...args}/>; };
-export var _IconView = Template.bind({});

package/dist/src/components/Icons/LUIcon.jsx

@@ -1,31 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { iconList } from "../../utils/iconList";
-import { iconSize } from ".";
-var LUIcon = function (_a) {
-    var _b;
-    var _c = _a.size, size = _c === void 0 ? "md" : _c, icon = _a.icon, className = _a.className, props = __rest(_a, ["size", "icon", "className"]);
-    var selectedIcon = iconList.find(function (item) { return item.key === icon; });
-    return (<>
-      <svg role="img" data-testid="lu-icon" className={"".concat(iconSize[size], " ").concat(className)} viewBox="0 0 32 32" fill="currentColor" {...props}>
-        <g clipPath="url(#clip0_9168_14965)">
-          <path data-testid="lu-path" d={(_b = selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) !== null && _b !== void 0 ? _b : ""} className={"icon"}/>
-        </g>
-        <defs>
-          <clipPath id="clip0_9168_14965">
-            <rect width="32" height="32" fill="black"/>
-          </clipPath>
-        </defs>
-      </svg>
-    </>);
-};
-export default LUIcon;

package/dist/src/components/Icons/LUIcon.stories.jsx

@@ -1,32 +0,0 @@
-import { iconList } from "../../utils/iconList";
-import LUIcon from "./LUIcon";
-import { iconSize } from ".";
-export default {
-    title: "Components/Icon",
-    component: LUIcon,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (<LUIcon size="xxs" className="text-primary-500" {...args}/>); };
-export var Icon = Template.bind({});
-Icon.args = {
-    size: "xxs",
-    icon: iconList[0].key,
-};
-Icon.argTypes = {
-    size: {
-        control: {
-            type: "select",
-            labels: Object.keys(iconSize),
-        },
-        options: Object.keys(iconSize),
-        defaultValue: "xxs",
-    },
-    icon: {
-        control: {
-            type: "select",
-            labels: Object.fromEntries(iconList.map(function (icon) { return [icon.key, icon.label]; })),
-        },
-        options: iconList.map(function (icon) { return icon.key; }),
-        defaultValue: iconList[0].key,
-    },
-};