@bearmenu/ui 0.5.1 → 0.6.0

package/dist/components/multi-select-combobox.js

@@ -1,14 +1,15 @@
-import { Popover, PopoverTrigger, PopoverContent } from '../chunk-4UO73SKC.js';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-7H54PTVH.js';
-import '../chunk-4AVS6CV4.js';
-import { Badge } from '../chunk-NKHH23YK.js';
-import { Button } from '../chunk-2BMJRXQX.js';
+import { Checkbox } from '../chunk-D5QHEHXJ.js';
+import { Popover, PopoverTrigger, PopoverContent } from '../chunk-UUJVXN2O.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-PSR7N36A.js';
+import '../chunk-WKMLZDUT.js';
+import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
+import { Badge } from '../chunk-YJ6OBKZJ.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import * as React from 'react';
-import { X, ChevronsUpDown, Check } from 'lucide-react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { ChevronsUpDown, X } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 function MultiSelectCombobox({
   options,
@@ -25,89 +26,97 @@ function MultiSelectCombobox({
   shouldFilter = true
 }) {
   const [open, setOpen] = React.useState(false);
+  const listboxId = React.useId();
   const handleSelect = (value) => {
     const newSelected = selected.includes(value) ? selected.filter((item) => item !== value) : [...selected, value];
     onSelectionChange(newSelected);
   };
-  const handleRemove = (value, e) => {
-    e.stopPropagation();
-    onSelectionChange(selected.filter((item) => item !== value));
-  };
-  const selectedLabels = selected.map((value) => {
-    var _a;
-    return ((_a = options.find((opt) => opt.value === value)) == null ? void 0 : _a.label) || value;
-  }).slice(0, maxDisplay);
-  const remainingCount = selected.length - maxDisplay;
-  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
-      Button,
-      {
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": open,
-        className: cn(
-          "w-full justify-between h-auto min-h-10 py-2",
-          selected.length === 0 && "text-muted-foreground",
-          className
-        ),
-        disabled,
-        children: [
-          /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1 flex-1 text-left", children: selected.length === 0 ? /* @__PURE__ */ jsx("span", { children: placeholder }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            selectedLabels.map((label, i) => /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", children: [
-              label,
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  role: "button",
-                  tabIndex: 0,
-                  className: "ml-1 rounded-full outline-none ring-offset-background focus:ring-2 focus:ring-ring focus:ring-offset-2 cursor-pointer",
-                  onClick: (e) => handleRemove(selected[i], e),
-                  onKeyDown: (e) => {
-                    if (e.key === "Enter" || e.key === " ") {
-                      e.preventDefault();
-                      handleRemove(selected[i], e);
-                    }
+  const visible = selected.slice(0, maxDisplay);
+  const remaining = selected.length - maxDisplay;
+  return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
+    /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": open,
+          "aria-haspopup": "listbox",
+          "aria-controls": open ? listboxId : void 0,
+          className: cn(
+            "w-full justify-between font-normal",
+            selected.length === 0 && "text-muted-foreground"
+          ),
+          disabled,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "truncate", children: selected.length === 0 ? placeholder : `${selected.length} selected` }),
+            /* @__PURE__ */ jsx(ChevronsUpDown, { className: "size-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx(
+        PopoverContent,
+        {
+          id: listboxId,
+          className: "w-[var(--radix-popover-trigger-width)] p-0",
+          align: "start",
+          children: /* @__PURE__ */ jsxs(Command, { shouldFilter, children: [
+            /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder, onValueChange: onSearchChange }),
+            /* @__PURE__ */ jsxs(CommandList, { children: [
+              /* @__PURE__ */ jsx(CommandEmpty, { children: loading ? "Loading\u2026" : emptyText }),
+              /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => {
+                const isSelected = selected.includes(option.value);
+                return /* @__PURE__ */ jsxs(
+                  CommandItem,
+                  {
+                    value: option.value,
+                    onSelect: () => handleSelect(option.value),
+                    className: "gap-2",
+                    children: [
+                      /* @__PURE__ */ jsx(
+                        Checkbox,
+                        {
+                          checked: isSelected,
+                          tabIndex: -1,
+                          "aria-hidden": true,
+                          className: "pointer-events-none"
+                        }
+                      ),
+                      option.label
+                    ]
                   },
-                  children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
-                }
-              )
-            ] }, selected[i])),
-            remainingCount > 0 && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "text-xs", children: [
-              "+",
-              remainingCount,
-              " more"
+                  option.value
+                );
+              }) })
             ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx(PopoverContent, { className: "w-full p-0", align: "start", children: /* @__PURE__ */ jsxs(Command, { shouldFilter, children: [
-      /* @__PURE__ */ jsx(CommandInput, { placeholder: searchPlaceholder, onValueChange: onSearchChange }),
-      /* @__PURE__ */ jsxs(CommandList, { children: [
-        /* @__PURE__ */ jsx(CommandEmpty, { children: loading ? "Loading..." : emptyText }),
-        /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs(
-          CommandItem,
-          {
-            value: option.value,
-            onSelect: () => handleSelect(option.value),
-            children: [
-              /* @__PURE__ */ jsx(
-                Check,
-                {
-                  className: cn(
-                    "mr-2 h-4 w-4",
-                    selected.includes(option.value) ? "opacity-100" : "opacity-0"
-                  )
-                }
-              ),
-              option.label
-            ]
-          },
-          option.value
-        )) })
+          ] })
+        }
+      )
+    ] }),
+    selected.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1", children: [
+      visible.map((value) => {
+        var _a;
+        const label = ((_a = options.find((opt) => opt.value === value)) == null ? void 0 : _a.label) || value;
+        return /* @__PURE__ */ jsxs(Badge, { variant: "secondary", className: "gap-1 pr-1", children: [
+          label,
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-label": `Remove ${label}`,
+              onClick: () => onSelectionChange(selected.filter((item) => item !== value)),
+              className: "rounded-full p-0.5 hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring transition-colors",
+              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
+            }
+          )
+        ] }, value);
+      }),
+      remaining > 0 && /* @__PURE__ */ jsxs(Badge, { variant: "secondary", children: [
+        "+",
+        remaining,
+        " more"
       ] })
-    ] }) })
+    ] })
   ] });
 }
 

package/dist/components/multi-select-menu.d.ts

@@ -10,14 +10,10 @@ interface MultiSelectMenuProps {
     options: MultiSelectMenuOption[];
     selected: string[];
     onSelectedChange: (values: string[]) => void;
-    /** Trigger element rendered via Radix `asChild` — typically a Button. */
     trigger: React.ReactNode;
-    /** Optional heading rendered above the option list. */
     label?: string;
     align?: "start" | "center" | "end";
-    /** Pixel width of the popover content. Defaults to 220. */
     width?: number;
-    /** className for the popover content. */
     contentClassName?: string;
     emptyText?: string;
 }

package/dist/components/multi-select-menu.js

@@ -1,8 +1,8 @@
-import { Popover, PopoverTrigger, PopoverContent } from '../chunk-4UO73SKC.js';
-import { Checkbox } from '../chunk-IQASCH2V.js';
+import { Checkbox } from '../chunk-D5QHEHXJ.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 function MultiSelectMenu({
@@ -26,34 +26,45 @@ function MultiSelectMenu({
     }
     onSelectedChange(Array.from(next));
   }
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }),
-    /* @__PURE__ */ jsxs(
-      PopoverContent,
+  return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.Root, { children: [
+    /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+      DropdownMenuPrimitive.Content,
       {
         align,
-        className: cn("p-2", contentClassName),
+        sideOffset: 4,
         style: { width },
+        className: cn(
+          "z-50 overflow-hidden rounded-xl border border-border bg-popover p-2 text-popover-foreground shadow-xl",
+          "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",
+          contentClassName
+        ),
         children: [
-          label && /* @__PURE__ */ jsx("div", { className: "text-foreground px-2 py-1.5 text-sm font-semibold", children: label }),
-          /* @__PURE__ */ jsx("div", { role: "group", "aria-label": label, className: "flex flex-col gap-0.5", children: options.length === 0 ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground px-2 py-1.5 text-sm", children: emptyText }) : options.map((option) => {
+          label && /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, { className: "px-2 py-1.5 text-xs font-semibold text-muted-foreground", children: label }),
+          options.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: emptyText }) : /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { className: "flex flex-col gap-0.5", children: options.map((option) => {
+            var _a;
             const checked = selectedSet.has(option.value);
             return /* @__PURE__ */ jsxs(
-              "label",
+              DropdownMenuPrimitive.CheckboxItem,
               {
+                checked,
+                disabled: (_a = option.disabled) != null ? _a : false,
+                onSelect: (e) => e.preventDefault(),
+                onCheckedChange: () => handleToggle(option.value),
                 className: cn(
-                  "flex cursor-pointer items-center gap-2 rounded-md px-2 py-1.5 text-sm select-none",
-                  "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
-                  option.disabled && "pointer-events-none opacity-50"
+                  "relative flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none",
+                  "data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+                  "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
                 ),
                 children: [
                   /* @__PURE__ */ jsx(
                     Checkbox,
                     {
                       checked,
-                      onCheckedChange: () => handleToggle(option.value),
-                      disabled: option.disabled,
-                      "aria-label": typeof option.label === "string" ? option.label : option.value
+                      tabIndex: -1,
+                      "aria-hidden": true,
+                      className: "pointer-events-none"
                     }
                   ),
                   /* @__PURE__ */ jsx("span", { className: "flex-1", children: option.label })
@@ -64,7 +75,7 @@ function MultiSelectMenu({
           }) })
         ]
       }
-    )
+    ) })
   ] });
 }
 

package/dist/components/native-select.d.ts

@@ -0,0 +1,12 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+declare const nativeSelectVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const NativeSelect: React.ForwardRefExoticComponent<Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> & VariantProps<(props?: ({
+    size?: "default" | "sm" | "lg" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLSelectElement>>;
+
+export { NativeSelect, nativeSelectVariants };

package/dist/components/native-select.js

@@ -0,0 +1,49 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { ChevronDown } from 'lucide-react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var nativeSelectVariants = cva(
+  "w-full appearance-none rounded-xl border border-border bg-background pr-9 text-sm text-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40",
+  {
+    variants: {
+      size: {
+        sm: "h-9 pl-3",
+        default: "h-11 pl-4",
+        lg: "h-12 pl-5"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+var NativeSelect = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className, size, children } = _b, props = __objRest(_b, ["className", "size", "children"]);
+    return /* @__PURE__ */ jsxs("div", { className: "relative inline-flex w-full", children: [
+      /* @__PURE__ */ jsx(
+        "select",
+        __spreadProps(__spreadValues({
+          ref,
+          "data-slot": "native-select",
+          className: cn(nativeSelectVariants({ size }), className)
+        }, props), {
+          children
+        })
+      ),
+      /* @__PURE__ */ jsx(
+        ChevronDown,
+        {
+          "aria-hidden": true,
+          className: "pointer-events-none absolute right-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"
+        }
+      )
+    ] });
+  }
+);
+NativeSelect.displayName = "NativeSelect";
+
+export { NativeSelect, nativeSelectVariants };

package/dist/components/pagination.d.ts

@@ -9,10 +9,13 @@ declare function PaginationContent({ className, ...props }: React.ComponentProps
 declare function PaginationItem({ ...props }: React.ComponentProps<"li">): react_jsx_runtime.JSX.Element;
 type PaginationLinkProps = {
     isActive?: boolean;
+    disabled?: boolean;
 } & Pick<React.ComponentProps<typeof Button>, "size"> & React.ComponentProps<"a">;
-declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare function PaginationLink({ className, isActive, disabled, size, onClick, ...props }: PaginationLinkProps): react_jsx_runtime.JSX.Element;
+declare function PaginationFirst({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
 declare function PaginationPrevious({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
 declare function PaginationNext({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
+declare function PaginationLast({ className, ...props }: React.ComponentProps<typeof PaginationLink>): react_jsx_runtime.JSX.Element;
 declare function PaginationEllipsis({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
 
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/pagination.js

@@ -1,8 +1,8 @@
-import { buttonVariants } from '../chunk-2BMJRXQX.js';
+import { buttonVariants } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
-import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from 'lucide-react';
+import { ChevronsLeftIcon, ChevronLeftIcon, ChevronRightIcon, ChevronsRightIcon, MoreHorizontalIcon } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function Pagination(_a) {
@@ -32,25 +32,63 @@ function PaginationItem(_a) {
   return /* @__PURE__ */ jsx("li", __spreadValues({ "data-slot": "pagination-item" }, props));
 }
 function PaginationLink(_a) {
-  var _b = _a, { className, isActive, size = "icon" } = _b, props = __objRest(_b, ["className", "isActive", "size"]);
+  var _b = _a, {
+    className,
+    isActive,
+    disabled,
+    size = "icon",
+    onClick
+  } = _b, props = __objRest(_b, [
+    "className",
+    "isActive",
+    "disabled",
+    "size",
+    "onClick"
+  ]);
   return /* @__PURE__ */ jsx(
     "a",
     __spreadValues({
       "aria-current": isActive ? "page" : void 0,
+      "aria-disabled": disabled || void 0,
       "data-slot": "pagination-link",
       "data-active": isActive,
+      tabIndex: disabled ? -1 : void 0,
+      onClick: disabled ? (e) => e.preventDefault() : onClick,
       className: cn(
         buttonVariants({
-          variant: isActive ? "outline" : "ghost",
+          variant: isActive ? "default" : "ghost",
           size
         }),
+        isActive && "pointer-events-none",
+        disabled && "pointer-events-none opacity-50",
         className
       )
     }, props)
   );
 }
+function PaginationFirst(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    PaginationLink,
+    __spreadProps(__spreadValues({
+      "aria-label": "Go to first page",
+      size: "icon",
+      className: cn(className)
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronsLeftIcon, {})
+    })
+  );
+}
 function PaginationPrevious(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsxs(
     PaginationLink,
     __spreadProps(__spreadValues({
@@ -66,7 +104,11 @@ function PaginationPrevious(_a) {
   );
 }
 function PaginationNext(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
   return /* @__PURE__ */ jsxs(
     PaginationLink,
     __spreadProps(__spreadValues({
@@ -81,6 +123,23 @@ function PaginationNext(_a) {
     })
   );
 }
+function PaginationLast(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    PaginationLink,
+    __spreadProps(__spreadValues({
+      "aria-label": "Go to last page",
+      size: "icon",
+      className: cn(className)
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronsRightIcon, {})
+    })
+  );
+}
 function PaginationEllipsis(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsxs(
@@ -98,4 +157,4 @@ function PaginationEllipsis(_a) {
   );
 }
 
-export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious };
+export { Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationItem, PaginationLast, PaginationLink, PaginationNext, PaginationPrevious };

package/dist/components/place-about-tab.js

@@ -1,6 +1,6 @@
-export { PlaceAboutTab } from '../chunk-HLQ2IRE7.js';
-import '../chunk-QJ54Z7TC.js';
-import '../chunk-4KOMHDZD.js';
-import '../chunk-NKHH23YK.js';
+export { PlaceAboutTab } from '../chunk-BAZFVSSG.js';
+import '../chunk-XK2ZDQVE.js';
+import '../chunk-Y5D5LP4A.js';
+import '../chunk-YJ6OBKZJ.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/place-card.js

@@ -1,4 +1,4 @@
-import { Text } from '../chunk-4KOMHDZD.js';
+import { Text } from '../chunk-Y5D5LP4A.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { memo, useState } from 'react';

package/dist/components/place-details-mobile.js

@@ -1,7 +1,7 @@
-import { PlaceAboutTab } from '../chunk-HLQ2IRE7.js';
-import '../chunk-QJ54Z7TC.js';
-import { Text } from '../chunk-4KOMHDZD.js';
-import { Badge } from '../chunk-NKHH23YK.js';
+import { PlaceAboutTab } from '../chunk-BAZFVSSG.js';
+import '../chunk-XK2ZDQVE.js';
+import { Text } from '../chunk-Y5D5LP4A.js';
+import { Badge } from '../chunk-YJ6OBKZJ.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
 import { useState } from 'react';

package/dist/components/popover.d.ts

@@ -3,6 +3,12 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 
 declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
 declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverArrow: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverArrowProps & React.RefAttributes<SVGSVGElement>, "ref"> & React.RefAttributes<SVGSVGElement>>;
+declare const PopoverHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const PopoverDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 
-export { Popover, PopoverContent, PopoverTrigger };
+export { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger };

package/dist/components/popover.js

@@ -1,3 +1,3 @@
-export { Popover, PopoverContent, PopoverTrigger } from '../chunk-4UO73SKC.js';
+export { Popover, PopoverAnchor, PopoverArrow, PopoverClose, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from '../chunk-UUJVXN2O.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/progress.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 
-declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type ProgressTone = "primary" | "success" | "warning" | "destructive";
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressPrimitive.ProgressProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    tone?: ProgressTone;
+    size?: "sm" | "default" | "lg";
+} & React.RefAttributes<HTMLDivElement>>;
 
 export { Progress };

package/dist/components/progress.js

@@ -4,21 +4,35 @@ import * as React from 'react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
 import { jsx } from 'react/jsx-runtime';
 
+var toneClasses = {
+  primary: "bg-primary",
+  success: "bg-success",
+  warning: "bg-warning",
+  destructive: "bg-destructive"
+};
+var sizeClasses = {
+  sm: "h-1",
+  default: "h-2",
+  lg: "h-3"
+};
 var Progress = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, value } = _b, props = __objRest(_b, ["className", "value"]);
+  var _b = _a, { className, value, tone = "primary", size = "default" } = _b, props = __objRest(_b, ["className", "value", "tone", "size"]);
   return /* @__PURE__ */ jsx(
     ProgressPrimitive.Root,
     __spreadProps(__spreadValues({
       ref,
+      "data-slot": "progress",
       className: cn(
-        "relative h-2 w-full overflow-hidden rounded-full glass border border-border/50",
+        "relative w-full overflow-hidden rounded-full bg-muted",
+        sizeClasses[size],
         className
       )
     }, props), {
       children: /* @__PURE__ */ jsx(
         ProgressPrimitive.Indicator,
         {
-          className: "h-full w-full flex-1 bg-gradient-to-r from-primary to-secondary transition-all duration-500 ease-out shadow-lg",
+          "data-slot": "progress-indicator",
+          className: cn("h-full w-full flex-1 transition-transform duration-500 ease-out", toneClasses[tone]),
           style: { transform: `translateX(-${100 - (value || 0)}%)` }
         }
       )

package/dist/components/radio-group.js

@@ -7,7 +7,15 @@ import { jsx } from 'react/jsx-runtime';
 
 var RadioGroup = React.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, __spreadProps(__spreadValues({ className: cn("grid gap-2", className) }, props), { ref }));
+  return /* @__PURE__ */ jsx(
+    RadioGroupPrimitive.Root,
+    __spreadProps(__spreadValues({
+      "data-slot": "radio-group",
+      className: cn("grid gap-2", className)
+    }, props), {
+      ref
+    })
+  );
 });
 RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React.forwardRef((_a, ref) => {
@@ -16,12 +24,13 @@ var RadioGroupItem = React.forwardRef((_a, ref) => {
     RadioGroupPrimitive.Item,
     __spreadProps(__spreadValues({
       ref,
+      "data-slot": "radio-group-item",
       className: cn(
-        "aspect-square h-5 w-5 rounded-full border border-border glass text-primary transition-all duration-300 focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary data-[state=checked]:shadow-lg data-[state=checked]:shadow-primary/20 hover:border-accent/50 hover:shadow-md",
+        "aspect-square size-5 rounded-full border border-border bg-background text-primary transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-primary hover:border-primary/50 aria-invalid:border-destructive aria-invalid:focus-visible:ring-destructive/40",
         className
       )
     }, props), {
-      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "h-2.5 w-2.5 fill-current text-current animate-in zoom-in-50 duration-200" }) })
+      children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(Circle, { className: "size-2.5 fill-current text-primary animate-in zoom-in-50 duration-150" }) })
     })
   );
 });