linkedunion-design-kit 1.7.3 → 1.7.5

package/dist/src/components/Card/SinglePost.stories.jsx

@@ -1,46 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { SinglePost } from "./SinglePost";
-import { Dummy_Image, Dummy_Para, Dummy_Subtitle, Dummy_Title, Dummy_Url, } from "../../utils/constants";
-var meta = {
-    title: "Components/NewCard/SinglePost",
-    component: SinglePost,
-    parameters: {
-        layout: "centered",
-    },
-};
-export default meta;
-var baseCardArgs = {
-    type: "singlePost",
-    item: {
-        image: Dummy_Image,
-        title: Dummy_Title,
-        description: Dummy_Para,
-        subtitle: Dummy_Subtitle,
-    },
-    image: Dummy_Image,
-    href: Dummy_Url,
-    btnLabel: "View More",
-    editor: {
-        card: "",
-        cardImage: "",
-        cardTitle: "",
-        cardText: "",
-        cardBtn: "",
-    },
-};
-export var SinglePostHorizontalLeft = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "horizontal", mediaPosition: "left" }),
-};
-export var SinglePostHorizontalRight = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "horizontal", mediaPosition: "right" }),
-};

package/dist/src/components/Card/card.jsx

@@ -1,31 +0,0 @@
-import React from "react";
-import { PostByCategory } from "./PostByCategory/PostByCategory";
-import { ContactProfile } from "./ContactProfile";
-import { MultiNews } from "./MultiNews";
-import { SinglePost } from "./SinglePost";
-import { Dummy_Url } from "../../utils/constants";
-var Card = function (_a) {
-    var item = _a.item, image = _a.image, _b = _a.href, href = _b === void 0 ? Dummy_Url : _b, _c = _a.btnLabel, btnLabel = _c === void 0 ? "View More" : _c, editor = _a.editor, _d = _a.mediaPosition, mediaPosition = _d === void 0 ? "left" : _d, _e = _a.type, type = _e === void 0 ? "postByCategory" : _e, _f = _a.orientation, orientation = _f === void 0 ? "horizontal" : _f;
-    var cardProps = {
-        item: item,
-        href: href,
-        image: image,
-        btnLabel: btnLabel,
-        editor: editor,
-        mediaPosition: mediaPosition,
-        orientation: orientation,
-    };
-    // Using object approach for better performance and cleaner code
-    var cardComponents = {
-        postByCategory: PostByCategory,
-        contactProfile: ContactProfile,
-        multipleNews: MultiNews,
-        singlePost: SinglePost,
-    };
-    return (<>
-      {type && cardComponents[type]
-            ? React.createElement(cardComponents[type], cardProps)
-            : null}
-    </>);
-};
-export default Card;

package/dist/src/components/Checkbox/checkbox.stories.jsx

@@ -1,91 +0,0 @@
-import { Checkbox } from "../ui/checkbox";
-import { Label } from "../Label/Label";
-import { Button } from "../Button/Button";
-var meta = {
-    title: "components/Checkbox",
-    component: Checkbox,
-    parameters: {
-        layout: "centered",
-    },
-    tags: ["autodocs"],
-    argTypes: {
-        checked: { control: "boolean" },
-        defaultChecked: { control: "boolean" },
-        disabled: { control: "boolean" },
-        onCheckedChange: { action: "checked changed" },
-    },
-};
-export default meta;
-export var Default = {
-    args: {
-        id: "default",
-    },
-    render: function (args) { return (<div className="flex items-center space-x-2">
-      <Checkbox {...args}/>
-      <Label htmlFor="default" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-        Accept terms and conditions
-      </Label>
-    </div>); },
-};
-export var Checked = {
-    args: {
-        id: "checked",
-        defaultChecked: true,
-    },
-    render: function (args) { return (<div className="flex items-center space-x-2">
-      <Checkbox {...args}/>
-      <Label htmlFor="checked" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-        Checked option
-      </Label>
-    </div>); },
-};
-export var Disabled = {
-    args: {
-        id: "disabled",
-        disabled: true,
-    },
-    render: function (args) { return (<div className="flex items-center space-x-2">
-      <Checkbox {...args}/>
-      <Label htmlFor="disabled" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-        Disabled option
-      </Label>
-    </div>); },
-};
-export var DisabledChecked = {
-    args: {
-        id: "disabled-checked",
-        disabled: true,
-        defaultChecked: true,
-    },
-    render: function (args) { return (<div className="flex items-center space-x-2">
-      <Checkbox {...args}/>
-      <Label htmlFor="disabled-checked" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-        Disabled checked option
-      </Label>
-    </div>); },
-};
-export var Form = {
-    render: function () { return (<div className="space-y-4">
-      <h3 className="text-lg font-medium">Terms of Service</h3>
-      <p className="text-sm text-muted-foreground">
-        Please read and accept our terms of service to continue.
-      </p>
-      <form className="space-y-2">
-        <div className="flex items-center space-x-2">
-          <Checkbox id="terms1"/>
-          <label htmlFor="terms1" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-            I accept the terms and conditions
-          </label>
-        </div>
-        <div className="flex items-center space-x-2">
-          <Checkbox id="terms2"/>
-          <Label htmlFor="terms2" className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70">
-            I agree to receive marketing emails
-          </Label>
-        </div>
-        <Button type="submit" className="mt-4 rounded-md bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700">
-          Submit
-        </Button>
-      </form>
-    </div>); },
-};

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

@@ -1,65 +0,0 @@
-"use client";
-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 { useState, useEffect } from "react";
-import { Input } from "../ui/input";
-var useDebounce = function (value, delay) {
-    var _a = useState(value), debouncedValue = _a[0], setDebouncedValue = _a[1];
-    useEffect(function () {
-        var handler = setTimeout(function () {
-            setDebouncedValue(value);
-        }, delay);
-        return function () {
-            clearTimeout(handler);
-        };
-    }, [value, delay]);
-    return debouncedValue;
-};
-var ColorPicker = function (_a) {
-    var onChange = _a.onChange, _b = _a.value, value = _b === void 0 ? "#000000" : _b, props = __rest(_a, ["onChange", "value"]);
-    var _c = useState(value), hexColor = _c[0], setHexColor = _c[1];
-    var debouncedHexColor = useDebounce(hexColor, 200); // Use prop or default
-    // Handle input changes (color picker or text field)
-    var handleColorChange = function (newColor) {
-        var formattedColor = newColor.startsWith("#") ? newColor : "#".concat(newColor);
-        setHexColor(formattedColor); // Set the local state immediately
-    };
-    useEffect(function () {
-        if (value !== hexColor) {
-            setHexColor(value);
-        }
-    }, [value]);
-    // Trigger onChange callback only when debounced value updates
-    useEffect(function () {
-        onChange(debouncedHexColor); // Trigger onChange with debounced value
-    }, [debouncedHexColor]);
-    // Handle hex input change
-    var handleHexChange = function (e) {
-        var inputValue = e.target.value;
-        // Ensure it starts with #
-        if (inputValue.length > 7) {
-            inputValue = inputValue.slice(0, 7); // Limit the input to 7 characters
-        }
-        handleColorChange(inputValue);
-    };
-    // Handle color input change (from native color picker)
-    var handleColorInputChange = function (e) {
-        handleColorChange(e.target.value);
-    };
-    return (<div className="relative">
-      <div className="size-9 left-1 top-1/2 -translate-y-1/2 absolute border rounded" style={{ backgroundColor: hexColor }}>
-        <Input type="color" value={hexColor} onChange={handleColorInputChange} className="h-full w-full opacity-0 cursor-pointer" aria-label="Select color"/>
-      </div>
-      <Input type="text" value={hexColor} onChange={handleHexChange} maxLength={7} aria-label="Hex color input" {...props} className={"rounded border min-w-25 !ps-12 ".concat(props.className)}/>
-    </div>);
-};
-export default ColorPicker;

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

@@ -1,14 +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 (e) {
-        console.log("color -->", e);
-    },
-};

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="blue-500"/>);
-        var textElement = screen.getByText("blue-500");
-        expect(textElement).toBeInTheDocument();
-        expect(textElement).toHaveStyle({ color: colors["blue-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.d.ts

@@ -1,5 +0,0 @@
-declare const EditorTooltip: ({ title, className, }: {
-    title: string;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default EditorTooltip;

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip";
-import { IconButton } from "../Button/IconButton";
-var EditorTooltip = function (_a) {
-    var title = _a.title, className = _a.className;
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: className, children: _jsx(IconButton, { icon: "question", size: "sm", shape: "rounded-full", color: "blue-light" }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "text-base w-48 text-center font-medium", children: title }) })] }) }));
-};
-export default EditorTooltip;

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

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

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

@@ -1,24 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import EditorTooltip from "./EditorTooltip";
-import { Dummy_Para } from "../../utils/constants";
-export default {
-    title: "Components/EditorTooltip",
-    component: EditorTooltip,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (_jsx(EditorTooltip, __assign({}, args))); };
-export var _EditorTooltip = Template.bind({});
-_EditorTooltip.args = {
-    title: Dummy_Para,
-};

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-gray-100 rounded-lg p-4 shadow-md hover:bg-gray-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["gray-950"]}/>
-                </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["gray-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,37 +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 { getAppliedColor, iconBackground, IconShape, iconSize } from ".";
-var LUIcon = function (_a) {
-    var _b;
-    var _c = _a.size, size = _c === void 0 ? "md" : _c, icon = _a.icon, _d = _a.variant, variant = _d === void 0 ? "default" : _d, _e = _a.shape, shape = _e === void 0 ? "square" : _e, className = _a.className, color = _a.color, props = __rest(_a, ["size", "icon", "variant", "shape", "className", "color"]);
-    var selectedIcon = iconList.find(function (item) { return item.key === icon; });
-    var paddingIcon = iconBackground[size];
-    var colorClass = variant === "default" ? getAppliedColor(variant, color) : "";
-    var svg = (<svg role="img" data-testid="lu-icon" className={"".concat(iconSize[size], " ").concat(variant !== "padded" ? className : "", " ").concat(colorClass)} 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 : ""}/>
-      </g>
-      <defs>
-        <clipPath id="clip0_9168_14965">
-          <rect width="32" height="32"/>
-        </clipPath>
-      </defs>
-    </svg>);
-    if (variant === "padded") {
-        return (<div className={"inline-flex items-center justify-center ".concat(paddingIcon, " ").concat(shape === "rounded" ? IconShape.rounded : IconShape.square[size], " ").concat(className, " ").concat(getAppliedColor(variant, color))}>
-        {svg}
-      </div>);
-    }
-    return svg;
-};
-export default LUIcon;

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

@@ -1,63 +0,0 @@
-import { iconList } from "../../utils/iconList";
-import LUIcon from "./LUIcon";
-import { iconColor, IconShape, iconSize, iconWithBgColor } from ".";
-export default {
-    title: "Components/Icon",
-    component: LUIcon,
-    tags: ["autodocs"],
-    argTypes: {
-        size: {
-            control: { type: "select" },
-            options: Object.keys(iconSize),
-            description: "Size of the icon",
-        },
-        icon: {
-            control: { type: "select" },
-            options: iconList.map(function (icon) { return icon.key; }),
-            description: "Icon to display",
-        },
-        variant: {
-            control: { type: "select" },
-            options: ["default", "padded"],
-            description: "Type of the icon",
-        },
-        shape: {
-            control: { type: "select" },
-            options: Object.keys(IconShape),
-            description: "Shape of the padded icon",
-            if: { arg: "variant", eq: "padded" },
-        },
-    },
-};
-var Template = function (args) { return <LUIcon {...args}/>; };
-// Default Icon Story
-export var _DefaultIcon = Template.bind({});
-_DefaultIcon.args = {
-    size: "md",
-    icon: iconList[0].key,
-    color: "blue",
-    variant: "default",
-};
-_DefaultIcon.argTypes = {
-    color: {
-        control: { type: "select" },
-        options: Object.keys(iconColor),
-        description: "Text color (no background)",
-    },
-};
-// Padded Icon Story
-export var _PaddedIcon = Template.bind({});
-_PaddedIcon.args = {
-    size: "md",
-    icon: iconList[0].key,
-    variant: "padded",
-    color: "blue",
-    shape: "square",
-};
-_PaddedIcon.argTypes = {
-    color: {
-        control: { type: "select" },
-        options: Object.keys(iconWithBgColor),
-        description: "Background color for padded variant",
-    },
-};

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

@@ -1,56 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import LUIcon from "./LUIcon";
-import { iconList } from "../../utils/iconList";
-import { iconSize } from ".";
-describe("LUIcon Component", function () {
-    it("renders correctly when a valid icon is provided", function () {
-        var props = {
-            size: "xs",
-            icon: iconList[0].key,
-        };
-        render(<LUIcon {...props}/>);
-        // Select the element
-        var singleIconElement = screen.getByTestId("lu-icon");
-        var computedClassName = iconSize[props.size];
-        expect(singleIconElement).toHaveClass(computedClassName);
-        // Assert that the fill class is applied correctly on the <path>
-        var pathElement = screen.getByTestId("lu-path");
-        expect(pathElement).toBeInTheDocument();
-        var selectedIcon = iconList.find(function (icon) { return icon.key === props.icon; });
-        expect(pathElement).toHaveAttribute("d", (selectedIcon === null || selectedIcon === void 0 ? void 0 : selectedIcon.path) || "");
-    });
-    it("renders correctly when an invalid icon is provided", function () {
-        var props = {
-            size: "md",
-            icon: "non-existent-icon", // Invalid icon
-        };
-        render(<LUIcon {...props}/>);
-        var svgElement = screen.getByTestId("lu-icon");
-        expect(svgElement).toBeInTheDocument();
-        var pathElement = screen.getByTestId("lu-path");
-        expect(pathElement).toBeInTheDocument();
-        // Since the icon does not exist, path should be an empty string
-        expect(pathElement).toHaveAttribute("d", "");
-    });
-    it("applies additional className correctly", function () {
-        var props = {
-            size: "lg",
-            icon: iconList[0].key,
-            className: "custom-class",
-        };
-        render(<LUIcon {...props}/>);
-        var singleIconElement = screen.getByTestId("lu-icon");
-        expect(singleIconElement).toHaveClass(iconSize[props.size] || "");
-        expect(singleIconElement).toHaveClass("custom-class");
-    });
-    it("renders correctly when selectedIcon is undefined", function () {
-        var props = {
-            size: "md",
-            icon: "", // Pass an empty string to ensure find() returns undefined
-        };
-        render(<LUIcon {...props}/>);
-        var pathElement = screen.getByTestId("lu-path");
-        expect(pathElement).toBeInTheDocument();
-        expect(pathElement).toHaveAttribute("d", ""); // Expect empty path when selectedIcon is undefined
-    });
-});

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

@@ -1,18 +0,0 @@
-import ImageUploader from "./imageUploader";
-var meta = {
-    title: "Components/ImageUploader",
-    component: ImageUploader,
-    tags: ["autodocs"],
-    argTypes: {
-        onChange: { action: "changed" }, // For logging in the Storybook actions panel
-    },
-};
-export default meta;
-export var Default = {
-    args: {
-        value: null,
-        onChange: function (previewUrl, file) {
-            console.log("Selected file:", file);
-        },
-    },
-};