@maxsteinwender/sort-ui 1.0.3 → 1.0.5

package/dist/index.mjs

@@ -238,17 +238,17 @@ var buttonVariants = cva(
     variants: {
       variant: {
         // Primary — Sort UI: bg/state/primary, text/white-default, icon/white-default
-        default: "bg-sui-bg-state-primary text-sui-text-white-default [text-shadow:var(--shadow-text)] [&_i]:text-icon-white-default [&_i]:[text-shadow:none] [&_svg]:text-icon-white-default [&_svg]:[text-shadow:none] shadow-button-default active:shadow-button-press hover:bg-sui-bg-state-primary-hover active:bg-sui-bg-state-primary-press disabled:bg-sui-bg-state-disabled disabled:[text-shadow:none]",
+        default: "bg-sui-bg-state-primary text-sui-text-white-default [text-shadow:var(--shadow-text)] [&_i]:text-icon-white-default [&_i]:[text-shadow:none] [&_svg]:text-icon-white-default [&_svg]:[text-shadow:none] shadow-button-default active:shadow-button-press [@media(hover:hover)]:hover:bg-sui-bg-state-primary-hover active:bg-sui-bg-state-primary-press disabled:bg-sui-bg-state-disabled disabled:[text-shadow:none]",
         // Soft — Sort UI: bg/state/soft, text/subtle, icon/default-muted
-        secondary: "bg-sui-bg-state-soft text-sui-text-subtle [&_i]:text-icon-default-muted [&_svg]:text-icon-default-muted hover:bg-sui-bg-state-soft-hover active:bg-sui-bg-state-soft-press disabled:bg-sui-bg-state-disabled",
+        secondary: "bg-sui-bg-state-soft text-sui-text-subtle [&_i]:text-icon-default-muted [&_svg]:text-icon-default-muted [@media(hover:hover)]:hover:bg-sui-bg-state-soft-hover active:bg-sui-bg-state-soft-press disabled:bg-sui-bg-state-disabled",
         // Secondary — Sort UI: bg/state/secondary, border/darker, text/default, icon/default-muted
-        outline: "bg-sui-bg-state-secondary border border-sui-border-darker text-sui-text-default [&_i]:text-icon-default-muted [&_svg]:text-icon-default-muted shadow-button-secondary active:shadow-button-secondary-press hover:bg-sui-bg-state-secondary-hover active:bg-sui-bg-state-secondary-press disabled:bg-sui-bg-state-disabled disabled:border-sui-border-default",
+        outline: "bg-sui-bg-state-secondary border border-sui-border-darker text-sui-text-default [&_i]:text-icon-default-muted [&_svg]:text-icon-default-muted shadow-button-secondary active:shadow-button-secondary-press [@media(hover:hover)]:hover:bg-sui-bg-state-secondary-hover active:bg-sui-bg-state-secondary-press disabled:bg-sui-bg-state-disabled disabled:border-sui-border-default",
         // Ghost — Sort UI: bg/state/ghost, text/default, icon/default-muted
-        ghost: "bg-sui-bg-state-ghost text-sui-text-default [&_i]:text-icon-default-muted [&_svg]:text-icon-default-muted hover:bg-sui-bg-state-ghost-hover active:bg-sui-bg-state-ghost-press",
+        ghost: "bg-sui-bg-state-ghost text-sui-text-default [&_i]:text-icon-default-muted [&_svg]:text-icon-default-muted [@media(hover:hover)]:hover:bg-sui-bg-state-ghost-hover active:bg-sui-bg-state-ghost-press",
         // Destructive — Sort UI: bg/state/destructive, text/white-default, icon/white-default
-        destructive: "bg-sui-bg-state-destructive text-sui-text-white-default [text-shadow:var(--shadow-text)] [&_i]:text-icon-white-default [&_i]:[text-shadow:none] [&_svg]:text-icon-white-default [&_svg]:[text-shadow:none] shadow-button-default active:shadow-button-press hover:bg-sui-bg-state-destructive-hover active:bg-sui-bg-state-destructive-press disabled:bg-sui-bg-state-disabled disabled:[text-shadow:none]",
+        destructive: "bg-sui-bg-state-destructive text-sui-text-white-default [text-shadow:var(--shadow-text)] [&_i]:text-icon-white-default [&_i]:[text-shadow:none] [&_svg]:text-icon-white-default [&_svg]:[text-shadow:none] shadow-button-default active:shadow-button-press [@media(hover:hover)]:hover:bg-sui-bg-state-destructive-hover active:bg-sui-bg-state-destructive-press disabled:bg-sui-bg-state-disabled disabled:[text-shadow:none]",
         // Ghost Muted — Sort UI: bg/state/ghost, text/muted, icon/default-muted
-        "ghost-muted": "bg-sui-bg-state-ghost text-sui-text-muted [&_i]:text-icon-default-muted [&_svg]:text-icon-default-muted hover:bg-sui-bg-state-ghost-hover active:bg-sui-bg-state-ghost-press"
+        "ghost-muted": "bg-sui-bg-state-ghost text-sui-text-muted [&_i]:text-icon-default-muted [&_svg]:text-icon-default-muted [@media(hover:hover)]:hover:bg-sui-bg-state-ghost-hover active:bg-sui-bg-state-ghost-press"
       },
       shape: {
         rounded: "rounded-md",
@@ -791,8 +791,10 @@ var Avatar = React77.forwardRef((_a, ref) => {
     ring = false,
     topBadge = false,
     topBadgeVariant = "verified",
+    topBadgeLabel,
     bottomBadge = false,
     bottomBadgeVariant = "online",
+    bottomBadgeLabel,
     color = "gray",
     children
   } = _b, props = __objRest(_b, [
@@ -805,8 +807,10 @@ var Avatar = React77.forwardRef((_a, ref) => {
     "ring",
     "topBadge",
     "topBadgeVariant",
+    "topBadgeLabel",
     "bottomBadge",
     "bottomBadgeVariant",
+    "bottomBadgeLabel",
     "color",
     "children"
   ]);
@@ -842,6 +846,11 @@ var Avatar = React77.forwardRef((_a, ref) => {
       })
     ) });
   }
+  const badgeLabelParts = [
+    topBadge && topBadgeLabel ? topBadgeLabel : null,
+    bottomBadge && bottomBadgeLabel ? bottomBadgeLabel : null
+  ].filter(Boolean);
+  const wrapperAriaLabel = badgeLabelParts.length > 0 ? [alt, badgeLabelParts.join(", ")].filter(Boolean).join(" \u2014 ") : alt || void 0;
   const offset = (_a2 = badgeOffset[resolvedSize]) != null ? _a2 : badgeOffset["md"];
   const topPositionClasses = `${offset.top} ${offset.right}`;
   const bottomPositionClasses = `${offset.bottom} ${offset.right}`;
@@ -854,7 +863,9 @@ var Avatar = React77.forwardRef((_a, ref) => {
         // Wrapper = avatar size (NOT ring size) — badges positioned relative to this
         avatarWrapperSize[resolvedSize],
         className
-      )
+      ),
+      "aria-label": wrapperAriaLabel,
+      role: wrapperAriaLabel ? "img" : void 0
     }, props), {
       children: [
         ring && /* @__PURE__ */ jsx(
@@ -922,7 +933,7 @@ var Avatar = React77.forwardRef((_a, ref) => {
     })
   ) });
 });
-Avatar.displayName = AvatarPrimitive.Root.displayName;
+Avatar.displayName = "Avatar";
 var AvatarImage = React77.forwardRef((_a, ref) => {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ jsx(
@@ -933,7 +944,7 @@ var AvatarImage = React77.forwardRef((_a, ref) => {
     }, props)
   );
 });
-AvatarImage.displayName = AvatarPrimitive.Image.displayName;
+AvatarImage.displayName = "AvatarImage";
 var AvatarFallback = React77.forwardRef((_a, ref) => {
   var _b = _a, { className, fallback, children } = _b, props = __objRest(_b, ["className", "fallback", "children"]);
   var _a2, _b2, _c;
@@ -965,7 +976,7 @@ var AvatarFallback = React77.forwardRef((_a, ref) => {
     })
   );
 });
-AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
+AvatarFallback.displayName = "AvatarFallback";
 var avatarButtonVariants = cva(
   "relative inline-flex items-center rounded-full whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-sui-border-highlight focus-visible:ring-offset-[1px] focus-visible:ring-offset-sui-bg-default disabled:pointer-events-none after:absolute after:content-[''] after:inset-x-0",
   {
@@ -1291,6 +1302,7 @@ function Badge(_a) {
     shape = "rounded",
     variant = "label",
     src,
+    icon,
     border = false,
     onClose,
     closeAsSpan = false,
@@ -1302,6 +1314,7 @@ function Badge(_a) {
     "shape",
     "variant",
     "src",
+    "icon",
     "border",
     "onClose",
     "closeAsSpan",
@@ -1331,13 +1344,17 @@ function Badge(_a) {
         variant === "label" && // Inner frame: px-1 (4px) each side — same for lg and sm
         /* @__PURE__ */ jsx("span", { className: "px-1", children }),
         variant === "icon" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { className: "flex size-4 shrink-0 items-center justify-center", children: /* @__PURE__ */ jsx(
-            "i",
+          /* @__PURE__ */ jsx(
+            "span",
             {
-              className: cn("ri-user-3-fill leading-none", iconFontSize[size]),
-              "aria-hidden": "true"
+              className: cn(
+                "flex size-4 shrink-0 items-center justify-center leading-none",
+                iconFontSize[size]
+              ),
+              "aria-hidden": "true",
+              children: icon != null ? icon : /* @__PURE__ */ jsx("i", { className: "ri-user-3-fill" })
             }
-          ) }),
+          ),
           /* @__PURE__ */ jsx("span", { className: "pl-0.5 pr-1", children })
         ] }),
         variant === "image" && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1473,41 +1490,55 @@ var BreadcrumbEllipsis = (_a) => {
   );
 };
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
+var dividerVariants = cva(
+  "flex size-5 shrink-0 items-center justify-center",
+  {
+    variants: {
+      variant: {
+        slash: "",
+        arrow: "",
+        dot: ""
+      }
+    },
+    defaultVariants: {
+      variant: "slash"
+    }
+  }
+);
 function BreadcrumbDivider({ variant }) {
-  return /* @__PURE__ */ jsxs("span", { className: "flex size-5 shrink-0 items-center justify-center", "aria-hidden": "true", children: [
+  return /* @__PURE__ */ jsxs("span", { className: dividerVariants({ variant }), "aria-hidden": "true", children: [
     variant === "slash" && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium leading-5 text-sui-text-hint", children: "/" }),
     variant === "arrow" && /* @__PURE__ */ jsx("i", { className: "ri-arrow-right-s-line text-xl leading-none text-sui-text-muted" }),
     variant === "dot" && /* @__PURE__ */ jsx("span", { className: "size-1 rounded-full bg-sui-text-muted" })
   ] });
 }
-function SortBreadcrumb({
-  items,
-  variant = "slash",
-  className
-}) {
-  return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx(
-    "ol",
-    {
-      className: cn(
-        "flex items-center gap-sui-2",
-        className
-      ),
-      children: items.map((item, index) => {
-        const isLast = index === items.length - 1;
-        return /* @__PURE__ */ jsxs(React77.Fragment, { children: [
-          /* @__PURE__ */ jsx("li", { className: "inline-flex", children: /* @__PURE__ */ jsx(
-            SortBreadcrumbItem,
-            __spreadProps(__spreadValues({}, item), {
-              state: isLast ? "current" : "default",
-              leadIcon: item.leadIcon
-            })
-          ) }),
-          !isLast && /* @__PURE__ */ jsx("li", { className: "inline-flex", role: "presentation", children: /* @__PURE__ */ jsx(BreadcrumbDivider, { variant }) })
-        ] }, index);
-      })
-    }
-  ) });
-}
+var SortBreadcrumb = React77.forwardRef(
+  ({ items, variant = "slash", className }, ref) => {
+    return /* @__PURE__ */ jsx("nav", { ref, "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx(
+      "ol",
+      {
+        className: cn(
+          "flex items-center gap-sui-2",
+          className
+        ),
+        children: items.map((item, index) => {
+          const isLast = index === items.length - 1;
+          return /* @__PURE__ */ jsxs(React77.Fragment, { children: [
+            /* @__PURE__ */ jsx("li", { className: "inline-flex", children: /* @__PURE__ */ jsx(
+              SortBreadcrumbItem,
+              __spreadProps(__spreadValues({}, item), {
+                state: isLast ? "current" : "default",
+                leadIcon: item.leadIcon
+              })
+            ) }),
+            !isLast && /* @__PURE__ */ jsx("li", { className: "inline-flex", role: "presentation", children: /* @__PURE__ */ jsx(BreadcrumbDivider, { variant }) })
+          ] }, index);
+        })
+      }
+    ) });
+  }
+);
+SortBreadcrumb.displayName = "SortBreadcrumb";
 function SortBreadcrumbItem({
   label,
   href,
@@ -1684,6 +1715,7 @@ var ButtonGroupItem = React77.forwardRef(
       showSeparator = false,
       size = "lg",
       disabled = false,
+      asChild = false,
       className
     } = _b, props = __objRest(_b, [
       "label",
@@ -1694,14 +1726,16 @@ var ButtonGroupItem = React77.forwardRef(
       "showSeparator",
       "size",
       "disabled",
+      "asChild",
       "className"
     ]);
     const s = size != null ? size : "lg";
+    const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsxs(
-      "button",
+      Comp,
       __spreadProps(__spreadValues({
         ref,
-        type: "button",
+        type: asChild ? void 0 : "button",
         disabled,
         className: cn(
           buttonGroupItemVariants({ size }),
@@ -1998,8 +2032,8 @@ var socialButtonVariants = cva(
     variants: {
       variant: {
         // --sb-bg is a runtime brand slot set via inline style — intentional, not a token violation
-        brand: "bg-[var(--sb-bg,var(--social-brand-default))] text-sui-text-white-default shadow-button-default active:shadow-button-press hover:bg-[color-mix(in_srgb,#fff_15%,var(--sb-bg,var(--social-brand-default)))] active:bg-[color-mix(in_srgb,#fff_25%,var(--sb-bg,var(--social-brand-default)))]",
-        secondary: "bg-sui-bg-default border border-sui-border-darker text-sui-text-default shadow-button-secondary active:shadow-button-secondary-press hover:bg-sui-bg-state-secondary-hover active:bg-sui-bg-state-secondary-press"
+        brand: "bg-[var(--sb-bg,var(--social-brand-default))] text-sui-text-white-default shadow-button-default active:shadow-button-press [@media(hover:hover)]:hover:bg-[color-mix(in_srgb,#fff_15%,var(--sb-bg,var(--social-brand-default)))] active:bg-[color-mix(in_srgb,#fff_25%,var(--sb-bg,var(--social-brand-default)))]",
+        secondary: "bg-sui-bg-state-secondary border border-sui-border-darker text-sui-text-default shadow-button-secondary active:shadow-button-secondary-press [@media(hover:hover)]:hover:bg-sui-bg-state-secondary-hover active:bg-sui-bg-state-secondary-press"
       },
       shape: {
         rounded: "rounded-md",
@@ -3026,25 +3060,25 @@ var unselectedStyles = {
   default: [
     "bg-sui-bg-state-secondary border-sui-border-darker text-sui-text-muted",
     "[&_i]:text-icon-default-muted",
-    "hover:bg-sui-bg-state-secondary-hover hover:text-sui-text-subtle hover:[&_i]:text-icon-default-subtle",
+    "[@media(hover:hover)]:hover:bg-sui-bg-state-secondary-hover [@media(hover:hover)]:hover:text-sui-text-subtle [@media(hover:hover)]:hover:[&_i]:text-icon-default-subtle",
     "active:bg-sui-bg-state-secondary-press active:text-sui-text-subtle active:[&_i]:text-icon-default-subtle"
   ].join(" "),
   soft: [
     "bg-sui-bg-state-soft text-sui-text-muted",
     "[&_i]:text-icon-default-muted",
-    "hover:bg-sui-bg-state-soft-hover hover:text-sui-text-subtle hover:[&_i]:text-icon-default-subtle",
+    "[@media(hover:hover)]:hover:bg-sui-bg-state-soft-hover [@media(hover:hover)]:hover:text-sui-text-subtle [@media(hover:hover)]:hover:[&_i]:text-icon-default-subtle",
     "active:bg-sui-bg-state-soft-press active:text-sui-text-subtle active:[&_i]:text-icon-default-subtle"
   ].join(" "),
   ghost: [
     "bg-sui-bg-state-ghost text-sui-text-muted",
     "[&_i]:text-icon-default-muted",
-    "hover:bg-sui-bg-state-ghost-hover hover:text-sui-text-subtle hover:[&_i]:text-icon-default-subtle",
+    "[@media(hover:hover)]:hover:bg-sui-bg-state-ghost-hover [@media(hover:hover)]:hover:text-sui-text-subtle [@media(hover:hover)]:hover:[&_i]:text-icon-default-subtle",
     "active:bg-sui-bg-state-ghost-press active:text-sui-text-subtle active:[&_i]:text-icon-default-subtle"
   ].join(" "),
   "ghost-muted": [
     "bg-sui-bg-state-ghost text-sui-text-muted",
     "[&_i]:text-icon-default-muted",
-    "hover:bg-sui-bg-state-ghost-hover hover:text-sui-text-subtle hover:[&_i]:text-icon-default-subtle",
+    "[@media(hover:hover)]:hover:bg-sui-bg-state-ghost-hover [@media(hover:hover)]:hover:text-sui-text-subtle [@media(hover:hover)]:hover:[&_i]:text-icon-default-subtle",
     "active:bg-sui-bg-state-ghost-press active:text-sui-text-subtle active:[&_i]:text-icon-default-subtle"
   ].join(" ")
 };
@@ -3177,7 +3211,16 @@ var Chip = React77.forwardRef(
         )
       }), props), {
         children: [
-          (leadIcon || iconOnly) && /* @__PURE__ */ jsx("i", { className: iconName, "aria-hidden": "true" }),
+          (leadIcon || iconOnly) && /* @__PURE__ */ jsx(
+            "i",
+            {
+              className: cn(
+                iconName,
+                selected && iconOnly && v === "ghost-muted" && "text-icon-default"
+              ),
+              "aria-hidden": "true"
+            }
+          ),
           !iconOnly && /* @__PURE__ */ jsx("span", { className: cn("px-sui-2", labelClasses2[s]), children: label })
         ]
       })
@@ -5452,7 +5495,7 @@ function DatePickerInput({
   ] });
 }
 DatePickerInput.displayName = "DatePickerInput";
-var dividerVariants = cva("flex w-full items-center", {
+var dividerVariants2 = cva("flex w-full items-center", {
   variants: {
     type: {
       default: "gap-0",
@@ -5513,7 +5556,7 @@ var Divider = React77.forwardRef(
         ref,
         role: "separator",
         "aria-orientation": "horizontal",
-        className: cn(dividerVariants({ type }), className)
+        className: cn(dividerVariants2({ type }), className)
       }, props), {
         children: [
           showLeftLine && /* @__PURE__ */ jsx("div", { className: lineClasses }),
@@ -7889,7 +7932,7 @@ var pageItemVariants = cva(
           // Default state
           "bg-sui-bg-state-ghost text-sui-text-hint",
           // Hover state
-          "hover:bg-sui-bg-state-ghost-hover hover:text-sui-text-muted",
+          "[@media(hover:hover)]:hover:bg-sui-bg-state-ghost-hover [@media(hover:hover)]:hover:text-sui-text-muted",
           // Disabled state
           "disabled:bg-sui-bg-state-ghost disabled:text-sui-text-hint"
         ].join(" "),
@@ -7900,7 +7943,7 @@ var pageItemVariants = cva(
           // Default state
           "bg-sui-bg-state-soft",
           // Hover state (soft-hover too subtle for small dots, use stronger token)
-          "hover:bg-sui-bg-state-soft-hover",
+          "[@media(hover:hover)]:hover:bg-sui-bg-state-soft-hover",
           // Disabled state
           "disabled:bg-sui-bg-state-disabled"
         ].join(" ")
@@ -7916,17 +7959,18 @@ var activeDefaultClasses = [
   // Blue text/border: uses bg-basic-blue tokens because text-informative shifts to orange in Theme 2
   "text-sui-bg-basic-blue-strong",
   "border border-sui-bg-basic-blue-accent",
-  "hover:bg-sui-bg-state-ghost hover:text-sui-bg-basic-blue-strong"
+  "[@media(hover:hover)]:hover:bg-sui-bg-state-ghost [@media(hover:hover)]:hover:text-sui-bg-basic-blue-strong"
 ].join(" ");
 var activeDotClasses = [
   "bg-sui-bg-basic-blue-accent",
-  "hover:bg-sui-bg-basic-blue-accent"
+  "[@media(hover:hover)]:hover:bg-sui-bg-basic-blue-accent"
 ].join(" ");
 var PageItem = React77.forwardRef(
   (_a, ref) => {
-    var _b = _a, { className, variant = "default", active = false, label = "0", disabled } = _b, props = __objRest(_b, ["className", "variant", "active", "label", "disabled"]);
+    var _b = _a, { className, variant = "default", active = false, label = "0", disabled, asChild = false } = _b, props = __objRest(_b, ["className", "variant", "active", "label", "disabled", "asChild"]);
+    const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
-      "button",
+      Comp,
       __spreadProps(__spreadValues({
         ref,
         disabled,
@@ -8595,6 +8639,7 @@ var RadioButtonCard = React77.forwardRef(
     variant = "default",
     radioPosition = "off",
     layout = "horizontal",
+    icon,
     value,
     disabled = false,
     className
@@ -8647,6 +8692,17 @@ var RadioButtonCard = React77.forwardRef(
         "flex flex-col gap-1 text-left",
         isHorizontal ? "flex-1 min-w-0" : "w-full"
       ), children: [
+        icon && /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: cn(
+              "flex size-4 shrink-0 items-center leading-none text-base",
+              disabled ? "text-sui-text-hint" : "text-icon-default-subtle"
+            ),
+            "aria-hidden": "true",
+            children: icon
+          }
+        ),
         /* @__PURE__ */ jsx("span", { id: titleId, className: titleClass, children: title }),
         description && /* @__PURE__ */ jsx("span", { id: descriptionId, className: descriptionClass, children: description })
       ] }),
@@ -10537,7 +10593,7 @@ var interactiveBase = [
   "flex items-center rounded-sm",
   "transition-colors cursor-pointer",
   "bg-sui-bg-state-ghost",
-  "hover:bg-sui-bg-state-ghost-hover active:bg-sui-bg-state-ghost-press",
+  "[@media(hover:hover)]:hover:bg-sui-bg-state-ghost-hover active:bg-sui-bg-state-ghost-press",
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-sui-border-highlight focus-visible:ring-offset-2 focus-visible:ring-offset-sui-bg-default"
 ];
 var sidebarMenuItemVariants = cva("", {
@@ -10623,7 +10679,7 @@ var SidebarMenuItem2 = React77.forwardRef(
         }
       );
     }
-    const activeClasses = active ? "bg-sui-bg-state-soft hover:bg-sui-bg-state-soft-hover active:bg-sui-bg-state-soft-press" : "";
+    const activeClasses = active ? "bg-sui-bg-state-soft [@media(hover:hover)]:hover:bg-sui-bg-state-soft-hover active:bg-sui-bg-state-soft-press" : "";
     const labelColorClass = active ? "text-sui-text-default" : "text-sui-text-subtle";
     if (variant === "collapsed") {
       const button = /* @__PURE__ */ jsx(
@@ -13465,4 +13521,4 @@ var VerticalStepper = React77.forwardRef(
 );
 VerticalStepper.displayName = "VerticalStepper";
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarButton, AvatarFallback, AvatarGroup, AvatarImage, AvatarUpload, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, Calendar, CalendarDayButton, Card, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxCard, CheckboxList, CheckboxWithText, Chip, CodeBlock, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ControlButton, DataRangeSlider, DataRangeSliderInput, DatePicker, DatePickerInput, DatePickerWithPresets, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, DropdownMenu, DropdownMenuCaption, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLargeItem, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuUserbar, EmptyState, FileUpload, FileUploadArea, FileUploadCard, FilterButton, GridTableCell, GridTableHeaderItem, GridTableRow, GridTableSlotItem, HorizontalStepper, HorizontalStepperItem, InlineTips, Input, InputButton, InputCaption, InputField, InputStepper, Label, LinkButton, MenuSearchInput, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageItem, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Paginator, Popover, PopoverContent, PopoverTrigger, Progress, ProgressBar, RadialProgressBar, RadioButton, RadioButtonCard, RadioButtonList, RadioButtonWithText, RadioCardGroup, RadioGroup2 as RadioGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectMenu, SelectMenuDescription, SelectMenuFooterButton, SelectMenuItem, SelectMenuLabel, SelectMenuLargeItem, SelectMenuSeparator, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Toaster2 as ShadcnToaster, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarCard, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem2 as SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderHandle, SliderInput, SliderRange, SliderRangeInput, SocialButton, SortBreadcrumb, SortBreadcrumbItem, StatusBadge, StepperIcon, StepperNumber, Switch, SwitchList, SwitchWithText, TabItem, TabList, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableHeaderItem, TableItem, TablePagination, TableRow, TableRowSort, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaField, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabItem, UnderlineTabsList, Userbar, VerticalStepper, VerticalStepperItem, accordionItemVariants, avatarButtonVariants, avatarVariants, buttonGroupItemVariants, buttonVariants, cardVariants, checkboxCardVariants, checkboxVariants, checkboxWithTextVariants, chipVariants, controlButtonVariants, datePickerInputContainerVariants, dividerVariants, emptyStateVariants, extractInitials, fileUploadCardVariants, filterButtonVariants, formatBytes, gridTableHeaderItemVariants, gridTableRowVariants, gridTableSlotItemVariants, horizontalStepperItemVariants, inlineTipsVariants, inputButtonVariants, inputContainerVariants, lineVariants, linkButtonVariants, navigationMenuTriggerStyle, pageItemVariants, progressBarVariants, radialProgressBarVariants, radioButtonCardVariants, radioButtonVariants, radioButtonWithTextVariants, sidebarCardVariants, sidebarMenuItemVariants, sliderHandleVariants, socialButtonVariants, stepperIconVariants, stepperNumberVariants, tabItemVariants, tabListVariants, tableHeaderItemVariants, tableItemVariants, tableRowSortVariants, textAreaContainerVariants, toggleVariants, tooltipContentVariants, underlineTabItemVariants, underlineTabsListVariants, useSidebar, userbarVariants, validateFile };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarButton, AvatarFallback, AvatarGroup, AvatarImage, AvatarUpload, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonGroup, ButtonGroupItem, Calendar, CalendarDayButton, Card, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CheckboxCard, CheckboxList, CheckboxWithText, Chip, CodeBlock, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ControlButton, DataRangeSlider, DataRangeSliderInput, DatePicker, DatePickerInput, DatePickerWithPresets, DateRangePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, DropdownMenu, DropdownMenuCaption, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuLargeItem, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuUserbar, EmptyState, FileUpload, FileUploadArea, FileUploadCard, FilterButton, GridTableCell, GridTableHeaderItem, GridTableRow, GridTableSlotItem, HorizontalStepper, HorizontalStepperItem, InlineTips, Input, InputButton, InputCaption, InputField, InputStepper, Label, LinkButton, MenuSearchInput, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, PageItem, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Paginator, Popover, PopoverContent, PopoverTrigger, Progress, ProgressBar, RadialProgressBar, RadioButton, RadioButtonCard, RadioButtonList, RadioButtonWithText, RadioCardGroup, RadioGroup2 as RadioGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectMenu, SelectMenuDescription, SelectMenuFooterButton, SelectMenuItem, SelectMenuLabel, SelectMenuLargeItem, SelectMenuSeparator, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Toaster2 as ShadcnToaster, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarCard, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem2 as SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, SliderHandle, SliderInput, SliderRange, SliderRangeInput, SocialButton, SortBreadcrumb, SortBreadcrumbItem, StatusBadge, StepperIcon, StepperNumber, Switch, SwitchList, SwitchWithText, TabItem, TabList, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableHeaderItem, TableItem, TablePagination, TableRow, TableRowSort, TableSkeletonRow, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaField, Textarea, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip2 as Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UnderlineTabItem, UnderlineTabsList, Userbar, VerticalStepper, VerticalStepperItem, accordionItemVariants, avatarButtonVariants, avatarVariants, buttonGroupItemVariants, buttonVariants, cardVariants, checkboxCardVariants, checkboxVariants, checkboxWithTextVariants, chipVariants, controlButtonVariants, datePickerInputContainerVariants, dividerVariants2 as dividerVariants, emptyStateVariants, extractInitials, fileUploadCardVariants, filterButtonVariants, formatBytes, gridTableHeaderItemVariants, gridTableRowVariants, gridTableSlotItemVariants, horizontalStepperItemVariants, inlineTipsVariants, inputButtonVariants, inputContainerVariants, lineVariants, linkButtonVariants, navigationMenuTriggerStyle, pageItemVariants, progressBarVariants, radialProgressBarVariants, radioButtonCardVariants, radioButtonVariants, radioButtonWithTextVariants, sidebarCardVariants, sidebarMenuItemVariants, sliderHandleVariants, socialButtonVariants, stepperIconVariants, stepperNumberVariants, tabItemVariants, tabListVariants, tableHeaderItemVariants, tableItemVariants, tableRowSortVariants, textAreaContainerVariants, toggleVariants, tooltipContentVariants, underlineTabItemVariants, underlineTabsListVariants, useSidebar, userbarVariants, validateFile };