@verbb/plugin-kit-react 1.0.10 → 2.0.1

package/dist/components/Command.js

@@ -1,94 +0,0 @@
-import { cn } from "../utils/classes.js";
-import "../utils/index.js";
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle } from "./Dialog.js";
-import "./index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faSearch } from "@fortawesome/pro-solid-svg-icons";
-import { Command as Command$1, useCommandState } from "cmdk";
-//#region src/components/Command.tsx
-function Command({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1, {
-		"data-slot": "command",
-		className: cn("flex h-full w-full flex-col", "text-xs", "rounded shadow-md focus:shadow-md", className),
-		...props
-	});
-}
-function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, showCloseButton = true, ...props }) {
-	return /* @__PURE__ */ jsxs(Dialog, {
-		...props,
-		children: [/* @__PURE__ */ jsxs(DialogHeader, {
-			className: "sr-only",
-			children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]
-		}), /* @__PURE__ */ jsx(DialogContent, {
-			className: "p-0 shadow-lg",
-			showCloseButton,
-			children: /* @__PURE__ */ jsx(Command, {
-				className: cn("[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5", "[&_[cmdk-group-heading]]:font-medium", "[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"),
-				children
-			})
-		})]
-	});
-}
-function CommandInput({ className, ...props }) {
-	return /* @__PURE__ */ jsxs("div", {
-		"data-slot": "command-input-wrapper",
-		className: "flex items-center border-b border-slate-150 px-2",
-		children: [/* @__PURE__ */ jsx(FontAwesomeIcon, {
-			icon: faSearch,
-			className: "mr-2 size-3 shrink-0 opacity-50"
-		}), /* @__PURE__ */ jsx(Command$1.Input, {
-			"data-slot": "command-input",
-			className: cn("flex w-full py-2.5", "rounded-md text-xs", "shadow-none outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
-			...props
-		})]
-	});
-}
-var CommandList = React.forwardRef(({ className, ...props }, ref) => {
-	return /* @__PURE__ */ jsx(Command$1.List, {
-		ref,
-		"data-slot": "command-list",
-		className: cn("max-h-[300px] overflow-y-auto", className),
-		...props
-	});
-});
-function CommandEmpty({ ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Empty, {
-		"data-slot": "command-empty",
-		className: cn("pt-4 pb-3 text-center", "text-xs"),
-		...props
-	});
-}
-function CommandGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Group, {
-		"data-slot": "command-group",
-		className: cn("text-xs", "text-gray-600", "**:[[cmdk-group-heading]]:text-gray-500", "overflow-hidden", "py-1", "**:[[cmdk-group-heading]]:px-2", "**:[[cmdk-group-heading]]:py-1", "**:[[cmdk-group-heading]]:text-[11px]", "**:[[cmdk-group-heading]]:font-medium", className),
-		...props
-	});
-}
-function CommandSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Separator, {
-		"data-slot": "command-separator",
-		className: cn("pointer-events-none", "h-px", "bg-slate-200", className),
-		...props
-	});
-}
-function CommandItem({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Command$1.Item, {
-		"data-slot": "command-item",
-		className: cn("relative flex gap-2 items-center px-2 py-1.5", "text-xs data-[selected=true]:bg-slate-100", "cursor-default select-none outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50", "[&_svg]:pointer-events-none [&_svg]:not([class*=\"size-\"]):size-3 [&_svg]:shrink-0", className),
-		...props
-	});
-}
-function CommandShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "command-shortcut",
-		className: cn("ml-auto", "text-xs tracking-widest", className),
-		...props
-	});
-}
-//#endregion
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, useCommandState };
-
-//# sourceMappingURL=Command.js.map

package/dist/components/Command.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Command.js","names":[],"sources":["../../src/components/Command.tsx"],"sourcesContent":["import React, { ComponentProps, type ReactNode } from 'react';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faSearch } from '@fortawesome/pro-solid-svg-icons';\nimport { Command as CommandPrimitive, useCommandState } from 'cmdk';\n\nimport {\n    Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle,\n} from '@verbb/plugin-kit-react/components';\n\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\nfunction Command({\n    className,\n    ...props\n}: ComponentProps<typeof CommandPrimitive>) {\n    return (\n        <CommandPrimitive\n            data-slot=\"command\"\n            className={cn(\n                // Layout\n                'flex h-full w-full flex-col',\n\n                'text-xs',\n\n                // Appearance\n                'rounded shadow-md focus:shadow-md',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nfunction CommandDialog({\n    title = 'Command Palette',\n    description = 'Search for a command to run...',\n    children,\n    showCloseButton = true,\n    ...props\n}: ComponentProps<typeof Dialog> & {\n    title?: string\n    description?: string\n    showCloseButton?: boolean\n}) {\n    return (\n        <Dialog {...props}>\n            <DialogHeader className=\"sr-only\">\n                <DialogTitle>{title}</DialogTitle>\n                <DialogDescription>{description}</DialogDescription>\n            </DialogHeader>\n\n            <DialogContent\n                className=\"p-0 shadow-lg\"\n                showCloseButton={showCloseButton}\n            >\n                <Command className={cn(\n                    // Layout\n                    '[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5',\n\n                    // Appearance\n                    '[&_[cmdk-group-heading]]:font-medium',\n                    '[&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5',\n                )}>\n                    {children as ReactNode}\n                </Command>\n            </DialogContent>\n        </Dialog>\n    );\n};\n\nfunction CommandInput({\n    className,\n    ...props\n}: ComponentProps<typeof CommandPrimitive.Input>) {\n    return (\n        <div\n            data-slot=\"command-input-wrapper\"\n            className=\"flex items-center border-b border-slate-150 px-2\"\n        >\n            <FontAwesomeIcon icon={faSearch} className=\"mr-2 size-3 shrink-0 opacity-50\" />\n\n            <CommandPrimitive.Input\n                data-slot=\"command-input\"\n                className={cn(\n                    // Layout\n                    'flex w-full py-2.5',\n\n                    // Appearance\n                    'rounded-md text-xs',\n\n                    // State\n                    'shadow-none outline-hidden disabled:cursor-not-allowed disabled:opacity-50',\n                    className,\n                )}\n                {...props}\n            />\n        </div>\n    );\n};\n\nconst CommandList = React.forwardRef<\n    HTMLDivElement,\n    ComponentProps<typeof CommandPrimitive.List>\n>(({ className, ...props }, ref) => {\n    return (\n        <CommandPrimitive.List\n            ref={ref}\n            data-slot=\"command-list\"\n            className={cn(\n                // Layout\n                'max-h-[300px] overflow-y-auto',\n\n                // Appearance\n                // 'text-xs',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n});\n\nfunction CommandEmpty({\n    ...props\n}: ComponentProps<typeof CommandPrimitive.Empty>) {\n    return (\n        <CommandPrimitive.Empty\n            data-slot=\"command-empty\"\n            className={cn(\n                // Layout\n                'pt-4 pb-3 text-center',\n\n                // Appearance\n                'text-xs',\n            )}\n            {...props}\n        />\n    );\n};\n\nfunction CommandGroup({\n    className,\n    ...props\n}: ComponentProps<typeof CommandPrimitive.Group>) {\n    return (\n        <CommandPrimitive.Group\n            data-slot=\"command-group\"\n            className={cn(\n                // Layout\n                // 'my-1',\n\n                'text-xs',\n                \"text-gray-600\",\n                \"**:[[cmdk-group-heading]]:text-gray-500\",\n                \"overflow-hidden\",\n                'py-1',\n                '**:[[cmdk-group-heading]]:px-2',\n                '**:[[cmdk-group-heading]]:py-1',\n                '**:[[cmdk-group-heading]]:text-[11px]',\n                '**:[[cmdk-group-heading]]:font-medium',\n\n\n                // Appearance\n                // '[&_[cmdk-group-heading]]:px-2',\n                // '[&_[cmdk-group-heading]]:text-[11px]',\n                // '[&_[cmdk-group-heading]]:text-slate-700',\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nfunction CommandSeparator({\n    className,\n    ...props\n}: ComponentProps<typeof CommandPrimitive.Separator>) {\n    return (\n        <CommandPrimitive.Separator\n            data-slot=\"command-separator\"\n            className={cn(\n                // Reset\n                'pointer-events-none',\n\n                // Layout\n                'h-px',\n\n                // Theme\n                'bg-slate-200',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nfunction CommandItem({\n    className,\n    ...props\n}: ComponentProps<typeof CommandPrimitive.Item>) {\n    return (\n        <CommandPrimitive.Item\n            data-slot=\"command-item\"\n            className={cn(\n                // Layout\n                'relative flex gap-2 items-center px-2 py-1.5',\n\n                // Appearance\n                'text-xs data-[selected=true]:bg-slate-100',\n\n                // State\n                'cursor-default select-none outline-hidden data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50',\n                '[&_svg]:pointer-events-none [&_svg]:not([class*=\"size-\"]):size-3 [&_svg]:shrink-0',\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nfunction CommandShortcut({\n    className,\n    ...props\n}: ComponentProps<'span'>) {\n    return (\n        <span\n            data-slot=\"command-shortcut\"\n            className={cn(\n                // Layout\n                'ml-auto',\n\n                // Appearance\n                'text-xs tracking-widest',\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nexport {\n    Command,\n    CommandDialog,\n    useCommandState,\n    CommandInput,\n    CommandList,\n    CommandEmpty,\n    CommandGroup,\n    CommandItem,\n    CommandShortcut,\n    CommandSeparator,\n};\n"],"mappings":";;;;;;;;;;AAWA,SAAS,QAAQ,EACb,WACA,GAAG,SACqC;AACxC,QACI,oBAAC,WAAD;EACI,aAAU;EACV,WAAW,GAEP,+BAEA,WAGA,qCAEA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,cAAc,EACnB,QAAQ,mBACR,cAAc,kCACd,UACA,kBAAkB,MAClB,GAAG,SAKJ;AACC,QACI,qBAAC,QAAD;EAAQ,GAAI;YAAZ,CACI,qBAAC,cAAD;GAAc,WAAU;aAAxB,CACI,oBAAC,aAAD,EAAA,UAAc,OAAoB,CAAA,EAClC,oBAAC,mBAAD,EAAA,UAAoB,aAAgC,CAAA,CACzC;MAEf,oBAAC,eAAD;GACI,WAAU;GACO;aAEjB,oBAAC,SAAD;IAAS,WAAW,GAEhB,yHAGA,wCACA,oKACH;IACI;IACK,CAAA;GACE,CAAA,CACX;;;AAIjB,SAAS,aAAa,EAClB,WACA,GAAG,SAC2C;AAC9C,QACI,qBAAC,OAAD;EACI,aAAU;EACV,WAAU;YAFd,CAII,oBAAC,iBAAD;GAAiB,MAAM;GAAU,WAAU;GAAoC,CAAA,EAE/E,oBAAC,UAAiB,OAAlB;GACI,aAAU;GACV,WAAW,GAEP,sBAGA,sBAGA,8EACA,UACH;GACD,GAAI;GACN,CAAA,CACA;;;AAId,IAAM,cAAc,MAAM,YAGvB,EAAE,WAAW,GAAG,SAAS,QAAQ;AAChC,QACI,oBAAC,UAAiB,MAAlB;EACS;EACL,aAAU;EACV,WAAW,GAEP,iCAKA,UACH;EACD,GAAI;EACN,CAAA;EAER;AAEF,SAAS,aAAa,EAClB,GAAG,SAC2C;AAC9C,QACI,oBAAC,UAAiB,OAAlB;EACI,aAAU;EACV,WAAW,GAEP,yBAGA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,aAAa,EAClB,WACA,GAAG,SAC2C;AAC9C,QACI,oBAAC,UAAiB,OAAlB;EACI,aAAU;EACV,WAAW,GAIP,WACA,iBACA,2CACA,mBACA,QACA,kCACA,kCACA,yCACA,yCAOA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,iBAAiB,EACtB,WACA,GAAG,SAC+C;AAClD,QACI,oBAAC,UAAiB,WAAlB;EACI,aAAU;EACV,WAAW,GAEP,uBAGA,QAGA,gBAEA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,YAAY,EACjB,WACA,GAAG,SAC0C;AAC7C,QACI,oBAAC,UAAiB,MAAlB;EACI,aAAU;EACV,WAAW,GAEP,gDAGA,6CAGA,sHACA,uFACA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,gBAAgB,EACrB,WACA,GAAG,SACoB;AACvB,QACI,oBAAC,QAAD;EACI,aAAU;EACV,WAAW,GAEP,WAGA,2BACA,UACH;EACD,GAAI;EACN,CAAA"}

package/dist/components/FadeIn.d.ts

@@ -1,12 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { motion, Easing } from 'framer-motion';
-export interface FadeInProps extends Omit<ComponentProps<typeof motion.div>, 'children'> {
-    show?: boolean;
-    children?: ReactNode;
-    className?: string;
-    duration?: number;
-    delay?: number;
-    ease?: Easing;
-}
-export declare const FadeIn: ({ show, children, className, duration, delay, ease, ...props }: FadeInProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=FadeIn.d.ts.map

package/dist/components/FadeIn.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FadeIn.d.ts","sourceRoot":"","sources":["../../src/components/FadeIn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAmB,MAAM,EAAE,MAAM,eAAe,CAAC;AAGhE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC;IACpF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,GAAI,gEAQpB,WAAW,4CAqBb,CAAC"}

package/dist/components/FadeIn.js

@@ -1,24 +0,0 @@
-import { cn } from "../utils/classes.js";
-import "../utils/index.js";
-import { jsx } from "react/jsx-runtime";
-import { AnimatePresence, motion } from "framer-motion";
-//#region src/components/FadeIn.tsx
-var FadeIn = ({ show = true, children, className, duration = .2, delay = 0, ease = "easeInOut", ...props }) => {
-	return /* @__PURE__ */ jsx(AnimatePresence, { children: show && /* @__PURE__ */ jsx(motion.div, {
-		initial: { opacity: 0 },
-		animate: { opacity: 1 },
-		exit: { opacity: 0 },
-		transition: {
-			duration,
-			delay,
-			ease
-		},
-		className: cn(className),
-		...props,
-		children
-	}) });
-};
-//#endregion
-export { FadeIn };
-
-//# sourceMappingURL=FadeIn.js.map

package/dist/components/FadeIn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FadeIn.js","names":[],"sources":["../../src/components/FadeIn.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from 'react';\nimport { motion, AnimatePresence, Easing } from 'framer-motion';\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\nexport interface FadeInProps extends Omit<ComponentProps<typeof motion.div>, 'children'> {\n    show?: boolean;\n    children?: ReactNode;\n    className?: string;\n    duration?: number;\n    delay?: number;\n    ease?: Easing;\n}\n\nexport const FadeIn = ({\n    show = true,\n    children,\n    className,\n    duration = 0.2,\n    delay = 0,\n    ease = 'easeInOut',\n    ...props\n}: FadeInProps) => {\n    return (\n        <AnimatePresence>\n            {show && (\n                <motion.div\n                    initial={{ opacity: 0 }}\n                    animate={{ opacity: 1 }}\n                    exit={{ opacity: 0 }}\n                    transition={{\n                        duration,\n                        delay,\n                        ease,\n                    }}\n                    className={cn(className)}\n                    {...props}\n                >\n                    {children}\n                </motion.div>\n            )}\n        </AnimatePresence>\n    );\n};\n"],"mappings":";;;;;AAaA,IAAa,UAAU,EACnB,OAAO,MACP,UACA,WACA,WAAW,IACX,QAAQ,GACR,OAAO,aACP,GAAG,YACY;AACf,QACI,oBAAC,iBAAD,EAAA,UACK,QACG,oBAAC,OAAO,KAAR;EACI,SAAS,EAAE,SAAS,GAAG;EACvB,SAAS,EAAE,SAAS,GAAG;EACvB,MAAM,EAAE,SAAS,GAAG;EACpB,YAAY;GACR;GACA;GACA;GACH;EACD,WAAW,GAAG,UAAU;EACxB,GAAI;EAEH;EACQ,CAAA,EAEH,CAAA"}

package/dist/components/Label.d.ts

@@ -1,4 +0,0 @@
-import { ComponentProps } from 'react';
-declare function Label({ className, ...props }: ComponentProps<'label'>): import("react/jsx-runtime").JSX.Element;
-export { Label };
-//# sourceMappingURL=Label.d.ts.map

package/dist/components/Label.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../src/components/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,iBAAS,KAAK,CAAC,EACX,SAAS,EACT,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,OAAO,CAAC,2CAQzB;AAED,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/Label.js

@@ -1,15 +0,0 @@
-import { cn } from "../utils/classes.js";
-import "../utils/index.js";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/Label.tsx
-function Label({ className, ...props }) {
-	return /* @__PURE__ */ jsx("label", {
-		"data-slot": "label",
-		className: cn("text-sm font-bold leading-none", className),
-		...props
-	});
-}
-//#endregion
-export { Label };
-
-//# sourceMappingURL=Label.js.map

package/dist/components/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Label.js","names":[],"sources":["../../src/components/Label.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\n\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\nfunction Label({\n    className,\n    ...props\n}: ComponentProps<'label'>) {\n    return (\n        <label\n            data-slot=\"label\"\n            className={cn('text-sm font-bold leading-none', className)}\n            {...props}\n        />\n    );\n};\n\nexport { Label };\n"],"mappings":";;;;AAIA,SAAS,MAAM,EACX,WACA,GAAG,SACqB;AACxB,QACI,oBAAC,SAAD;EACI,aAAU;EACV,WAAW,GAAG,kCAAkC,UAAU;EAC1D,GAAI;EACN,CAAA"}

package/dist/components/Markdown.d.ts

@@ -1,11 +0,0 @@
-import { ComponentProps } from 'react';
-type MarkdownProps = Omit<ComponentProps<'div'>, 'dangerouslySetInnerHTML' | 'children'> & {
-    content: string;
-    /** When true (default), only inline markdown (bold, italic, links) is rendered. When false, full block markdown (headers, lists, etc.) is supported. */
-    inline?: boolean;
-    /** The HTML element to render as. Defaults to 'div' for block, 'span' for inline. */
-    as?: 'div' | 'span' | 'p';
-};
-export declare const Markdown: import('react').ForwardRefExoticComponent<Omit<MarkdownProps, "ref"> & import('react').RefAttributes<HTMLDivElement | HTMLParagraphElement | HTMLSpanElement>>;
-export {};
-//# sourceMappingURL=Markdown.d.ts.map

package/dist/components/Markdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../src/components/Markdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAwB,MAAM,OAAO,CAAC;AAIlE,KAAK,aAAa,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,yBAAyB,GAAG,UAAU,CAAC,GAAG;IACvF,OAAO,EAAE,MAAM,CAAC;IAChB,wJAAwJ;IACxJ,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qFAAqF;IACrF,EAAE,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,GAAG,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,QAAQ,gKA6DpB,CAAC"}

package/dist/components/Markdown.js

@@ -1,46 +0,0 @@
-import { cn } from "../utils/classes.js";
-import { utils_exports } from "../utils/index.js";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/Markdown.tsx
-var Markdown = forwardRef(({ content, inline = true, as, className, ...props }, ref) => {
-	let html = "";
-	if (content) html = inline ? (0, utils_exports.renderInlineMarkdown)(content) : (0, utils_exports.renderMarkdown)(content);
-	const Component = as ?? (inline ? "span" : "div");
-	if (!html) return null;
-	if (Component === "span") return /* @__PURE__ */ jsx("span", {
-		ref,
-		className: cn([
-			"[&_a]:text-blue-500 [&_a]:hover:underline",
-			"[&_code]:rounded [&_code]:border [&_code]:border-slate-200 [&_code]:bg-slate-150 [&_code]:px-[3px] [&_code]:py-[1px] [&_code]:font-mono [&_code]:text-[0.85em] [&_code]:text-gray-700",
-			className
-		]),
-		dangerouslySetInnerHTML: { __html: html },
-		...props
-	});
-	if (Component === "p") return /* @__PURE__ */ jsx("p", {
-		ref,
-		className: cn([
-			"[&_a]:text-blue-500 [&_a]:hover:underline",
-			"[&_code]:rounded [&_code]:border [&_code]:border-slate-200 [&_code]:bg-slate-150 [&_code]:px-[3px] [&_code]:py-[1px] [&_code]:font-mono [&_code]:text-[0.85em] [&_code]:text-gray-700",
-			className
-		]),
-		dangerouslySetInnerHTML: { __html: html },
-		...props
-	});
-	return /* @__PURE__ */ jsx("div", {
-		ref,
-		className: cn([
-			"[&_a]:text-blue-500 [&_a]:hover:underline",
-			"[&_code]:rounded [&_code]:border [&_code]:border-slate-200 [&_code]:bg-slate-150 [&_code]:px-[3px] [&_code]:py-[1px] [&_code]:font-mono [&_code]:text-[0.85em] [&_code]:text-gray-700",
-			className
-		]),
-		dangerouslySetInnerHTML: { __html: html },
-		...props
-	});
-});
-Markdown.displayName = "Markdown";
-//#endregion
-export { Markdown };
-
-//# sourceMappingURL=Markdown.js.map

package/dist/components/Markdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Markdown.js","names":[],"sources":["../../src/components/Markdown.tsx"],"sourcesContent":["import { type ComponentProps, type Ref, forwardRef } from 'react';\nimport { renderMarkdown, renderInlineMarkdown } from '@verbb/plugin-kit-react/utils';\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\ntype MarkdownProps = Omit<ComponentProps<'div'>, 'dangerouslySetInnerHTML' | 'children'> & {\n    content: string;\n    /** When true (default), only inline markdown (bold, italic, links) is rendered. When false, full block markdown (headers, lists, etc.) is supported. */\n    inline?: boolean;\n    /** The HTML element to render as. Defaults to 'div' for block, 'span' for inline. */\n    as?: 'div' | 'span' | 'p';\n};\n\nexport const Markdown = forwardRef<HTMLDivElement | HTMLSpanElement | HTMLParagraphElement, MarkdownProps>(\n    ({\n        content, inline = true, as, className, ...props\n    }, ref) => {\n        let html = '';\n        if (content) {\n            html = inline ? renderInlineMarkdown(content) : renderMarkdown(content);\n        }\n\n        const Component = as ?? (inline ? 'span' : 'div');\n\n        if (!html) {\n            return null;\n        }\n\n        if (Component === 'span') {\n            return (\n                <span\n                    ref={ref as Ref<HTMLSpanElement>}\n                    className={cn([\n                        '[&_a]:text-blue-500 [&_a]:hover:underline',\n                        '[&_code]:rounded [&_code]:border [&_code]:border-slate-200 [&_code]:bg-slate-150 [&_code]:px-[3px] [&_code]:py-[1px] [&_code]:font-mono [&_code]:text-[0.85em] [&_code]:text-gray-700',\n\n                        className,\n                    ])}\n                    dangerouslySetInnerHTML={{ __html: html }}\n                    {...props}\n                />\n            );\n        }\n\n        if (Component === 'p') {\n            return (\n                <p\n                    ref={ref as Ref<HTMLParagraphElement>}\n                    className={cn([\n                        '[&_a]:text-blue-500 [&_a]:hover:underline',\n                        '[&_code]:rounded [&_code]:border [&_code]:border-slate-200 [&_code]:bg-slate-150 [&_code]:px-[3px] [&_code]:py-[1px] [&_code]:font-mono [&_code]:text-[0.85em] [&_code]:text-gray-700',\n\n                        className,\n                    ])}\n                    dangerouslySetInnerHTML={{ __html: html }}\n                    {...props}\n                />\n            );\n        }\n\n        return (\n            <div\n                ref={ref as Ref<HTMLDivElement>}\n                className={cn([\n                    '[&_a]:text-blue-500 [&_a]:hover:underline',\n                    '[&_code]:rounded [&_code]:border [&_code]:border-slate-200 [&_code]:bg-slate-150 [&_code]:px-[3px] [&_code]:py-[1px] [&_code]:font-mono [&_code]:text-[0.85em] [&_code]:text-gray-700',\n\n                    className,\n                ])}\n                dangerouslySetInnerHTML={{ __html: html }}\n                {...props}\n            />\n        );\n    },\n);\n\nMarkdown.displayName = 'Markdown';\n"],"mappings":";;;;;AAYA,IAAa,WAAW,YACnB,EACG,SAAS,SAAS,MAAM,IAAI,WAAW,GAAG,SAC3C,QAAQ;CACP,IAAI,OAAO;AACX,KAAI,QACA,QAAO,UAAA,GAAA,cAAA,sBAA8B,QAAQ,IAAA,GAAA,cAAA,gBAAkB,QAAQ;CAG3E,MAAM,YAAY,OAAO,SAAS,SAAS;AAE3C,KAAI,CAAC,KACD,QAAO;AAGX,KAAI,cAAc,OACd,QACI,oBAAC,QAAD;EACS;EACL,WAAW,GAAG;GACV;GACA;GAEA;GACH,CAAC;EACF,yBAAyB,EAAE,QAAQ,MAAM;EACzC,GAAI;EACN,CAAA;AAIV,KAAI,cAAc,IACd,QACI,oBAAC,KAAD;EACS;EACL,WAAW,GAAG;GACV;GACA;GAEA;GACH,CAAC;EACF,yBAAyB,EAAE,QAAQ,MAAM;EACzC,GAAI;EACN,CAAA;AAIV,QACI,oBAAC,OAAD;EACS;EACL,WAAW,GAAG;GACV;GACA;GAEA;GACH,CAAC;EACF,yBAAyB,EAAE,QAAQ,MAAM;EACzC,GAAI;EACN,CAAA;EAGb;AAED,SAAS,cAAc"}

package/dist/components/MenuButton.d.ts

@@ -1,40 +0,0 @@
-import { default as React } from 'react';
-import { VariantProps } from 'class-variance-authority';
-import { buttonVariants } from './Button.jsx';
-declare const menuTriggerVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    split?: "split" | "none" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-type MenuButtonVariant = VariantProps<typeof buttonVariants>['variant'];
-type MenuButtonSize = VariantProps<typeof menuTriggerVariants>['size'];
-type MenuMainAction = {
-    label?: React.ReactNode;
-    icon?: React.ReactNode;
-    iconPosition?: 'start' | 'end' | 'overlay';
-    iconClassName?: string;
-    labelClassName?: string;
-    onClick?: () => void;
-};
-type MenuActionItem = {
-    label: React.ReactNode;
-    icon?: React.ReactNode;
-    variant?: 'default' | 'destructive';
-    onClick?: () => void;
-};
-type MenuSeparatorItem = {
-    type: 'separator';
-};
-type MenuItem = MenuActionItem | MenuSeparatorItem;
-type MenuButtonProps = React.ComponentProps<'div'> & {
-    mainAction?: MenuMainAction;
-    menuItems?: MenuItem[];
-    variant?: MenuButtonVariant;
-    size?: MenuButtonSize;
-    loading?: boolean;
-    disabled?: boolean;
-    defaultOpen?: boolean;
-    modal?: boolean;
-};
-export declare const MenuButton: ({ mainAction, menuItems, variant, size, loading, disabled, className, defaultOpen, modal, ...props }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=MenuButton.d.ts.map

package/dist/components/MenuButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuButton.d.ts","sourceRoot":"","sources":["../../src/components/MenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,OAAO,EAAU,cAAc,EAAE,MAAM,cAAc,CAAC;AAwBtD,QAAA,MAAM,mBAAmB;;;8EAkBvB,CAAC;AAiBH,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC;AACxE,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;AAEvE,KAAK,cAAc,GAAG;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,SAAS,CAAC;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,KAAK,cAAc,GAAG;IAClB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,KAAK,iBAAiB,GAAG;IACrB,IAAI,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,QAAQ,GAAG,cAAc,GAAG,iBAAiB,CAAC;AAEnD,KAAK,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG;IACjD,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,sGAWxB,eAAe,4CA4FjB,CAAC"}

package/dist/components/MenuButton.js

@@ -1,122 +0,0 @@
-import { cn } from "../utils/classes.js";
-import "../utils/index.js";
-import { useTranslation } from "../hooks/useTranslation.js";
-import "../hooks/index.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger } from "./DropdownMenu.js";
-import { Button } from "./Button.js";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faChevronDown } from "@fortawesome/pro-solid-svg-icons";
-//#region src/components/MenuButton.tsx
-var menuMainButtonVariants = cva("!rounded-r-none", {
-	variants: { split: {
-		split: null,
-		none: "!border-r-0"
-	} },
-	defaultVariants: { split: "none" }
-});
-var menuTriggerVariants = cva("!rounded-l-none !border-l-0", {
-	variants: {
-		size: {
-			xs: "px-1.5 py-[3px]",
-			sm: "px-1.5 py-[5px]",
-			default: "px-1.5 py-[7px]",
-			lg: "px-2 py-[9px]",
-			xl: "px-2.5 py-[10px]"
-		},
-		split: {
-			split: "-ml-px",
-			none: "ml-[1px]"
-		}
-	},
-	defaultVariants: {
-		size: "default",
-		split: "none"
-	}
-});
-var menuTriggerIconVariants = cva("", {
-	variants: { size: {
-		xs: "size-2.5",
-		sm: "size-3",
-		default: "size-3",
-		lg: "size-3.5",
-		xl: "size-4"
-	} },
-	defaultVariants: { size: "default" }
-});
-var MenuButton = ({ mainAction, menuItems = [], variant = "default", size = "default", loading = false, disabled = false, className = "", defaultOpen = false, modal = true, ...props }) => {
-	const t = useTranslation();
-	const splitBorderVariant = variant === "outline" || variant === "dashed" ? "split" : "none";
-	const triggerClass = menuTriggerVariants({
-		size,
-		split: splitBorderVariant
-	});
-	const mainButtonClass = menuMainButtonVariants({ split: splitBorderVariant });
-	const handleMainAction = () => {
-		mainAction?.onClick?.();
-	};
-	const renderMenuItems = () => {
-		return menuItems.map((item, index) => {
-			if ("type" in item && item.type === "separator") return /* @__PURE__ */ jsx(DropdownMenuSeparator, {}, `separator-${index}`);
-			const actionItem = item;
-			return /* @__PURE__ */ jsxs(DropdownMenuItem, {
-				onClick: () => {
-					actionItem.onClick?.();
-				},
-				variant: actionItem.variant,
-				children: [actionItem.icon && /* @__PURE__ */ jsx("span", {
-					className: cn("mr-2"),
-					children: actionItem.icon
-				}), actionItem.label]
-			}, index);
-		});
-	};
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("inline-flex", className),
-		...props,
-		children: [/* @__PURE__ */ jsx(Button, {
-			variant,
-			size,
-			loading,
-			disabled,
-			onClick: handleMainAction,
-			className: mainButtonClass,
-			children: /* @__PURE__ */ jsxs("span", {
-				className: cn("inline-flex items-center", mainAction?.icon && mainAction?.label && mainAction?.iconPosition !== "overlay" ? "gap-2" : "", mainAction?.iconPosition === "overlay" ? "relative" : ""),
-				children: [mainAction?.icon ? /* @__PURE__ */ jsx("span", {
-					className: cn(mainAction?.iconPosition === "overlay" ? "absolute inset-0 flex items-center justify-center pointer-events-none" : "", mainAction?.iconClassName || ""),
-					children: mainAction.icon
-				}) : null, mainAction?.label ? /* @__PURE__ */ jsx("span", {
-					className: mainAction?.labelClassName || "",
-					children: mainAction.label
-				}) : null]
-			})
-		}), /* @__PURE__ */ jsxs(DropdownMenu, {
-			size,
-			defaultOpen,
-			modal,
-			children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-				disabled,
-				render: /* @__PURE__ */ jsx(Button, {
-					variant,
-					size: "none",
-					disabled,
-					className: triggerClass,
-					"aria-label": t("Open menu")
-				}),
-				children: /* @__PURE__ */ jsx(FontAwesomeIcon, {
-					icon: faChevronDown,
-					className: cn(menuTriggerIconVariants({ size }), "transition-transform data-[popup-open]:rotate-180")
-				})
-			}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-				align: "end",
-				children: renderMenuItems()
-			})]
-		})]
-	});
-};
-//#endregion
-export { MenuButton };
-
-//# sourceMappingURL=MenuButton.js.map

package/dist/components/MenuButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuButton.js","names":[],"sources":["../../src/components/MenuButton.tsx"],"sourcesContent":["import type React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faChevronDown } from '@fortawesome/pro-solid-svg-icons';\n\nimport { Button, buttonVariants } from './Button.jsx';\nimport {\n    DropdownMenu,\n    DropdownMenuContent,\n    DropdownMenuItem,\n    DropdownMenuSeparator,\n    DropdownMenuTrigger,\n} from './DropdownMenu.jsx';\n\nimport { cn } from '@verbb/plugin-kit-react/utils';\nimport { useTranslation } from '@verbb/plugin-kit-react/hooks';\n\nconst menuMainButtonVariants = cva('!rounded-r-none', {\n    variants: {\n        split: {\n            split: null,\n            none: '!border-r-0',\n        },\n    },\n    defaultVariants: {\n        split: 'none',\n    },\n});\n\nconst menuTriggerVariants = cva('!rounded-l-none !border-l-0', {\n    variants: {\n        size: {\n            xs: 'px-1.5 py-[3px]',\n            sm: 'px-1.5 py-[5px]',\n            default: 'px-1.5 py-[7px]',\n            lg: 'px-2 py-[9px]',\n            xl: 'px-2.5 py-[10px]',\n        },\n        split: {\n            split: '-ml-px',\n            none: 'ml-[1px]',\n        },\n    },\n    defaultVariants: {\n        size: 'default',\n        split: 'none',\n    },\n});\n\nconst menuTriggerIconVariants = cva('', {\n    variants: {\n        size: {\n            xs: 'size-2.5',\n            sm: 'size-3',\n            default: 'size-3',\n            lg: 'size-3.5',\n            xl: 'size-4',\n        },\n    },\n    defaultVariants: {\n        size: 'default',\n    },\n});\n\ntype MenuButtonVariant = VariantProps<typeof buttonVariants>['variant'];\ntype MenuButtonSize = VariantProps<typeof menuTriggerVariants>['size'];\n\ntype MenuMainAction = {\n    label?: React.ReactNode;\n    icon?: React.ReactNode;\n    iconPosition?: 'start' | 'end' | 'overlay';\n    iconClassName?: string;\n    labelClassName?: string;\n    onClick?: () => void;\n};\n\ntype MenuActionItem = {\n    label: React.ReactNode;\n    icon?: React.ReactNode;\n    variant?: 'default' | 'destructive';\n    onClick?: () => void;\n};\n\ntype MenuSeparatorItem = {\n    type: 'separator';\n};\n\ntype MenuItem = MenuActionItem | MenuSeparatorItem;\n\ntype MenuButtonProps = React.ComponentProps<'div'> & {\n    mainAction?: MenuMainAction;\n    menuItems?: MenuItem[];\n    variant?: MenuButtonVariant;\n    size?: MenuButtonSize;\n    loading?: boolean;\n    disabled?: boolean;\n    defaultOpen?: boolean;\n    modal?: boolean;\n};\n\nexport const MenuButton = ({\n    mainAction,\n    menuItems = [],\n    variant = 'default',\n    size = 'default',\n    loading = false,\n    disabled = false,\n    className = '',\n    defaultOpen = false,\n    modal = true,\n    ...props\n}: MenuButtonProps) => {\n    const t = useTranslation();\n    const hasSplitBorder = variant === 'outline' || variant === 'dashed';\n    const splitBorderVariant = hasSplitBorder ? 'split' : 'none';\n\n    const triggerClass = menuTriggerVariants({ size, split: splitBorderVariant });\n    const mainButtonClass = menuMainButtonVariants({ split: splitBorderVariant });\n\n    const handleMainAction = () => {\n        mainAction?.onClick?.();\n    };\n\n    const renderMenuItems = () => {\n        return menuItems.map((item, index) => {\n            if ('type' in item && item.type === 'separator') {\n                return <DropdownMenuSeparator key={`separator-${index}`} />;\n            }\n\n            const actionItem = item as MenuActionItem;\n\n            return (\n                <DropdownMenuItem\n                    key={index}\n                    onClick={() => { actionItem.onClick?.(); }}\n                    variant={actionItem.variant}\n                >\n                    {actionItem.icon && (\n                        <span className={cn('mr-2')}>{actionItem.icon}</span>\n                    )}\n                    {actionItem.label}\n                </DropdownMenuItem>\n            );\n        });\n    };\n\n    return (\n        <div className={cn('inline-flex', className)} {...props}>\n            <Button\n                variant={variant}\n                size={size}\n                loading={loading}\n                disabled={disabled}\n                onClick={handleMainAction}\n                className={mainButtonClass}\n            >\n                <span className={cn(\n                    'inline-flex items-center',\n                    mainAction?.icon && mainAction?.label && mainAction?.iconPosition !== 'overlay' ? 'gap-2' : '',\n                    mainAction?.iconPosition === 'overlay' ? 'relative' : '',\n                )}>\n                    {mainAction?.icon ? (\n                        <span className={cn(\n                            mainAction?.iconPosition === 'overlay'\n                                ? 'absolute inset-0 flex items-center justify-center pointer-events-none'\n                                : '',\n                            mainAction?.iconClassName || '',\n                        )}>{mainAction.icon}</span>\n                    ) : null}\n                    {mainAction?.label ? (\n                        <span className={mainAction?.labelClassName || ''}>{mainAction.label}</span>\n                    ) : null}\n                </span>\n            </Button>\n\n            <DropdownMenu size={size} defaultOpen={defaultOpen} modal={modal}>\n                <DropdownMenuTrigger\n                    disabled={disabled}\n                    render={(\n                        <Button\n                            variant={variant}\n                            size=\"none\"\n                            disabled={disabled}\n                            className={triggerClass}\n                            aria-label={t('Open menu')}\n                        />\n                    )}\n                >\n                    <FontAwesomeIcon\n                        icon={faChevronDown}\n                        className={cn(\n                            menuTriggerIconVariants({ size }),\n                            'transition-transform data-[popup-open]:rotate-180',\n                        )}\n                    />\n                </DropdownMenuTrigger>\n\n                <DropdownMenuContent align=\"end\">\n                    {renderMenuItems()}\n                </DropdownMenuContent>\n            </DropdownMenu>\n        </div>\n    );\n};\n"],"mappings":";;;;;;;;;;;AAiBA,IAAM,yBAAyB,IAAI,mBAAmB;CAClD,UAAU,EACN,OAAO;EACH,OAAO;EACP,MAAM;EACT,EACJ;CACD,iBAAiB,EACb,OAAO,QACV;CACJ,CAAC;AAEF,IAAM,sBAAsB,IAAI,+BAA+B;CAC3D,UAAU;EACN,MAAM;GACF,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,IAAI;GACJ,IAAI;GACP;EACD,OAAO;GACH,OAAO;GACP,MAAM;GACT;EACJ;CACD,iBAAiB;EACb,MAAM;EACN,OAAO;EACV;CACJ,CAAC;AAEF,IAAM,0BAA0B,IAAI,IAAI;CACpC,UAAU,EACN,MAAM;EACF,IAAI;EACJ,IAAI;EACJ,SAAS;EACT,IAAI;EACJ,IAAI;EACP,EACJ;CACD,iBAAiB,EACb,MAAM,WACT;CACJ,CAAC;AAsCF,IAAa,cAAc,EACvB,YACA,YAAY,EAAE,EACd,UAAU,WACV,OAAO,WACP,UAAU,OACV,WAAW,OACX,YAAY,IACZ,cAAc,OACd,QAAQ,MACR,GAAG,YACgB;CACnB,MAAM,IAAI,gBAAgB;CAE1B,MAAM,qBADiB,YAAY,aAAa,YAAY,WAChB,UAAU;CAEtD,MAAM,eAAe,oBAAoB;EAAE;EAAM,OAAO;EAAoB,CAAC;CAC7E,MAAM,kBAAkB,uBAAuB,EAAE,OAAO,oBAAoB,CAAC;CAE7E,MAAM,yBAAyB;AAC3B,cAAY,WAAW;;CAG3B,MAAM,wBAAwB;AAC1B,SAAO,UAAU,KAAK,MAAM,UAAU;AAClC,OAAI,UAAU,QAAQ,KAAK,SAAS,YAChC,QAAO,oBAAC,uBAAD,EAAoD,EAAxB,aAAa,QAAW;GAG/D,MAAM,aAAa;AAEnB,UACI,qBAAC,kBAAD;IAEI,eAAe;AAAE,gBAAW,WAAW;;IACvC,SAAS,WAAW;cAHxB,CAKK,WAAW,QACR,oBAAC,QAAD;KAAM,WAAW,GAAG,OAAO;eAAG,WAAW;KAAY,CAAA,EAExD,WAAW,MACG;MARV,MAQU;IAEzB;;AAGN,QACI,qBAAC,OAAD;EAAK,WAAW,GAAG,eAAe,UAAU;EAAE,GAAI;YAAlD,CACI,oBAAC,QAAD;GACa;GACH;GACG;GACC;GACV,SAAS;GACT,WAAW;aAEX,qBAAC,QAAD;IAAM,WAAW,GACb,4BACA,YAAY,QAAQ,YAAY,SAAS,YAAY,iBAAiB,YAAY,UAAU,IAC5F,YAAY,iBAAiB,YAAY,aAAa,GACzD;cAJD,CAKK,YAAY,OACT,oBAAC,QAAD;KAAM,WAAW,GACb,YAAY,iBAAiB,YACvB,0EACA,IACN,YAAY,iBAAiB,GAChC;eAAG,WAAW;KAAY,CAAA,GAC3B,MACH,YAAY,QACT,oBAAC,QAAD;KAAM,WAAW,YAAY,kBAAkB;eAAK,WAAW;KAAa,CAAA,GAC5E,KACD;;GACF,CAAA,EAET,qBAAC,cAAD;GAAoB;GAAmB;GAAoB;aAA3D,CACI,oBAAC,qBAAD;IACc;IACV,QACI,oBAAC,QAAD;KACa;KACT,MAAK;KACK;KACV,WAAW;KACX,cAAY,EAAE,YAAY;KAC5B,CAAA;cAGN,oBAAC,iBAAD;KACI,MAAM;KACN,WAAW,GACP,wBAAwB,EAAE,MAAM,CAAC,EACjC,oDACH;KACH,CAAA;IACgB,CAAA,EAEtB,oBAAC,qBAAD;IAAqB,OAAM;cACtB,iBAAiB;IACA,CAAA,CACX;KACb"}

package/dist/components/ModalTabs.d.ts

@@ -1,8 +0,0 @@
-import { ComponentProps } from 'react';
-import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
-declare function ModalTabs({ className, ...props }: ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function ModalTabsList({ className, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function ModalTabsTrigger({ className, ...props }: ComponentProps<typeof TabsPrimitive.Tab>): import("react/jsx-runtime").JSX.Element;
-declare function ModalTabsContent({ className, ...props }: ComponentProps<typeof TabsPrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
-export { ModalTabs, ModalTabsList, ModalTabsTrigger, ModalTabsContent, };
-//# sourceMappingURL=ModalTabs.d.ts.map

package/dist/components/ModalTabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalTabs.d.ts","sourceRoot":"","sources":["../../src/components/ModalTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,iBAAS,SAAS,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAgB3C;AAED,iBAAS,aAAa,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAmB3C;AAED,iBAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG,CAAC,2CAsC1C;AAED,iBAAS,gBAAgB,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,2CAoB5C;AAED,OAAO,EACH,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACnB,CAAC"}

package/dist/components/ModalTabs.js

@@ -1,37 +0,0 @@
-import { cn } from "../utils/classes.js";
-import "../utils/index.js";
-import { jsx } from "react/jsx-runtime";
-import { Tabs } from "@base-ui/react/tabs";
-//#region src/components/ModalTabs.tsx
-function ModalTabs({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.Root, {
-		"data-slot": "tabs",
-		className: cn("overflow-hidden", "rounded-lg", "h-full", "min-h-0", "flex flex-col", className),
-		...props
-	});
-}
-function ModalTabsList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.List, {
-		"data-slot": "tabs-list",
-		className: cn("flex flex-row flex-nowrap", "w-full", "min-w-0 max-w-full", "overflow-x-auto overflow-y-hidden", "bg-white", "z-11", "shadow-[0_1px_5px_#cdd8e440]", "border-b border-b-gray-100", className),
-		...props
-	});
-}
-function ModalTabsTrigger({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.Tab, {
-		"data-slot": "tabs-trigger",
-		className: cn("outline-none shadow-none cursor-pointer", "shrink-0 whitespace-nowrap", "relative", "px-[15px]", "pt-[15px]", "pb-[15px]", "text-[#64788d]", "text-[12px]", "font-medium", "uppercase", "hover:text-sky-600", "focus-visible:shadow-[inset_0_0_0_2px_var(--color-sky-600)]", "data-[active]:after:content-[\"\"]", "data-[active]:after:absolute", "data-[active]:after:bottom-0", "data-[active]:after:left-[15px]", "data-[active]:after:right-0", "data-[active]:after:w-[calc(100%-30px)]", "data-[active]:after:h-[2px]", "data-[active]:after:bg-sky-600", className),
-		...props
-	});
-}
-function ModalTabsContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.Panel, {
-		"data-slot": "tabs-content",
-		className: cn("outline-none", "flex-1 min-h-0", "p-4", "overflow-y-auto", "focus-visible:shadow-[inset_0_0_0_2px_var(--color-sky-600)]", className),
-		...props
-	});
-}
-//#endregion
-export { ModalTabs, ModalTabsContent, ModalTabsList, ModalTabsTrigger };
-
-//# sourceMappingURL=ModalTabs.js.map

package/dist/components/ModalTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ModalTabs.js","names":[],"sources":["../../src/components/ModalTabs.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { Tabs as TabsPrimitive } from '@base-ui/react/tabs';\n\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\nfunction ModalTabs({\n    className,\n    ...props\n}: ComponentProps<typeof TabsPrimitive.Root>) {\n    return (\n        <TabsPrimitive.Root\n            data-slot=\"tabs\"\n            className={cn(\n                'overflow-hidden',\n                'rounded-lg',\n                'h-full',\n                'min-h-0',\n                'flex flex-col',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction ModalTabsList({\n    className,\n    ...props\n}: ComponentProps<typeof TabsPrimitive.List>) {\n    return (\n        <TabsPrimitive.List\n            data-slot=\"tabs-list\"\n            className={cn(\n                'flex flex-row flex-nowrap',\n                'w-full',\n                'min-w-0 max-w-full',\n                'overflow-x-auto overflow-y-hidden',\n                'bg-white',\n                'z-11',\n                'shadow-[0_1px_5px_#cdd8e440]',\n                'border-b border-b-gray-100',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction ModalTabsTrigger({\n    className,\n    ...props\n}: ComponentProps<typeof TabsPrimitive.Tab>) {\n    return (\n        <TabsPrimitive.Tab\n            data-slot=\"tabs-trigger\"\n            className={cn(\n                'outline-none shadow-none cursor-pointer',\n                'shrink-0 whitespace-nowrap',\n\n                'relative',\n                'px-[15px]',\n                'pt-[15px]',\n                'pb-[15px]',\n                'text-[#64788d]',\n                'text-[12px]',\n                'font-medium',\n                'uppercase',\n\n                // Hover state\n                'hover:text-sky-600',\n\n                // Accessibility\n                'focus-visible:shadow-[inset_0_0_0_2px_var(--color-sky-600)]',\n\n                // Active state\n                'data-[active]:after:content-[\"\"]',\n                'data-[active]:after:absolute',\n                'data-[active]:after:bottom-0',\n                'data-[active]:after:left-[15px]',\n                'data-[active]:after:right-0',\n                'data-[active]:after:w-[calc(100%-30px)]',\n                'data-[active]:after:h-[2px]',\n                'data-[active]:after:bg-sky-600',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction ModalTabsContent({\n    className,\n    ...props\n}: ComponentProps<typeof TabsPrimitive.Panel>) {\n    return (\n        <TabsPrimitive.Panel\n            data-slot=\"tabs-content\"\n            className={cn(\n                // Reset and layout\n                'outline-none',\n                'flex-1 min-h-0',\n\n                'p-4',\n                'overflow-y-auto',\n\n                // Accessibility\n                'focus-visible:shadow-[inset_0_0_0_2px_var(--color-sky-600)]',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nexport {\n    ModalTabs,\n    ModalTabsList,\n    ModalTabsTrigger,\n    ModalTabsContent,\n};\n"],"mappings":";;;;;AAKA,SAAS,UAAU,EACf,WACA,GAAG,SACuC;AAC1C,QACI,oBAAC,KAAc,MAAf;EACI,aAAU;EACV,WAAW,GACP,mBACA,cACA,UACA,WACA,iBAEA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,cAAc,EACnB,WACA,GAAG,SACuC;AAC1C,QACI,oBAAC,KAAc,MAAf;EACI,aAAU;EACV,WAAW,GACP,6BACA,UACA,sBACA,qCACA,YACA,QACA,gCACA,8BAEA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,iBAAiB,EACtB,WACA,GAAG,SACsC;AACzC,QACI,oBAAC,KAAc,KAAf;EACI,aAAU;EACV,WAAW,GACP,2CACA,8BAEA,YACA,aACA,aACA,aACA,kBACA,eACA,eACA,aAGA,sBAGA,+DAGA,sCACA,gCACA,gCACA,mCACA,+BACA,2CACA,+BACA,kCAEA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,iBAAiB,EACtB,WACA,GAAG,SACwC;AAC3C,QACI,oBAAC,KAAc,OAAf;EACI,aAAU;EACV,WAAW,GAEP,gBACA,kBAEA,OACA,mBAGA,+DAEA,UACH;EACD,GAAI;EACN,CAAA"}

package/dist/components/PaneTabs.d.ts

@@ -1,8 +0,0 @@
-import { ComponentProps } from 'react';
-import { Tabs as TabsPrimitive } from '@base-ui/react/tabs';
-declare function PaneTabs({ className, ...props }: ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function PaneTabsList({ className, ...props }: ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
-declare function PaneTabsTrigger({ className, ...props }: ComponentProps<typeof TabsPrimitive.Tab>): import("react/jsx-runtime").JSX.Element;
-declare function PaneTabsContent({ className, ...props }: ComponentProps<typeof TabsPrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
-export { PaneTabs, PaneTabsList, PaneTabsTrigger, PaneTabsContent, };
-//# sourceMappingURL=PaneTabs.d.ts.map

package/dist/components/PaneTabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaneTabs.d.ts","sourceRoot":"","sources":["../../src/components/PaneTabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAI5D,iBAAS,QAAQ,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAgB3C;AAED,iBAAS,YAAY,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAiB3C;AAED,iBAAS,eAAe,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG,CAAC,2CAwB1C;AAED,iBAAS,eAAe,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACX,EAAE,cAAc,CAAC,OAAO,aAAa,CAAC,KAAK,CAAC,2CAkB5C;AAED,OAAO,EACH,QAAQ,EACR,YAAY,EACZ,eAAe,EACf,eAAe,GAClB,CAAC"}

package/dist/components/PaneTabs.js

@@ -1,37 +0,0 @@
-import { cn } from "../utils/classes.js";
-import "../utils/index.js";
-import { jsx } from "react/jsx-runtime";
-import { Tabs } from "@base-ui/react/tabs";
-//#region src/components/PaneTabs.tsx
-function PaneTabs({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.Root, {
-		"data-slot": "tabs",
-		className: cn("flex flex-col h-full", "rounded-lg", "shadow-[0_0_0_1px_var(--color-gray-200),_0_2px_12px_rgb(205_216_228_/_50%)]", className),
-		...props
-	});
-}
-function PaneTabsList({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.List, {
-		"data-slot": "tabs-list",
-		className: cn("flex", "shadow-[inset_0_-1px_0_0_rgba(154,165,177,0.25)]", "bg-gray-50 rounded-t-lg", className),
-		...props
-	});
-}
-function PaneTabsTrigger({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.Tab, {
-		"data-slot": "tabs-trigger",
-		className: cn("flex items-center cursor-pointer outline-none whitespace-nowrap", "h-[45px] px-[24px] text-gray-550", "hover:bg-slate-100", "focus-visible:shadow-[inset_0_0_0_2px_var(--color-sky-600)]", "data-[active]:rounded-t-xs data-[active]:relative data-[active]:bg-white data-[active]:hover:bg-white data-[active]:text-gray-700 data-[active]:shadow-[inset_0_2px_0_rgb(107,114,128),0_0_0_1px_rgba(51,64,77,0.1),0_2px_12px_rgba(205,216,228,0.9)]", className),
-		...props
-	});
-}
-function PaneTabsContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Tabs.Panel, {
-		"data-slot": "tabs-content",
-		className: cn("outline-none", "relative", "h-full", "overflow-y-auto", "bg-white rounded-b-lg", className),
-		...props
-	});
-}
-//#endregion
-export { PaneTabs, PaneTabsContent, PaneTabsList, PaneTabsTrigger };
-
-//# sourceMappingURL=PaneTabs.js.map

package/dist/components/PaneTabs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaneTabs.js","names":[],"sources":["../../src/components/PaneTabs.tsx"],"sourcesContent":["import { ComponentProps } from 'react';\nimport { Tabs as TabsPrimitive } from '@base-ui/react/tabs';\n\nimport { cn } from '@verbb/plugin-kit-react/utils';\n\nfunction PaneTabs({\n    className,\n    ...props\n}: ComponentProps<typeof TabsPrimitive.Root>) {\n    return (\n        <TabsPrimitive.Root\n            data-slot=\"tabs\"\n            className={cn(\n                // Reset and layout\n                'flex flex-col h-full',\n\n                'rounded-lg',\n                'shadow-[0_0_0_1px_var(--color-gray-200),_0_2px_12px_rgb(205_216_228_/_50%)]',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction PaneTabsList({\n    className,\n    ...props\n}: ComponentProps<typeof TabsPrimitive.List>) {\n    return (\n        <TabsPrimitive.List\n            data-slot=\"tabs-list\"\n            className={cn(\n                // Reset and layout\n                'flex',\n\n                'shadow-[inset_0_-1px_0_0_rgba(154,165,177,0.25)]',\n\n                'bg-gray-50 rounded-t-lg',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction PaneTabsTrigger({\n    className,\n    ...props\n}: ComponentProps<typeof TabsPrimitive.Tab>) {\n    return (\n        <TabsPrimitive.Tab\n            data-slot=\"tabs-trigger\"\n            className={cn(\n                // Reset and layout\n                'flex items-center cursor-pointer outline-none whitespace-nowrap',\n\n                'h-[45px] px-[24px] text-gray-550',\n\n                // Hover state\n                'hover:bg-slate-100',\n\n                // Accessibility\n                'focus-visible:shadow-[inset_0_0_0_2px_var(--color-sky-600)]',\n\n                // Active state\n                'data-[active]:rounded-t-xs data-[active]:relative data-[active]:bg-white data-[active]:hover:bg-white data-[active]:text-gray-700 data-[active]:shadow-[inset_0_2px_0_rgb(107,114,128),0_0_0_1px_rgba(51,64,77,0.1),0_2px_12px_rgba(205,216,228,0.9)]',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nfunction PaneTabsContent({\n    className,\n    ...props\n}: ComponentProps<typeof TabsPrimitive.Panel>) {\n    return (\n        <TabsPrimitive.Panel\n            data-slot=\"tabs-content\"\n            className={cn(\n                // Reset and layout\n                'outline-none',\n                'relative',\n                'h-full',\n\n                'overflow-y-auto',\n                'bg-white rounded-b-lg',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n}\n\nexport {\n    PaneTabs,\n    PaneTabsList,\n    PaneTabsTrigger,\n    PaneTabsContent,\n};\n"],"mappings":";;;;;AAKA,SAAS,SAAS,EACd,WACA,GAAG,SACuC;AAC1C,QACI,oBAAC,KAAc,MAAf;EACI,aAAU;EACV,WAAW,GAEP,wBAEA,cACA,+EAEA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,aAAa,EAClB,WACA,GAAG,SACuC;AAC1C,QACI,oBAAC,KAAc,MAAf;EACI,aAAU;EACV,WAAW,GAEP,QAEA,oDAEA,2BAEA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,gBAAgB,EACrB,WACA,GAAG,SACsC;AACzC,QACI,oBAAC,KAAc,KAAf;EACI,aAAU;EACV,WAAW,GAEP,mEAEA,oCAGA,sBAGA,+DAGA,yPAEA,UACH;EACD,GAAI;EACN,CAAA;;AAIV,SAAS,gBAAgB,EACrB,WACA,GAAG,SACwC;AAC3C,QACI,oBAAC,KAAc,OAAf;EACI,aAAU;EACV,WAAW,GAEP,gBACA,YACA,UAEA,mBACA,yBAEA,UACH;EACD,GAAI;EACN,CAAA"}

package/dist/components/SlideUp.d.ts

@@ -1,12 +0,0 @@
-import { ComponentProps, ReactNode } from 'react';
-import { motion, Easing } from 'framer-motion';
-export interface SlideUpProps extends Omit<ComponentProps<typeof motion.div>, 'children'> {
-    show?: boolean;
-    children?: ReactNode;
-    className?: string;
-    duration?: number;
-    delay?: number;
-    ease?: Easing;
-}
-export declare const SlideUp: ({ show, children, className, duration, delay, ease, ...props }: SlideUpProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=SlideUp.d.ts.map

package/dist/components/SlideUp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SlideUp.d.ts","sourceRoot":"","sources":["../../src/components/SlideUp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAmB,MAAM,EAAE,MAAM,eAAe,CAAC;AAGhE,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG,CAAC,EAAE,UAAU,CAAC;IACrF,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,GAAI,gEAQrB,YAAY,4CAiCd,CAAC"}