npm - @health-samurai/react-components - Versions diffs - 0.0.0-alpha.2 → 0.0.0-alpha.21 - Mend

@health-samurai/react-components 0.0.0-alpha.2 → 0.0.0-alpha.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (571) hide show

package/dist/src/shadcn/components/ui/dropdown-menu.d.ts CHANGED Viewed

@@ -1,13 +1,16 @@
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { type VariantProps } from "class-variance-authority";
 import type * as React from "react";
+declare const dropdownMenuItemVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
-declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & VariantProps<typeof dropdownMenuItemVariants> & {
     inset?: boolean;
-    variant?: "default" | "destructive";
 }): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuCheckboxItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
@@ -17,10 +20,11 @@ declare function DropdownMenuLabel({ className, inset, ...props }: React.Compone
 }): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuIcon({ className, children, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
     inset?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, dropdownMenuItemVariants, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuIcon, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/src/shadcn/components/ui/dropdown-menu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;~~AAEvE~~,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAIpC~~,iBAAS,YAAY,CAAC,EACrB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,2CAEzD;AAED,iBAAS,kBAAkB,CAAC,EAC3B,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,MAAM,CAAC,2CAI3D;AAED,iBAAS,mBAAmB,CAAC,EAC5B,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,2CAO5D;AAED,iBAAS,mBAAmB,CAAC,EAC5B,SAAS,EACT,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,OAAO,CAAC,~~2CAmB5D~~;AAED,iBAAS,iBAAiB,CAAC,EAC1B,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,2CAI1D;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,KAAK,EACL,OAAmB,EACnB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,IAAI,CAAC,~~GAAG;IAC5D~~,~~KAAK~~,CAAC,~~EAAE,~~OAAO,CAAC;~~IAChB~~,~~OAAO~~,CAAC,EAAE,~~SAAS~~,~~GAAG,aAAa,~~CAAC;~~CACpC~~,~~2CA2BA~~;AAED,iBAAS,wBAAwB,CAAC,EACjC,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,YAAY,CAAC,~~2CAoBjE~~;AAED,iBAAS,sBAAsB,CAAC,EAC/B,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,2CAO/D;AAED,iBAAS,qBAAqB,CAAC,EAC9B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,~~2CAoB9D~~;AAED,iBAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,KAAK,CAAC,GAAG;IAC7D,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,~~2CAYA~~;AAED,iBAAS,qBAAqB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,SAAS,CAAC,2CAQ9D;AAED,iBAAS,oBAAoB,CAAC,EAC7B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,~~2CAW9B~~;AAED,iBAAS,eAAe,CAAC,EACxB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,GAAG,CAAC,2CAExD;AAED,iBAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,GAAG;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;CAChB,~~2CAgBA~~;AAED,iBAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,qBAAqB,CAAC,UAAU,CAAC,~~2CAe~~/D;AAED,OAAO,EACN,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,GACtB,CAAC"}
1	+ {"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}

package/dist/src/shadcn/components/ui/dropdown-menu.js CHANGED Viewed

@@ -1,7 +1,104 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { cva } from "class-variance-authority";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { cn } from "../../lib/utils.js";
+// Styles
+const dropdownMenuContentBaseStyles = cn(// Background
+"bg-bg-primary", // Layout
+"z-50", "max-h-(--radix-dropdown-menu-content-available-height)", "min-w-[8rem]", "origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-x-hidden", "overflow-y-auto", // Shape
+"rounded-md", // Border
+"border", "border-border-primary", // Spacing
+"p-2", "gap-1", "flex", "flex-col", // Shadow
+"dropdown-menu-shadow", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95", // Slide animations
+"data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2");
+const dropdownMenuItemBaseStyles = cn(// Layout
+"flex", "items-center", "justify-between", "gap-2", "h-7", // Spacing
+"px-2", "py-0", // Shape
+"rounded", // Typography
+"typo-body", // Colors
+"text-text-primary", // Interaction
+"cursor-pointer", "outline-hidden", "select-none", // Focus states
+"focus:bg-bg-tertiary", "focus:text-text-primary", "focus:rounded", // Disabled states
+"data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", // Inset spacing
+"data-[inset]:pl-8", // SVG
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-fg-secondary");
+const dropdownMenuItemVariants = cva(dropdownMenuItemBaseStyles, {
+    variants: {
+        variant: {
+            default: "",
+            destructive: cn("data-[variant=destructive]:text-text-error-primary", "data-[variant=destructive]:focus:bg-bg-error-tertiary", "data-[variant=destructive]:focus:text-text-error-primary", "data-[variant=destructive]:*:[svg]:!text-text-error-primary")
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+const dropdownMenuCheckboxItemBaseStyles = cn(// Layout
+"relative", "flex", "items-center", "gap-2", "h-7", // Spacing
+"py-0", "pr-2", "pl-9", // Shape
+"rounded", // Typography
+"typo-body", // Colors
+"text-text-primary", // Interaction
+"cursor-default", "outline-hidden", "select-none", // Focus states
+"focus:bg-bg-secondary", "focus:text-text-primary", // Disabled states
+"data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", // SVG
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", "[&_svg]:text-text-link");
+const dropdownMenuCheckboxIndicatorStyles = cn(// Layout
+"pointer-events-none", "absolute", "left-3", "flex", "size-3.5", "items-center", "justify-center");
+const dropdownMenuRadioItemBaseStyles = cn(// Layout
+"relative", "flex", "items-center", "gap-2", "h-7", // Spacing
+"py-0", "pr-2", // Shape
+"rounded", // Typography
+"typo-body", // Colors
+"text-text-primary", // Interaction
+"cursor-pointer", "outline-hidden", "select-none", // Focus states
+"focus:bg-bg-secondary", "focus:text-text-primary", // Disabled states
+"data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", // SVG
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4");
+const dropdownMenuRadioIndicatorStyles = cn(// Layout
+"pointer-events-none", "absolute", "left-2", "flex", "size-3.5", "items-center", "justify-center");
+const dropdownMenuLabelBaseStyles = cn(// Layout
+"flex", "items-center", "h-7", // Spacing
+"px-2", "py-0", "data-[inset]:pl-10", // Typography
+"typo-label-tiny", // Colors
+"text-text-secondary");
+const dropdownMenuSeparatorBaseStyles = cn(// Border
+"border-t", "border-border-separator", // Spacing
+"-mx-1", "my-1", // Size
+"h-1");
+const dropdownMenuShortcutBaseStyles = cn(// Typography
+"text-xs", "tracking-widest", // Colors
+"text-text-secondary", // Spacing
+"ml-auto");
+const dropdownMenuIconBaseStyles = cn(// Layout
+"flex", "items-center", "justify-center", // Size
+"size-6", // Spacing
+"p-1", // SVG
+"[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", "[&_svg:not([class*='text-'])]:text-fg-tertiary", // Hover states
+"hover:[&_svg:not([class*='text-'])]:text-fg-tertiary_hover");
+const dropdownMenuSubTriggerBaseStyles = cn(// Layout
+"flex", "items-center", "h-7", // Spacing
+"px-2", "py-0", "data-[inset]:pl-8", // Shape
+"rounded", // Typography
+"typo-body", // Colors
+"text-text-primary", // Interaction
+"cursor-default", "outline-hidden", "select-none", // Focus states
+"focus:bg-bg-secondary", "focus:text-text-primary", "data-[state=open]:bg-accent", "data-[state=open]:text-accent-foreground");
+const dropdownMenuSubContentBaseStyles = cn(// Background
+"bg-bg-primary", // Layout
+"z-50", "min-w-[8rem]", "origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-hidden", // Shape
+"rounded-md", // Border
+"border", "border-border-primary", // Spacing
+"p-2", "gap-1", "flex", "flex-col", // Colors
+"text-text-primary", // Shadow
+"dropdown-menu-shadow", // Animations - open
+"data-[state=open]:animate-in", "data-[state=open]:fade-in-0", "data-[state=open]:zoom-in-95", // Animations - closed
+"data-[state=closed]:animate-out", "data-[state=closed]:fade-out-0", "data-[state=closed]:zoom-out-95", // Slide animations
+"data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2", "data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2");
+// Components
 function DropdownMenu({ ...props }) {
     return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Root, {
         "data-slot": "dropdown-menu",
@@ -25,7 +122,7 @@ function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
         children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Content, {
             "data-slot": "dropdown-menu-content",
             sideOffset: sideOffset,
-            className: cn("bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0", "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2", "data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height)", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5", className),
+            className: cn(dropdownMenuContentBaseStyles, className),
             ...props
         })
     });
@@ -41,18 +138,20 @@ function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
         "data-slot": "dropdown-menu-item",
         "data-inset": inset,
         "data-variant": variant,
-        className: cn("cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md", "outline-hidden select-none typo-body text-text-secondary", "focus:bg-bg-secondary focus:text-text-primary", "data-[variant=destructive]:text-text-error-primary", "data-[variant=destructive]:focus:bg-bg-error-tertiary", "dark:data-[variant=destructive]:focus:bg-bg-error-tertiary", "data-[variant=destructive]:focus:text-text-error-primary", "data-[variant=destructive]:*:[svg]:!text-text-error-primary", "[&_svg:not([class*='text-'])]:fg-fg-secondary", "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", "data-[inset]:pl-8", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className),
+        className: cn(dropdownMenuItemVariants({
+            variant
+        }), className),
         ...props
     });
 }
 function DropdownMenuCheckboxItem({ className, children, ...props }) {
     return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.CheckboxItem, {
         "data-slot": "dropdown-menu-checkbox-item",
-        className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9", "outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-text-link h-8 typo-body text-text-secondary", className),
+        className: cn(dropdownMenuCheckboxItemBaseStyles, className),
         ...props,
         children: [
             /*#__PURE__*/ _jsx("span", {
-                className: "pointer-events-none absolute left-3 flex size-3.5 items-center justify-center",
+                className: dropdownMenuCheckboxIndicatorStyles,
                 children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
                     children: /*#__PURE__*/ _jsx(CheckIcon, {
                         className: "size-4"
@@ -72,11 +171,11 @@ function DropdownMenuRadioGroup({ ...props }) {
 function DropdownMenuRadioItem({ className, children, ...props }) {
     return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.RadioItem, {
         "data-slot": "dropdown-menu-radio-item",
-        className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2", "outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none", "[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 h-8 typo-body text-text-secondary", className),
+        className: cn(dropdownMenuRadioItemBaseStyles, className),
         ...props,
         children: [
             /*#__PURE__*/ _jsx("span", {
-                className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+                className: dropdownMenuRadioIndicatorStyles,
                 children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
                     children: /*#__PURE__*/ _jsx(CircleIcon, {
                         className: "size-2 fill-current"
@@ -91,24 +190,32 @@ function DropdownMenuLabel({ className, inset, ...props }) {
     return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Label, {
         "data-slot": "dropdown-menu-label",
         "data-inset": inset,
-        className: cn("px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary", className),
+        className: cn(dropdownMenuLabelBaseStyles, className),
         ...props
     });
 }
 function DropdownMenuSeparator({ className, ...props }) {
     return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Separator, {
         "data-slot": "dropdown-menu-separator",
-        className: cn("bg-bg-quaternary -mx-1 my-1 h-px", className),
+        className: cn(dropdownMenuSeparatorBaseStyles, className),
         ...props
     });
 }
 function DropdownMenuShortcut({ className, ...props }) {
     return /*#__PURE__*/ _jsx("span", {
         "data-slot": "dropdown-menu-shortcut",
-        className: cn("text-text-secondary ml-auto text-xs tracking-widest", className),
+        className: cn(dropdownMenuShortcutBaseStyles, className),
         ...props
     });
 }
+function DropdownMenuIcon({ className, children, ...props }) {
+    return /*#__PURE__*/ _jsx("span", {
+        "data-slot": "dropdown-menu-icon",
+        className: cn(dropdownMenuIconBaseStyles, className),
+        ...props,
+        children: children
+    });
+}
 function DropdownMenuSub({ ...props }) {
     return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Sub, {
         "data-slot": "dropdown-menu-sub",
@@ -119,12 +226,13 @@ function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
     return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.SubTrigger, {
         "data-slot": "dropdown-menu-sub-trigger",
         "data-inset": inset,
-        className: cn("focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex", "cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary", className),
+        className: cn(dropdownMenuSubTriggerBaseStyles, className),
         ...props,
         children: [
             children,
-            /*#__PURE__*/ _jsx(ChevronRightIcon, {
-                className: "ml-auto size-4"
+            /*#__PURE__*/ _jsx(DropdownMenuIcon, {
+                className: "ml-auto",
+                children: /*#__PURE__*/ _jsx(ChevronRightIcon, {})
             })
         ]
     });
@@ -132,10 +240,10 @@ function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
 function DropdownMenuSubContent({ className, ...props }) {
     return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.SubContent, {
         "data-slot": "dropdown-menu-sub-content",
-        className: cn("bg-bg-primary text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0", "data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2", "data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator", "p-2 shadow-lg", className),
+        className: cn(dropdownMenuSubContentBaseStyles, className),
         ...props
     });
 }
-export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent };
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, dropdownMenuItemVariants, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuIcon, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent };
 //# sourceMappingURL=dropdown-menu.js.map

package/dist/src/shadcn/components/ui/dropdown-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction DropdownMenu({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n\treturn <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n\t);\n}\n\nfunction DropdownMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Trigger\n\t\t\tdata-slot=\"dropdown-menu-trigger\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuContent({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t<DropdownMenuPrimitive.Content\n\t\t\t\tdata-slot=\"dropdown-menu-content\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n\t\t\t\t\t\"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n\t\t\t\t\t\"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n\t\t\t\t\t\"data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height)\",\n\t\t\t\t\t\"min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)\",\n\t\t\t\t\t\"overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</DropdownMenuPrimitive.Portal>\n\t);\n}\n\nfunction DropdownMenuGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n\t);\n}\n\nfunction DropdownMenuItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" \| \"destructive\";\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Item\n\t\t\tdata-slot=\"dropdown-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md\",\n\t\t\t\t\"outline-hidden select-none typo-body text-text-secondary\",\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary\",\n\t\t\t\t\"data-[variant=destructive]:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"dark:data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"data-[variant=destructive]:focus:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]::[svg]:!text-text-error-primary\",\n\t\t\t\t\"[&_svg:not([class='text-'])]:fg-fg-secondary\",\n\t\t\t\t\"data-[disabled]:pointer-events-none\",\n\t\t\t\t\"data-[disabled]:opacity-50\",\n\t\t\t\t\"data-[inset]:pl-8\",\n\t\t\t\t\"[&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0\",\n\t\t\t\t\"[&_svg:not([class='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"dropdown-menu-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-4 [&_svg]:text-text-link h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-3 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction DropdownMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"dropdown-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"dropdown-menu-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction DropdownMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Label\n\t\t\tdata-slot=\"dropdown-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Separator\n\t\t\tdata-slot=\"dropdown-menu-separator\"\n\t\t\tclassName={cn(\"bg-bg-quaternary -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"dropdown-menu-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-text-secondary ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSub({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n\treturn <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"dropdown-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex\",\n\t\t\t\t\"cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto size-4\" />\n\t\t</DropdownMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction DropdownMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubContent\n\t\t\tdata-slot=\"dropdown-menu-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-bg-primary text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n\t\t\t\t\"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2\",\n\t\t\t\t\"data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50\",\n\t\t\t\t\"min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator\",\n\t\t\t\t\"p-2 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuPortal,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuLabel,\n\tDropdownMenuItem,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuSubContent,\n};\n"],"names":["DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","DropdownMenu","props","Root","data-slot","DropdownMenuPortal","Portal","DropdownMenuTrigger","Trigger","DropdownMenuContent","className","sideOffset","Content","DropdownMenuGroup","Group","DropdownMenuItem","inset","variant","Item","data-inset","data-variant","DropdownMenuCheckboxItem","children","CheckboxItem","span","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","DropdownMenuLabel","Label","DropdownMenuSeparator","Separator","DropdownMenuShortcut","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Styles\nconst dropdownMenuContentBaseStyles = cn(\n\t// Background\n\t\"bg-bg-primary\",\n\t// Layout\n\t\"z-50\",\n\t\"max-h-(--radix-dropdown-menu-content-available-height)\",\n\t\"min-w-[8rem]\",\n\t\"origin-(--radix-dropdown-menu-content-transform-origin)\",\n\t\"overflow-x-hidden\",\n\t\"overflow-y-auto\",\n\t// Shape\n\t\"rounded-md\",\n\t// Border\n\t\"border\",\n\t\"border-border-primary\",\n\t// Spacing\n\t\"p-2\",\n\t\"gap-1\",\n\t\"flex\",\n\t\"flex-col\",\n\t// Shadow\n\t\"dropdown-menu-shadow\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t// Slide animations\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n);\n\nconst dropdownMenuItemBaseStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"justify-between\",\n\t\"gap-2\",\n\t\"h-7\",\n\t// Spacing\n\t\"px-2\",\n\t\"py-0\",\n\t// Shape\n\t\"rounded\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Interaction\n\t\"cursor-pointer\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t// Focus states\n\t\"focus:bg-bg-tertiary\",\n\t\"focus:text-text-primary\",\n\t\"focus:rounded\",\n\t// Disabled states\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t// Inset spacing\n\t\"data-[inset]:pl-8\",\n\t// SVG\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class='size-'])]:size-4\",\n\t\"[&_svg:not([class='text-'])]:text-fg-secondary\",\n);\n\nconst dropdownMenuItemVariants = cva(dropdownMenuItemBaseStyles, {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: \"\",\n\t\t\tdestructive: cn(\n\t\t\t\t\"data-[variant=destructive]:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"data-[variant=destructive]:focus:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]::[svg]:!text-text-error-primary\",\n\t\t\t),\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tvariant: \"default\",\n\t},\n});\n\nconst dropdownMenuCheckboxItemBaseStyles = cn(\n\t// Layout\n\t\"relative\",\n\t\"flex\",\n\t\"items-center\",\n\t\"gap-2\",\n\t\"h-7\",\n\t// Spacing\n\t\"py-0\",\n\t\"pr-2\",\n\t\"pl-9\",\n\t// Shape\n\t\"rounded\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Interaction\n\t\"cursor-default\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t// Focus states\n\t\"focus:bg-bg-secondary\",\n\t\"focus:text-text-primary\",\n\t// Disabled states\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t// SVG\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class='size-'])]:size-4\",\n\t\"[&_svg]:text-text-link\",\n);\n\nconst dropdownMenuCheckboxIndicatorStyles = cn(\n\t// Layout\n\t\"pointer-events-none\",\n\t\"absolute\",\n\t\"left-3\",\n\t\"flex\",\n\t\"size-3.5\",\n\t\"items-center\",\n\t\"justify-center\",\n);\n\nconst dropdownMenuRadioItemBaseStyles = cn(\n\t// Layout\n\t\"relative\",\n\t\"flex\",\n\t\"items-center\",\n\t\"gap-2\",\n\t\"h-7\",\n\t// Spacing\n\t\"py-0\",\n\t\"pr-2\",\n\t// Shape\n\t\"rounded\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Interaction\n\t\"cursor-pointer\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t// Focus states\n\t\"focus:bg-bg-secondary\",\n\t\"focus:text-text-primary\",\n\t// Disabled states\n\t\"data-[disabled]:pointer-events-none\",\n\t\"data-[disabled]:opacity-50\",\n\t// SVG\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class='size-'])]:size-4\",\n);\n\nconst dropdownMenuRadioIndicatorStyles = cn(\n\t// Layout\n\t\"pointer-events-none\",\n\t\"absolute\",\n\t\"left-2\",\n\t\"flex\",\n\t\"size-3.5\",\n\t\"items-center\",\n\t\"justify-center\",\n);\n\nconst dropdownMenuLabelBaseStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"h-7\",\n\t// Spacing\n\t\"px-2\",\n\t\"py-0\",\n\t\"data-[inset]:pl-10\",\n\t// Typography\n\t\"typo-label-tiny\",\n\t// Colors\n\t\"text-text-secondary\",\n);\n\nconst dropdownMenuSeparatorBaseStyles = cn(\n\t// Border\n\t\"border-t\",\n\t\"border-border-separator\",\n\t// Spacing\n\t\"-mx-1\",\n\t\"my-1\",\n\t// Size\n\t\"h-1\",\n);\n\nconst dropdownMenuShortcutBaseStyles = cn(\n\t// Typography\n\t\"text-xs\",\n\t\"tracking-widest\",\n\t// Colors\n\t\"text-text-secondary\",\n\t// Spacing\n\t\"ml-auto\",\n);\n\nconst dropdownMenuIconBaseStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"justify-center\",\n\t// Size\n\t\"size-6\",\n\t// Spacing\n\t\"p-1\",\n\t// SVG\n\t\"[&_svg]:pointer-events-none\",\n\t\"[&_svg]:shrink-0\",\n\t\"[&_svg:not([class='size-'])]:size-4\",\n\t\"[&_svg:not([class='text-'])]:text-fg-tertiary\",\n\t// Hover states\n\t\"hover:[&_svg:not([class='text-'])]:text-fg-tertiary_hover\",\n);\n\nconst dropdownMenuSubTriggerBaseStyles = cn(\n\t// Layout\n\t\"flex\",\n\t\"items-center\",\n\t\"h-7\",\n\t// Spacing\n\t\"px-2\",\n\t\"py-0\",\n\t\"data-[inset]:pl-8\",\n\t// Shape\n\t\"rounded\",\n\t// Typography\n\t\"typo-body\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Interaction\n\t\"cursor-default\",\n\t\"outline-hidden\",\n\t\"select-none\",\n\t// Focus states\n\t\"focus:bg-bg-secondary\",\n\t\"focus:text-text-primary\",\n\t\"data-[state=open]:bg-accent\",\n\t\"data-[state=open]:text-accent-foreground\",\n);\n\nconst dropdownMenuSubContentBaseStyles = cn(\n\t// Background\n\t\"bg-bg-primary\",\n\t// Layout\n\t\"z-50\",\n\t\"min-w-[8rem]\",\n\t\"origin-(--radix-dropdown-menu-content-transform-origin)\",\n\t\"overflow-hidden\",\n\t// Shape\n\t\"rounded-md\",\n\t// Border\n\t\"border\",\n\t\"border-border-primary\",\n\t// Spacing\n\t\"p-2\",\n\t\"gap-1\",\n\t\"flex\",\n\t\"flex-col\",\n\t// Colors\n\t\"text-text-primary\",\n\t// Shadow\n\t\"dropdown-menu-shadow\",\n\t// Animations - open\n\t\"data-[state=open]:animate-in\",\n\t\"data-[state=open]:fade-in-0\",\n\t\"data-[state=open]:zoom-in-95\",\n\t// Animations - closed\n\t\"data-[state=closed]:animate-out\",\n\t\"data-[state=closed]:fade-out-0\",\n\t\"data-[state=closed]:zoom-out-95\",\n\t// Slide animations\n\t\"data-[side=bottom]:slide-in-from-top-2\",\n\t\"data-[side=left]:slide-in-from-right-2\",\n\t\"data-[side=right]:slide-in-from-left-2\",\n\t\"data-[side=top]:slide-in-from-bottom-2\",\n);\n\n// Components\nfunction DropdownMenu({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n\treturn <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n\t);\n}\n\nfunction DropdownMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Trigger\n\t\t\tdata-slot=\"dropdown-menu-trigger\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuContent({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t<DropdownMenuPrimitive.Content\n\t\t\t\tdata-slot=\"dropdown-menu-content\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(dropdownMenuContentBaseStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</DropdownMenuPrimitive.Portal>\n\t);\n}\n\nfunction DropdownMenuGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n\t);\n}\n\nfunction DropdownMenuItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> &\n\tVariantProps<typeof dropdownMenuItemVariants> & {\n\t\tinset?: boolean;\n\t}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Item\n\t\t\tdata-slot=\"dropdown-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(dropdownMenuItemVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"dropdown-menu-checkbox-item\"\n\t\t\tclassName={cn(dropdownMenuCheckboxItemBaseStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className={dropdownMenuCheckboxIndicatorStyles}>\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction DropdownMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"dropdown-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"dropdown-menu-radio-item\"\n\t\t\tclassName={cn(dropdownMenuRadioItemBaseStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className={dropdownMenuRadioIndicatorStyles}>\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction DropdownMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Label\n\t\t\tdata-slot=\"dropdown-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(dropdownMenuLabelBaseStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Separator\n\t\t\tdata-slot=\"dropdown-menu-separator\"\n\t\t\tclassName={cn(dropdownMenuSeparatorBaseStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"dropdown-menu-shortcut\"\n\t\t\tclassName={cn(dropdownMenuShortcutBaseStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuIcon({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"dropdown-menu-icon\"\n\t\t\tclassName={cn(dropdownMenuIconBaseStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</span>\n\t);\n}\n\nfunction DropdownMenuSub({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n\treturn <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"dropdown-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(dropdownMenuSubTriggerBaseStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<DropdownMenuIcon className=\"ml-auto\">\n\t\t\t\t<ChevronRightIcon />\n\t\t\t</DropdownMenuIcon>\n\t\t</DropdownMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction DropdownMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubContent\n\t\t\tdata-slot=\"dropdown-menu-sub-content\"\n\t\t\tclassName={cn(dropdownMenuSubContentBaseStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuPortal,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuLabel,\n\tDropdownMenuItem,\n\tdropdownMenuItemVariants,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuIcon,\n\tDropdownMenuSub,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuSubContent,\n};\n"],"names":["DropdownMenuPrimitive","cva","CheckIcon","ChevronRightIcon","CircleIcon","cn","dropdownMenuContentBaseStyles","dropdownMenuItemBaseStyles","dropdownMenuItemVariants","variants","variant","default","destructive","defaultVariants","dropdownMenuCheckboxItemBaseStyles","dropdownMenuCheckboxIndicatorStyles","dropdownMenuRadioItemBaseStyles","dropdownMenuRadioIndicatorStyles","dropdownMenuLabelBaseStyles","dropdownMenuSeparatorBaseStyles","dropdownMenuShortcutBaseStyles","dropdownMenuIconBaseStyles","dropdownMenuSubTriggerBaseStyles","dropdownMenuSubContentBaseStyles","DropdownMenu","props","Root","data-slot","DropdownMenuPortal","Portal","DropdownMenuTrigger","Trigger","DropdownMenuContent","className","sideOffset","Content","DropdownMenuGroup","Group","DropdownMenuItem","inset","Item","data-inset","data-variant","DropdownMenuCheckboxItem","children","CheckboxItem","span","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","DropdownMenuLabel","Label","DropdownMenuSeparator","Separator","DropdownMenuShortcut","DropdownMenuIcon","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent"],"mappings":";AAAA,YAAYA,2BAA2B,gCAAgC;AACvE,SAASC,GAAG,QAA2B,2BAA2B;AAClE,SAASC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,eAAe;AAGvE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAAS;AACT,MAAMC,gCAAgCD,GACrC,aAAa;AACb,iBACA,SAAS;AACT,QACA,0DACA,gBACA,2DACA,qBACA,mBACA,QAAQ;AACR,cACA,SAAS;AACT,UACA,yBACA,UAAU;AACV,OACA,SACA,QACA,YACA,SAAS;AACT,wBACA,oBAAoB;AACpB,gCACA,+BACA,gCACA,sBAAsB;AACtB,mCACA,kCACA,mCACA,mBAAmB;AACnB,0CACA,0CACA,0CACA;AAGD,MAAME,6BAA6BF,GAClC,SAAS;AACT,QACA,gBACA,mBACA,SACA,OACA,UAAU;AACV,QACA,QACA,QAAQ;AACR,WACA,aAAa;AACb,aACA,SAAS;AACT,qBACA,cAAc;AACd,kBACA,kBACA,eACA,eAAe;AACf,wBACA,2BACA,iBACA,kBAAkB;AAClB,uCACA,8BACA,gBAAgB;AAChB,qBACA,MAAM;AACN,+BACA,oBACA,wCACA;AAGD,MAAMG,2BAA2BP,IAAIM,4BAA4B;IAChEE,UAAU;QACTC,SAAS;YACRC,SAAS;YACTC,aAAaP,GACZ,sDACA,yDACA,4DACA;QAEF;IACD;IACAQ,iBAAiB;QAChBH,SAAS;IACV;AACD;AAEA,MAAMI,qCAAqCT,GAC1C,SAAS;AACT,YACA,QACA,gBACA,SACA,OACA,UAAU;AACV,QACA,QACA,QACA,QAAQ;AACR,WACA,aAAa;AACb,aACA,SAAS;AACT,qBACA,cAAc;AACd,kBACA,kBACA,eACA,eAAe;AACf,yBACA,2BACA,kBAAkB;AAClB,uCACA,8BACA,MAAM;AACN,+BACA,oBACA,wCACA;AAGD,MAAMU,sCAAsCV,GAC3C,SAAS;AACT,uBACA,YACA,UACA,QACA,YACA,gBACA;AAGD,MAAMW,kCAAkCX,GACvC,SAAS;AACT,YACA,QACA,gBACA,SACA,OACA,UAAU;AACV,QACA,QACA,QAAQ;AACR,WACA,aAAa;AACb,aACA,SAAS;AACT,qBACA,cAAc;AACd,kBACA,kBACA,eACA,eAAe;AACf,yBACA,2BACA,kBAAkB;AAClB,uCACA,8BACA,MAAM;AACN,+BACA,oBACA;AAGD,MAAMY,mCAAmCZ,GACxC,SAAS;AACT,uBACA,YACA,UACA,QACA,YACA,gBACA;AAGD,MAAMa,8BAA8Bb,GACnC,SAAS;AACT,QACA,gBACA,OACA,UAAU;AACV,QACA,QACA,sBACA,aAAa;AACb,mBACA,SAAS;AACT;AAGD,MAAMc,kCAAkCd,GACvC,SAAS;AACT,YACA,2BACA,UAAU;AACV,SACA,QACA,OAAO;AACP;AAGD,MAAMe,iCAAiCf,GACtC,aAAa;AACb,WACA,mBACA,SAAS;AACT,uBACA,UAAU;AACV;AAGD,MAAMgB,6BAA6BhB,GAClC,SAAS;AACT,QACA,gBACA,kBACA,OAAO;AACP,UACA,UAAU;AACV,OACA,MAAM;AACN,+BACA,oBACA,wCACA,kDACA,eAAe;AACf;AAGD,MAAMiB,mCAAmCjB,GACxC,SAAS;AACT,QACA,gBACA,OACA,UAAU;AACV,QACA,QACA,qBACA,QAAQ;AACR,WACA,aAAa;AACb,aACA,SAAS;AACT,qBACA,cAAc;AACd,kBACA,kBACA,eACA,eAAe;AACf,yBACA,2BACA,+BACA;AAGD,MAAMkB,mCAAmClB,GACxC,aAAa;AACb,iBACA,SAAS;AACT,QACA,gBACA,2DACA,mBACA,QAAQ;AACR,cACA,SAAS;AACT,UACA,yBACA,UAAU;AACV,OACA,SACA,QACA,YACA,SAAS;AACT,qBACA,SAAS;AACT,wBACA,oBAAoB;AACpB,gCACA,+BACA,gCACA,sBAAsB;AACtB,mCACA,kCACA,mCACA,mBAAmB;AACnB,0CACA,0CACA,0CACA;AAGD,aAAa;AACb,SAASmB,aAAa,EACrB,GAAGC,OACsD;IACzD,qBAAO,KAACzB,sBAAsB0B,IAAI;QAACC,aAAU;QAAiB,GAAGF,KAAK;;AACvE;AAEA,SAASG,mBAAmB,EAC3B,GAAGH,OACwD;IAC3D,qBACC,KAACzB,sBAAsB6B,MAAM;QAACF,aAAU;QAAwB,GAAGF,KAAK;;AAE1E;AAEA,SAASK,oBAAoB,EAC5B,GAAGL,OACyD;IAC5D,qBACC,KAACzB,sBAAsB+B,OAAO;QAC7BJ,aAAU;QACT,GAAGF,KAAK;;AAGZ;AAEA,SAASO,oBAAoB,EAC5BC,SAAS,EACTC,aAAa,CAAC,EACd,GAAGT,OACyD;IAC5D,qBACC,KAACzB,sBAAsB6B,MAAM;kBAC5B,cAAA,KAAC7B,sBAAsBmC,OAAO;YAC7BR,aAAU;YACVO,YAAYA;YACZD,WAAW5B,GAAGC,+BAA+B2B;YAC5C,GAAGR,KAAK;;;AAIb;AAEA,SAASW,kBAAkB,EAC1B,GAAGX,OACuD;IAC1D,qBACC,KAACzB,sBAAsBqC,KAAK;QAACV,aAAU;QAAuB,GAAGF,KAAK;;AAExE;AAEA,SAASa,iBAAiB,EACzBL,SAAS,EACTM,KAAK,EACL7B,UAAU,SAAS,EACnB,GAAGe,OAIF;IACD,qBACC,KAACzB,sBAAsBwC,IAAI;QAC1Bb,aAAU;QACVc,cAAYF;QACZG,gBAAchC;QACduB,WAAW5B,GAAGG,yBAAyB;YAAEE;QAAQ,IAAIuB;QACpD,GAAGR,KAAK;;AAGZ;AAEA,SAASkB,yBAAyB,EACjCV,SAAS,EACTW,QAAQ,EACR,GAAGnB,OAC8D;IACjE,qBACC,MAACzB,sBAAsB6C,YAAY;QAClClB,aAAU;QACVM,WAAW5B,GAAGS,oCAAoCmB;QACjD,GAAGR,KAAK;;0BAET,KAACqB;gBAAKb,WAAWlB;0BAChB,cAAA,KAACf,sBAAsB+C,aAAa;8BACnC,cAAA,KAAC7C;wBAAU+B,WAAU;;;;YAGtBW;;;AAGJ;AAEA,SAASI,uBAAuB,EAC/B,GAAGvB,OAC4D;IAC/D,qBACC,KAACzB,sBAAsBiD,UAAU;QAChCtB,aAAU;QACT,GAAGF,KAAK;;AAGZ;AAEA,SAASyB,sBAAsB,EAC9BjB,SAAS,EACTW,QAAQ,EACR,GAAGnB,OAC2D;IAC9D,qBACC,MAACzB,sBAAsBmD,SAAS;QAC/BxB,aAAU;QACVM,WAAW5B,GAAGW,iCAAiCiB;QAC9C,GAAGR,KAAK;;0BAET,KAACqB;gBAAKb,WAAWhB;0BAChB,cAAA,KAACjB,sBAAsB+C,aAAa;8BACnC,cAAA,KAAC3C;wBAAW6B,WAAU;;;;YAGvBW;;;AAGJ;AAEA,SAASQ,kBAAkB,EAC1BnB,SAAS,EACTM,KAAK,EACL,GAAGd,OAGH;IACA,qBACC,KAACzB,sBAAsBqD,KAAK;QAC3B1B,aAAU;QACVc,cAAYF;QACZN,WAAW5B,GAAGa,6BAA6Be;QAC1C,GAAGR,KAAK;;AAGZ;AAEA,SAAS6B,sBAAsB,EAC9BrB,SAAS,EACT,GAAGR,OAC2D;IAC9D,qBACC,KAACzB,sBAAsBuD,SAAS;QAC/B5B,aAAU;QACVM,WAAW5B,GAAGc,iCAAiCc;QAC9C,GAAGR,KAAK;;AAGZ;AAEA,SAAS+B,qBAAqB,EAC7BvB,SAAS,EACT,GAAGR,OAC2B;IAC9B,qBACC,KAACqB;QACAnB,aAAU;QACVM,WAAW5B,GAAGe,gCAAgCa;QAC7C,GAAGR,KAAK;;AAGZ;AAEA,SAASgC,iBAAiB,EACzBxB,SAAS,EACTW,QAAQ,EACR,GAAGnB,OAC2B;IAC9B,qBACC,KAACqB;QACAnB,aAAU;QACVM,WAAW5B,GAAGgB,4BAA4BY;QACzC,GAAGR,KAAK;kBAERmB;;AAGJ;AAEA,SAASc,gBAAgB,EACxB,GAAGjC,OACqD;IACxD,qBAAO,KAACzB,sBAAsB2D,GAAG;QAAChC,aAAU;QAAqB,GAAGF,KAAK;;AAC1E;AAEA,SAASmC,uBAAuB,EAC/B3B,SAAS,EACTM,KAAK,EACLK,QAAQ,EACR,GAAGnB,OAGH;IACA,qBACC,MAACzB,sBAAsB6D,UAAU;QAChClC,aAAU;QACVc,cAAYF;QACZN,WAAW5B,GAAGiB,kCAAkCW;QAC/C,GAAGR,KAAK;;YAERmB;0BACD,KAACa;gBAAiBxB,WAAU;0BAC3B,cAAA,KAAC9B;;;;AAIL;AAEA,SAAS2D,uBAAuB,EAC/B7B,SAAS,EACT,GAAGR,OAC4D;IAC/D,qBACC,KAACzB,sBAAsB+D,UAAU;QAChCpC,aAAU;QACVM,WAAW5B,GAAGkB,kCAAkCU;QAC/C,GAAGR,KAAK;;AAGZ;AAEA,SACCD,YAAY,EACZI,kBAAkB,EAClBE,mBAAmB,EACnBE,mBAAmB,EACnBI,iBAAiB,EACjBgB,iBAAiB,EACjBd,gBAAgB,EAChB9B,wBAAwB,EACxBmC,wBAAwB,EACxBK,sBAAsB,EACtBE,qBAAqB,EACrBI,qBAAqB,EACrBE,oBAAoB,EACpBC,gBAAgB,EAChBC,eAAe,EACfE,sBAAsB,EACtBE,sBAAsB,GACrB"}

package/dist/src/shadcn/components/ui/dropdown-menu.stories.js CHANGED Viewed

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Edit, Trash2 } from "lucide-react";
 import { Button } from "./button.js";
-import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuIcon, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
 const meta = {
     title: "Component/Dropdown menu"
 };
@@ -22,6 +23,7 @@ export const Demo = {
                         /*#__PURE__*/ _jsx(DropdownMenuLabel, {
                             children: "My Account"
                         }),
+                        /*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
                         /*#__PURE__*/ _jsxs(DropdownMenuGroup, {
                             children: [
                                 /*#__PURE__*/ _jsxs(DropdownMenuItem, {
@@ -35,8 +37,10 @@ export const Demo = {
                                 /*#__PURE__*/ _jsxs(DropdownMenuItem, {
                                     children: [
                                         "Billing",
-                                        /*#__PURE__*/ _jsx(DropdownMenuShortcut, {
-                                            children: "⌘B"
+                                        /*#__PURE__*/ _jsx("div", {
+                                            children: /*#__PURE__*/ _jsx(DropdownMenuShortcut, {
+                                                children: "⌘B"
+                                            })
                                         })
                                     ]
                                 }),
@@ -98,8 +102,21 @@ export const Demo = {
                             ]
                         }),
                         /*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
-                        /*#__PURE__*/ _jsx(DropdownMenuItem, {
-                            children: "GitHub"
+                        /*#__PURE__*/ _jsxs(DropdownMenuItem, {
+                            children: [
+                                "GitHub",
+                                /*#__PURE__*/ _jsxs("div", {
+                                    className: "ml-auto flex items-center gap-0.5",
+                                    children: [
+                                        /*#__PURE__*/ _jsx(DropdownMenuIcon, {
+                                            children: /*#__PURE__*/ _jsx(Edit, {})
+                                        }),
+                                        /*#__PURE__*/ _jsx(DropdownMenuIcon, {
+                                            children: /*#__PURE__*/ _jsx(Trash2, {})
+                                        })
+                                    ]
+                                })
+                            ]
                         }),
                         /*#__PURE__*/ _jsx(DropdownMenuItem, {
                             children: "Support"

package/dist/src/shadcn/components/ui/dropdown-menu.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuPortal,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubContent,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuTrigger,\n} from \"#shadcn/components/ui/dropdown-menu\";\n\nconst meta = {\n\ttitle: \"Component/Dropdown menu\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button variant=\"secondary\">Open</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent className=\"w-56\" align=\"start\">\n\t\t\t\t<DropdownMenuLabel>My Account</DropdownMenuLabel>\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tProfile\n\t\t\t\t\t\t<DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tBilling\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tSettings\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tKeyboard shortcuts\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuItem>Team</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuSub>\n\t\t\t\t\t\t<DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n\t\t\t\t\t\t<DropdownMenuPortal>\n\t\t\t\t\t\t\t<DropdownMenuSubContent>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>Email</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>Message</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t\t<DropdownMenuItem>More...</DropdownMenuItem>\n\t\t\t\t\t\t\t</DropdownMenuSubContent>\n\t\t\t\t\t\t</DropdownMenuPortal>\n\t\t\t\t\t</DropdownMenuSub>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tNew Team\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem~~>GitHub~~</DropdownMenuItem>\n\t\t\t\t<DropdownMenuItem>Support</DropdownMenuItem>\n\t\t\t\t<DropdownMenuItem disabled>API</DropdownMenuItem>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\tLog out\n\t\t\t\t\t<DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t),\n} satisfies Story;\n"],"names":["Button","DropdownMenu","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuPortal","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","meta","title","Demo","render","asChild","variant","className","align","disabled"],"mappings":";AACA,SAASA,MAAM,QAAQ,cAA+B;AACtD,SACCC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,qBAAqB,EACrBC,oBAAoB,EACpBC,eAAe,EACfC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACb,qBAAsC;AAE7C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,~~MAACf~~;;8BACA,~~KAACW~~;oBAAoBK,OAAO;8BAC3B,cAAA,~~KAACjB~~;~~wBAAOkB~~,SAAQ;kCAAY;;;8BAE7B,~~MAAChB~~;~~oBAAoBiB~~,WAAU;oBAAOC,OAAM;;sCAC3C,KAACf;sCAAkB;;sCACnB,~~MAACF~~;;8CACA,~~MAACC~~;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,~~KAACI~~;~~sDAAqB;;;;8CAEvB~~,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;;;sCAGxB,KAACD;sCACD,~~MAACJ~~;;8CACA,~~KAACC~~;8CAAiB;;8CAClB,MAACK;;sDACA,KAACE;sDAAuB;;sDACxB,KAACL;sDACA,cAAA,MAACI;;kEACA,KAACN;kEAAiB;;kEAClB,KAACA;kEAAiB;;kEAClB,KAACG;kEACD,KAACH;kEAAiB;;;;;;;8CAIrB,MAACA;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;;;sCAGxB,KAACD;sCACD,~~KAACH~~;~~sCAAiB~~;;~~sCAClB~~,~~KAACA~~;sCAAiB;;sCAClB,KAACA;~~4BAAiBiB~~,QAAQ;sCAAC;;sCAC3B,~~KAACd~~;sCACD,MAACH;;gCAAiB;8CAEjB,KAACI;8CAAqB;;;;;;;;AAK3B,EAAkB"}
1	+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Edit, Trash2 } from \"lucide-react\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuIcon,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuPortal,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubContent,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuTrigger,\n} from \"#shadcn/components/ui/dropdown-menu\";\n\nconst meta = {\n\ttitle: \"Component/Dropdown menu\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button variant=\"secondary\">Open</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent className=\"w-56\" align=\"start\">\n\t\t\t\t<DropdownMenuLabel>My Account</DropdownMenuLabel>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tProfile\n\t\t\t\t\t\t<DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tBilling\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tSettings\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tKeyboard shortcuts\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuItem>Team</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuSub>\n\t\t\t\t\t\t<DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n\t\t\t\t\t\t<DropdownMenuPortal>\n\t\t\t\t\t\t\t<DropdownMenuSubContent>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>Email</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>Message</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t\t<DropdownMenuItem>More...</DropdownMenuItem>\n\t\t\t\t\t\t\t</DropdownMenuSubContent>\n\t\t\t\t\t\t</DropdownMenuPortal>\n\t\t\t\t\t</DropdownMenuSub>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tNew Team\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\tGitHub\n\t\t\t\t\t<div className=\"ml-auto flex items-center gap-0.5\">\n\t\t\t\t\t\t<DropdownMenuIcon>\n\t\t\t\t\t\t\t<Edit />\n\t\t\t\t\t\t</DropdownMenuIcon>\n\t\t\t\t\t\t<DropdownMenuIcon>\n\t\t\t\t\t\t\t<Trash2 />\n\t\t\t\t\t\t</DropdownMenuIcon>\n\t\t\t\t\t</div>\n\t\t\t\t</DropdownMenuItem>\n\n\t\t\t\t<DropdownMenuItem>Support</DropdownMenuItem>\n\t\t\t\t<DropdownMenuItem disabled>API</DropdownMenuItem>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\tLog out\n\t\t\t\t\t<DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t),\n} satisfies Story;\n"],"names":["Edit","Trash2","Button","DropdownMenu","DropdownMenuContent","DropdownMenuGroup","DropdownMenuIcon","DropdownMenuItem","DropdownMenuLabel","DropdownMenuPortal","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","meta","title","Demo","render","asChild","variant","className","align","div","disabled"],"mappings":";AACA,SAASA,IAAI,EAAEC,MAAM,QAAQ,eAAe;AAC5C,SAASC,MAAM,QAAQ,cAA+B;AACtD,SACCC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,qBAAqB,EACrBC,oBAAoB,EACpBC,eAAe,EACfC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACb,qBAAsC;AAE7C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAAChB;;8BACA,KAACY;oBAAoBK,OAAO;8BAC3B,cAAA,KAAClB;wBAAOmB,SAAQ;kCAAY;;;8BAE7B,MAACjB;oBAAoBkB,WAAU;oBAAOC,OAAM;;sCAC3C,KAACf;sCAAkB;;sCACnB,KAACE;sCACD,MAACL;;8CACA,MAACE;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,KAACiB;sDACA,cAAA,KAACb;0DAAqB;;;;;8CAGxB,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;;;sCAGxB,KAACD;sCACD,MAACL;;8CACA,KAACE;8CAAiB;;8CAClB,MAACK;;sDACA,KAACE;sDAAuB;;sDACxB,KAACL;sDACA,cAAA,MAACI;;kEACA,KAACN;kEAAiB;;kEAClB,KAACA;kEAAiB;;kEAClB,KAACG;kEACD,KAACH;kEAAiB;;;;;;;8CAIrB,MAACA;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;;;sCAGxB,KAACD;sCACD,MAACH;;gCAAiB;8CAEjB,MAACiB;oCAAIF,WAAU;;sDACd,KAAChB;sDACA,cAAA,KAACN;;sDAEF,KAACM;sDACA,cAAA,KAACL;;;;;;sCAKJ,KAACM;sCAAiB;;sCAClB,KAACA;4BAAiBkB,QAAQ;sCAAC;;sCAC3B,KAACf;sCACD,MAACH;;gCAAiB;8CAEjB,KAACI;8CAAqB;;;;;;;;AAK3B,EAAkB"}

package/dist/src/shadcn/components/ui/form.d.ts CHANGED Viewed

@@ -3,8 +3,8 @@ import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
 import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
 declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
-declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
-declare const useFormField: () => {
+declare function FormField<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>): import("react/jsx-runtime").JSX.Element;
+declare function useFormField(): {
     invalid: boolean;
     isDirty: boolean;
     isTouched: boolean;

package/dist/src/shadcn/components/ui/form.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIhB,MAAM,iBAAiB,CAAC;~~AAIzB~~,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,~~QAAA~~,~~MAAM,~~SAAS,~~GACd~~,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC9D,~~cAEC~~,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,~~4CAMtC,CAAC~~;~~AAEF~~,~~QAAA~~,~~MAAM,~~YAAY;;;;;;;;;;;~~CAqBjB,CAAC~~;~~AAUF~~,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACT,CAAC"}
1	+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIhB,MAAM,iBAAiB,CAAC;AAgBzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,iBAAS,SAAS,CACjB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC9D,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,2CAMnD;AAED,iBAAS,YAAY;;;;;;;;;;;EAqBpB;AAUD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACT,CAAC"}

package/dist/src/shadcn/components/ui/form.js CHANGED Viewed

@@ -1,12 +1,21 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as React from "react";
 import { Controller, FormProvider, useFormContext, useFormState } from "react-hook-form";
 import { Label } from "./label.js";
 import { cn } from "../../lib/utils.js";
+// Form item styles
+const formItemStyles = cn("grid", "gap-2");
+// Form label error styles
+const formLabelErrorStyles = cn("data-[error=true]:text-text-error-primary");
+// Form description styles
+const formDescriptionStyles = cn("text-text-secondary", "text-sm");
+// Form message styles
+const formMessageStyles = cn("text-text-error-primary", "text-sm");
 const Form = FormProvider;
 const FormFieldContext = /*#__PURE__*/ React.createContext({});
-const FormField = ({ ...props })=>{
+function FormField({ ...props }) {
     return /*#__PURE__*/ _jsx(FormFieldContext.Provider, {
         value: {
             name: props.name
@@ -15,8 +24,8 @@ const FormField = ({ ...props })=>{
             ...props
         })
     });
-};
-const useFormField = ()=>{
+}
+function useFormField() {
     const fieldContext = React.useContext(FormFieldContext);
     const itemContext = React.useContext(FormItemContext);
     const { getFieldState } = useFormContext();
@@ -36,7 +45,7 @@ const useFormField = ()=>{
         formMessageId: `${id}-form-item-message`,
         ...fieldState
     };
-};
+}
 const FormItemContext = /*#__PURE__*/ React.createContext({});
 function FormItem({ className, ...props }) {
     const id = React.useId();
@@ -46,7 +55,7 @@ function FormItem({ className, ...props }) {
         },
         children: /*#__PURE__*/ _jsx("div", {
             "data-slot": "form-item",
-            className: cn("grid gap-2", className),
+            className: cn(formItemStyles, className),
             ...props
         })
     });
@@ -56,7 +65,7 @@ function FormLabel({ className, ...props }) {
     return /*#__PURE__*/ _jsx(Label, {
         "data-slot": "form-label",
         "data-error": !!error,
-        className: cn("data-[error=true]:text-destructive", className),
+        className: cn(formLabelErrorStyles, className),
         htmlFor: formItemId,
         ...props
     });
@@ -76,7 +85,7 @@ function FormDescription({ className, ...props }) {
     return /*#__PURE__*/ _jsx("p", {
         "data-slot": "form-description",
         id: formDescriptionId,
-        className: cn("text-muted-foreground text-sm", className),
+        className: cn(formDescriptionStyles, className),
         ...props
     });
 }
@@ -89,7 +98,7 @@ function FormMessage({ className, ...props }) {
     return /*#__PURE__*/ _jsx("p", {
         "data-slot": "form-message",
         id: formMessageId,
-        className: cn("text-destructive text-sm", className),
+        className: cn(formMessageStyles, className),
         ...props,
         children: body
     });

package/dist/src/shadcn/components/ui/form.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/shadcn/components/ui/form.tsx"],"sourcesContent":["~~import~~ type * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\nimport {\n\tController,\n\ttype ControllerProps,\n\ttype FieldPath,\n\ttype FieldValues,\n\tFormProvider,\n\tuseFormContext,\n\tuseFormState,\n} from \"react-hook-form\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n\tname: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n\t{} as FormFieldContextValue,\n);\n\~~nconst~~ FormField = <\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({~~\n\t~~...props\n}: ControllerProps<TFieldValues, TName>) => {\n\treturn (\n\t\t<FormFieldContext.Provider value={{ name: props.name }}>\n\t\t\t<Controller {...props} />\n\t\t</FormFieldContext.Provider>\n\t);\n};\n\~~nconst~~ useFormField = () => {\n\tconst fieldContext = React.useContext(FormFieldContext);\n\tconst itemContext = React.useContext(FormItemContext);\n\tconst { getFieldState } = useFormContext();\n\tconst formState = useFormState({ name: fieldContext.name });\n\tconst fieldState = getFieldState(fieldContext.name, formState);\n\n\tif (!fieldContext) {\n\t\tthrow new Error(\"useFormField should be used within <FormField>\");\n\t}\n\n\tconst { id } = itemContext;\n\n\treturn {\n\t\tid,\n\t\tname: fieldContext.name,\n\t\tformItemId: `${id}-form-item`,\n\t\tformDescriptionId: `${id}-form-item-description`,\n\t\tformMessageId: `${id}-form-item-message`,\n\t\t...fieldState,\n\t};\n};\n\ntype FormItemContextValue = {\n\tid: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n\t{} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst id = React.useId();\n\n\treturn (\n\t\t<FormItemContext.Provider value={{ id }}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"form-item\"\n\t\t\t\tclassName={cn(~~\"grid gap-2\"~~, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</FormItemContext.Provider>\n\t);\n}\n\nfunction FormLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\tconst { error, formItemId } = useFormField();\n\n\treturn (\n\t\t<Label\n\t\t\tdata-slot=\"form-label\"\n\t\t\tdata-error={!!error}\n\t\t\tclassName={cn(~~\"data-[error=true]:text-destructive\"~~, className)}\n\t\t\thtmlFor={formItemId}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n\tconst { error, formItemId, formDescriptionId, formMessageId } =\n\t\tuseFormField();\n\n\treturn (\n\t\t<Slot\n\t\t\tdata-slot=\"form-control\"\n\t\t\tid={formItemId}\n\t\t\taria-describedby={\n\t\t\t\t!error\n\t\t\t\t\t? `${formDescriptionId}`\n\t\t\t\t\t: `${formDescriptionId} ${formMessageId}`\n\t\t\t}\n\t\t\taria-invalid={!!error}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { formDescriptionId } = useFormField();\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-description\"\n\t\t\tid={formDescriptionId}\n\t\t\tclassName={cn(~~\"text-muted-foreground text-sm\"~~, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { error, formMessageId } = useFormField();\n\tconst body = error ? String(error?.message ?? \"\") : props.children;\n\n\tif (!body) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-message\"\n\t\t\tid={formMessageId}\n\t\t\tclassName={cn(~~\"text-destructive text-sm\"~~, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{body}\n\t\t</p>\n\t);\n}\n\nexport {\n\tuseFormField,\n\tForm,\n\tFormItem,\n\tFormLabel,\n\tFormControl,\n\tFormDescription,\n\tFormMessage,\n\tFormField,\n};\n"],"names":["Slot","React","Controller","FormProvider","useFormContext","useFormState","Label","cn","Form","FormFieldContext","createContext","FormField","props","Provider","value","name","useFormField","fieldContext","useContext","itemContext","FormItemContext","getFieldState","formState","fieldState","Error","id","formItemId","formDescriptionId","formMessageId","FormItem","className","useId","div","data-slot","FormLabel","error","data-error","htmlFor","FormControl","aria-describedby","aria-invalid","FormDescription","p","FormMessage","body","String","message","children"],"mappings":"~~;AACA~~,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,YAAYC,WAAW,QAAQ;AAC/B,SACCC,UAAU,EAIVC,YAAY,EACZC,cAAc,EACdC,YAAY,QACN,kBAAkB;AACzB,SAASC,KAAK,QAAQ,aAA8B;AACpD,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,~~OAAOL~~;AASb,~~MAAMM~~,~~iCAAmBR~~,~~MAAMS~~,aAAa,CAC3C,CAAC;AAGF,~~MAAMC~~,~~YAAY~~,~~CAGhB~~,~~EACD,~~GAAGC,~~OACmC~~;~~IACtC~~,qBACC,KAACH,iBAAiBI,QAAQ;QAACC,OAAO;YAAEC,MAAMH,MAAMG,IAAI;QAAC;kBACpD,cAAA,~~KAACb~~;YAAY,~~GAAGU~~,KAAK;;;AAGxB;AAEA,~~MAAMI,eAAe~~;~~IACpB~~,MAAMC,~~eAAehB~~,~~MAAMiB~~,UAAU,CAACT;IACtC,MAAMU,~~cAAclB~~,~~MAAMiB~~,UAAU,CAACE;IACrC,MAAM,EAAEC,aAAa,EAAE,~~GAAGjB~~;IAC1B,~~MAAMkB~~,~~YAAYjB~~,aAAa;~~QAAEU~~,MAAME,aAAaF,IAAI;IAAC;IACzD,MAAMQ,aAAaF,cAAcJ,aAAaF,IAAI,EAAEO;IAEpD,IAAI,CAACL,cAAc;QAClB,MAAM,IAAIO,MAAM;IACjB;IAEA,MAAM,EAAEC,EAAE,EAAE,GAAGN;IAEf,OAAO;QACNM;QACAV,MAAME,aAAaF,IAAI;QACvBW,YAAY,GAAGD,GAAG,UAAU,CAAC;QAC7BE,mBAAmB,GAAGF,GAAG,sBAAsB,CAAC;QAChDG,eAAe,GAAGH,GAAG,kBAAkB,CAAC;QACxC,GAAGF,UAAU;IACd;AACD;AAMA,MAAMH,~~gCAAkBnB~~,~~MAAMS~~,aAAa,CAC1C,CAAC;AAGF,SAASmB,SAAS,EAAEC,SAAS,EAAE,GAAGlB,OAAoC;IACrE,MAAMa,~~KAAKxB~~,~~MAAM8B~~,KAAK;IAEtB,qBACC,KAACX,gBAAgBP,QAAQ;QAACC,OAAO;YAAEW;QAAG;kBACrC,cAAA,KAACO;YACAC,aAAU;YACVH,~~WAAWvB~~,~~GAAG~~,~~cAAcuB~~;~~YAC3B~~,GAAGlB,KAAK;;;AAIb;AAEA,SAASsB,UAAU,EAClBJ,SAAS,EACT,GAAGlB,OAC+C;IAClD,MAAM,EAAEuB,KAAK,EAAET,UAAU,EAAE,GAAGV;IAE9B,qBACC,~~KAACV~~;~~QACA2B~~,aAAU;QACVG,cAAY,CAAC,CAACD;QACdL,~~WAAWvB~~,~~GAAG~~,~~sCAAsCuB~~;~~QACpDO~~,SAASX;QACR,GAAGd,KAAK;;AAGZ;AAEA,SAAS0B,YAAY,EAAE,GAAG1B,OAA0C;IACnE,MAAM,EAAEuB,KAAK,EAAET,UAAU,EAAEC,iBAAiB,EAAEC,aAAa,EAAE,GAC5DZ;IAED,qBACC,~~KAAChB~~;~~QACAiC~~,aAAU;QACVR,IAAIC;QACJa,oBACC,CAACJ,QACE,GAAGR,mBAAmB,GACtB,GAAGA,kBAAkB,CAAC,EAAEC,eAAe;QAE3CY,gBAAc,CAAC,CAACL;QACf,GAAGvB,KAAK;;AAGZ;AAEA,SAAS6B,gBAAgB,EAAEX,SAAS,EAAE,GAAGlB,OAAkC;IAC1E,MAAM,EAAEe,iBAAiB,EAAE,GAAGX;IAE9B,qBACC,KAAC0B;QACAT,aAAU;QACVR,IAAIE;QACJG,~~WAAWvB~~,~~GAAG~~,~~iCAAiCuB~~;~~QAC9C~~,GAAGlB,KAAK;;AAGZ;AAEA,SAAS+B,YAAY,EAAEb,SAAS,EAAE,GAAGlB,OAAkC;IACtE,MAAM,EAAEuB,KAAK,EAAEP,aAAa,EAAE,GAAGZ;IACjC,MAAM4B,OAAOT,QAAQU,OAAOV,OAAOW,WAAW,MAAMlC,MAAMmC,QAAQ;IAElE,IAAI,CAACH,MAAM;QACV,OAAO;IACR;IAEA,qBACC,KAACF;QACAT,aAAU;QACVR,IAAIG;QACJE,~~WAAWvB~~,~~GAAG~~,~~4BAA4BuB~~;~~QACzC~~,GAAGlB,KAAK;kBAERgC;;AAGJ;AAEA,SACC5B,YAAY,EACZR,IAAI,EACJqB,QAAQ,EACRK,SAAS,EACTI,WAAW,EACXG,eAAe,EACfE,WAAW,EACXhC,SAAS,GACR"}
1	+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/form.tsx"],"sourcesContent":["\"use client\";\nimport type * as LabelPrimitive from \"@radix-ui/react-label\";\nimport { Slot } from \"@radix-ui/react-slot\";\nimport * as React from \"react\";\nimport {\n\tController,\n\ttype ControllerProps,\n\ttype FieldPath,\n\ttype FieldValues,\n\tFormProvider,\n\tuseFormContext,\n\tuseFormState,\n} from \"react-hook-form\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { cn } from \"#shadcn/lib/utils\";\n\n// Form item styles\nconst formItemStyles = cn(\"grid\", \"gap-2\");\n\n// Form label error styles\nconst formLabelErrorStyles = cn(\"data-[error=true]:text-text-error-primary\");\n\n// Form description styles\nconst formDescriptionStyles = cn(\"text-text-secondary\", \"text-sm\");\n\n// Form message styles\nconst formMessageStyles = cn(\"text-text-error-primary\", \"text-sm\");\n\nconst Form = FormProvider;\n\ntype FormFieldContextValue<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n> = {\n\tname: TName;\n};\n\nconst FormFieldContext = React.createContext<FormFieldContextValue>(\n\t{} as FormFieldContextValue,\n);\n\nfunction FormField<\n\tTFieldValues extends FieldValues = FieldValues,\n\tTName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>({ ...props }: ControllerProps<TFieldValues, TName>) {\n\treturn (\n\t\t<FormFieldContext.Provider value={{ name: props.name }}>\n\t\t\t<Controller {...props} />\n\t\t</FormFieldContext.Provider>\n\t);\n}\n\nfunction useFormField() {\n\tconst fieldContext = React.useContext(FormFieldContext);\n\tconst itemContext = React.useContext(FormItemContext);\n\tconst { getFieldState } = useFormContext();\n\tconst formState = useFormState({ name: fieldContext.name });\n\tconst fieldState = getFieldState(fieldContext.name, formState);\n\n\tif (!fieldContext) {\n\t\tthrow new Error(\"useFormField should be used within <FormField>\");\n\t}\n\n\tconst { id } = itemContext;\n\n\treturn {\n\t\tid,\n\t\tname: fieldContext.name,\n\t\tformItemId: `${id}-form-item`,\n\t\tformDescriptionId: `${id}-form-item-description`,\n\t\tformMessageId: `${id}-form-item-message`,\n\t\t...fieldState,\n\t};\n}\n\ntype FormItemContextValue = {\n\tid: string;\n};\n\nconst FormItemContext = React.createContext<FormItemContextValue>(\n\t{} as FormItemContextValue,\n);\n\nfunction FormItem({ className, ...props }: React.ComponentProps<\"div\">) {\n\tconst id = React.useId();\n\n\treturn (\n\t\t<FormItemContext.Provider value={{ id }}>\n\t\t\t<div\n\t\t\t\tdata-slot=\"form-item\"\n\t\t\t\tclassName={cn(formItemStyles, className)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</FormItemContext.Provider>\n\t);\n}\n\nfunction FormLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof LabelPrimitive.Root>) {\n\tconst { error, formItemId } = useFormField();\n\n\treturn (\n\t\t<Label\n\t\t\tdata-slot=\"form-label\"\n\t\t\tdata-error={!!error}\n\t\t\tclassName={cn(formLabelErrorStyles, className)}\n\t\t\thtmlFor={formItemId}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormControl({ ...props }: React.ComponentProps<typeof Slot>) {\n\tconst { error, formItemId, formDescriptionId, formMessageId } =\n\t\tuseFormField();\n\n\treturn (\n\t\t<Slot\n\t\t\tdata-slot=\"form-control\"\n\t\t\tid={formItemId}\n\t\t\taria-describedby={\n\t\t\t\t!error\n\t\t\t\t\t? `${formDescriptionId}`\n\t\t\t\t\t: `${formDescriptionId} ${formMessageId}`\n\t\t\t}\n\t\t\taria-invalid={!!error}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { formDescriptionId } = useFormField();\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-description\"\n\t\t\tid={formDescriptionId}\n\t\t\tclassName={cn(formDescriptionStyles, className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction FormMessage({ className, ...props }: React.ComponentProps<\"p\">) {\n\tconst { error, formMessageId } = useFormField();\n\tconst body = error ? String(error?.message ?? \"\") : props.children;\n\n\tif (!body) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"form-message\"\n\t\t\tid={formMessageId}\n\t\t\tclassName={cn(formMessageStyles, className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{body}\n\t\t</p>\n\t);\n}\n\nexport {\n\tuseFormField,\n\tForm,\n\tFormItem,\n\tFormLabel,\n\tFormControl,\n\tFormDescription,\n\tFormMessage,\n\tFormField,\n};\n"],"names":["Slot","React","Controller","FormProvider","useFormContext","useFormState","Label","cn","formItemStyles","formLabelErrorStyles","formDescriptionStyles","formMessageStyles","Form","FormFieldContext","createContext","FormField","props","Provider","value","name","useFormField","fieldContext","useContext","itemContext","FormItemContext","getFieldState","formState","fieldState","Error","id","formItemId","formDescriptionId","formMessageId","FormItem","className","useId","div","data-slot","FormLabel","error","data-error","htmlFor","FormControl","aria-describedby","aria-invalid","FormDescription","p","FormMessage","body","String","message","children"],"mappings":"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"}

package/dist/src/shadcn/components/ui/hover-card.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,gBAAgB,CAAC,EACzB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAIzD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAezD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}
1	+ {"version":3,"file":"hover-card.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/hover-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AACjE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,gBAAgB,CAAC,EACzB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAIzD;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,KAAgB,EAChB,UAAc,EACd,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAezD;AAED,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/src/shadcn/components/ui/hover-card.js CHANGED Viewed

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import { cn } from "../../lib/utils.js";
@@ -20,7 +21,7 @@ function HoverCardContent({ className, align = "center", sideOffset = 4, ...prop
             "data-slot": "hover-card-content",
             align: align,
             sideOffset: sideOffset,
-            className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+            className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 dropdown-menu-shadow outline-hidden", className),
             ...props
         })
     });