linkedunion-design-kit 1.7.3 → 1.7.4

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

@@ -1,43 +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, Fragment as _Fragment } from "react/jsx-runtime";
-import LuImage from "../Images/LuImage";
-import Link from "next/link";
-import { Button } from "../Button/Button";
-import { Body } from "../Typography/Body/body";
-import { Heading } from "../Typography/Heading/heading";
-export var MultiNews = 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;
-    // Common card media component
-    var CardMedia = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (_jsx(LuImage, { src: image, width: 240, height: 240, className: "".concat(className, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), alt: "Image" }));
-    };
-    // Common content section
-    var CardContent = 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-xl", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardText), children: item === null || item === void 0 ? void 0 : item.description })] }));
-    };
-    // Common button component with conditional shape
-    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, __assign({ endIcon: "angle-right", size: mediaPosition === "middle" ? "xl" : "lg" }, (mediaPosition === "middle" && { shape: "rounded-full" }), { className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn), children: btnLabel })) }));
-    };
-    // Optional subtitle component
-    var Subtitle = function () { return (_jsx(_Fragment, { children: mediaPosition === "middle" && (_jsx(Body, { variant: "body-xl", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardSubtitle), children: item === null || item === void 0 ? void 0 : item.subtitle })) })); };
-    // Horizontal layout
-    if (orientation === "horizontal") {
-        return (_jsxs("div", { className: "p-8 bg-white rounded-2xl inline-flex ".concat(mediaPosition === "right" ? "flex-row-reverse" : "", " gap-5 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(CardMedia, { className: "w-full h-full max-w-[240px] aspect-square rounded-lg object-cover" }), _jsxs("div", { className: "flex flex-col gap-1 w-full", children: [_jsx(CardContent, {}), _jsx(ActionButton, { className: "mt-5" })] })] }));
-    }
-    // Vertical layout
-    return (_jsxs("div", { className: "p-8 bg-white rounded-2xl inline-flex flex-col gap-5 max-w-[480px] shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsxs("div", { className: "flex ".concat(mediaPosition === "top" ? "flex-col" : "flex-col-reverse", " gap-5"), children: [_jsx(Subtitle, {}), _jsx(CardMedia, { className: "w-full h-full aspect-16/10 object-cover" }), _jsx(CardContent, {})] }), _jsx(ActionButton, {})] }));
-};

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

@@ -1,59 +0,0 @@
-import LuImage from "../Images/LuImage";
-import Link from "next/link";
-import { Button } from "../Button/Button";
-import { Body } from "../Typography/Body/body";
-import { Heading } from "../Typography/Heading/heading";
-export var MultiNews = 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;
-    // Common card media component
-    var CardMedia = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (<LuImage src={image} width={240} height={240} className={"".concat(className, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage)} alt="Image"/>);
-    };
-    // Common content section
-    var CardContent = 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-xl" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardText)}>
-        {item === null || item === void 0 ? void 0 : item.description}
-      </Body>
-    </div>);
-    };
-    // Common button component with conditional shape
-    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={mediaPosition === "middle" ? "xl" : "lg"} {...(mediaPosition === "middle" && { shape: "rounded-full" })} className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn)}>
-        {btnLabel}
-      </Button>
-    </Link>);
-    };
-    // Optional subtitle component
-    var Subtitle = function () { return (<>
-      {mediaPosition === "middle" && (<Body variant="body-xl" className={"".concat(editor === null || editor === void 0 ? void 0 : editor.cardSubtitle)}>
-          {item === null || item === void 0 ? void 0 : item.subtitle}
-        </Body>)}
-    </>); };
-    // Horizontal layout
-    if (orientation === "horizontal") {
-        return (<div className={"p-8 bg-white rounded-2xl inline-flex ".concat(mediaPosition === "right" ? "flex-row-reverse" : "", " gap-5 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-        <CardMedia className="w-full h-full max-w-[240px] aspect-square rounded-lg object-cover"/>
-        <div className="flex flex-col gap-1 w-full">
-          <CardContent />
-          <ActionButton className="mt-5"/>
-        </div>
-      </div>);
-    }
-    // Vertical layout
-    return (<div className={"p-8 bg-white rounded-2xl inline-flex flex-col gap-5 max-w-[480px] shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card)}>
-      <div className={"flex ".concat(mediaPosition === "top" ? "flex-col" : "flex-col-reverse", " gap-5")}>
-        <Subtitle />
-        <CardMedia className="w-full h-full aspect-16/10 object-cover"/>
-        <CardContent />
-      </div>
-      <ActionButton />
-    </div>);
-};

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { MultiNews } from "./MultiNews";
-declare const meta: Meta<typeof MultiNews>;
-export default meta;
-type Story = StoryObj<typeof MultiNews>;
-export declare const MultiNewsHorizontalLeft: Story;
-export declare const MultiNewsHorizontalRight: Story;
-export declare const MultiNewsVerticalTop: Story;
-export declare const MultiNewsVerticalBottom: Story;

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

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

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

@@ -1,38 +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 PostByCategory = function (_a) {
-    var item = _a.item, image = _a.image, href = _a.href, btnLabel = _a.btnLabel, editor = _a.editor, mediaPosition = _a.mediaPosition, orientation = _a.orientation;
-    // Normalize mediaPosition based on orientation
-    var safeMediaPosition = orientation === "horizontal"
-        ? mediaPosition === "left" || mediaPosition === "right"
-            ? mediaPosition
-            : "right"
-        : mediaPosition === "top" || mediaPosition === "bottom"
-            ? mediaPosition
-            : "top";
-    // Common card media component to avoid duplication
-    var CardMedia = function (_a) {
-        var _b = _a.className, className = _b === void 0 ? "" : _b;
-        return (_jsx(LuImage, { src: image, width: 240, height: 240, className: "".concat(className, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), alt: "Image" }));
-    };
-    // Common content section component
-    var CardContent = 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-base", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardText), children: item === null || item === void 0 ? void 0 : item.description })] }));
-    };
-    // Common button component
-    var CardButton = 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: "lg", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn), children: btnLabel }) }));
-    };
-    // Horizontal layout
-    if (orientation === "horizontal") {
-        return (_jsxs("div", { className: "p-5 bg-white rounded-xl inline-flex ".concat(safeMediaPosition === "right" ? "flex-row-reverse" : "", " gap-5 items-center shadow-lg ").concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsx(CardMedia, { className: "max-w-[240px] aspect-square rounded-lg object-cover" }), _jsxs("div", { className: "flex flex-col gap-1 w-full", children: [_jsx(CardContent, {}), _jsx(CardButton, { className: "mt-5" })] })] }));
-    }
-    // Vertical layout
-    return (_jsxs("div", { className: "p-8 bg-white rounded-xl inline-flex flex-col gap-5 max-w-[480px] items-center shadow-lg ".concat(editor === null || editor === void 0 ? void 0 : editor.card), children: [_jsxs("div", { className: "flex ".concat(safeMediaPosition === "top" ? "flex-col" : "flex-col-reverse", " items-center gap-5 text-center"), children: [_jsx(CardMedia, { className: "w-full h-full aspect-5/4 object-cover" }), _jsx(CardContent, {})] }), _jsx(CardButton, {})] }));
-};

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

@@ -1,9 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import Card from "./card";
-declare const meta: Meta<typeof Card>;
-export default meta;
-type Story = StoryObj<typeof Card>;
-export declare const PostByCategoryHorizontalLeft: Story;
-export declare const PostByCategoryHorizontalRight: Story;
-export declare const PostByCategoryVerticalTop: Story;
-export declare const PostByCategoryVerticalBottom: Story;

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

@@ -1,54 +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 Card from "./card";
-import { Dummy_Image, Dummy_Para, Dummy_Subtitle, Dummy_Title, Dummy_Url, } from "../../utils/constants";
-var meta = {
-    title: "Components/NewCard/PostByCategory",
-    component: Card,
-    parameters: {
-        layout: "centered",
-    },
-};
-export default meta;
-// Base card args
-var baseCardArgs = {
-    type: "postByCategory",
-    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: "",
-    },
-};
-// PostByCategory Card Stories
-export var PostByCategoryHorizontalLeft = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "horizontal", mediaPosition: "left" }),
-};
-export var PostByCategoryHorizontalRight = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "horizontal", mediaPosition: "right" }),
-};
-export var PostByCategoryVerticalTop = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "vertical", mediaPosition: "top" }),
-};
-export var PostByCategoryVerticalBottom = {
-    args: __assign(__assign({}, baseCardArgs), { orientation: "vertical", mediaPosition: "bottom" }),
-};

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

@@ -1,5 +0,0 @@
-declare const EditorTooltip: ({ title, className, }: {
-    title: string;
-    className?: string;
-}) => import("react/jsx-runtime").JSX.Element;
-export default EditorTooltip;

package/dist/src/components/EditorTooltip/EditorTooltip.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui/tooltip";
-import { IconButton } from "../Button/IconButton";
-var EditorTooltip = function (_a) {
-    var title = _a.title, className = _a.className;
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: className, children: _jsx(IconButton, { icon: "question", size: "sm", shape: "rounded-full", color: "blue-light" }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "text-base w-48 text-center font-medium", children: title }) })] }) }));
-};
-export default EditorTooltip;

package/dist/src/components/EditorTooltip/EditorTooltip.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta } from "@storybook/react";
-declare const _default: Meta;
-export default _default;
-export declare const _EditorTooltip: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, {
-    title: string;
-}>;

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

@@ -1,24 +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 } from "react/jsx-runtime";
-import EditorTooltip from "./EditorTooltip";
-import { Dummy_Para } from "../../utils/constants";
-export default {
-    title: "Components/EditorTooltip",
-    component: EditorTooltip,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (_jsx(EditorTooltip, __assign({}, args))); };
-export var _EditorTooltip = Template.bind({});
-_EditorTooltip.args = {
-    title: Dummy_Para,
-};

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

@@ -1,9 +0,0 @@
-import { VariantProps } from "class-variance-authority";
-import React from "react";
-import { labelVariants } from "../ui/label";
-export interface LabelProps extends React.HTMLAttributes<HTMLLabelElement> {
-    htmlFor?: string;
-    className?: string;
-    children: React.ReactNode;
-    variant?: VariantProps<typeof labelVariants>["variant"];
-}

package/dist/src/components/Label/type.js

@@ -1 +0,0 @@
-export {};

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

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

package/dist/src/components/ui/label.d.ts

@@ -1,12 +0,0 @@
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { type VariantProps } from "class-variance-authority";
-export declare const variant: {
-    default: string;
-    editorLabel: string;
-};
-declare const labelVariants: (props?: ({
-    variant?: "default" | "editorLabel" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Label({ className, variant, ...props }: React.ComponentProps<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>): import("react/jsx-runtime").JSX.Element;
-export { Label, labelVariants };

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

@@ -1,41 +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 LabelPrimitive from "@radix-ui/react-label";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-export var variant = {
-    default: "!text-base leading-none !font-medium",
-    editorLabel: "!text-lg !font-medium leading-[1.5] !mb-1",
-};
-var labelVariants = cva("flex items-center !gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", {
-    variants: { variant: variant },
-    defaultVariants: {
-        variant: "default",
-    },
-});
-function Label(_a) {
-    var className = _a.className, variant = _a.variant, props = __rest(_a, ["className", "variant"]);
-    return (_jsx(LabelPrimitive.Root, __assign({ "data-slot": "label", className: cn(labelVariants({ variant: variant, className: className })) }, props)));
-}
-export { Label, labelVariants };

package/dist/src/components/ui/radio-button.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-declare const RadioButton: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & React.RefAttributes<HTMLInputElement>>;
-export { RadioButton };

package/dist/src/components/ui/radio-button.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";
-// 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 (_jsx("input", __assign({ 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 };