linkedunion-design-kit 1.7.3 → 1.7.4

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

@@ -0,0 +1,159 @@
+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

@@ -0,0 +1,31 @@
+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/Typography/Heading/heading.jsx

@@ -53,7 +53,7 @@ function Heading(_a) {
     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}>
+    return (<Tag className={cn(headingVariants({ variant: variant, className: className }), "m-0")} {...props}>
       {children}
     </Tag>);
 }

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

@@ -38,6 +38,6 @@ function AccordionTrigger(_a) {
 }
 function AccordionContent(_a) {
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (_jsx(AccordionPrimitive.Content, __assign({ "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm" }, props, { children: _jsx("div", { className: cn("!pt-0 !pb-4", className), children: children }) })));
+    return (_jsx(AccordionPrimitive.Content, __assign({ "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down !overflow-visible text-sm" }, props, { children: _jsx("div", { className: cn("!pt-0 !pb-4", className), children: children }) })));
 }
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

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

@@ -12,7 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import * as React from "react";
 import * as AccordionPrimitive from "@radix-ui/react-accordion";
 import { cn } from "../../lib/utils";
-import LUIcon from "../Icons/LUIcon";
+import { IconButton } from "../Button/IconButton";
 function Accordion(_a) {
     var props = __rest(_a, []);
     return <AccordionPrimitive.Root data-slot="accordion" {...props}/>;
@@ -24,15 +24,15 @@ function AccordionItem(_a) {
 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}>
+      <AccordionPrimitive.Trigger data-slot="accordion-trigger" className={cn("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between !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]>.luIcon-wrapper]: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"/>
+        <IconButton color="blue-light" icon="angle-down" size="sm" className="pointer-events-none shrink-0 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}>
+    return (<AccordionPrimitive.Content data-slot="accordion-content" className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down !overflow-visible text-sm" {...props}>
       <div className={cn("!pt-0 !pb-4", className)}>{children}</div>
     </AccordionPrimitive.Content>);
 }

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

@@ -59,12 +59,12 @@ var thumbVariants = cva("pointer-events-none block !rounded-full ring-0 transiti
 });
 // Define translate distance for each size
 var thumbTranslateVariants = {
-    sm: "data-[state=checked]:translate-x-3",
-    md: "data-[state=checked]:translate-x-7",
-    lg: "data-[state=checked]:translate-x-9",
+    sm: "data-[state=unchecked]:translate-x-0 data-[state=checked]:translate-x-2",
+    md: "data-[state=unchecked]:translate-x-0.5 data-[state=checked]:translate-x-7",
+    lg: "data-[state=unchecked]:translate-x-0.5 data-[state=checked]:translate-x-8",
 };
 function Switch(_a) {
     var className = _a.className, size = _a.size, variant = _a.variant, props = __rest(_a, ["className", "size", "variant"]);
-    return (_jsx(SwitchPrimitive.Root, __assign({ "data-slot": "switch", className: cn(switchVariants({ size: size, variant: variant }), className) }, props, { children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn(thumbVariants({ size: size }), size ? thumbTranslateVariants[size] : "", "data-[state=unchecked]:translate-x-0 bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground") }) })));
+    return (_jsx(SwitchPrimitive.Root, __assign({ "data-slot": "switch", className: cn(switchVariants({ size: size, variant: variant }), className) }, props, { children: _jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: cn(thumbVariants({ size: size }), size ? thumbTranslateVariants[size] : "", "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground") }) })));
 }
 export { Switch };

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

@@ -30,11 +30,11 @@ function Tabs(_a) {
 }
 function TabsList(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(TabsPrimitive.List, __assign({ "data-slot": "tabs-list", className: cn("bg-blue-100 !p-1 inline-flex items-center justify-center rounded-lg", className) }, props)));
+    return (_jsx(TabsPrimitive.List, __assign({ "data-slot": "tabs-list", className: cn("bg-blue-100 !p-1 sm:!p-2 rounded-lg", className) }, props)));
 }
 function TabsTrigger(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (_jsx(TabsPrimitive.Trigger, __assign({ "data-slot": "tabs-trigger", className: cn("!py-2.5 !px-5 transition-all !rounded-sm text-sm font-normal w-full", "data-[state=active]:bg-blue-600 data-[state=active]:text-white", "data-[state=inactive]:bg-blue-100 data-[state=inactive]:text-blue-600", className) }, props)));
+    return (_jsx(TabsPrimitive.Trigger, __assign({ "data-slot": "tabs-trigger", className: cn("!py-2.5 !px-5 transition-all !rounded-sm text-sm font-normal w-1/2 max-sm:w-full", "data-[state=active]:bg-blue-600 data-[state=active]:text-white", "data-[state=inactive]:bg-blue-100 data-[state=inactive]:text-blue-600", className) }, props)));
 }
 function TabsContent(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);

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

@@ -1,4 +1,3 @@
-"use client";
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -19,11 +18,11 @@ function Tabs(_a) {
 }
 function TabsList(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (<TabsPrimitive.List data-slot="tabs-list" className={cn("bg-blue-100 !p-2 inline-flex w-fit items-center justify-center rounded-lg text-sm font-normal ", className)} {...props}/>);
+    return (<TabsPrimitive.List data-slot="tabs-list" className={cn("bg-blue-100 !p-1 sm:!p-2 rounded-lg", className)} {...props}/>);
 }
 function TabsTrigger(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);
-    return (<TabsPrimitive.Trigger data-slot="tabs-trigger" className={cn("!py-2.5 !px-5 transition-all rounded-sm", "data-[state=active]:bg-blue-600 data-[state=active]:text-white", "data-[state=inactive]:bg-blue-100 data-[state=inactive]:text-blue-600", className)} {...props}/>);
+    return (<TabsPrimitive.Trigger data-slot="tabs-trigger" className={cn("!py-2.5 !px-5 transition-all !rounded-sm text-sm font-normal max-sm:w-full w-1/2", "data-[state=active]:bg-blue-600 data-[state=active]:text-white", "data-[state=inactive]:bg-blue-100 data-[state=inactive]:text-blue-600", className)} {...props}/>);
 }
 function TabsContent(_a) {
     var className = _a.className, props = __rest(_a, ["className"]);

package/dist/src/utils/iconList.js

@@ -541,7 +541,7 @@ export var iconList = [
     },
     {
         key: "xMark",
-        path: "M31.0529 5.46494C32.3024 4.21552 32.3024 2.18647 31.0529 0.937061C29.8035 -0.312354 27.7745 -0.312354 26.5251 0.937061L16 11.4721L5.46494 0.947056C4.21552 -0.302358 2.18647 -0.302358 0.937061 0.947056C-0.312354 2.19647 -0.312354 4.22552 0.937061 5.47493L11.4721 16L0.947056 26.5351C-0.302358 27.7845 -0.302358 29.8135 0.947056 31.0629C2.19647 32.3124 4.22552 32.3124 5.47493 31.0629L16 20.5279L26.5351 31.0529C27.7845 32.3024 29.8135 32.3024 31.0629 31.0529C32.3124 29.8035 32.3124 27.7745 31.0629 26.5251L20.5279 16L31.0529 5.46494Z",
+        path: "M28.0991 0.66939C28.9917 -0.223089 30.4379 -0.223155 31.3305 0.66939C32.2231 1.56199 32.223 3.00817 31.3305 3.90084L19.2309 15.9995L31.3305 28.0981L31.4877 28.271C32.2202 29.1687 32.1675 30.4936 31.3305 31.3305C30.4936 32.1675 29.1687 32.2202 28.271 31.4877L28.0981 31.3305L15.9995 19.2309L3.90084 31.3305C3.00817 32.223 1.56199 32.2231 0.66939 31.3305C-0.223155 30.4379 -0.223089 28.9917 0.66939 28.0991L12.768 15.9995L0.66939 3.90084C-0.223069 3.00818 -0.223191 1.56197 0.66939 0.66939C1.56197 -0.223191 3.00818 -0.223069 3.90084 0.66939L15.9995 12.768L28.0991 0.66939Z",
         label: "xMark",
     },
     {

package/dist/styles/global.css

@@ -500,6 +500,9 @@
   .\!w-fit {
     width: fit-content !important;
   }
+  .w-1\/2 {
+    width: calc(1/2 * 100%);
+  }
   .w-6 {
     width: calc(var(--spacing) * 6);
   }
@@ -613,9 +616,6 @@
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
-  .grid-cols-2 {
-    grid-template-columns: repeat(2, minmax(0, 1fr));
-  }
   .grid-cols-3 {
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }
@@ -652,6 +652,9 @@
   .\!gap-2 {
     gap: calc(var(--spacing) * 2) !important;
   }
+  .\!gap-3 {
+    gap: calc(var(--spacing) * 3) !important;
+  }
   .\!gap-5 {
     gap: calc(var(--spacing) * 5) !important;
   }
@@ -664,9 +667,6 @@
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
-  .gap-3 {
-    gap: calc(var(--spacing) * 3);
-  }
   .gap-5 {
     gap: calc(var(--spacing) * 5);
   }
@@ -700,6 +700,9 @@
       margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .\!overflow-visible {
+    overflow: visible !important;
+  }
   .overflow-hidden {
     overflow: hidden;
   }
@@ -751,18 +754,6 @@
   .rounded-xs {
     border-radius: var(--radius-xs);
   }
-  .rounded-tl-3xl {
-    border-top-left-radius: var(--radius-3xl);
-  }
-  .rounded-tr-3xl {
-    border-top-right-radius: var(--radius-3xl);
-  }
-  .rounded-br-3xl {
-    border-bottom-right-radius: var(--radius-3xl);
-  }
-  .rounded-bl-3xl {
-    border-bottom-left-radius: var(--radius-3xl);
-  }
   .\!border {
     border-style: var(--tw-border-style) !important;
     border-width: 1px !important;
@@ -1218,14 +1209,14 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .\!leading-5 {
+    --tw-leading: calc(var(--spacing) * 5) !important;
+    line-height: calc(var(--spacing) * 5) !important;
+  }
   .\!leading-normal {
     --tw-leading: var(--leading-normal) !important;
     line-height: var(--leading-normal) !important;
   }
-  .leading-5 {
-    --tw-leading: calc(var(--spacing) * 5);
-    line-height: calc(var(--spacing) * 5);
-  }
   .leading-none {
     --tw-leading: 1;
     line-height: 1;
@@ -2941,9 +2932,9 @@
       color: #fefefe;
     }
   }
-  .data-\[state\=checked\]\:translate-x-3 {
+  .data-\[state\=checked\]\:translate-x-2 {
     &[data-state="checked"] {
-      --tw-translate-x: calc(var(--spacing) * 3);
+      --tw-translate-x: calc(var(--spacing) * 2);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -2953,9 +2944,9 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
-  .data-\[state\=checked\]\:translate-x-9 {
+  .data-\[state\=checked\]\:translate-x-8 {
     &[data-state="checked"] {
-      --tw-translate-x: calc(var(--spacing) * 9);
+      --tw-translate-x: calc(var(--spacing) * 8);
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
@@ -3027,6 +3018,12 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .data-\[state\=unchecked\]\:translate-x-0\.5 {
+    &[data-state="unchecked"] {
+      --tw-translate-x: calc(var(--spacing) * 0.5);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .data-\[state\=unchecked\]\:bg-input {
     &[data-state="unchecked"] {
       background-color: var(--input);
@@ -3060,6 +3057,11 @@
       margin-top: 7px;
     }
   }
+  .max-sm\:w-full {
+    @media (width < 40rem) {
+      width: 100%;
+    }
+  }
   .sm\:col-span-2 {
     @media (width >= 40rem) {
       grid-column: span 2 / span 2;
@@ -3070,6 +3072,11 @@
       aspect-ratio: 1 / 1;
     }
   }
+  .sm\:grid-cols-2 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(2, minmax(0, 1fr));
+    }
+  }
   .sm\:grid-cols-3 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(3, minmax(0, 1fr));
@@ -3090,11 +3097,24 @@
       grid-template-columns: auto 1fr;
     }
   }
+  .sm\:\!p-2 {
+    @media (width >= 40rem) {
+      padding: calc(var(--spacing) * 2) !important;
+    }
+  }
   .sm\:\!text-left {
     @media (width >= 40rem) {
       text-align: left !important;
     }
   }
+  .md\:line-clamp-2 {
+    @media (width >= 48rem) {
+      overflow: hidden;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 2;
+    }
+  }
   .md\:grid-cols-6 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(6, minmax(0, 1fr));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "linkedunion-design-kit",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "private": false,
   "files": [
     "dist",

package/dist/src/components/Card/ContactProfile.d.ts

@@ -1,2 +0,0 @@
-import { CardInterface } from "./type";
-export declare const ContactProfile: ({ item, image, href, btnLabel, editor, mediaPosition, orientation, }: CardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Card/ContactProfile.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import LuImage from "../Images/LuImage";
-import Link from "next/link";
-import { Heading } from "../Typography/Heading/heading";
-import { Body } from "../Typography/Body/body";
-import { Button } from "../Button/Button";
-export var ContactProfile = function (_a) {
-    var item = _a.item, image = _a.image, _b = _a.href, href = _b === void 0 ? "https://www.google.com/" : _b, _c = _a.btnLabel, btnLabel = _c === void 0 ? "View More" : _c, editor = _a.editor, _d = _a.mediaPosition, mediaPosition = _d === void 0 ? "right" : _d, orientation = _a.orientation;
-    // Normalize mediaPosition based on orientation
-    var normalizedMediaPosition = orientation === "horizontal"
-        ? mediaPosition === "left" || mediaPosition === "right"
-            ? mediaPosition
-            : "right"
-        : mediaPosition === "top" || mediaPosition === "bottom"
-            ? mediaPosition
-            : "top";
-    // Common image component to avoid repetition
-    var ProfileImage = function () { return (_jsx(LuImage, { src: image, width: 240, height: 240, className: "w-full h-full rounded-full max-w-[160px] aspect-square object-cover ".concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), alt: "Image" })); };
-    // Common content section (title and description)
-    var ContentSection = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (_jsxs("div", { className: "flex flex-col gap-1 ".concat(className), children: [_jsx(Heading, { variant: "h5-700", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Body, { variant: "body-md", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardText, " line-clamp-2"), children: item === null || item === void 0 ? void 0 : item.description })] }));
-    };
-    // Common button component
-    var ActionButton = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (_jsx(Link, { href: href, passHref: true, className: className, children: _jsx(Button, { endIcon: "angle-right", size: "sm", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn), children: btnLabel }) }));
-    };
-    // Horizontal layout card
-    if (orientation === "horizontal") {
-        return (_jsxs("div", { className: "p-5 bg-white rounded-xl inline-flex ".concat(normalizedMediaPosition === "right" ? "flex-row-reverse" : "", " gap-10 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(ProfileImage, {}), _jsxs("div", { className: "flex flex-col gap-1 w-full", children: [_jsx(ContentSection, {}), _jsx(ActionButton, { className: "mt-5" })] })] }));
-    }
-    // Vertical layout card
-    return (_jsxs("div", { className: "p-8 bg-white rounded-xl inline-flex flex-col gap-5 max-w-[365px] items-center shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsxs("div", { className: "flex ".concat(normalizedMediaPosition === "top" ? "flex-col" : "flex-col-reverse", " items-center gap-5 text-center"), children: [_jsx(ProfileImage, {}), _jsx(ContentSection, {})] }), _jsx(ActionButton, {})] }));
-};

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

@@ -1,57 +0,0 @@
-import LuImage from "../Images/LuImage";
-import Link from "next/link";
-import { Heading } from "../Typography/Heading/heading";
-import { Body } from "../Typography/Body/body";
-import { Button } from "../Button/Button";
-export var ContactProfile = function (_a) {
-    var item = _a.item, image = _a.image, _b = _a.href, href = _b === void 0 ? "https://www.google.com/" : _b, _c = _a.btnLabel, btnLabel = _c === void 0 ? "View More" : _c, editor = _a.editor, _d = _a.mediaPosition, mediaPosition = _d === void 0 ? "right" : _d, orientation = _a.orientation;
-    // Normalize mediaPosition based on orientation
-    var normalizedMediaPosition = orientation === "horizontal"
-        ? mediaPosition === "left" || mediaPosition === "right"
-            ? mediaPosition
-            : "right"
-        : mediaPosition === "top" || mediaPosition === "bottom"
-            ? mediaPosition
-            : "top";
-    // Common image component to avoid repetition
-    var ProfileImage = function () { return (<LuImage src={image} width={240} height={240} className={"w-full h-full rounded-full max-w-[160px] aspect-square object-cover ".concat(editor === null || editor === void 0 ? void 0 : editor.cardImage)} alt="Image"/>); };
-    // Common content section (title and description)
-    var ContentSection = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<div className={"flex flex-col gap-1 ".concat(className)}>
-      <Heading variant="h5-700" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle)}>
-        {item === null || item === void 0 ? void 0 : item.title}
-      </Heading>
-      <Body variant="body-md" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardText, " line-clamp-2")}>
-        {item === null || item === void 0 ? void 0 : item.description}
-      </Body>
-    </div>);
-    };
-    // Common button component
-    var ActionButton = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<Link href={href} passHref className={className}>
-      <Button endIcon={"angle-right"} size="sm" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn)}>
-        {btnLabel}
-      </Button>
-    </Link>);
-    };
-    // Horizontal layout card
-    if (orientation === "horizontal") {
-        return (<div className={"p-5 bg-white rounded-xl inline-flex ".concat(normalizedMediaPosition === "right" ? "flex-row-reverse" : "", " gap-10 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-        <ProfileImage />
-        <div className="flex flex-col gap-1 w-full">
-          <ContentSection />
-          <ActionButton className="mt-5"/>
-        </div>
-      </div>);
-    }
-    // Vertical layout card
-    return (<div className={"p-8 bg-white rounded-xl inline-flex flex-col gap-5 max-w-[365px] items-center shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-      <div className={"flex ".concat(normalizedMediaPosition === "top" ? "flex-col" : "flex-col-reverse", " items-center gap-5 text-center")}>
-        <ProfileImage />
-        <ContentSection />
-      </div>
-      <ActionButton />
-    </div>);
-};

package/dist/src/components/Card/ContactProfile.stories.d.ts

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { ContactProfile } from "./ContactProfile";
-declare const meta: Meta<typeof ContactProfile>;
-export default meta;
-type Story = StoryObj<typeof ContactProfile>;
-export declare const ContactProfileHorizontalLeft: Story;
-export declare const ContactProfileHorizontalRight: Story;
-export declare const ContactProfileVerticalTop: Story;
-export declare const ContactProfileVerticalBottom: Story;

package/dist/src/components/Card/ContactProfile.stories.js

@@ -1,52 +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 { ContactProfile } from "./ContactProfile";
-import { Dummy_Image, Dummy_Para, Dummy_Subtitle, Dummy_Title, Dummy_Url, } from "../../utils/constants";
-var meta = {
-    title: "Components/NewCard/ContactProfile",
-    component: ContactProfile,
-    parameters: {
-        layout: "centered",
-    },
-};
-export default meta;
-var baseCardArgs = {
-    type: "contactProfile",
-    item: {
-        image: Dummy_Image,
-        title: Dummy_Title,
-        description: Dummy_Para,
-        subtitle: Dummy_Subtitle,
-    },
-    image: Dummy_Image,
-    href: Dummy_Url,
-    btnLabel: "View More",
-    editor: {
-        card: "",
-        cardImage: "",
-        cardTitle: "",
-        cardText: "",
-        cardBtn: "",
-    },
-};
-export var ContactProfileHorizontalLeft = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "horizontal", mediaPosition: "left" }),
-};
-export var ContactProfileHorizontalRight = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "horizontal", mediaPosition: "right" }),
-};
-export var ContactProfileVerticalTop = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "vertical", mediaPosition: "top" }),
-};
-export var ContactProfileVerticalBottom = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "vertical", mediaPosition: "bottom" }),
-};

package/dist/src/components/Card/MultiNews.d.ts

@@ -1,2 +0,0 @@
-import { CardInterface } from "./type";
-export declare const MultiNews: ({ item, image, href, btnLabel, editor, mediaPosition, orientation, }: CardInterface) => import("react/jsx-runtime").JSX.Element;