linkedunion-design-kit 1.11.6 → 1.11.8

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

@@ -1,176 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { TimePicker } from "./TimePicker";
-import { inputVariantConfig } from "../Input/input";
-import { Body } from "../Typography/Body/body";
-import { Label } from "../Label/Label";
-import { Caption } from "../Typography/Caption/caption";
-import Tooltip from "../ToolTip/Tooltip";
-import LUIcon from "../Icons/LUIcon";
-import { Default_TimePicker_Variant, Default_TimePicker_Color, Default_TimePicker_Shape, Default_TimePicker_Size, timePickerMenuStyles, Default_TimePicker_Shadow, } from ".";
-import { useEffect, useState } from "react";
-export default {
-    title: "Components/TimePicker",
-    component: TimePicker,
-    tags: ["autodocs"],
-    argTypes: {
-        variant: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(inputVariantConfig.variant),
-            defaultValue: Default_TimePicker_Variant,
-        },
-        size: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(inputVariantConfig.size),
-            defaultValue: Default_TimePicker_Size,
-        },
-        color: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(inputVariantConfig.color),
-            defaultValue: Default_TimePicker_Color,
-            description: "Color variant of the trigger button",
-            table: {
-                type: { summary: "string" },
-            },
-        },
-        shape: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(inputVariantConfig.shape),
-            defaultValue: Default_TimePicker_Shape,
-            description: "Shape variant of the trigger button (border radius)",
-            table: {
-                type: { summary: "string" },
-            },
-        },
-        time: {
-            control: "text",
-            description: "Time in 24-hour format (HH:MM).",
-            table: {
-                type: { summary: "string" },
-            },
-        },
-        placeholder: {
-            control: "text",
-            defaultValue: "Select time",
-        },
-        disabled: {
-            control: "boolean",
-            defaultValue: false,
-        },
-        shadow: {
-            control: {
-                type: "select",
-            },
-            options: Object.keys(timePickerMenuStyles.shadow),
-            defaultValue: Default_TimePicker_Shadow,
-            description: "Shadow styling for the time picker menu when opened",
-            table: {
-                type: { summary: "string" },
-            },
-        },
-    },
-};
-var Template = function (args) {
-    var _a;
-    var _b = useState((_a = args.time) !== null && _a !== void 0 ? _a : null), time = _b[0], setTime = _b[1];
-    useEffect(function () {
-        var _a;
-        setTime((_a = args.time) !== null && _a !== void 0 ? _a : null);
-    }, [args.time]);
-    return (_jsx("div", { className: "w-full max-w-md", children: _jsx(TimePicker, __assign({}, args, { time: time, onChange: setTime })) }));
-};
-export var Default = Template.bind({});
-Default.args = {
-    placeholder: "Select time",
-    variant: Default_TimePicker_Variant,
-    size: Default_TimePicker_Size,
-};
-export var WithLabel = function () {
-    var _a = useState(), time = _a[0], setTime = _a[1];
-    return (_jsx("div", { className: "w-full max-w-md", children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { variant: "label-lg", children: "Label" }), _jsx(Tooltip, { title: "?", children: _jsx(LUIcon, { variant: "padded", size: "md", shape: "rounded", icon: "question", color: "light-blue" }) })] }), _jsx(TimePicker, { placeholder: "Select time", time: time, onChange: setTime })] }) }));
-};
-export var WithLabelAndCaption = function () {
-    var _a = useState(), time = _a[0], setTime = _a[1];
-    return (_jsx("div", { className: "w-full max-w-md", children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Label, { variant: "label-lg", children: "Label" }), _jsx(Tooltip, { title: "?", children: _jsx(LUIcon, { variant: "padded", size: "md", shape: "rounded", icon: "question", color: "light-blue" }) })] }), _jsx(TimePicker, { placeholder: "Select time", time: time, onChange: setTime }), _jsx(Caption, { variant: "sm", children: "Enter your application/validation/helper content here" })] }) }));
-};
-export var Sizes = function () {
-    var sizes = Object.keys(inputVariantConfig.size);
-    var _a = useState({}), times = _a[0], setTimes = _a[1];
-    var handleTimeChange = function (size, time) {
-        setTimes(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[size] = time, _a)));
-        });
-    };
-    return (_jsx("div", { className: "space-y-4 w-full max-w-md", children: sizes.map(function (size) { return (_jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: size.charAt(0).toUpperCase() + size.slice(1) }), _jsx(TimePicker, { size: size, placeholder: "Select time", time: times[size], onChange: function (time) { return handleTimeChange(size, time); } })] }, size)); }) }));
-};
-export var Variants = function () {
-    var variants = Object.keys(inputVariantConfig.variant);
-    var _a = useState({}), times = _a[0], setTimes = _a[1];
-    var handleTimeChange = function (variant, time) {
-        setTimes(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[variant] = time, _a)));
-        });
-    };
-    return (_jsx("div", { className: "space-y-4 w-full max-w-md", children: variants.map(function (variant) { return (_jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: variant.charAt(0).toUpperCase() + variant.slice(1) }), _jsx(TimePicker, { variant: variant, placeholder: "Select time", time: times[variant], onChange: function (time) { return handleTimeChange(variant, time); } })] }, variant)); }) }));
-};
-export var WithIcons = function () {
-    var _a = useState(), timeStart = _a[0], setTimeStart = _a[1];
-    var _b = useState(), timeBoth = _b[0], setTimeBoth = _b[1];
-    return (_jsxs("div", { className: "space-y-4 w-full max-w-md", children: [_jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: "With Start Icon" }), _jsx(TimePicker, { startIcon: "plus", placeholder: "Select time", time: timeStart, onChange: setTimeStart })] }), _jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: "With Both Icons" }), _jsx(TimePicker, { startIcon: "plus", endIcon: "clock", placeholder: "Select time", time: timeBoth, onChange: setTimeBoth })] })] }));
-};
-export var ValidationStates = function () {
-    var _a = useState(), timeDefault = _a[0], setTimeDefault = _a[1];
-    var _b = useState("14:02"), timeSuccess = _b[0], setTimeSuccess = _b[1];
-    var _c = useState(), timeWarning = _c[0], setTimeWarning = _c[1];
-    var _d = useState(), timeError = _d[0], setTimeError = _d[1];
-    return (_jsxs("div", { className: "space-y-4 w-full max-w-md", children: [_jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: "Default" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { variant: "label-lg", children: "Label" }), _jsx(TimePicker, { placeholder: "Select time", time: timeDefault, onChange: setTimeDefault }), _jsx(Caption, { variant: "sm", children: "Enter your application/validation/helper content here" })] })] }), _jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: "Success" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { variant: "label-lg", children: "Label" }), _jsx(TimePicker, { placeholder: "Select time", color: "success", time: timeSuccess, onChange: setTimeSuccess }), _jsx(Caption, { variant: "sm", children: "Correct time selected" })] })] }), _jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: "Warning" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { variant: "label-lg", children: "Label" }), _jsx(TimePicker, { placeholder: "Select time", color: "warning", time: timeWarning, onChange: setTimeWarning }), _jsx(Caption, { variant: "sm", children: "Please verify the selected time" })] })] }), _jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: "Error" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { variant: "label-lg", children: "Label" }), _jsx(TimePicker, { placeholder: "Select time", color: "danger", time: timeError, onChange: setTimeError }), _jsx(Caption, { variant: "sm", children: "Invalid time selection" })] })] })] }));
-};
-export var Disabled = function () {
-    return (_jsx("div", { className: "w-full max-w-md", children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { variant: "label-lg", children: "Label" }), _jsx(TimePicker, { placeholder: "Select time", disabled: true })] }) }));
-};
-export var Shapes = function () {
-    var shapes = Object.keys(inputVariantConfig.shape);
-    var _a = useState({}), times = _a[0], setTimes = _a[1];
-    var handleTimeChange = function (shape, time) {
-        setTimes(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[shape] = time, _a)));
-        });
-    };
-    return (_jsx("div", { className: "space-y-4 w-full max-w-md", children: shapes.map(function (shape) { return (_jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: shape.charAt(0).toUpperCase() + shape.slice(1) }), _jsx(TimePicker, { shape: shape, placeholder: "Select time", time: times[shape], onChange: function (time) { return handleTimeChange(shape, time); } })] }, shape)); }) }));
-};
-export var Shadows = function () {
-    var shadows = Object.keys(timePickerMenuStyles.shadow);
-    var _a = useState({}), times = _a[0], setTimes = _a[1];
-    var handleTimeChange = function (shadow, time) {
-        setTimes(function (prev) {
-            var _a;
-            return (__assign(__assign({}, prev), (_a = {}, _a[shadow] = time, _a)));
-        });
-    };
-    return (_jsx("div", { className: "space-y-4 w-full max-w-md", children: shadows.map(function (shadow) { return (_jsxs("div", { children: [_jsx(Body, { variant: "body-sm-500", className: "mb-2", children: shadow !== "none" ? "With Shadow" : "Without Shadow" }), _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { variant: "label-lg", children: "Label" }), _jsx(TimePicker, { placeholder: "Select time", shadow: shadow, time: times[shadow], onChange: function (time) { return handleTimeChange(shadow, time); } })] })] }, shadow)); }) }));
-};
-export var PreselectedTime = function () {
-    var _a = useState("14:02"), time = _a[0], setTime = _a[1];
-    return (_jsx("div", { className: "w-full max-w-md", children: _jsxs("div", { className: "flex flex-col gap-1", children: [_jsx(Label, { variant: "label-lg", children: "Label" }), _jsx(TimePicker, { time: time, onChange: setTime }), _jsx(Caption, { variant: "sm", children: "Preselected time: 2:02 PM" })] }) }));
-};

package/dist/src/components/ToolTip/Tooltip.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip as ShadTooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip";
-import { Body } from "../Typography/Body/body";
-var Tooltip = function (_a) {
-    var title = _a.title, className = _a.className, children = _a.children;
-    return (_jsx(TooltipProvider, { children: _jsxs(ShadTooltip, { children: [_jsx(TooltipTrigger, { asChild: true, className: className, children: children }), _jsx(TooltipContent, { children: _jsx(Body, { variant: "body-md", className: "text-center", children: title }) })] }) }));
-};
-export default Tooltip;

package/dist/src/components/Typography/Heading/Heading.stories.js

@@ -1,67 +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, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dummy_Para, Dummy_Title } from "../../../utils/constants";
-import { Heading, variant } from "./heading";
-export default {
-    title: "Components/Typography/Heading",
-    component: Heading,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return _jsx(Heading, __assign({}, args)); };
-export var _Heading = Template.bind({});
-_Heading.args = {
-    children: Dummy_Para,
-    variant: "h2",
-};
-_Heading.argTypes = {
-    variant: {
-        control: { type: "select" },
-        options: Object.keys(variant),
-        description: "Heading Variant",
-        table: {
-            defaultValue: { summary: "h2" },
-            type: { summary: "string" },
-        },
-    },
-};
-// Single story for h1 and all h1 variants
-export var H1Variants = function () { return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Heading, { variant: "h1", children: "".concat(Dummy_Title, " (h1)") }), _jsx(Heading, { variant: "h1-500", children: "".concat(Dummy_Title, " (h1-500)") }), _jsx(Heading, { variant: "h1-600", children: "".concat(Dummy_Title, " (h1-600)") }), _jsx(Heading, { variant: "h1-700", children: "".concat(Dummy_Title, " (h1-700)") })] })); };
-H1Variants.storyName = "H1 & All H1 Variants";
-// Single story for h2 and all h2 variants
-export var H2Variants = function () { return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Heading, { variant: "h2", children: "".concat(Dummy_Title, " (h2)") }), _jsx(Heading, { variant: "h2-500", children: "".concat(Dummy_Title, " (h2-500)") }), _jsx(Heading, { variant: "h2-600", children: "".concat(Dummy_Title, " (h2-600)") }), _jsx(Heading, { variant: "h2-700", children: "".concat(Dummy_Title, " (h2-700)") })] })); };
-H2Variants.storyName = "H2 & All H2 Variants";
-// Single story for h3 and all h3 variants
-export var H3Variants = function () { return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Heading, { variant: "h3", children: "".concat(Dummy_Title, " (h3)") }), _jsx(Heading, { variant: "h3-500", children: "".concat(Dummy_Title, " (h3-500)") }), _jsx(Heading, { variant: "h3-600", children: "".concat(Dummy_Title, " (h3-600)") }), _jsx(Heading, { variant: "h3-700", children: "".concat(Dummy_Title, " (h3-700)") })] })); };
-H3Variants.storyName = "H3 & All H3 Variants";
-// Single story for h4 and all h4 variants
-export var H4Variants = function () { return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Heading, { variant: "h4", children: "".concat(Dummy_Title, " (h4)") }), _jsx(Heading, { variant: "h4-500", children: "".concat(Dummy_Title, " (h4-500)") }), _jsx(Heading, { variant: "h4-600", children: "".concat(Dummy_Title, " (h4-600)") }), _jsx(Heading, { variant: "h4-700", children: "".concat(Dummy_Title, " (h4-700)") })] })); };
-H4Variants.storyName = "H4 & All H4 Variants";
-// Single story for h5 and all h5 variants
-export var H5Variants = function () { return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Heading, { variant: "h5", children: "".concat(Dummy_Title, " (h5)") }), _jsx(Heading, { variant: "h5-500", children: "".concat(Dummy_Title, " (h5-500)") }), _jsx(Heading, { variant: "h5-600", children: "".concat(Dummy_Title, " (h5-600)") }), _jsx(Heading, { variant: "h5-700", children: "".concat(Dummy_Title, " (h5-700)") })] })); };
-H5Variants.storyName = "H5 & All H5 Variants";
-// Single story for h6 and all h6 variants
-export var H6Variants = function () { return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Heading, { variant: "h6", children: "".concat(Dummy_Title, " (h6)") }), _jsx(Heading, { variant: "h6-500", children: "".concat(Dummy_Title, " (h6-500)") }), _jsx(Heading, { variant: "h6-600", children: "".concat(Dummy_Title, " (h6-600)") }), _jsx(Heading, { variant: "h6-700", children: "".concat(Dummy_Title, " (h6-700)") })] })); };
-H6Variants.storyName = "H6 & All H6 Variants";
-export var WithCustomClassName = Template.bind({});
-WithCustomClassName.args = {
-    children: "Heading with custom className (red text)",
-    variant: "h2",
-    className: "text-red-500 underline",
-};
-WithCustomClassName.parameters = {
-    docs: {
-        description: {
-            story: "Demonstrates the usage of the className prop to apply custom styles.",
-        },
-    },
-};

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

@@ -1,100 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tabs, TabsContent, TabsList, tabSizes, TabsTrigger, TabsHeading, } from "./VerticalTabs";
-import LUIcon from "../Icons/LUIcon";
-import { Badge } from "../Badge/Badge";
-export default {
-    title: "Components/VerticalTabs",
-    component: Tabs,
-    tags: ["autodocs"],
-    argTypes: {
-        children: {
-            description: "Pass `TabList` components as children. Each item includes an `TabsTrigger` (the clickable label) and `TabsContent`. You can customize both with any valid React nodes \n\nFor more details and usage examples, refer to the [ShadCN Tabs documentation](https://ui.shadcn.com/docs/components/tabs).",
-            table: {
-                type: { summary: "React.ReactNode" },
-            },
-        },
-        heading: {
-            description: "Optional heading displayed at the top of the Tabs.",
-            table: {
-                type: { summary: "string" },
-            },
-        },
-        size: {
-            control: { type: "select" },
-            options: Object.keys(tabSizes),
-            description: "Size of the Tabs component",
-            table: {
-                type: { summary: Object.keys(tabSizes).join(" | ") },
-                defaultValue: { summary: "md" },
-            },
-        },
-    },
-};
-var Template = function (args) { return (_jsxs(Tabs, { defaultValue: "account", size: args.size, children: [args.heading && _jsx(TabsHeading, { children: args.heading }), _jsx(TabsList, { children: args.triggers }), _jsx(TabsContent, { value: "account", children: "Account Settings" }), _jsx(TabsContent, { value: "password", children: "Change Password" })] })); };
-export var _VerticalTabs = Template.bind({});
-_VerticalTabs.args = {
-    heading: "Tab Title",
-    triggers: [
-        _jsx(TabsTrigger, { value: "account", children: "Account" }, "account"),
-        _jsx(TabsTrigger, { value: "password", children: "Password" }, "password"),
-    ],
-    size: "md",
-};
-export var VerticalTabsSmall = Template.bind({});
-VerticalTabsSmall.args = {
-    heading: "Sm Tabs",
-    triggers: [
-        _jsx(TabsTrigger, { value: "account", children: "Account" }, "account"),
-        _jsx(TabsTrigger, { value: "password", children: "Password" }, "password"),
-    ],
-    size: "sm",
-};
-export var VerticalTabsMedium = Template.bind({});
-VerticalTabsMedium.args = {
-    heading: "Md Tabs",
-    triggers: [
-        _jsx(TabsTrigger, { value: "account", children: "Account" }, "account"),
-        _jsx(TabsTrigger, { value: "password", children: "Password" }, "password"),
-    ],
-    size: "md",
-};
-export var VerticalTabsLarge = Template.bind({});
-VerticalTabsLarge.args = {
-    heading: "Lg Tabs",
-    triggers: [
-        _jsx(TabsTrigger, { value: "account", children: "Account" }, "account"),
-        _jsx(TabsTrigger, { value: "password", children: "Password" }, "password"),
-    ],
-    size: "lg",
-};
-export var VerticalTabsWithoutHeading = Template.bind({});
-VerticalTabsWithoutHeading.args = {
-    triggers: [
-        _jsxs(TabsTrigger, { value: "account", children: [_jsx(LUIcon, { icon: "user", size: "md", className: "mr-1" }), "Account"] }, "account"),
-        _jsxs(TabsTrigger, { value: "password", children: [_jsx(LUIcon, { icon: "lock", size: "md", className: "mr-1" }), "Password"] }, "password"),
-    ],
-};
-export var VerticalTabsWithIcon = Template.bind({});
-VerticalTabsWithIcon.args = {
-    heading: "Tab Title",
-    triggers: [
-        _jsxs(TabsTrigger, { value: "account", children: [_jsx(LUIcon, { icon: "user", size: "md", className: "mr-1" }), "Account"] }, "account"),
-        _jsxs(TabsTrigger, { value: "password", children: [_jsx(LUIcon, { icon: "lock", size: "md", className: "mr-1" }), "Password"] }, "password"),
-    ],
-};
-export var VerticalTabsWithBadge = Template.bind({});
-VerticalTabsWithBadge.args = {
-    heading: "Tab Title",
-    triggers: [
-        _jsxs(TabsTrigger, { value: "account", children: ["Account", _jsx(Badge, { size: "sm", color: "gray", className: "ms-auto", children: "03" })] }, "account"),
-        _jsxs(TabsTrigger, { value: "password", children: ["Password", _jsx(Badge, { size: "sm", color: "gray", className: "ms-auto", children: "01" })] }, "password"),
-    ],
-};
-export var VerticalTabsWithIconAndBadge = Template.bind({});
-VerticalTabsWithIconAndBadge.args = {
-    heading: "Tab Title",
-    triggers: [
-        _jsxs(TabsTrigger, { value: "account", children: [_jsx(LUIcon, { icon: "user", size: "md", className: "mr-1" }), "Account", _jsx(Badge, { size: "sm", color: "gray", className: "ms-auto", children: "03" })] }, "account"),
-        _jsxs(TabsTrigger, { value: "password", children: [_jsx(LUIcon, { icon: "lock", size: "md", className: "mr-1" }), "Password", _jsx(Badge, { size: "sm", color: "gray", className: "ms-auto", children: "01" })] }, "password"),
-    ],
-};

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

@@ -1,48 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { render, screen } from "@testing-library/react";
-import { Tabs, TabsList, TabsTrigger, TabsContent, TabsHeading, tabSizes, } from "./VerticalTabs";
-var Dummy_label = "Account";
-describe("VerticalTabs Component", function () {
-    it("renders Tabs with TabsHeading", function () {
-        render(_jsxs(Tabs, { defaultValue: "account", children: [_jsx(TabsHeading, { children: "Test Heading" }), _jsx(TabsList, { children: _jsx(TabsTrigger, { value: "account", children: Dummy_label }) }), _jsx(TabsContent, { value: "account", children: "Account Settings" })] }));
-        expect(screen.getByText("Test Heading")).toBeInTheDocument();
-    });
-    it("renders TabsHeading with children", function () {
-        render(_jsx(TabsHeading, { children: "Custom Heading" }));
-        expect(screen.getByText("Custom Heading")).toBeInTheDocument();
-    });
-    it("renders Tabs with different sizes", function () {
-        Object.keys(tabSizes).forEach(function (size) {
-            render(_jsxs(Tabs, { defaultValue: "account", size: size, children: [_jsxs(TabsHeading, { children: [size, " Tabs"] }), _jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "account", children: "Account" }), _jsx(TabsTrigger, { value: "password", children: "Password" })] }), _jsx(TabsContent, { value: "account", children: "Account Settings" }), _jsx(TabsContent, { value: "password", children: "Change Password" })] }));
-            expect(screen.getByText("".concat(size, " Tabs"))).toBeInTheDocument();
-        });
-    });
-    it("renders TabsList and TabsTrigger", function () {
-        render(_jsxs(Tabs, { defaultValue: "account", children: [_jsx(TabsList, { children: _jsx(TabsTrigger, { value: "account", children: Dummy_label }) }), _jsx(TabsContent, { value: "account", children: "Account Settings" })] }));
-        expect(screen.getByText(Dummy_label)).toBeInTheDocument();
-    });
-    it("renders TabsContent when trigger is active", function () {
-        render(_jsxs(Tabs, { defaultValue: "account", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "account", children: Dummy_label }), _jsx(TabsTrigger, { value: "password", children: "Password" })] }), _jsx(TabsContent, { value: "account", children: "Account Settings" }), _jsx(TabsContent, { value: "password", children: "Change Password" })] }));
-        expect(screen.getByText("Account Settings")).toBeInTheDocument();
-        expect(screen.queryByText("Change Password")).not.toBeInTheDocument();
-    });
-    it("renders without heading prop", function () {
-        render(_jsxs(Tabs, { defaultValue: "account", children: [_jsx(TabsList, { children: _jsx(TabsTrigger, { value: "account", children: Dummy_label }) }), _jsx(TabsContent, { value: "account", children: "Account Settings" })] }));
-        expect(screen.queryByText("Test Heading")).not.toBeInTheDocument();
-    });
-    it("renders only active tab content", function () {
-        render(_jsxs(Tabs, { defaultValue: "account", children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "account", children: "Account" }), _jsx(TabsTrigger, { value: "password", children: "Password" })] }), _jsx(TabsContent, { value: "account", children: "Account Settings" }), _jsx(TabsContent, { value: "password", children: "Change Password" })] }));
-        expect(screen.getByText("Account Settings")).toBeInTheDocument();
-        expect(screen.queryByText("Change Password")).not.toBeInTheDocument();
-    });
-    it("applies additional className to TabsTrigger", function () {
-        render(_jsxs(Tabs, { defaultValue: "account", children: [_jsx(TabsList, { children: _jsx(TabsTrigger, { value: "account", className: "custom-class", children: Dummy_label }) }), _jsx(TabsContent, { value: "account", children: "Account Settings" })] }));
-        var trigger = screen.getByText(Dummy_label);
-        expect(trigger).toHaveClass("custom-class");
-    });
-    it("renders correctly without a className prop", function () {
-        render(_jsxs(Tabs, { defaultValue: "account", children: [_jsx(TabsList, { children: _jsx(TabsTrigger, { value: "account", children: Dummy_label }) }), _jsx(TabsContent, { value: "account", children: "Account Settings" })] }));
-        var trigger = screen.getByText(Dummy_label);
-        expect(trigger.className).not.toMatch(/custom-class/);
-    });
-});

package/dist/src/components/ui/command.js

@@ -1,65 +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);
-};
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Command as CommandPrimitive } from "cmdk";
-import { cn } from "../../lib/utils";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from "../../components/Dropdown/Combobox/dialog";
-import LUIcon from "../Icons/LUIcon";
-import { comboboxSizes, searchIconSizeMap } from "../Dropdown/Combobox";
-function Command(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(CommandPrimitive, __assign({ "data-slot": "command", className: cn("bg-white text-gray-900 !p-2 flex flex-col gap-2 overflow-hidden rounded-sm shadow-lg", className) }, props)));
-}
-function CommandDialog(_a) {
-    var _b = _a.title, title = _b === void 0 ? "Command Palette" : _b, _c = _a.description, description = _c === void 0 ? "Search for a command to run..." : _c, children = _a.children, className = _a.className, _d = _a.showCloseButton, showCloseButton = _d === void 0 ? true : _d, props = __rest(_a, ["title", "description", "children", "className", "showCloseButton"]);
-    return (_jsxs(Dialog, __assign({}, props, { children: [_jsxs(DialogHeader, { className: "sr-only", children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { children: description })] }), _jsx(DialogContent, { className: cn("overflow-hidden p-0", className), showCloseButton: showCloseButton, children: _jsx(Command, { className: "[&_[cmdk-group-heading]]:text-muted-foreground [&_[data-slot=command-input-wrapper]]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children: children }) })] })));
-}
-function CommandInput(_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "size"]);
-    return (_jsxs("div", { "data-slot": "command-input-wrapper", className: cn("flex items-center gap-2 border border-gray-200 rounded-sm font-normal !leading-normal !px-4 !py-3 ".concat(comboboxSizes[size]), className), children: [_jsx(LUIcon, { icon: "magnifying-glass", size: searchIconSizeMap[size] }), _jsx(CommandPrimitive.Input, __assign({ "data-slot": "command-input", className: cn("placeholder:text-gray-400 flex outline-hidden disabled:cursor-not-allowed disabled:opacity-50") }, props))] }));
-}
-function CommandList(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(CommandPrimitive.List, __assign({ "data-slot": "command-list", className: cn("scroll-py-1 overflow-x-hidden overflow-y-auto scrollbar-width-none [&::-webkit-scrollbar]:hidden max-h-[200px] sm:max-h-[320px]", className) }, props)));
-}
-function CommandEmpty(_a) {
-    var props = __rest(_a, []);
-    return (_jsx(CommandPrimitive.Empty, __assign({ "data-slot": "command-empty", className: "py-6 text-center text-sm" }, props)));
-}
-function CommandGroup(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(CommandPrimitive.Group, __assign({ "data-slot": "command-group", className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className) }, props)));
-}
-function CommandSeparator(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(CommandPrimitive.Separator, __assign({ "data-slot": "command-separator", className: cn("bg-border -mx-1 h-px", className) }, props)));
-}
-function CommandItem(_a) {
-    var className = _a.className, _b = _a.size, size = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "size"]);
-    return (_jsx(CommandPrimitive.Item, __assign({ "data-slot": "command-item", className: cn("hover:bg-blue-50 hover:text-gray-900 relative flex cursor-default items-center gap-2 !px-4 !py-3 outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 font-normal !leading-normal ".concat(comboboxSizes[size]), className) }, props)));
-}
-function CommandShortcut(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx("span", __assign({ "data-slot": "command-shortcut", className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className) }, props)));
-}
-export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/src/components/ui/popover.js

@@ -1,42 +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);
-};
-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 { jsx as _jsx } from "react/jsx-runtime";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { cn } from "../../lib/utils";
-function Popover(_a) {
-    var props = __rest(_a, []);
-    return _jsx(PopoverPrimitive.Root, __assign({ "data-slot": "popover" }, props));
-}
-function PopoverTrigger(_a) {
-    var props = __rest(_a, []);
-    return _jsx(PopoverPrimitive.Trigger, __assign({ "data-slot": "popover-trigger" }, props));
-}
-function PopoverContent(_a) {
-    var className = _a.className, _b = _a.align, align = _b === void 0 ? "center" : _b, _c = _a.sideOffset, sideOffset = _c === void 0 ? 4 : _c, props = __rest(_a, ["className", "align", "sideOffset"]);
-    return (_jsx(PopoverPrimitive.Portal, { children: _jsx(PopoverPrimitive.Content, __assign({ "data-slot": "popover-content", align: align, sideOffset: sideOffset, className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-(--radix-popover-content-transform-origin) outline-hidden", className) }, props)) }));
-}
-function PopoverAnchor(_a) {
-    var props = __rest(_a, []);
-    return _jsx(PopoverPrimitive.Anchor, __assign({ "data-slot": "popover-anchor" }, props));
-}
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/src/components/ui/tooltip.js

@@ -1,42 +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);
-};
-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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { cn } from "../../lib/utils";
-function TooltipProvider(_a) {
-    var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
-    return (_jsx(TooltipPrimitive.Provider, __assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
-}
-function Tooltip(_a) {
-    var props = __rest(_a, []);
-    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, __assign({ "data-slot": "tooltip" }, props)) }));
-}
-function TooltipTrigger(_a) {
-    var props = __rest(_a, []);
-    return _jsx(TooltipPrimitive.Trigger, __assign({ "data-slot": "tooltip-trigger" }, props));
-}
-function TooltipContent(_a) {
-    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
-    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, __assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("!bg-primary !text-primary-foreground animate-in fade-in-0 !zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 !w-fit origin-(--radix-tooltip-content-transform-origin) !rounded-md !px-3 !py-1.5 !text-xs !text-balance", className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "!bg-primary !fill-primary z-50 !size-3 translate-y-[calc(-50%_-_2px)] rotate-45 !rounded-[2px]" })] })) }));
-}
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };