linkedunion-design-kit 1.5.3 → 1.5.4

package/dist/index.d.ts

@@ -7,7 +7,9 @@ export { default as Title } from "./src/components/Title/Title";
 export { default as IconButton } from "./src/components/Button/IconButton";
 export { default as ColorPicker } from "./src/components/ColorPicker/ColorPicker";
 export { default as Label } from "./src/components/Label/Label";
-export { default as Input } from "./src/components/Input/Input";
+export { Input } from "./src/components/ui/input";
 export { default as EditorTooltip } from "./src/components/EditorTooltip/EditorTooltip";
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./src/components/ui/accordion";
 export { default as ImageUploader } from "./src/components/ui/imageUploader";
+export { Typography } from "./src/components/ui/typography";
+export { Switch } from "./src/components/ui/switch";

package/dist/index.js

@@ -7,7 +7,9 @@ export { default as Title } from "./src/components/Title/Title";
 export { default as IconButton } from "./src/components/Button/IconButton";
 export { default as ColorPicker } from "./src/components/ColorPicker/ColorPicker";
 export { default as Label } from "./src/components/Label/Label";
-export { default as Input } from "./src/components/Input/Input";
+export { Input } from "./src/components/ui/input";
 export { default as EditorTooltip } from "./src/components/EditorTooltip/EditorTooltip";
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from "./src/components/ui/accordion";
 export { default as ImageUploader } from "./src/components/ui/imageUploader";
+export { Typography } from "./src/components/ui/typography";
+export { Switch } from "./src/components/ui/switch";

package/dist/src/components/Avatar/Avatar.js

@@ -7,6 +7,6 @@ var Avatar = function (_a) {
     var sizeClasses = avatarSize[size];
     var paddingClass = avatarPadding[size];
     return (_jsx(_Fragment, { children: image ? (_jsx("div", { className: "relative overflow-hidden bg-primary-200 ".concat(avatarShape[shape], " ").concat(className, " ").concat(sizeClasses), "data-testid": "lu-avatar", children: _jsx(Image, { src: image, alt: "avatar", className: "object-cover w-full h-full", width: 0, height: 0, sizes: "100%" //Image takes 100% of the parent container
-             }) })) : (_jsx("div", { className: "bg-neutral-100 ".concat(paddingClass, " ").concat(shape, " ").concat(className, " ").concat(sizeClasses), "data-testid": "lu-icon", children: _jsx(LUIcon, { "data-testid": "lu-icon", size: size, icon: icon, className: "text-neutral-1000 w-full h-full" }) })) }));
+             }) })) : (_jsx("div", { className: "bg-neutral-100 ".concat(paddingClass, " ").concat(avatarShape[shape], " ").concat(className, " ").concat(sizeClasses), "data-testid": "lu-icon", children: _jsx(LUIcon, { "data-testid": "lu-icon", size: size, icon: icon, className: "text-neutral-1000 w-full h-full" }) })) }));
 };
 export default Avatar;

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

@@ -1,3 +1,3 @@
 import { IconButtonProps } from "./type";
-declare const IconButton: ({ color, onClick, shape, size, className, icon, }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const IconButton: ({ color, onClick, shape, size, className, icon, ...props }: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default IconButton;

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

@@ -1,8 +1,30 @@
+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 { buttonColors, buttonShapes, iconButtonSize } from ".";
 import LUIcon from "../Icons/LUIcon";
 var IconButton = function (_a) {
-    var _b = _a.color, color = _b === void 0 ? "primary" : _b, onClick = _a.onClick, _c = _a.shape, shape = _c === void 0 ? "rounded-none" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, className = _a.className, _e = _a.icon, icon = _e === void 0 ? _jsx(LUIcon, { icon: "chart-simple", size: "xs" }) : _e;
-    return (_jsx("button", { className: "flex items-center ".concat(buttonShapes[shape], " ").concat(buttonColors[color], " ").concat(className, " ").concat(iconButtonSize[size]), onClick: onClick, children: icon && icon }));
+    var _b = _a.color, color = _b === void 0 ? "primary" : _b, onClick = _a.onClick, _c = _a.shape, shape = _c === void 0 ? "rounded-none" : _c, _d = _a.size, size = _d === void 0 ? "sm" : _d, className = _a.className, _e = _a.icon, icon = _e === void 0 ? _jsx(LUIcon, { icon: "chart-simple", size: "xs" }) : _e, props = __rest(_a, ["color", "onClick", "shape", "size", "className", "icon"]);
+    return (_jsx("button", __assign({ className: "flex items-center ".concat(buttonShapes[shape], " ").concat(buttonColors[color], " ").concat(className, " ").concat(iconButtonSize[size]), onClick: onClick }, props, { children: icon && icon })));
 };
 export default IconButton;

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

@@ -34,6 +34,6 @@ export var iconButtonSize = {
     xs: "!p-1",
     sm: "p-2",
     md: "p-2",
-    lg: "p-3",
+    lg: "!p-3",
     xl: "p-5",
 };

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

@@ -14,12 +14,10 @@ export interface ButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     className?: string;
     children: React.ReactNode;
 }
-export interface IconButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     color?: colors;
-    onClick?: () => void;
     size?: iconButtonSize;
     shape?: buttonShapes;
-    className?: string;
     icon: React.ReactNode;
 }
 export {};

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

@@ -1,4 +1,5 @@
-declare const EditorTooltip: ({ title }: {
+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

@@ -3,7 +3,7 @@ import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../ui
 import IconButton from "../Button/IconButton";
 import LUIcon from "../Icons/LUIcon";
 var EditorTooltip = function (_a) {
-    var title = _a.title;
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { children: _jsx(IconButton, { icon: _jsx(LUIcon, { icon: "question", size: "xxs" }), size: "xs", shape: "rounded-full", color: "primary-light" }) }), _jsx(TooltipContent, { children: _jsx("p", { children: title }) })] }) }));
+    var title = _a.title, className = _a.className;
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { className: className, children: _jsx(IconButton, { icon: _jsx(LUIcon, { icon: "question", size: "xs" }), size: "xs", shape: "rounded-full", color: "primary-light" }) }), _jsx(TooltipContent, { children: _jsx("div", { className: "text-base w-48 text-center font-medium", children: title }) })] }) }));
 };
 export default EditorTooltip;

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

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

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

@@ -10,21 +10,37 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import Input from "./Input";
-import { inputType } from ".";
+import { Input } from "../ui/input";
+import { inputType } from "."; // Ensure this exports an object like { text: 'text', email: 'email', ... }
 export default {
     title: "Components/Input",
     component: Input,
     tags: ["autodocs"],
-};
-var Template = function (args) { return _jsx(Input, __assign({}, args)); };
-export var _Input = Template.bind({});
-_Input.argTypes = {
-    type: {
-        control: {
-            type: "select",
-            labels: Object.keys(inputType),
+    argTypes: {
+        type: {
+            control: {
+                type: "select",
+                labels: Object.keys(inputType),
+            },
+            options: Object.keys(inputType),
+            defaultValue: "text",
+        },
+        placeholder: {
+            control: "text",
+            defaultValue: "Enter text",
+        },
+        disabled: {
+            control: "boolean",
+            defaultValue: false,
+        },
+        className: {
+            control: "text",
         },
-        options: Object.keys(inputType),
     },
 };
+var Template = function (args) { return _jsx(Input, __assign({}, args)); };
+export var Default = Template.bind({});
+Default.args = {
+    type: "text",
+    placeholder: "Enter your input",
+};

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

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

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

@@ -10,8 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import Switch from "./Switch";
-import { size, variant } from "../ui/switch";
+import { size, Switch, variant } from "../ui/switch";
 export default {
     title: "Components/Switch",
     component: Switch,
@@ -21,6 +20,11 @@ var Template = function (args) { return _jsx(Switch, __assign({}, args)); };
 export var _Switch = Template.bind({});
 _Switch.args = {
     size: "md",
+    variant: "default",
+    defaultChecked: false,
+    onCheckedChange: function (checked) {
+        return console.log("Switch is ".concat(checked ? "on" : "off"));
+    },
 };
 _Switch.argTypes = {
     variant: {
@@ -41,4 +45,34 @@ _Switch.argTypes = {
             type: { summary: "string" },
         },
     },
+    defaultChecked: {
+        control: { type: "boolean" },
+        description: "Initial checked state for uncontrolled switch",
+        table: {
+            defaultValue: { summary: "false" },
+            type: { summary: "boolean" },
+        },
+    },
+    checked: {
+        control: { type: "boolean" },
+        description: "Controlled checked state (e.g., checked={field.value} for form libraries)",
+        table: {
+            type: { summary: "boolean" },
+        },
+    },
+    onCheckedChange: {
+        action: "checked changed",
+        description: "Callback function when switch state changes",
+        table: {
+            type: { summary: "(checked: boolean) => void" },
+        },
+    },
+    disabled: {
+        control: { type: "boolean" },
+        description: "Disables the switch",
+        table: {
+            defaultValue: { summary: "false" },
+            type: { summary: "boolean" },
+        },
+    },
 };

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

@@ -1,8 +1,8 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    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;

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

@@ -24,6 +24,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from "../../lib/utils";
 function Input(_a) {
     var className = _a.className, type = _a.type, props = __rest(_a, ["className", "type"]);
-    return (_jsx("input", __assign({ type: type, "data-slot": "input", className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 border bg-transparent !px-3 !py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:shadow-outline-primary focus-visible:outline-none", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className) }, props)));
+    return (_jsx("input", __assign({ type: type, "data-slot": "input", className: cn("file:text-foreground placeholder:text-muted-foreground rounded selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-11 w-full min-w-0 border bg-transparent !px-3 !py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:shadow-outline-primary focus-visible:outline-none", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className) }, props)));
 }
 export { Input };

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

@@ -35,7 +35,7 @@ export var variant = {
     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", {
+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,
@@ -45,7 +45,7 @@ var switchVariants = cva("peer inline-flex shrink-0 items-center rounded-full bo
         variant: "default",
     },
 });
-var thumbVariants = cva("pointer-events-none block rounded-full ring-0 transition-transform", {
+var thumbVariants = cva("pointer-events-none block !rounded-full ring-0 transition-transform", {
     variants: {
         size: {
             sm: "size-3",

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

@@ -17,7 +17,7 @@ export declare const variant: {
     b4: string;
 };
 declare const typographyVariants: (props?: ({
-    variant?: "h2" | "h1" | "h3" | "h4" | "h5" | "h6" | "b4" | "d1" | "d2" | "d3" | "d4" | "b1" | "b2" | "b3" | null | undefined;
+    variant?: "h2" | "h1" | "h3" | "h4" | "h5" | "h6" | "b3" | "d1" | "d2" | "d3" | "d4" | "b1" | "b2" | "b4" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type TypographyProps = React.HTMLProps<HTMLElement> & VariantProps<typeof typographyVariants> & {
     variant?: keyof typeof variant;

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

@@ -34,10 +34,10 @@ export var variant = {
     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",
+    b1: "text-xl font-normal !m-0",
+    b2: "text-lg font-normal !m-0",
+    b3: "text-base font-normal !m-0",
+    b4: "text-sm font-medium !m-0",
 };
 var typographyVariants = cva("!leading-normal", // Default base class
 {
@@ -45,7 +45,7 @@ var typographyVariants = cva("!leading-normal", // Default base class
         variant: variant,
     },
     defaultVariants: {
-        variant: "b4",
+        variant: "b3",
     },
 });
 function Typography(_a) {

package/dist/src/utils/iconList.js

@@ -809,4 +809,9 @@ export var iconList = [
         path: "M31.0679 15.0625H28.2554C27.7376 15.0625 27.3179 15.4822 27.3179 16C27.3179 16.5178 27.7376 16.9375 28.2554 16.9375H31.0679C31.5856 16.9375 32.0054 16.5178 32.0054 16C32.0054 15.4822 31.5856 15.0625 31.0679 15.0625ZM29.8558 20.9621L27.9808 19.0871C27.6147 18.7211 27.0211 18.7211 26.655 19.0871C26.2888 19.4532 26.2888 20.0468 26.655 20.4129L28.53 22.2879C28.8961 22.6541 29.4897 22.6541 29.8558 22.2879C30.2219 21.9218 30.2219 21.3283 29.8558 20.9621ZM29.8557 9.71212C29.4897 9.34606 28.8961 9.34606 28.5299 9.71212L26.6549 11.5871C26.2888 11.9532 26.2888 12.5468 26.6549 12.9129C27.0211 13.2791 27.6147 13.279 27.9807 12.9129L29.8557 11.0379C30.2219 10.6718 30.2219 10.0782 29.8557 9.71212ZM21.6929 3.8125C20.2847 3.8125 19.1151 4.85281 18.9118 6.20525L18.0566 7.06044C16.5682 8.54888 14.3762 9.4375 12.1929 9.4375H6.56787C5.34568 9.4375 4.30362 10.2213 3.91662 11.3125H3.75537C1.68762 11.3125 0.00537109 12.9948 0.00537109 15.0625C0.00537109 17.1302 1.68762 18.8125 3.75537 18.8125H3.91662C4.19956 19.6102 4.83262 20.2433 5.63037 20.5263V25.375C5.63037 26.9258 6.89212 28.1875 8.44293 28.1875C9.99368 28.1875 11.2554 26.9258 11.2554 25.375V20.6875H12.1929C14.3761 20.6875 16.5681 21.5761 18.0566 23.0646L18.9118 23.9198C19.1151 25.2721 20.2847 26.3125 21.6929 26.3125C23.2437 26.3125 24.5054 25.0508 24.5054 23.5V6.625C24.5054 5.07419 23.2437 3.8125 21.6929 3.8125ZM3.75537 16.9375C2.7215 16.9375 1.88037 16.0964 1.88037 15.0625C1.88037 14.0286 2.7215 13.1875 3.75537 13.1875V16.9375ZM18.8804 21.2716C17.2966 19.9009 15.2602 19.0492 13.1241 18.855L13.1242 11.2699C15.2602 11.0758 17.2966 10.2241 18.8804 8.85331V21.2716Z",
         label: "megaPhone",
     },
+    {
+        key: "flickr",
+        path: "M28.5714 0H3.42857C1.53571 0 0 1.53571 0 3.42857V28.5714C0 30.4643 1.53571 32 3.42857 32H28.5714C30.4643 32 32 30.4643 32 28.5714V3.42857C32 1.53571 30.4643 0 28.5714 0ZM10.3214 20.5C7.81429 20.5 5.78571 18.4714 5.78571 15.9643C5.78571 13.4571 7.81429 11.4286 10.3214 11.4286C12.8286 11.4286 14.8571 13.4571 14.8571 15.9643C14.8571 18.4714 12.8286 20.5 10.3214 20.5ZM21.6786 20.5C19.1714 20.5 17.1429 18.4714 17.1429 15.9643C17.1429 13.4571 19.1714 11.4286 21.6786 11.4286C24.1857 11.4286 26.2143 13.4571 26.2143 15.9643C26.2143 18.4714 24.1857 20.5 21.6786 20.5Z",
+        label: "flickr",
+    },
 ];

package/dist/styles/global.css

@@ -251,6 +251,9 @@
       max-width: 96rem;
     }
   }
+  .\!m-0 {
+    margin: calc(var(--spacing) * 0) !important;
+  }
   .m-0 {
     margin: calc(var(--spacing) * 0);
   }
@@ -422,6 +425,9 @@
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
+  .h-11 {
+    height: calc(var(--spacing) * 11);
+  }
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
@@ -533,6 +539,9 @@
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
+  .w-48 {
+    width: calc(var(--spacing) * 48);
+  }
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
@@ -839,6 +848,9 @@
   .\!p-2 {
     padding: calc(var(--spacing) * 2) !important;
   }
+  .\!p-3 {
+    padding: calc(var(--spacing) * 3) !important;
+  }
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
@@ -2789,4 +2801,3 @@ body {
     }
   }
 }
-

package/package.json

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

package/dist/app/layout.jsx

@@ -1,13 +0,0 @@
-import { Inter } from "next/font/google";
-import "@/styles/globals.css";
-var inter = Inter({ subsets: ["latin"] });
-export var metadata = {
-    title: "Create Next App",
-    description: "Generated by create next app",
-};
-export default function RootLayout(_a) {
-    var children = _a.children;
-    return (<html lang="en">
-      <body className={inter.className}>{children}</body>
-    </html>);
-}

package/dist/app/page.jsx

@@ -1,71 +0,0 @@
-import Image from "next/image";
-export default function Home() {
-    return (<main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <div className="z-10 max-w-5xl w-full items-center justify-between font-mono text-sm lg:flex">
-        <p className="fixed left-0 top-0 flex w-full justify-center border-b border-gray-300 bg-gradient-to-b from-zinc-200 pb-6 pt-8 backdrop-blur-2xl dark:border-neutral-800 dark:bg-zinc-800/30 dark:from-inherit lg:static lg:w-auto  lg:rounded-xl lg:border lg:bg-gray-200 lg:p-4 lg:dark:bg-zinc-800/30">
-          Get started by editing&nbsp;
-          <code className="font-mono font-bold">app/page.tsx</code>
-        </p>
-        <div className="fixed bottom-0 left-0 flex h-48 w-full items-end justify-center bg-gradient-to-t from-white via-white dark:from-black dark:via-black lg:static lg:h-auto lg:w-auto lg:bg-none">
-          <a className="pointer-events-none flex place-items-center gap-2 p-8 lg:pointer-events-auto lg:p-0" href="https://vercel.com?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" target="_blank" rel="noopener noreferrer">
-            By{" "}
-            <Image src="/vercel.svg" alt="Vercel Logo" className="dark:invert" width={100} height={24} priority/>
-          </a>
-        </div>
-      </div>
-
-      <div className="relative flex place-items-center before:absolute before:h-[300px] before:w-[480px] before:-translate-x-1/2 before:rounded-full before:bg-gradient-radial before:from-white before:to-transparent before:blur-2xl before:content-[''] after:absolute after:-z-20 after:h-[180px] after:w-[240px] after:translate-x-1/3 after:bg-gradient-conic after:from-sky-200 after:via-blue-200 after:blur-2xl after:content-[''] before:dark:bg-gradient-to-br before:dark:from-transparent before:dark:to-blue-700 before:dark:opacity-10 after:dark:from-sky-900 after:dark:via-[#0141ff] after:dark:opacity-40 before:lg:h-[360px] z-[-1]">
-        <Image className="relative dark:drop-shadow-[0_0_0.3rem_#ffffff70] dark:invert" src="/next.svg" alt="Next.js Logo" width={180} height={37} priority/>
-      </div>
-
-      <div className="mb-32 grid text-center lg:max-w-5xl lg:w-full lg:mb-0 lg:grid-cols-4 lg:text-left">
-        <a href="https://nextjs.org/docs?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer">
-          <h2 className={"mb-3 text-2xl font-semibold"}>
-            Docs{" "}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
-            Find in-depth information about Next.js features and API.
-          </p>
-        </a>
-
-        <a href="https://nextjs.org/learn?utm_source=create-next-app&utm_medium=appdir-template-tw&utm_campaign=create-next-app" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer">
-          <h2 className={"mb-3 text-2xl font-semibold"}>
-            Learn{" "}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
-            Learn about Next.js in an interactive course with&nbsp;quizzes!
-          </p>
-        </a>
-
-        <a href="https://vercel.com/templates?framework=next.js&utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer">
-          <h2 className={"mb-3 text-2xl font-semibold"}>
-            Templates{" "}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
-            Explore the Next.js 13 playground.
-          </p>
-        </a>
-
-        <a href="https://vercel.com/new?utm_source=create-next-app&utm_medium=appdir-template&utm_campaign=create-next-app" className="group rounded-lg border border-transparent px-5 py-4 transition-colors hover:border-gray-300 hover:bg-gray-100 hover:dark:border-neutral-700 hover:dark:bg-neutral-800/30" target="_blank" rel="noopener noreferrer">
-          <h2 className={"mb-3 text-2xl font-semibold"}>
-            Deploy{" "}
-            <span className="inline-block transition-transform group-hover:translate-x-1 motion-reduce:transform-none">
-              -&gt;
-            </span>
-          </h2>
-          <p className={"m-0 max-w-[30ch] text-sm opacity-50"}>
-            Instantly deploy your Next.js site to a shareable URL with Vercel.
-          </p>
-        </a>
-      </div>
-    </main>);
-}

package/dist/build/types/app/layout.d.ts

@@ -1,12 +0,0 @@
-type SegmentParams<T extends Object = any> = T extends Record<string, any> ? {
-    [K in keyof T]: T[K] extends string ? string | string[] | undefined : never;
-} : T;
-export interface PageProps {
-    params?: Promise<SegmentParams>;
-    searchParams?: Promise<any>;
-}
-export interface LayoutProps {
-    children?: React.ReactNode;
-    params?: Promise<SegmentParams>;
-}
-export {};

package/dist/build/types/app/layout.js

@@ -1,22 +0,0 @@
-// File: /Users/avialdosolutions/linkedunion-design-kit/linkedunion-design-kit/app/layout.tsx
-import * as entry from '../../../app/layout.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-checkFields();
-// Check the arguments and return type of the generateMetadata function
-if ('generateMetadata' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateViewport function
-if ('generateViewport' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }

package/dist/build/types/app/page.d.ts

@@ -1,12 +0,0 @@
-type SegmentParams<T extends Object = any> = T extends Record<string, any> ? {
-    [K in keyof T]: T[K] extends string ? string | string[] | undefined : never;
-} : T;
-export interface PageProps {
-    params?: Promise<SegmentParams>;
-    searchParams?: Promise<any>;
-}
-export interface LayoutProps {
-    children?: React.ReactNode;
-    params?: Promise<SegmentParams>;
-}
-export {};

package/dist/build/types/app/page.js

@@ -1,22 +0,0 @@
-// File: /Users/avialdosolutions/linkedunion-design-kit/linkedunion-design-kit/app/page.tsx
-import * as entry from '../../../app/page.js';
-// Check that the entry is a valid entry
-checkFields();
-// Check the prop type of the entry function
-checkFields();
-// Check the arguments and return type of the generateMetadata function
-if ('generateMetadata' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateViewport function
-if ('generateViewport' in entry) {
-    checkFields();
-    checkFields();
-}
-// Check the arguments and return type of the generateStaticParams function
-if ('generateStaticParams' in entry) {
-    checkFields();
-    checkFields();
-}
-function checkFields() { }

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

@@ -1,5 +0,0 @@
-import { AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion";
-declare const Accordion: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/src/components/Accordion/Accordion.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Accordion as ShadAccordion, AccordionItem, AccordionTrigger, AccordionContent, } from "../ui/accordion";
-var Accordion = function (_a) {
-    var children = _a.children;
-    return (_jsx(ShadAccordion, { type: "single", collapsible: true, children: children }));
-};
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/src/components/Accordion/EditorAccordion.d.ts

@@ -1,5 +0,0 @@
-import { AccordionItem, AccordionTrigger, AccordionContent } from "../ui/accordion";
-declare const EditorAccordion: ({ children }: {
-    children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
-export { EditorAccordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/src/components/Accordion/EditorAccordion.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Accordion as ShadAccordion, AccordionItem, AccordionTrigger, AccordionContent, } from "../ui/accordion";
-var EditorAccordion = function (_a) {
-    var children = _a.children;
-    return (_jsx(ShadAccordion, { type: "single", collapsible: true, children: children }));
-};
-export { EditorAccordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/src/components/Accordion/EditorAccordion.stories.d.ts

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

package/dist/src/components/Accordion/EditorAccordion.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, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { AccordionContent, AccordionItem, AccordionTrigger, } from "../ui/accordion";
-import ColorPicker from "../ColorPicker/ColorPicker";
-import { Accordion } from "./Accordion";
-export default {
-    title: "Components/Accordion",
-    component: Accordion,
-    tags: ["autodocs"],
-};
-var Template = function (args) { return (_jsx(Accordion, __assign({}, args))); };
-export var _EditorAccordion = Template.bind({});
-_EditorAccordion.args = {
-    children: (_jsxs(_Fragment, { children: [_jsxs(AccordionItem, { value: "menus", children: [_jsx(AccordionTrigger, { children: "Menus" }), _jsx(AccordionContent, { children: _jsx(ColorPicker, { value: "#000000", onChange: function () { return console.log("color"); } }) })] }), _jsxs(AccordionItem, { value: "styling", children: [_jsx(AccordionTrigger, { children: "Styling" }), _jsx(AccordionContent, { children: "Is it styled?" })] })] })),
-};
-_EditorAccordion.argTypes = {
-    children: {
-        description: "Pass `AccordionItem` components as children. Each item includes an `AccordionTrigger` (the clickable label) and `AccordionContent` (collapsible body). You can customize both with any valid React nodes \n\nFor more details and usage examples, refer to the [ShadCN Accordion documentation](https://ui.shadcn.com/docs/components/accordion).",
-        table: {
-            type: { summary: "React.ReactNode" },
-        },
-    },
-};

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

@@ -1,5 +0,0 @@
-export interface AccordionInterface {
-    children: React.ReactNode;
-    header_title: string;
-    tooltip_title: string;
-}