linkedunion-design-kit 1.5.2 → 1.5.3

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

@@ -0,0 +1,61 @@
+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 SwitchPrimitive from "@radix-ui/react-switch";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+export var size = {
+    sm: "h-4 w-6",
+    md: "w-12 h-6", // default
+    lg: "h-6 w-14",
+};
+export var variant = {
+    default: "data-[state=checked]:bg-primary-500 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 focus-visible:ring-ring/50 focus-visible:border-ring",
+    primary: "data-[state=checked]:bg-primary-500 data-[state=unchecked]:bg-input dark:data-[state=unchecked]:bg-input/80 focus-visible:ring-ring/50 focus-visible:border-ring",
+    success: "data-[state=checked]:bg-success-500 data-[state=unchecked]:bg-input focus-visible:ring-green-500",
+    danger: "data-[state=checked]:bg-danger-500 data-[state=unchecked]:bg-input focus-visible:ring-red-500",
+};
+var switchVariants = cva("peer inline-flex shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", {
+    variants: {
+        size: size,
+        variant: variant,
+    },
+    defaultVariants: {
+        size: "md",
+        variant: "default",
+    },
+});
+var thumbVariants = cva("pointer-events-none block rounded-full ring-0 transition-transform", {
+    variants: {
+        size: {
+            sm: "size-3",
+            md: "size-4", // default
+            lg: "size-5",
+        },
+    },
+    defaultVariants: {
+        size: "md",
+    },
+});
+// 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",
+};
+function Switch(_a) {
+    var className = _a.className, size = _a.size, variant = _a.variant, props = __rest(_a, ["className", "size", "variant"]);
+    return (<SwitchPrimitive.Root data-slot="switch" className={cn(switchVariants({ size: size, variant: variant }), className)} {...props}>
+      <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")}/>
+    </SwitchPrimitive.Root>);
+}
+export { Switch };

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

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

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

@@ -0,0 +1,42 @@
+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 * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "../../lib/utils";
+function TooltipProvider(_a) {
+    var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
+    return (_jsx(TooltipPrimitive.Provider, __assign({ "data-slot": "tooltip-provider", delayDuration: delayDuration }, props)));
+}
+function Tooltip(_a) {
+    var props = __rest(_a, []);
+    return (_jsx(TooltipProvider, { children: _jsx(TooltipPrimitive.Root, __assign({ "data-slot": "tooltip" }, props)) }));
+}
+function TooltipTrigger(_a) {
+    var props = __rest(_a, []);
+    return _jsx(TooltipPrimitive.Trigger, __assign({ "data-slot": "tooltip-trigger" }, props));
+}
+function TooltipContent(_a) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
+    return (_jsx(TooltipPrimitive.Portal, { children: _jsxs(TooltipPrimitive.Content, __assign({ "data-slot": "tooltip-content", sideOffset: sideOffset, className: cn("!bg-primary !text-primary-foreground animate-in fade-in-0 !zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 !w-fit origin-(--radix-tooltip-content-transform-origin) !rounded-md !px-3 !py-1.5 !text-xs !text-balance", className) }, props, { children: [children, _jsx(TooltipPrimitive.Arrow, { className: "!bg-primary !fill-primary z-50 !size-3 translate-y-[calc(-50%_-_2px)] rotate-45 !rounded-[2px]" })] })) }));
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

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

@@ -0,0 +1,38 @@
+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 TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "../../lib/utils";
+function TooltipProvider(_a) {
+    var _b = _a.delayDuration, delayDuration = _b === void 0 ? 0 : _b, props = __rest(_a, ["delayDuration"]);
+    return (<TooltipPrimitive.Provider data-slot="tooltip-provider" delayDuration={delayDuration} {...props}/>);
+}
+function Tooltip(_a) {
+    var props = __rest(_a, []);
+    return (<TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props}/>
+    </TooltipProvider>);
+}
+function TooltipTrigger(_a) {
+    var props = __rest(_a, []);
+    return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props}/>;
+}
+function TooltipContent(_a) {
+    var className = _a.className, _b = _a.sideOffset, sideOffset = _b === void 0 ? 0 : _b, children = _a.children, props = __rest(_a, ["className", "sideOffset", "children"]);
+    return (<TooltipPrimitive.Portal>
+      <TooltipPrimitive.Content data-slot="tooltip-content" sideOffset={sideOffset} className={cn("bg-primary text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className)} {...props}>
+        {children}
+        <TooltipPrimitive.Arrow className="bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"/>
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>);
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };

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

@@ -0,0 +1,26 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+export declare const variant: {
+    h1: string;
+    h2: string;
+    h3: string;
+    h4: string;
+    h5: string;
+    h6: string;
+    d1: string;
+    d2: string;
+    d3: string;
+    d4: string;
+    b1: string;
+    b2: string;
+    b3: string;
+    b4: string;
+};
+declare const typographyVariants: (props?: ({
+    variant?: "h2" | "h1" | "h3" | "h4" | "h5" | "h6" | "b4" | "d1" | "d2" | "d3" | "d4" | "b1" | "b2" | "b3" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TypographyProps = React.HTMLProps<HTMLElement> & VariantProps<typeof typographyVariants> & {
+    variant?: keyof typeof variant;
+};
+declare function Typography({ className, variant, children, ...props }: TypographyProps): import("react/jsx-runtime").JSX.Element;
+export { Typography, typographyVariants };

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

@@ -0,0 +1,65 @@
+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-bold",
+    h2: "text-4xl font-bold",
+    h3: "text-3xl font-bold",
+    h4: "text-2xl font-semibold",
+    h5: "text-xl font-semibold",
+    h6: "text-lg font-semibold",
+    d1: "text-9xl font-bold",
+    d2: "text-8xl font-bold",
+    d3: "text-7xl font-bold",
+    d4: "text-6xl font-bold",
+    b1: "text-xl font-normal",
+    b2: "text-lg font-normal",
+    b3: "text-base font-normal",
+    b4: "text-sm font-medium",
+};
+var typographyVariants = cva("!leading-normal", // Default base class
+{
+    variants: {
+        variant: variant,
+    },
+    defaultVariants: {
+        variant: "b4",
+    },
+});
+function Typography(_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;
+    }
+    else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("d")) {
+        Tag = "div";
+    }
+    else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("b")) {
+        Tag = "p";
+    }
+    return (_jsx(Tag, __assign({ className: cn(typographyVariants({ variant: variant, className: className })) }, props, { children: children })));
+}
+export { Typography, typographyVariants };

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

@@ -0,0 +1,56 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../../lib/utils";
+export var variant = {
+    h1: "text-5xl font-bold",
+    h2: "text-4xl font-bold",
+    h3: "text-3xl font-bold",
+    h4: "text-2xl font-semibold",
+    h5: "text-xl font-semibold",
+    h6: "text-lg font-semibold",
+    d1: "text-9xl font-bold",
+    d2: "text-8xl font-bold",
+    d3: "text-7xl font-bold",
+    d4: "text-6xl font-bold",
+    b1: "text-xl font-normal",
+    b2: "text-lg font-normal",
+    b3: "text-base font-normal",
+    b4: "text-sm font-medium",
+};
+var typographyVariants = cva("!leading-normal", // Default base class
+{
+    variants: {
+        variant: variant,
+    },
+    defaultVariants: {
+        variant: "b4",
+    },
+});
+function Typography(_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;
+    }
+    else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("d")) {
+        Tag = "div";
+    }
+    else if (variant === null || variant === void 0 ? void 0 : variant.startsWith("b")) {
+        Tag = "p";
+    }
+    return (<Tag className={cn(typographyVariants({ variant: variant, className: className }))} {...props}>
+      {children}
+    </Tag>);
+}
+export { Typography, typographyVariants };

package/dist/src/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from "clsx";
+export declare function cn(...inputs: ClassValue[]): string;

package/dist/src/lib/utils.js

@@ -0,0 +1,9 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+export function cn() {
+    var inputs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        inputs[_i] = arguments[_i];
+    }
+    return twMerge(clsx(inputs));
+}

package/dist/src/utils/colors.d.ts

@@ -0,0 +1,70 @@
+export declare const colors: {
+    white: string;
+    black: string;
+    "primary-0": string;
+    "primary-100": string;
+    "primary-200": string;
+    "primary-300": string;
+    "primary-400": string;
+    "primary-500": string;
+    "primary-600": string;
+    "primary-700": string;
+    "primary-800": string;
+    "primary-900": string;
+    "primary-1000": string;
+    "neutral-0": string;
+    "neutral-100": string;
+    "neutral-200": string;
+    "neutral-300": string;
+    "neutral-400": string;
+    "neutral-500": string;
+    "neutral-600": string;
+    "neutral-700": string;
+    "neutral-800": string;
+    "neutral-900": string;
+    "neutral-1000": string;
+    "success-0": string;
+    "success-100": string;
+    "success-200": string;
+    "success-300": string;
+    "success-400": string;
+    "success-500": string;
+    "success-600": string;
+    "success-700": string;
+    "success-800": string;
+    "success-900": string;
+    "success-1000": string;
+    "warning-0": string;
+    "warning-100": string;
+    "warning-200": string;
+    "warning-300": string;
+    "warning-400": string;
+    "warning-500": string;
+    "warning-600": string;
+    "warning-700": string;
+    "warning-800": string;
+    "warning-900": string;
+    "warning-1000": string;
+    "danger-0": string;
+    "danger-100": string;
+    "danger-200": string;
+    "danger-300": string;
+    "danger-400": string;
+    "danger-500": string;
+    "danger-600": string;
+    "danger-700": string;
+    "danger-800": string;
+    "danger-900": string;
+    "danger-1000": string;
+    "info-0": string;
+    "info-100": string;
+    "info-200": string;
+    "info-300": string;
+    "info-400": string;
+    "info-500": string;
+    "info-600": string;
+    "info-700": string;
+    "info-800": string;
+    "info-900": string;
+    "info-1000": string;
+};

package/dist/src/utils/colors.js

@@ -0,0 +1,70 @@
+export var colors = {
+    white: "var(--white)",
+    black: "var(--black)",
+    "primary-0": "var(--primary-0)",
+    "primary-100": "var(--primary-100)",
+    "primary-200": "var(--primary-200)",
+    "primary-300": "var(--primary-300)",
+    "primary-400": "var(--primary-400)",
+    "primary-500": "var(--primary-500)",
+    "primary-600": "var(--primary-600)",
+    "primary-700": "var(--primary-700)",
+    "primary-800": "var(--primary-800)",
+    "primary-900": "var(--primary-900)",
+    "primary-1000": "var(--primary-1000)",
+    "neutral-0": "var(--neutral-0)",
+    "neutral-100": "var(--neutral-100)",
+    "neutral-200": "var(--neutral-200)",
+    "neutral-300": "var(--neutral-300)",
+    "neutral-400": "var(--neutral-400)",
+    "neutral-500": "var(--neutral-500)",
+    "neutral-600": "var(--neutral-600)",
+    "neutral-700": "var(--neutral-700)",
+    "neutral-800": "var(--neutral-800)",
+    "neutral-900": "var(--neutral-900)",
+    "neutral-1000": "var(--neutral-1000)",
+    "success-0": "var(--success-0)",
+    "success-100": "var(--success-100)",
+    "success-200": "var(--success-200)",
+    "success-300": "var(--success-300)",
+    "success-400": "var(--success-400)",
+    "success-500": "var(--success-500)",
+    "success-600": "var(--success-600)",
+    "success-700": "var(--success-700)",
+    "success-800": "var(--success-800)",
+    "success-900": "var(--success-900)",
+    "success-1000": "var(--success-1000)",
+    "warning-0": "var(--warning-0)",
+    "warning-100": "var(--warning-100)",
+    "warning-200": "var(--warning-200)",
+    "warning-300": "var(--warning-300)",
+    "warning-400": "var(--warning-400)",
+    "warning-500": "var(--warning-500)",
+    "warning-600": "var(--warning-600)",
+    "warning-700": "var(--warning-700)",
+    "warning-800": "var(--warning-800)",
+    "warning-900": "var(--warning-900)",
+    "warning-1000": "var(--warning-1000)",
+    "danger-0": "var(--danger-0)",
+    "danger-100": "var(--danger-100)",
+    "danger-200": "var(--danger-200)",
+    "danger-300": "var(--danger-300)",
+    "danger-400": "var(--danger-400)",
+    "danger-500": "var(--danger-500)",
+    "danger-600": "var(--danger-600)",
+    "danger-700": "var(--danger-700)",
+    "danger-800": "var(--danger-800)",
+    "danger-900": "var(--danger-900)",
+    "danger-1000": "var(--danger-1000)",
+    "info-0": "var(--info-0)",
+    "info-100": "var(--info-100)",
+    "info-200": "var(--info-200)",
+    "info-300": "var(--info-300)",
+    "info-400": "var(--info-400)",
+    "info-500": "var(--info-500)",
+    "info-600": "var(--info-600)",
+    "info-700": "var(--info-700)",
+    "info-800": "var(--info-800)",
+    "info-900": "var(--info-900)",
+    "info-1000": "var(--info-1000)",
+};

package/dist/{utils → src/utils}/constants.d.ts

@@ -1,2 +1,4 @@
 export declare const Dummy_Para = "The quick brown fox jumps over the dog.";
 export declare const Dummy_Title = "Hello World!";
+export declare const Dummy_Url = "https://example.com";
+export declare const Dummy_label = "Button";

package/dist/src/utils/constants.js

@@ -0,0 +1,4 @@
+export var Dummy_Para = "The quick brown fox jumps over the dog.";
+export var Dummy_Title = "Hello World!";
+export var Dummy_Url = "https://example.com";
+export var Dummy_label = "Button";

package/dist/src/utils/enums.d.ts

@@ -0,0 +1,9 @@
+export declare enum ContentType {
+    none = "none",
+    text_with_icon = "text with icon",
+    icon_only = "icon only"
+}
+export declare enum OrientationEnum {
+    horizontal = "horizontal",
+    vertical = "vertical"
+}

package/dist/src/utils/enums.js

@@ -0,0 +1,11 @@
+export var ContentType;
+(function (ContentType) {
+    ContentType["none"] = "none";
+    ContentType["text_with_icon"] = "text with icon";
+    ContentType["icon_only"] = "icon only";
+})(ContentType || (ContentType = {}));
+export var OrientationEnum;
+(function (OrientationEnum) {
+    OrientationEnum["horizontal"] = "horizontal";
+    OrientationEnum["vertical"] = "vertical";
+})(OrientationEnum || (OrientationEnum = {}));

package/dist/{utils → src/utils}/iconList.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconList = void 0;
-exports.iconList = [
+export var iconList = [
     {
         key: "chart-simple",
         label: "chart-simple",

package/dist/src/utils/index.d.ts

@@ -0,0 +1,18 @@
+import { SectionTypeEnum } from "../components/MediaCard/index";
+import { OrientationEnum } from "./enums";
+export declare const defaultCardProps: {
+    type: SectionTypeEnum;
+    image: string;
+    layout: OrientationEnum;
+    heading: string;
+    body: string;
+    className: string;
+    btnLabel: string;
+    href: string;
+    card_title_color: string;
+    id: number;
+};
+export declare const sectionTypeList: {
+    key: SectionTypeEnum;
+    label: SectionTypeEnum;
+}[];

package/dist/src/utils/index.js

@@ -0,0 +1,20 @@
+import { SectionTypeEnum } from "../components/MediaCard/index";
+import { colors } from "./colors";
+import { OrientationEnum } from "./enums";
+//************Used for typography and color utilities Storybook************
+export var defaultCardProps = {
+    type: SectionTypeEnum.postByCategoriesTheme,
+    image: "/images/demo-image.jpg",
+    layout: OrientationEnum.horizontal,
+    heading: "Heading Text",
+    body: "The quick brown fox jumps over the lazy dog.",
+    className: "",
+    btnLabel: "View More",
+    href: "https://www.google.com/",
+    card_title_color: colors.black,
+    id: 1,
+};
+export var sectionTypeList = Object.values(SectionTypeEnum).map(function (type) { return ({
+    key: type,
+    label: type,
+}); });