@bearmenu/ui 0.6.0 → 0.7.0

package/dist/components/scroll-fade.js

@@ -0,0 +1,121 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var fromMap = {
+  background: "from-background",
+  card: "from-card",
+  muted: "from-muted"
+};
+var sizeMap = {
+  vertical: { sm: "h-6", md: "h-12", lg: "h-20" },
+  horizontal: { sm: "w-8", md: "w-16", lg: "w-28" }
+};
+var ScrollFade = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      orientation = "vertical",
+      fadeColor = "background",
+      size = "md",
+      className,
+      scrollClassName,
+      children
+    } = _b, props = __objRest(_b, [
+      "orientation",
+      "fadeColor",
+      "size",
+      "className",
+      "scrollClassName",
+      "children"
+    ]);
+    const innerRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => innerRef.current);
+    const [atStart, setAtStart] = React.useState(true);
+    const [atEnd, setAtEnd] = React.useState(true);
+    const update = React.useCallback(() => {
+      const el = innerRef.current;
+      if (!el) return;
+      if (orientation === "vertical") {
+        const overflow = el.scrollHeight - el.clientHeight;
+        setAtStart(el.scrollTop <= 1);
+        setAtEnd(overflow <= 1 || el.scrollTop >= overflow - 1);
+      } else {
+        const overflow = el.scrollWidth - el.clientWidth;
+        setAtStart(el.scrollLeft <= 1);
+        setAtEnd(overflow <= 1 || el.scrollLeft >= overflow - 1);
+      }
+    }, [orientation]);
+    React.useEffect(() => {
+      const el = innerRef.current;
+      if (!el) return;
+      update();
+      el.addEventListener("scroll", update, { passive: true });
+      const ro = new ResizeObserver(update);
+      ro.observe(el);
+      return () => {
+        el.removeEventListener("scroll", update);
+        ro.disconnect();
+      };
+    }, [update]);
+    const fromClass = fromMap[fadeColor];
+    const fadeSize = sizeMap[orientation][size];
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "relative isolate flex",
+          orientation === "vertical" ? "flex-col" : "flex-row",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            __spreadProps(__spreadValues({
+              ref: innerRef,
+              className: cn(
+                "min-h-0 min-w-0 flex-1",
+                orientation === "vertical" ? "overflow-y-auto" : "overflow-x-auto",
+                scrollClassName
+              )
+            }, props), {
+              children
+            })
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "pointer-events-none absolute z-10 transition-opacity duration-300",
+                // `from-30%` adds a solid plateau before the gradient starts
+                // fading — without it the gradient is a pure linear ramp and only
+                // the very top pixel reads as solid, leaving the cut edge visible.
+                // -4px inset pulls the fade past the container edge so the very
+                // edge of clipped content is covered by the solid plateau.
+                orientation === "vertical" ? `inset-x-0 -top-1 ${fadeSize} bg-gradient-to-b from-30%` : `inset-y-0 -left-1 ${fadeSize} bg-gradient-to-r from-30%`,
+                fromClass,
+                atStart ? "opacity-0" : "opacity-100"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              "aria-hidden": true,
+              className: cn(
+                "pointer-events-none absolute z-10 transition-opacity duration-300",
+                orientation === "vertical" ? `inset-x-0 -bottom-1 ${fadeSize} bg-gradient-to-t from-30%` : `inset-y-0 -right-1 ${fadeSize} bg-gradient-to-l from-30%`,
+                fromClass,
+                atEnd ? "opacity-0" : "opacity-100"
+              )
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ScrollFade.displayName = "ScrollFade";
+
+export { ScrollFade };

package/dist/components/searchable-select.js

@@ -1,6 +1,6 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-UUJVXN2O.js';
-import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-PSR7N36A.js';
-import '../chunk-WKMLZDUT.js';
+import { Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem } from '../chunk-HCM6LKM5.js';
+import '../chunk-FRPPIXMY.js';
 import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';

package/dist/components/separator.js

@@ -1,26 +1,3 @@
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
-import * as React from 'react';
-import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import { jsx } from 'react/jsx-runtime';
-
-var Separator = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, orientation = "horizontal", decorative = true } = _b, props = __objRest(_b, ["className", "orientation", "decorative"]);
-  return /* @__PURE__ */ jsx(
-    SeparatorPrimitive.Root,
-    __spreadValues({
-      ref,
-      "data-slot": "separator",
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0",
-        orientation === "horizontal" ? "h-px w-full bg-gradient-to-r from-transparent via-border to-transparent" : "h-full w-px bg-gradient-to-b from-transparent via-border to-transparent",
-        className
-      )
-    }, props)
-  );
-});
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-export { Separator };
+export { Separator } from '../chunk-WSRWFA6K.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

package/dist/components/sheet.js

@@ -26,7 +26,7 @@ var SheetOverlay = React.forwardRef((_a, ref) => {
 });
 SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
 var sheetVariants = cva(
-  "fixed z-[1000] gap-4 bg-background border-border p-6 shadow-2xl transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "fixed z-[1000] gap-4 bg-background border-border p-6 shadow-2xl data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=open]:duration-[var(--duration-deliberate)] data-[state=closed]:duration-[var(--duration-exit-standard)] data-[state=open]:ease-[var(--ease-enter)] data-[state=closed]:ease-[var(--ease-exit)]",
   {
     variants: {
       side: {

package/dist/components/sliding-panels.d.ts

@@ -7,6 +7,7 @@ interface Panel {
     showBackButton?: boolean;
     backButtonLabel?: string;
     onBack?: () => void;
+    parentId?: string;
 }
 interface SlidingPanelsProps {
     panels: Panel[];

package/dist/components/sliding-panels.js

@@ -2,6 +2,7 @@ import { Button } from '../chunk-ZFNOCP6W.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';
+import * as React from 'react';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { ChevronLeft } from 'lucide-react';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -16,6 +17,18 @@ var SlidingPanels = ({
   const currentPanelData = panels[currentIndex];
   const panelRefs = useRef([]);
   const [containerHeight, setContainerHeight] = useState();
+  const usesTreeModel = panels.some((p) => p.parentId);
+  const activeAncestors = React.useMemo(() => {
+    if (!usesTreeModel) return /* @__PURE__ */ new Set();
+    const ancestors = /* @__PURE__ */ new Set();
+    let cursor = panels.find((p) => p.id === currentPanel);
+    while (cursor == null ? void 0 : cursor.parentId) {
+      ancestors.add(cursor.parentId);
+      const nextId = cursor.parentId;
+      cursor = panels.find((p) => p.id === nextId);
+    }
+    return ancestors;
+  }, [panels, currentPanel, usesTreeModel]);
   useLayoutEffect(() => {
     const activeEl = panelRefs.current[currentIndex];
     if (!activeEl) return;
@@ -26,13 +39,16 @@ var SlidingPanels = ({
     return () => ro.disconnect();
   }, [currentIndex]);
   const handleBack = () => {
-    const previousPanel = panels[currentIndex - 1];
-    if (!previousPanel) return;
     if (currentPanelData == null ? void 0 : currentPanelData.onBack) {
       currentPanelData.onBack();
-    } else {
-      onPanelChange(previousPanel.id);
+      return;
     }
+    if (currentPanelData == null ? void 0 : currentPanelData.parentId) {
+      onPanelChange(currentPanelData.parentId);
+      return;
+    }
+    const previousPanel = panels[currentIndex - 1];
+    if (previousPanel) onPanelChange(previousPanel.id);
   };
   return /* @__PURE__ */ jsx(
     "div",
@@ -44,8 +60,8 @@ var SlidingPanels = ({
       style: { height: containerHeight, overflowClipMargin: "8px" },
       children: panels.map((panel, index) => {
         const isActive = panel.id === currentPanel;
-        const isLeft = index < currentIndex;
-        const isRight = index > currentIndex;
+        const isLeft = usesTreeModel ? activeAncestors.has(panel.id) : index < currentIndex;
+        const isRight = !isActive && !isLeft;
         return /* @__PURE__ */ jsxs(
           "div",
           {

package/dist/components/sort-option-list.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type SortOptionListItem<T extends string> = {
+    value: T;
+    label: string;
+};
+interface SortOptionListProps<T extends string> {
+    options: SortOptionListItem<T>[];
+    value: T;
+    onChange: (value: T) => void;
+    ariaLabel: string;
+    className?: string;
+}
+declare function SortOptionList<T extends string>({ options, value, onChange, ariaLabel, className, }: SortOptionListProps<T>): react_jsx_runtime.JSX.Element;
+
+export { SortOptionList, type SortOptionListItem };

package/dist/components/sort-option-list.js

@@ -0,0 +1,46 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { Check } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function SortOptionList({
+  options,
+  value,
+  onChange,
+  ariaLabel,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "radiogroup",
+      "aria-label": ariaLabel,
+      className: cn("px-2 pb-6", className),
+      children: options.map((option) => {
+        const isActive = option.value === value;
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            role: "radio",
+            "aria-checked": isActive,
+            onClick: () => onChange(option.value),
+            className: cn(
+              "flex w-full items-center justify-between rounded-lg px-3 py-3 text-left text-sm cursor-pointer",
+              "transition-colors duration-150 motion-reduce:transition-none",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary/30",
+              isActive ? "bg-accent/10 text-accent font-semibold" : "text-foreground hover:bg-muted/50"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { children: option.label }),
+              isActive && /* @__PURE__ */ jsx(Check, { className: "h-4 w-4", "aria-hidden": true })
+            ]
+          },
+          option.value
+        );
+      })
+    }
+  );
+}
+
+export { SortOptionList };

package/dist/components/spinner.d.ts

@@ -4,11 +4,11 @@ import { VariantProps } from 'class-variance-authority';
 
 declare const spinnerVariants: (props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "default" | "destructive" | "inherit" | "primary" | null | undefined;
+    tone?: "inherit" | "default" | "destructive" | "primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Spinner: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
     size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
-    tone?: "default" | "destructive" | "inherit" | "primary" | null | undefined;
+    tone?: "inherit" | "default" | "destructive" | "primary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     /** Visually-hidden label for screen readers. Defaults to "Loading". */
     label?: string;

package/dist/components/tabs.js

@@ -1,12 +1,38 @@
 import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';
+import { __spreadValues, __objRest, __spreadProps } from '../chunk-3GWWZKX7.js';
 import * as React from 'react';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import { jsx } from 'react/jsx-runtime';
+import { motion } from 'framer-motion';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
+var springSnappy = {
+  type: "spring",
+  damping: 30,
+  stiffness: 380
+};
+var springSmooth = {
+  type: "spring",
+  damping: 30,
+  stiffness: 220
+};
+var springSoft = {
+  type: "spring",
+  damping: 35,
+  stiffness: 140
+};
+var archetype = {
+  /** Drawer / Sheet / Dialog entrance. Surface arrives first; content layers after. */
+  surfaceOpen: __spreadValues({}, springSmooth),
+  /** First-reveal stagger for card grids. Per-item spring. Cap stagger at 8 items. */
+  listReveal: __spreadValues({}, springSoft),
+  /** Bottom-sheet / side-drawer entry. */
+  edgeEnter: __spreadValues({}, springSmooth),
+  /** Active tab pill, active filter chip — use with Framer Motion `layoutId`. */
+  indicatorMorph: __spreadValues({}, springSnappy)};
 var TabsContext = React.createContext({
   variant: "pill",
-  orientation: "horizontal"
+  orientation: "horizontal",
+  indicatorId: "tabs-indicator"
 });
 var Tabs = React.forwardRef((_a, ref) => {
   var _b = _a, { className, orientation = "horizontal" } = _b, props = __objRest(_b, ["className", "orientation"]);
@@ -29,7 +55,8 @@ var TabsList = React.forwardRef((_a, ref) => {
   var _b = _a, { className, variant = "pill", scrollable, children } = _b, props = __objRest(_b, ["className", "variant", "scrollable", "children"]);
   const orientation = props["aria-orientation"] === "vertical" ? "vertical" : "horizontal";
   const allowScroll = scrollable != null ? scrollable : orientation === "horizontal";
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { variant, orientation }, children: /* @__PURE__ */ jsx(
+  const indicatorId = React.useId();
+  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { variant, orientation, indicatorId }, children: /* @__PURE__ */ jsx(
     TabsPrimitive.List,
     __spreadProps(__spreadValues({
       ref,
@@ -46,36 +73,90 @@ var TabsList = React.forwardRef((_a, ref) => {
 });
 TabsList.displayName = TabsPrimitive.List.displayName;
 var TabsTrigger = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  const { variant, orientation } = React.useContext(TabsContext);
-  return /* @__PURE__ */ jsx(
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  const { variant, orientation, indicatorId } = React.useContext(TabsContext);
+  const triggerRef = React.useRef(null);
+  const [isActive, setIsActive] = React.useState(false);
+  React.useEffect(() => {
+    const node = triggerRef.current;
+    if (!node) return;
+    const sync = () => setIsActive(node.getAttribute("data-state") === "active");
+    sync();
+    const observer = new MutationObserver(sync);
+    observer.observe(node, { attributes: true, attributeFilter: ["data-state"] });
+    return () => observer.disconnect();
+  }, []);
+  const composedRef = React.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref]
+  );
+  return /* @__PURE__ */ jsxs(
     TabsPrimitive.Trigger,
-    __spreadValues({
-      ref,
+    __spreadProps(__spreadValues({
+      ref: composedRef,
       "data-slot": "tabs-trigger",
       className: cn(
-        "inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-        variant === "pill" && "rounded-xl px-4 py-1.5 text-muted-foreground hover:text-foreground data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-        variant === "underline" && orientation === "horizontal" && "relative h-11 rounded-none border-b-2 border-transparent px-4 text-muted-foreground hover:text-foreground data-[state=active]:border-primary data-[state=active]:text-foreground",
-        variant === "underline" && orientation === "vertical" && "relative rounded-none border-r-2 border-transparent px-4 py-2 -mr-px text-muted-foreground hover:text-foreground data-[state=active]:border-primary data-[state=active]:text-foreground justify-start",
+        "relative inline-flex items-center justify-center whitespace-nowrap text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+        variant === "pill" && "rounded-xl px-4 py-1.5 text-muted-foreground hover:text-foreground data-[state=active]:text-foreground",
+        variant === "underline" && orientation === "horizontal" && "h-11 rounded-none px-4 text-muted-foreground hover:text-foreground data-[state=active]:text-foreground",
+        variant === "underline" && orientation === "vertical" && "rounded-none px-4 py-2 -mr-px text-muted-foreground hover:text-foreground data-[state=active]:text-foreground justify-start",
         className
       )
-    }, props)
+    }, props), {
+      children: [
+        isActive && /* @__PURE__ */ jsx(
+          motion.span,
+          {
+            "aria-hidden": true,
+            layoutId: indicatorId,
+            transition: archetype.indicatorMorph,
+            className: cn(
+              "absolute inset-0 -z-0 motion-reduce:hidden",
+              variant === "pill" && "rounded-xl bg-background shadow-sm",
+              variant === "underline" && orientation === "horizontal" && "border-b-2 border-primary",
+              variant === "underline" && orientation === "vertical" && "border-r-2 border-primary"
+            )
+          }
+        ),
+        isActive && /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": true,
+            className: cn(
+              "absolute inset-0 -z-0 hidden motion-reduce:block",
+              variant === "pill" && "rounded-xl bg-background shadow-sm",
+              variant === "underline" && orientation === "horizontal" && "border-b-2 border-primary",
+              variant === "underline" && orientation === "vertical" && "border-r-2 border-primary"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "relative z-10 flex items-center gap-2", children })
+      ]
+    })
   );
 });
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 var TabsContent = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
   return /* @__PURE__ */ jsx(
     TabsPrimitive.Content,
-    __spreadValues({
+    __spreadProps(__spreadValues({
       ref,
       "data-slot": "tabs-content",
       className: cn(
         "flex-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 rounded-md",
+        // v1.0 motion: content-swap on activation. CSS animation so this works
+        // even outside a Framer-Motion-wrapped layout. Disabled for reduced-motion.
+        "data-[state=active]:animate-in data-[state=active]:fade-in-0 data-[state=active]:slide-in-from-bottom-1 data-[state=active]:duration-[var(--duration-quick)] data-[state=active]:ease-[var(--ease-standard)] motion-reduce:data-[state=active]:animate-none",
         className
       )
-    }, props)
+    }, props), {
+      children
+    })
   );
 });
 TabsContent.displayName = TabsPrimitive.Content.displayName;

package/dist/components/tag.d.ts

@@ -3,11 +3,11 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const tagVariants: (props?: ({
-    variant?: "default" | "destructive" | "warning" | "success" | "primary" | "outline" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "success" | "warning" | "primary" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Tag: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "warning" | "success" | "primary" | "outline" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "success" | "warning" | "primary" | null | undefined;
     size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & {
     onRemove?: () => void;

package/dist/components/tag.js

@@ -1,61 +1,3 @@
-import { cn } from '../chunk-FEK5XGZW.js';
-import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
-import * as React from 'react';
-import { X } from 'lucide-react';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var tagVariants = cva(
-  "inline-flex items-center gap-1 rounded-full border text-xs font-medium transition-colors",
-  {
-    variants: {
-      variant: {
-        default: "border-border bg-muted text-foreground",
-        primary: "border-primary/30 bg-primary/10 text-primary",
-        success: "border-success/30 bg-success/10 text-success",
-        warning: "border-warning/30 bg-warning/10 text-warning",
-        destructive: "border-destructive/30 bg-destructive/10 text-destructive",
-        outline: "border-border bg-transparent text-foreground"
-      },
-      size: {
-        sm: "h-5 px-2 text-[10px]",
-        default: "h-6 px-2.5",
-        lg: "h-7 px-3 text-sm"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Tag = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, variant, size, onRemove, removeLabel = "Remove", children } = _b, props = __objRest(_b, ["className", "variant", "size", "onRemove", "removeLabel", "children"]);
-    return /* @__PURE__ */ jsxs(
-      "span",
-      __spreadProps(__spreadValues({
-        ref,
-        "data-slot": "tag",
-        className: cn(tagVariants({ variant, size }), className)
-      }, props), {
-        children: [
-          children,
-          onRemove && /* @__PURE__ */ jsx(
-            "button",
-            {
-              type: "button",
-              "aria-label": removeLabel,
-              onClick: onRemove,
-              className: "-mr-0.5 inline-flex size-3.5 items-center justify-center rounded-full transition-colors hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
-              children: /* @__PURE__ */ jsx(X, { className: "size-3" })
-            }
-          )
-        ]
-      })
-    );
-  }
-);
-Tag.displayName = "Tag";
-
-export { Tag, tagVariants };
+export { Tag, tagVariants } from '../chunk-YLNYXPIH.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

package/dist/components/text.d.ts

@@ -4,9 +4,9 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const textVariants: (props?: ({
-    variant?: "small" | "display" | "h1" | "h2" | "h3" | "h4" | "body-lg" | "body" | "body-sm" | "caption" | "label" | "overline" | null | undefined;
-    color?: "default" | "destructive" | "inherit" | "muted" | "primary" | "primary-foreground" | null | undefined;
-    weight?: "bold" | "normal" | "medium" | "semibold" | null | undefined;
+    variant?: "h2" | "h3" | "label" | "body" | "caption" | "h1" | "h4" | "small" | "display" | "body-lg" | "body-sm" | "overline" | null | undefined;
+    color?: "inherit" | "default" | "destructive" | "muted" | "primary" | "primary-foreground" | null | undefined;
+    weight?: "bold" | "medium" | "normal" | "semibold" | null | undefined;
     leading?: "none" | "normal" | "tight" | "snug" | "relaxed" | "loose" | null | undefined;
     tracking?: "normal" | "tight" | "wide" | "wider" | null | undefined;
     wrap?: "balance" | "pretty" | "nowrap" | null | undefined;

package/dist/components/toast.js

@@ -1,3 +1,3 @@
-export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from '../chunk-7PPCH42H.js';
+export { Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport } from '../chunk-VQNDZVI7.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/toaster.js

@@ -1,5 +1,5 @@
 import { useToast } from '../chunk-EBAMCZDW.js';
-import { ToastProvider, Toast, ToastTitle, ToastDescription, ToastClose, ToastViewport } from '../chunk-7PPCH42H.js';
+import { ToastProvider, Toast, ToastTitle, ToastDescription, ToastClose, ToastViewport } from '../chunk-VQNDZVI7.js';
 import '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
 import { jsxs, jsx } from 'react/jsx-runtime';