linkedunion-design-kit 1.6.4 → 1.6.6

package/package.json

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

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

@@ -1,32 +0,0 @@
-export declare const buttonColors: {
-    primary: string;
-    "primary-light": string;
-    success: string;
-    warning: string;
-    danger: string;
-    info: string;
-    gray: string;
-    "primary-outline": string;
-    "success-outline": string;
-    "warning-outline": string;
-    "danger-outline": string;
-    "info-outline": string;
-    "gray-outline": string;
-};
-export declare const buttonShapes: {
-    "rounded-sm": string;
-    "rounded-full": string;
-};
-export declare const buttonSizes: {
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-};
-export declare const iconButtonSize: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-};

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

@@ -1,32 +0,0 @@
-export var buttonColors = {
-    primary: "text-blue-50 bg-blue-600 hover:bg-blue-700 focus:bg-blue-600 active:bg-blue-800",
-    "primary-light": "text-blue-600 bg-blue-100 hover:bg-blue-600 hover:text-blue-100",
-    success: "text-green-50 bg-green-600 hover:bg-green-700 focus:bg-green-600 active:bg-green-800",
-    warning: "text-yellow-950 bg-yellow-500 hover:bg-yellow-600 focus:bg-yellow-500 active:bg-yellow-700",
-    danger: "text-red-50 bg-red-600 hover:bg-red-700 focus:bg-red-600 active:bg-red-800",
-    info: "text-indigo-50 bg-indigo-600 hover:bg-indigo-700 focus:bg-indigo-600 active:bg-indigo-800",
-    gray: "text-gray-950 bg-gray-50 hover:bg-gray-100 focus:bg-gray-50 active:bg-gray-300",
-    "primary-outline": "text-blue-600 border-2 border-blue-600 bg-white hover:border-blue-700 hover:text-blue-700 focus:border-blue-600 focus:text-blue-600 active:border-blue-800 active:text-blue-800",
-    "success-outline": "text-green-600 border-2 border-green-600 bg-white hover:border-green-700 hover:text-green-700 focus:border-green-600 focus:text-green-600 active:border-green-800 active:text-green-800",
-    "warning-outline": "text-yellow-500 border-2 border-yellow-500 hover:border-yellow-600 hover:text-yellow-600 focus:border-yellow-500 focus:text-yellow-500 active:border-yellow-700 active:text-yellow-700",
-    "danger-outline": "text-red-600 border-2 border-red-600 bg-white hover:border-red-700 hover:text-red-700 focus:border-red-600 focus:text-red-600 active:border-red-800 active:text-red-800",
-    "info-outline": "text-indigo-600 border-2 border-indigo-600 bg-white hover:border-indigo-700 hover:text-indigo-700 focus:border-indigo-600 focus:text-indigo-600 active:border-indigo-800 active:text-indigo-800",
-    "gray-outline": "text-gray-50 border-2 border-gray-50 bg-white hover:border-gray-100 hover:text-gray-100 focus:border-gray-50 focus:text-gray-50 active:border-gray-300 active:text-gray-300",
-};
-export var buttonShapes = {
-    "rounded-sm": "!rounded-sm",
-    "rounded-full": "!rounded-full",
-};
-export var buttonSizes = {
-    sm: "!py-2 !px-3 text-sm font-normal leading-5",
-    md: "!py-2.5 !px-5 text-sm font-normal leading-5",
-    lg: "!py-3 !px-5 text-base font-normal leading-normal",
-    xl: "!py-3.5 !px-6 text-base font-normal leading-normal",
-};
-export var iconButtonSize = {
-    xs: "!p-1",
-    sm: "!p-2",
-    md: "!p-2",
-    lg: "!p-3",
-    xl: "!p-5",
-};

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

@@ -1,25 +0,0 @@
-"use strict";
-// import React from "react";
-// import { buttonShapes, buttonSizes, buttonColors, iconButtonSize } from ".";
-// type colors = keyof typeof buttonColors;
-// type buttonShapes = keyof typeof buttonShapes;
-// type buttonSizes = keyof typeof buttonSizes;
-// type iconButtonSize = keyof typeof iconButtonSize;
-// export interface ButtonProps
-//   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-//   color?: colors;
-//   size?: buttonSizes;
-//   startIcon?: string;
-//   endIcon?: string;
-//   shape?: buttonShapes;
-//   variant?: "default" | "link";
-//   className?: string;
-//   children: React.ReactNode;
-// }
-// export interface IconButtonProps
-//   extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-//   color?: colors;
-//   size?: iconButtonSize;
-//   shape?: buttonShapes;
-//   icon: React.ReactNode;
-// }

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

@@ -1,3 +0,0 @@
-import { InputFieldProps } from "./type";
-declare const Input: ({ type, placeholder, className, ...props }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
-export default Input;

package/dist/src/components/Input/Input.js

@@ -1,29 +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, Fragment as _Fragment } from "react/jsx-runtime";
-import { Input as ShadInput } from "../../components/ui/input";
-var Input = function (_a) {
-    var _b = _a.type, type = _b === void 0 ? "text" : _b, _c = _a.placeholder, placeholder = _c === void 0 ? "Type Placeholder here" : _c, className = _a.className, props = __rest(_a, ["type", "placeholder", "className"]);
-    return (_jsx(_Fragment, { children: _jsx(ShadInput, __assign({ type: type, placeholder: placeholder, className: className }, props)) }));
-};
-export default Input;

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/MediaCard/VerticalCard/VerticalCard.d.ts

@@ -1,3 +0,0 @@
-import { CardInterface } from "../type";
-declare const VerticalCard: ({ item, footer_logo, href, btnLabel, editor, }: CardInterface) => import("react/jsx-runtime").JSX.Element;
-export default VerticalCard;

package/dist/src/components/MediaCard/VerticalCard/VerticalCard.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Button from "../../../components/Button/Button";
-import LUIcon from "../../../components/Icons/LUIcon";
-import LuImage from "../../../components/Images/LuImage";
-import Typography from "../../../components/Typography/Typography";
-import Link from "next/link";
-import { getCardImageSrc } from "..";
-var VerticalCard = function (_a) {
-    var item = _a.item, footer_logo = _a.footer_logo, _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;
-    var imageSrc = getCardImageSrc(item === null || item === void 0 ? void 0 : item.image, footer_logo);
-    return (_jsxs("div", { className: "p-8 bg-white rounded-xl flex flex-col items-center w-full shadow-xl ".concat(editor === null || editor === void 0 ? void 0 : editor.card, " ").concat(editor === null || editor === void 0 ? void 0 : editor.cardBg), children: [_jsx("div", { className: "w-full max-w-[240px] overflow-hidden aspect-square ".concat(editor === null || editor === void 0 ? void 0 : editor.cardImage), children: _jsx(LuImage, { src: imageSrc, width: 240, height: 240, className: "w-full h-full object-cover", alt: "Image" }) }), _jsxs("div", { className: "flex flex-col items-center flex-grow m-5 text-center h-[100px]", children: [_jsx(Typography, { variant: "h4", className: "".concat(editor === null || editor === void 0 ? void 0 : editor.cardTitle), children: item === null || item === void 0 ? void 0 : item.title }), _jsx(Typography, { variant: "b3", className: "font-extralight line-clamp-2 max-xs:line-clamp-1 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardText), children: item === null || item === void 0 ? void 0 : item.description })] }), _jsx(Link, { href: href, passHref: true, className: "w-full no-underline", children: _jsx(Button, { endIcon: _jsx(LUIcon, { icon: "angle-right", size: "sm" }), size: "lg", className: "rounded justify-between w-full bg-gray-50 text-gray-950 hover:bg-gray-50 hover:text-gray-950 ".concat(editor === null || editor === void 0 ? void 0 : editor.cardBtn), children: btnLabel }) })] }));
-};
-export default VerticalCard;

package/dist/src/components/MediaCard/VerticalCard/VerticalCard.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from "@storybook/react";
-import { CardInterface } from "../type";
-declare const _default: Meta;
-export default _default;
-export declare const _VerticalCard: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, CardInterface>;

package/dist/src/components/MediaCard/VerticalCard/VerticalCard.stories.js

@@ -1,33 +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 VerticalCard from "./VerticalCard";
-export default {
-    title: "Components/VerticalCard",
-    component: VerticalCard,
-};
-var Template = function (args) { return _jsx(VerticalCard, __assign({}, args)); };
-export var _VerticalCard = Template.bind({});
-_VerticalCard.args = {
-    // image: "/images/demo-image.jpg",
-    // title: "Heading Text",
-    // short_description: "The quick brown fox jumps over the lazy dog.",
-    item: {
-        image: "/images/demo-image.jpg",
-        title: "Heading Text",
-        description: "The quick brown fox jumps over the lazy dog.",
-    },
-    footer_logo: "/images/demo-image.jpg",
-    href: "https://www.google.com/",
-    btnLabel: "View More",
-    editor: {},
-};

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

@@ -1,3 +0,0 @@
-import { SwitchProps } from "./type";
-declare const Switch: ({ size, variant }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
-export default Switch;

package/dist/src/components/Switch/Switch.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Switch as ShadSwitch } from "../ui/switch";
-var Switch = function (_a) {
-    var size = _a.size, variant = _a.variant;
-    return _jsx(ShadSwitch, { size: size, variant: variant });
-};
-export default Switch;

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

@@ -1,5 +0,0 @@
-import { size, variant } from "../ui/switch";
-export interface SwitchProps {
-    size: keyof typeof size;
-    variant?: keyof typeof variant;
-}

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

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

package/dist/src/components/Typography/Heading.d.ts

@@ -1,3 +0,0 @@
-import { HeadingInterface } from "./type";
-declare const Heading: ({ children, className, ...props }: HeadingInterface) => import("react/jsx-runtime").JSX.Element;
-export default Heading;

package/dist/src/components/Typography/Heading.js

@@ -1,29 +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 { Heading as ShadHeading } from "../ui/heading";
-var Heading = function (_a) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(ShadHeading, __assign({ className: className }, props, { children: children })));
-};
-export default Heading;

package/dist/src/components/Typography/Heading.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from "@storybook/react";
-import { HeadingInterface } from "./type";
-declare const _default: Meta;
-export default _default;
-export declare const _Heading: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, HeadingInterface>;

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

@@ -1,37 +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 { Dummy_Para } from "../../utils/constants";
-import Heading from "./Heading";
-import { variant } from "../ui/heading";
-export default {
-    title: "Components/Typography/Heading",
-    component: Heading,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (_jsx(Heading, __assign({}, args))); };
-export var _Heading = Template.bind({});
-_Heading.args = {
-    children: Dummy_Para,
-    variant: "h6-700",
-};
-_Heading.argTypes = {
-    variant: {
-        control: { type: "select" },
-        options: Object.keys(variant),
-        description: "Heading Variant",
-        table: {
-            defaultValue: { summary: "h6-700" },
-            type: { summary: "string" },
-        },
-    },
-};

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

@@ -1,3 +0,0 @@
-import { TypographyInterface } from "./type";
-declare const Typography: ({ children, className, ...props }: TypographyInterface) => import("react/jsx-runtime").JSX.Element;
-export default Typography;

package/dist/src/components/Typography/Typography.js

@@ -1,29 +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 { Typography as ShadTypography } from "../ui/typography";
-var Typography = function (_a) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (_jsx(ShadTypography, __assign({ className: className }, props, { children: children })));
-};
-export default Typography;

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

@@ -1,5 +0,0 @@
-import { Meta } from "@storybook/react";
-import { TypographyInterface } from "./type";
-declare const _default: Meta;
-export default _default;
-export declare const _Typography: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, TypographyInterface>;

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

@@ -1,37 +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 Typography from "./Typography";
-import { variant } from "../ui/typography";
-import { Dummy_Para } from "../../utils/constants";
-export default {
-    title: "Components/Typography",
-    component: Typography,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (_jsx(Typography, __assign({}, args))); };
-export var _Typography = Template.bind({});
-_Typography.args = {
-    children: Dummy_Para,
-    variant: "b4",
-};
-_Typography.argTypes = {
-    variant: {
-        control: { type: "select" },
-        options: Object.keys(variant),
-        description: "Typography Variant",
-        table: {
-            defaultValue: { summary: "b4" },
-            type: { summary: "string" },
-        },
-    },
-};

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

@@ -1,7 +0,0 @@
-import { VariantProps } from "class-variance-authority";
-import { headingVariants } from "../ui/heading";
-export interface HeadingInterface {
-    children: React.ReactNode;
-    className?: string;
-    variant?: Exclude<VariantProps<typeof headingVariants>["variant"], null>;
-}

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

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

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

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

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

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "icon" | "sm" | "lg" | "default" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export { Button, buttonVariants };

package/dist/src/components/ui/button.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);
-};
-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 { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-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 [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
-    variants: {
-        variant: {
-            default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-            destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-            outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-            secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-            ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-            link: "text-primary underline-offset-4 hover:underline",
-        },
-        size: {
-            default: "h-9 !px-4 !py-2 has-[>svg]:px-3",
-            sm: "h-8 rounded-md gap-1.5 !px-3 has-[>svg]:px-2.5",
-            lg: "h-10 rounded-md !px-6 has-[>svg]:px-4",
-            icon: "size-9",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        size: "default",
-    },
-});
-function Button(_a) {
-    var className = _a.className, variant = _a.variant, size = _a.size, _b = _a.asChild, asChild = _b === void 0 ? false : _b, props = __rest(_a, ["className", "variant", "size", "asChild"]);
-    var Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, __assign({ "data-slot": "button", className: cn(buttonVariants({ variant: variant, size: size, className: className })) }, props)));
-}
-export { Button, buttonVariants };

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

@@ -1,15 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-export declare const variant: {
-    "display-lg": string;
-    "display-md": string;
-    "display-sm": string;
-};
-declare const displayVariants: (props?: ({
-    variant?: "display-md" | "display-lg" | "display-sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type DisplayProps = React.HTMLProps<HTMLDivElement> & VariantProps<typeof displayVariants> & {
-    variant?: keyof typeof variant;
-};
-declare function Display({ className, variant, children, ...props }: DisplayProps): import("react/jsx-runtime").JSX.Element;
-export { Display, displayVariants };

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

@@ -1,48 +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 { 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 (_jsx(Tag, __assign({ className: cn(displayVariants({ variant: variant, className: className })) }, props, { children: children })));
-}
-export { Display, displayVariants };

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

@@ -1,36 +0,0 @@
-import * as React from "react";
-import { type VariantProps } from "class-variance-authority";
-export declare const variant: {
-    h1: string;
-    "h1-500": string;
-    "h1-600": string;
-    "h1-700": string;
-    h2: string;
-    "h2-500": string;
-    "h2-600": string;
-    "h2-700": string;
-    h3: string;
-    "h3-500": string;
-    "h3-600": string;
-    "h3-700": string;
-    h4: string;
-    "h4-500": string;
-    "h4-600": string;
-    "h4-700": string;
-    h5: string;
-    "h5-500": string;
-    "h5-600": string;
-    "h5-700": string;
-    h6: string;
-    "h6-500": string;
-    "h6-600": string;
-    "h6-700": string;
-};
-declare const headingVariants: (props?: ({
-    variant?: "h2" | "h1" | "h3" | "h4" | "h5" | "h6" | "h1-500" | "h1-600" | "h1-700" | "h2-500" | "h2-600" | "h2-700" | "h3-500" | "h3-600" | "h3-700" | "h4-500" | "h4-600" | "h4-700" | "h5-500" | "h5-600" | "h5-700" | "h6-500" | "h6-600" | "h6-700" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-type HeadingProps = React.HTMLProps<HTMLElement> & VariantProps<typeof headingVariants> & {
-    variant?: keyof typeof variant;
-};
-declare function Heading({ className, variant, children, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
-export { Heading, headingVariants };

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

@@ -1,69 +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 { 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 (_jsx(Tag, __assign({ className: cn(headingVariants({ variant: variant, className: className })) }, props, { children: children })));
-}
-export { Heading, headingVariants };

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

@@ -1,3 +0,0 @@
-import { ImageUploaderProps } from "../ImageUploader/type";
-declare const ImageUploader: ({ value, onChange, required, className, maxFileSizeMB, acceptedTypes, }: ImageUploaderProps) => import("react/jsx-runtime").JSX.Element;
-export default ImageUploader;

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

@@ -1,68 +0,0 @@
-"use client";
-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 } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import { useDropzone } from "react-dropzone";
-import { cn } from "../../lib/utils";
-import LUIcon from "../Icons/LUIcon";
-import LuImage from "../Images/LuImage";
-import { Body } from "../Typography/Body/body";
-import { Button } from "../Button/Button";
-var ImageUploader = function (_a) {
-    var value = _a.value, onChange = _a.onChange, required = _a.required, className = _a.className, _b = _a.maxFileSizeMB, maxFileSizeMB = _b === void 0 ? 6 : _b, _c = _a.acceptedTypes, acceptedTypes = _c === void 0 ? ["image/png", "image/jpeg", "image/jpg", "image/svg+xml"] : _c;
-    var _d = useState(null), preview = _d[0], setPreview = _d[1];
-    var _e = useState(""), fileError = _e[0], setFileError = _e[1];
-    useEffect(function () {
-        if (value && typeof value === "string") {
-            setPreview(value);
-        }
-        else if (value instanceof File) {
-            setPreview(URL.createObjectURL(value));
-        }
-        else {
-            setPreview(null);
-        }
-    }, [value]);
-    var onDrop = function (acceptedFiles) {
-        var file = acceptedFiles[0];
-        if (!file)
-            return;
-        if (!acceptedTypes.includes(file.type)) {
-            setFileError("Only JPEG, PNG, JPG, and SVG files are supported.");
-            return;
-        }
-        var sizeMB = file.size / 1024 / 1024;
-        if (sizeMB > maxFileSizeMB) {
-            setFileError("File size exceeds ".concat(maxFileSizeMB, "MB."));
-            return;
-        }
-        var previewUrl = URL.createObjectURL(file);
-        setPreview(previewUrl);
-        setFileError("");
-        onChange(previewUrl, file);
-    };
-    var removeFile = function () {
-        setPreview(null);
-        setFileError("");
-        onChange(null, null);
-    };
-    var _f = useDropzone({
-        onDrop: onDrop,
-        multiple: false,
-        accept: {
-            "image/*": acceptedTypes,
-        },
-    }), getRootProps = _f.getRootProps, getInputProps = _f.getInputProps;
-    return (_jsxs("div", { className: cn("flex flex-col items-center", className), children: [_jsx("div", __assign({}, getRootProps(), { className: cn("!border !border-dashed !border-gray-300 !rounded-lg cursor-pointer w-64 !p-2"), children: _jsxs("div", { className: "min-h-40 flex items-center justify-center bg-gray-100 !rounded-lg", children: [_jsx("input", __assign({}, getInputProps())), preview ? (_jsx("div", { className: "relative w-full h-40 !mx-auto overflow-hidden", children: _jsx(LuImage, { src: preview, alt: "Uploaded", className: "aspect-square object-contain", fill: true }) })) : (_jsxs("div", { className: "text-center text-sm text-muted-foreground", children: [_jsx(LUIcon, { icon: "upload", size: "lg", className: "!mx-auto !mb-4" }), _jsx(Body, { variant: "body-xs-600", className: "!px-1", children: "Choose a file or drag & drop it here" }), _jsx("p", { className: "text-xs text-muted-foreground", children: "JPEG, PNG, and SVG formats" })] }))] }) })), fileError && (_jsx("p", { className: "text-sm text-red-500 text-center mt-2", children: fileError })), required && !preview && !fileError && (_jsx("p", { className: "text-sm text-red-500 text-center", children: "Image is required." })), preview && (_jsx(Button, { onClick: removeFile, className: "!mt-2 text-sm text-gray-700", children: "Remove Image" }))] }));
-};
-export default ImageUploader;

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 };