@bearmenu/ui 0.8.9 → 0.8.11

package/dist/chunk-F6FMZJDG.js

@@ -0,0 +1,113 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import * as React from 'react';
+import { useInView } from 'framer-motion';
+import { jsx } from 'react/jsx-runtime';
+
+var StoryContext = React.createContext(null);
+function useStory() {
+  const value = React.useContext(StoryContext);
+  if (!value) throw new Error("Story pieces must render inside StoryProvider");
+  return value;
+}
+var TICK_MS = 100;
+function StoryProvider({
+  count,
+  durationMs = 5e3,
+  nextLabel,
+  className,
+  children
+}) {
+  const ref = React.useRef(null);
+  const inView = useInView(ref, { amount: 0.6 });
+  const [active, setActive] = React.useState(0);
+  const [elapsed, setElapsed] = React.useState(0);
+  const [held, setHeld] = React.useState(false);
+  const playing = Boolean(inView && !held && count > 1);
+  const go = React.useCallback(
+    (index) => {
+      setActive((index % count + count) % count);
+      setElapsed(0);
+    },
+    [count]
+  );
+  const next = React.useCallback(() => go(active + 1), [go, active]);
+  React.useEffect(() => {
+    if (!playing) return;
+    const timer = window.setInterval(() => setElapsed((previous) => previous + TICK_MS), TICK_MS);
+    return () => window.clearInterval(timer);
+  }, [playing]);
+  React.useEffect(() => {
+    if (elapsed < durationMs) return;
+    setActive((current) => (current + 1) % count);
+    setElapsed(0);
+  }, [elapsed, durationMs, count]);
+  const value = React.useMemo(
+    () => ({ count, active, progress: Math.min(elapsed / durationMs, 1), playing, go, next }),
+    [count, active, elapsed, durationMs, playing, go, next]
+  );
+  const advance = (event) => {
+    if (count < 2) return;
+    if (event.target.closest("a, button")) return;
+    next();
+  };
+  return /* @__PURE__ */ jsx(StoryContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(count > 1 && "cursor-pointer", className),
+      title: count > 1 ? nextLabel : void 0,
+      onClick: advance,
+      onPointerDown: () => setHeld(true),
+      onPointerUp: () => setHeld(false),
+      onPointerLeave: () => setHeld(false),
+      onPointerCancel: () => setHeld(false),
+      children
+    }
+  ) });
+}
+function StorySegments({ labels, className }) {
+  const { count, active, progress, go } = useStory();
+  if (count < 2) return null;
+  return /* @__PURE__ */ jsx("div", { className: cn("flex gap-1", className), role: "tablist", children: Array.from({ length: count }, (_, index) => {
+    const fill = index < active ? 1 : index === active ? progress : 0;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "tab",
+        "aria-selected": index === active,
+        "aria-label": labels[index],
+        onClick: () => go(index),
+        className: "group/segment flex h-6 flex-1 items-center focus-visible:outline-none",
+        children: /* @__PURE__ */ jsx("span", { className: "relative block h-[3px] w-full overflow-hidden rounded-full bg-white/25 group-focus-visible/segment:ring-2 group-focus-visible/segment:ring-white/70", children: /* @__PURE__ */ jsx(
+          "span",
+          {
+            className: "absolute inset-y-0 left-0 rounded-full bg-white",
+            style: { width: `${fill * 100}%` }
+          }
+        ) })
+      },
+      index
+    );
+  }) });
+}
+function StoryPanel({ parts, className }) {
+  const { active } = useStory();
+  return /* @__PURE__ */ jsx("div", { className: cn("relative", className), children: /* @__PURE__ */ jsx("div", { className: "grid [&>*]:col-start-1 [&>*]:row-start-1", children: parts.map((part, index) => {
+    const isActive = index === active;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "aria-hidden": !isActive,
+        className: cn(
+          "transition-[opacity,transform] duration-200 ease-out motion-reduce:transition-none",
+          isActive ? "opacity-100" : "pointer-events-none invisible translate-y-1.5 opacity-0"
+        ),
+        children: part
+      },
+      index
+    );
+  }) }) });
+}
+
+export { StoryPanel, StoryProvider, StorySegments };

package/dist/{chunk-2WDJR6K7.js → chunk-G7IFL4Z4.js}

@@ -8,6 +8,9 @@ function beats(times, duration = 0.62) {
   return { duration, times, ease: "easeInOut" };
 }
 var returnTransition = { type: "spring", stiffness: 320, damping: 26 };
+function pivot(x, y) {
+  return { originX: `${x}px`, originY: `${y}px`, transformBox: "view-box" };
+}
 function poses(rest, active, play, transition) {
   return {
     rest: __spreadProps(__spreadValues({}, rest), { transition: returnTransition }),
@@ -73,4 +76,4 @@ function MotionIcon({
   );
 }
 
-export { MotionIcon, beats, poses, returnTransition, useIconGesture };
+export { MotionIcon, beats, pivot, poses, returnTransition, useIconGesture };

package/dist/chunk-H3ZZDX5L.js

@@ -0,0 +1,61 @@
+import { SnapRail, SnapRailDots } from './chunk-DTXNDLSE.js';
+import { PhotoGround } from './chunk-5RWTOT5Y.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import * as React from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+var FOOT_GLASS = cn(
+  // Ink only — no backdrop-blur; see `GlassGround` for the measurement.
+  "before:pointer-events-none before:absolute before:inset-0 before:-z-10 before:content-['']",
+  "before:bg-[oklch(0.16_0.012_55_/_0.9)]",
+  "lg:before:[mask-image:linear-gradient(to_top,black_60%,transparent_100%)] lg:before:bg-[linear-gradient(to_top,oklch(0.16_0.012_55_/_0.88)_0%,oklch(0.16_0.012_55_/_0.84)_60%,oklch(0.16_0.012_55_/_0.4)_85%,oklch(0.16_0.012_55_/_0)_100%)]"
+);
+function ConceptCompareRail({
+  backdrops,
+  railClassName,
+  foot,
+  children
+}) {
+  const [active, setActive] = React.useState(0);
+  const count = React.Children.count(children);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      PhotoGround,
+      {
+        className: "-z-10 lg:hidden",
+        mode: "stack",
+        active,
+        photos: backdrops.map((backdrop) => backdrop.src),
+        initials: backdrops.map((backdrop) => backdrop.initial),
+        overlay: true,
+        loading: "eager"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      SnapRail,
+      {
+        itemWidth: "full",
+        gap: "sm",
+        onActiveChange: setActive,
+        className: cn("pb-0 overscroll-x-contain", railClassName),
+        children
+      }
+    ),
+    foot && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "relative isolate flex flex-col gap-3 px-4 pb-4 pt-3",
+          "lg:absolute lg:inset-x-0 lg:bottom-0 lg:z-10 lg:flex-row lg:items-center lg:gap-5 lg:px-5 lg:pb-4 lg:pt-6",
+          FOOT_GLASS
+        ),
+        children: [
+          /* @__PURE__ */ jsx(SnapRailDots, { count, active, className: "lg:hidden" }),
+          foot
+        ]
+      }
+    )
+  ] });
+}
+
+export { ConceptCompareRail };

package/dist/{chunk-H3BV4VAG.js → chunk-JS3EINZD.js}

@@ -26,13 +26,13 @@ var buttonVariants = cva(
          * into a dark photo.
          *
          * Deliberately NOT theme-aware, and so deliberately different from
-         * `Badge`'s `overlay` (`bg-foreground/70 text-background`, which
+         * `Badge`'s `overlay` (`bg-foreground/80 text-background`, which
          * inverts). A photo is equally a photo in both themes — this chrome has
          * to contrast with the image beneath it, not with the app canvas, so it
          * stays dark-on-light-glyph either way. Reconcile Badge to this, not the
          * reverse, if the two are ever unified.
          */
-        overlay: "bg-black/40 text-white backdrop-blur-sm hover:bg-black/60 focus-visible:ring-white/70",
+        overlay: "bg-black/50 text-white hover:bg-black/65 focus-visible:ring-white/70",
         brown: "bg-brown text-brown-foreground shadow-sm hover:bg-brown/85 hover:shadow",
         antagonist: "bg-primary-foreground text-primary shadow-sm hover:bg-accent hover:text-accent-foreground border border-border hover:border-accent"
       },

package/dist/chunk-MZL7CGCL.js

@@ -0,0 +1,109 @@
+import { stagger, ease, duration, springSnappy } from './chunk-LEAYBICI.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { __spreadValues, __spreadProps } from './chunk-3GWWZKX7.js';
+import { motion, useReducedMotion } from 'framer-motion';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var LINE_LEAD = 0.15;
+var TARGET_DELAY = 0.38;
+var sourcesContainer = {
+  hidden: {},
+  show: { transition: { delayChildren: 0.06, staggerChildren: stagger.tight } }
+};
+var sourceItem = {
+  hidden: { opacity: 0, x: -8 },
+  show: { opacity: 1, x: 0, transition: { duration: duration.quick, ease: ease.enter } }
+};
+var targetItem = {
+  hidden: { opacity: 0, scale: 0.92 },
+  show: { opacity: 1, scale: 1, transition: __spreadValues({ delay: TARGET_DELAY }, springSnappy) }
+};
+var LINES_WIDTH = 40;
+var LINES_HEIGHT = 100;
+function ConvergeLines({ count, animate = true, className }) {
+  const mid = LINES_HEIGHT / 2;
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": true,
+      viewBox: `0 0 ${LINES_WIDTH} ${LINES_HEIGHT}`,
+      preserveAspectRatio: "none",
+      className: cn("h-full w-10 text-border", className),
+      children: Array.from({ length: count }, (_, index) => {
+        const y = (index + 0.5) / count * LINES_HEIGHT;
+        const d = `M0 ${y} C ${LINES_WIDTH / 2} ${y}, ${LINES_WIDTH / 2} ${mid}, ${LINES_WIDTH} ${mid}`;
+        const stroke = {
+          d,
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 1.5,
+          strokeLinecap: "round",
+          vectorEffect: "non-scaling-stroke"
+        };
+        return animate ? /* @__PURE__ */ jsx(
+          motion.path,
+          __spreadProps(__spreadValues({}, stroke), {
+            initial: { pathLength: 0, opacity: 0 },
+            animate: { pathLength: 1, opacity: 1 },
+            transition: {
+              delay: LINE_LEAD + index * stagger.tight,
+              duration: duration.standard,
+              ease: ease.standard
+            }
+          }),
+          index
+        ) : /* @__PURE__ */ jsx("path", __spreadValues({}, stroke), index);
+      })
+    }
+  );
+}
+function Convergence({
+  sources,
+  target,
+  animate = true,
+  linesClassName,
+  className
+}) {
+  const reduce = useReducedMotion();
+  const run = animate && !reduce;
+  const fadeOnly = animate && reduce;
+  return /* @__PURE__ */ jsxs(
+    motion.div,
+    {
+      className: cn("grid grid-cols-[minmax(0,1fr)_auto_auto] items-center", className),
+      initial: fadeOnly ? { opacity: 0 } : false,
+      animate: fadeOnly ? { opacity: 1 } : void 0,
+      transition: { duration: duration.quick, ease: ease.standard },
+      children: [
+        /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: cn(
+              "flex min-w-0 flex-col items-start justify-center gap-2 py-1",
+              /* The fan: the middle sources sit a little further right than the
+                 ends, so five chips read as one hand of cards, not as a menu. */
+              "[&>*:nth-child(2)]:translate-x-1.5 [&>*:nth-child(3)]:translate-x-3 [&>*:nth-child(4)]:translate-x-1.5"
+            ),
+            variants: run ? sourcesContainer : void 0,
+            initial: run ? "hidden" : false,
+            animate: run ? "show" : void 0,
+            children: sources.map((node, index) => /* @__PURE__ */ jsx(motion.div, { className: "flex max-w-full", variants: run ? sourceItem : void 0, children: node }, index))
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "self-stretch", children: /* @__PURE__ */ jsx(ConvergeLines, { count: sources.length, animate: run, className: linesClassName }) }),
+        /* @__PURE__ */ jsx(
+          motion.div,
+          {
+            className: "flex items-center",
+            variants: run ? targetItem : void 0,
+            initial: run ? "hidden" : false,
+            animate: run ? "show" : void 0,
+            children: target
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { ConvergeLines, Convergence };

package/dist/{chunk-TH6W2PWG.js → chunk-UDTG3RSE.js}

@@ -1,4 +1,4 @@
-import { SignatureChip } from './chunk-Q6QH52LJ.js';
+import { SignatureChip } from './chunk-6TEEY5YA.js';
 import { cn } from './chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
 import { memo } from 'react';

package/dist/chunk-WCTHZKU7.js

@@ -0,0 +1,37 @@
+import { cn } from './chunk-FEK5XGZW.js';
+import { __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
+import { jsx } from 'react/jsx-runtime';
+
+var STOPS = [0, 0.25, 0.5, 0.75, 1];
+var EASE = [0, 0.06, 0.25, 0.56, 1];
+var INK = "bg-[linear-gradient(var(--glass-dir),oklch(0.16_0.012_55_/_0)_var(--glass-s0),oklch(0.16_0.012_55_/_var(--glass-a1))_var(--glass-s1),oklch(0.16_0.012_55_/_var(--glass-a2))_var(--glass-s2),oklch(0.16_0.012_55_/_var(--glass-a3))_var(--glass-s3),oklch(0.16_0.012_55_/_var(--glass-a4))_var(--glass-s4),oklch(0.16_0.012_55_/_var(--glass-a-peak))_100%)] lg:bg-[linear-gradient(var(--glass-lg-dir),oklch(0.16_0.012_55_/_0)_var(--glass-lg-s0),oklch(0.16_0.012_55_/_var(--glass-a1))_var(--glass-lg-s1),oklch(0.16_0.012_55_/_var(--glass-a2))_var(--glass-lg-s2),oklch(0.16_0.012_55_/_var(--glass-a3))_var(--glass-lg-s3),oklch(0.16_0.012_55_/_var(--glass-a4))_var(--glass-lg-s4),oklch(0.16_0.012_55_/_var(--glass-a-peak))_100%)]";
+function measure(value) {
+  const match = value.trim().match(/^(-?\d*\.?\d+)\s*([a-z%]*)$/i);
+  if (!match) throw new Error(`GlassGround: cannot read stop "${value}"`);
+  return [Number(match[1]), match[2] || "px"];
+}
+function positions(clear, full) {
+  const [from, unit] = measure(clear);
+  const [to] = measure(full);
+  return STOPS.map((fraction) => `${from + (to - from) * fraction}${unit}`);
+}
+function GlassGround({ stops, lgStops = stops, peak = 0.96, className }) {
+  const base = positions(stops.clear, stops.full);
+  const lg = positions(lgStops.clear, lgStops.full);
+  const style = __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+    "--glass-dir": stops.direction,
+    "--glass-lg-dir": lgStops.direction
+  }, Object.fromEntries(base.map((position, index) => [`--glass-s${index}`, position]))), Object.fromEntries(lg.map((position, index) => [`--glass-lg-s${index}`, position]))), Object.fromEntries(EASE.slice(1).map((share, index) => [`--glass-a${index + 1}`, String(peak * 0.8 * share)]))), {
+    "--glass-a-peak": String(peak)
+  });
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "aria-hidden": true,
+      className: cn("pointer-events-none absolute inset-0 block", INK, className),
+      style
+    }
+  );
+}
+
+export { GlassGround };

package/dist/{chunk-TT3WFS6S.js → chunk-YOKHBAIH.js}

@@ -1,4 +1,4 @@
-import { beats, returnTransition, MotionIcon } from './chunk-2WDJR6K7.js';
+import { beats, returnTransition, MotionIcon, pivot } from './chunk-G7IFL4Z4.js';
 import { __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
 import { motion } from 'framer-motion';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -19,7 +19,7 @@ function MotionHeart(props) {
     motion.path,
     {
       variants: heartBody,
-      style: { originX: "12px", originY: "13px" },
+      style: pivot(12, 13),
       fill: "currentColor",
       fillOpacity: 0,
       d: "M2 9.5a5.5 5.5 0 0 1 9.591-3.676.56.56 0 0 0 .818 0A5.49 5.49 0 0 1 22 9.5c0 2.29-1.5 4-3 5.5l-5.492 5.313a2 2 0 0 1-3 .019L5 15c-1.5-1.5-3-3.2-3-5.5"
@@ -43,7 +43,7 @@ function MotionBookmark(props) {
     motion.path,
     {
       variants: bookmarkBody,
-      style: { originX: "12px", originY: "21px" },
+      style: pivot(12, 21),
       fill: "currentColor",
       fillOpacity: 0,
       d: "M17 3a2 2 0 0 1 2 2v15a1 1 0 0 1-1.496.868l-4.512-2.578a2 2 0 0 0-1.984 0l-4.512 2.578A1 1 0 0 1 5 20V5a2 2 0 0 1 2-2z"
@@ -89,7 +89,7 @@ var found = {
   }
 };
 function MotionSearch(props) {
-  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs(motion.g, { variants: lens, style: { originX: "21px", originY: "21px" }, children: [
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs(motion.g, { variants: lens, style: pivot(21, 21), children: [
     /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
     /* @__PURE__ */ jsx("path", { d: "m21 21-4.34-4.34" }),
     /* @__PURE__ */ jsx(
@@ -97,7 +97,7 @@ function MotionSearch(props) {
       {
         variants: found,
         opacity: 0,
-        style: { originX: "11px", originY: "11px" },
+        style: pivot(11, 11),
         fill: "currentColor",
         cx: "11",
         cy: "11",
@@ -207,7 +207,7 @@ var crescent = {
   }
 };
 function MotionTheme(props) {
-  const origin = { originX: "12px", originY: "12px" };
+  const origin = pivot(12, 12);
   return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
     /* @__PURE__ */ jsx(motion.g, { variants: rays, style: origin, children: SUN_RAYS.map((d) => /* @__PURE__ */ jsx("path", { d }, d)) }),
     /* @__PURE__ */ jsx(motion.circle, { variants: disc, style: origin, cx: "12", cy: "12", r: "4" }),
@@ -232,7 +232,7 @@ var chevron = {
   }
 };
 function MotionChevron(props) {
-  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx(motion.path, { variants: chevron, style: { originX: "12px", originY: "12px" }, d: "m6 9 6 6 6-6" }) }));
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsx(motion.path, { variants: chevron, style: pivot(12, 12), d: "m6 9 6 6 6-6" }) }));
 }
 var PLAYPAUSE_TIMES = [0, 0.24, 0.72, 1];
 var playHead = {
@@ -255,7 +255,7 @@ function pauseBar(dx) {
 var barLeft = pauseBar(5);
 var barRight = pauseBar(-5);
 function MotionPlayPause(props) {
-  const origin = { originX: "12px", originY: "12px" };
+  const origin = pivot(12, 12);
   return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
     /* @__PURE__ */ jsx(
       motion.path,
@@ -290,7 +290,7 @@ var slash = {
   }
 };
 function MotionEye(props) {
-  const origin = { originX: "12px", originY: "12px" };
+  const origin = pivot(12, 12);
   return /* @__PURE__ */ jsxs(MotionIcon, __spreadProps(__spreadValues({}, props), { children: [
     /* @__PURE__ */ jsx(
       motion.path,
@@ -320,7 +320,7 @@ function MotionStar(props) {
     motion.path,
     {
       variants: starBody,
-      style: { originX: "12px", originY: "12px" },
+      style: pivot(12, 12),
       fill: "currentColor",
       fillOpacity: 0,
       d: "M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z"
@@ -368,7 +368,7 @@ var refreshRing = {
   }
 };
 function MotionRefresh(props) {
-  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs(motion.g, { variants: refreshRing, style: { originX: "12px", originY: "12px" }, children: [
+  return /* @__PURE__ */ jsx(MotionIcon, __spreadProps(__spreadValues({}, props), { children: /* @__PURE__ */ jsxs(motion.g, { variants: refreshRing, style: pivot(12, 12), children: [
     /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
     /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" }),
     /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),

package/dist/components/alert-dialog.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-H3BV4VAG.js';
+import { buttonVariants } from '../chunk-JS3EINZD.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/alert.d.ts

@@ -3,10 +3,10 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const alertVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
+    variant?: "default" | "success" | "warning" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
+    variant?: "default" | "success" | "warning" | "destructive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/avatar.d.ts

@@ -4,11 +4,11 @@ import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import { VariantProps } from 'class-variance-authority';
 
 declare const avatarVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 type AvatarSize = NonNullable<VariantProps<typeof avatarVariants>["size"]>;
 declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & VariantProps<(props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLSpanElement>>;
 declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
 declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
@@ -17,7 +17,7 @@ declare const AvatarBadge: React.ForwardRefExoticComponent<React.HTMLAttributes<
     tone?: "success" | "warning" | "destructive" | "muted";
 } & React.RefAttributes<HTMLSpanElement>>;
 declare const avatarGroupOverflowVariants: (props?: ({
-    size?: "default" | "xs" | "sm" | "lg" | "xl" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const AvatarGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     max?: number;

package/dist/components/badge.d.ts

@@ -4,7 +4,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const badgeVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "overlay" | "glass" | "success" | "warning" | "brown" | null | undefined;
+    variant?: "default" | "success" | "warning" | "destructive" | "outline" | "secondary" | "glass" | "overlay" | "brown" | null | undefined;
     live?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {

package/dist/components/badge.js

@@ -1,3 +1,3 @@
-export { Badge, badgeVariants } from '../chunk-UKBNQO6Q.js';
+export { Badge, badgeVariants } from '../chunk-2CXU5WZO.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/button.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "secondary" | "destructive" | "outline" | "overlay" | "glass" | "brown" | "link" | "ghost" | "antagonist" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "overlay" | "brown" | "antagonist" | null | undefined;
+    size?: "xs" | "sm" | "default" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     fullWidth?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/button.js

@@ -1,4 +1,4 @@
-export { Button, buttonVariants } from '../chunk-H3BV4VAG.js';
+export { Button, buttonVariants } from '../chunk-JS3EINZD.js';
 import '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/calendar.js

@@ -1,4 +1,4 @@
-import { buttonVariants, Button } from '../chunk-H3BV4VAG.js';
+import { buttonVariants, Button } from '../chunk-JS3EINZD.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadValues, __spreadProps } from '../chunk-3GWWZKX7.js';

package/dist/components/card.d.ts

@@ -3,13 +3,13 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const cardVariants: (props?: ({
-    variant?: "outline" | "glass" | "muted" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "muted" | "outline" | "glass" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "outline" | "glass" | "muted" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    variant?: "muted" | "outline" | "glass" | "surface" | "elevated" | "elevatedPanel" | null | undefined;
+    size?: "sm" | "default" | "lg" | null | undefined;
     interactive?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/components/carousel.js

@@ -1,4 +1,4 @@
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-JS3EINZD.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';

package/dist/components/combobox.js

@@ -1,7 +1,7 @@
 import { Popover, PopoverTrigger, PopoverContent } from '../chunk-66MAPLXS.js';
 import { Command, CommandInput, CommandList, CommandLoading, CommandEmpty, CommandGroup, CommandItem } from '../chunk-XNA2INVQ.js';
 import '../chunk-FRPPIXMY.js';
-import { Button } from '../chunk-H3BV4VAG.js';
+import { Button } from '../chunk-JS3EINZD.js';
 import '../chunk-R47NEOSI.js';
 import { cn } from '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/command.d.ts

@@ -28,7 +28,7 @@ declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<
     ref?: React.Ref<HTMLInputElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "onChange" | "value" | "type"> & {
     value?: string;
     onValueChange?: (search: string) => void;
 } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
@@ -82,7 +82,7 @@ declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
     ref?: React.Ref<HTMLDivElement>;
 } & {
     asChild?: boolean;
-}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "onSelect" | "value" | "disabled"> & {
     disabled?: boolean;
     onSelect?: (value: string) => void;
     value?: string;