@btst/stack 1.9.0 → 1.10.0

package/dist/packages/ui/src/components/auto-form/fields/object.cjs

@@ -6,7 +6,7 @@ const form = require('../../form.cjs');
 const reactHookForm = require('react-hook-form');
 const z = require('zod');
 const config = require('../config.cjs');
-const utils = require('../utils.cjs');
+const helpers = require('../helpers.cjs');
 const array = require('./array.cjs');
 const dependencies = require('../dependencies.cjs');
 
@@ -38,7 +38,7 @@ function AutoFormObject({
   if (!schema) {
     return null;
   }
-  const { shape } = utils.getBaseSchema(schema) || {};
+  const { shape } = helpers.getBaseSchema(schema) || {};
   if (!shape) {
     return null;
   }
@@ -55,12 +55,12 @@ function AutoFormObject({
     }
     return item;
   };
-  const sortedFieldKeys = utils.sortFieldsByOrder(fieldConfig, Object.keys(shape));
+  const sortedFieldKeys = helpers.sortFieldsByOrder(fieldConfig, Object.keys(shape));
   return /* @__PURE__ */ jsxRuntime.jsx(accordion.Accordion, { type: "multiple", className: "space-y-5 border-none", children: sortedFieldKeys.map((name) => {
     let item = shape[name];
     item = handleIfZodNumber(item);
-    const zodBaseType = utils.getBaseType(item);
-    const itemName = utils.beautifyObjectName(name);
+    const zodBaseType = helpers.getBaseType(item);
+    const itemName = helpers.beautifyObjectName(name);
     const key = [...path, name].join(".");
     const {
       isHidden,
@@ -74,7 +74,7 @@ function AutoFormObject({
     if (zodBaseType === "ZodObject") {
       const objectFieldConfig = fieldConfig?.[name] ?? {};
       if (typeof objectFieldConfig.fieldType === "function") {
-        const zodInputProps2 = utils.zodToHtmlInputProps(item);
+        const zodInputProps2 = helpers.zodToHtmlInputProps(item);
         let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
         if (objectFieldConfig.inputProps?.required !== void 0) {
           isRequired2 = objectFieldConfig.inputProps.required;
@@ -128,7 +128,7 @@ function AutoFormObject({
     if (zodBaseType === "ZodArray") {
       const arrayFieldConfig = fieldConfig?.[name] ?? {};
       if (typeof arrayFieldConfig.fieldType === "function") {
-        const zodInputProps2 = utils.zodToHtmlInputProps(item);
+        const zodInputProps2 = helpers.zodToHtmlInputProps(item);
         let isRequired2 = isRequiredByDependency || zodInputProps2.required || false;
         if (arrayFieldConfig.inputProps?.required !== void 0) {
           isRequired2 = arrayFieldConfig.inputProps.required;
@@ -179,7 +179,7 @@ function AutoFormObject({
       );
     }
     const fieldConfigItem = fieldConfig?.[name] ?? {};
-    const zodInputProps = utils.zodToHtmlInputProps(item);
+    const zodInputProps = helpers.zodToHtmlInputProps(item);
     let isRequired = isRequiredByDependency || zodInputProps.required || false;
     if (fieldConfigItem.inputProps?.required !== void 0) {
       isRequired = fieldConfigItem.inputProps.required;
@@ -199,7 +199,7 @@ function AutoFormObject({
           const defaultValue = fieldConfigItem.inputProps?.defaultValue;
           const value = field.value ?? defaultValue ?? "";
           const fieldProps = {
-            ...utils.zodToHtmlInputProps(item),
+            ...helpers.zodToHtmlInputProps(item),
             ...field,
             ...fieldConfigItem.inputProps,
             disabled: fieldConfigItem.inputProps?.disabled || isDisabled,

package/dist/packages/ui/src/components/auto-form/fields/object.mjs

@@ -4,7 +4,7 @@ import { FormField } from '../../form.mjs';
 import { useFormContext } from 'react-hook-form';
 import * as z from 'zod';
 import { DEFAULT_ZOD_HANDLERS, INPUT_COMPONENTS } from '../config.mjs';
-import { getBaseSchema, sortFieldsByOrder, getBaseType, beautifyObjectName, zodToHtmlInputProps } from '../utils.mjs';
+import { getBaseSchema, sortFieldsByOrder, getBaseType, beautifyObjectName, zodToHtmlInputProps } from '../helpers.mjs';
 import AutoFormArray from './array.mjs';
 import resolveDependencies from '../dependencies.mjs';
 

package/dist/packages/ui/src/components/auto-form/fields/radio-group.cjs

@@ -5,7 +5,7 @@ const form = require('../../form.cjs');
 const radioGroup = require('../../radio-group.cjs');
 const label = require('../common/label.cjs');
 const tooltip = require('../common/tooltip.cjs');
-const utils = require('../utils.cjs');
+const helpers = require('../helpers.cjs');
 
 function getEnumValues(schema) {
   if (Array.isArray(schema.options)) {
@@ -28,7 +28,7 @@ function AutoFormRadioGroup({
   fieldProps,
   fieldConfigItem
 }) {
-  const baseSchema = utils.getBaseSchema(zodItem);
+  const baseSchema = helpers.getBaseSchema(zodItem);
   const values = getEnumValues(baseSchema);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
     /* @__PURE__ */ jsxRuntime.jsxs(form.FormItem, { children: [

package/dist/packages/ui/src/components/auto-form/fields/radio-group.mjs

@@ -3,7 +3,7 @@ import { FormItem, FormControl, FormLabel, FormMessage } from '../../form.mjs';
 import { RadioGroup, RadioGroupItem } from '../../radio-group.mjs';
 import AutoFormLabel from '../common/label.mjs';
 import AutoFormTooltip from '../common/tooltip.mjs';
-import { getBaseSchema } from '../utils.mjs';
+import { getBaseSchema } from '../helpers.mjs';
 
 function getEnumValues(schema) {
   if (Array.isArray(schema.options)) {

package/dist/packages/ui/src/components/auto-form/index.cjs

@@ -6,10 +6,10 @@ const form = require('../form.cjs');
 const React = require('react');
 const reactHookForm = require('react-hook-form');
 require('../button.cjs');
-const utils$1 = require('../../lib/utils.cjs');
+const utils = require('../../lib/utils.cjs');
 const zod = require('@hookform/resolvers/zod');
 const object = require('./fields/object.cjs');
-const utils = require('./utils.cjs');
+const helpers = require('./helpers.cjs');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
@@ -26,8 +26,8 @@ function AutoForm({
   className,
   dependencies
 }) {
-  const objectFormSchema = utils.getObjectFormSchema(formSchema);
-  const defaultValues = utils.getDefaultValues(objectFormSchema, fieldConfig);
+  const objectFormSchema = helpers.getObjectFormSchema(formSchema);
+  const defaultValues = helpers.getDefaultValues(objectFormSchema, fieldConfig);
   const form$1 = reactHookForm.useForm({
     // Cast to any to handle Zod v4 type compatibility with @hookform/resolvers
     resolver: zod.zodResolver(formSchema),
@@ -57,7 +57,7 @@ function AutoForm({
       onSubmit: (e) => {
         form$1.handleSubmit(onSubmit)(e);
       },
-      className: utils$1.cn("space-y-5", className),
+      className: utils.cn("space-y-5", className),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           object,

package/dist/packages/ui/src/components/auto-form/index.mjs

@@ -7,7 +7,7 @@ import '../button.mjs';
 import { cn } from '../../lib/utils.mjs';
 import { zodResolver } from '@hookform/resolvers/zod';
 import AutoFormObject from './fields/object.mjs';
-import { getObjectFormSchema, getDefaultValues } from './utils.mjs';
+import { getObjectFormSchema, getDefaultValues } from './helpers.mjs';
 
 function AutoForm({
   formSchema,

package/dist/packages/ui/src/components/button.cjs

@@ -34,8 +34,8 @@ const buttonVariants = classVarianceAuthority.cva(
 );
 function Button({
   className,
-  variant,
-  size,
+  variant = "default",
+  size = "default",
   asChild = false,
   ...props
 }) {
@@ -44,6 +44,8 @@ function Button({
     Comp,
     {
       "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
       className: utils.cn(buttonVariants({ variant, size, className })),
       ...props
     }

package/dist/packages/ui/src/components/button.mjs

@@ -32,8 +32,8 @@ const buttonVariants = cva(
 );
 function Button({
   className,
-  variant,
-  size,
+  variant = "default",
+  size = "default",
   asChild = false,
   ...props
 }) {
@@ -42,6 +42,8 @@ function Button({
     Comp,
     {
       "data-slot": "button",
+      "data-variant": variant,
+      "data-size": size,
       className: cn(buttonVariants({ variant, size, className })),
       ...props
     }

package/dist/packages/ui/src/components/calendar.cjs

@@ -3,7 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
-const lucideReact = require('lucide-react');
+const LucideIcons = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 const button = require('./button.cjs');
 const getDefaultClassNames = require('../../../../node_modules/.pnpm/react-day-picker@9.13.0_react@19.2.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.cjs');
@@ -146,18 +146,18 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeftIcon, { className: utils.cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronLeftIcon, { className: utils.cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
             return /* @__PURE__ */ jsxRuntime.jsx(
-              lucideReact.ChevronRightIcon,
+              LucideIcons.ChevronRightIcon,
               {
                 className: utils.cn("size-4", className2),
                 ...props2
               }
             );
           }
-          return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDownIcon, { className: utils.cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ChevronDownIcon, { className: utils.cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {

package/dist/packages/ui/src/components/card.cjs

@@ -39,6 +39,16 @@ function CardTitle({ className, ...props }) {
     }
   );
 }
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: utils.cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
 function CardContent({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
@@ -62,6 +72,7 @@ function CardFooter({ className, ...props }) {
 
 exports.Card = Card;
 exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
 exports.CardFooter = CardFooter;
 exports.CardHeader = CardHeader;
 exports.CardTitle = CardTitle;

package/dist/packages/ui/src/components/card.mjs

@@ -37,6 +37,16 @@ function CardTitle({ className, ...props }) {
     }
   );
 }
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: cn("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
+}
 function CardContent({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -58,4 +68,4 @@ function CardFooter({ className, ...props }) {
   );
 }
 
-export { Card, CardContent, CardFooter, CardHeader, CardTitle };
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/packages/ui/src/components/carousel.cjs

@@ -4,7 +4,7 @@
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const emblaCarouselReact_esm = require('../../../../node_modules/.pnpm/embla-carousel-react@8.6.0_react@19.2.0/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.cjs');
-const lucideReact = require('lucide-react');
+const LucideIcons = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 const button = require('./button.cjs');
 
@@ -173,7 +173,7 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ArrowLeft, {}),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
@@ -201,7 +201,7 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowRight, {}),
+        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.ArrowRight, {}),
         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Next slide" })
       ]
     }

package/dist/packages/ui/src/components/checkbox.cjs

@@ -3,7 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const index = require('../../../../node_modules/.pnpm/@radix-ui_react-checkbox@1.3.3_@types_react-dom@19.2.3_@types_react@19.2.6__@types_reac_c1e3fbdebd5ee34a254141dc5a2dcd28/node_modules/@radix-ui/react-checkbox/dist/index.cjs');
-const lucideReact = require('lucide-react');
+const LucideIcons = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 
 function Checkbox({
@@ -24,7 +24,7 @@ function Checkbox({
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current transition-none",
-          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, { className: "size-3.5" })
+          children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.CheckIcon, { className: "size-3.5" })
         }
       )
     }

package/dist/packages/ui/src/components/command.cjs

@@ -3,7 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const cmdk = require('cmdk');
-const lucideReact = require('lucide-react');
+const LucideIcons = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 const dialog = require('./dialog.cjs');
 
@@ -56,7 +56,7 @@ function CommandInput({
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.SearchIcon, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           cmdk.Command.Input,
           {
@@ -116,6 +116,19 @@ function CommandGroup({
     }
   );
 }
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    cmdk.Command.Separator,
+    {
+      "data-slot": "command-separator",
+      className: utils.cn("bg-border -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
 function CommandItem({
   className,
   ...props
@@ -132,6 +145,22 @@ function CommandItem({
     }
   );
 }
+function CommandShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: utils.cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
 
 exports.Command = Command;
 exports.CommandDialog = CommandDialog;
@@ -140,3 +169,5 @@ exports.CommandGroup = CommandGroup;
 exports.CommandInput = CommandInput;
 exports.CommandItem = CommandItem;
 exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;

package/dist/packages/ui/src/components/command.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { Command as Command$1 } from 'cmdk';
 import { SearchIcon } from 'lucide-react';
 import { cn } from '../lib/utils.mjs';
@@ -114,6 +114,19 @@ function CommandGroup({
     }
   );
 }
+function CommandSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Command$1.Separator,
+    {
+      "data-slot": "command-separator",
+      className: cn("bg-border -mx-1 h-px", className),
+      ...props
+    }
+  );
+}
 function CommandItem({
   className,
   ...props
@@ -130,5 +143,21 @@ function CommandItem({
     }
   );
 }
+function CommandShortcut({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "command-shortcut",
+      className: cn(
+        "text-muted-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
 
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList };
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/packages/ui/src/components/date-picker.cjs

@@ -3,7 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const dateFns = require('date-fns');
-const lucideReact = require('lucide-react');
+const LucideIcons = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 const button = require('./button.cjs');
 const calendar = require('./calendar.cjs');
@@ -21,7 +21,7 @@ const DatePicker = React.forwardRef(function DatePickerCmp({ date, setDate }, re
           !date && "text-muted-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Calendar, { className: "mr-2 h-4 w-4" }),
           date ? dateFns.format(date, "PPP") : /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Pick a date" })
         ]
       }

package/dist/packages/ui/src/components/dialog.cjs

@@ -3,7 +3,7 @@
 
 const jsxRuntime = require('react/jsx-runtime');
 const DialogPrimitive = require('@radix-ui/react-dialog');
-const lucideReact = require('lucide-react');
+const LucideIcons = require('lucide-react');
 const utils = require('../lib/utils.cjs');
 
 function _interopNamespaceCompat(e) {
@@ -35,6 +35,11 @@ function DialogPortal({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Portal, { "data-slot": "dialog-portal", ...props });
 }
+function DialogClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DialogPrimitive__namespace.Close, { "data-slot": "dialog-close", ...props });
+}
 function DialogOverlay({
   className,
   ...props
@@ -64,7 +69,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: utils.cn(
-          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
           className
         ),
         ...props,
@@ -76,7 +81,7 @@ function DialogContent({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.XIcon, {}),
+                /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.XIcon, {}),
                 /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
               ]
             }
@@ -137,6 +142,7 @@ function DialogDescription({
 }
 
 exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
 exports.DialogContent = DialogContent;
 exports.DialogDescription = DialogDescription;
 exports.DialogFooter = DialogFooter;

package/dist/packages/ui/src/components/dialog.mjs

@@ -19,6 +19,11 @@ function DialogPortal({
 }) {
   return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "dialog-portal", ...props });
 }
+function DialogClose({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "dialog-close", ...props });
+}
 function DialogOverlay({
   className,
   ...props
@@ -48,7 +53,7 @@ function DialogContent({
       {
         "data-slot": "dialog-content",
         className: cn(
-          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
           className
         ),
         ...props,
@@ -120,4 +125,4 @@ function DialogDescription({
   );
 }
 
-export { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/packages/ui/src/components/dropdown-menu.cjs

@@ -60,8 +60,22 @@ function DropdownMenuItem({
     }
   );
 }
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: utils.cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
 
 exports.DropdownMenu = DropdownMenu;
 exports.DropdownMenuContent = DropdownMenuContent;
 exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
 exports.DropdownMenuTrigger = DropdownMenuTrigger;

package/dist/packages/ui/src/components/dropdown-menu.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { Root as Root2, Trigger, Portal as Portal2, Content as Content2, Item as Item2 } from '../../../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.16_@types_react-dom@19.2.3_@types_react@19.2.6__@type_a50051c7210b6fbd5be09388bda08578/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs';
+import { Root as Root2, Trigger, Portal as Portal2, Content as Content2, Item as Item2, Separator as Separator2 } from '../../../../node_modules/.pnpm/@radix-ui_react-dropdown-menu@2.1.16_@types_react-dom@19.2.3_@types_react@19.2.6__@type_a50051c7210b6fbd5be09388bda08578/node_modules/@radix-ui/react-dropdown-menu/dist/index.mjs';
 import 'lucide-react';
 import { cn } from '../lib/utils.mjs';
 
@@ -58,5 +58,18 @@ function DropdownMenuItem({
     }
   );
 }
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Separator2,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
 
-export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger };
+export { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger };