linkedunion-design-kit 1.7.3 → 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,30 +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;
-};
-// components/ui/radio-button.tsx
-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/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 };

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

@@ -1,24 +0,0 @@
-import { Dummy_Para } from "../../../utils/constants";
-import { Heading, variant } from "./heading";
-export default {
-    title: "Components/Typography/Heading",
-    component: Heading,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return <Heading {...args}></Heading>; };
-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" },
-        },
-    },
-};

package/dist/src/components/Typography/Heading/heading.jsx

@@ -1,60 +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 = {
-    h1: "text-5xl font-normal",
-    "h1-500": "!text-5xl !font-medium",
-    "h1-600": "!text-5xl !font-semibold",
-    "h1-700": "!text-5xl !font-bold",
-    h2: "text-4xl font-normal",
-    "h2-500": "!text-4xl !font-medium",
-    "h2-600": "!text-4xl !font-semibold",
-    "h2-700": "!text-4xl !font-bold",
-    h3: "text-3xl font-normal",
-    "h3-500": "!text-3xl !font-medium",
-    "h3-600": "!text-3xl !font-semibold",
-    "h3-700": "!text-3xl !font-bold",
-    h4: "text-2xl font-normal",
-    "h4-500": "!text-2xl !font-medium",
-    "h4-600": "!text-2xl !font-semibold",
-    "h4-700": "!text-2xl !font-bold",
-    h5: "text-xl font-normal",
-    "h5-500": "!text-xl !font-medium",
-    "h5-600": "!text-xl !font-semibold",
-    "h5-700": "!text-xl !font-bold",
-    h6: "!text-lg !font-normal",
-    "h6-500": "!text-lg !font-medium",
-    "h6-600": "!text-lg !font-semibold",
-    "h6-700": "!text-lg !font-bold",
-};
-var headingVariants = cva("!leading-normal", // Default base class
-{
-    variants: {
-        variant: variant,
-    },
-    defaultVariants: {
-        variant: "h2",
-    },
-});
-function Heading(_a) {
-    var className = _a.className, variant = _a.variant, children = _a.children, props = __rest(_a, ["className", "variant", "children"]);
-    var Tag = "span";
-    if (variant === null || variant === void 0 ? void 0 : variant.startsWith("h")) {
-        Tag = variant.split("-")[0];
-    }
-    return (<Tag className={cn(headingVariants({ variant: variant, className: className }))} {...props}>
-      {children}
-    </Tag>);
-}
-export { Heading, headingVariants };

package/dist/src/components/ui/accordion.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 * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { cn } from "../../lib/utils";
-import LUIcon from "../Icons/LUIcon";
-function Accordion(_a) {
-    var props = __rest(_a, []);
-    return <AccordionPrimitive.Root data-slot="accordion" {...props}/>;
-}
-function AccordionItem(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (<AccordionPrimitive.Item data-slot="accordion-item" className={cn("!border-b last:!border-b-0", className)} {...props}/>);
-}
-function AccordionTrigger(_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (<AccordionPrimitive.Header className="flex">
-      <AccordionPrimitive.Trigger data-slot="accordion-trigger" className={cn("focus-visible:border-ring focus-visible:ring-ring/50 !flex !flex-1 !items-start !justify-between gap-4 !rounded-md !py-2 !text-left !text-sm !font-normal transition-all outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>div]:rotate-180", className)} {...props}>
-        {children}
-        <LUIcon icon={"angle-down"} size="sm" variant="padded" color="light-blue" className="bg-blue-100 text-blue-600 pointer-events-none shrink-0 translate-y-0.5 transition-transform duration-200"/>
-      </AccordionPrimitive.Trigger>
-    </AccordionPrimitive.Header>);
-}
-function AccordionContent(_a) {
-    var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (<AccordionPrimitive.Content data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" {...props}>
-      <div className={cn("!pt-0 !pb-4", className)}>{children}</div>
-    </AccordionPrimitive.Content>);
-}
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

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

@@ -1 +0,0 @@
-"use strict";

package/dist/src/components/ui/caption.jsx

@@ -1,25 +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";
-export var variantClasses = {
-    sm: "text-xs",
-    md: "text-sm",
-    lg: "text-base",
-};
-function Caption(_a) {
-    var className = _a.className, children = _a.children, _b = _a.variant, variant = _b === void 0 ? "md" : _b, props = __rest(_a, ["className", "children", "variant"]);
-    return (<p className={cn("font-normal leading-normal inline", variantClasses[variant], className)} {...props}>
-      {children}
-    </p>);
-}
-export { Caption };

package/dist/src/components/ui/checkbox.jsx

@@ -1,24 +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 CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { CheckIcon } from "lucide-react";
-import { cn } from "../../lib/utils";
-function Checkbox(_a) {
-    var className = _a.className, props = __rest(_a, ["className"]);
-    return (<CheckboxPrimitive.Root data-slot="checkbox" className={cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-blue-600 data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-blue-600 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4.5 shrink-0 !rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className)} {...props}>
-      <CheckboxPrimitive.Indicator data-slot="checkbox-indicator" className="flex items-center justify-center text-current transition-none">
-        <CheckIcon className="size-3.5"/>
-      </CheckboxPrimitive.Indicator>
-    </CheckboxPrimitive.Root>);
-}
-export { Checkbox };