linkedunion-design-kit 1.7.4 → 1.7.5

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

@@ -1,40 +0,0 @@
-import { RadioButton } from "./radio-button";
-import { Label } from "../Label/Label";
-var meta = {
-    title: "Components/RadioButton",
-    component: RadioButton,
-    tags: ["autodocs"],
-    args: {
-        id: "radio-example",
-        name: "example",
-        value: "option1",
-    },
-};
-export default meta;
-//Basic Radio (no label)
-export var Default = {
-    args: {
-        checked: true,
-    },
-};
-//With Label wrapping the radio
-export var WithLabel = {
-    render: function (args) { return (<Label htmlFor="radio-with-label">
-      <RadioButton {...args} id="radio-with-label"/>
-      Upload a Video
-    </Label>); },
-};
-//Disabled
-export var Disabled = {
-    render: function (args) { return (<Label htmlFor="radio-disabled">
-      <RadioButton {...args} id="radio-disabled" disabled/>
-      Disabled Option
-    </Label>); },
-};
-//Checked by default
-export var Checked = {
-    render: function (args) { return (<Label htmlFor="radio-checked">
-      <RadioButton {...args} id="radio-checked" checked/>
-      Pre-selected
-    </Label>); },
-};

package/dist/src/components/RadioButton/radio-button.jsx

@@ -1,29 +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 * as React from "react";
-import { cn } from "../../lib/utils";
-var RadioButton = React.forwardRef(function (_a, ref) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (<input ref={ref} type="radio" className={cn(
-        // Size and shape
-        "size-4 shrink-0 rounded-full border", 
-        // Unchecked state
-        "border-gray-400", 
-        // Checked state
-        "checked:border-blue-600 checked:bg-blue-600", 
-        // Smooth transition
-        "transition-all duration-150 ease-in-out", 
-        // Disabled state
-        "disabled:cursor-not-allowed disabled:opacity-50", className)} {...props}/>);
-});
-RadioButton.displayName = "RadioButton";
-export { RadioButton };

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

@@ -1,159 +0,0 @@
-import { Slider } from "./slider";
-var meta = {
-    title: "Components/Slider",
-    component: Slider,
-    tags: ["autodocs"],
-    parameters: {
-        docs: {
-            description: {
-                component: "Slider component that allows users to select a value or range by dragging a handle along a track.",
-            },
-        },
-        controls: {
-            expanded: true,
-            sort: "requiredFirst",
-            hideNoControlsWarning: true,
-        },
-    },
-    args: {
-        // Default values for the slider
-        min: 0,
-        max: 100,
-        step: 1,
-        orientation: "horizontal",
-    },
-    argTypes: {
-        min: {
-            control: { type: "number" },
-            description: "The minimum value of the slider",
-            defaultValue: 0,
-            table: {
-                defaultValue: { summary: "0" },
-                type: { summary: "number" },
-            },
-        },
-        max: {
-            control: { type: "number" },
-            description: "The maximum value of the slider",
-            defaultValue: 100,
-            table: {
-                defaultValue: { summary: "100" },
-                type: { summary: "number" },
-            },
-        },
-        step: {
-            control: { type: "number" },
-            description: "The step increment value for the slider",
-            defaultValue: 1,
-            table: {
-                defaultValue: { summary: "1" },
-                type: { summary: "number" },
-            },
-        },
-        value: {
-            control: { type: "object" },
-            description: "The controlled value of the slider (for controlled components)",
-            table: {
-                defaultValue: { summary: "undefined" },
-                type: { summary: "number[]" },
-            },
-        },
-        defaultValue: {
-            control: { type: "object" },
-            description: "The default value of the slider (for uncontrolled components)",
-            table: {
-                defaultValue: { summary: "[min, max]" },
-                type: { summary: "number[]" },
-            },
-        },
-        orientation: {
-            control: { type: "radio" },
-            options: ["horizontal", "vertical"],
-            description: "The orientation of the slider",
-            defaultValue: "horizontal",
-            table: {
-                defaultValue: { summary: "horizontal" },
-                type: { summary: "string" },
-            },
-        },
-        disabled: {
-            control: { type: "boolean" },
-            description: "Whether the slider is disabled",
-            defaultValue: false,
-            table: {
-                defaultValue: { summary: "false" },
-                type: { summary: "boolean" },
-            },
-        },
-        onValueChange: {
-            action: "valueChanged",
-            description: "Callback function called when the value changes",
-            table: {
-                category: "Events",
-            },
-        },
-    },
-};
-export default meta;
-// Basic single value slider
-export var Default = {
-    args: {
-        defaultValue: [50],
-    },
-};
-// Slider with predefined value
-export var PresetValue = {
-    args: {
-        value: [40],
-    },
-};
-// Range slider with two thumbs
-export var Range = {
-    args: {
-        defaultValue: [25, 75],
-    },
-};
-// Slider with custom step
-export var CustomStep = {
-    args: {
-        defaultValue: [50],
-        step: 10,
-    },
-};
-// Disabled slider
-export var Disabled = {
-    args: {
-        defaultValue: [50],
-        disabled: true,
-    },
-};
-// Vertical orientation
-export var VerticalSlider = {
-    args: {
-        defaultValue: [50],
-        orientation: "vertical",
-    },
-    parameters: {
-        docs: {
-            description: {
-                story: "A slider with vertical orientation. Note that you may need to set a height on the container.",
-            },
-        },
-    },
-};
-// Vertical range slider
-export var VerticalRange = {
-    args: {
-        defaultValue: [25, 75],
-        orientation: "vertical",
-    },
-};
-// Custom range slider
-export var CustomRange = {
-    args: {
-        min: 100,
-        max: 1000,
-        defaultValue: [400, 700],
-        step: 100,
-    },
-};

package/dist/src/components/Slider/slider.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 * as React from "react";
-import * as SliderPrimitive from "@radix-ui/react-slider";
-import { cn } from "../../lib/utils";
-function Slider(_a) {
-    var className = _a.className, defaultValue = _a.defaultValue, value = _a.value, _b = _a.min, min = _b === void 0 ? 0 : _b, _c = _a.max, max = _c === void 0 ? 100 : _c, props = __rest(_a, ["className", "defaultValue", "value", "min", "max"]);
-    var _values = React.useMemo(function () {
-        return Array.isArray(value)
-            ? value
-            : Array.isArray(defaultValue)
-                ? defaultValue
-                : [min, max];
-    }, [value, defaultValue, min, max]);
-    return (<SliderPrimitive.Root data-slot="slider" defaultValue={defaultValue} value={value} min={min} max={max} className={cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className)} {...props}>
-      <SliderPrimitive.Track data-slot="slider-track" className={cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5")}>
-        <SliderPrimitive.Range data-slot="slider-range" className={cn("bg-blue-600 absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")}/>
-      </SliderPrimitive.Track>
-      {Array.from({ length: _values.length }, function (_, index) { return (<SliderPrimitive.Thumb data-slot="slider-thumb" key={index} className="border-blue-600 bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"/>); })}
-    </SliderPrimitive.Root>);
-}
-export { Slider };

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

@@ -1,66 +0,0 @@
-import { size, Switch, variant } from "../ui/switch";
-export default {
-    title: "Components/Switch",
-    component: Switch,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return <Switch {...args}></Switch>; };
-export var _Switch = Template.bind({});
-_Switch.args = {
-    size: "md",
-    variant: "default",
-    defaultChecked: false,
-    onCheckedChange: function (checked) {
-        return console.log("Switch is ".concat(checked ? "on" : "off"));
-    },
-};
-_Switch.argTypes = {
-    variant: {
-        control: { type: "select" },
-        options: Object.keys(variant),
-        description: "Switch variant",
-        table: {
-            defaultValue: { summary: "default" },
-            type: { summary: "string" },
-        },
-    },
-    size: {
-        control: { type: "select" },
-        options: Object.keys(size),
-        description: "Switch size",
-        table: {
-            defaultValue: { summary: "md" },
-            type: { summary: "string" },
-        },
-    },
-    defaultChecked: {
-        control: { type: "boolean" },
-        description: "Initial checked state for uncontrolled switch",
-        table: {
-            defaultValue: { summary: "false" },
-            type: { summary: "boolean" },
-        },
-    },
-    checked: {
-        control: { type: "boolean" },
-        description: "Controlled checked state (e.g., checked={field.value} for form libraries)",
-        table: {
-            type: { summary: "boolean" },
-        },
-    },
-    onCheckedChange: {
-        action: "checked changed",
-        description: "Callback function when switch state changes",
-        table: {
-            type: { summary: "(checked: boolean) => void" },
-        },
-    },
-    disabled: {
-        control: { type: "boolean" },
-        description: "Disables the switch",
-        table: {
-            defaultValue: { summary: "false" },
-            type: { summary: "boolean" },
-        },
-    },
-};

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

@@ -1,29 +0,0 @@
-import React from "react";
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "../ui/tabs";
-export default {
-    title: "Components/Tabs",
-    component: Tabs,
-    tags: ["autodocs"],
-};
-var Template = function (args) {
-    return <>{args.children}</>;
-};
-export var _Tabs = Template.bind({});
-_Tabs.args = {
-    children: (<Tabs defaultValue="account">
-      <TabsList>
-        <TabsTrigger value="account">Account</TabsTrigger>
-        <TabsTrigger value="password">Password</TabsTrigger>
-      </TabsList>
-      <TabsContent value="account">Account Settings</TabsContent>
-      <TabsContent value="password">Change Password</TabsContent>
-    </Tabs>),
-};
-_Tabs.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" },
-        },
-    },
-};

package/dist/src/components/Title/Title.jsx

@@ -1,8 +0,0 @@
-import React from "react";
-import { Dummy_Title } from "../../utils/constants";
-import TitleStyles from "./Title.module.css";
-var Title = function (_a) {
-    var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.children, children = _c === void 0 ? Dummy_Title : _c;
-    return (<h2 className={"".concat(TitleStyles["main-title"], " ").concat(className)}>{children}</h2>);
-};
-export default Title;

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

@@ -1,37 +0,0 @@
-import { Dummy_Title } from "../../utils/constants";
-import Title from "./Title";
-export default {
-    title: "Components/Title",
-    component: Title,
-    parameters: {
-        docs: {
-            description: {
-                component: "A configurable body text component with design system-approved styling variants",
-            },
-        },
-    },
-    argTypes: {
-        className: {
-            description: "Additional CSS classes",
-            control: "text",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "" },
-            },
-        },
-        children: {
-            description: "Text to be displayed",
-            control: "text",
-            table: {
-                type: { summary: "string" },
-                defaultValue: { summary: "Title" },
-            },
-        },
-    },
-};
-var Template = function (args) { return <Title {...args}/>; };
-export var _Title = Template.bind({});
-_Title.args = {
-    children: Dummy_Title,
-    className: "",
-};

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

@@ -1,24 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { Dummy_Title } from "../../utils/constants";
-import Title from "./Title";
-describe("Title Component", function () {
-    it("renders with default props", function () {
-        render(<Title />);
-        expect(screen.getByText(Dummy_Title)).toBeInTheDocument();
-    });
-    it("renders with custom children", function () {
-        var customText = "Custom Title";
-        render(<Title>{customText}</Title>);
-        expect(screen.getByText(customText)).toBeInTheDocument();
-    });
-    it("applies custom className", function () {
-        var customClass = "custom-class";
-        render(<Title className={customClass}/>);
-        var titleElement = screen.getByText(Dummy_Title);
-        expect(titleElement).toHaveClass("main-title custom-class");
-    });
-    it("renders without crashing", function () {
-        var container = render(<Title />).container;
-        expect(container).toBeDefined();
-    });
-});

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

@@ -1,18 +0,0 @@
-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 (<TooltipProvider>
-      <ShadTooltip>
-        <TooltipTrigger asChild className={className}>
-          {children}
-        </TooltipTrigger>
-        <TooltipContent>
-          <Body variant="body-md" className="text-center">
-            {title}
-          </Body>
-        </TooltipContent>
-      </ShadTooltip>
-    </TooltipProvider>);
-};
-export default Tooltip;

package/dist/src/components/ToolTip/Tooltip.stories.jsx

@@ -1,25 +0,0 @@
-import Tooltip from "./Tooltip";
-import { IconButton } from "../Button/IconButton";
-export default {
-    title: "Components/Tooltip",
-    component: Tooltip,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (<Tooltip {...args}></Tooltip>); };
-export var _ToolTip = Template.bind({});
-_ToolTip.args = {
-    children: <IconButton icon="volume-high" shape="rounded-full"/>,
-    title: "Tooltip",
-};
-_ToolTip.argTypes = {
-    children: {
-        description: "React component to be wrapped",
-        control: false,
-        table: {
-            type: { summary: "string" },
-            defaultValue: {
-                summary: '<IconButton icon={<LUIcon icon="volume-high" size="sm"/>} shape="rounded-full"/>',
-            },
-        },
-    },
-};

package/dist/src/components/Typography/Body/Body.stories.jsx

@@ -1,34 +0,0 @@
-import { Dummy_Para } from "../../../utils/constants";
-import { Body, variant } from "../../../components/Typography/Body/body";
-export default {
-    title: "Components/Typography/Body",
-    component: Body,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return <Body {...args}></Body>; };
-export var _Body = Template.bind({});
-_Body.args = {
-    children: Dummy_Para,
-    variant: "body-base",
-    as: "p",
-};
-_Body.argTypes = {
-    variant: {
-        control: { type: "select" },
-        options: Object.keys(variant),
-        description: "Body Variant",
-        table: {
-            defaultValue: { summary: "body-base" },
-            type: { summary: "string" },
-        },
-    },
-    as: {
-        control: { type: "select" },
-        options: ["p", "span"],
-        description: "HTML tag to render",
-        table: {
-            defaultValue: { summary: "p" },
-            type: { summary: '"p" | "span"' },
-        },
-    },
-};

package/dist/src/components/Typography/Body/body.jsx

@@ -1,52 +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 * as React from "react";
-import { cva } from "class-variance-authority";
-import { cn } from "../../../lib/utils";
-export var variant = {
-    "body-xl": "text-xl font-normal",
-    "body-xl-500": "text-xl font-medium",
-    "body-xl-600": "text-xl font-semibold",
-    "body-xl-700": "text-xl font-bold",
-    "body-lg": "text-lg font-normal",
-    "body-lg-500": "text-lg font-medium",
-    "body-lg-600": "text-lg font-semibold",
-    "body-lg-700": "text-lg font-bold",
-    "body-md": "text-base font-normal",
-    "body-md-500": "text-base font-medium",
-    "body-md-600": "text-base font-semibold",
-    "body-md-700": "text-base font-bold",
-    "body-sm": "text-sm font-normal",
-    "body-sm-500": "text-sm font-medium",
-    "body-sm-600": "text-sm font-semibold",
-    "body-sm-700": "text-sm font-bold",
-    "body-xs": "text-xs font-normal",
-    "body-xs-500": "text-xs font-medium",
-    "body-xs-600": "text-xs font-semibold",
-    "body-xs-700": "text-xs font-bold",
-};
-var bodyVariants = cva("!leading-normal m-0", {
-    variants: {
-        variant: variant,
-    },
-    defaultVariants: {
-        variant: "body-md",
-    },
-});
-function Body(_a) {
-    var as = _a.as, className = _a.className, variant = _a.variant, children = _a.children, props = __rest(_a, ["as", "className", "variant", "children"]);
-    var Tag = as || "p";
-    return (<Tag className={cn(bodyVariants({ variant: variant }), className)} {...props}>
-      {children}
-    </Tag>);
-}
-export { Body, bodyVariants };

package/dist/src/components/Typography/Caption/Caption.stories.jsx

@@ -1,24 +0,0 @@
-import { Dummy_Para } from "../../../utils/constants";
-import { Caption, variantClasses } from "../../../components/ui/caption";
-export default {
-    title: "Components/Typography/Caption",
-    component: Caption,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return <Caption {...args}></Caption>; };
-export var _Caption = Template.bind({});
-_Caption.args = {
-    children: Dummy_Para,
-    variant: "md",
-};
-_Caption.argTypes = {
-    variant: {
-        control: { type: "select" },
-        options: Object.keys(variantClasses),
-        description: "Caption Variant",
-        table: {
-            defaultValue: { summary: "md" },
-            type: { summary: "string" },
-        },
-    },
-};

package/dist/src/components/Typography/Display/Display.stories.jsx

@@ -1,24 +0,0 @@
-import { Dummy_Para } from "../../../utils/constants";
-import { Display, variant } from "../../../components/Typography/Display/display";
-export default {
-    title: "Components/Typography/Display",
-    component: Display,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return <Display {...args}></Display>; };
-export var _Display = Template.bind({});
-_Display.args = {
-    children: Dummy_Para,
-    variant: "display-md",
-};
-_Display.argTypes = {
-    variant: {
-        control: { type: "select" },
-        options: Object.keys(variant),
-        description: "Display Variant",
-        table: {
-            defaultValue: { summary: "display-md" },
-            type: { summary: "string" },
-        },
-    },
-};

package/dist/src/components/Typography/Display/display.jsx

@@ -1,39 +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 * as React from "react";
-import { cva } from "class-variance-authority";
-import { cn } from "../../../lib/utils";
-export var variant = {
-    "display-lg": "text-7xl font-bold",
-    "display-md": "text-6xl font-bold",
-    "display-sm": "text-5xl font-bold",
-};
-var displayVariants = cva("!leading-normal", // Default base class
-{
-    variants: {
-        variant: variant,
-    },
-    defaultVariants: {
-        variant: "display-md",
-    },
-});
-function Display(_a) {
-    var className = _a.className, variant = _a.variant, children = _a.children, props = __rest(_a, ["className", "variant", "children"]);
-    var Tag = "div";
-    if (variant === null || variant === void 0 ? void 0 : variant.startsWith("display")) {
-        Tag = "div";
-    }
-    return (<Tag className={cn(displayVariants({ variant: variant, className: className }))} {...props}>
-      {children}
-    </Tag>);
-}
-export { Display, displayVariants };