@bearmenu/ui 0.5.1 → 0.6.0

package/dist/components/currency-input.js

@@ -1,22 +1,37 @@
-import { Input } from '../chunk-CW24PLDW.js';
+import { Input } from '../chunk-RIDXFY6M.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
+var ALLOWED_NAVIGATION_KEYS = /* @__PURE__ */ new Set([
+  "Backspace",
+  "Tab",
+  "Escape",
+  "Enter",
+  "Delete",
+  "Home",
+  "End",
+  "ArrowLeft",
+  "ArrowRight",
+  "ArrowUp",
+  "ArrowDown"
+]);
+var ALLOWED_SHORTCUT_KEYS = /* @__PURE__ */ new Set(["a", "c", "v", "x", "z"]);
 var CurrencyInput = React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       value,
       onChange,
       placeholder = "Enter amount",
-      currency: _currency = "$",
+      currency = "$",
       locale = "en-US",
       min,
       max,
       disabled = false,
       className,
-      error
+      error,
+      id: providedId
     } = _b, props = __objRest(_b, [
       "value",
       "onChange",
@@ -27,17 +42,24 @@ var CurrencyInput = React.forwardRef(
       "max",
       "disabled",
       "className",
-      "error"
+      "error",
+      "id"
     ]);
+    const reactId = React.useId();
+    const id = providedId != null ? providedId : reactId;
+    const errorId = `${id}-error`;
     const [displayValue, setDisplayValue] = React.useState("");
     const [isFocused, setIsFocused] = React.useState(false);
-    const formatNumber = (num) => {
-      if (num === null || isNaN(num)) return "";
-      return new Intl.NumberFormat(locale, {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 2
-      }).format(num);
-    };
+    const formatNumber = React.useCallback(
+      (num) => {
+        if (num === null || isNaN(num)) return "";
+        return new Intl.NumberFormat(locale, {
+          minimumFractionDigits: 0,
+          maximumFractionDigits: 2
+        }).format(num);
+      },
+      [locale]
+    );
     const parseInput = (input) => {
       const cleaned = input.replace(/[^\d.-]/g, "");
       const parsed = parseFloat(cleaned);
@@ -47,18 +69,14 @@ var CurrencyInput = React.forwardRef(
       if (!isFocused) {
         setDisplayValue(formatNumber(value));
       }
-    }, [value, isFocused, locale]);
+    }, [value, isFocused, formatNumber]);
     const handleInputChange = (e) => {
       const inputValue = e.target.value;
       setDisplayValue(inputValue);
       const parsedValue = parseInput(inputValue);
       if (parsedValue !== null) {
-        if (min !== void 0 && parsedValue < min) {
-          return;
-        }
-        if (max !== void 0 && parsedValue > max) {
-          return;
-        }
+        if (min !== void 0 && parsedValue < min) return;
+        if (max !== void 0 && parsedValue > max) return;
       }
       onChange(parsedValue);
     };
@@ -77,42 +95,45 @@ var CurrencyInput = React.forwardRef(
       }
     };
     const handleKeyDown = (e) => {
-      if ([8, 9, 27, 13, 46, 35, 36, 37, 38, 39, 40].includes(e.keyCode)) {
-        return;
-      }
-      if ((e.ctrlKey || e.metaKey) && [65, 67, 86, 88, 90].includes(e.keyCode)) {
-        return;
-      }
-      if (e.keyCode >= 48 && e.keyCode <= 57 || // 0-9
-      e.keyCode >= 96 && e.keyCode <= 105 || // numpad 0-9
-      e.keyCode === 190 || e.keyCode === 110 || // decimal point
-      e.keyCode === 189 || e.keyCode === 109) {
-        return;
-      }
+      if (ALLOWED_NAVIGATION_KEYS.has(e.key)) return;
+      if ((e.ctrlKey || e.metaKey) && ALLOWED_SHORTCUT_KEYS.has(e.key.toLowerCase())) return;
+      if (/^[0-9]$/.test(e.key)) return;
+      if (e.key === "." || e.key === "-") return;
       e.preventDefault();
     };
-    return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx(
-        Input,
-        __spreadValues({
-          ref,
-          type: "text",
-          value: displayValue,
-          onChange: handleInputChange,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
-          onKeyDown: handleKeyDown,
-          placeholder,
-          disabled,
-          className: cn(
-            "pl-8",
-            // Space for currency symbol
-            error && "border-destructive focus-visible:ring-destructive",
-            className
-          )
-        }, props)
-      ),
-      error && /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive mt-1 ml-1", children: error })
+    const symbolLength = currency.length;
+    const inputPaddingClass = symbolLength <= 1 ? "pl-8" : symbolLength === 2 ? "pl-10" : symbolLength === 3 ? "pl-12" : "pl-14";
+    return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-sm font-medium text-muted-foreground",
+            children: currency
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          __spreadValues({
+            ref,
+            id,
+            type: "text",
+            inputMode: "decimal",
+            value: displayValue,
+            onChange: handleInputChange,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            onKeyDown: handleKeyDown,
+            placeholder,
+            disabled,
+            "aria-invalid": error ? true : void 0,
+            "aria-describedby": error ? errorId : void 0,
+            className: cn(inputPaddingClass, className)
+          }, props)
+        )
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { id: errorId, className: "ml-1 mt-1 text-sm text-destructive", children: error })
     ] });
   }
 );

package/dist/components/date-input.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+
+declare const DateInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "type"> & {
+    /** Native input type. Defaults to "date". */
+    type?: "date" | "datetime-local" | "time" | "month" | "week";
+    size?: "sm" | "default" | "lg";
+    showIcon?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;
+
+export { DateInput };

package/dist/components/date-input.js

@@ -0,0 +1,40 @@
+import { Input } from '../chunk-RIDXFY6M.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { Calendar } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DateInput = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, type = "date", size = "default", showIcon = true } = _b, props = __objRest(_b, ["className", "type", "size", "showIcon"]);
+    return /* @__PURE__ */ jsxs("div", { className: "relative w-full", children: [
+      showIcon && /* @__PURE__ */ jsx(
+        Calendar,
+        {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Input,
+        __spreadValues({
+          ref,
+          type,
+          "data-slot": "date-input",
+          size,
+          className: cn(
+            showIcon && "pl-9",
+            // Hide the native calendar picker indicator — we render our own icon.
+            // The trigger stays on the input itself so click-anywhere still opens the picker.
+            "[&::-webkit-calendar-picker-indicator]:opacity-0 [&::-webkit-calendar-picker-indicator]:absolute [&::-webkit-calendar-picker-indicator]:inset-0 [&::-webkit-calendar-picker-indicator]:w-full [&::-webkit-calendar-picker-indicator]:h-full [&::-webkit-calendar-picker-indicator]:cursor-pointer",
+            className
+          )
+        }, props)
+      )
+    ] });
+  }
+);
+DateInput.displayName = "DateInput";
+
+export { DateInput };

package/dist/components/description-list.d.ts

@@ -0,0 +1,15 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const descriptionListVariants: (props?: ({
+    layout?: "grid" | "inline" | "stacked" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const DescriptionList: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDListElement> & VariantProps<(props?: ({
+    layout?: "grid" | "inline" | "stacked" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDListElement>>;
+declare const DescriptionItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const DescriptionTerm: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+declare const DescriptionDetail: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
+
+export { DescriptionDetail, DescriptionItem, DescriptionList, DescriptionTerm, descriptionListVariants };

package/dist/components/description-list.js

@@ -0,0 +1,67 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var descriptionListVariants = cva("text-sm", {
+  variants: {
+    layout: {
+      stacked: "flex flex-col gap-3 [&>[data-slot=description-item]]:flex [&>[data-slot=description-item]]:flex-col [&>[data-slot=description-item]]:gap-0.5",
+      grid: "grid grid-cols-[max-content_1fr] gap-x-6 gap-y-2 [&>[data-slot=description-item]]:contents [&_[data-slot=description-term]]:text-muted-foreground [&_[data-slot=description-detail]]:text-foreground",
+      inline: "flex flex-wrap items-center gap-x-4 gap-y-1 [&_[data-slot=description-term]]:after:content-[':'] [&_[data-slot=description-term]]:after:ml-0.5"
+    }
+  },
+  defaultVariants: {
+    layout: "stacked"
+  }
+});
+var DescriptionList = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, layout } = _b, props = __objRest(_b, ["className", "layout"]);
+  return /* @__PURE__ */ jsx(
+    "dl",
+    __spreadValues({
+      ref,
+      "data-slot": "description-list",
+      className: cn(descriptionListVariants({ layout }), className)
+    }, props)
+  );
+});
+DescriptionList.displayName = "DescriptionList";
+var DescriptionItem = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx("div", __spreadValues({ ref, "data-slot": "description-item", className: cn(className) }, props));
+  }
+);
+DescriptionItem.displayName = "DescriptionItem";
+var DescriptionTerm = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "dt",
+      __spreadValues({
+        ref,
+        "data-slot": "description-term",
+        className: cn("text-xs font-medium uppercase tracking-wide text-muted-foreground", className)
+      }, props)
+    );
+  }
+);
+DescriptionTerm.displayName = "DescriptionTerm";
+var DescriptionDetail = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "dd",
+      __spreadValues({
+        ref,
+        "data-slot": "description-detail",
+        className: cn("text-sm text-foreground", className)
+      }, props)
+    );
+  }
+);
+DescriptionDetail.displayName = "DescriptionDetail";
+
+export { DescriptionDetail, DescriptionItem, DescriptionList, DescriptionTerm, descriptionListVariants };

package/dist/components/dialog.d.ts

@@ -1,13 +1,24 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { VariantProps } from 'class-variance-authority';
 
 declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
 declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const dialogContentVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
+    scrollBehavior?: "inside" | "outside" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<(props?: ({
+    size?: "default" | "sm" | "lg" | "xl" | "full" | null | undefined;
+    scrollBehavior?: "inside" | "outside" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;
@@ -19,4 +30,4 @@ declare const DialogFooter: {
 declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
 declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants };

package/dist/components/dialog.js

@@ -1,3 +1,3 @@
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../chunk-4AVS6CV4.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, dialogContentVariants } from '../chunk-WKMLZDUT.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/drawer.d.ts

@@ -5,14 +5,17 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 declare const Drawer: {
-    ({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+    ({ shouldScaleBackground, direction, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
     displayName: string;
 };
 declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerPortal: typeof vaul.Portal;
 declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    variant?: "flush" | "floating";
+    showHandle?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DrawerHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
     displayName: string;

package/dist/components/drawer.js

@@ -4,13 +4,22 @@ import * as React from 'react';
 import { Drawer as Drawer$1 } from 'vaul';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
+var DrawerDirectionContext = React.createContext("bottom");
 var Drawer = (_a) => {
   var _b = _a, {
-    shouldScaleBackground = false
+    shouldScaleBackground = false,
+    direction = "bottom"
   } = _b, props = __objRest(_b, [
-    "shouldScaleBackground"
+    "shouldScaleBackground",
+    "direction"
   ]);
-  return /* @__PURE__ */ jsx(Drawer$1.Root, __spreadValues({ shouldScaleBackground }, props));
+  return /* @__PURE__ */ jsx(DrawerDirectionContext.Provider, { value: direction, children: /* @__PURE__ */ jsx(
+    Drawer$1.Root,
+    __spreadValues({
+      shouldScaleBackground,
+      direction
+    }, props)
+  ) });
 };
 Drawer.displayName = "Drawer";
 var DrawerTrigger = Drawer$1.Trigger;
@@ -22,26 +31,41 @@ var DrawerOverlay = React.forwardRef((_a, ref) => {
     Drawer$1.Overlay,
     __spreadValues({
       ref,
+      "data-slot": "drawer-overlay",
       className: cn("fixed inset-0 z-[1000] bg-black/60", className)
     }, props)
   );
 });
 DrawerOverlay.displayName = Drawer$1.Overlay.displayName;
 var DrawerContent = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  var _b = _a, { className, variant = "flush", showHandle, children } = _b, props = __objRest(_b, ["className", "variant", "showHandle", "children"]);
+  const direction = React.useContext(DrawerDirectionContext);
+  const isVertical = direction === "top" || direction === "bottom";
+  const handleEnabled = showHandle != null ? showHandle : direction === "bottom";
+  const positionClasses = direction === "bottom" ? "inset-x-0 bottom-0 flex-col rounded-t-2xl border-t [padding-bottom:max(env(safe-area-inset-bottom),0px)]" : direction === "top" ? "inset-x-0 top-0 flex-col rounded-b-2xl border-b [padding-top:max(env(safe-area-inset-top),0px)]" : direction === "left" ? "inset-y-0 left-0 h-full w-3/4 max-w-sm flex-col rounded-r-2xl border-r [padding-left:max(env(safe-area-inset-left),0px)]" : "inset-y-0 right-0 h-full w-3/4 max-w-sm flex-col rounded-l-2xl border-l [padding-right:max(env(safe-area-inset-right),0px)]";
   return /* @__PURE__ */ jsxs(DrawerPortal, { children: [
     /* @__PURE__ */ jsx(DrawerOverlay, {}),
     /* @__PURE__ */ jsxs(
       Drawer$1.Content,
       __spreadProps(__spreadValues({
         ref,
+        "data-slot": "drawer-content",
         className: cn(
-          "fixed inset-x-0 bottom-0 z-[1000] flex h-auto max-h-[90vh] flex-col rounded-t-2xl bg-surface border-t border-border shadow-2xl",
+          "fixed z-[1000] flex border-border bg-card shadow-2xl",
+          positionClasses,
+          isVertical ? "max-h-[90vh]" : "",
+          variant === "floating" && "m-3 rounded-2xl border",
           className
         )
       }, props), {
         children: [
-          /* @__PURE__ */ jsx("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full dark:bg-muted bg-primary" }),
+          handleEnabled && /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: "mx-auto mt-2 h-1.5 w-[60px] shrink-0 rounded-full bg-muted-foreground/30"
+            }
+          ),
           children
         ]
       })
@@ -51,12 +75,24 @@ var DrawerContent = React.forwardRef((_a, ref) => {
 DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn("grid gap-1.5 p-4 text-center sm:text-left", className) }, props));
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "drawer-header",
+      className: cn("grid gap-1.5 p-4 text-center sm:text-left", className)
+    }, props)
+  );
 };
 DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = (_a) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn("mt-auto flex flex-col gap-2 p-4", className) }, props));
+  return /* @__PURE__ */ jsx(
+    "div",
+    __spreadValues({
+      "data-slot": "drawer-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className)
+    }, props)
+  );
 };
 DrawerFooter.displayName = "DrawerFooter";
 var DrawerTitle = React.forwardRef((_a, ref) => {
@@ -65,6 +101,7 @@ var DrawerTitle = React.forwardRef((_a, ref) => {
     Drawer$1.Title,
     __spreadValues({
       ref,
+      "data-slot": "drawer-title",
       className: cn("text-lg font-semibold leading-none tracking-tight", className)
     }, props)
   );
@@ -76,7 +113,8 @@ var DrawerDescription = React.forwardRef((_a, ref) => {
     Drawer$1.Description,
     __spreadValues({
       ref,
-      className: cn("text-sm dark:text-muted-foreground light:text-dark", className)
+      "data-slot": "drawer-description",
+      className: cn("text-sm text-muted-foreground", className)
     }, props)
   );
 });

package/dist/components/dropdown-menu.d.ts

@@ -5,13 +5,18 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, size, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content> & {
+    size?: "sm" | "default" | "lg";
+}): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
     inset?: boolean;
     variant?: "default" | "destructive";
 }): react_jsx_runtime.JSX.Element;
-declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): react_jsx_runtime.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, appearance, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    /** "indicator" shows a check icon (default). "control" renders a styled checkbox box. */
+    appearance?: "indicator" | "control";
+}): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): react_jsx_runtime.JSX.Element;
 declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {

package/dist/components/dropdown-menu.js

@@ -19,10 +19,12 @@ function DropdownMenuTrigger(_a) {
 function DropdownMenuContent(_a) {
   var _b = _a, {
     className,
-    sideOffset = 4
+    sideOffset = 4,
+    size = "default"
   } = _b, props = __objRest(_b, [
     "className",
-    "sideOffset"
+    "sideOffset",
+    "size"
   ]);
   return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(
     DropdownMenuPrimitive.Content,
@@ -30,7 +32,10 @@ function DropdownMenuContent(_a) {
       "data-slot": "dropdown-menu-content",
       sideOffset,
       className: cn(
-        "bg-card 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 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-xl border border-border p-1 shadow-lg",
+        "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 max-h-(--radix-dropdown-menu-content-available-height) overflow-x-hidden overflow-y-auto rounded-xl border border-border p-1 shadow-xl origin-(--radix-dropdown-menu-content-transform-origin)",
+        size === "sm" && "min-w-[6rem] text-xs [&_[data-slot=dropdown-menu-item]]:py-1",
+        size === "default" && "min-w-[8rem]",
+        size === "lg" && "min-w-[12rem] [&_[data-slot=dropdown-menu-item]]:py-2",
         className
       )
     }, props)
@@ -67,11 +72,13 @@ function DropdownMenuCheckboxItem(_a) {
   var _b = _a, {
     className,
     children,
-    checked = false
+    checked = false,
+    appearance = "indicator"
   } = _b, props = __objRest(_b, [
     "className",
     "children",
-    "checked"
+    "checked",
+    "appearance"
   ]);
   return /* @__PURE__ */ jsxs(
     DropdownMenuPrimitive.CheckboxItem,
@@ -84,7 +91,16 @@ function DropdownMenuCheckboxItem(_a) {
       checked
     }, props), {
       children: [
-        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: appearance === "control" ? /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "inline-flex size-3.5 items-center justify-center rounded-sm border",
+              checked === true ? "border-primary bg-primary text-primary-foreground" : "border-border bg-background"
+            ),
+            children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3" }) })
+          }
+        ) : /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
         children
       ]
     })

package/dist/components/empty-state.js

@@ -1,6 +1,6 @@
-import { Text } from '../chunk-4KOMHDZD.js';
-import { Button } from '../chunk-2BMJRXQX.js';
+import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
+import { Text } from '../chunk-Y5D5LP4A.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';

package/dist/components/field.d.ts

@@ -0,0 +1,22 @@
+import * as _radix_ui_react_slot from '@radix-ui/react-slot';
+import * as class_variance_authority from 'class-variance-authority';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import * as React from 'react';
+
+declare const Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    /** Field id. Auto-generated if omitted. */
+    id?: string;
+    /** Marks the field invalid. */
+    invalid?: boolean;
+    /** Lay out content horizontally instead of stacked. */
+    orientation?: "vertical" | "horizontal";
+} & React.RefAttributes<HTMLDivElement>>;
+declare const FieldLabel: React.ForwardRefExoticComponent<Omit<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & class_variance_authority.VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+declare const FieldControl: React.ForwardRefExoticComponent<Omit<_radix_ui_react_slot.SlotProps & React.RefAttributes<HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const FieldDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FieldError: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FieldSet: React.ForwardRefExoticComponent<React.FieldsetHTMLAttributes<HTMLFieldSetElement> & React.RefAttributes<HTMLFieldSetElement>>;
+declare const FieldLegend: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLegendElement> & React.RefAttributes<HTMLLegendElement>>;
+
+export { Field, FieldControl, FieldDescription, FieldError, FieldLabel, FieldLegend, FieldSet };