@verbb/plugin-kit-react 1.0.10 → 2.0.0

package/dist/components/DropdownMenu.js

@@ -1,240 +1,48 @@
-import { cn } from "../utils/classes.js";
-import { getPortalClassName, getPortalContainer } from "../utils/portal.js";
-import "../utils/index.js";
-import { createContext, useContext } from "react";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faCheck, faChevronRight } from "@fortawesome/pro-solid-svg-icons";
-import { Menu } from "@base-ui/react/menu";
+import { createPluginKitComponent } from "../utils/create-plugin-kit-component.js";
+import React from "react";
+import { PkDropdownItem } from "@verbb/plugin-kit-web/components/dropdown-menu/pk-dropdown-item.js";
+import { PkDropdownLabel } from "@verbb/plugin-kit-web/components/dropdown-menu/pk-dropdown-label.js";
+import { PkDropdownMenu } from "@verbb/plugin-kit-web/components/dropdown-menu/pk-dropdown-menu.js";
+import { PkDropdownSeparator } from "@verbb/plugin-kit-web/components/dropdown-menu/pk-dropdown-separator.js";
 //#region src/components/DropdownMenu.tsx
-var dropdownMenuItemVariants = cva([
-	"relative flex w-full cursor-default items-center outline-hidden select-none",
-	"focus:bg-slate-100 data-[highlighted]:bg-slate-100",
-	"data-disabled:pointer-events-none data-disabled:opacity-50",
-	"[&_svg]:pointer-events-none [&_svg]:shrink-0"
-], {
-	variants: {
-		size: {
-			xs: "py-[3px] px-[8px] gap-1.5 text-[12px] [&_svg:not([class*='size-'])]:size-2.5",
-			sm: "py-[4px] px-[10px] gap-1.75 text-[13px] [&_svg:not([class*='size-'])]:size-3",
-			default: "py-[8px] px-[12px] gap-2.5 text-sm [&_svg:not([class*='size-'])]:size-3",
-			lg: "py-[10px] px-[14px] gap-3 text-base [&_svg:not([class*='size-'])]:size-3.5",
-			xl: "py-[12px] px-[16px] gap-3 text-lg [&_svg:not([class*='size-'])]:size-4"
-		},
-		variant: {
-			default: "",
-			destructive: "text-error"
-		}
-	},
-	defaultVariants: {
-		size: "default",
-		variant: "default"
+/** React facades over the `<pk-dropdown-menu>` family. Behavior and styles live in the web components. */
+var PkDropdownMenuElement = createPluginKitComponent({
+	tagName: "pk-dropdown-menu",
+	elementClass: PkDropdownMenu,
+	react: React,
+	events: {
+		onPkSelect: "pk-select",
+		onPkShow: "pk-show",
+		onPkAfterShow: "pk-after-show",
+		onPkHide: "pk-hide",
+		onPkAfterHide: "pk-after-hide",
+		onPkOpenChange: "pk-open-change"
 	}
 });
-var dropdownMenuLabelVariants = cva(["text-slate-700"], {
-	variants: { size: {
-		xs: "py-[0px] px-[8px] text-[11px]",
-		sm: "py-[0px] px-[10px] text-[11px]",
-		default: "py-[0px] px-[12px] text-[13px]",
-		lg: "py-[0px] px-[14px] text-[14px]",
-		xl: "py-[0px] px-[16px] text-[15px]"
-	} },
-	defaultVariants: { size: "default" }
+var PkDropdownItemElement = createPluginKitComponent({
+	tagName: "pk-dropdown-item",
+	elementClass: PkDropdownItem,
+	react: React,
+	events: {
+		onPkSelect: "pk-select",
+		onPkSubmenuOpen: "pk-submenu-open"
+	}
+});
+var PkDropdownLabelElement = createPluginKitComponent({
+	tagName: "pk-dropdown-label",
+	elementClass: PkDropdownLabel,
+	react: React
 });
-var dropdownMenuShortcutVariants = cva("", {
-	variants: { size: {
-		xs: "text-[11px]",
-		sm: "text-xs",
-		default: "text-sm",
-		lg: "text-sm",
-		xl: "text-base"
-	} },
-	defaultVariants: { size: "default" }
+var PkDropdownSeparatorElement = createPluginKitComponent({
+	tagName: "pk-dropdown-separator",
+	elementClass: PkDropdownSeparator,
+	react: React
 });
-var DropdownMenuContext = createContext({});
-function DropdownMenu({ size, children, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, {
-		value: { size },
-		children: /* @__PURE__ */ jsx(Menu.Root, {
-			"data-slot": "dropdown-menu",
-			...props,
-			children
-		})
-	});
-}
-function DropdownMenuPortal({ container, ...props }) {
-	const resolvedPortalContainer = getPortalContainer(container);
-	return /* @__PURE__ */ jsx(Menu.Portal, {
-		"data-slot": "dropdown-menu-portal",
-		container: resolvedPortalContainer,
-		...props
-	});
-}
-function DropdownMenuTrigger({ size, ...props }) {
-	const context = useContext(DropdownMenuContext);
-	const finalSize = size || context.size || "default";
-	return /* @__PURE__ */ jsx(Menu.Trigger, {
-		"data-slot": "dropdown-menu-trigger",
-		"data-size": finalSize,
-		...props
-	});
-}
-function DropdownMenuContent({ align = "start", alignOffset = 0, side = "bottom", sideOffset = 4, positionMethod, className, portalClassName, portalContainer, ...props }) {
-	const resolvedPortalClassName = getPortalClassName(portalClassName);
-	const resolvedPortalContainer = getPortalContainer(portalContainer);
-	const resolvedPositionMethod = positionMethod ?? (resolvedPortalContainer instanceof ShadowRoot ? "fixed" : void 0);
-	return /* @__PURE__ */ jsx(Menu.Portal, {
-		className: resolvedPortalClassName,
-		container: resolvedPortalContainer,
-		children: /* @__PURE__ */ jsx(Menu.Positioner, {
-			align,
-			alignOffset,
-			side,
-			sideOffset,
-			positionMethod: resolvedPositionMethod,
-			className: "z-[250]",
-			children: /* @__PURE__ */ jsx(Menu.Popup, {
-				"data-slot": "dropdown-menu-content",
-				className: cn("relative isolate z-[250] overflow-x-hidden overflow-y-auto", "min-w-(--anchor-width)", "py-1", "rounded-md bg-white", "shadow-[0_0_0_1px_rgba(31,41,51,0.1),0_5px_20px_rgba(31,41,51,0.25)]", "duration-100", "data-open:animate-in data-closed:animate-out", "data-open:fade-in-0 data-closed:fade-out-0", "data-open:zoom-in-95 data-closed:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2", "data-[side=top]:slide-in-from-bottom-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=inline-start]:slide-in-from-right-2", "data-[side=inline-end]:slide-in-from-left-2", "data-[align-trigger=true]:animate-none", "origin-(--transform-origin)", className),
-				...props
-			})
-		})
-	});
-}
-function DropdownMenuGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Group, {
-		"data-slot": "dropdown-menu-group",
-		...props
-	});
-}
-function DropdownMenuLabel({ className, inset, size, ...props }) {
-	const context = useContext(DropdownMenuContext);
-	const finalSize = size || context.size || "default";
-	return /* @__PURE__ */ jsx(Menu.GroupLabel, {
-		"data-slot": "dropdown-menu-label",
-		"data-inset": inset,
-		"data-size": finalSize,
-		className: cn(dropdownMenuLabelVariants({
-			size: finalSize,
-			className
-		})),
-		...props
-	});
-}
-function DropdownMenuItem({ className, inset, size, variant = "default", ...props }) {
-	const context = useContext(DropdownMenuContext);
-	const finalSize = size || context.size || "default";
-	return /* @__PURE__ */ jsx(Menu.Item, {
-		"data-slot": "dropdown-menu-item",
-		"data-inset": inset,
-		"data-variant": variant,
-		"data-size": finalSize,
-		className: cn(dropdownMenuItemVariants({
-			size: finalSize,
-			variant,
-			className
-		}), inset && "pl-8"),
-		...props
-	});
-}
-function DropdownMenuSub({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.SubmenuRoot, {
-		"data-slot": "dropdown-menu-sub",
-		...props
-	});
-}
-function DropdownMenuSubTrigger({ className, inset, children, size, ...props }) {
-	const context = useContext(DropdownMenuContext);
-	const finalSize = size || context.size || "default";
-	return /* @__PURE__ */ jsxs(Menu.SubmenuTrigger, {
-		"data-slot": "dropdown-menu-sub-trigger",
-		"data-inset": inset,
-		"data-size": finalSize,
-		className: cn(dropdownMenuItemVariants({ size: finalSize }), "data-[popup-open]:bg-slate-100", "[&_svg]:pointer-events-none [&_svg]:shrink-0", inset && "pl-8", className),
-		...props,
-		children: [children, /* @__PURE__ */ jsx(FontAwesomeIcon, {
-			icon: faChevronRight,
-			className: "ml-auto size-3 text-slate-700"
-		})]
-	});
-}
-function DropdownMenuSubContent({ align = "start", alignOffset = -3, side = "right", sideOffset = 0, className, ...props }) {
-	return /* @__PURE__ */ jsx(DropdownMenuContent, {
-		"data-slot": "dropdown-menu-sub-content",
-		className: cn("min-w-32 w-auto", className),
-		align,
-		alignOffset,
-		side,
-		sideOffset,
-		...props
-	});
-}
-function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }) {
-	const finalSize = useContext(DropdownMenuContext)?.size || "default";
-	return /* @__PURE__ */ jsxs(Menu.CheckboxItem, {
-		"data-slot": "dropdown-menu-checkbox-item",
-		"data-inset": inset,
-		className: cn(dropdownMenuItemVariants({
-			size: finalSize,
-			className
-		})),
-		checked,
-		...props,
-		children: [children, /* @__PURE__ */ jsx("span", {
-			"data-slot": "dropdown-menu-checkbox-item-indicator",
-			className: cn("ml-auto pl-4"),
-			children: /* @__PURE__ */ jsx(Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(FontAwesomeIcon, {
-				icon: faCheck,
-				className: cn("size-3")
-			}) })
-		})]
-	});
-}
-function DropdownMenuRadioGroup({ ...props }) {
-	return /* @__PURE__ */ jsx(Menu.RadioGroup, {
-		"data-slot": "dropdown-menu-radio-group",
-		...props
-	});
-}
-function DropdownMenuRadioItem({ className, children, inset, ...props }) {
-	const finalSize = useContext(DropdownMenuContext)?.size || "default";
-	return /* @__PURE__ */ jsxs(Menu.RadioItem, {
-		"data-slot": "dropdown-menu-radio-item",
-		"data-inset": inset,
-		className: cn(dropdownMenuItemVariants({
-			size: finalSize,
-			className
-		})),
-		...props,
-		children: [children, /* @__PURE__ */ jsx("span", {
-			"data-slot": "dropdown-menu-radio-item-indicator",
-			className: cn("ml-auto pl-4"),
-			children: /* @__PURE__ */ jsx(Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsx(FontAwesomeIcon, {
-				icon: faCheck,
-				className: cn("size-3")
-			}) })
-		})]
-	});
-}
-function DropdownMenuSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Menu.Separator, {
-		"data-slot": "dropdown-menu-separator",
-		className: cn("my-1 h-px bg-slate-200", className),
-		...props
-	});
-}
-function DropdownMenuShortcut({ className, ...props }) {
-	return /* @__PURE__ */ jsx("span", {
-		"data-slot": "dropdown-menu-shortcut",
-		className: cn("text-slate-700 group-focus/dropdown-menu-item:text-slate-700 ml-auto tracking-widest", dropdownMenuShortcutVariants({
-			size: useContext(DropdownMenuContext)?.size || "default",
-			className
-		}), className),
-		...props
-	});
-}
+var DropdownMenu = PkDropdownMenuElement;
+var DropdownItem = PkDropdownItemElement;
+var DropdownLabel = PkDropdownLabelElement;
+var DropdownSeparator = PkDropdownSeparatorElement;
 //#endregion
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
+export { DropdownItem, DropdownLabel, DropdownMenu, DropdownSeparator, PkDropdownItemElement, PkDropdownLabelElement, PkDropdownMenuElement, PkDropdownSeparatorElement };
 
 //# sourceMappingURL=DropdownMenu.js.map

package/dist/components/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../src/components/DropdownMenu.tsx"],"sourcesContent":["import { ComponentProps, createContext, useContext } from 'react';\nimport { Menu as MenuPrimitive } from '@base-ui/react/menu';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCheck, faChevronRight } from '@fortawesome/pro-solid-svg-icons';\n\nimport { cn, getPortalClassName, getPortalContainer } from '@verbb/plugin-kit-react/utils';\n\nconst dropdownMenuItemVariants = cva([\n    // Reset\n    'relative flex w-full cursor-default items-center outline-hidden select-none',\n\n    // Focus\n    'focus:bg-slate-100 data-[highlighted]:bg-slate-100',\n\n    // Disabled\n    'data-disabled:pointer-events-none data-disabled:opacity-50',\n\n    // SVG — use single-quoted attribute selectors so Tailwind emits\n    // svg:not([class*=size-]) rather than a broken escaped form.\n    '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n], {\n    variants: {\n        size: {\n            xs: 'py-[3px] px-[8px] gap-1.5 text-[12px] [&_svg:not([class*=\\'size-\\'])]:size-2.5',\n            sm: 'py-[4px] px-[10px] gap-1.75 text-[13px] [&_svg:not([class*=\\'size-\\'])]:size-3',\n            default: 'py-[8px] px-[12px] gap-2.5 text-sm [&_svg:not([class*=\\'size-\\'])]:size-3',\n            lg: 'py-[10px] px-[14px] gap-3 text-base [&_svg:not([class*=\\'size-\\'])]:size-3.5',\n            xl: 'py-[12px] px-[16px] gap-3 text-lg [&_svg:not([class*=\\'size-\\'])]:size-4',\n        },\n        variant: {\n            default: '',\n            destructive: 'text-error',\n        },\n    },\n    defaultVariants: {\n        size: 'default',\n        variant: 'default',\n    },\n});\n\nconst dropdownMenuLabelVariants = cva([\n    // Theme\n    'text-slate-700',\n], {\n    variants: {\n        size: {\n            xs: 'py-[0px] px-[8px] text-[11px]',\n            sm: 'py-[0px] px-[10px] text-[11px]',\n            default: 'py-[0px] px-[12px] text-[13px]',\n            lg: 'py-[0px] px-[14px] text-[14px]',\n            xl: 'py-[0px] px-[16px] text-[15px]',\n        },\n    },\n    defaultVariants: {\n        size: 'default',\n    },\n});\n\nconst dropdownMenuShortcutVariants = cva('', {\n    variants: {\n        size: {\n            xs: 'text-[11px]',\n            sm: 'text-xs',\n            default: 'text-sm',\n            lg: 'text-sm',\n            xl: 'text-base',\n        },\n    },\n    defaultVariants: {\n        size: 'default',\n    },\n});\n\ntype DropdownMenuSize = VariantProps<typeof dropdownMenuItemVariants>['size'];\n\nconst DropdownMenuContext = createContext<{ size?: DropdownMenuSize }>({});\n\nfunction DropdownMenu({\n    size,\n    children,\n    ...props\n}: ComponentProps<typeof MenuPrimitive.Root> & { size?: DropdownMenuSize }) {\n    return (\n        <DropdownMenuContext.Provider value={{ size }}>\n            <MenuPrimitive.Root data-slot=\"dropdown-menu\" {...props}>\n                {children}\n            </MenuPrimitive.Root>\n        </DropdownMenuContext.Provider>\n    );\n}\nfunction DropdownMenuPortal({\n    container,\n    ...props\n}: ComponentProps<typeof MenuPrimitive.Portal>) {\n    const resolvedPortalContainer = getPortalContainer(container);\n\n    return (\n        <MenuPrimitive.Portal\n            data-slot=\"dropdown-menu-portal\"\n            container={resolvedPortalContainer}\n            {...props}\n        />\n    );\n}\n\nfunction DropdownMenuTrigger({\n    size,\n    ...props\n}: ComponentProps<typeof MenuPrimitive.Trigger> & { size?: DropdownMenuSize }) {\n    const context = useContext(DropdownMenuContext);\n    const finalSize = size || context.size || 'default';\n\n    return (\n        <MenuPrimitive.Trigger\n            data-slot=\"dropdown-menu-trigger\"\n            data-size={finalSize}\n            {...props}\n        />\n    );\n}\n\nfunction DropdownMenuContent({\n    align = 'start',\n    alignOffset = 0,\n    side = 'bottom',\n    sideOffset = 4,\n    positionMethod,\n    className,\n    portalClassName,\n    portalContainer,\n    ...props\n}: MenuPrimitive.Popup.Props &\n    Pick<\n        MenuPrimitive.Positioner.Props,\n        'align' | 'alignOffset' | 'side' | 'sideOffset' | 'positionMethod'\n    > & {\n        portalClassName?: string\n        portalContainer?: HTMLElement | ShadowRoot | null\n    }) {\n    const resolvedPortalClassName = getPortalClassName(portalClassName);\n    const resolvedPortalContainer = getPortalContainer(portalContainer);\n    const resolvedPositionMethod = positionMethod ?? (\n        resolvedPortalContainer instanceof ShadowRoot ? 'fixed' : undefined\n    );\n\n    return (\n        <MenuPrimitive.Portal className={resolvedPortalClassName} container={resolvedPortalContainer}>\n            <MenuPrimitive.Positioner\n                align={align}\n                alignOffset={alignOffset}\n                side={side}\n                sideOffset={sideOffset}\n                positionMethod={resolvedPositionMethod}\n                className=\"z-[250]\"\n            >\n                <MenuPrimitive.Popup\n                    data-slot=\"dropdown-menu-content\"\n                    className={cn(\n                        // Reset\n                        'relative isolate z-[250] overflow-x-hidden overflow-y-auto',\n\n                        // Layout\n                        'min-w-(--anchor-width)',\n                        // \"min-w-36 max-h-(--available-height) w-(--anchor-width)\",\n\n                        // Theme\n                        'py-1',\n                        'rounded-md bg-white',\n                        'shadow-[0_0_0_1px_rgba(31,41,51,0.1),0_5px_20px_rgba(31,41,51,0.25)]',\n\n                        // Animation\n                        'duration-100',\n                        'data-open:animate-in data-closed:animate-out',\n                        'data-open:fade-in-0 data-closed:fade-out-0',\n                        'data-open:zoom-in-95 data-closed:zoom-out-95',\n                        'data-[side=bottom]:slide-in-from-top-2',\n                        'data-[side=top]:slide-in-from-bottom-2',\n                        'data-[side=left]:slide-in-from-right-2',\n                        'data-[side=right]:slide-in-from-left-2',\n                        'data-[side=inline-start]:slide-in-from-right-2',\n                        'data-[side=inline-end]:slide-in-from-left-2',\n                        'data-[align-trigger=true]:animate-none',\n                        'origin-(--transform-origin)',\n\n                        className,\n                    )}\n                    {...props}\n                />\n            </MenuPrimitive.Positioner>\n        </MenuPrimitive.Portal>\n    );\n};\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n    return <MenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuLabel({\n    className,\n    inset,\n    size,\n    ...props\n}: ComponentProps<typeof MenuPrimitive.GroupLabel> & VariantProps<typeof dropdownMenuLabelVariants> & {\n    inset?: boolean\n}) {\n    const context = useContext(DropdownMenuContext);\n    const finalSize = size || context.size || 'default';\n\n    return (\n        <MenuPrimitive.GroupLabel\n            data-slot=\"dropdown-menu-label\"\n            data-inset={inset}\n            data-size={finalSize}\n            className={cn(\n                dropdownMenuLabelVariants({ size: finalSize, className }),\n            )}\n            {...props}\n        />\n    );\n};\n\nfunction DropdownMenuItem({\n    className,\n    inset,\n    size,\n    variant = 'default',\n    ...props\n}: ComponentProps<typeof MenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {\n    inset?: boolean\n    variant?: 'default' | 'destructive'\n}) {\n    const context = useContext(DropdownMenuContext);\n    const finalSize = size || context.size || 'default';\n\n    return (\n        <MenuPrimitive.Item\n            data-slot=\"dropdown-menu-item\"\n            data-inset={inset}\n            data-variant={variant}\n            data-size={finalSize}\n            className={cn(\n                dropdownMenuItemVariants({ size: finalSize, variant, className }),\n\n                inset && 'pl-8',\n            )}\n            {...props}\n        />\n    );\n};\n\nfunction DropdownMenuSub({\n    ...props\n}: ComponentProps<typeof MenuPrimitive.SubmenuRoot>) {\n    return <MenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n    className,\n    inset,\n    children,\n    size,\n    ...props\n}: ComponentProps<typeof MenuPrimitive.SubmenuTrigger> & {\n    inset?: boolean\n    size?: DropdownMenuSize\n}) {\n    const context = useContext(DropdownMenuContext);\n    const finalSize = size || context.size || 'default';\n\n    return (\n        <MenuPrimitive.SubmenuTrigger\n            data-slot=\"dropdown-menu-sub-trigger\"\n            data-inset={inset}\n            data-size={finalSize}\n            className={cn(\n                dropdownMenuItemVariants({ size: finalSize }),\n\n                // Keep submenu triggers visually active while their child menu is open\n                'data-[popup-open]:bg-slate-100',\n\n                // SVG\n                '[&_svg]:pointer-events-none [&_svg]:shrink-0',\n\n                inset && 'pl-8',\n\n                className,\n            )}\n            {...props}\n        >\n            {children}\n            <FontAwesomeIcon icon={faChevronRight} className=\"ml-auto size-3 text-slate-700\" />\n        </MenuPrimitive.SubmenuTrigger>\n    );\n};\n\nfunction DropdownMenuSubContent({\n    align = 'start',\n    alignOffset = -3,\n    side = 'right',\n    sideOffset = 0,\n    className,\n    ...props\n}: ComponentProps<typeof DropdownMenuContent>) {\n\n    return (\n        <DropdownMenuContent\n            data-slot=\"dropdown-menu-sub-content\"\n            className={cn(\n                'min-w-32 w-auto',\n                className,\n            )}\n            align={align}\n            alignOffset={alignOffset}\n            side={side}\n            sideOffset={sideOffset}\n            {...props}\n        />\n    );\n};\n\nfunction DropdownMenuCheckboxItem({\n    className,\n    children,\n    checked,\n    inset,\n    ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n    inset?: boolean\n}) {\n    const context = useContext(DropdownMenuContext);\n    const finalSize = context?.size || 'default';\n\n    return (\n        <MenuPrimitive.CheckboxItem\n            data-slot=\"dropdown-menu-checkbox-item\"\n            data-inset={inset}\n            className={cn(\n                dropdownMenuItemVariants({ size: finalSize, className }),\n            )}\n            checked={checked}\n            {...props}\n        >\n            {children}\n            <span\n                data-slot=\"dropdown-menu-checkbox-item-indicator\"\n                className={cn(\n                    'ml-auto pl-4',\n                )}\n            >\n                <MenuPrimitive.CheckboxItemIndicator>\n                    <FontAwesomeIcon icon={faCheck} className={cn('size-3')} />\n                </MenuPrimitive.CheckboxItemIndicator>\n            </span>\n        </MenuPrimitive.CheckboxItem>\n    );\n};\n\nfunction DropdownMenuRadioGroup({\n    ...props\n}: ComponentProps<typeof MenuPrimitive.RadioGroup>) {\n    return (\n        <MenuPrimitive.RadioGroup\n            data-slot=\"dropdown-menu-radio-group\"\n            {...props}\n        />\n    );\n}\n\nfunction DropdownMenuRadioItem({\n    className,\n    children,\n    inset,\n    ...props\n}: MenuPrimitive.RadioItem.Props & {\n    inset?: boolean\n}) {\n    const context = useContext(DropdownMenuContext);\n    const finalSize = context?.size || 'default';\n\n    return (\n        <MenuPrimitive.RadioItem\n            data-slot=\"dropdown-menu-radio-item\"\n            data-inset={inset}\n            className={cn(\n                dropdownMenuItemVariants({ size: finalSize, className }),\n            )}\n            {...props}\n        >\n            {children}\n            <span\n                data-slot=\"dropdown-menu-radio-item-indicator\"\n                className={cn(\n                    'ml-auto pl-4',\n                )}\n            >\n                <MenuPrimitive.RadioItemIndicator>\n                    <FontAwesomeIcon icon={faCheck} className={cn('size-3')} />\n                </MenuPrimitive.RadioItemIndicator>\n            </span>\n        </MenuPrimitive.RadioItem>\n    );\n};\n\nfunction DropdownMenuSeparator({\n    className,\n    ...props\n}: MenuPrimitive.Separator.Props) {\n    return (\n        <MenuPrimitive.Separator\n            data-slot=\"dropdown-menu-separator\"\n            className={cn(\n                // Theme\n                'my-1 h-px bg-slate-200',\n\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nfunction DropdownMenuShortcut({\n    className,\n    ...props\n}: ComponentProps<'span'>) {\n    const context = useContext(DropdownMenuContext);\n    const finalSize = context?.size || 'default';\n\n    return (\n        <span\n            data-slot=\"dropdown-menu-shortcut\"\n            className={cn(\n                'text-slate-700 group-focus/dropdown-menu-item:text-slate-700 ml-auto tracking-widest',\n\n                dropdownMenuShortcutVariants({ size: finalSize, className }),\n\n                className,\n            )}\n            {...props}\n        />\n    );\n};\n\nexport {\n    DropdownMenu,\n    DropdownMenuPortal,\n    DropdownMenuTrigger,\n    DropdownMenuContent,\n    DropdownMenuGroup,\n    DropdownMenuLabel,\n    DropdownMenuItem,\n    DropdownMenuCheckboxItem,\n    DropdownMenuRadioGroup,\n    DropdownMenuRadioItem,\n    DropdownMenuSeparator,\n    DropdownMenuShortcut,\n    DropdownMenuSub,\n    DropdownMenuSubTrigger,\n    DropdownMenuSubContent,\n};\n"],"mappings":"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"}
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../src/components/DropdownMenu.tsx"],"sourcesContent":["import React from 'react';\nimport { createPluginKitComponent } from '../utils/create-plugin-kit-component.js';\nimport { PkDropdownItem, type PkDropdownItemType } from '@verbb/plugin-kit-web/components/dropdown-menu/pk-dropdown-item.js';\nimport { PkDropdownLabel } from '@verbb/plugin-kit-web/components/dropdown-menu/pk-dropdown-label.js';\nimport { PkDropdownMenu } from '@verbb/plugin-kit-web/components/dropdown-menu/pk-dropdown-menu.js';\nimport { PkDropdownSeparator } from '@verbb/plugin-kit-web/components/dropdown-menu/pk-dropdown-separator.js';\nimport type { PkMenuItem } from '@verbb/plugin-kit-web/components/dropdown-menu/pk-dropdown-menu.js';\n\n/** React facades over the `<pk-dropdown-menu>` family. Behavior and styles live in the web components. */\nexport const PkDropdownMenuElement = createPluginKitComponent({\n    tagName: 'pk-dropdown-menu',\n    elementClass: PkDropdownMenu,\n    react: React,\n    events: {\n        onPkSelect: 'pk-select',\n        onPkShow: 'pk-show',\n        onPkAfterShow: 'pk-after-show',\n        onPkHide: 'pk-hide',\n        onPkAfterHide: 'pk-after-hide',\n        onPkOpenChange: 'pk-open-change',\n    },\n});\n\nexport const PkDropdownItemElement = createPluginKitComponent({\n    tagName: 'pk-dropdown-item',\n    elementClass: PkDropdownItem,\n    react: React,\n    events: {\n        onPkSelect: 'pk-select',\n        onPkSubmenuOpen: 'pk-submenu-open',\n    },\n});\n\nexport const PkDropdownLabelElement = createPluginKitComponent({\n    tagName: 'pk-dropdown-label',\n    elementClass: PkDropdownLabel,\n    react: React,\n});\n\nexport const PkDropdownSeparatorElement = createPluginKitComponent({\n    tagName: 'pk-dropdown-separator',\n    elementClass: PkDropdownSeparator,\n    react: React,\n});\n\nexport const DropdownMenu = PkDropdownMenuElement;\nexport const DropdownItem = PkDropdownItemElement;\nexport const DropdownLabel = PkDropdownLabelElement;\nexport const DropdownSeparator = PkDropdownSeparatorElement;\n\nexport type DropdownMenuProps = React.ComponentProps<typeof PkDropdownMenuElement>;\nexport type DropdownItemProps = React.ComponentProps<typeof PkDropdownItemElement>;\nexport type DropdownLabelProps = React.ComponentProps<typeof PkDropdownLabelElement>;\nexport type DropdownSeparatorProps = React.ComponentProps<typeof PkDropdownSeparatorElement>;\nexport type { PkDropdownItemType, PkMenuItem };\n"],"mappings":";;;;;;;;AASA,IAAa,wBAAwB,yBAAyB;CAC1D,SAAS;CACT,cAAc;CACd,OAAO;CACP,QAAQ;EACJ,YAAY;EACZ,UAAU;EACV,eAAe;EACf,UAAU;EACV,eAAe;EACf,gBAAgB;EACnB;CACJ,CAAC;AAEF,IAAa,wBAAwB,yBAAyB;CAC1D,SAAS;CACT,cAAc;CACd,OAAO;CACP,QAAQ;EACJ,YAAY;EACZ,iBAAiB;EACpB;CACJ,CAAC;AAEF,IAAa,yBAAyB,yBAAyB;CAC3D,SAAS;CACT,cAAc;CACd,OAAO;CACV,CAAC;AAEF,IAAa,6BAA6B,yBAAyB;CAC/D,SAAS;CACT,cAAc;CACd,OAAO;CACV,CAAC;AAEF,IAAa,eAAe;AAC5B,IAAa,eAAe;AAC5B,IAAa,gBAAgB;AAC7B,IAAa,oBAAoB"}

package/dist/components/EditableTable.d.ts

@@ -1,30 +1,85 @@
-import { default as React } from 'react';
-import { EditableTableColumn, EditableTableModifyColumn, EditableTableModifyRow, EditableTableOnCellChange, EditableTableRow, EditableTableRowActionArgs } from './editable-table/types';
-export type { EditableTableColumn, EditableTableModifyColumn, EditableTableModifyColumnResult, EditableTableModifyRow, EditableTableOnCellChange, EditableTableRow, EditableTableRowActionArgs, } from './editable-table/types';
-export type EditableTableProps = {
-    columns: EditableTableColumn[];
-    rows: EditableTableRow[];
-    onChange: (rows: EditableTableRow[]) => void;
-    onCellChange?: EditableTableOnCellChange;
-    addRowLabel?: string;
-    allowReorder?: boolean;
-    allowAdd?: boolean;
-    allowDelete?: boolean;
+import { default as React, ReactNode } from 'react';
+import { getCustomCellSlotName, PkEditableTable, PkEditableTableColumn, PkEditableTableColumnType, PkEditableTableGetRowMenuItems, PkEditableTableModifyColumn, PkEditableTableModifyRow, PkEditableTableOption, PkEditableTableRow, PkEditableTableRowMenuItem, PkEditableTableRowModifier } from '@verbb/plugin-kit-web/components/editable-table/pk-editable-table.js';
+declare const PkEditableTableElement: import('@lit/react').ReactWebComponent<PkEditableTable, {
+    onPkChange: string;
+    onPkCellChange: string;
+    onPkRowMenuSelect: string;
+    onInput: string;
+    onChange: string;
+}>;
+type PkEditableTableElementProps = React.ComponentProps<typeof PkEditableTableElement>;
+export type EditableTableCellRenderContext = {
+    column: EditableTableColumn;
+    row: PkEditableTableRow;
+    rowIndex: number;
+    value: unknown;
+    isInvalid: boolean;
+    updateValue: (next: unknown) => void;
+};
+/**
+ * Column shape for the React facade. Extra keys (Formie metadata, `renderCell`,
+ * `className`) are stripped / remapped before forwarding to the web component.
+ */
+export type EditableTableColumn = Omit<PkEditableTableColumn, 'type' | 'class'> & {
+    type?: PkEditableTableColumnType | (string & {});
+    /** Maps to the CE `class` field. */
     className?: string;
-    modifyColumn?: EditableTableModifyColumn;
-    modifyRow?: EditableTableModifyRow;
-    fieldName?: string;
-    cellErrors?: Record<string, unknown>;
-    newRowDefaults?: Record<string, unknown>;
-    renderActions?: (args: {
-        rows: EditableTableRow[];
-        addRow: () => void;
-        isDragging: boolean;
-    }) => React.ReactNode;
-    renderRowActions?: (args: EditableTableRowActionArgs) => React.ReactNode;
-    renderRowMenuItemsBeforeCore?: (args: EditableTableRowActionArgs) => React.ReactNode;
-    renderRowMenuItemsAfterCore?: (args: EditableTableRowActionArgs) => React.ReactNode;
-    renderRowMenuItems?: (args: EditableTableRowActionArgs) => React.ReactNode;
+    class?: string;
+    /**
+     * Optional class on the light-DOM projection wrapper for custom cells.
+     * Built-in cell types ignore this (shadow cells cannot take host Tailwind).
+     */
+    contentClassName?: string;
+    /** When set, the column is forced to `type: 'custom'` and content is projected. */
+    renderCell?: (context: EditableTableCellRenderContext) => ReactNode;
+};
+export type EditableTableRowMenuSelectDetail = {
+    rowIndex: number;
+    row: PkEditableTableRow;
+    item: PkEditableTableRowMenuItem;
+    action: string;
+    value: string;
+};
+export type EditableTableProps = Omit<PkEditableTableElementProps, 'onChange' | 'columns' | 'modifyColumn' | 'modifyRow' | 'getRowMenuItems' | 'children'> & {
+    columns?: EditableTableColumn[];
+    /**
+     * Controlled rows callback — sugar over `onPkChange` detail.
+     * Prefer this in React apps; `onPkChange` remains for CE parity.
+     */
+    onChange?: (rows: PkEditableTableRow[]) => void;
+    /**
+     * Per-cell sugar over `pk-cell-change`.
+     * Signature matches Formie's historical `(rowIndex, columnName, value)` binding.
+     */
+    onCellChange?: (rowIndex: number, columnName: string, value: unknown, row?: PkEditableTableRow) => void;
+    modifyColumn?: PkEditableTableModifyColumn | null;
+    /**
+     * Per-row chrome. Accepts CE shape (`class` / `title`) or Formie's
+     * transitional `{ cellClassName, title }`.
+     */
+    modifyRow?: ((row: PkEditableTableRow, rowIndex: number) => PkEditableTableRowModifier | {
+        cellClassName?: string;
+        title?: string;
+        tone?: PkEditableTableRowModifier['tone'];
+    } | null | undefined) | null;
+    getRowMenuItems?: PkEditableTableGetRowMenuItems | null;
+    /**
+     * @deprecated Prefer `getRowMenuItems`. Alias kept so Formie can migrate call sites.
+     */
+    renderRowMenuItemsBeforeCore?: PkEditableTableGetRowMenuItems | null;
+    onRowMenuSelect?: (detail: EditableTableRowMenuSelectDetail) => void;
 };
-export declare function EditableTable({ columns, rows, onChange, onCellChange, addRowLabel, allowReorder, allowAdd, allowDelete, className, modifyColumn, modifyRow, fieldName, cellErrors, newRowDefaults, renderActions, renderRowActions, renderRowMenuItemsBeforeCore, renderRowMenuItemsAfterCore, renderRowMenuItems, }: EditableTableProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * React facade over `<pk-editable-table>`.
+ * Behavior and styles live in the web component; this layer adds React sugar
+ * (`onChange`, `onCellChange`, `renderCell` light-DOM projection, `modifyRow`
+ * className alias) without reimplementing the table.
+ */
+export declare const EditableTable: React.ForwardRefExoticComponent<Omit<EditableTableProps, "ref"> & React.RefAttributes<PkEditableTable>>;
+export { PkEditableTableElement, getCustomCellSlotName };
+export type { PkEditableTableColumn, PkEditableTableColumnType, PkEditableTableGetRowMenuItems, PkEditableTableModifyColumn, PkEditableTableModifyRow, PkEditableTableOption, PkEditableTableRow, PkEditableTableRowMenuItem, PkEditableTableRowModifier, };
+/** @deprecated Use `PkEditableTableColumn` — alias kept for transitional imports. */
+export type EditableTableColumnAlias = PkEditableTableColumn;
+/** @deprecated Use `PkEditableTableRow` — alias kept for transitional imports. */
+export type EditableTableRow = PkEditableTableRow;
 //# sourceMappingURL=EditableTable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EditableTable.d.ts","sourceRoot":"","sources":["../../src/components/EditableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAoBpD,OAAO,KAAK,EACR,mBAAmB,EACnB,yBAAyB,EACzB,sBAAsB,EACtB,yBAAyB,EACzB,gBAAgB,EAChB,0BAA0B,EAC7B,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EACR,mBAAmB,EACnB,yBAAyB,EACzB,+BAA+B,EAC/B,sBAAsB,EACtB,yBAAyB,EACzB,gBAAgB,EAChB,0BAA0B,GAC7B,MAAM,wBAAwB,CAAC;AAEhC,MAAM,MAAM,kBAAkB,GAAG;IAC7B,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,QAAQ,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAC;IAC7C,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,yBAAyB,CAAC;IACzC,SAAS,CAAC,EAAE,sBAAsB,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;QAAC,MAAM,EAAE,MAAM,IAAI,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IACjH,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC;IACzE,4BAA4B,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC;IACrF,2BAA2B,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9E,CAAC;AAyBF,wBAAgB,aAAa,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,YAAwB,EACxB,WAAW,EACX,YAAmB,EACnB,QAAe,EACf,WAAkB,EAClB,SAAc,EACd,YAAwB,EACxB,SAAqB,EACrB,SAAqB,EACrB,UAAe,EACf,cAAmB,EACnB,aAAyB,EACzB,gBAA4B,EAC5B,4BAAwC,EACxC,2BAAuC,EACvC,kBAA8B,GACjC,EAAE,kBAAkB,2CA+KpB"}
+{"version":3,"file":"EditableTable.d.ts","sourceRoot":"","sources":["../../src/components/EditableTable.tsx"],"names":[],"mappings":"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"}