linkedunion-design-kit 1.8.8 → 1.8.9

package/dist/index.d.ts

@@ -3,7 +3,7 @@ export { default as Card } from "./src/components/Card/card";
 export { default as LuImage } from "./src/components/Images/LuImage";
 export { default as Avatar } from "./src/components/Avatar/Avatar/Avatar";
 export { default as Title } from "./src/components/Title/Title";
-export { IconButton } from "./src/components/Button/IconButton";
+export { IconButton } from "./src/components/Button/IconButton/IconButton";
 export { default as ColorPicker } from "./src/components/ColorPicker/ColorPicker";
 export { Input } from "./src/components/Input/input";
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./src/components/Accordion/accordion";
@@ -16,9 +16,9 @@ export { Body } from "./src/components/Typography/Body/body";
 export { Display } from "./src/components/Typography/Display/display";
 export { Caption } from "./src/components/Typography/Caption/caption";
 export { default as Tooltip } from "./src/components/ToolTip/Tooltip";
-export { Button } from "./src/components/Button/Button";
+export { Button } from "./src/components/Button/Button/Button";
 export { Label } from "./src/components/Label/Label";
 export { Slider } from "./src/components/Slider/slider";
-export { RadioButton } from "./src/components/RadioButton/radio-button";
+export { RadioGroup, RadioGroupItem, } from "./src/components/RadioGroup/radio-group";
 export { AppIcon } from "./src/components/AppIcons";
 export { Tabs, TabsList, TabsTrigger, TabsContent, } from "./src/components/Tabs/tabs";

package/dist/index.js

@@ -3,7 +3,7 @@ export { default as Card } from "./src/components/Card/card";
 export { default as LuImage } from "./src/components/Images/LuImage";
 export { default as Avatar } from "./src/components/Avatar/Avatar/Avatar";
 export { default as Title } from "./src/components/Title/Title";
-export { IconButton } from "./src/components/Button/IconButton";
+export { IconButton } from "./src/components/Button/IconButton/IconButton";
 export { default as ColorPicker } from "./src/components/ColorPicker/ColorPicker";
 export { Input } from "./src/components/Input/input";
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./src/components/Accordion/accordion";
@@ -16,9 +16,9 @@ export { Body } from "./src/components/Typography/Body/body";
 export { Display } from "./src/components/Typography/Display/display";
 export { Caption } from "./src/components/Typography/Caption/caption";
 export { default as Tooltip } from "./src/components/ToolTip/Tooltip";
-export { Button } from "./src/components/Button/Button";
+export { Button } from "./src/components/Button/Button/Button";
 export { Label } from "./src/components/Label/Label";
 export { Slider } from "./src/components/Slider/slider";
-export { RadioButton } from "./src/components/RadioButton/radio-button";
+export { RadioGroup, RadioGroupItem, } from "./src/components/RadioGroup/radio-group";
 export { AppIcon } from "./src/components/AppIcons";
 export { Tabs, TabsList, TabsTrigger, TabsContent, } from "./src/components/Tabs/tabs";

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

@@ -1,9 +1,10 @@
 import { avatarShape, avatarSize } from ".";
+import { iconList } from "../../../utils/iconList";
 type avatarSize = keyof typeof avatarSize;
 type avatarShape = keyof typeof avatarShape;
 export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
     image?: string;
-    icon?: string;
+    icon?: keyof typeof iconList;
     shape?: avatarShape;
     size?: avatarSize;
     className?: string;

package/dist/src/components/Button/Button/Button.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+import { iconList } from "../../../utils/iconList";
+export declare const variant: {
+    fill: string;
+    link: string;
+    outline: string;
+    ghost: string;
+};
+declare const buttonVariants: (props?: ({
+    color?: "blue" | "light-blue" | "green" | "light-green" | "yellow" | "light-yellow" | "red" | "light-red" | "indigo" | "light-indigo" | "gray" | "disabled" | "light-gray" | null | undefined;
+    size?: "sm" | "md" | "lg" | "xl" | null | undefined;
+    shape?: "rounded-full" | "rounded-sm" | null | undefined;
+    variant?: "link" | "fill" | "outline" | "ghost" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, color, size, shape, variant, asChild, startIcon, endIcon, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
+    asChild?: boolean;
+    startIcon?: keyof typeof iconList;
+    endIcon?: keyof typeof iconList;
+    variant?: "fill" | "link" | "outline" | "ghost";
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };

package/dist/src/components/Button/Button/Button.js

@@ -0,0 +1,80 @@
+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 { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../../../lib/utils";
+import LUIcon from "../../Icons/LUIcon";
+import { buttonStyles } from "..";
+export var variant = {
+    fill: "",
+    link: "bg-transparent hover:bg-transparent focus:bg-transparent active:bg-transparent !p-0 underline-offset-4 hover:underline border-none",
+    outline: "border bg-transparent",
+    ghost: "bg-transparent border-none",
+};
+var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-blue-200 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive cursor-pointer", {
+    variants: {
+        color: buttonStyles.fillColor,
+        size: buttonStyles.size,
+        shape: buttonStyles.shape,
+        variant: variant,
+    },
+    defaultVariants: {
+        color: "blue",
+        size: "md",
+        shape: "rounded-sm",
+        variant: "fill",
+    },
+});
+function Button(_a) {
+    var className = _a.className, _b = _a.color, color = _b === void 0 ? "blue" : _b, size = _a.size, shape = _a.shape, _c = _a.variant, variant = _c === void 0 ? "fill" : _c, _d = _a.asChild, asChild = _d === void 0 ? false : _d, startIcon = _a.startIcon, endIcon = _a.endIcon, props = __rest(_a, ["className", "color", "size", "shape", "variant", "asChild", "startIcon", "endIcon"]);
+    var Comp = asChild ? Slot : "button";
+    // Map button size to appropriate icon sizes for start and end icons
+    var getIconSizes = function () {
+        if (size === "xl" || size === "lg" || size === "md") {
+            return {
+                startIcon: "md", // 16px (size-6) - matches iconSize.xl
+                endIcon: "xs", // 12px (size-3.5)
+            };
+        }
+        return {
+            startIcon: "sm", // 14px (size-4)
+            endIcon: "xs", // 12px (size-3.5)
+        };
+    };
+    // Get icon sizes based on button size
+    var iconSizes = getIconSizes();
+    // Use the calculated sizes based on button size
+    var startIconSizeValue = iconSizes.startIcon;
+    var endIconSizeValue = iconSizes.endIcon;
+    // Apply appropriate text color for link variant
+    var extraClasses = variant === "link" && color
+        ? buttonStyles.linkColor[color]
+        : variant === "outline" && color
+            ? buttonStyles.outlineColor[color]
+            : variant === "ghost" && color
+                ? buttonStyles.ghostColor[color]
+                : "";
+    return (_jsxs(Comp, __assign({ "data-slot": "button", className: cn(buttonVariants({ variant: variant, color: color, size: size, shape: shape, className: className }), extraClasses) }, props, { children: [startIcon && (_jsx(LUIcon, { size: startIconSizeValue, "data-testid": "start-icon", icon: startIcon })), props.children, endIcon && (_jsx(LUIcon, { size: endIconSizeValue, "data-testid": "end-icon", icon: endIcon }))] })));
+}
+export { Button, buttonVariants };